remix-validated-form 4.5.4 → 4.5.5

package/dist/remix-validated-form.es.js

@@ -1,34 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a2, b2) => {
-  for (var prop in b2 || (b2 = {}))
-    if (__hasOwnProp.call(b2, prop))
-      __defNormalProp(a2, prop, b2[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b2)) {
-      if (__propIsEnum.call(b2, prop))
-        __defNormalProp(a2, prop, b2[prop]);
-    }
-  return a2;
-};
-var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 import React, { createContext, useDebugValue, useContext, useCallback, useEffect, useMemo, useRef, useLayoutEffect, useState } from "react";
 import { useActionData, useMatches, useTransition, Form, useSubmit } from "@remix-run/react";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
@@ -225,7 +194,9 @@ var reIsHostCtor = /^\[object .+?Constructor\]$/;
 var funcProto = Function.prototype, objectProto$b = Object.prototype;
 var funcToString = funcProto.toString;
 var hasOwnProperty$9 = objectProto$b.hasOwnProperty;
-var reIsNative = RegExp("^" + funcToString.call(hasOwnProperty$9).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
+var reIsNative = RegExp(
+  "^" + funcToString.call(hasOwnProperty$9).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+);
 function baseIsNative$1(value) {
   if (!isObject$3(value) || isMasked(value)) {
     return false;
@@ -497,7 +468,7 @@ function setToArray$3(set2) {
   return result;
 }
 var _setToArray = setToArray$3;
-var Symbol$2 = _Symbol, Uint8Array2 = _Uint8Array, eq$1 = eq_1, equalArrays$1 = _equalArrays, mapToArray = _mapToArray, setToArray$2 = _setToArray;
+var Symbol$2 = _Symbol, Uint8Array = _Uint8Array, eq$1 = eq_1, equalArrays$1 = _equalArrays, mapToArray = _mapToArray, setToArray$2 = _setToArray;
 var COMPARE_PARTIAL_FLAG$4 = 1, COMPARE_UNORDERED_FLAG$2 = 2;
 var boolTag$1 = "[object Boolean]", dateTag$1 = "[object Date]", errorTag$1 = "[object Error]", mapTag$2 = "[object Map]", numberTag$1 = "[object Number]", regexpTag$1 = "[object RegExp]", setTag$2 = "[object Set]", stringTag$1 = "[object String]", symbolTag$1 = "[object Symbol]";
 var arrayBufferTag$1 = "[object ArrayBuffer]", dataViewTag$2 = "[object DataView]";
@@ -511,7 +482,7 @@ function equalByTag$1(object, other, tag, bitmask, customizer, equalFunc, stack)
       object = object.buffer;
       other = other.buffer;
     case arrayBufferTag$1:
-      if (object.byteLength != other.byteLength || !equalFunc(new Uint8Array2(object), new Uint8Array2(other))) {
+      if (object.byteLength != other.byteLength || !equalFunc(new Uint8Array(object), new Uint8Array(other))) {
         return false;
       }
       return true;
@@ -632,8 +603,8 @@ var stubFalse_1 = stubFalse;
   var freeExports = exports && !exports.nodeType && exports;
   var freeModule = freeExports && true && module && !module.nodeType && module;
   var moduleExports = freeModule && freeModule.exports === freeExports;
-  var Buffer2 = moduleExports ? root2.Buffer : void 0;
-  var nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : void 0;
+  var Buffer = moduleExports ? root2.Buffer : void 0;
+  var nativeIsBuffer = Buffer ? Buffer.isBuffer : void 0;
   var isBuffer2 = nativeIsBuffer || stubFalse2;
   module.exports = isBuffer2;
 })(isBuffer$2, isBuffer$2.exports);
@@ -1345,10 +1316,14 @@ const createGetInputProps = ({
   validationBehavior,
   name
 }) => {
-  const validationBehaviors = __spreadValues(__spreadValues({}, defaultValidationBehavior), validationBehavior);
+  const validationBehaviors = {
+    ...defaultValidationBehavior,
+    ...validationBehavior
+  };
   return (props = {}) => {
     const behavior = hasBeenSubmitted ? validationBehaviors.whenSubmitted : touched ? validationBehaviors.whenTouched : validationBehaviors.initial;
-    const inputProps = __spreadProps(__spreadValues({}, props), {
+    const inputProps = {
+      ...props,
       onChange: (...args) => {
         var _a;
         if (behavior === "onChange")
@@ -1365,7 +1340,7 @@ const createGetInputProps = ({
         return (_a = props == null ? void 0 : props.onBlur) == null ? void 0 : _a.call(props, ...args);
       },
       name
-    });
+    };
     if (props.type === "checkbox") {
       inputProps.defaultChecked = getCheckboxChecked(props.value, defaultValue);
     } else if (props.type === "radio") {
@@ -1444,9 +1419,9 @@ var useSyncExternalStoreShim_production_min = {};
  */
 var e = React;
 function h$2(a2, b2) {
-  return a2 === b2 && (a2 !== 0 || 1 / a2 === 1 / b2) || a2 !== a2 && b2 !== b2;
+  return a2 === b2 && (0 !== a2 || 1 / a2 === 1 / b2) || a2 !== a2 && b2 !== b2;
 }
-var k$1 = typeof Object.is === "function" ? Object.is : h$2, l$1 = e.useState, m = e.useEffect, n$2 = e.useLayoutEffect, p$2 = e.useDebugValue;
+var k$1 = "function" === typeof Object.is ? Object.is : h$2, l$1 = e.useState, m = e.useEffect, n$2 = e.useLayoutEffect, p$2 = e.useDebugValue;
 function q$2(a2, b2) {
   var d2 = b2(), f2 = l$1({ inst: { value: d2, getSnapshot: b2 } }), c2 = f2[0].inst, g2 = f2[1];
   n$2(function() {
@@ -1476,8 +1451,8 @@ function r$2(a2) {
 function t$2(a2, b2) {
   return b2();
 }
-var u$2 = typeof window === "undefined" || typeof window.document === "undefined" || typeof window.document.createElement === "undefined" ? t$2 : q$2;
-useSyncExternalStoreShim_production_min.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : u$2;
+var u$2 = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? t$2 : q$2;
+useSyncExternalStoreShim_production_min.useSyncExternalStore = void 0 !== e.useSyncExternalStore ? e.useSyncExternalStore : u$2;
 {
   shim.exports = useSyncExternalStoreShim_production_min;
 }
@@ -1492,12 +1467,12 @@ useSyncExternalStoreShim_production_min.useSyncExternalStore = e.useSyncExternal
  */
 var h$1 = React, n$1 = shim.exports;
 function p$1(a2, b2) {
-  return a2 === b2 && (a2 !== 0 || 1 / a2 === 1 / b2) || a2 !== a2 && b2 !== b2;
+  return a2 === b2 && (0 !== a2 || 1 / a2 === 1 / b2) || a2 !== a2 && b2 !== b2;
 }
-var q$1 = typeof Object.is === "function" ? Object.is : p$1, r$1 = n$1.useSyncExternalStore, t$1 = h$1.useRef, u$1 = h$1.useEffect, v$1 = h$1.useMemo, w$1 = h$1.useDebugValue;
+var q$1 = "function" === typeof Object.is ? Object.is : p$1, r$1 = n$1.useSyncExternalStore, t$1 = h$1.useRef, u$1 = h$1.useEffect, v$1 = h$1.useMemo, w$1 = h$1.useDebugValue;
 withSelector_production_min.useSyncExternalStoreWithSelector = function(a2, b2, e2, l2, g2) {
   var c2 = t$1(null);
-  if (c2.current === null) {
+  if (null === c2.current) {
     var f2 = { hasValue: false, value: null };
     c2.current = f2;
   } else
@@ -1508,7 +1483,7 @@ withSelector_production_min.useSyncExternalStoreWithSelector = function(a2, b2,
         c3 = true;
         d3 = a4;
         a4 = l2(a4);
-        if (g2 !== void 0 && f2.hasValue) {
+        if (void 0 !== g2 && f2.hasValue) {
           var b3 = f2.value;
           if (g2(b3, a4))
             return k2 = b3;
@@ -1519,15 +1494,15 @@ withSelector_production_min.useSyncExternalStoreWithSelector = function(a2, b2,
       if (q$1(d3, a4))
         return b3;
       var e3 = l2(a4);
-      if (g2 !== void 0 && g2(b3, e3))
+      if (void 0 !== g2 && g2(b3, e3))
         return b3;
       d3 = a4;
       return k2 = e3;
     }
-    var c3 = false, d3, k2, m2 = e2 === void 0 ? null : e2;
+    var c3 = false, d3, k2, m2 = void 0 === e2 ? null : e2;
     return [function() {
       return a3(b2());
-    }, m2 === null ? void 0 : function() {
+    }, null === m2 ? void 0 : function() {
       return a3(m2());
     }];
   }, [b2, e2, l2, g2]);
@@ -1567,18 +1542,18 @@ function r(n2) {
 }
 function t(n2) {
   return !!n2 && (function(n3) {
-    if (!n3 || typeof n3 != "object")
+    if (!n3 || "object" != typeof n3)
       return false;
     var r2 = Object.getPrototypeOf(n3);
-    if (r2 === null)
+    if (null === r2)
       return true;
     var t2 = Object.hasOwnProperty.call(r2, "constructor") && r2.constructor;
-    return t2 === Object || typeof t2 == "function" && Function.toString.call(t2) === Z;
+    return t2 === Object || "function" == typeof t2 && Function.toString.call(t2) === Z;
   }(n2) || Array.isArray(n2) || !!n2[L] || !!n2.constructor[L] || s(n2) || v(n2));
 }
 function i(n2, r2, t2) {
-  t2 === void 0 && (t2 = false), o(n2) === 0 ? (t2 ? Object.keys : nn)(n2).forEach(function(e2) {
-    t2 && typeof e2 == "symbol" || r2(e2, n2[e2], n2);
+  void 0 === t2 && (t2 = false), 0 === o(n2) ? (t2 ? Object.keys : nn)(n2).forEach(function(e2) {
+    t2 && "symbol" == typeof e2 || r2(e2, n2[e2], n2);
   }) : n2.forEach(function(t3, e2) {
     return r2(e2, t3, n2);
   });
@@ -1588,17 +1563,17 @@ function o(n2) {
   return r2 ? r2.i > 3 ? r2.i - 4 : r2.i : Array.isArray(n2) ? 1 : s(n2) ? 2 : v(n2) ? 3 : 0;
 }
 function u(n2, r2) {
-  return o(n2) === 2 ? n2.has(r2) : Object.prototype.hasOwnProperty.call(n2, r2);
+  return 2 === o(n2) ? n2.has(r2) : Object.prototype.hasOwnProperty.call(n2, r2);
 }
 function a(n2, r2) {
-  return o(n2) === 2 ? n2.get(r2) : n2[r2];
+  return 2 === o(n2) ? n2.get(r2) : n2[r2];
 }
 function f(n2, r2, t2) {
   var e2 = o(n2);
-  e2 === 2 ? n2.set(r2, t2) : e2 === 3 ? (n2.delete(r2), n2.add(t2)) : n2[r2] = t2;
+  2 === e2 ? n2.set(r2, t2) : 3 === e2 ? (n2.delete(r2), n2.add(t2)) : n2[r2] = t2;
 }
 function c(n2, r2) {
-  return n2 === r2 ? n2 !== 0 || 1 / n2 == 1 / r2 : n2 != n2 && r2 != r2;
+  return n2 === r2 ? 0 !== n2 || 1 / n2 == 1 / r2 : n2 != n2 && r2 != r2;
 }
 function s(n2) {
   return X && n2 instanceof Map;
@@ -1616,12 +1591,12 @@ function l(n2) {
   delete r2[Q];
   for (var t2 = nn(r2), e2 = 0; e2 < t2.length; e2++) {
     var i2 = t2[e2], o2 = r2[i2];
-    o2.writable === false && (o2.writable = true, o2.configurable = true), (o2.get || o2.set) && (r2[i2] = { configurable: true, writable: true, enumerable: o2.enumerable, value: n2[i2] });
+    false === o2.writable && (o2.writable = true, o2.configurable = true), (o2.get || o2.set) && (r2[i2] = { configurable: true, writable: true, enumerable: o2.enumerable, value: n2[i2] });
   }
   return Object.create(Object.getPrototypeOf(n2), r2);
 }
 function d(n2, e2) {
-  return e2 === void 0 && (e2 = false), y(n2) || r(n2) || !t(n2) ? n2 : (o(n2) > 1 && (n2.set = n2.add = n2.clear = n2.delete = h), Object.freeze(n2), e2 && i(n2, function(n3, r2) {
+  return void 0 === e2 && (e2 = false), y(n2) || r(n2) || !t(n2) ? n2 : (o(n2) > 1 && (n2.set = n2.add = n2.clear = n2.delete = h), Object.freeze(n2), e2 && i(n2, function(n3, r2) {
     return d(r2, true);
   }, true), n2);
 }
@@ -1629,7 +1604,7 @@ function h() {
   n(2);
 }
 function y(n2) {
-  return n2 == null || typeof n2 != "object" || Object.isFrozen(n2);
+  return null == n2 || "object" != typeof n2 || Object.isFrozen(n2);
 }
 function b(r2) {
   var t2 = tn[r2];
@@ -1652,11 +1627,11 @@ function w(n2) {
 }
 function S(n2) {
   var r2 = n2[Q];
-  r2.i === 0 || r2.i === 1 ? r2.j() : r2.O = true;
+  0 === r2.i || 1 === r2.i ? r2.j() : r2.O = true;
 }
 function P(r2, e2) {
   e2._ = e2.p.length;
-  var i2 = e2.p[0], o2 = r2 !== void 0 && r2 !== i2;
+  var i2 = e2.p[0], o2 = void 0 !== r2 && r2 !== i2;
   return e2.h.g || b("ES5").S(e2, r2, o2), o2 ? (i2[Q].P && (O(e2), n(4)), t(r2) && (r2 = M(e2, r2), e2.l || x(e2, r2)), e2.u && b("Patches").M(i2[Q].t, r2, e2.u, e2.s)) : r2 = M(e2, i2, []), O(e2), e2.u && e2.v(e2.u, e2.s), r2 !== H ? r2 : void 0;
 }
 function M(n2, r2, t2) {
@@ -1673,8 +1648,8 @@ function M(n2, r2, t2) {
     return x(n2, e2.t, true), e2.t;
   if (!e2.I) {
     e2.I = true, e2.A._--;
-    var o2 = e2.i === 4 || e2.i === 5 ? e2.o = l(e2.k) : e2.o;
-    i(e2.i === 3 ? new Set(o2) : o2, function(r3, i2) {
+    var o2 = 4 === e2.i || 5 === e2.i ? e2.o = l(e2.k) : e2.o;
+    i(3 === e2.i ? new Set(o2) : o2, function(r3, i2) {
       return A(n2, e2, o2, r3, i2, t2);
     }), x(n2, o2, false), t2 && n2.u && b("Patches").R(e2, t2, n2.u, n2.s);
   }
@@ -1682,7 +1657,7 @@ function M(n2, r2, t2) {
 }
 function A(e2, i2, o2, a2, c2, s2) {
   if (r(c2)) {
-    var v2 = M(e2, c2, s2 && i2 && i2.i !== 3 && !u(i2.D, a2) ? s2.concat(a2) : void 0);
+    var v2 = M(e2, c2, s2 && i2 && 3 !== i2.i && !u(i2.D, a2) ? s2.concat(a2) : void 0);
     if (f(o2, a2, v2), !r(v2))
       return;
     e2.m = false;
@@ -1694,7 +1669,7 @@ function A(e2, i2, o2, a2, c2, s2) {
   }
 }
 function x(n2, r2, t2) {
-  t2 === void 0 && (t2 = false), n2.h.F && n2.m && d(r2, t2);
+  void 0 === t2 && (t2 = false), n2.h.F && n2.m && d(r2, t2);
 }
 function z(n2, r2) {
   var t2 = n2[Q];
@@ -1737,7 +1712,7 @@ function D(e2) {
       e3 = F(r2, c2);
     return i(e3, function(r3, t2) {
       u2 && a(u2.t, r3) === t2 || f(e3, r3, n2(t2));
-    }), c2 === 3 ? new Set(e3) : e3;
+    }), 3 === c2 ? new Set(e3) : e3;
   }(e2);
 }
 function F(n2, r2) {
@@ -1749,7 +1724,7 @@ function F(n2, r2) {
   }
   return l(n2);
 }
-var G, U, W = typeof Symbol != "undefined" && typeof Symbol("x") == "symbol", X = typeof Map != "undefined", q = typeof Set != "undefined", B = typeof Proxy != "undefined" && Proxy.revocable !== void 0 && typeof Reflect != "undefined", H = W ? Symbol.for("immer-nothing") : ((G = {})["immer-nothing"] = true, G), L = W ? Symbol.for("immer-draftable") : "__$immer_draftable", Q = W ? Symbol.for("immer-state") : "__$immer_state", Z = "" + Object.prototype.constructor, nn = typeof Reflect != "undefined" && Reflect.ownKeys ? Reflect.ownKeys : Object.getOwnPropertySymbols !== void 0 ? function(n2) {
+var G, U, W = "undefined" != typeof Symbol && "symbol" == typeof Symbol("x"), X = "undefined" != typeof Map, q = "undefined" != typeof Set, B = "undefined" != typeof Proxy && void 0 !== Proxy.revocable && "undefined" != typeof Reflect, H = W ? Symbol.for("immer-nothing") : ((G = {})["immer-nothing"] = true, G), L = W ? Symbol.for("immer-draftable") : "__$immer_draftable", Q = W ? Symbol.for("immer-state") : "__$immer_state", Z = "" + Object.prototype.constructor, nn = "undefined" != typeof Reflect && Reflect.ownKeys ? Reflect.ownKeys : void 0 !== Object.getOwnPropertySymbols ? function(n2) {
   return Object.getOwnPropertyNames(n2).concat(Object.getOwnPropertySymbols(n2));
 } : Object.getOwnPropertyNames, rn = Object.getOwnPropertyDescriptors || function(n2) {
   var r2 = {};
@@ -1763,7 +1738,7 @@ var G, U, W = typeof Symbol != "undefined" && typeof Symbol("x") == "symbol", X
   if (!u(e2, r2))
     return function(n3, r3, t2) {
       var e3, i3 = I(r3, t2);
-      return i3 ? "value" in i3 ? i3.value : (e3 = i3.get) === null || e3 === void 0 ? void 0 : e3.call(n3.k) : void 0;
+      return i3 ? "value" in i3 ? i3.value : null === (e3 = i3.get) || void 0 === e3 ? void 0 : e3.call(n3.k) : void 0;
     }(n2, e2, r2);
   var i2 = e2[r2];
   return n2.I || !t(i2) ? i2 : i2 === z(n2.t, r2) ? (E(n2), n2.o[r2] = R(n2.A.h, i2, n2)) : i2;
@@ -1773,22 +1748,22 @@ var G, U, W = typeof Symbol != "undefined" && typeof Symbol("x") == "symbol", X
   return Reflect.ownKeys(p(n2));
 }, set: function(n2, r2, t2) {
   var e2 = I(p(n2), r2);
-  if (e2 == null ? void 0 : e2.set)
+  if (null == e2 ? void 0 : e2.set)
     return e2.set.call(n2.k, t2), true;
   if (!n2.P) {
-    var i2 = z(p(n2), r2), o2 = i2 == null ? void 0 : i2[Q];
+    var i2 = z(p(n2), r2), o2 = null == i2 ? void 0 : i2[Q];
     if (o2 && o2.t === t2)
       return n2.o[r2] = t2, n2.D[r2] = false, true;
-    if (c(t2, i2) && (t2 !== void 0 || u(n2.t, r2)))
+    if (c(t2, i2) && (void 0 !== t2 || u(n2.t, r2)))
       return true;
     E(n2), k(n2);
   }
-  return n2.o[r2] === t2 && typeof t2 != "number" && (t2 !== void 0 || r2 in n2.o) || (n2.o[r2] = t2, n2.D[r2] = true, true);
+  return n2.o[r2] === t2 && "number" != typeof t2 && (void 0 !== t2 || r2 in n2.o) || (n2.o[r2] = t2, n2.D[r2] = true, true);
 }, deleteProperty: function(n2, r2) {
-  return z(n2.t, r2) !== void 0 || r2 in n2.t ? (n2.D[r2] = false, E(n2), k(n2)) : delete n2.D[r2], n2.o && delete n2.o[r2], true;
+  return void 0 !== z(n2.t, r2) || r2 in n2.t ? (n2.D[r2] = false, E(n2), k(n2)) : delete n2.D[r2], n2.o && delete n2.o[r2], true;
 }, getOwnPropertyDescriptor: function(n2, r2) {
   var t2 = p(n2), e2 = Reflect.getOwnPropertyDescriptor(t2, r2);
-  return e2 ? { writable: true, configurable: n2.i !== 1 || r2 !== "length", enumerable: e2.enumerable, value: t2[r2] } : e2;
+  return e2 ? { writable: true, configurable: 1 !== n2.i || "length" !== r2, enumerable: e2.enumerable, value: t2[r2] } : e2;
 }, defineProperty: function() {
   n(11);
 }, getPrototypeOf: function(n2) {
@@ -1809,13 +1784,13 @@ var un = function() {
   function e2(r2) {
     var e3 = this;
     this.g = B, this.F = true, this.produce = function(r3, i3, o2) {
-      if (typeof r3 == "function" && typeof i3 != "function") {
+      if ("function" == typeof r3 && "function" != typeof i3) {
         var u2 = i3;
         i3 = r3;
         var a2 = e3;
         return function(n2) {
           var r4 = this;
-          n2 === void 0 && (n2 = u2);
+          void 0 === n2 && (n2 = u2);
           for (var t2 = arguments.length, e4 = Array(t2 > 1 ? t2 - 1 : 0), o3 = 1; o3 < t2; o3++)
             e4[o3 - 1] = arguments[o3];
           return a2.produce(n2, function(n3) {
@@ -1825,21 +1800,21 @@ var un = function() {
         };
       }
       var f2;
-      if (typeof i3 != "function" && n(6), o2 !== void 0 && typeof o2 != "function" && n(7), t(r3)) {
+      if ("function" != typeof i3 && n(6), void 0 !== o2 && "function" != typeof o2 && n(7), t(r3)) {
         var c2 = w(e3), s2 = R(e3, r3, void 0), v2 = true;
         try {
           f2 = i3(s2), v2 = false;
         } finally {
           v2 ? O(c2) : g(c2);
         }
-        return typeof Promise != "undefined" && f2 instanceof Promise ? f2.then(function(n2) {
+        return "undefined" != typeof Promise && f2 instanceof Promise ? f2.then(function(n2) {
           return j(c2, o2), P(n2, c2);
         }, function(n2) {
           throw O(c2), n2;
         }) : (j(c2, o2), P(f2, c2));
       }
-      if (!r3 || typeof r3 != "object") {
-        if ((f2 = i3(r3)) === void 0 && (f2 = r3), f2 === H && (f2 = void 0), e3.F && d(f2, true), o2) {
+      if (!r3 || "object" != typeof r3) {
+        if (void 0 === (f2 = i3(r3)) && (f2 = r3), f2 === H && (f2 = void 0), e3.F && d(f2, true), o2) {
           var p2 = [], l2 = [];
           b("Patches").M(r3, f2, p2, l2), o2(p2, l2);
         }
@@ -1847,7 +1822,7 @@ var un = function() {
       }
       n(21, r3);
     }, this.produceWithPatches = function(n2, r3) {
-      if (typeof n2 == "function")
+      if ("function" == typeof n2)
         return function(r4) {
           for (var t3 = arguments.length, i4 = Array(t3 > 1 ? t3 - 1 : 0), o3 = 1; o3 < t3; o3++)
             i4[o3 - 1] = arguments[o3];
@@ -1858,10 +1833,10 @@ var un = function() {
       var t2, i3, o2 = e3.produce(n2, r3, function(n3, r4) {
         t2 = n3, i3 = r4;
       });
-      return typeof Promise != "undefined" && o2 instanceof Promise ? o2.then(function(n3) {
+      return "undefined" != typeof Promise && o2 instanceof Promise ? o2.then(function(n3) {
         return [n3, t2, i3];
       }) : [o2, t2, i3];
-    }, typeof (r2 == null ? void 0 : r2.useProxies) == "boolean" && this.setUseProxies(r2.useProxies), typeof (r2 == null ? void 0 : r2.autoFreeze) == "boolean" && this.setAutoFreeze(r2.autoFreeze);
+    }, "boolean" == typeof (null == r2 ? void 0 : r2.useProxies) && this.setUseProxies(r2.useProxies), "boolean" == typeof (null == r2 ? void 0 : r2.autoFreeze) && this.setAutoFreeze(r2.autoFreeze);
   }
   var i2 = e2.prototype;
   return i2.createDraft = function(e3) {
@@ -1880,7 +1855,7 @@ var un = function() {
     var e3;
     for (e3 = t2.length - 1; e3 >= 0; e3--) {
       var i3 = t2[e3];
-      if (i3.path.length === 0 && i3.op === "replace") {
+      if (0 === i3.path.length && "replace" === i3.op) {
         n2 = i3.value;
         break;
       }
@@ -1906,73 +1881,114 @@ const immerImpl = (initializer) => (set2, get2, store) => {
   return initializer(store.setState, get2, store);
 };
 const immer = immerImpl;
-const useControlledFieldStore = create$1()(immer((set2, get2) => ({
-  forms: {},
-  register: (formId, field) => set2((state) => {
-    if (!state.forms[formId]) {
-      state.forms[formId] = {};
-    }
-    if (state.forms[formId][field]) {
-      state.forms[formId][field].refCount++;
-    } else {
-      state.forms[formId][field] = {
-        refCount: 1,
-        value: void 0,
-        hydrated: false,
-        valueUpdatePromise: void 0,
-        resolveValueUpdate: void 0
-      };
-    }
-  }),
-  unregister: (formId, field) => set2((state) => {
-    var _a;
-    const formState = (_a = state.forms) == null ? void 0 : _a[formId];
-    const fieldState = formState == null ? void 0 : formState[field];
-    if (!fieldState)
-      return;
-    fieldState.refCount--;
-    if (fieldState.refCount === 0)
-      delete formState[field];
-  }),
-  getField: (formId, field) => {
-    var _a, _b;
-    return (_b = (_a = get2().forms) == null ? void 0 : _a[formId]) == null ? void 0 : _b[field];
-  },
-  setValue: (formId, field, value) => set2((state) => {
-    var _a, _b;
-    const fieldState = (_b = (_a = state.forms) == null ? void 0 : _a[formId]) == null ? void 0 : _b[field];
-    if (!fieldState)
-      return;
-    fieldState.value = value;
-    const promise = new Promise((resolve) => {
-      fieldState.resolveValueUpdate = resolve;
-    });
-    fieldState.valueUpdatePromise = promise;
-  }),
-  hydrateWithDefault: (formId, field, defaultValue) => set2((state) => {
-    var _a;
-    const fieldState = (_a = state.forms[formId]) == null ? void 0 : _a[field];
-    if (!fieldState)
-      return;
-    fieldState.value = defaultValue;
-    fieldState.defaultValue = defaultValue;
-    fieldState.hydrated = true;
-  }),
-  awaitValueUpdate: async (formId, field) => {
-    var _a;
-    await ((_a = get2().getField(formId, field)) == null ? void 0 : _a.valueUpdatePromise);
-  },
-  reset: (formId) => set2((state) => {
-    const formState = state.forms[formId];
-    if (!formState)
-      return;
-    Object.values(formState).forEach((field) => {
-      if (!field)
+const requestSubmit = (element, submitter) => {
+  if (typeof Object.getPrototypeOf(element).requestSubmit === "function" && true) {
+    element.requestSubmit(submitter);
+    return;
+  }
+  if (submitter) {
+    validateSubmitter(element, submitter);
+    submitter.click();
+    return;
+  }
+  const dummySubmitter = document.createElement("input");
+  dummySubmitter.type = "submit";
+  dummySubmitter.hidden = true;
+  element.appendChild(dummySubmitter);
+  dummySubmitter.click();
+  element.removeChild(dummySubmitter);
+};
+function validateSubmitter(element, submitter) {
+  const isHtmlElement = submitter instanceof HTMLElement;
+  if (!isHtmlElement) {
+    raise(TypeError, "parameter 1 is not of type 'HTMLElement'");
+  }
+  const hasSubmitType = "type" in submitter && submitter.type === "submit";
+  if (!hasSubmitType)
+    raise(TypeError, "The specified element is not a submit button");
+  const isForCorrectForm = "form" in submitter && submitter.form === element;
+  if (!isForCorrectForm)
+    raise(
+      DOMException,
+      "The specified element is not owned by this form element",
+      "NotFoundError"
+    );
+}
+function raise(errorConstructor, message, name) {
+  throw new errorConstructor(
+    "Failed to execute 'requestSubmit' on 'HTMLFormElement': " + message + ".",
+    name
+  );
+}
+const useControlledFieldStore = create$1()(
+  immer((set2, get2) => ({
+    forms: {},
+    register: (formId, field) => set2((state) => {
+      if (!state.forms[formId]) {
+        state.forms[formId] = {};
+      }
+      if (state.forms[formId][field]) {
+        state.forms[formId][field].refCount++;
+      } else {
+        state.forms[formId][field] = {
+          refCount: 1,
+          value: void 0,
+          hydrated: false,
+          valueUpdatePromise: void 0,
+          resolveValueUpdate: void 0
+        };
+      }
+    }),
+    unregister: (formId, field) => set2((state) => {
+      var _a;
+      const formState = (_a = state.forms) == null ? void 0 : _a[formId];
+      const fieldState = formState == null ? void 0 : formState[field];
+      if (!fieldState)
         return;
-      field.value = field.defaultValue;
-    });
-  })
-})));
+      fieldState.refCount--;
+      if (fieldState.refCount === 0)
+        delete formState[field];
+    }),
+    getField: (formId, field) => {
+      var _a, _b;
+      return (_b = (_a = get2().forms) == null ? void 0 : _a[formId]) == null ? void 0 : _b[field];
+    },
+    setValue: (formId, field, value) => set2((state) => {
+      var _a, _b;
+      const fieldState = (_b = (_a = state.forms) == null ? void 0 : _a[formId]) == null ? void 0 : _b[field];
+      if (!fieldState)
+        return;
+      fieldState.value = value;
+      const promise = new Promise((resolve) => {
+        fieldState.resolveValueUpdate = resolve;
+      });
+      fieldState.valueUpdatePromise = promise;
+    }),
+    hydrateWithDefault: (formId, field, defaultValue) => set2((state) => {
+      var _a;
+      const fieldState = (_a = state.forms[formId]) == null ? void 0 : _a[field];
+      if (!fieldState)
+        return;
+      fieldState.value = defaultValue;
+      fieldState.defaultValue = defaultValue;
+      fieldState.hydrated = true;
+    }),
+    awaitValueUpdate: async (formId, field) => {
+      var _a;
+      await ((_a = get2().getField(formId, field)) == null ? void 0 : _a.valueUpdatePromise);
+    },
+    reset: (formId) => set2((state) => {
+      const formState = state.forms[formId];
+      if (!formState)
+        return;
+      Object.values(formState).forEach((field) => {
+        if (!field)
+          return;
+        field.value = field.defaultValue;
+      });
+    })
+  }))
+);
 const noOp = () => {
 };
 const defaultFormState = {
@@ -2052,11 +2068,20 @@ const createFormState = (formId, set2, get2) => ({
   validateField: async (field) => {
     var _a, _b, _c;
     const formElement = get2().formElement;
-    invariant(formElement, "Cannot find reference to form. This is probably a bug in remix-validated-form.");
+    invariant(
+      formElement,
+      "Cannot find reference to form. This is probably a bug in remix-validated-form."
+    );
     const validator = (_a = get2().formProps) == null ? void 0 : _a.validator;
-    invariant(validator, "Cannot validator. This is probably a bug in remix-validated-form.");
+    invariant(
+      validator,
+      "Cannot validator. This is probably a bug in remix-validated-form."
+    );
     await ((_c = (_b = useControlledFieldStore.getState()).awaitValueUpdate) == null ? void 0 : _c.call(_b, formId, field));
-    const { error } = await validator.validateField(new FormData(formElement), field);
+    const { error } = await validator.validateField(
+      new FormData(formElement),
+      field
+    );
     if (error) {
       get2().setFieldError(field, error);
       return error;
@@ -2068,9 +2093,15 @@ const createFormState = (formId, set2, get2) => ({
   validate: async () => {
     var _a;
     const formElement = get2().formElement;
-    invariant(formElement, "Cannot find reference to form. This is probably a bug in remix-validated-form.");
+    invariant(
+      formElement,
+      "Cannot find reference to form. This is probably a bug in remix-validated-form."
+    );
     const validator = (_a = get2().formProps) == null ? void 0 : _a.validator;
-    invariant(validator, "Cannot validator. This is probably a bug in remix-validated-form.");
+    invariant(
+      validator,
+      "Cannot validator. This is probably a bug in remix-validated-form."
+    );
     const result = await validator.validate(new FormData(formElement));
     if (result.error)
       get2().setFieldErrors(result.error.fieldErrors);
@@ -2078,8 +2109,11 @@ const createFormState = (formId, set2, get2) => ({
   },
   submit: () => {
     const formElement = get2().formElement;
-    invariant(formElement, "Cannot find reference to form. This is probably a bug in remix-validated-form.");
-    formElement.requestSubmit();
+    invariant(
+      formElement,
+      "Cannot find reference to form. This is probably a bug in remix-validated-form."
+    );
+    requestSubmit(formElement);
   },
   getValues: () => {
     var _a;
@@ -2090,25 +2124,31 @@ const createFormState = (formId, set2, get2) => ({
     return (_a = get2().formElement) == null ? void 0 : _a.reset();
   }
 });
-const useRootFormStore = create$1()(immer((set2, get2) => ({
-  forms: {},
-  form: (formId) => {
-    var _a;
-    return (_a = get2().forms[formId]) != null ? _a : defaultFormState;
-  },
-  cleanupForm: (formId) => {
-    set2((state) => {
-      delete state.forms[formId];
-    });
-  },
-  registerForm: (formId) => {
-    if (get2().forms[formId])
-      return;
-    set2((state) => {
-      state.forms[formId] = createFormState(formId, (setter) => set2((state2) => setter(state2.forms[formId])), () => get2().forms[formId]);
-    });
-  }
-})));
+const useRootFormStore = create$1()(
+  immer((set2, get2) => ({
+    forms: {},
+    form: (formId) => {
+      var _a;
+      return (_a = get2().forms[formId]) != null ? _a : defaultFormState;
+    },
+    cleanupForm: (formId) => {
+      set2((state) => {
+        delete state.forms[formId];
+      });
+    },
+    registerForm: (formId) => {
+      if (get2().forms[formId])
+        return;
+      set2((state) => {
+        state.forms[formId] = createFormState(
+          formId,
+          (setter) => set2((state2) => setter(state2.forms[formId])),
+          () => get2().forms[formId]
+        );
+      });
+    }
+  }))
+);
 const useFormStore = (formId, selector) => {
   return useRootFormStore((state) => selector(state.form(formId)));
 };
@@ -2118,7 +2158,9 @@ const useInternalFormContext = (formId, hookName) => {
     return { formId };
   if (formContext)
     return formContext;
-  throw new Error(`Unable to determine form for ${hookName}. Please use it inside a ValidatedForm or pass a 'formId'.`);
+  throw new Error(
+    `Unable to determine form for ${hookName}. Please use it inside a ValidatedForm or pass a 'formId'.`
+  );
 };
 function useErrorResponseForForm({
   fetcher,
@@ -2164,7 +2206,10 @@ const useDefaultValuesForForm = (context) => {
   if (hydrated)
     return hydratable.hydratedData();
   if (errorResponse == null ? void 0 : errorResponse.repopulateFields) {
-    invariant(typeof errorResponse.repopulateFields === "object", "repopulateFields returned something other than an object");
+    invariant(
+      typeof errorResponse.repopulateFields === "object",
+      "repopulateFields returned something other than an object"
+    );
     return hydratable.serverData(errorResponse.repopulateFields);
   }
   if (defaultValuesProp)
@@ -2181,12 +2226,18 @@ const useHasActiveFormSubmit = ({
 const useFieldTouched = (field, { formId }) => {
   const touched = useFormStore(formId, (state) => state.touchedFields[field]);
   const setFieldTouched = useFormStore(formId, (state) => state.setTouched);
-  const setTouched = useCallback((touched2) => setFieldTouched(field, touched2), [field, setFieldTouched]);
+  const setTouched = useCallback(
+    (touched2) => setFieldTouched(field, touched2),
+    [field, setFieldTouched]
+  );
   return [touched, setTouched];
 };
 const useFieldError = (name, context) => {
   const fieldErrors = useFieldErrorsForForm(context);
-  const state = useFormStore(context.formId, (state2) => state2.fieldErrors[name]);
+  const state = useFormStore(
+    context.formId,
+    (state2) => state2.fieldErrors[name]
+  );
   return fieldErrors.map((fieldErrors2) => fieldErrors2 == null ? void 0 : fieldErrors2[name]).hydrateTo(state);
 };
 const useClearError = (context) => {
@@ -2205,15 +2256,21 @@ const useValidateField = (formId) => useFormStore(formId, (state) => state.valid
 const useValidate = (formId) => useFormStore(formId, (state) => state.validate);
 const noOpReceiver = () => () => {
 };
-const useRegisterReceiveFocus = (formId) => useFormStore(formId, (state) => {
-  var _a, _b;
-  return (_b = (_a = state.formProps) == null ? void 0 : _a.registerReceiveFocus) != null ? _b : noOpReceiver;
-});
+const useRegisterReceiveFocus = (formId) => useFormStore(
+  formId,
+  (state) => {
+    var _a, _b;
+    return (_b = (_a = state.formProps) == null ? void 0 : _a.registerReceiveFocus) != null ? _b : noOpReceiver;
+  }
+);
 const defaultDefaultValues = {};
-const useSyncedDefaultValues = (formId) => useFormStore(formId, (state) => {
-  var _a, _b;
-  return (_b = (_a = state.formProps) == null ? void 0 : _a.defaultValues) != null ? _b : defaultDefaultValues;
-});
+const useSyncedDefaultValues = (formId) => useFormStore(
+  formId,
+  (state) => {
+    var _a, _b;
+    return (_b = (_a = state.formProps) == null ? void 0 : _a.defaultValues) != null ? _b : defaultDefaultValues;
+  }
+);
 const useSetTouched = ({ formId }) => useFormStore(formId, (state) => state.setTouched);
 const useTouchedFields = (formId) => useFormStore(formId, (state) => state.touchedFields);
 const useFieldErrors = (formId) => useFormStore(formId, (state) => state.fieldErrors);
@@ -2230,17 +2287,26 @@ const useFormSubactionProp = (formId) => useFormStore(formId, (state) => {
 });
 const useFormValues = (formId) => useFormStore(formId, (state) => state.getValues);
 const useControlledFieldValue = (context, field) => {
-  const value = useControlledFieldStore((state) => {
-    var _a;
-    return (_a = state.getField(context.formId, field)) == null ? void 0 : _a.value;
-  });
-  const isFormHydrated = useFormStore(context.formId, (state) => state.isHydrated);
+  const value = useControlledFieldStore(
+    (state) => {
+      var _a;
+      return (_a = state.getField(context.formId, field)) == null ? void 0 : _a.value;
+    }
+  );
+  const isFormHydrated = useFormStore(
+    context.formId,
+    (state) => state.isHydrated
+  );
   const defaultValue = useFieldDefaultValue(field, context);
-  const isFieldHydrated = useControlledFieldStore((state) => {
-    var _a, _b;
-    return (_b = (_a = state.getField(context.formId, field)) == null ? void 0 : _a.hydrated) != null ? _b : false;
-  });
-  const hydrateWithDefault = useControlledFieldStore((state) => state.hydrateWithDefault);
+  const isFieldHydrated = useControlledFieldStore(
+    (state) => {
+      var _a, _b;
+      return (_b = (_a = state.getField(context.formId, field)) == null ? void 0 : _a.hydrated) != null ? _b : false;
+    }
+  );
+  const hydrateWithDefault = useControlledFieldStore(
+    (state) => state.hydrateWithDefault
+  );
   useEffect(() => {
     if (isFormHydrated && !isFieldHydrated) {
       hydrateWithDefault(context.formId, field, defaultValue);
@@ -2256,10 +2322,12 @@ const useControlledFieldValue = (context, field) => {
   return isFieldHydrated ? value : defaultValue;
 };
 const useControllableValue = (context, field) => {
-  const resolveUpdate = useControlledFieldStore((state) => {
-    var _a;
-    return (_a = state.getField(context.formId, field)) == null ? void 0 : _a.resolveValueUpdate;
-  });
+  const resolveUpdate = useControlledFieldStore(
+    (state) => {
+      var _a;
+      return (_a = state.getField(context.formId, field)) == null ? void 0 : _a.resolveValueUpdate;
+    }
+  );
   useEffect(() => {
     resolveUpdate == null ? void 0 : resolveUpdate();
   }, [resolveUpdate]);
@@ -2269,14 +2337,22 @@ const useControllableValue = (context, field) => {
     register(context.formId, field);
     return () => unregister(context.formId, field);
   }, [context.formId, field, register, unregister]);
-  const setControlledFieldValue = useControlledFieldStore((state) => state.setValue);
-  const setValue = useCallback((value2) => setControlledFieldValue(context.formId, field, value2), [context.formId, field, setControlledFieldValue]);
+  const setControlledFieldValue = useControlledFieldStore(
+    (state) => state.setValue
+  );
+  const setValue = useCallback(
+    (value2) => setControlledFieldValue(context.formId, field, value2),
+    [context.formId, field, setControlledFieldValue]
+  );
   const value = useControlledFieldValue(context, field);
   return [value, setValue];
 };
 const useUpdateControllableValue = (formId) => {
   const setValue = useControlledFieldStore((state) => state.setValue);
-  return useCallback((field, value) => setValue(formId, field, value), [formId, setValue]);
+  return useCallback(
+    (field, value) => setValue(formId, field, value),
+    [formId, setValue]
+  );
 };
 const useIsSubmitting = (formId) => {
   const formContext = useInternalFormContext(formId, "useIsSubmitting");
@@ -2311,14 +2387,16 @@ const useField = (name, options) => {
       touched,
       setTouched
     };
-    const getInputProps = createGetInputProps(__spreadProps(__spreadValues({}, helpers), {
+    const getInputProps = createGetInputProps({
+      ...helpers,
       name,
       hasBeenSubmitted,
       validationBehavior: options == null ? void 0 : options.validationBehavior
-    }));
-    return __spreadProps(__spreadValues({}, helpers), {
-      getInputProps
     });
+    return {
+      ...helpers,
+      getInputProps
+    };
   }, [
     error,
     clearError,
@@ -2359,17 +2437,21 @@ const json = (data, init = {}) => {
   if (!headers.has("Content-Type")) {
     headers.set("Content-Type", "application/json; charset=utf-8");
   }
-  return new Response(JSON.stringify(data), __spreadProps(__spreadValues({}, responseInit), {
+  return new Response(JSON.stringify(data), {
+    ...responseInit,
     headers
-  }));
+  });
 };
 function validationError(error, repopulateFields, init) {
-  return json({
-    fieldErrors: error.fieldErrors,
-    subaction: error.subaction,
-    repopulateFields,
-    formId: error.formId
-  }, __spreadValues({ status: 422 }, init));
+  return json(
+    {
+      fieldErrors: error.fieldErrors,
+      subaction: error.subaction,
+      repopulateFields,
+      formId: error.formId
+    },
+    { status: 422, ...init }
+  );
 }
 const setFormDefaults = (formId, defaultValues) => ({
   [formDefaultValuesKey(formId)]: defaultValues
@@ -2580,7 +2662,9 @@ const focusFirstInvalidInput = (fieldErrors, customFocusHandlers, formElement) =
     if (!elem)
       continue;
     if (elem instanceof RadioNodeList) {
-      const selectedRadio = (_a = [...elem].filter((item) => item instanceof HTMLInputElement).find((item) => item.value === elem.value)) != null ? _a : elem[0];
+      const selectedRadio = (_a = [...elem].filter(
+        (item) => item instanceof HTMLInputElement
+      ).find((item) => item.value === elem.value)) != null ? _a : elem[0];
       if (selectedRadio && selectedRadio instanceof HTMLInputElement) {
         selectedRadio.focus();
         break;
@@ -2629,53 +2713,41 @@ function formEventProxy(event) {
     }
   });
 }
-function ValidatedForm(_a) {
-  var _b = _a, {
-    validator,
-    onSubmit,
-    children,
-    fetcher,
-    action,
-    defaultValues: unMemoizedDefaults,
-    formRef: formRefProp,
-    onReset,
-    subaction,
-    resetAfterSubmit = false,
-    disableFocusOnError,
-    method,
-    replace,
-    id
-  } = _b, rest = __objRest(_b, [
-    "validator",
-    "onSubmit",
-    "children",
-    "fetcher",
-    "action",
-    "defaultValues",
-    "formRef",
-    "onReset",
-    "subaction",
-    "resetAfterSubmit",
-    "disableFocusOnError",
-    "method",
-    "replace",
-    "id"
-  ]);
-  var _a2;
+function ValidatedForm({
+  validator,
+  onSubmit,
+  children,
+  fetcher,
+  action,
+  defaultValues: unMemoizedDefaults,
+  formRef: formRefProp,
+  onReset,
+  subaction,
+  resetAfterSubmit = false,
+  disableFocusOnError,
+  method,
+  replace,
+  id,
+  ...rest
+}) {
+  var _a;
   const formId = useFormId(id);
   const providedDefaultValues = useDeepEqualsMemo(unMemoizedDefaults);
-  const contextValue = useMemo(() => ({
-    formId,
-    action,
-    subaction,
-    defaultValuesProp: providedDefaultValues,
-    fetcher
-  }), [action, fetcher, formId, providedDefaultValues, subaction]);
+  const contextValue = useMemo(
+    () => ({
+      formId,
+      action,
+      subaction,
+      defaultValuesProp: providedDefaultValues,
+      fetcher
+    }),
+    [action, fetcher, formId, providedDefaultValues, subaction]
+  );
   const backendError = useErrorResponseForForm(contextValue);
   const backendDefaultValues = useDefaultValuesFromLoader(contextValue);
   const hasActiveSubmission = useHasActiveFormSubmit(contextValue);
   const formRef = useRef(null);
-  const Form$1 = (_a2 = fetcher == null ? void 0 : fetcher.Form) != null ? _a2 : Form;
+  const Form$1 = (_a = fetcher == null ? void 0 : fetcher.Form) != null ? _a : Form;
   const submit = useSubmit();
   const setFieldErrors = useSetFieldErrors(formId);
   const setFieldError = useFormStore(formId, (state) => state.setFieldError);
@@ -2684,25 +2756,31 @@ function ValidatedForm(_a) {
   const startSubmit = useFormStore(formId, (state) => state.startSubmit);
   const endSubmit = useFormStore(formId, (state) => state.endSubmit);
   const syncFormProps = useFormStore(formId, (state) => state.syncFormProps);
-  const setFormElementInState = useFormStore(formId, (state) => state.setFormElement);
+  const setFormElementInState = useFormStore(
+    formId,
+    (state) => state.setFormElement
+  );
   const cleanupForm = useRootFormStore((state) => state.cleanupForm);
   const registerForm = useRootFormStore((state) => state.registerForm);
   const customFocusHandlers = useMultiValueMap();
-  const registerReceiveFocus = useCallback((fieldName, handler) => {
-    customFocusHandlers().add(fieldName, handler);
-    return () => {
-      customFocusHandlers().remove(fieldName, handler);
-    };
-  }, [customFocusHandlers]);
+  const registerReceiveFocus = useCallback(
+    (fieldName, handler) => {
+      customFocusHandlers().add(fieldName, handler);
+      return () => {
+        customFocusHandlers().remove(fieldName, handler);
+      };
+    },
+    [customFocusHandlers]
+  );
   useIsomorphicLayoutEffect(() => {
     registerForm(formId);
     return () => cleanupForm(formId);
   }, [cleanupForm, formId, registerForm]);
   useIsomorphicLayoutEffect(() => {
-    var _a3;
+    var _a2;
     syncFormProps({
       action,
-      defaultValues: (_a3 = providedDefaultValues != null ? providedDefaultValues : backendDefaultValues) != null ? _a3 : {},
+      defaultValues: (_a2 = providedDefaultValues != null ? providedDefaultValues : backendDefaultValues) != null ? _a2 : {},
       subaction,
       registerReceiveFocus,
       validator
@@ -2720,8 +2798,8 @@ function ValidatedForm(_a) {
     setFormElementInState(formRef.current);
   }, [setFormElementInState]);
   useEffect(() => {
-    var _a3;
-    setFieldErrors((_a3 = backendError == null ? void 0 : backendError.fieldErrors) != null ? _a3 : {});
+    var _a2;
+    setFieldErrors((_a2 = backendError == null ? void 0 : backendError.fieldErrors) != null ? _a2 : {});
   }, [backendError == null ? void 0 : backendError.fieldErrors, setFieldErrors, setFieldError]);
   useSubmitComplete(hasActiveSubmission, () => {
     endSubmit();
@@ -2733,7 +2811,11 @@ function ValidatedForm(_a) {
       endSubmit();
       setFieldErrors(result.error.fieldErrors);
       if (!disableFocusOnError) {
-        focusFirstInvalidInput(result.error.fieldErrors, customFocusHandlers(), formRef.current);
+        focusFirstInvalidInput(
+          result.error.fieldErrors,
+          customFocusHandlers(),
+          formRef.current
+        );
       }
     } else {
       const eventProxy = formEventProxy(e2);
@@ -2749,16 +2831,20 @@ function ValidatedForm(_a) {
         submit(submitter || target, { replace });
     }
   };
-  return /* @__PURE__ */ React.createElement(Form$1, __spreadProps(__spreadValues({
-    ref: mergeRefs([formRef, formRefProp])
-  }, rest), {
+  return /* @__PURE__ */ React.createElement(Form$1, {
+    ref: mergeRefs([formRef, formRefProp]),
+    ...rest,
     id,
     action,
     method,
     replace,
     onSubmit: (e2) => {
       e2.preventDefault();
-      handleSubmit(e2, e2.currentTarget, e2.nativeEvent);
+      handleSubmit(
+        e2,
+        e2.currentTarget,
+        e2.nativeEvent
+      );
     },
     onReset: (event) => {
       onReset == null ? void 0 : onReset(event);
@@ -2767,7 +2853,7 @@ function ValidatedForm(_a) {
       reset();
       resetControlledFields(formId);
     }
-  }), /* @__PURE__ */ React.createElement(InternalFormContext.Provider, {
+  }, /* @__PURE__ */ React.createElement(InternalFormContext.Provider, {
     value: contextValue
   }, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FormResetter, {
     formRef,
@@ -2790,7 +2876,10 @@ var set_1 = set;
 const objectFromPathEntries = (entries) => {
   const map = new MultiValueMap();
   entries.forEach(([key, value]) => map.add(key, value));
-  return [...map.entries()].reduce((acc, [key, value]) => set_1(acc, key, value.length === 1 ? value[0] : value), {});
+  return [...map.entries()].reduce(
+    (acc, [key, value]) => set_1(acc, key, value.length === 1 ? value[0] : value),
+    {}
+  );
 };
 const preprocessFormData = (data) => {
   if ("entries" in data && typeof data.entries === "function")
@@ -2838,25 +2927,28 @@ const useFormState = (formId) => {
   const fieldErrorsFromState = useFieldErrors(formContext.formId);
   const fieldErrorsToUse = useFieldErrorsForForm(formContext);
   const hydratedFieldErrors = fieldErrorsToUse.hydrateTo(fieldErrorsFromState);
-  return useMemo(() => ({
-    action,
-    subaction,
-    defaultValues: hydratedDefaultValues,
-    fieldErrors: hydratedFieldErrors != null ? hydratedFieldErrors : {},
-    hasBeenSubmitted,
-    isSubmitting,
-    touchedFields,
-    isValid
-  }), [
-    action,
-    hasBeenSubmitted,
-    hydratedDefaultValues,
-    hydratedFieldErrors,
-    isSubmitting,
-    isValid,
-    subaction,
-    touchedFields
-  ]);
+  return useMemo(
+    () => ({
+      action,
+      subaction,
+      defaultValues: hydratedDefaultValues,
+      fieldErrors: hydratedFieldErrors != null ? hydratedFieldErrors : {},
+      hasBeenSubmitted,
+      isSubmitting,
+      touchedFields,
+      isValid
+    }),
+    [
+      action,
+      hasBeenSubmitted,
+      hydratedDefaultValues,
+      hydratedFieldErrors,
+      isSubmitting,
+      isValid,
+      subaction,
+      touchedFields
+    ]
+  );
 };
 const useFormHelpers = (formId) => {
   const formContext = useInternalFormContext(formId, "useFormHelpers");
@@ -2868,25 +2960,28 @@ const useFormHelpers = (formId) => {
   const reset = useResetFormElement(formContext.formId);
   const submit = useSubmitForm(formContext.formId);
   const getValues = useFormValues(formContext.formId);
-  return useMemo(() => ({
-    setTouched,
-    validateField,
-    clearError,
-    validate,
-    clearAllErrors: () => setFieldErrors({}),
-    reset,
-    submit,
-    getValues
-  }), [
-    clearError,
-    reset,
-    setFieldErrors,
-    setTouched,
-    submit,
-    validate,
-    validateField,
-    getValues
-  ]);
+  return useMemo(
+    () => ({
+      setTouched,
+      validateField,
+      clearError,
+      validate,
+      clearAllErrors: () => setFieldErrors({}),
+      reset,
+      submit,
+      getValues
+    }),
+    [
+      clearError,
+      reset,
+      setFieldErrors,
+      setTouched,
+      submit,
+      validate,
+      validateField,
+      getValues
+    ]
+  );
 };
 const useFormContext = (formId) => {
   const context = useInternalFormContext(formId, "useFormContext");
@@ -2902,33 +2997,40 @@ const useFormContext = (formId) => {
     getValues
   } = useFormHelpers(formId);
   const registerReceiveFocus = useRegisterReceiveFocus(context.formId);
-  const clearError = useCallback((...names) => {
-    names.forEach((name) => {
-      internalClearError(name);
-    });
-  }, [internalClearError]);
-  return useMemo(() => __spreadProps(__spreadValues({}, state), {
-    setFieldTouched: setTouched,
-    validateField,
-    clearError,
-    registerReceiveFocus,
-    clearAllErrors,
-    validate,
-    reset,
-    submit,
-    getValues
-  }), [
-    clearAllErrors,
-    clearError,
-    registerReceiveFocus,
-    reset,
-    setTouched,
-    state,
-    submit,
-    validate,
-    validateField,
-    getValues
-  ]);
+  const clearError = useCallback(
+    (...names) => {
+      names.forEach((name) => {
+        internalClearError(name);
+      });
+    },
+    [internalClearError]
+  );
+  return useMemo(
+    () => ({
+      ...state,
+      setFieldTouched: setTouched,
+      validateField,
+      clearError,
+      registerReceiveFocus,
+      clearAllErrors,
+      validate,
+      reset,
+      submit,
+      getValues
+    }),
+    [
+      clearAllErrors,
+      clearError,
+      registerReceiveFocus,
+      reset,
+      setTouched,
+      state,
+      submit,
+      validate,
+      validateField,
+      getValues
+    ]
+  );
 };
 export { ValidatedForm, createValidator, setFormDefaults, useControlField, useField, useFormContext, useIsSubmitting, useIsValid, useUpdateControlledField, validationError };
 //# sourceMappingURL=remix-validated-form.es.js.map