@classytic/pos-ui 0.1.0 → 1.2.0

package/dist/node_modules/react-hook-form/dist/index.esm.js

@@ -2,23 +2,21 @@ import React from "react";
 
 //#region node_modules/react-hook-form/dist/index.esm.mjs
 var isCheckBoxInput = (element) => element.type === "checkbox";
+var isFileInput = (element) => element.type === "file";
 var isDateObject = (value) => value instanceof Date;
 var isNullOrUndefined = (value) => value == null;
 const isObjectType = (value) => typeof value === "object";
 var isObject = (value) => !isNullOrUndefined(value) && !Array.isArray(value) && isObjectType(value) && !isDateObject(value);
-var getEventValue = (event) => isObject(event) && event.target ? isCheckBoxInput(event.target) ? event.target.checked : event.target.value : event;
+var getEventValue = (event) => isObject(event) && event.target ? isCheckBoxInput(event.target) ? event.target.checked : isFileInput(event.target) ? event.target.files : event.target.value : event;
 var isNameInFieldArray = (names, name) => name.split(".").some((part, index, arr) => !isNaN(Number(part)) && names.has(arr.slice(0, index).join(".")));
-var isPlainObject = (tempObject) => {
-	const prototypeCopy = tempObject.constructor && tempObject.constructor.prototype;
-	return isObject(prototypeCopy) && prototypeCopy.hasOwnProperty("isPrototypeOf");
-};
 var isWeb = typeof window !== "undefined" && typeof window.HTMLElement !== "undefined" && typeof document !== "undefined";
 function cloneObject(data) {
+	if (data === null || typeof data !== "object") return data;
 	if (data instanceof Date) return new Date(data);
 	const isFileListInstance = typeof FileList !== "undefined" && data instanceof FileList;
 	if (isWeb && (data instanceof Blob || isFileListInstance)) return data;
 	const isArray = Array.isArray(data);
-	if (!isArray && !(isObject(data) && isPlainObject(data))) return data;
+	if (!isArray && data.constructor !== Object) return data;
 	const copy = isArray ? [] : Object.create(Object.getPrototypeOf(data));
 	for (const key in data) if (Object.prototype.hasOwnProperty.call(data, key)) copy[key] = cloneObject(data[key]);
 	return copy;
@@ -103,15 +101,9 @@ var getProxyFormState = (formState, control, localProxyFormState, isRoot = true)
 	return result;
 };
 const useIsomorphicLayoutEffect = isWeb ? React.useLayoutEffect : React.useEffect;
-var isString = (value) => typeof value === "string";
-var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) => {
-	if (isString(names)) {
-		isGlobal && _names.watch.add(names);
-		return get(formValues, names, defaultValue);
-	}
-	if (Array.isArray(names)) return names.map((fieldName) => (isGlobal && _names.watch.add(fieldName), get(formValues, fieldName)));
-	isGlobal && (_names.watchAll = true);
-	return formValues;
+var isPlainObject = (tempObject) => {
+	const prototypeCopy = tempObject.constructor && tempObject.constructor.prototype;
+	return isObject(prototypeCopy) && prototypeCopy.hasOwnProperty("isPrototypeOf");
 };
 var isPrimitive = (value) => isNullOrUndefined(value) || !isObjectType(value);
 const isEmptyObjectWithCustomPrototype = (object, keys) => keys.length === 0 && !Array.isArray(object) && !isPlainObject(object);
@@ -142,195 +134,32 @@ function deepEqual(object1, object2, visited = /* @__PURE__ */ new WeakMap()) {
 	}
 	return true;
 }
-const HookFormContext = React.createContext(null);
-HookFormContext.displayName = "HookFormContext";
-var appendErrors = (name, validateAllFieldCriteria, errors, type, message) => validateAllFieldCriteria ? {
-	...errors[name],
-	types: {
-		...errors[name] && errors[name].types ? errors[name].types : {},
-		[type]: message || true
-	}
-} : {};
-var compact = (value) => Array.isArray(value) ? value.filter(Boolean) : [];
-var convertToArrayPayload = (value) => Array.isArray(value) ? value : [value];
-var createSubject = () => {
-	let _observers = [];
-	const next = (value) => {
-		for (const observer of _observers) observer.next && observer.next(value);
-	};
-	const subscribe = (observer) => {
-		_observers.push(observer);
-		return { unsubscribe: () => {
-			_observers = _observers.filter((o) => o !== observer);
-		} };
-	};
-	const unsubscribe = () => {
-		_observers = [];
-	};
+function useResyncOnReconnect() {
+	const _connected = React.useRef(false);
+	const _prevValue = React.useRef(void 0);
 	return {
-		get observers() {
-			return _observers;
-		},
-		next,
-		subscribe,
-		unsubscribe
+		resyncIfNeeded: React.useCallback((enabled, getCurrentValue, setValue) => {
+			if (enabled && _connected.current) {
+				const currentValue = getCurrentValue();
+				if (!deepEqual(_prevValue.current, currentValue)) setValue(currentValue);
+			}
+			_connected.current = true;
+		}, []),
+		snapshot: React.useCallback((enabled, getCurrentValue) => {
+			if (enabled) _prevValue.current = cloneObject(getCurrentValue());
+		}, [])
 	};
-};
-function extractFormValues(fieldsState, formValues) {
-	const values = {};
-	for (const key in fieldsState) if (fieldsState.hasOwnProperty(key)) {
-		const fieldState = fieldsState[key];
-		const fieldValue = formValues[key];
-		if (fieldState && isObject(fieldState) && fieldValue) {
-			const nestedFieldsState = extractFormValues(fieldState, fieldValue);
-			if (isObject(nestedFieldsState)) values[key] = nestedFieldsState;
-		} else if (fieldsState[key]) values[key] = fieldValue;
-	}
-	return values;
-}
-var isEmptyObject = (value) => isObject(value) && !Object.keys(value).length;
-var isFileInput = (element) => element.type === "file";
-var isHTMLElement = (value) => {
-	if (!isWeb) return false;
-	const owner = value ? value.ownerDocument : 0;
-	return value instanceof (owner && owner.defaultView ? owner.defaultView.HTMLElement : HTMLElement);
-};
-var isMultipleSelect = (element) => element.type === `select-multiple`;
-var isRadioInput = (element) => element.type === "radio";
-var isRadioOrCheckbox = (ref) => isRadioInput(ref) || isCheckBoxInput(ref);
-var live = (ref) => isHTMLElement(ref) && ref.isConnected;
-function baseGet(object, updatePath) {
-	const length = updatePath.slice(0, -1).length;
-	let index = 0;
-	while (index < length) {
-		if (isNullOrUndefined(object)) {
-			object = void 0;
-			break;
-		}
-		object = object[updatePath[index]];
-		index++;
-	}
-	return object;
-}
-function isEmptyArray(obj) {
-	for (const key in obj) if (obj.hasOwnProperty(key) && !isUndefined(obj[key])) return false;
-	return true;
 }
-function unset(object, path) {
-	if (isString(path) && Object.prototype.hasOwnProperty.call(object, path)) {
-		delete object[path];
-		return object;
-	}
-	const paths = Array.isArray(path) ? path : isKey(path) ? [path] : stringToPath(path);
-	const childObject = paths.length === 1 ? object : baseGet(object, paths);
-	const index = paths.length - 1;
-	const key = paths[index];
-	if (childObject) delete childObject[key];
-	if (index !== 0 && (isObject(childObject) && isEmptyObject(childObject) || Array.isArray(childObject) && isEmptyArray(childObject))) unset(object, paths.slice(0, -1));
-	return object;
-}
-var objectHasFunction = (data) => {
-	for (const key in data) if (isFunction(data[key])) return true;
-	return false;
-};
-function isTraversable(value) {
-	return Array.isArray(value) || isObject(value) && !objectHasFunction(value);
-}
-function markFieldsDirty(data, fields = {}) {
-	for (const key in data) {
-		const value = data[key];
-		if (isTraversable(value)) {
-			fields[key] = Array.isArray(value) ? [] : {};
-			markFieldsDirty(value, fields[key]);
-		} else if (!isUndefined(value)) fields[key] = true;
-	}
-	return fields;
-}
-function pruneDirtyFields(value) {
-	if (value === false) return;
-	if (value === true) return true;
-	if (Array.isArray(value)) {
-		const result = value.map((value) => pruneDirtyFields(value));
-		return result.some((value) => value !== void 0) ? result : void 0;
-	}
-	if (isObject(value)) {
-		const result = {};
-		for (const key in value) {
-			const pruned = pruneDirtyFields(value[key]);
-			if (!isUndefined(pruned)) result[key] = pruned;
-		}
-		return Object.keys(result).length ? result : void 0;
-	}
-}
-function getDirtyFields(data, formValues, dirtyFieldsFromValues) {
-	if (!dirtyFieldsFromValues) dirtyFieldsFromValues = markFieldsDirty(formValues);
-	for (const key in data) {
-		const value = data[key];
-		if (isTraversable(value)) if (isUndefined(formValues) || isPrimitive(dirtyFieldsFromValues[key])) dirtyFieldsFromValues[key] = markFieldsDirty(value, Array.isArray(value) ? [] : {});
-		else getDirtyFields(value, isNullOrUndefined(formValues) ? {} : formValues[key], dirtyFieldsFromValues[key]);
-		else {
-			const formValue = formValues[key];
-			dirtyFieldsFromValues[key] = !deepEqual(value, formValue);
-		}
-	}
-	return pruneDirtyFields(dirtyFieldsFromValues) || {};
-}
-const defaultResult = {
-	value: false,
-	isValid: false
-};
-const validResult = {
-	value: true,
-	isValid: true
-};
-var getCheckboxValue = (options) => {
-	if (Array.isArray(options)) {
-		if (options.length > 1) {
-			const values = options.filter((option) => option && option.checked && !option.disabled).map((option) => option.value);
-			return {
-				value: values,
-				isValid: !!values.length
-			};
-		}
-		return options[0].checked && !options[0].disabled ? options[0].attributes && !isUndefined(options[0].attributes.value) ? isUndefined(options[0].value) || options[0].value === "" ? validResult : {
-			value: options[0].value,
-			isValid: true
-		} : validResult : defaultResult;
-	}
-	return defaultResult;
-};
-var getFieldValueAs = (value, { valueAsNumber, valueAsDate, setValueAs }) => isUndefined(value) ? value : valueAsNumber ? value === "" ? NaN : value ? +value : value : valueAsDate && isString(value) ? new Date(value) : setValueAs ? setValueAs(value) : value;
-const defaultReturn = {
-	isValid: false,
-	value: null
-};
-var getRadioValue = (options) => Array.isArray(options) ? options.reduce((previous, option) => option && option.checked && !option.disabled ? {
-	isValid: true,
-	value: option.value
-} : previous, defaultReturn) : defaultReturn;
-function getFieldValue(_f) {
-	const ref = _f.ref;
-	if (isFileInput(ref)) return ref.files;
-	if (isRadioInput(ref)) return getRadioValue(_f.refs).value;
-	if (isMultipleSelect(ref)) return [...ref.selectedOptions].map(({ value }) => value);
-	if (isCheckBoxInput(ref)) return getCheckboxValue(_f.refs).value;
-	return getFieldValueAs(isUndefined(ref.value) ? _f.ref.value : ref.value, _f);
-}
-var getResolverOptions = (fieldsNames, _fields, criteriaMode, shouldUseNativeValidation) => {
-	const fields = {};
-	for (const name of fieldsNames) {
-		const field = get(_fields, name);
-		field && set(fields, name, field._f);
+var isString = (value) => typeof value === "string";
+var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) => {
+	if (isString(names)) {
+		isGlobal && _names.watch.add(names);
+		return get(formValues, names, defaultValue);
 	}
-	return {
-		criteriaMode,
-		names: [...fieldsNames],
-		fields,
-		shouldUseNativeValidation
-	};
+	if (Array.isArray(names)) return names.map((fieldName) => (isGlobal && _names.watch.add(fieldName), get(formValues, fieldName)));
+	isGlobal && (_names.watchAll = true);
+	return formValues;
 };
-var isRegex = (value) => value instanceof RegExp;
-var getRuleValue = (rule) => isUndefined(rule) ? rule : isRegex(rule) ? rule.source : isObject(rule) ? isRegex(rule.value) ? rule.value.source : rule.value : rule;
 var getValidationModes = (mode) => ({
 	isOnSubmit: !mode || mode === VALIDATION_MODE.onSubmit,
 	isOnBlur: mode === VALIDATION_MODE.onBlur,
@@ -338,16 +167,6 @@ var getValidationModes = (mode) => ({
 	isOnAll: mode === VALIDATION_MODE.all,
 	isOnTouch: mode === VALIDATION_MODE.onTouched
 });
-const ASYNC_FUNCTION = "AsyncFunction";
-var hasPromiseValidation = (fieldReference) => {
-	if (!fieldReference || !fieldReference.validate) return false;
-	if (isFunction(fieldReference.validate)) return fieldReference.validate.constructor.name === ASYNC_FUNCTION;
-	if (isObject(fieldReference.validate)) {
-		for (const key in fieldReference.validate) if (fieldReference.validate[key].constructor.name === ASYNC_FUNCTION) return true;
-	}
-	return false;
-};
-var hasValidation = (options) => options.mount && (options.required || options.min || options.max || options.maxLength || options.minLength || options.pattern || options.validate);
 var isWatched = (name, _names, isBlurEvent) => {
 	if (isBlurEvent) return false;
 	if (_names.watchAll || _names.watch.has(name)) return true;
@@ -356,58 +175,20 @@ var isWatched = (name, _names, isBlurEvent) => {
 };
 const iterateFieldsByAction = (fields, action, fieldsNames, abortEarly) => {
 	for (const key of fieldsNames || Object.keys(fields)) {
-		const field = get(fields, key);
+		if (key === "_f") continue;
+		const field = fieldsNames ? get(fields, key) : fields[key];
 		if (field) {
-			const { _f, ...currentField } = field;
+			const { _f } = field;
 			if (_f) {
 				if (_f.refs && _f.refs[0] && action(_f.refs[0], key) && !abortEarly) return true;
 				else if (_f.ref && action(_f.ref, _f.name) && !abortEarly) return true;
-				else if (iterateFieldsByAction(currentField, action)) break;
-			} else if (isObject(currentField)) {
-				if (iterateFieldsByAction(currentField, action)) break;
+				else if (iterateFieldsByAction(field, action)) break;
+			} else if (isObject(field) || Array.isArray(field)) {
+				if (iterateFieldsByAction(field, action)) break;
 			}
 		}
 	}
 };
-function schemaErrorLookup(errors, _fields, name) {
-	const error = get(errors, name);
-	if (error || isKey(name)) return {
-		error,
-		name
-	};
-	const names = name.split(".");
-	while (names.length) {
-		const fieldName = names.join(".");
-		const field = get(_fields, fieldName);
-		const foundError = get(errors, fieldName);
-		if (field && !Array.isArray(field) && name !== fieldName) return { name };
-		if (foundError && foundError.type) return {
-			name: fieldName,
-			error: foundError
-		};
-		if (foundError && foundError.root && foundError.root.type) return {
-			name: `${fieldName}.root`,
-			error: foundError.root
-		};
-		names.pop();
-	}
-	return { name };
-}
-var shouldRenderFormState = (formStateData, _proxyFormState, updateFormState, isRoot) => {
-	updateFormState(formStateData);
-	const { name, ...formState } = formStateData;
-	const keys = Object.keys(formState);
-	return !keys.length || isRoot && keys.length >= Object.keys(_proxyFormState).length || keys.find((key) => _proxyFormState[key] === (!isRoot || VALIDATION_MODE.all));
-};
-var shouldSubscribeByName = (name, signalName, exact) => !name || !signalName || name === signalName || convertToArrayPayload(name).some((currentName) => currentName && (exact ? currentName === signalName : currentName.startsWith(signalName) || signalName.startsWith(currentName)));
-var skipValidation = (isBlurEvent, isTouched, isSubmitted, reValidateMode, mode) => {
-	if (mode.isOnAll) return false;
-	else if (!isSubmitted && mode.isOnTouch) return !(isTouched || isBlurEvent);
-	else if (isSubmitted ? reValidateMode.isOnBlur : mode.isOnBlur) return !isBlurEvent;
-	else if (isSubmitted ? reValidateMode.isOnChange : mode.isOnChange) return isBlurEvent;
-	return true;
-};
-var unsetEmptyArray = (ref, name) => !compact(get(ref, name)).length && unset(ref, name);
 var updateFieldArrayRootError = (errors, error, name) => {
 	const existingErrors = get(errors, name);
 	const fieldArrayErrors = Array.isArray(existingErrors) ? existingErrors : [];
@@ -415,6 +196,54 @@ var updateFieldArrayRootError = (errors, error, name) => {
 	set(errors, name, fieldArrayErrors);
 	return errors;
 };
+var isEmptyObject = (value) => isObject(value) && !Object.keys(value).length;
+var isHTMLElement = (value) => {
+	if (!isWeb) return false;
+	const owner = value ? value.ownerDocument : 0;
+	return value instanceof (owner && owner.defaultView ? owner.defaultView.HTMLElement : HTMLElement);
+};
+var isRadioInput = (element) => element.type === "radio";
+var isRegex = (value) => value instanceof RegExp;
+var appendErrors = (name, validateAllFieldCriteria, errors, type, message) => validateAllFieldCriteria ? {
+	...errors[name],
+	types: {
+		...errors[name] && errors[name].types ? errors[name].types : {},
+		[type]: message || true
+	}
+} : {};
+const defaultResult = {
+	value: false,
+	isValid: false
+};
+const validResult = {
+	value: true,
+	isValid: true
+};
+var getCheckboxValue = (options) => {
+	if (!Array.isArray(options)) return defaultResult;
+	if (options.length > 1) {
+		const values = options.filter((option) => option && option.checked && !option.disabled).map((option) => option.value);
+		return {
+			value: values,
+			isValid: !!values.length
+		};
+	}
+	const option = options[0];
+	if (!option || !option.checked || option.disabled) return defaultResult;
+	if (!option.attributes || !("value" in option.attributes)) return validResult;
+	return isUndefined(option.value) || option.value === "" ? validResult : {
+		value: option.value,
+		isValid: true
+	};
+};
+const defaultReturn = {
+	isValid: false,
+	value: null
+};
+var getRadioValue = (options) => Array.isArray(options) ? options.reduce((previous, option) => option && option.checked && !option.disabled ? {
+	isValid: true,
+	value: option.value
+} : previous, defaultReturn) : defaultReturn;
 function getValidateError(result, ref, type = "validate") {
 	if (isString(result) || Array.isArray(result) && result.every(isString) || isBoolean(result) && !result) return {
 		type,
@@ -477,7 +306,7 @@ var validateField = async (field, disabledFieldNames, formValues, validateAllFie
 		let exceedMin;
 		const maxOutput = getValueAndMessage(max);
 		const minOutput = getValueAndMessage(min);
-		if (!isNullOrUndefined(inputValue) && !isNaN(inputValue)) {
+		if (!isNullOrUndefined(inputValue) && !isDateObject(inputValue) && !isNaN(inputValue)) {
 			const valueNumber = ref.valueAsNumber || (inputValue ? +inputValue : inputValue);
 			if (!isNullOrUndefined(maxOutput.value)) exceedMax = valueNumber > maxOutput.value;
 			if (!isNullOrUndefined(minOutput.value)) exceedMin = valueNumber < minOutput.value;
@@ -561,15 +390,239 @@ var validateField = async (field, disabledFieldNames, formValues, validateAllFie
 			}
 		}
 	}
-	setCustomValidity(true);
+	const fieldError = error[name];
+	setCustomValidity(fieldError ? fieldError.message : true);
 	return error;
 };
+var convertToArrayPayload = (value) => Array.isArray(value) ? value : [value];
+var compact = (value) => Array.isArray(value) ? value.filter(Boolean) : [];
+function baseGet(object, updatePath) {
+	const length = updatePath.length - 1;
+	let index = 0;
+	while (index < length) {
+		if (isNullOrUndefined(object)) {
+			object = void 0;
+			break;
+		}
+		object = object[updatePath[index]];
+		index++;
+	}
+	return object;
+}
+function isEmptyArray(obj) {
+	for (const key in obj) if (obj.hasOwnProperty(key) && !isUndefined(obj[key])) return false;
+	return true;
+}
+function unset(object, path) {
+	if (isString(path) && Object.prototype.hasOwnProperty.call(object, path)) {
+		delete object[path];
+		return object;
+	}
+	const paths = Array.isArray(path) ? path : isKey(path) ? [path] : stringToPath(path);
+	if (paths.some((segment) => PROTOTYPE_KEYWORDS.includes(String(segment)))) return object;
+	const childObject = paths.length === 1 ? object : baseGet(object, paths);
+	const index = paths.length - 1;
+	const key = paths[index];
+	if (childObject) delete childObject[key];
+	if (index !== 0 && (isObject(childObject) && isEmptyObject(childObject) || Array.isArray(childObject) && isEmptyArray(childObject))) unset(object, paths.slice(0, -1));
+	return object;
+}
+const HookFormContext = React.createContext(null);
+HookFormContext.displayName = "HookFormContext";
+var createSubject = () => {
+	let _observers = [];
+	const next = (value) => {
+		for (const observer of _observers) observer.next && observer.next(value);
+	};
+	const subscribe = (observer) => {
+		_observers.push(observer);
+		return { unsubscribe: () => {
+			_observers = _observers.filter((o) => o !== observer);
+		} };
+	};
+	const unsubscribe = () => {
+		_observers = [];
+	};
+	return {
+		get observers() {
+			return _observers;
+		},
+		next,
+		subscribe,
+		unsubscribe
+	};
+};
+function extractFormValues(fieldsState, formValues) {
+	const values = {};
+	for (const key in fieldsState) if (fieldsState.hasOwnProperty(key)) {
+		const fieldState = fieldsState[key];
+		const fieldValue = formValues[key];
+		if (fieldState && isObject(fieldState) && fieldValue) {
+			const nestedFieldsState = extractFormValues(fieldState, fieldValue);
+			if (isObject(nestedFieldsState)) values[key] = nestedFieldsState;
+		} else if (fieldsState[key]) values[key] = fieldValue;
+	}
+	return values;
+}
+const hasOwn = (value, key) => value !== null && isObjectType(value) && Object.prototype.hasOwnProperty.call(value, key);
+var has = (object, path) => {
+	if (!path) return false;
+	let result = object;
+	for (const key of isKey(path) ? [path] : stringToPath(path)) {
+		if (!hasOwn(result, key)) return hasOwn(object, path);
+		result = result[key];
+	}
+	return true;
+};
+var isMultipleSelect = (element) => element.type === `select-multiple`;
+var isRadioOrCheckbox = (ref) => isRadioInput(ref) || isCheckBoxInput(ref);
+var live = (ref) => isHTMLElement(ref) && ref.isConnected;
+function isDirtyContainer(value) {
+	return Array.isArray(value) || isObject(value);
+}
+function collectDirtyFieldNames(dirtyTree, cachedDirtyFields, prefix = "", names = []) {
+	for (const key in dirtyTree) {
+		const path = prefix ? `${prefix}.${key}` : key;
+		const value = dirtyTree[key];
+		if (isDirtyContainer(value) && isDirtyContainer(get(cachedDirtyFields, path))) collectDirtyFieldNames(value, cachedDirtyFields, path, names);
+		else names.push(path);
+	}
+	return names;
+}
+var objectHasFunction = (data) => {
+	for (const key in data) if (isFunction(data[key])) return true;
+	return false;
+};
+function isTraversable(value) {
+	return Array.isArray(value) || isObject(value) && !objectHasFunction(value);
+}
+function isRegisteredLeaf(fieldRef) {
+	return !!(fieldRef && "_f" in fieldRef);
+}
+function isEmptyDirtyContainer(value) {
+	return Array.isArray(value) ? !value.some((item) => !isUndefined(item)) : !Object.keys(value).length;
+}
+function clearDirtyField(container, key) {
+	if (Array.isArray(container)) container[key] = void 0;
+	else delete container[key];
+}
+function markFieldsDirty(data, fields = {}, fieldRefs) {
+	for (const key in data) {
+		const value = data[key];
+		const fieldRef = fieldRefs && fieldRefs[key];
+		if (isTraversable(value) && (!Array.isArray(value) || !isRegisteredLeaf(fieldRef))) {
+			fields[key] = Array.isArray(value) ? [] : {};
+			markFieldsDirty(value, fields[key], fieldRef);
+			if (isEmptyDirtyContainer(fields[key])) clearDirtyField(fields, key);
+		} else if (!isUndefined(value)) fields[key] = true;
+	}
+	return fields;
+}
+function getDirtyFields(data, formValues, dirtyFieldsFromValues, fieldRefs) {
+	if (!dirtyFieldsFromValues) dirtyFieldsFromValues = markFieldsDirty(formValues, {}, fieldRefs);
+	for (const key in data) {
+		const value = data[key];
+		const fieldRef = fieldRefs && fieldRefs[key];
+		if (isTraversable(value) && (!Array.isArray(value) || !isRegisteredLeaf(fieldRef))) {
+			if (isUndefined(formValues) || isPrimitive(dirtyFieldsFromValues[key])) dirtyFieldsFromValues[key] = markFieldsDirty(value, Array.isArray(value) ? [] : {}, fieldRef);
+			else getDirtyFields(value, isNullOrUndefined(formValues) ? {} : formValues[key], dirtyFieldsFromValues[key], fieldRef);
+			if (isEmptyDirtyContainer(dirtyFieldsFromValues[key])) clearDirtyField(dirtyFieldsFromValues, key);
+		} else if (deepEqual(value, formValues[key])) clearDirtyField(dirtyFieldsFromValues, key);
+		else dirtyFieldsFromValues[key] = true;
+	}
+	return dirtyFieldsFromValues;
+}
+var getFieldArrayItemNames = (names, name) => {
+	const segments = name.split(".");
+	const matches = [];
+	let prefix = segments[0];
+	for (let i = 1; i < segments.length; prefix += "." + segments[i++]) if (!isNaN(+segments[i]) && names.has(prefix)) matches.push(`${prefix}.${segments[i]}`);
+	return matches;
+};
+var getFieldValueAs = (value, { valueAsNumber, valueAsDate, setValueAs }) => isUndefined(value) ? value : valueAsNumber ? value === "" ? NaN : value ? +value : value : valueAsDate && isString(value) ? new Date(value) : setValueAs ? setValueAs(value) : value;
+function getFieldValue(_f) {
+	const ref = _f.ref;
+	if (isFileInput(ref)) return ref.files;
+	if (isRadioInput(ref)) return getRadioValue(_f.refs).value;
+	if (isMultipleSelect(ref)) return [...ref.selectedOptions].map(({ value }) => value);
+	if (isCheckBoxInput(ref)) return getCheckboxValue(_f.refs).value;
+	return getFieldValueAs(ref.value, _f);
+}
+var getResolverOptions = (fieldsNames, _fields, criteriaMode, shouldUseNativeValidation) => {
+	const fields = {};
+	for (const name of fieldsNames) {
+		const field = get(_fields, name);
+		field && set(fields, name, field._f);
+	}
+	return {
+		criteriaMode,
+		names: [...fieldsNames],
+		fields,
+		shouldUseNativeValidation
+	};
+};
+var getRuleValue = (rule) => isUndefined(rule) ? rule : isRegex(rule) ? rule.source : isObject(rule) ? isRegex(rule.value) ? rule.value.source : rule.value : rule;
+const ASYNC_FUNCTION = "AsyncFunction";
+var hasPromiseValidation = (fieldReference) => {
+	if (!fieldReference || !fieldReference.validate) return false;
+	if (isFunction(fieldReference.validate)) return fieldReference.validate.constructor.name === ASYNC_FUNCTION;
+	if (isObject(fieldReference.validate)) {
+		for (const key in fieldReference.validate) if (fieldReference.validate[key].constructor.name === ASYNC_FUNCTION) return true;
+	}
+	return false;
+};
+var hasValidation = (options) => options.mount && (options.required || !isUndefined(options.required) && options.required !== false || !isUndefined(options.min) || !isUndefined(options.max) || !isUndefined(options.maxLength) || !isUndefined(options.minLength) || options.pattern || options.validate);
+function schemaErrorLookup(errors, _fields, name) {
+	const error = get(errors, name);
+	if (error || isKey(name)) return {
+		error,
+		name
+	};
+	const names = name.split(".");
+	while (names.length) {
+		const fieldName = names.join(".");
+		const field = get(_fields, fieldName);
+		const foundError = get(errors, fieldName);
+		if (field && !Array.isArray(field) && name !== fieldName) return { name };
+		if (foundError && foundError.type) return {
+			name: fieldName,
+			error: foundError
+		};
+		if (foundError && foundError.root && foundError.root.type) return {
+			name: `${fieldName}.root`,
+			error: foundError.root
+		};
+		names.pop();
+	}
+	return { name };
+}
+var shouldRenderFormState = (formStateData, _proxyFormState, updateFormState, isRoot) => {
+	updateFormState(formStateData);
+	const keys = Object.keys(formStateData).filter((key) => key !== "name");
+	return !keys.length || isRoot && keys.length >= Object.keys(_proxyFormState).length || keys.find((key) => _proxyFormState[key] === (!isRoot || VALIDATION_MODE.all));
+};
+var shouldSubscribeByName = (name, signalName, exact) => !name || !signalName || name === signalName || convertToArrayPayload(name).some((currentName) => currentName && (exact ? currentName === signalName || currentName.startsWith(signalName + ".") : currentName.startsWith(signalName) || signalName.startsWith(currentName)));
+var skipValidation = (isBlurEvent, isTouched, isSubmitted, reValidateMode, mode) => {
+	if (mode.isOnAll) return false;
+	else if (!isSubmitted && mode.isOnTouch) return !(isTouched || isBlurEvent);
+	else if (isSubmitted ? reValidateMode.isOnBlur : mode.isOnBlur) return !isBlurEvent;
+	else if (isSubmitted ? reValidateMode.isOnChange : mode.isOnChange) return isBlurEvent;
+	return true;
+};
+var unsetEmptyArray = (ref, name) => {
+	const array = get(ref, name);
+	!compact(array).length && !(array !== null && array !== void 0 && array.root) && unset(ref, name);
+};
 const defaultOptions = {
 	mode: VALIDATION_MODE.onSubmit,
 	reValidateMode: VALIDATION_MODE.onChange,
 	shouldFocusError: true
 };
 const FORM_ERROR_TYPE = "form";
+const updateDirtyFields = (dirtyFields, nextDirtyFields) => {
+	for (const key in dirtyFields) if (!(key in nextDirtyFields)) delete dirtyFields[key];
+	Object.assign(dirtyFields, nextDirtyFields);
+};
 const DEFAULT_FORM_STATE = {
 	submitCount: 0,
 	isDirty: false,
@@ -599,6 +652,7 @@ function createFormControl(props = {}) {
 	let _formValues = _options.shouldUnregister ? {} : cloneObject(_defaultValues);
 	let _state = {
 		action: false,
+		actionArrayLengths: /* @__PURE__ */ new Map(),
 		mount: false,
 		watch: false,
 		keepIsValid: false
@@ -611,8 +665,8 @@ function createFormControl(props = {}) {
 		watch: /* @__PURE__ */ new Set(),
 		registerName: /* @__PURE__ */ new Set()
 	};
-	let delayErrorCallback;
-	let timer = 0;
+	const delayErrorCallbacks = {};
+	const timers = {};
 	let _valuesSubscriberCount = 0;
 	let _validationModeBeforeSubmit = getValidationModes(_options.mode);
 	let _validationModeAfterSubmit = getValidationModes(_options.reValidateMode);
@@ -631,29 +685,31 @@ function createFormControl(props = {}) {
 		array: createSubject(),
 		state: createSubject()
 	};
+	let _setValidCallId = 0;
 	const shouldDisplayAllAssociatedErrors = _options.criteriaMode === VALIDATION_MODE.all;
-	const debounce = (callback) => (wait) => {
-		clearTimeout(timer);
-		timer = setTimeout(callback, wait);
+	const debounce = (name, callback) => (wait) => {
+		clearTimeout(timers[name]);
+		timers[name] = setTimeout(callback, wait);
 	};
 	const _setValid = async (shouldUpdateValid) => {
 		if (_state.keepIsValid) return;
 		if (!_options.disabled && (_proxyFormState.isValid || _proxySubscribeFormState.isValid || shouldUpdateValid)) {
+			const callId = ++_setValidCallId;
 			let isValid;
 			if (_options.resolver) {
 				isValid = isEmptyObject((await _runSchema()).errors);
-				_updateIsValidating();
+				callId === _setValidCallId && _updateIsValidating();
 			} else isValid = await executeBuiltInValidation({
 				fields: _fields,
 				onlyCheckValid: true,
 				eventType: EVENTS.VALID
 			});
-			if (isValid !== _formState.isValid) _subjects.state.next({ isValid });
+			if (callId === _setValidCallId && isValid !== _formState.isValid) _subjects.state.next({ isValid });
 		}
 	};
 	const _updateIsValidating = (names, isValidating) => {
 		if (!_options.disabled && (_proxyFormState.isValidating || _proxyFormState.validatingFields || _proxySubscribeFormState.isValidating || _proxySubscribeFormState.validatingFields)) {
-			(names || Array.from(_names.mount)).forEach((name) => {
+			(names || _names.mount).forEach((name) => {
 				if (name) isValidating ? set(_formState.validatingFields, name, isValidating) : unset(_formState.validatingFields, name);
 			});
 			_subjects.state.next({
@@ -663,22 +719,28 @@ function createFormControl(props = {}) {
 		}
 	};
 	const _updateDirtyFields = () => {
-		_formState.dirtyFields = getDirtyFields(_defaultValues, _formValues);
+		_formState.dirtyFields = getDirtyFields(_defaultValues, _formValues, void 0, _fields);
 	};
 	const _setFieldArray = (name, values = [], method, args, shouldSetValues = true, shouldUpdateFieldsAndState = true) => {
 		if (args && method && !_options.disabled) {
 			_state.action = true;
-			if (shouldUpdateFieldsAndState && Array.isArray(get(_fields, name))) {
-				const fieldValues = method(get(_fields, name), args.argA, args.argB);
+			const fields = get(_fields, name);
+			if (!_state.actionArrayLengths.has(name)) _state.actionArrayLengths.set(name, Array.isArray(fields) ? fields.length : 0);
+			if (shouldUpdateFieldsAndState && Array.isArray(fields)) {
+				const fieldValues = method(fields, args.argA, args.argB);
 				shouldSetValues && set(_fields, name, fieldValues);
 			}
-			if (shouldUpdateFieldsAndState && Array.isArray(get(_formState.errors, name))) {
-				const errors = method(get(_formState.errors, name), args.argA, args.argB);
+			const fieldArrayErrors = get(_formState.errors, name);
+			if (shouldUpdateFieldsAndState && Array.isArray(fieldArrayErrors)) {
+				const rootError = fieldArrayErrors.root;
+				const errors = method(fieldArrayErrors, args.argA, args.argB) || fieldArrayErrors;
+				if (rootError) errors.root = rootError;
 				shouldSetValues && set(_formState.errors, name, errors);
 				unsetEmptyArray(_formState.errors, name);
 			}
-			if ((_proxyFormState.touchedFields || _proxySubscribeFormState.touchedFields) && shouldUpdateFieldsAndState && Array.isArray(get(_formState.touchedFields, name))) {
-				const touchedFields = method(get(_formState.touchedFields, name), args.argA, args.argB);
+			const touchedFieldsArray = get(_formState.touchedFields, name);
+			if ((_proxyFormState.touchedFields || _proxySubscribeFormState.touchedFields) && shouldUpdateFieldsAndState && Array.isArray(touchedFieldsArray)) {
+				const touchedFields = method(touchedFieldsArray, args.argA, args.argB);
 				shouldSetValues && set(_formState.touchedFields, name, touchedFields);
 			}
 			if (_proxyFormState.dirtyFields || _proxySubscribeFormState.dirtyFields) _updateDirtyFields();
@@ -715,10 +777,30 @@ function createFormControl(props = {}) {
 		}
 		return false;
 	};
+	const isStaleArrayIndex = (name) => {
+		if (!_state.actionArrayLengths.size) return false;
+		const segments = isKey(name) ? [name] : stringToPath(name);
+		let node = _formValues;
+		let path = "";
+		let ownerDepth = -1;
+		let ownerPreActionLength = 0;
+		for (let i = 0; i < segments.length; i++) {
+			if (isNullOrUndefined(node)) return false;
+			const key = segments[i];
+			path = path ? `${path}.${key}` : key;
+			if (Array.isArray(node) && +key >= node.length) return ownerDepth === -1 ? false : i === ownerDepth ? +key < ownerPreActionLength : true;
+			if (_state.actionArrayLengths.has(path)) {
+				ownerDepth = i + 1;
+				ownerPreActionLength = _state.actionArrayLengths.get(path);
+			}
+			node = node[key];
+		}
+		return false;
+	};
 	const updateValidAndValue = (name, shouldSkipSetValueAs, value, ref) => {
 		const field = get(_fields, name);
 		if (field) {
-			if (hasExplicitNullIntermediate(name)) return;
+			if (hasExplicitNullIntermediate(name) || isStaleArrayIndex(name)) return;
 			const wasUnsetInFormValues = isUndefined(get(_formValues, name));
 			const defaultValue = get(_formValues, name, isUndefined(value) ? get(_defaultValues, name) : value);
 			isUndefined(defaultValue) || ref && ref.defaultChecked || shouldSkipSetValueAs ? set(_formValues, name, shouldSkipSetValueAs ? defaultValue : getFieldValue(field._f)) : setFieldValue(name, defaultValue);
@@ -738,7 +820,7 @@ function createFormControl(props = {}) {
 		let shouldUpdateField = false;
 		let isPreviousDirty = false;
 		const output = { name };
-		if (!_options.disabled) {
+		if (!_options.disabled || shouldDirty === true) {
 			if (!isBlurEvent || shouldDirty) {
 				const isCurrentFieldPristine = deepEqual(get(_defaultValues, name), fieldValue);
 				if (_proxyFormState.isDirty || _proxySubscribeFormState.isDirty) {
@@ -747,7 +829,7 @@ function createFormControl(props = {}) {
 					shouldUpdateField = isPreviousDirty !== output.isDirty;
 				}
 				isPreviousDirty = !!get(_formState.dirtyFields, name);
-				if (isCurrentFieldPristine !== _formState.isDirty) _formState.dirtyFields = getDirtyFields(_defaultValues, _formValues);
+				if (isCurrentFieldPristine !== _formState.isDirty) updateDirtyFields(_formState.dirtyFields, getDirtyFields(_defaultValues, _formValues, void 0, _fields));
 				else isCurrentFieldPristine ? unset(_formState.dirtyFields, name) : set(_formState.dirtyFields, name, true);
 				output.dirtyFields = _formState.dirtyFields;
 				shouldUpdateField = shouldUpdateField || (_proxyFormState.dirtyFields || _proxySubscribeFormState.dirtyFields) && isPreviousDirty !== !isCurrentFieldPristine;
@@ -768,11 +850,11 @@ function createFormControl(props = {}) {
 		const previousFieldError = get(_formState.errors, name);
 		const shouldUpdateValid = (_proxyFormState.isValid || _proxySubscribeFormState.isValid) && isBoolean(isValid) && _formState.isValid !== isValid;
 		if (_options.delayError && error) {
-			delayErrorCallback = debounce(() => updateErrors(name, error));
-			delayErrorCallback(_options.delayError);
+			delayErrorCallbacks[name] = debounce(name, () => updateErrors(name, error));
+			delayErrorCallbacks[name](_options.delayError);
 		} else {
-			clearTimeout(timer);
-			delayErrorCallback = null;
+			clearTimeout(timers[name]);
+			delete delayErrorCallbacks[name];
 			error ? set(_formState.errors, name, error) : unset(_formState.errors, name);
 			_formState.errors = { ..._formState.errors };
 		}
@@ -783,10 +865,6 @@ function createFormControl(props = {}) {
 				errors: _formState.errors,
 				name
 			};
-			_formState = {
-				..._formState,
-				...updatedFormState
-			};
 			_subjects.state.next(updatedFormState);
 		}
 	};
@@ -880,10 +958,10 @@ function createFormControl(props = {}) {
 		}
 		_names.unMount = /* @__PURE__ */ new Set();
 	};
-	const _getDirty = (name, data) => !_options.disabled && (name && data && set(_formValues, name, data), !deepEqual(_state.mount ? _formValues : _defaultValues, _defaultValues));
-	const _getWatch = (names, defaultValue, isGlobal) => generateWatchOutput(names, _names, { ..._state.mount ? _formValues : isUndefined(defaultValue) ? _defaultValues : isString(names) ? { [names]: defaultValue } : defaultValue }, isGlobal, defaultValue);
+	const _getDirty = (name, data) => (name && data && set(_formValues, name, data), !deepEqual(_state.mount ? _formValues : _defaultValues, _defaultValues));
+	const _getWatch = (names, defaultValue, isGlobal) => generateWatchOutput(names, _names, { ..._state.mount ? _formValues : isUndefined(defaultValue) || isString(names) ? _defaultValues : defaultValue }, isGlobal, defaultValue);
 	const _getFieldArray = (name) => compact(get(_state.mount ? _formValues : _defaultValues, name, _options.shouldUnregister ? get(_defaultValues, name, []) : []));
-	const setFieldValue = (name, value, options = {}, skipClone = false, skipRender = false) => {
+	const setFieldValue = (name, value, options = {}, skipClone = false, skipRender = false, skipValueRender = false) => {
 		const field = get(_fields, name);
 		let fieldValue = value;
 		if (field) {
@@ -892,15 +970,18 @@ function createFormControl(props = {}) {
 				!fieldReference.disabled && set(_formValues, name, getFieldValueAs(value, fieldReference));
 				fieldValue = isHTMLElement(fieldReference.ref) && isNullOrUndefined(value) ? "" : value;
 				if (isMultipleSelect(fieldReference.ref)) [...fieldReference.ref.options].forEach((optionRef) => optionRef.selected = fieldValue.includes(optionRef.value));
-				else if (fieldReference.refs) if (isCheckBoxInput(fieldReference.ref)) fieldReference.refs.forEach((checkboxRef) => {
-					if (!checkboxRef.defaultChecked || !checkboxRef.disabled) if (Array.isArray(fieldValue)) checkboxRef.checked = !!fieldValue.find((data) => data === checkboxRef.value);
-					else checkboxRef.checked = fieldValue === checkboxRef.value || !!fieldValue;
-				});
-				else fieldReference.refs.forEach((radioRef) => radioRef.checked = radioRef.value === fieldValue);
-				else if (isFileInput(fieldReference.ref)) fieldReference.ref.value = "";
+				else if (fieldReference.refs) {
+					if (isCheckBoxInput(fieldReference.ref)) fieldReference.refs.forEach((checkboxRef) => {
+						if (!checkboxRef.defaultChecked || !checkboxRef.disabled) {
+							if (Array.isArray(fieldValue)) checkboxRef.checked = !!fieldValue.find((data) => data === checkboxRef.value);
+							else checkboxRef.checked = fieldValue === checkboxRef.value || !!fieldValue;
+						}
+					});
+					else fieldReference.refs.forEach((radioRef) => radioRef.checked = radioRef.value === fieldValue);
+				} else if (isFileInput(fieldReference.ref)) fieldReference.ref.value = "";
 				else {
 					fieldReference.ref.value = fieldValue;
-					if (!fieldReference.ref.type && !skipRender) _subjects.state.next({
+					if (!fieldReference.ref.type && !skipRender && !skipValueRender) _subjects.state.next({
 						name,
 						values: skipClone ? _formValues : cloneObject(_formValues)
 					});
@@ -908,15 +989,19 @@ function createFormControl(props = {}) {
 			}
 		}
 		(options.shouldDirty || options.shouldTouch) && updateTouchAndDirty(name, fieldValue, options.shouldTouch, options.shouldDirty, !skipRender);
-		options.shouldValidate && trigger(name);
+		options.shouldValidate && trigger(name, { delayError: options.delayError });
 	};
-	const setFieldValues = (name, value, options, skipClone = false, skipRender = false) => {
+	const setFieldValues = (name, value, options, skipClone = false, skipRender = false, skipValueRender = false) => {
+		if (_names.array.has(name)) _subjects.array.next({
+			name,
+			values: skipClone ? _formValues : cloneObject(_formValues)
+		});
 		for (const fieldKey in value) {
 			if (!value.hasOwnProperty(fieldKey)) return;
 			const fieldValue = value[fieldKey];
 			const fieldName = name + "." + fieldKey;
 			const field = get(_fields, fieldName);
-			(_names.array.has(name) || isObject(fieldValue) || field && !field._f) && !isDateObject(fieldValue) ? setFieldValues(fieldName, fieldValue, options, skipClone, skipRender) : setFieldValue(fieldName, fieldValue, options, skipClone, skipRender);
+			(_names.array.has(name) || isObject(fieldValue) || field && !field._f) && !isDateObject(fieldValue) ? setFieldValues(fieldName, fieldValue, options, skipClone, skipRender, skipValueRender) : setFieldValue(fieldName, fieldValue, options, skipClone, skipRender, skipValueRender);
 		}
 	};
 	const _setValue = (name, value, options, skipClone, skipStateEmit = false) => {
@@ -940,8 +1025,9 @@ function createFormControl(props = {}) {
 			}
 		} else {
 			const isEmpty = Array.isArray(cloneValue) && !cloneValue.length || isEmptyObject(cloneValue);
-			if (!field || field._f || isNullOrUndefined(cloneValue) || isEmpty) setFieldValue(name, cloneValue, options, skipClone, skipStateEmit);
-			else setFieldValues(name, cloneValue, options, skipClone, skipStateEmit);
+			const skipValueRender = !isValueUnchanged && !skipStateEmit;
+			if (!field || field._f || isNullOrUndefined(cloneValue) || isEmpty) setFieldValue(name, cloneValue, options, skipClone, skipStateEmit, skipValueRender);
+			else setFieldValues(name, cloneValue, options, skipClone, skipStateEmit, skipValueRender);
 		}
 		if (!isValueUnchanged && !skipStateEmit) {
 			const watched = isWatched(name, _names);
@@ -951,6 +1037,10 @@ function createFormControl(props = {}) {
 				name: _state.mount || watched ? name : void 0,
 				values
 			});
+			if (!isFieldArray) for (const itemName of getFieldArrayItemNames(_names.array, name)) _subjects.state.next({
+				name: itemName,
+				values
+			});
 		}
 	};
 	const setValue = (name, value, options = {}) => _setValue(name, value, options, false);
@@ -961,7 +1051,7 @@ function createFormControl(props = {}) {
 				..._formValues,
 				...updatedFormValues
 			};
-			for (const fieldName of _names.mount) _setValue(fieldName, get(updatedFormValues, fieldName), options, true, true);
+			for (const fieldName of _names.mount) if (has(updatedFormValues, fieldName)) _setValue(fieldName, get(updatedFormValues, fieldName), options, true, true);
 			_subjects.state.next({
 				..._formState,
 				name: void 0,
@@ -992,7 +1082,8 @@ function createFormControl(props = {}) {
 			if (isBlurEvent) {
 				if (!target || !target.readOnly) {
 					field._f.onBlur && field._f.onBlur(event);
-					delayErrorCallback && delayErrorCallback(0);
+					const pendingDelayError = delayErrorCallbacks[name];
+					pendingDelayError && pendingDelayError(0);
 				}
 			} else if (field._f.onChange) field._f.onChange(event);
 			const fieldState = updateTouchAndDirty(name, fieldValue, isBlurEvent);
@@ -1080,6 +1171,17 @@ function createFormControl(props = {}) {
 			name,
 			eventType: EVENTS.TRIGGER
 		});
+		if (options.delayError && _options.delayError && isString(name)) {
+			const error = get(_formState.errors, name);
+			if (error) {
+				unset(_formState.errors, name);
+				delayErrorCallbacks[name] = debounce(name, () => updateErrors(name, error));
+				delayErrorCallbacks[name](_options.delayError);
+			} else {
+				clearTimeout(timers[name]);
+				delete delayErrorCallbacks[name];
+			}
+		}
 		_subjects.state.next({
 			...!isString(name) || (_proxyFormState.isValid || _proxySubscribeFormState.isValid) && isValid !== _formState.isValid ? {} : { name },
 			..._options.resolver || !name ? { isValid } : {},
@@ -1093,13 +1195,18 @@ function createFormControl(props = {}) {
 		if (config) values = extractFormValues(config.dirtyFields ? _formState.dirtyFields : _formState.touchedFields, values);
 		return isUndefined(fieldNames) ? values : isString(fieldNames) ? get(values, fieldNames) : fieldNames.map((name) => get(values, name));
 	};
-	const getFieldState = (name, formState) => ({
-		invalid: !!get((formState || _formState).errors, name),
-		isDirty: !!get((formState || _formState).dirtyFields, name),
-		error: get((formState || _formState).errors, name),
-		isValidating: !!get(_formState.validatingFields, name),
-		isTouched: !!get((formState || _formState).touchedFields, name)
-	});
+	const getErrors = (fieldNames) => isUndefined(fieldNames) ? { ..._formState.errors } : isString(fieldNames) ? get(_formState.errors, fieldNames) : fieldNames.map((name) => get(_formState.errors, name));
+	const getFieldState = (name, formState) => {
+		const targetFormState = formState || _formState;
+		const error = get(targetFormState.errors, name);
+		return {
+			invalid: !!error,
+			isDirty: !!get(targetFormState.dirtyFields, name),
+			error,
+			isValidating: !!get(_formState.validatingFields, name),
+			isTouched: !!get(targetFormState.touchedFields, name)
+		};
+	};
 	const clearErrors = (name) => {
 		const names = name ? convertToArrayPayload(name) : void 0;
 		names === null || names === void 0 || names.forEach((inputName) => unset(_formState.errors, inputName));
@@ -1109,7 +1216,10 @@ function createFormControl(props = {}) {
 				errors: _formState.errors
 			});
 		});
-		else _subjects.state.next({ errors: {} });
+		else {
+			_formState.errors = {};
+			_subjects.state.next({ errors: _formState.errors });
+		}
 	};
 	const setError = (name, error, options) => {
 		const ref = (get(_fields, name, { _f: {} })._f || {}).ref;
@@ -1192,10 +1302,10 @@ function createFormControl(props = {}) {
 			!options.keepIsValidating && unset(_formState.validatingFields, fieldName);
 			!_options.shouldUnregister && !options.keepDefaultValue && unset(_defaultValues, fieldName);
 		}
-		_subjects.state.next({ values: cloneObject(_formValues) });
+		_valuesSubscriberCount && _subjects.state.next({ values: cloneObject(_formValues) });
 		_subjects.state.next({
 			..._formState,
-			...!options.keepDirty ? {} : { isDirty: _getDirty() }
+			...options.keepDirty ? {} : { isDirty: _getDirty() }
 		});
 		!options.keepIsValid && _setValid();
 	};
@@ -1248,20 +1358,22 @@ function createFormControl(props = {}) {
 					const radioOrCheckbox = isRadioOrCheckbox(fieldRef);
 					const refs = field._f.refs || [];
 					if (radioOrCheckbox ? refs.find((option) => option === fieldRef) : fieldRef === field._f.ref) return;
-					set(_fields, name, { _f: {
-						...field._f,
-						...radioOrCheckbox ? {
-							refs: [
-								...refs.filter(live),
-								fieldRef,
-								...Array.isArray(get(_defaultValues, name)) ? [{}] : []
-							],
-							ref: {
-								type: fieldRef.type,
-								name
-							}
-						} : { ref: fieldRef }
-					} });
+					const newField = { ...field._f };
+					if (radioOrCheckbox) {
+						newField.refs = [
+							...refs.filter(live),
+							fieldRef,
+							...Array.isArray(get(_defaultValues, name)) ? [{}] : []
+						];
+						newField.ref = {
+							type: fieldRef.type,
+							name
+						};
+					} else {
+						newField.ref = fieldRef;
+						delete newField.refs;
+					}
+					set(_fields, name, { _f: newField });
 					updateValidAndValue(name, false, void 0, fieldRef);
 				} else {
 					field = get(_fields, name, {});
@@ -1287,6 +1399,7 @@ function createFormControl(props = {}) {
 		}
 	};
 	const handleSubmit = (onValid, onInvalid) => async (e) => {
+		let result = void 0;
 		let onValidError = void 0;
 		if (e) {
 			e.preventDefault && e.preventDefault();
@@ -1308,7 +1421,7 @@ function createFormControl(props = {}) {
 		if (isEmptyObject(_formState.errors)) {
 			_subjects.state.next({ errors: {} });
 			try {
-				await onValid(fieldValues, e);
+				result = await onValid(fieldValues, e);
 			} catch (error) {
 				onValidError = error;
 			}
@@ -1325,6 +1438,7 @@ function createFormControl(props = {}) {
 			errors: _formState.errors
 		});
 		if (onValidError) throw onValidError;
+		return result;
 	};
 	const resetField = (name, options = {}) => {
 		if (get(_fields, name)) {
@@ -1350,11 +1464,12 @@ function createFormControl(props = {}) {
 		const cloneUpdatedValues = cloneObject(updatedValues);
 		const isEmptyResetValues = isEmptyObject(formValues);
 		const values = cloneUpdatedValues;
+		const fieldRefs = _fields;
 		if (!keepStateOptions.keepDefaultValues) _defaultValues = updatedValues;
 		if (!keepStateOptions.keepValues) {
 			if (keepStateOptions.keepDirtyValues) {
-				const fieldsToCheck = /* @__PURE__ */ new Set([..._names.mount, ...Object.keys(getDirtyFields(_defaultValues, _formValues))]);
-				for (const fieldName of Array.from(fieldsToCheck)) {
+				const fieldsToCheck = /* @__PURE__ */ new Set([..._names.mount, ...collectDirtyFieldNames(getDirtyFields(_defaultValues, _formValues, void 0, fieldRefs), _formState.dirtyFields)]);
+				for (const fieldName of fieldsToCheck) {
 					const isDirty = get(_formState.dirtyFields, fieldName);
 					const existingValue = get(_formValues, fieldName);
 					const newValue = get(values, fieldName);
@@ -1383,7 +1498,11 @@ function createFormControl(props = {}) {
 				if (keepStateOptions.keepFieldsRef) for (const fieldName of _names.mount) set(_formValues, fieldName, get(values, fieldName));
 			} else _formValues = cloneObject(values);
 			_subjects.array.next({ values: { ...values } });
-			_subjects.state.next({ values: { ...values } });
+			_subjects.state.next({
+				name: void 0,
+				type: void 0,
+				values: { ...values }
+			});
 		}
 		_names = {
 			mount: keepStateOptions.keepDirtyValues ? _names.mount : /* @__PURE__ */ new Set(),
@@ -1399,12 +1518,13 @@ function createFormControl(props = {}) {
 		_state.watch = !!_options.shouldUnregister;
 		_state.keepIsValid = !!keepStateOptions.keepIsValid;
 		_state.action = false;
+		_state.actionArrayLengths.clear();
 		if (!keepStateOptions.keepErrors) _formState.errors = {};
 		_subjects.state.next({
 			submitCount: keepStateOptions.keepSubmitCount ? _formState.submitCount : 0,
 			isDirty: isEmptyResetValues ? false : keepStateOptions.keepDirty ? _formState.isDirty : keepStateOptions.keepValues ? _getDirty() : !!(keepStateOptions.keepDefaultValues && !deepEqual(formValues, _defaultValues)),
 			isSubmitted: keepStateOptions.keepIsSubmitted ? _formState.isSubmitted : false,
-			dirtyFields: isEmptyResetValues ? {} : keepStateOptions.keepDirtyValues ? keepStateOptions.keepDefaultValues && _formValues ? getDirtyFields(_defaultValues, _formValues) : _formState.dirtyFields : keepStateOptions.keepDefaultValues && formValues ? getDirtyFields(_defaultValues, formValues) : keepStateOptions.keepDirty ? _formState.dirtyFields : {},
+			dirtyFields: isEmptyResetValues ? {} : keepStateOptions.keepDirtyValues ? keepStateOptions.keepDefaultValues && _formValues ? getDirtyFields(_defaultValues, _formValues, void 0, fieldRefs) : _formState.dirtyFields : keepStateOptions.keepDefaultValues && formValues ? getDirtyFields(_defaultValues, formValues, void 0, fieldRefs) : keepStateOptions.keepDirty ? _formState.dirtyFields : {},
 			touchedFields: keepStateOptions.keepTouched ? _formState.touchedFields : {},
 			errors: keepStateOptions.keepErrors ? _formState.errors : {},
 			isSubmitSuccessful: keepStateOptions.keepIsSubmitSuccessful ? _formState.isSubmitSuccessful : false,
@@ -1428,11 +1548,13 @@ function createFormControl(props = {}) {
 		}
 	};
 	const _setFormState = (updatedFormState) => {
+		const { name, type, values, ...formState } = updatedFormState;
 		_formState = {
 			..._formState,
-			...updatedFormState
+			...formState
 		};
 	};
+	_subjects.state.subscribe({ next: _setFormState });
 	const _resetDefaultValues = () => isFunction(_options.defaultValues) && _options.defaultValues().then((values) => {
 		reset(values, _options.resetOptions);
 		_subjects.state.next({ isLoading: false });
@@ -1440,7 +1562,7 @@ function createFormControl(props = {}) {
 	const resetDefaultValues = (values, options = {}) => {
 		_defaultValues = cloneObject(values);
 		if (!options.keepDirty) {
-			const newDirtyFields = getDirtyFields(_defaultValues, _formValues);
+			const newDirtyFields = getDirtyFields(_defaultValues, _formValues, void 0, _fields);
 			_formState.dirtyFields = newDirtyFields;
 			_formState.isDirty = !isEmptyObject(newDirtyFields);
 		}
@@ -1518,6 +1640,7 @@ function createFormControl(props = {}) {
 		setValue,
 		setValues,
 		getValues,
+		getErrors,
 		reset,
 		resetField,
 		resetDefaultValues,
@@ -1590,8 +1713,14 @@ function useForm(props = {}) {
 	}
 	const control = _formControl.current.control;
 	control._options = props;
+	const { resyncIfNeeded, snapshot } = useResyncOnReconnect();
 	useIsomorphicLayoutEffect(() => {
-		const sub = control._subscribe({
+		const getCurrentFormState = () => ({
+			...control._formState,
+			defaultValues: control._defaultValues
+		});
+		resyncIfNeeded(true, getCurrentFormState, updateFormState);
+		const unsubscribe = control._subscribe({
 			formState: control._proxyFormState,
 			callback: () => updateFormState({
 				...control._formState,
@@ -1604,8 +1733,15 @@ function useForm(props = {}) {
 			isReady: true
 		}));
 		control._formState.isReady = true;
-		return sub;
-	}, [control]);
+		return () => {
+			unsubscribe();
+			snapshot(true, getCurrentFormState);
+		};
+	}, [
+		control,
+		resyncIfNeeded,
+		snapshot
+	]);
 	React.useEffect(() => control._disableForm(props.disabled), [control, props.disabled]);
 	React.useEffect(() => {
 		if (props.mode) control._options.mode = props.mode;