remix-validated-form 5.1.0 → 5.1.1-beta.0

package/dist/index.cjs.js

@@ -5,6 +5,9 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -23,6 +26,351 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
+// ../../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.min.js
+var require_use_sync_external_store_shim_production_min = __commonJS({
+  "../../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.min.js"(exports) {
+    "use strict";
+    var e = require("react");
+    function h2(a2, b2) {
+      return a2 === b2 && (0 !== a2 || 1 / a2 === 1 / b2) || a2 !== a2 && b2 !== b2;
+    }
+    var k2 = "function" === typeof Object.is ? Object.is : h2;
+    var l2 = e.useState;
+    var m = e.useEffect;
+    var n2 = e.useLayoutEffect;
+    var p2 = e.useDebugValue;
+    function q2(a2, b2) {
+      var d2 = b2(), f2 = l2({ inst: { value: d2, getSnapshot: b2 } }), c2 = f2[0].inst, g2 = f2[1];
+      n2(function() {
+        c2.value = d2;
+        c2.getSnapshot = b2;
+        r2(c2) && g2({ inst: c2 });
+      }, [a2, d2, b2]);
+      m(function() {
+        r2(c2) && g2({ inst: c2 });
+        return a2(function() {
+          r2(c2) && g2({ inst: c2 });
+        });
+      }, [a2]);
+      p2(d2);
+      return d2;
+    }
+    function r2(a2) {
+      var b2 = a2.getSnapshot;
+      a2 = a2.value;
+      try {
+        var d2 = b2();
+        return !k2(a2, d2);
+      } catch (f2) {
+        return true;
+      }
+    }
+    function t2(a2, b2) {
+      return b2();
+    }
+    var u2 = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? t2 : q2;
+    exports.useSyncExternalStore = void 0 !== e.useSyncExternalStore ? e.useSyncExternalStore : u2;
+  }
+});
+
+// ../../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js
+var require_use_sync_external_store_shim_development = __commonJS({
+  "../../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js"(exports) {
+    "use strict";
+    if (process.env.NODE_ENV !== "production") {
+      (function() {
+        "use strict";
+        if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart === "function") {
+          __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
+        }
+        var React3 = require("react");
+        var ReactSharedInternals = React3.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+        function error(format) {
+          {
+            {
+              for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+                args[_key2 - 1] = arguments[_key2];
+              }
+              printWarning("error", format, args);
+            }
+          }
+        }
+        function printWarning(level, format, args) {
+          {
+            var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+            var stack = ReactDebugCurrentFrame.getStackAddendum();
+            if (stack !== "") {
+              format += "%s";
+              args = args.concat([stack]);
+            }
+            var argsWithFormat = args.map(function(item) {
+              return String(item);
+            });
+            argsWithFormat.unshift("Warning: " + format);
+            Function.prototype.apply.call(console[level], console, argsWithFormat);
+          }
+        }
+        function is(x2, y2) {
+          return x2 === y2 && (x2 !== 0 || 1 / x2 === 1 / y2) || x2 !== x2 && y2 !== y2;
+        }
+        var objectIs = typeof Object.is === "function" ? Object.is : is;
+        var useState3 = React3.useState, useEffect6 = React3.useEffect, useLayoutEffect2 = React3.useLayoutEffect, useDebugValue2 = React3.useDebugValue;
+        var didWarnOld18Alpha = false;
+        var didWarnUncachedGetSnapshot = false;
+        function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
+          {
+            if (!didWarnOld18Alpha) {
+              if (React3.startTransition !== void 0) {
+                didWarnOld18Alpha = true;
+                error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release.");
+              }
+            }
+          }
+          var value = getSnapshot();
+          {
+            if (!didWarnUncachedGetSnapshot) {
+              var cachedValue = getSnapshot();
+              if (!objectIs(value, cachedValue)) {
+                error("The result of getSnapshot should be cached to avoid an infinite loop");
+                didWarnUncachedGetSnapshot = true;
+              }
+            }
+          }
+          var _useState = useState3({
+            inst: {
+              value,
+              getSnapshot
+            }
+          }), inst = _useState[0].inst, forceUpdate = _useState[1];
+          useLayoutEffect2(function() {
+            inst.value = value;
+            inst.getSnapshot = getSnapshot;
+            if (checkIfSnapshotChanged(inst)) {
+              forceUpdate({
+                inst
+              });
+            }
+          }, [subscribe, value, getSnapshot]);
+          useEffect6(function() {
+            if (checkIfSnapshotChanged(inst)) {
+              forceUpdate({
+                inst
+              });
+            }
+            var handleStoreChange = function() {
+              if (checkIfSnapshotChanged(inst)) {
+                forceUpdate({
+                  inst
+                });
+              }
+            };
+            return subscribe(handleStoreChange);
+          }, [subscribe]);
+          useDebugValue2(value);
+          return value;
+        }
+        function checkIfSnapshotChanged(inst) {
+          var latestGetSnapshot = inst.getSnapshot;
+          var prevValue = inst.value;
+          try {
+            var nextValue = latestGetSnapshot();
+            return !objectIs(prevValue, nextValue);
+          } catch (error2) {
+            return true;
+          }
+        }
+        function useSyncExternalStore$1(subscribe, getSnapshot, getServerSnapshot) {
+          return getSnapshot();
+        }
+        var canUseDOM = !!(typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined");
+        var isServerEnvironment = !canUseDOM;
+        var shim = isServerEnvironment ? useSyncExternalStore$1 : useSyncExternalStore;
+        var useSyncExternalStore$2 = React3.useSyncExternalStore !== void 0 ? React3.useSyncExternalStore : shim;
+        exports.useSyncExternalStore = useSyncExternalStore$2;
+        if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop === "function") {
+          __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+        }
+      })();
+    }
+  }
+});
+
+// ../../node_modules/use-sync-external-store/shim/index.js
+var require_shim = __commonJS({
+  "../../node_modules/use-sync-external-store/shim/index.js"(exports, module2) {
+    "use strict";
+    if (process.env.NODE_ENV === "production") {
+      module2.exports = require_use_sync_external_store_shim_production_min();
+    } else {
+      module2.exports = require_use_sync_external_store_shim_development();
+    }
+  }
+});
+
+// ../../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.production.min.js
+var require_with_selector_production_min = __commonJS({
+  "../../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.production.min.js"(exports) {
+    "use strict";
+    var h2 = require("react");
+    var n2 = require_shim();
+    function p2(a2, b2) {
+      return a2 === b2 && (0 !== a2 || 1 / a2 === 1 / b2) || a2 !== a2 && b2 !== b2;
+    }
+    var q2 = "function" === typeof Object.is ? Object.is : p2;
+    var r2 = n2.useSyncExternalStore;
+    var t2 = h2.useRef;
+    var u2 = h2.useEffect;
+    var v2 = h2.useMemo;
+    var w2 = h2.useDebugValue;
+    exports.useSyncExternalStoreWithSelector = function(a2, b2, e, l2, g2) {
+      var c2 = t2(null);
+      if (null === c2.current) {
+        var f2 = { hasValue: false, value: null };
+        c2.current = f2;
+      } else
+        f2 = c2.current;
+      c2 = v2(function() {
+        function a3(a4) {
+          if (!c3) {
+            c3 = true;
+            d3 = a4;
+            a4 = l2(a4);
+            if (void 0 !== g2 && f2.hasValue) {
+              var b3 = f2.value;
+              if (g2(b3, a4))
+                return k2 = b3;
+            }
+            return k2 = a4;
+          }
+          b3 = k2;
+          if (q2(d3, a4))
+            return b3;
+          var e2 = l2(a4);
+          if (void 0 !== g2 && g2(b3, e2))
+            return b3;
+          d3 = a4;
+          return k2 = e2;
+        }
+        var c3 = false, d3, k2, m = void 0 === e ? null : e;
+        return [function() {
+          return a3(b2());
+        }, null === m ? void 0 : function() {
+          return a3(m());
+        }];
+      }, [b2, e, l2, g2]);
+      var d2 = r2(a2, c2[0], c2[1]);
+      u2(function() {
+        f2.hasValue = true;
+        f2.value = d2;
+      }, [d2]);
+      w2(d2);
+      return d2;
+    };
+  }
+});
+
+// ../../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.development.js
+var require_with_selector_development = __commonJS({
+  "../../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.development.js"(exports) {
+    "use strict";
+    if (process.env.NODE_ENV !== "production") {
+      (function() {
+        "use strict";
+        if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart === "function") {
+          __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
+        }
+        var React3 = require("react");
+        var shim = require_shim();
+        function is(x2, y2) {
+          return x2 === y2 && (x2 !== 0 || 1 / x2 === 1 / y2) || x2 !== x2 && y2 !== y2;
+        }
+        var objectIs = typeof Object.is === "function" ? Object.is : is;
+        var useSyncExternalStore = shim.useSyncExternalStore;
+        var useRef6 = React3.useRef, useEffect6 = React3.useEffect, useMemo6 = React3.useMemo, useDebugValue2 = React3.useDebugValue;
+        function useSyncExternalStoreWithSelector2(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
+          var instRef = useRef6(null);
+          var inst;
+          if (instRef.current === null) {
+            inst = {
+              hasValue: false,
+              value: null
+            };
+            instRef.current = inst;
+          } else {
+            inst = instRef.current;
+          }
+          var _useMemo = useMemo6(function() {
+            var hasMemo = false;
+            var memoizedSnapshot;
+            var memoizedSelection;
+            var memoizedSelector = function(nextSnapshot) {
+              if (!hasMemo) {
+                hasMemo = true;
+                memoizedSnapshot = nextSnapshot;
+                var _nextSelection = selector(nextSnapshot);
+                if (isEqual !== void 0) {
+                  if (inst.hasValue) {
+                    var currentSelection = inst.value;
+                    if (isEqual(currentSelection, _nextSelection)) {
+                      memoizedSelection = currentSelection;
+                      return currentSelection;
+                    }
+                  }
+                }
+                memoizedSelection = _nextSelection;
+                return _nextSelection;
+              }
+              var prevSnapshot = memoizedSnapshot;
+              var prevSelection = memoizedSelection;
+              if (objectIs(prevSnapshot, nextSnapshot)) {
+                return prevSelection;
+              }
+              var nextSelection = selector(nextSnapshot);
+              if (isEqual !== void 0 && isEqual(prevSelection, nextSelection)) {
+                return prevSelection;
+              }
+              memoizedSnapshot = nextSnapshot;
+              memoizedSelection = nextSelection;
+              return nextSelection;
+            };
+            var maybeGetServerSnapshot = getServerSnapshot === void 0 ? null : getServerSnapshot;
+            var getSnapshotWithSelector = function() {
+              return memoizedSelector(getSnapshot());
+            };
+            var getServerSnapshotWithSelector = maybeGetServerSnapshot === null ? void 0 : function() {
+              return memoizedSelector(maybeGetServerSnapshot());
+            };
+            return [getSnapshotWithSelector, getServerSnapshotWithSelector];
+          }, [getSnapshot, getServerSnapshot, selector, isEqual]), getSelection = _useMemo[0], getServerSelection = _useMemo[1];
+          var value = useSyncExternalStore(subscribe, getSelection, getServerSelection);
+          useEffect6(function() {
+            inst.hasValue = true;
+            inst.value = value;
+          }, [value]);
+          useDebugValue2(value);
+          return value;
+        }
+        exports.useSyncExternalStoreWithSelector = useSyncExternalStoreWithSelector2;
+        if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop === "function") {
+          __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+        }
+      })();
+    }
+  }
+});
+
+// ../../node_modules/use-sync-external-store/shim/with-selector.js
+var require_with_selector = __commonJS({
+  "../../node_modules/use-sync-external-store/shim/with-selector.js"(exports, module2) {
+    "use strict";
+    if (process.env.NODE_ENV === "production") {
+      module2.exports = require_with_selector_production_min();
+    } else {
+      module2.exports = require_with_selector_development();
+    }
+  }
+});
+
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
@@ -42,7 +390,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/hooks.ts
-var import_react5 = require("react");
+var import_react6 = require("react");
 
 // src/internal/getInputProps.ts
 var R = __toESM(require("remeda"));
@@ -128,8 +476,8 @@ var createGetInputProps = ({
 };
 
 // src/internal/hooks.ts
-var import_react2 = require("@remix-run/react");
-var import_react3 = require("react");
+var import_react3 = require("@remix-run/react");
+var import_react4 = require("react");
 
 // ../set-get/src/stringToPathArray.ts
 var stringToPathArray = (path) => {
@@ -137,7 +485,7 @@ var stringToPathArray = (path) => {
     return [];
   const match = path.match(/^\[(.+?)\](.*)$/) || path.match(/^\.?([^\.\[\]]+)(.*)$/);
   if (match) {
-    const [_, key, rest] = match;
+    const [_2, key, rest] = match;
     return [/^\d+$/.test(key) ? Number(key) : key, ...stringToPathArray(rest)];
   }
   return [path];
@@ -152,10 +500,10 @@ function _setPathNormalized(object, path, value) {
   const leadingSegments = path.slice(0, -1);
   const lastSegment = path[path.length - 1];
   let obj = object;
-  for (let i = 0; i < leadingSegments.length; i++) {
-    const segment = leadingSegments[i];
+  for (let i2 = 0; i2 < leadingSegments.length; i2++) {
+    const segment = leadingSegments[i2];
     if (obj[segment] === void 0) {
-      const nextSegment = (_a = leadingSegments[i + 1]) != null ? _a : lastSegment;
+      const nextSegment = (_a = leadingSegments[i2 + 1]) != null ? _a : lastSegment;
       obj[segment] = typeof nextSegment === "number" ? [] : {};
     }
     obj = obj[segment];
@@ -185,7 +533,7 @@ var InternalFormContext = (0, import_react.createContext)(null);
 // src/internal/hydratable.ts
 var serverData = (data) => ({
   hydrateTo: () => data,
-  map: (fn) => serverData(fn(data))
+  map: (fn2) => serverData(fn2(data))
 });
 var hydratedData = () => ({
   hydrateTo: (hydratedData2) => hydratedData2,
@@ -200,8 +548,459 @@ var hydratable = {
 
 // src/internal/state/createFormStore.ts
 var import_tiny_invariant2 = __toESM(require("tiny-invariant"));
-var import_zustand = require("zustand");
-var import_immer = require("zustand/middleware/immer");
+
+// ../../node_modules/zustand/esm/vanilla.mjs
+var import_meta = {};
+var createStoreImpl = (createState) => {
+  let state;
+  const listeners = /* @__PURE__ */ new Set();
+  const setState = (partial, replace2) => {
+    const nextState = typeof partial === "function" ? partial(state) : partial;
+    if (!Object.is(nextState, state)) {
+      const previousState = state;
+      state = (replace2 != null ? replace2 : typeof nextState !== "object") ? nextState : Object.assign({}, state, nextState);
+      listeners.forEach((listener) => listener(state, previousState));
+    }
+  };
+  const getState = () => state;
+  const subscribe = (listener) => {
+    listeners.add(listener);
+    return () => listeners.delete(listener);
+  };
+  const destroy = () => {
+    if ((import_meta.env && import_meta.env.MODE) !== "production") {
+      console.warn(
+        "[DEPRECATED] The destroy method will be unsupported in the future version. You should use unsubscribe function returned by subscribe. Everything will be garbage collected if store is garbage collected."
+      );
+    }
+    listeners.clear();
+  };
+  const api = { setState, getState, subscribe, destroy };
+  state = createState(setState, getState, api);
+  return api;
+};
+var createStore = (createState) => createState ? createStoreImpl(createState) : createStoreImpl;
+
+// ../../node_modules/zustand/esm/index.mjs
+var import_react2 = require("react");
+var import_with_selector = __toESM(require_with_selector(), 1);
+var import_meta2 = {};
+var { useSyncExternalStoreWithSelector } = import_with_selector.default;
+function useStore(api, selector = api.getState, equalityFn) {
+  const slice = useSyncExternalStoreWithSelector(
+    api.subscribe,
+    api.getState,
+    api.getServerState || api.getState,
+    selector,
+    equalityFn
+  );
+  (0, import_react2.useDebugValue)(slice);
+  return slice;
+}
+var createImpl = (createState) => {
+  if ((import_meta2.env && import_meta2.env.MODE) !== "production" && typeof createState !== "function") {
+    console.warn(
+      '[DEPRECATED] Passing a vanilla store will be unsupported in the future version. Please use `import { useStore } from "zustand"` to use the vanilla store in React.'
+    );
+  }
+  const api = typeof createState === "function" ? createStore(createState) : createState;
+  const useBoundStore = (selector, equalityFn) => useStore(api, selector, equalityFn);
+  Object.assign(useBoundStore, api);
+  return useBoundStore;
+};
+var create = (createState) => createState ? createImpl(createState) : createImpl;
+
+// ../../node_modules/immer/dist/immer.esm.mjs
+function n(n2) {
+  for (var r2 = arguments.length, t2 = Array(r2 > 1 ? r2 - 1 : 0), e = 1; e < r2; e++)
+    t2[e - 1] = arguments[e];
+  if ("production" !== process.env.NODE_ENV) {
+    var i2 = Y[n2], o2 = i2 ? "function" == typeof i2 ? i2.apply(null, t2) : i2 : "unknown error nr: " + n2;
+    throw Error("[Immer] " + o2);
+  }
+  throw Error("[Immer] minified error nr: " + n2 + (t2.length ? " " + t2.map(function(n3) {
+    return "'" + n3 + "'";
+  }).join(",") : "") + ". Find the full error at: https://bit.ly/3cXEKWf");
+}
+function r(n2) {
+  return !!n2 && !!n2[Q];
+}
+function t(n2) {
+  var r2;
+  return !!n2 && (function(n3) {
+    if (!n3 || "object" != typeof n3)
+      return false;
+    var r3 = Object.getPrototypeOf(n3);
+    if (null === r3)
+      return true;
+    var t2 = Object.hasOwnProperty.call(r3, "constructor") && r3.constructor;
+    return t2 === Object || "function" == typeof t2 && Function.toString.call(t2) === Z;
+  }(n2) || Array.isArray(n2) || !!n2[L] || !!(null === (r2 = n2.constructor) || void 0 === r2 ? void 0 : r2[L]) || s(n2) || v(n2));
+}
+function i(n2, r2, t2) {
+  void 0 === t2 && (t2 = false), 0 === o(n2) ? (t2 ? Object.keys : nn)(n2).forEach(function(e) {
+    t2 && "symbol" == typeof e || r2(e, n2[e], n2);
+  }) : n2.forEach(function(t3, e) {
+    return r2(e, t3, n2);
+  });
+}
+function o(n2) {
+  var r2 = n2[Q];
+  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 2 === o(n2) ? n2.has(r2) : Object.prototype.hasOwnProperty.call(n2, r2);
+}
+function a(n2, r2) {
+  return 2 === o(n2) ? n2.get(r2) : n2[r2];
+}
+function f(n2, r2, t2) {
+  var e = o(n2);
+  2 === e ? n2.set(r2, t2) : 3 === e ? (n2.delete(r2), n2.add(t2)) : n2[r2] = t2;
+}
+function c(n2, r2) {
+  return n2 === r2 ? 0 !== n2 || 1 / n2 == 1 / r2 : n2 != n2 && r2 != r2;
+}
+function s(n2) {
+  return X && n2 instanceof Map;
+}
+function v(n2) {
+  return q && n2 instanceof Set;
+}
+function p(n2) {
+  return n2.o || n2.t;
+}
+function l(n2) {
+  if (Array.isArray(n2))
+    return Array.prototype.slice.call(n2);
+  var r2 = rn(n2);
+  delete r2[Q];
+  for (var t2 = nn(r2), e = 0; e < t2.length; e++) {
+    var i2 = t2[e], o2 = r2[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, e) {
+  return void 0 === e && (e = false), y(n2) || r(n2) || !t(n2) ? n2 : (o(n2) > 1 && (n2.set = n2.add = n2.clear = n2.delete = h), Object.freeze(n2), e && i(n2, function(n3, r2) {
+    return d(r2, true);
+  }, true), n2);
+}
+function h() {
+  n(2);
+}
+function y(n2) {
+  return null == n2 || "object" != typeof n2 || Object.isFrozen(n2);
+}
+function b(r2) {
+  var t2 = tn[r2];
+  return t2 || n(18, r2), t2;
+}
+function _() {
+  return "production" === process.env.NODE_ENV || U || n(0), U;
+}
+function j(n2, r2) {
+  r2 && (b("Patches"), n2.u = [], n2.s = [], n2.v = r2);
+}
+function O(n2) {
+  g(n2), n2.p.forEach(S), n2.p = null;
+}
+function g(n2) {
+  n2 === U && (U = n2.l);
+}
+function w(n2) {
+  return U = { p: [], l: U, h: n2, m: true, _: 0 };
+}
+function S(n2) {
+  var r2 = n2[Q];
+  0 === r2.i || 1 === r2.i ? r2.j() : r2.O = true;
+}
+function P(r2, e) {
+  e._ = e.p.length;
+  var i2 = e.p[0], o2 = void 0 !== r2 && r2 !== i2;
+  return e.h.g || b("ES5").S(e, r2, o2), o2 ? (i2[Q].P && (O(e), n(4)), t(r2) && (r2 = M(e, r2), e.l || x(e, r2)), e.u && b("Patches").M(i2[Q].t, r2, e.u, e.s)) : r2 = M(e, i2, []), O(e), e.u && e.v(e.u, e.s), r2 !== H ? r2 : void 0;
+}
+function M(n2, r2, t2) {
+  if (y(r2))
+    return r2;
+  var e = r2[Q];
+  if (!e)
+    return i(r2, function(i2, o3) {
+      return A(n2, e, r2, i2, o3, t2);
+    }, true), r2;
+  if (e.A !== n2)
+    return r2;
+  if (!e.P)
+    return x(n2, e.t, true), e.t;
+  if (!e.I) {
+    e.I = true, e.A._--;
+    var o2 = 4 === e.i || 5 === e.i ? e.o = l(e.k) : e.o;
+    i(3 === e.i ? new Set(o2) : o2, function(r3, i2) {
+      return A(n2, e, o2, r3, i2, t2);
+    }), x(n2, o2, false), t2 && n2.u && b("Patches").R(e, t2, n2.u, n2.s);
+  }
+  return e.o;
+}
+function A(e, i2, o2, a2, c2, s2) {
+  if ("production" !== process.env.NODE_ENV && c2 === o2 && n(5), r(c2)) {
+    var v2 = M(e, c2, s2 && i2 && 3 !== i2.i && !u(i2.D, a2) ? s2.concat(a2) : void 0);
+    if (f(o2, a2, v2), !r(v2))
+      return;
+    e.m = false;
+  }
+  if (t(c2) && !y(c2)) {
+    if (!e.h.F && e._ < 1)
+      return;
+    M(e, c2), i2 && i2.A.l || x(e, c2);
+  }
+}
+function x(n2, r2, t2) {
+  void 0 === t2 && (t2 = false), n2.h.F && n2.m && d(r2, t2);
+}
+function z(n2, r2) {
+  var t2 = n2[Q];
+  return (t2 ? p(t2) : n2)[r2];
+}
+function I(n2, r2) {
+  if (r2 in n2)
+    for (var t2 = Object.getPrototypeOf(n2); t2; ) {
+      var e = Object.getOwnPropertyDescriptor(t2, r2);
+      if (e)
+        return e;
+      t2 = Object.getPrototypeOf(t2);
+    }
+}
+function k(n2) {
+  n2.P || (n2.P = true, n2.l && k(n2.l));
+}
+function E(n2) {
+  n2.o || (n2.o = l(n2.t));
+}
+function R2(n2, r2, t2) {
+  var e = s(r2) ? b("MapSet").N(r2, t2) : v(r2) ? b("MapSet").T(r2, t2) : n2.g ? function(n3, r3) {
+    var t3 = Array.isArray(n3), e2 = { i: t3 ? 1 : 0, A: r3 ? r3.A : _(), P: false, I: false, D: {}, l: r3, t: n3, k: null, o: null, j: null, C: false }, i2 = e2, o2 = en;
+    t3 && (i2 = [e2], o2 = on);
+    var u2 = Proxy.revocable(i2, o2), a2 = u2.revoke, f2 = u2.proxy;
+    return e2.k = f2, e2.j = a2, f2;
+  }(r2, t2) : b("ES5").J(r2, t2);
+  return (t2 ? t2.A : _()).p.push(e), e;
+}
+function D(e) {
+  return r(e) || n(22, e), function n2(r2) {
+    if (!t(r2))
+      return r2;
+    var e2, u2 = r2[Q], c2 = o(r2);
+    if (u2) {
+      if (!u2.P && (u2.i < 4 || !b("ES5").K(u2)))
+        return u2.t;
+      u2.I = true, e2 = F(r2, c2), u2.I = false;
+    } else
+      e2 = F(r2, c2);
+    return i(e2, function(r3, t2) {
+      u2 && a(u2.t, r3) === t2 || f(e2, r3, n2(t2));
+    }), 3 === c2 ? new Set(e2) : e2;
+  }(e);
+}
+function F(n2, r2) {
+  switch (r2) {
+    case 2:
+      return new Map(n2);
+    case 3:
+      return Array.from(n2);
+  }
+  return l(n2);
+}
+var G;
+var U;
+var W = "undefined" != typeof Symbol && "symbol" == typeof Symbol("x");
+var X = "undefined" != typeof Map;
+var q = "undefined" != typeof Set;
+var B = "undefined" != typeof Proxy && void 0 !== Proxy.revocable && "undefined" != typeof Reflect;
+var H = W ? Symbol.for("immer-nothing") : ((G = {})["immer-nothing"] = true, G);
+var L = W ? Symbol.for("immer-draftable") : "__$immer_draftable";
+var Q = W ? Symbol.for("immer-state") : "__$immer_state";
+var Y = { 0: "Illegal state", 1: "Immer drafts cannot have computed properties", 2: "This object has been frozen and should not be mutated", 3: function(n2) {
+  return "Cannot use a proxy that has been revoked. Did you pass an object from inside an immer function to an async process? " + n2;
+}, 4: "An immer producer returned a new value *and* modified its draft. Either return a new value *or* modify the draft.", 5: "Immer forbids circular references", 6: "The first or second argument to `produce` must be a function", 7: "The third argument to `produce` must be a function or undefined", 8: "First argument to `createDraft` must be a plain object, an array, or an immerable object", 9: "First argument to `finishDraft` must be a draft returned by `createDraft`", 10: "The given draft is already finalized", 11: "Object.defineProperty() cannot be used on an Immer draft", 12: "Object.setPrototypeOf() cannot be used on an Immer draft", 13: "Immer only supports deleting array indices", 14: "Immer only supports setting array indices and the 'length' property", 15: function(n2) {
+  return "Cannot apply patch, path doesn't resolve: " + n2;
+}, 16: 'Sets cannot have "replace" patches.', 17: function(n2) {
+  return "Unsupported patch operation: " + n2;
+}, 18: function(n2) {
+  return "The plugin for '" + n2 + "' has not been loaded into Immer. To enable the plugin, import and call `enable" + n2 + "()` when initializing your application.";
+}, 20: "Cannot use proxies if Proxy, Proxy.revocable or Reflect are not available", 21: function(n2) {
+  return "produce can only be called on things that are draftable: plain objects, arrays, Map, Set or classes that are marked with '[immerable]: true'. Got '" + n2 + "'";
+}, 22: function(n2) {
+  return "'current' expects a draft, got: " + n2;
+}, 23: function(n2) {
+  return "'original' expects a draft, got: " + n2;
+}, 24: "Patching reserved attributes like __proto__, prototype and constructor is not allowed" };
+var Z = "" + Object.prototype.constructor;
+var nn = "undefined" != typeof Reflect && Reflect.ownKeys ? Reflect.ownKeys : void 0 !== Object.getOwnPropertySymbols ? function(n2) {
+  return Object.getOwnPropertyNames(n2).concat(Object.getOwnPropertySymbols(n2));
+} : Object.getOwnPropertyNames;
+var rn = Object.getOwnPropertyDescriptors || function(n2) {
+  var r2 = {};
+  return nn(n2).forEach(function(t2) {
+    r2[t2] = Object.getOwnPropertyDescriptor(n2, t2);
+  }), r2;
+};
+var tn = {};
+var en = { get: function(n2, r2) {
+  if (r2 === Q)
+    return n2;
+  var e = p(n2);
+  if (!u(e, r2))
+    return function(n3, r3, t2) {
+      var e2, i3 = I(r3, t2);
+      return i3 ? "value" in i3 ? i3.value : null === (e2 = i3.get) || void 0 === e2 ? void 0 : e2.call(n3.k) : void 0;
+    }(n2, e, r2);
+  var i2 = e[r2];
+  return n2.I || !t(i2) ? i2 : i2 === z(n2.t, r2) ? (E(n2), n2.o[r2] = R2(n2.A.h, i2, n2)) : i2;
+}, has: function(n2, r2) {
+  return r2 in p(n2);
+}, ownKeys: function(n2) {
+  return Reflect.ownKeys(p(n2));
+}, set: function(n2, r2, t2) {
+  var e = I(p(n2), r2);
+  if (null == e ? void 0 : e.set)
+    return e.set.call(n2.k, t2), true;
+  if (!n2.P) {
+    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) && (void 0 !== t2 || u(n2.t, r2)))
+      return true;
+    E(n2), k(n2);
+  }
+  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 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), e = Reflect.getOwnPropertyDescriptor(t2, r2);
+  return e ? { writable: true, configurable: 1 !== n2.i || "length" !== r2, enumerable: e.enumerable, value: t2[r2] } : e;
+}, defineProperty: function() {
+  n(11);
+}, getPrototypeOf: function(n2) {
+  return Object.getPrototypeOf(n2.t);
+}, setPrototypeOf: function() {
+  n(12);
+} };
+var on = {};
+i(en, function(n2, r2) {
+  on[n2] = function() {
+    return arguments[0] = arguments[0][0], r2.apply(this, arguments);
+  };
+}), on.deleteProperty = function(r2, t2) {
+  return "production" !== process.env.NODE_ENV && isNaN(parseInt(t2)) && n(13), on.set.call(this, r2, t2, void 0);
+}, on.set = function(r2, t2, e) {
+  return "production" !== process.env.NODE_ENV && "length" !== t2 && isNaN(parseInt(t2)) && n(14), en.set.call(this, r2[0], t2, e, r2[0]);
+};
+var un = function() {
+  function e(r2) {
+    var e2 = this;
+    this.g = B, this.F = true, this.produce = function(r3, i3, o2) {
+      if ("function" == typeof r3 && "function" != typeof i3) {
+        var u2 = i3;
+        i3 = r3;
+        var a2 = e2;
+        return function(n2) {
+          var r4 = this;
+          void 0 === n2 && (n2 = u2);
+          for (var t2 = arguments.length, e3 = Array(t2 > 1 ? t2 - 1 : 0), o3 = 1; o3 < t2; o3++)
+            e3[o3 - 1] = arguments[o3];
+          return a2.produce(n2, function(n3) {
+            var t3;
+            return (t3 = i3).call.apply(t3, [r4, n3].concat(e3));
+          });
+        };
+      }
+      var f2;
+      if ("function" != typeof i3 && n(6), void 0 !== o2 && "function" != typeof o2 && n(7), t(r3)) {
+        var c2 = w(e2), s2 = R2(e2, r3, void 0), v2 = true;
+        try {
+          f2 = i3(s2), v2 = false;
+        } finally {
+          v2 ? O(c2) : g(c2);
+        }
+        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 || "object" != typeof r3) {
+        if (void 0 === (f2 = i3(r3)) && (f2 = r3), f2 === H && (f2 = void 0), e2.F && d(f2, true), o2) {
+          var p2 = [], l2 = [];
+          b("Patches").M(r3, f2, p2, l2), o2(p2, l2);
+        }
+        return f2;
+      }
+      n(21, r3);
+    }, this.produceWithPatches = function(n2, r3) {
+      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];
+          return e2.produceWithPatches(r4, function(r5) {
+            return n2.apply(void 0, [r5].concat(i4));
+          });
+        };
+      var t2, i3, o2 = e2.produce(n2, r3, function(n3, r4) {
+        t2 = n3, i3 = r4;
+      });
+      return "undefined" != typeof Promise && o2 instanceof Promise ? o2.then(function(n3) {
+        return [n3, t2, i3];
+      }) : [o2, t2, i3];
+    }, "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 = e.prototype;
+  return i2.createDraft = function(e2) {
+    t(e2) || n(8), r(e2) && (e2 = D(e2));
+    var i3 = w(this), o2 = R2(this, e2, void 0);
+    return o2[Q].C = true, g(i3), o2;
+  }, i2.finishDraft = function(r2, t2) {
+    var e2 = r2 && r2[Q];
+    "production" !== process.env.NODE_ENV && (e2 && e2.C || n(9), e2.I && n(10));
+    var i3 = e2.A;
+    return j(i3, t2), P(void 0, i3);
+  }, i2.setAutoFreeze = function(n2) {
+    this.F = n2;
+  }, i2.setUseProxies = function(r2) {
+    r2 && !B && n(20), this.g = r2;
+  }, i2.applyPatches = function(n2, t2) {
+    var e2;
+    for (e2 = t2.length - 1; e2 >= 0; e2--) {
+      var i3 = t2[e2];
+      if (0 === i3.path.length && "replace" === i3.op) {
+        n2 = i3.value;
+        break;
+      }
+    }
+    e2 > -1 && (t2 = t2.slice(e2 + 1));
+    var o2 = b("Patches").$;
+    return r(n2) ? o2(n2, t2) : this.produce(n2, function(n3) {
+      return o2(n3, t2);
+    });
+  }, e;
+}();
+var an = new un();
+var fn = an.produce;
+var cn = an.produceWithPatches.bind(an);
+var sn = an.setAutoFreeze.bind(an);
+var vn = an.setUseProxies.bind(an);
+var pn = an.applyPatches.bind(an);
+var ln = an.createDraft.bind(an);
+var dn = an.finishDraft.bind(an);
+
+// ../../node_modules/zustand/esm/middleware/immer.mjs
+var immerImpl = (initializer) => (set, get2, store) => {
+  store.setState = (updater, replace2, ...a2) => {
+    const nextState = typeof updater === "function" ? fn(updater) : updater;
+    return set(nextState, replace2, ...a2);
+  };
+  return initializer(store.setState, get2, store);
+};
+var immer = immerImpl;
 
 // src/internal/logic/requestSubmit.ts
 var requestSubmit = (element, submitter) => {
@@ -322,8 +1121,8 @@ var insert = (array, index, value) => {
 };
 var insertEmpty = (array, index) => {
   const tail = sparseSplice(array, index);
-  tail.forEach((item, i) => {
-    sparseSplice(array, index + i + 1, 0, item);
+  tail.forEach((item, i2) => {
+    sparseSplice(array, index + i2 + 1, 0, item);
   });
 };
 var remove = (array, index) => {
@@ -1089,8 +1888,8 @@ var createFormState = (set, get2) => ({
     }
   }
 });
-var useRootFormStore = (0, import_zustand.create)()(
-  (0, import_immer.immer)((set, get2) => ({
+var useRootFormStore = create()(
+  immer((set, get2) => ({
     forms: {},
     form: (formId) => {
       var _a;
@@ -1121,7 +1920,7 @@ var useFormStore = (formId, selector) => {
 
 // src/internal/hooks.ts
 var useInternalFormContext = (formId, hookName) => {
-  const formContext = (0, import_react3.useContext)(InternalFormContext);
+  const formContext = (0, import_react4.useContext)(InternalFormContext);
   if (formId)
     return { formId };
   if (formContext)
@@ -1136,7 +1935,7 @@ function useErrorResponseForForm({
   formId
 }) {
   var _a;
-  const actionData = (0, import_react2.useActionData)();
+  const actionData = (0, import_react3.useActionData)();
   if (fetcher) {
     if ((_a = fetcher.data) == null ? void 0 : _a.fieldErrors)
       return fetcher.data;
@@ -1158,7 +1957,7 @@ var useFieldErrorsForForm = (context) => {
 var useDefaultValuesFromLoader = ({
   formId
 }) => {
-  const matches = (0, import_react2.useMatches)();
+  const matches = (0, import_react3.useMatches)();
   if (typeof formId === "string") {
     const dataKey = formDefaultValuesKey(formId);
     const match = matches.reverse().find(
@@ -1189,14 +1988,14 @@ var useDefaultValuesForForm = (context) => {
 var useHasActiveFormSubmit = ({
   fetcher
 }) => {
-  let navigation = (0, import_react2.useNavigation)();
+  let navigation = (0, import_react3.useNavigation)();
   const hasActiveSubmission = fetcher ? fetcher.state === "submitting" : navigation.state === "submitting" || navigation.state === "loading";
   return hasActiveSubmission;
 };
 var useFieldTouched = (field, { formId }) => {
   const touched = useFormStore(formId, (state) => state.touchedFields[field]);
   const setFieldTouched = useFormStore(formId, (state) => state.setTouched);
-  const setTouched = (0, import_react3.useCallback)(
+  const setTouched = (0, import_react4.useCallback)(
     (touched2) => setFieldTouched(field, touched2),
     [field, setFieldTouched]
   );
@@ -1259,7 +2058,7 @@ var useFormSubactionProp = (formId) => useFormStore(formId, (state) => {
 var useFormValues = (formId) => useFormStore(formId, (state) => state.getValues);
 
 // src/internal/state/controlledFields.ts
-var import_react4 = require("react");
+var import_react5 = require("react");
 var useControlledFieldValue = (context, field) => {
   const value = useFormStore(
     context.formId,
@@ -1277,7 +2076,7 @@ var useRegisterControlledField = (context, field) => {
     context.formId,
     (state) => state.controlledFields.valueUpdateResolvers[field]
   );
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     resolveUpdate == null ? void 0 : resolveUpdate();
   }, [resolveUpdate]);
   const register = useFormStore(
@@ -1288,7 +2087,7 @@ var useRegisterControlledField = (context, field) => {
     context.formId,
     (state) => state.controlledFields.unregister
   );
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     register(field);
     return () => unregister(field);
   }, [context.formId, field, register, unregister]);
@@ -1299,7 +2098,7 @@ var useControllableValue = (context, field) => {
     context.formId,
     (state) => state.controlledFields.setValue
   );
-  const setValue = (0, import_react4.useCallback)(
+  const setValue = (0, import_react5.useCallback)(
     (value2) => setControlledFieldValue(field, value2),
     [field, setControlledFieldValue]
   );
@@ -1311,7 +2110,7 @@ var useUpdateControllableValue = (formId) => {
     formId,
     (state) => state.controlledFields.setValue
   );
-  return (0, import_react4.useCallback)(
+  return (0, import_react5.useCallback)(
     (field, value) => setValue(field, value),
     [setValue]
   );
@@ -1336,11 +2135,11 @@ var useField = (name, options) => {
   const hasBeenSubmitted = useInternalHasBeenSubmitted(formContext.formId);
   const smartValidate = useSmartValidate(formContext.formId);
   const registerReceiveFocus = useRegisterReceiveFocus(formContext.formId);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (handleReceiveFocus)
       return registerReceiveFocus(name, handleReceiveFocus);
   }, [handleReceiveFocus, name, registerReceiveFocus]);
-  const field = (0, import_react5.useMemo)(() => {
+  const field = (0, import_react6.useMemo)(() => {
     const helpers = {
       error,
       clearError: () => clearError(name),
@@ -1400,12 +2199,12 @@ var setFormDefaults = (formId, defaultValues) => ({
 });
 
 // src/ValidatedForm.tsx
-var import_react9 = require("@remix-run/react");
-var import_react10 = require("react");
-var R3 = __toESM(require("remeda"));
+var import_react10 = require("@remix-run/react");
+var import_react11 = require("react");
+var R4 = __toESM(require("remeda"));
 
 // src/internal/MultiValueMap.ts
-var import_react6 = require("react");
+var import_react7 = require("react");
 var MultiValueMap = class {
   constructor() {
     this.dict = /* @__PURE__ */ new Map();
@@ -1439,8 +2238,8 @@ var MultiValueMap = class {
   }
 };
 var useMultiValueMap = () => {
-  const ref = (0, import_react6.useRef)(null);
-  return (0, import_react6.useCallback)(() => {
+  const ref = (0, import_react7.useRef)(null);
+  return (0, import_react7.useCallback)(() => {
     if (ref.current)
       return ref.current;
     ref.current = new MultiValueMap();
@@ -1449,10 +2248,10 @@ var useMultiValueMap = () => {
 };
 
 // src/internal/submissionCallbacks.ts
-var import_react7 = require("react");
+var import_react8 = require("react");
 function useSubmitComplete(isSubmitting, callback) {
-  const isPending = (0, import_react7.useRef)(false);
-  (0, import_react7.useEffect)(() => {
+  const isPending = (0, import_react8.useRef)(false);
+  (0, import_react8.useEffect)(() => {
     if (isSubmitting) {
       isPending.current = true;
     }
@@ -1464,8 +2263,8 @@ function useSubmitComplete(isSubmitting, callback) {
 }
 
 // src/internal/util.ts
-var import_react8 = require("react");
-var R2 = __toESM(require("remeda"));
+var import_react9 = require("react");
+var R3 = __toESM(require("remeda"));
 var mergeRefs = (refs) => {
   return (value) => {
     refs.filter(Boolean).forEach((ref) => {
@@ -1477,11 +2276,11 @@ var mergeRefs = (refs) => {
     });
   };
 };
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react8.useLayoutEffect : import_react8.useEffect;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react9.useLayoutEffect : import_react9.useEffect;
 var useDeepEqualsMemo = (item) => {
-  const ref = (0, import_react8.useRef)(item);
-  const areEqual = ref.current === item || R2.equals(ref.current, item);
-  (0, import_react8.useEffect)(() => {
+  const ref = (0, import_react9.useRef)(item);
+  const areEqual = ref.current === item || R3.equals(ref.current, item);
+  (0, import_react9.useEffect)(() => {
     if (!areEqual) {
       ref.current = item;
     }
@@ -1503,7 +2302,7 @@ var focusFirstInvalidInput = (fieldErrors, customFocusHandlers, formElement) =>
       return input.name;
     return null;
   }).filter(nonNull).filter((name) => name in fieldErrors);
-  const uniqueNamesInOrder = R3.uniq(namesInOrder);
+  const uniqueNamesInOrder = R4.uniq(namesInOrder);
   for (const fieldName of uniqueNamesInOrder) {
     if (customFocusHandlers.has(fieldName)) {
       customFocusHandlers.getAll(fieldName).forEach((handler) => {
@@ -1533,7 +2332,7 @@ var focusFirstInvalidInput = (fieldErrors, customFocusHandlers, formElement) =>
   }
 };
 var useFormId = (providedId) => {
-  const [symbolId] = (0, import_react10.useState)(() => Symbol("remix-validated-form-id"));
+  const [symbolId] = (0, import_react11.useState)(() => Symbol("remix-validated-form-id"));
   return providedId != null ? providedId : symbolId;
 };
 var FormResetter = ({
@@ -1589,7 +2388,7 @@ function ValidatedForm({
   var _a;
   const formId = useFormId(id);
   const providedDefaultValues = useDeepEqualsMemo(unMemoizedDefaults);
-  const contextValue = (0, import_react10.useMemo)(
+  const contextValue = (0, import_react11.useMemo)(
     () => ({
       formId,
       action,
@@ -1602,9 +2401,9 @@ function ValidatedForm({
   const backendError = useErrorResponseForForm(contextValue);
   const backendDefaultValues = useDefaultValuesFromLoader(contextValue);
   const hasActiveSubmission = useHasActiveFormSubmit(contextValue);
-  const formRef = (0, import_react10.useRef)(null);
-  const Form = (_a = fetcher == null ? void 0 : fetcher.Form) != null ? _a : import_react9.Form;
-  const submit = (0, import_react9.useSubmit)();
+  const formRef = (0, import_react11.useRef)(null);
+  const Form = (_a = fetcher == null ? void 0 : fetcher.Form) != null ? _a : import_react10.Form;
+  const submit = (0, import_react10.useSubmit)();
   const setFieldErrors = useSetFieldErrors(formId);
   const setFieldError = useFormStore(formId, (state) => state.setFieldError);
   const reset = useFormStore(formId, (state) => state.reset);
@@ -1618,7 +2417,7 @@ function ValidatedForm({
   const cleanupForm = useRootFormStore((state) => state.cleanupForm);
   const registerForm = useRootFormStore((state) => state.registerForm);
   const customFocusHandlers = useMultiValueMap();
-  const registerReceiveFocus = (0, import_react10.useCallback)(
+  const registerReceiveFocus = (0, import_react11.useCallback)(
     (fieldName, handler) => {
       customFocusHandlers().add(fieldName, handler);
       return () => {
@@ -1652,7 +2451,7 @@ function ValidatedForm({
   useIsomorphicLayoutEffect(() => {
     setFormElementInState(formRef.current);
   }, [setFormElementInState]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     var _a2;
     setFieldErrors((_a2 = backendError == null ? void 0 : backendError.fieldErrors) != null ? _a2 : {});
     if (!disableFocusOnError && (backendError == null ? void 0 : backendError.fieldErrors)) {
@@ -1750,7 +2549,7 @@ function ValidatedForm({
 }
 
 // src/validation/createValidator.ts
-var R4 = __toESM(require("remeda"));
+var R5 = __toESM(require("remeda"));
 
 // src/internal/flatten.ts
 var objectFromPathEntries = (entries) => {
@@ -1768,7 +2567,7 @@ var preprocessFormData = (data) => {
     return objectFromPathEntries([...data.entries()]);
   return objectFromPathEntries(Object.entries(data));
 };
-var omitInternalFields = (data) => R4.omit(data, [FORM_ID_FIELD]);
+var omitInternalFields = (data) => R5.omit(data, [FORM_ID_FIELD]);
 function createValidator(validator) {
   return {
     validate: async (value) => {
@@ -1798,10 +2597,10 @@ function createValidator(validator) {
 }
 
 // src/userFacingFormContext.ts
-var import_react12 = require("react");
+var import_react13 = require("react");
 
 // src/unreleased/formStateHooks.ts
-var import_react11 = require("react");
+var import_react12 = require("react");
 var useFormState = (formId) => {
   const formContext = useInternalFormContext(formId, "useFormState");
   const isSubmitting = useInternalIsSubmitting(formContext.formId);
@@ -1816,7 +2615,7 @@ var useFormState = (formId) => {
   const fieldErrorsFromState = useFieldErrors(formContext.formId);
   const fieldErrorsToUse = useFieldErrorsForForm(formContext);
   const hydratedFieldErrors = fieldErrorsToUse.hydrateTo(fieldErrorsFromState);
-  return (0, import_react11.useMemo)(
+  return (0, import_react12.useMemo)(
     () => ({
       action,
       subaction,
@@ -1849,7 +2648,7 @@ var useFormHelpers = (formId) => {
   const reset = useResetFormElement(formContext.formId);
   const submit = useSubmitForm(formContext.formId);
   const getValues = useFormValues(formContext.formId);
-  return (0, import_react11.useMemo)(
+  return (0, import_react12.useMemo)(
     () => ({
       setTouched,
       validateField: async (fieldName) => {
@@ -1894,7 +2693,7 @@ var useFormContext = (formId) => {
     getValues
   } = useFormHelpers(formId);
   const registerReceiveFocus = useRegisterReceiveFocus(context.formId);
-  const clearError = (0, import_react12.useCallback)(
+  const clearError = (0, import_react13.useCallback)(
     (...names) => {
       names.forEach((name) => {
         internalClearError(name);
@@ -1902,7 +2701,7 @@ var useFormContext = (formId) => {
     },
     [internalClearError]
   );
-  return (0, import_react12.useMemo)(
+  return (0, import_react13.useMemo)(
     () => ({
       ...state,
       setFieldTouched: setTouched,
@@ -1932,8 +2731,8 @@ var useFormContext = (formId) => {
 
 // src/internal/state/fieldArray.tsx
 var import_nanoid = require("nanoid");
-var import_react13 = require("react");
 var import_react14 = require("react");
+var import_react15 = require("react");
 var import_tiny_invariant4 = __toESM(require("tiny-invariant"));
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var useInternalFieldArray = (context, field, validationBehavior) => {
@@ -1948,7 +2747,7 @@ var useInternalFieldArray = (context, field, validationBehavior) => {
     ...validationBehavior
   };
   const behavior = hasBeenSubmitted ? resolvedValidationBehavior.whenSubmitted : resolvedValidationBehavior.initial;
-  const maybeValidate = (0, import_react14.useCallback)(() => {
+  const maybeValidate = (0, import_react15.useCallback)(() => {
     if (behavior === "onChange") {
       validateField({ alwaysIncludeErrorsFromFields: [field] });
     }
@@ -1961,12 +2760,12 @@ var useInternalFieldArray = (context, field, validationBehavior) => {
     context.formId,
     (state) => state.controlledFields.array
   );
-  const arrayValue = (0, import_react13.useMemo)(() => value != null ? value : [], [value]);
-  const keyRef = (0, import_react13.useRef)([]);
+  const arrayValue = (0, import_react14.useMemo)(() => value != null ? value : [], [value]);
+  const keyRef = (0, import_react14.useRef)([]);
   if (keyRef.current.length !== arrayValue.length) {
     keyRef.current = arrayValue.map(() => (0, import_nanoid.nanoid)());
   }
-  const helpers = (0, import_react13.useMemo)(
+  const helpers = (0, import_react14.useMemo)(
     () => ({
       push: (item) => {
         arr.push(field, item);
@@ -2011,7 +2810,7 @@ var useInternalFieldArray = (context, field, validationBehavior) => {
     }),
     [arr, field, maybeValidate]
   );
-  const valueWithKeys = (0, import_react13.useMemo)(() => {
+  const valueWithKeys = (0, import_react14.useMemo)(() => {
     const result = [];
     arrayValue.forEach((item, index) => {
       result[index] = {
@@ -2056,4 +2855,40 @@ function FieldArray({
   useUpdateControlledField,
   validationError
 });
+/**
+ * @license React
+ * use-sync-external-store-shim.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license React
+ * use-sync-external-store-shim.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license React
+ * use-sync-external-store-shim/with-selector.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license React
+ * use-sync-external-store-shim/with-selector.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 //# sourceMappingURL=index.cjs.js.map