remix-validated-form 4.6.5 → 4.6.7

package/dist/{remix-validated-form.es.js → index.esm.js}

@@ -1,177 +1,11 @@
-import React, { createContext, useDebugValue, useContext, useCallback, useEffect, useMemo, useRef, useLayoutEffect, useState } from "react";
-import { useActionData, useMatches, useTransition, Form, useSubmit } from "@remix-run/react";
-var __spreadArray = globalThis && globalThis.__spreadArray || function(to, from2, pack) {
-  if (pack || arguments.length === 2)
-    for (var i2 = 0, l2 = from2.length, ar; i2 < l2; i2++) {
-      if (ar || !(i2 in from2)) {
-        if (!ar)
-          ar = Array.prototype.slice.call(from2, 0, i2);
-        ar[i2] = from2[i2];
-      }
-    }
-  return to.concat(ar || Array.prototype.slice.call(from2));
-};
-function purry(fn2, args, lazy) {
-  var diff = fn2.length - args.length;
-  var arrayArgs = Array.from(args);
-  if (diff === 0) {
-    return fn2.apply(void 0, arrayArgs);
-  }
-  if (diff === 1) {
-    var ret = function(data) {
-      return fn2.apply(void 0, __spreadArray([data], arrayArgs, false));
-    };
-    if (lazy || fn2.lazy) {
-      ret.lazy = lazy || fn2.lazy;
-      ret.lazyArgs = args;
-    }
-    return ret;
-  }
-  throw new Error("Wrong number of arguments");
-}
-function _reduceLazy(array, lazy, indexed) {
-  return array.reduce(function(acc, item, index) {
-    var result = indexed ? lazy(item, index, array) : lazy(item);
-    if (result.hasMany === true) {
-      acc.push.apply(acc, result.next);
-    } else if (result.hasNext === true) {
-      acc.push(result.next);
-    }
-    return acc;
-  }, []);
-}
-var isArray = Array.isArray;
-var keyList = Object.keys;
-var hasProp = Object.prototype.hasOwnProperty;
-function equals() {
-  return purry(_equals, arguments);
-}
-function _equals(a2, b2) {
-  if (a2 === b2) {
-    return true;
-  }
-  if (a2 && b2 && typeof a2 === "object" && typeof b2 === "object") {
-    var arrA = isArray(a2);
-    var arrB = isArray(b2);
-    var i2 = void 0;
-    var length = void 0;
-    var key = void 0;
-    if (arrA && arrB) {
-      length = a2.length;
-      if (length !== b2.length) {
-        return false;
-      }
-      for (i2 = length; i2-- !== 0; ) {
-        if (!equals(a2[i2], b2[i2])) {
-          return false;
-        }
-      }
-      return true;
-    }
-    if (arrA !== arrB) {
-      return false;
-    }
-    var dateA = a2 instanceof Date;
-    var dateB = b2 instanceof Date;
-    if (dateA !== dateB) {
-      return false;
-    }
-    if (dateA && dateB) {
-      return a2.getTime() === b2.getTime();
-    }
-    var regexpA = a2 instanceof RegExp;
-    var regexpB = b2 instanceof RegExp;
-    if (regexpA !== regexpB) {
-      return false;
-    }
-    if (regexpA && regexpB) {
-      return a2.toString() === b2.toString();
-    }
-    var keys = keyList(a2);
-    length = keys.length;
-    if (length !== keyList(b2).length) {
-      return false;
-    }
-    for (i2 = length; i2-- !== 0; ) {
-      if (!hasProp.call(b2, keys[i2])) {
-        return false;
-      }
-    }
-    for (i2 = length; i2-- !== 0; ) {
-      key = keys[i2];
-      if (!equals(a2[key], b2[key])) {
-        return false;
-      }
-    }
-    return true;
-  }
-  return a2 !== a2 && b2 !== b2;
-}
-function omit() {
-  return purry(_omit, arguments);
-}
-function _omit(object, names) {
-  var set = new Set(names);
-  return Object.entries(object).reduce(function(acc, _a) {
-    var name = _a[0], value = _a[1];
-    if (!set.has(name)) {
-      acc[name] = value;
-    }
-    return acc;
-  }, {});
-}
-function omitBy() {
-  return purry(_omitBy, arguments);
-}
-function _omitBy(object, fn2) {
-  return Object.keys(object).reduce(function(acc, key) {
-    if (!fn2(object[key], key)) {
-      acc[key] = object[key];
-    }
-    return acc;
-  }, {});
-}
-function pathOr() {
-  return purry(_pathOr, arguments);
-}
-function _pathOr(object, path, defaultValue) {
-  var current = object;
-  for (var _i = 0, path_1 = path; _i < path_1.length; _i++) {
-    var prop = path_1[_i];
-    if (current == null || current[prop] == null) {
-      return defaultValue;
-    }
-    current = current[prop];
-  }
-  return current;
-}
-function uniq() {
-  return purry(_uniq, arguments, uniq.lazy);
-}
-function _uniq(array) {
-  return _reduceLazy(array, uniq.lazy());
-}
-(function(uniq2) {
-  function lazy() {
-    var set = /* @__PURE__ */ new Set();
-    return function(value) {
-      if (set.has(value)) {
-        return {
-          done: false,
-          hasNext: false
-        };
-      }
-      set.add(value);
-      return {
-        done: false,
-        hasNext: true,
-        next: value
-      };
-    };
-  }
-  uniq2.lazy = lazy;
-})(uniq || (uniq = {}));
-const getCheckboxChecked = (checkboxValue = "on", newValue) => {
+// src/hooks.ts
+import { useEffect as useEffect2, useMemo } from "react";
+
+// src/internal/getInputProps.ts
+import * as R from "remeda";
+
+// src/internal/logic/getCheckboxChecked.ts
+var getCheckboxChecked = (checkboxValue = "on", newValue) => {
   if (Array.isArray(newValue))
     return newValue.some((val) => val === true || val === checkboxValue);
   if (typeof newValue === "boolean")
@@ -180,17 +14,31 @@ const getCheckboxChecked = (checkboxValue = "on", newValue) => {
     return newValue === checkboxValue;
   return void 0;
 };
-const getRadioChecked = (radioValue = "on", newValue) => {
+
+// src/internal/logic/getRadioChecked.ts
+var getRadioChecked = (radioValue = "on", newValue) => {
   if (typeof newValue === "string")
     return newValue === radioValue;
   return void 0;
 };
-const defaultValidationBehavior = {
+if (void 0) {
+  const { it, expect } = void 0;
+  it("getRadioChecked", () => {
+    expect(getRadioChecked("on", "on")).toBe(true);
+    expect(getRadioChecked("on", void 0)).toBe(void 0);
+    expect(getRadioChecked("trueValue", void 0)).toBe(void 0);
+    expect(getRadioChecked("trueValue", "bob")).toBe(false);
+    expect(getRadioChecked("trueValue", "trueValue")).toBe(true);
+  });
+}
+
+// src/internal/getInputProps.ts
+var defaultValidationBehavior = {
   initial: "onBlur",
   whenTouched: "onChange",
   whenSubmitted: "onChange"
 };
-const createGetInputProps = ({
+var createGetInputProps = ({
   clearError,
   validate,
   defaultValue,
@@ -232,19 +80,27 @@ const createGetInputProps = ({
     } else if (props.value === void 0) {
       inputProps.defaultValue = defaultValue;
     }
-    return omitBy(inputProps, (value) => value === void 0);
+    return R.omitBy(inputProps, (value) => value === void 0);
   };
 };
-const stringToPathArray = (path) => {
+
+// src/internal/hooks.ts
+import { useActionData, useMatches, useTransition } from "@remix-run/react";
+import { useCallback, useContext } from "react";
+
+// ../set-get/src/stringToPathArray.ts
+var stringToPathArray = (path) => {
   if (path.length === 0)
     return [];
   const match = path.match(/^\[(.+?)\](.*)$/) || path.match(/^\.?([^\.\[\]]+)(.*)$/);
   if (match) {
-    const [_2, key, rest] = match;
+    const [_, key, rest] = match;
     return [/^\d+$/.test(key) ? Number(key) : key, ...stringToPathArray(rest)];
   }
   return [path];
 };
+
+// ../set-get/src/setPath.ts
 function setPath(object, path, defaultValue) {
   return _setPathNormalized(object, stringToPathArray(path), defaultValue);
 }
@@ -253,10 +109,10 @@ function _setPathNormalized(object, path, value) {
   const leadingSegments = path.slice(0, -1);
   const lastSegment = path[path.length - 1];
   let obj = object;
-  for (let i2 = 0; i2 < leadingSegments.length; i2++) {
-    const segment = leadingSegments[i2];
+  for (let i = 0; i < leadingSegments.length; i++) {
+    const segment = leadingSegments[i];
     if (obj[segment] === void 0) {
-      const nextSegment = (_a = leadingSegments[i2 + 1]) != null ? _a : lastSegment;
+      const nextSegment = (_a = leadingSegments[i + 1]) != null ? _a : lastSegment;
       obj[segment] = typeof nextSegment === "number" ? [] : {};
     }
     obj = obj[segment];
@@ -264,546 +120,48 @@ function _setPathNormalized(object, path, value) {
   obj[lastSegment] = value;
   return object;
 }
-const getPath = (object, path) => pathOr(object, stringToPathArray(path), void 0);
-var isProduction = true;
-var prefix = "Invariant failed";
-function invariant(condition, message) {
-  if (condition) {
-    return;
-  }
-  if (isProduction) {
-    throw new Error(prefix);
-  }
-  var provided = typeof message === "function" ? message() : message;
-  var value = provided ? "".concat(prefix, ": ").concat(provided) : prefix;
-  throw new Error(value);
-}
-const FORM_ID_FIELD = "__rvfInternalFormId";
-const FORM_DEFAULTS_FIELD = "__rvfInternalFormDefaults";
-const formDefaultValuesKey = (formId) => `${FORM_DEFAULTS_FIELD}_${formId}`;
-const InternalFormContext = createContext(null);
-const serverData = (data) => ({
+
+// ../set-get/src/getPath.ts
+import get from "lodash.get";
+var getPath = (object, path) => {
+  return get(object, path);
+};
+
+// src/internal/hooks.ts
+import invariant3 from "tiny-invariant";
+
+// src/internal/constants.ts
+var FORM_ID_FIELD = "__rvfInternalFormId";
+var FORM_DEFAULTS_FIELD = "__rvfInternalFormDefaults";
+var formDefaultValuesKey = (formId) => `${FORM_DEFAULTS_FIELD}_${formId}`;
+
+// src/internal/formContext.ts
+import { createContext } from "react";
+var InternalFormContext = createContext(null);
+
+// src/internal/hydratable.ts
+var serverData = (data) => ({
   hydrateTo: () => data,
-  map: (fn2) => serverData(fn2(data))
+  map: (fn) => serverData(fn(data))
 });
-const hydratedData = () => ({
+var hydratedData = () => ({
   hydrateTo: (hydratedData2) => hydratedData2,
   map: () => hydratedData()
 });
-const from = (data, hydrated) => hydrated ? hydratedData() : serverData(data);
-const hydratable = {
+var from = (data, hydrated) => hydrated ? hydratedData() : serverData(data);
+var hydratable = {
   serverData,
   hydratedData,
   from
 };
-const 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 = () => listeners.clear();
-  const api = { setState, getState, subscribe, destroy };
-  state = createState(setState, getState, api);
-  return api;
-};
-const createStore = (createState) => createState ? createStoreImpl(createState) : createStoreImpl;
-var withSelector = { exports: {} };
-var withSelector_production_min = {};
-var shim = { exports: {} };
-var useSyncExternalStoreShim_production_min = {};
-/**
- * @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.
- */
-var e = React;
-function h$2(a2, b2) {
-  return a2 === b2 && (0 !== a2 || 1 / a2 === 1 / b2) || a2 !== a2 && b2 !== b2;
-}
-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() {
-    c2.value = d2;
-    c2.getSnapshot = b2;
-    r$2(c2) && g2({ inst: c2 });
-  }, [a2, d2, b2]);
-  m(function() {
-    r$2(c2) && g2({ inst: c2 });
-    return a2(function() {
-      r$2(c2) && g2({ inst: c2 });
-    });
-  }, [a2]);
-  p$2(d2);
-  return d2;
-}
-function r$2(a2) {
-  var b2 = a2.getSnapshot;
-  a2 = a2.value;
-  try {
-    var d2 = b2();
-    return !k$1(a2, d2);
-  } catch (f2) {
-    return true;
-  }
-}
-function t$2(a2, b2) {
-  return b2();
-}
-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;
-}
-/**
- * @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.
- */
-var h$1 = React, n$1 = shim.exports;
-function p$1(a2, b2) {
-  return a2 === b2 && (0 !== a2 || 1 / a2 === 1 / b2) || a2 !== a2 && b2 !== b2;
-}
-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 (null === c2.current) {
-    var f2 = { hasValue: false, value: null };
-    c2.current = f2;
-  } else
-    f2 = c2.current;
-  c2 = v$1(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 (q$1(d3, a4))
-        return b3;
-      var e3 = l2(a4);
-      if (void 0 !== g2 && g2(b3, e3))
-        return b3;
-      d3 = a4;
-      return k2 = e3;
-    }
-    var c3 = false, d3, k2, m2 = void 0 === e2 ? null : e2;
-    return [function() {
-      return a3(b2());
-    }, null === m2 ? void 0 : function() {
-      return a3(m2());
-    }];
-  }, [b2, e2, l2, g2]);
-  var d2 = r$1(a2, c2[0], c2[1]);
-  u$1(function() {
-    f2.hasValue = true;
-    f2.value = d2;
-  }, [d2]);
-  w$1(d2);
-  return d2;
-};
-{
-  withSelector.exports = withSelector_production_min;
-}
-var useSyncExternalStoreExports = withSelector.exports;
-const { useSyncExternalStoreWithSelector } = useSyncExternalStoreExports;
-function useStore(api, selector = api.getState, equalityFn) {
-  const slice = useSyncExternalStoreWithSelector(
-    api.subscribe,
-    api.getState,
-    api.getServerState || api.getState,
-    selector,
-    equalityFn
-  );
-  useDebugValue(slice);
-  return slice;
-}
-const createImpl = (createState) => {
-  const api = typeof createState === "function" ? createStore(createState) : createState;
-  const useBoundStore = (selector, equalityFn) => useStore(api, selector, equalityFn);
-  Object.assign(useBoundStore, api);
-  return useBoundStore;
-};
-const create = (createState) => createState ? createImpl(createState) : createImpl;
-function n(n2) {
-  for (var r2 = arguments.length, t2 = Array(r2 > 1 ? r2 - 1 : 0), e2 = 1; e2 < r2; e2++)
-    t2[e2 - 1] = arguments[e2];
-  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(e2) {
-    t2 && "symbol" == typeof e2 || r2(e2, n2[e2], n2);
-  }) : n2.forEach(function(t3, e2) {
-    return r2(e2, 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 e2 = o(n2);
-  2 === e2 ? n2.set(r2, t2) : 3 === e2 ? (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), e2 = 0; e2 < t2.length; e2++) {
-    var i2 = t2[e2], 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, e2) {
-  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);
-}
-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 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, e2) {
-  e2._ = e2.p.length;
-  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) {
-  if (y(r2))
-    return r2;
-  var e2 = r2[Q];
-  if (!e2)
-    return i(r2, function(i2, o3) {
-      return A(n2, e2, r2, i2, o3, t2);
-    }, true), r2;
-  if (e2.A !== n2)
-    return r2;
-  if (!e2.P)
-    return x(n2, e2.t, true), e2.t;
-  if (!e2.I) {
-    e2.I = true, e2.A._--;
-    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);
-  }
-  return e2.o;
-}
-function A(e2, i2, o2, a2, c2, s2) {
-  if (r(c2)) {
-    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;
-  }
-  if (t(c2) && !y(c2)) {
-    if (!e2.h.F && e2._ < 1)
-      return;
-    M(e2, c2), i2 && i2.A.l || x(e2, 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 e2 = Object.getOwnPropertyDescriptor(t2, r2);
-      if (e2)
-        return e2;
-      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 R(n2, r2, t2) {
-  var e2 = s(r2) ? b("MapSet").N(r2, t2) : v(r2) ? b("MapSet").T(r2, t2) : n2.g ? function(n3, r3) {
-    var t3 = Array.isArray(n3), e3 = { 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 = e3, o2 = en;
-    t3 && (i2 = [e3], o2 = on);
-    var u2 = Proxy.revocable(i2, o2), a2 = u2.revoke, f2 = u2.proxy;
-    return e3.k = f2, e3.j = a2, f2;
-  }(r2, t2) : b("ES5").J(r2, t2);
-  return (t2 ? t2.A : _()).p.push(e2), e2;
-}
-function D(e2) {
-  return r(e2) || n(22, e2), function n2(r2) {
-    if (!t(r2))
-      return r2;
-    var e3, u2 = r2[Q], c2 = o(r2);
-    if (u2) {
-      if (!u2.P && (u2.i < 4 || !b("ES5").K(u2)))
-        return u2.t;
-      u2.I = true, e3 = F(r2, c2), u2.I = false;
-    } else
-      e3 = F(r2, c2);
-    return i(e3, function(r3, t2) {
-      u2 && a(u2.t, r3) === t2 || f(e3, r3, n2(t2));
-    }), 3 === c2 ? new Set(e3) : e3;
-  }(e2);
-}
-function F(n2, r2) {
-  switch (r2) {
-    case 2:
-      return new Map(n2);
-    case 3:
-      return Array.from(n2);
-  }
-  return l(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 = {};
-  return nn(n2).forEach(function(t2) {
-    r2[t2] = Object.getOwnPropertyDescriptor(n2, t2);
-  }), r2;
-}, tn = {}, en = { get: function(n2, r2) {
-  if (r2 === Q)
-    return n2;
-  var e2 = p(n2);
-  if (!u(e2, r2))
-    return function(n3, r3, t2) {
-      var e3, i3 = I(r3, t2);
-      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;
-}, has: function(n2, r2) {
-  return r2 in p(n2);
-}, ownKeys: function(n2) {
-  return Reflect.ownKeys(p(n2));
-}, set: function(n2, r2, t2) {
-  var e2 = I(p(n2), r2);
-  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 = 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), e2 = Reflect.getOwnPropertyDescriptor(t2, r2);
-  return e2 ? { writable: true, configurable: 1 !== n2.i || "length" !== r2, enumerable: e2.enumerable, value: t2[r2] } : e2;
-}, defineProperty: function() {
-  n(11);
-}, getPrototypeOf: function(n2) {
-  return Object.getPrototypeOf(n2.t);
-}, setPrototypeOf: function() {
-  n(12);
-} }, 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 on.set.call(this, r2, t2, void 0);
-}, on.set = function(r2, t2, e2) {
-  return en.set.call(this, r2[0], t2, e2, r2[0]);
-};
-var un = function() {
-  function e2(r2) {
-    var e3 = 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 = e3;
-        return function(n2) {
-          var r4 = this;
-          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) {
-            var t3;
-            return (t3 = i3).call.apply(t3, [r4, n3].concat(e4));
-          });
-        };
-      }
-      var f2;
-      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 "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), e3.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 e3.produceWithPatches(r4, function(r5) {
-            return n2.apply(void 0, [r5].concat(i4));
-          });
-        };
-      var t2, i3, o2 = e3.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 = e2.prototype;
-  return i2.createDraft = function(e3) {
-    t(e3) || n(8), r(e3) && (e3 = D(e3));
-    var i3 = w(this), o2 = R(this, e3, void 0);
-    return o2[Q].C = true, g(i3), o2;
-  }, i2.finishDraft = function(r2, t2) {
-    var e3 = r2 && r2[Q];
-    var i3 = e3.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 e3;
-    for (e3 = t2.length - 1; e3 >= 0; e3--) {
-      var i3 = t2[e3];
-      if (0 === i3.path.length && "replace" === i3.op) {
-        n2 = i3.value;
-        break;
-      }
-    }
-    e3 > -1 && (t2 = t2.slice(e3 + 1));
-    var o2 = b("Patches").$;
-    return r(n2) ? o2(n2, t2) : this.produce(n2, function(n3) {
-      return o2(n3, t2);
-    });
-  }, e2;
-}(), an = new un(), fn = an.produce;
-an.produceWithPatches.bind(an);
-an.setAutoFreeze.bind(an);
-an.setUseProxies.bind(an);
-an.applyPatches.bind(an);
-an.createDraft.bind(an);
-an.finishDraft.bind(an);
-const immerImpl = (initializer) => (set, get, store) => {
-  store.setState = (updater, replace2, ...a2) => {
-    const nextState = typeof updater === "function" ? fn(updater) : updater;
-    return set(nextState, replace2, ...a2);
-  };
-  return initializer(store.setState, get, store);
-};
-const immer = immerImpl;
-const requestSubmit = (element, submitter) => {
+
+// src/internal/state/createFormStore.ts
+import invariant2 from "tiny-invariant";
+import create from "zustand";
+import { immer } from "zustand/middleware/immer";
+
+// src/internal/logic/requestSubmit.ts
+var requestSubmit = (element, submitter) => {
   if (typeof Object.getPrototypeOf(element).requestSubmit === "function" && true) {
     element.requestSubmit(submitter);
     return;
@@ -842,7 +200,38 @@ function raise(errorConstructor, message, name) {
     name
   );
 }
-const getArray = (values, field) => {
+if (void 0) {
+  const { it, expect } = void 0;
+  it("should validate the submitter", () => {
+    const form = document.createElement("form");
+    document.body.appendChild(form);
+    const submitter = document.createElement("input");
+    expect(() => validateSubmitter(null, null)).toThrow();
+    expect(() => validateSubmitter(form, null)).toThrow();
+    expect(() => validateSubmitter(form, submitter)).toThrow();
+    expect(
+      () => validateSubmitter(form, document.createElement("div"))
+    ).toThrow();
+    submitter.type = "submit";
+    expect(() => validateSubmitter(form, submitter)).toThrow();
+    form.appendChild(submitter);
+    expect(() => validateSubmitter(form, submitter)).not.toThrow();
+    form.removeChild(submitter);
+    expect(() => validateSubmitter(form, submitter)).toThrow();
+    document.body.appendChild(submitter);
+    form.id = "test-form";
+    submitter.setAttribute("form", "test-form");
+    expect(() => validateSubmitter(form, submitter)).not.toThrow();
+    const button = document.createElement("button");
+    button.type = "submit";
+    form.appendChild(button);
+    expect(() => validateSubmitter(form, button)).not.toThrow();
+  });
+}
+
+// src/internal/state/arrayUtil.ts
+import invariant from "tiny-invariant";
+var getArray = (values, field) => {
   const value = getPath(values, field);
   if (value === void 0 || value === null) {
     const newValue = [];
@@ -855,7 +244,7 @@ const getArray = (values, field) => {
   );
   return value;
 };
-const swap = (array, indexA, indexB) => {
+var swap = (array, indexA, indexB) => {
   const itemA = array[indexA];
   const itemB = array[indexB];
   const hasItemA = indexA in array;
@@ -879,20 +268,20 @@ function sparseSplice(array, start, deleteCount, item) {
     return array.splice(start, deleteCount, item);
   return array.splice(start, deleteCount);
 }
-const move = (array, from2, to) => {
+var move = (array, from2, to) => {
   const [item] = sparseSplice(array, from2, 1);
   sparseSplice(array, to, 0, item);
 };
-const insert = (array, index, value) => {
+var insert = (array, index, value) => {
   sparseSplice(array, index, 0, value);
 };
-const remove = (array, index) => {
+var remove = (array, index) => {
   sparseSplice(array, index, 1);
 };
-const replace = (array, index, value) => {
+var replace = (array, index, value) => {
   sparseSplice(array, index, 1, value);
 };
-const mutateAsArray = (field, obj, mutate) => {
+var mutateAsArray = (field, obj, mutate) => {
   const beforeKeys = /* @__PURE__ */ new Set();
   const arr = [];
   for (const [key, value] of Object.entries(obj)) {
@@ -913,7 +302,7 @@ const mutateAsArray = (field, obj, mutate) => {
     }
   }
 };
-const getDeepArrayPaths = (obj, basePath = "") => {
+var getDeepArrayPaths = (obj, basePath = "") => {
   if (Array.isArray(obj)) {
     return obj.flatMap(
       (item, index) => getDeepArrayPaths(item, `${basePath}[${index}]`)
@@ -926,9 +315,259 @@ const getDeepArrayPaths = (obj, basePath = "") => {
   }
   return [basePath];
 };
-const noOp = () => {
+if (void 0) {
+  const { describe, expect, it } = void 0;
+  const countArrayItems = (arr) => {
+    let count = 0;
+    arr.forEach(() => count++);
+    return count;
+  };
+  describe("getArray", () => {
+    it("shoud get a deeply nested array that can be mutated to update the nested value", () => {
+      const values = {
+        d: [
+          { foo: "bar", baz: [true, false] },
+          { e: true, f: "hi" }
+        ]
+      };
+      const result = getArray(values, "d[0].baz");
+      const finalValues = {
+        d: [
+          { foo: "bar", baz: [true, false, true] },
+          { e: true, f: "hi" }
+        ]
+      };
+      expect(result).toEqual([true, false]);
+      result.push(true);
+      expect(values).toEqual(finalValues);
+    });
+    it("should return an empty array that can be mutated if result is null or undefined", () => {
+      const values = {};
+      const result = getArray(values, "a.foo[0].bar");
+      const finalValues = {
+        a: { foo: [{ bar: ["Bob ross"] }] }
+      };
+      expect(result).toEqual([]);
+      result.push("Bob ross");
+      expect(values).toEqual(finalValues);
+    });
+    it("should throw if the value is defined and not an array", () => {
+      const values = { foo: "foo" };
+      expect(() => getArray(values, "foo")).toThrow();
+    });
+  });
+  describe("swap", () => {
+    it("should swap two items", () => {
+      const array = [1, 2, 3];
+      swap(array, 0, 1);
+      expect(array).toEqual([2, 1, 3]);
+    });
+    it("should work for sparse arrays", () => {
+      const arr = [];
+      arr[0] = true;
+      swap(arr, 0, 2);
+      expect(countArrayItems(arr)).toEqual(1);
+      expect(0 in arr).toBe(false);
+      expect(2 in arr).toBe(true);
+      expect(arr[2]).toEqual(true);
+    });
+  });
+  describe("move", () => {
+    it("should move an item to a new index", () => {
+      const array = [1, 2, 3];
+      move(array, 0, 1);
+      expect(array).toEqual([2, 1, 3]);
+    });
+    it("should work with sparse arrays", () => {
+      const array = [1];
+      move(array, 0, 2);
+      expect(countArrayItems(array)).toEqual(1);
+      expect(array).toEqual([void 0, void 0, 1]);
+    });
+  });
+  describe("insert", () => {
+    it("should insert an item at a new index", () => {
+      const array = [1, 2, 3];
+      insert(array, 1, 4);
+      expect(array).toEqual([1, 4, 2, 3]);
+    });
+    it("should be able to insert falsey values", () => {
+      const array = [1, 2, 3];
+      insert(array, 1, null);
+      expect(array).toEqual([1, null, 2, 3]);
+    });
+    it("should handle sparse arrays", () => {
+      const array = [];
+      array[2] = true;
+      insert(array, 0, true);
+      expect(countArrayItems(array)).toEqual(2);
+      expect(array).toEqual([true, void 0, void 0, true]);
+    });
+  });
+  describe("remove", () => {
+    it("should remove an item at a given index", () => {
+      const array = [1, 2, 3];
+      remove(array, 1);
+      expect(array).toEqual([1, 3]);
+    });
+    it("should handle sparse arrays", () => {
+      const array = [];
+      array[2] = true;
+      remove(array, 0);
+      expect(countArrayItems(array)).toEqual(1);
+      expect(array).toEqual([void 0, true]);
+    });
+  });
+  describe("replace", () => {
+    it("should replace an item at a given index", () => {
+      const array = [1, 2, 3];
+      replace(array, 1, 4);
+      expect(array).toEqual([1, 4, 3]);
+    });
+    it("should handle sparse arrays", () => {
+      const array = [];
+      array[2] = true;
+      replace(array, 0, true);
+      expect(countArrayItems(array)).toEqual(2);
+      expect(array).toEqual([true, void 0, true]);
+    });
+  });
+  describe("mutateAsArray", () => {
+    it("should handle swap", () => {
+      const values = {
+        myField: "something",
+        "myField[0]": "foo",
+        "myField[2]": "bar",
+        otherField: "baz",
+        "otherField[0]": "something else"
+      };
+      mutateAsArray("myField", values, (arr) => {
+        swap(arr, 0, 2);
+      });
+      expect(values).toEqual({
+        myField: "something",
+        "myField[0]": "bar",
+        "myField[2]": "foo",
+        otherField: "baz",
+        "otherField[0]": "something else"
+      });
+    });
+    it("should swap sparse arrays", () => {
+      const values = {
+        myField: "something",
+        "myField[0]": "foo",
+        otherField: "baz",
+        "otherField[0]": "something else"
+      };
+      mutateAsArray("myField", values, (arr) => {
+        swap(arr, 0, 2);
+      });
+      expect(values).toEqual({
+        myField: "something",
+        "myField[2]": "foo",
+        otherField: "baz",
+        "otherField[0]": "something else"
+      });
+    });
+    it("should handle arrays with nested values", () => {
+      const values = {
+        myField: "something",
+        "myField[0].title": "foo",
+        "myField[0].note": "bar",
+        "myField[2].title": "other",
+        "myField[2].note": "other",
+        otherField: "baz",
+        "otherField[0]": "something else"
+      };
+      mutateAsArray("myField", values, (arr) => {
+        swap(arr, 0, 2);
+      });
+      expect(values).toEqual({
+        myField: "something",
+        "myField[0].title": "other",
+        "myField[0].note": "other",
+        "myField[2].title": "foo",
+        "myField[2].note": "bar",
+        otherField: "baz",
+        "otherField[0]": "something else"
+      });
+    });
+    it("should handle move", () => {
+      const values = {
+        myField: "something",
+        "myField[0]": "foo",
+        "myField[1]": "bar",
+        "myField[2]": "baz",
+        "otherField[0]": "something else"
+      };
+      mutateAsArray("myField", values, (arr) => {
+        move(arr, 0, 2);
+      });
+      expect(values).toEqual({
+        myField: "something",
+        "myField[0]": "bar",
+        "myField[1]": "baz",
+        "myField[2]": "foo",
+        "otherField[0]": "something else"
+      });
+    });
+    it("should not create keys for `undefined`", () => {
+      const values = {
+        "myField[0]": "foo"
+      };
+      mutateAsArray("myField", values, (arr) => {
+        arr.unshift(void 0);
+      });
+      expect(Object.keys(values)).toHaveLength(1);
+      expect(values).toEqual({
+        "myField[1]": "foo"
+      });
+    });
+    it("should handle remove", () => {
+      const values = {
+        myField: "something",
+        "myField[0]": "foo",
+        "myField[1]": "bar",
+        "myField[2]": "baz",
+        "otherField[0]": "something else"
+      };
+      mutateAsArray("myField", values, (arr) => {
+        remove(arr, 1);
+      });
+      expect(values).toEqual({
+        myField: "something",
+        "myField[0]": "foo",
+        "myField[1]": "baz",
+        "otherField[0]": "something else"
+      });
+      expect("myField[2]" in values).toBe(false);
+    });
+  });
+  describe("getDeepArrayPaths", () => {
+    it("should return all paths recursively", () => {
+      const obj = [
+        true,
+        true,
+        [true, true],
+        { foo: true, bar: { baz: true, test: [true] } }
+      ];
+      expect(getDeepArrayPaths(obj, "myField")).toEqual([
+        "myField[0]",
+        "myField[1]",
+        "myField[2][0]",
+        "myField[2][1]",
+        "myField[3].foo",
+        "myField[3].bar.baz",
+        "myField[3].bar.test[0]"
+      ]);
+    });
+  });
+}
+
+// src/internal/state/createFormStore.ts
+var noOp = () => {
 };
-const defaultFormState = {
+var defaultFormState = {
   isHydrated: false,
   isSubmitting: false,
   hasBeenSubmitted: false,
@@ -980,7 +619,7 @@ const defaultFormState = {
     }
   }
 };
-const createFormState = (set, get) => ({
+var createFormState = (set, get2) => ({
   isHydrated: false,
   isSubmitting: false,
   hasBeenSubmitted: false,
@@ -988,7 +627,7 @@ const createFormState = (set, get) => ({
   fieldErrors: {},
   formElement: null,
   currentDefaultValues: {},
-  isValid: () => Object.keys(get().fieldErrors).length === 0,
+  isValid: () => Object.keys(get2().fieldErrors).length === 0,
   startSubmit: () => set((state) => {
     state.isSubmitting = true;
     state.hasBeenSubmitted = true;
@@ -1026,7 +665,7 @@ const createFormState = (set, get) => ({
     state.isHydrated = true;
   }),
   setFormElement: (formElement) => {
-    if (get().formElement === formElement)
+    if (get2().formElement === formElement)
       return;
     set((state) => {
       state.formElement = formElement;
@@ -1034,49 +673,49 @@ const createFormState = (set, get) => ({
   },
   validateField: async (field) => {
     var _a, _b, _c;
-    const formElement = get().formElement;
-    invariant(
+    const formElement = get2().formElement;
+    invariant2(
       formElement,
       "Cannot find reference to form. This is probably a bug in remix-validated-form."
     );
-    const validator = (_a = get().formProps) == null ? void 0 : _a.validator;
-    invariant(
+    const validator = (_a = get2().formProps) == null ? void 0 : _a.validator;
+    invariant2(
       validator,
       "Cannot validator. This is probably a bug in remix-validated-form."
     );
-    await ((_c = (_b = get().controlledFields).awaitValueUpdate) == null ? void 0 : _c.call(_b, field));
+    await ((_c = (_b = get2().controlledFields).awaitValueUpdate) == null ? void 0 : _c.call(_b, field));
     const { error } = await validator.validateField(
       new FormData(formElement),
       field
     );
     if (error) {
-      get().setFieldError(field, error);
+      get2().setFieldError(field, error);
       return error;
     } else {
-      get().clearFieldError(field);
+      get2().clearFieldError(field);
       return null;
     }
   },
   validate: async () => {
     var _a;
-    const formElement = get().formElement;
-    invariant(
+    const formElement = get2().formElement;
+    invariant2(
       formElement,
       "Cannot find reference to form. This is probably a bug in remix-validated-form."
     );
-    const validator = (_a = get().formProps) == null ? void 0 : _a.validator;
-    invariant(
+    const validator = (_a = get2().formProps) == null ? void 0 : _a.validator;
+    invariant2(
       validator,
       "Cannot validator. This is probably a bug in remix-validated-form."
     );
     const result = await validator.validate(new FormData(formElement));
     if (result.error)
-      get().setFieldErrors(result.error.fieldErrors);
+      get2().setFieldErrors(result.error.fieldErrors);
     return result;
   },
   submit: () => {
-    const formElement = get().formElement;
-    invariant(
+    const formElement = get2().formElement;
+    invariant2(
       formElement,
       "Cannot find reference to form. This is probably a bug in remix-validated-form."
     );
@@ -1084,11 +723,11 @@ const createFormState = (set, get) => ({
   },
   getValues: () => {
     var _a;
-    return new FormData((_a = get().formElement) != null ? _a : void 0);
+    return new FormData((_a = get2().formElement) != null ? _a : void 0);
   },
   resetFormElement: () => {
     var _a;
-    return (_a = get().formElement) == null ? void 0 : _a.reset();
+    return (_a = get2().formElement) == null ? void 0 : _a.reset();
   },
   controlledFields: {
     values: {},
@@ -1103,7 +742,7 @@ const createFormState = (set, get) => ({
       });
     },
     unregister: (fieldName) => {
-      if (get() === null || get() === void 0)
+      if (get2() === null || get2() === void 0)
         return;
       set((state) => {
         var _a, _b, _c;
@@ -1130,12 +769,12 @@ const createFormState = (set, get) => ({
         delete state.controlledFields.refCounts[fieldName];
       });
     },
-    getValue: (fieldName) => getPath(get().controlledFields.values, fieldName),
+    getValue: (fieldName) => getPath(get2().controlledFields.values, fieldName),
     setValue: (fieldName, value) => {
       set((state) => {
         setPath(state.controlledFields.values, fieldName, value);
       });
-      get().controlledFields.kickoffValueUpdate(fieldName);
+      get2().controlledFields.kickoffValueUpdate(fieldName);
     },
     kickoffValueUpdate: (fieldName) => {
       const clear = () => set((state) => {
@@ -1150,7 +789,7 @@ const createFormState = (set, get) => ({
       });
     },
     awaitValueUpdate: async (fieldName) => {
-      await get().controlledFields.valueUpdatePromises[fieldName];
+      await get2().controlledFields.valueUpdatePromises[fieldName];
     },
     array: {
       push: (fieldName, item) => {
@@ -1158,7 +797,7 @@ const createFormState = (set, get) => ({
           getArray(state.controlledFields.values, fieldName).push(item);
           getArray(state.currentDefaultValues, fieldName).push(item);
         });
-        get().controlledFields.kickoffValueUpdate(fieldName);
+        get2().controlledFields.kickoffValueUpdate(fieldName);
       },
       swap: (fieldName, indexA, indexB) => {
         set((state) => {
@@ -1183,7 +822,7 @@ const createFormState = (set, get) => ({
             (array) => swap(array, indexA, indexB)
           );
         });
-        get().controlledFields.kickoffValueUpdate(fieldName);
+        get2().controlledFields.kickoffValueUpdate(fieldName);
       },
       move: (fieldName, from2, to) => {
         set((state) => {
@@ -1208,7 +847,7 @@ const createFormState = (set, get) => ({
             (array) => move(array, from2, to)
           );
         });
-        get().controlledFields.kickoffValueUpdate(fieldName);
+        get2().controlledFields.kickoffValueUpdate(fieldName);
       },
       insert: (fieldName, index, item) => {
         set((state) => {
@@ -1233,7 +872,7 @@ const createFormState = (set, get) => ({
             (array) => insert(array, index, void 0)
           );
         });
-        get().controlledFields.kickoffValueUpdate(fieldName);
+        get2().controlledFields.kickoffValueUpdate(fieldName);
       },
       remove: (fieldName, index) => {
         set((state) => {
@@ -1256,7 +895,7 @@ const createFormState = (set, get) => ({
             (array) => remove(array, index)
           );
         });
-        get().controlledFields.kickoffValueUpdate(fieldName);
+        get2().controlledFields.kickoffValueUpdate(fieldName);
       },
       pop: (fieldName) => {
         set((state) => {
@@ -1273,7 +912,7 @@ const createFormState = (set, get) => ({
             (array) => array.pop()
           );
         });
-        get().controlledFields.kickoffValueUpdate(fieldName);
+        get2().controlledFields.kickoffValueUpdate(fieldName);
       },
       unshift: (fieldName, value) => {
         set((state) => {
@@ -1314,17 +953,17 @@ const createFormState = (set, get) => ({
             (array) => replace(array, index, item)
           );
         });
-        get().controlledFields.kickoffValueUpdate(fieldName);
+        get2().controlledFields.kickoffValueUpdate(fieldName);
       }
     }
   }
 });
-const useRootFormStore = create()(
-  immer((set, get) => ({
+var useRootFormStore = create()(
+  immer((set, get2) => ({
     forms: {},
     form: (formId) => {
       var _a;
-      return (_a = get().forms[formId]) != null ? _a : defaultFormState;
+      return (_a = get2().forms[formId]) != null ? _a : defaultFormState;
     },
     cleanupForm: (formId) => {
       set((state) => {
@@ -1332,21 +971,25 @@ const useRootFormStore = create()(
       });
     },
     registerForm: (formId) => {
-      if (get().forms[formId])
+      if (get2().forms[formId])
         return;
       set((state) => {
         state.forms[formId] = createFormState(
           (setter) => set((state2) => setter(state2.forms[formId])),
-          () => get().forms[formId]
+          () => get2().forms[formId]
         );
       });
     }
   }))
 );
-const useFormStore = (formId, selector) => {
+
+// src/internal/state/storeHooks.ts
+var useFormStore = (formId, selector) => {
   return useRootFormStore((state) => selector(state.form(formId)));
 };
-const useInternalFormContext = (formId, hookName) => {
+
+// src/internal/hooks.ts
+var useInternalFormContext = (formId, hookName) => {
   const formContext = useContext(InternalFormContext);
   if (formId)
     return { formId };
@@ -1376,12 +1019,12 @@ function useErrorResponseForForm({
     return actionData;
   return null;
 }
-const useFieldErrorsForForm = (context) => {
+var useFieldErrorsForForm = (context) => {
   const response = useErrorResponseForForm(context);
   const hydrated = useFormStore(context.formId, (state) => state.isHydrated);
   return hydratable.from(response == null ? void 0 : response.fieldErrors, hydrated);
 };
-const useDefaultValuesFromLoader = ({
+var useDefaultValuesFromLoader = ({
   formId
 }) => {
   const matches = useMatches();
@@ -1392,7 +1035,7 @@ const useDefaultValuesFromLoader = ({
   }
   return null;
 };
-const useDefaultValuesForForm = (context) => {
+var useDefaultValuesForForm = (context) => {
   const { formId, defaultValuesProp } = context;
   const hydrated = useFormStore(formId, (state) => state.isHydrated);
   const errorResponse = useErrorResponseForForm(context);
@@ -1400,7 +1043,7 @@ const useDefaultValuesForForm = (context) => {
   if (hydrated)
     return hydratable.hydratedData();
   if (errorResponse == null ? void 0 : errorResponse.repopulateFields) {
-    invariant(
+    invariant3(
       typeof errorResponse.repopulateFields === "object",
       "repopulateFields returned something other than an object"
     );
@@ -1410,14 +1053,14 @@ const useDefaultValuesForForm = (context) => {
     return hydratable.serverData(defaultValuesProp);
   return hydratable.serverData(defaultValuesFromLoader);
 };
-const useHasActiveFormSubmit = ({
+var useHasActiveFormSubmit = ({
   fetcher
 }) => {
   const transition = useTransition();
   const hasActiveSubmission = fetcher ? fetcher.state === "submitting" : !!transition.submission;
   return hasActiveSubmission;
 };
-const useFieldTouched = (field, { formId }) => {
+var useFieldTouched = (field, { formId }) => {
   const touched = useFormStore(formId, (state) => state.touchedFields[field]);
   const setFieldTouched = useFormStore(formId, (state) => state.setTouched);
   const setTouched = useCallback(
@@ -1426,7 +1069,7 @@ const useFieldTouched = (field, { formId }) => {
   );
   return [touched, setTouched];
 };
-const useFieldError = (name, context) => {
+var useFieldError = (name, context) => {
   const fieldErrors = useFieldErrorsForForm(context);
   const state = useFormStore(
     context.formId,
@@ -1434,54 +1077,57 @@ const useFieldError = (name, context) => {
   );
   return fieldErrors.map((fieldErrors2) => fieldErrors2 == null ? void 0 : fieldErrors2[name]).hydrateTo(state);
 };
-const useClearError = (context) => {
+var useClearError = (context) => {
   const { formId } = context;
   return useFormStore(formId, (state) => state.clearFieldError);
 };
-const useCurrentDefaultValueForField = (formId, field) => useFormStore(formId, (state) => getPath(state.currentDefaultValues, field));
-const useFieldDefaultValue = (name, context) => {
+var useCurrentDefaultValueForField = (formId, field) => useFormStore(formId, (state) => getPath(state.currentDefaultValues, field));
+var useFieldDefaultValue = (name, context) => {
   const defaultValues = useDefaultValuesForForm(context);
   const state = useCurrentDefaultValueForField(context.formId, name);
   return defaultValues.map((val) => getPath(val, name)).hydrateTo(state);
 };
-const useInternalIsSubmitting = (formId) => useFormStore(formId, (state) => state.isSubmitting);
-const useInternalIsValid = (formId) => useFormStore(formId, (state) => state.isValid());
-const useInternalHasBeenSubmitted = (formId) => useFormStore(formId, (state) => state.hasBeenSubmitted);
-const useValidateField = (formId) => useFormStore(formId, (state) => state.validateField);
-const useValidate = (formId) => useFormStore(formId, (state) => state.validate);
-const noOpReceiver = () => () => {
+var useInternalIsSubmitting = (formId) => useFormStore(formId, (state) => state.isSubmitting);
+var useInternalIsValid = (formId) => useFormStore(formId, (state) => state.isValid());
+var useInternalHasBeenSubmitted = (formId) => useFormStore(formId, (state) => state.hasBeenSubmitted);
+var useValidateField = (formId) => useFormStore(formId, (state) => state.validateField);
+var useValidate = (formId) => useFormStore(formId, (state) => state.validate);
+var noOpReceiver = () => () => {
 };
-const useRegisterReceiveFocus = (formId) => useFormStore(
+var 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(
+var defaultDefaultValues = {};
+var 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);
-const useSetFieldErrors = (formId) => useFormStore(formId, (state) => state.setFieldErrors);
-const useResetFormElement = (formId) => useFormStore(formId, (state) => state.resetFormElement);
-const useSubmitForm = (formId) => useFormStore(formId, (state) => state.submit);
-const useFormActionProp = (formId) => useFormStore(formId, (state) => {
+var useSetTouched = ({ formId }) => useFormStore(formId, (state) => state.setTouched);
+var useTouchedFields = (formId) => useFormStore(formId, (state) => state.touchedFields);
+var useFieldErrors = (formId) => useFormStore(formId, (state) => state.fieldErrors);
+var useSetFieldErrors = (formId) => useFormStore(formId, (state) => state.setFieldErrors);
+var useResetFormElement = (formId) => useFormStore(formId, (state) => state.resetFormElement);
+var useSubmitForm = (formId) => useFormStore(formId, (state) => state.submit);
+var useFormActionProp = (formId) => useFormStore(formId, (state) => {
   var _a;
   return (_a = state.formProps) == null ? void 0 : _a.action;
 });
-const useFormSubactionProp = (formId) => useFormStore(formId, (state) => {
+var useFormSubactionProp = (formId) => useFormStore(formId, (state) => {
   var _a;
   return (_a = state.formProps) == null ? void 0 : _a.subaction;
 });
-const useFormValues = (formId) => useFormStore(formId, (state) => state.getValues);
-const useControlledFieldValue = (context, field) => {
+var useFormValues = (formId) => useFormStore(formId, (state) => state.getValues);
+
+// src/internal/state/controlledFields.ts
+import { useCallback as useCallback2, useEffect } from "react";
+var useControlledFieldValue = (context, field) => {
   const value = useFormStore(
     context.formId,
     (state) => state.controlledFields.getValue(field)
@@ -1493,7 +1139,7 @@ const useControlledFieldValue = (context, field) => {
   const defaultValue = useFieldDefaultValue(field, context);
   return isFormHydrated ? value : defaultValue;
 };
-const useRegisterControlledField = (context, field) => {
+var useRegisterControlledField = (context, field) => {
   const resolveUpdate = useFormStore(
     context.formId,
     (state) => state.controlledFields.valueUpdateResolvers[field]
@@ -1514,38 +1160,40 @@ const useRegisterControlledField = (context, field) => {
     return () => unregister(field);
   }, [context.formId, field, register, unregister]);
 };
-const useControllableValue = (context, field) => {
+var useControllableValue = (context, field) => {
   useRegisterControlledField(context, field);
   const setControlledFieldValue = useFormStore(
     context.formId,
     (state) => state.controlledFields.setValue
   );
-  const setValue = useCallback(
+  const setValue = useCallback2(
     (value2) => setControlledFieldValue(field, value2),
     [field, setControlledFieldValue]
   );
   const value = useControlledFieldValue(context, field);
   return [value, setValue];
 };
-const useUpdateControllableValue = (formId) => {
+var useUpdateControllableValue = (formId) => {
   const setValue = useFormStore(
     formId,
     (state) => state.controlledFields.setValue
   );
-  return useCallback(
+  return useCallback2(
     (field, value) => setValue(field, value),
     [setValue]
   );
 };
-const useIsSubmitting = (formId) => {
+
+// src/hooks.ts
+var useIsSubmitting = (formId) => {
   const formContext = useInternalFormContext(formId, "useIsSubmitting");
   return useInternalIsSubmitting(formContext.formId);
 };
-const useIsValid = (formId) => {
+var useIsValid = (formId) => {
   const formContext = useInternalFormContext(formId, "useIsValid");
   return useInternalIsValid(formContext.formId);
 };
-const useField = (name, options) => {
+var useField = (name, options) => {
   const { formId: providedFormId, handleReceiveFocus } = options != null ? options : {};
   const formContext = useInternalFormContext(providedFormId, "useField");
   const defaultValue = useFieldDefaultValue(name, formContext);
@@ -1555,7 +1203,7 @@ const useField = (name, options) => {
   const hasBeenSubmitted = useInternalHasBeenSubmitted(formContext.formId);
   const validateField = useValidateField(formContext.formId);
   const registerReceiveFocus = useRegisterReceiveFocus(formContext.formId);
-  useEffect(() => {
+  useEffect2(() => {
     if (handleReceiveFocus)
       return registerReceiveFocus(name, handleReceiveFocus);
   }, [handleReceiveFocus, name, registerReceiveFocus]);
@@ -1593,38 +1241,18 @@ const useField = (name, options) => {
   ]);
   return field;
 };
-const useControlField = (name, formId) => {
+var useControlField = (name, formId) => {
   const context = useInternalFormContext(formId, "useControlField");
   const [value, setValue] = useControllableValue(context, name);
   return [value, setValue];
 };
-const useUpdateControlledField = (formId) => {
+var useUpdateControlledField = (formId) => {
   const context = useInternalFormContext(formId, "useControlField");
   return useUpdateControllableValue(context.formId);
 };
-/**
- * @remix-run/server-runtime v1.7.6
- *
- * Copyright (c) Remix Software Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-const json = (data, init = {}) => {
-  let responseInit = typeof init === "number" ? {
-    status: init
-  } : init;
-  let headers = new Headers(responseInit.headers);
-  if (!headers.has("Content-Type")) {
-    headers.set("Content-Type", "application/json; charset=utf-8");
-  }
-  return new Response(JSON.stringify(data), {
-    ...responseInit,
-    headers
-  });
-};
+
+// src/server.ts
+import { json } from "@remix-run/server-runtime";
 function validationError(error, repopulateFields, init) {
   return json(
     {
@@ -1636,10 +1264,27 @@ function validationError(error, repopulateFields, init) {
     { status: 422, ...init }
   );
 }
-const setFormDefaults = (formId, defaultValues) => ({
+var setFormDefaults = (formId, defaultValues) => ({
   [formDefaultValuesKey(formId)]: defaultValues
 });
-class MultiValueMap {
+
+// src/ValidatedForm.tsx
+import {
+  Form as RemixForm,
+  useSubmit
+} from "@remix-run/react";
+import {
+  useCallback as useCallback4,
+  useEffect as useEffect5,
+  useMemo as useMemo2,
+  useRef as useRef4,
+  useState
+} from "react";
+import * as R3 from "remeda";
+
+// src/internal/MultiValueMap.ts
+import { useCallback as useCallback3, useRef } from "react";
+var MultiValueMap = class {
   constructor() {
     this.dict = /* @__PURE__ */ new Map();
     this.add = (key, value) => {
@@ -1670,19 +1315,22 @@ class MultiValueMap {
     this.values = () => this.dict.values();
     this.has = (key) => this.dict.has(key);
   }
-}
-const useMultiValueMap = () => {
+};
+var useMultiValueMap = () => {
   const ref = useRef(null);
-  return useCallback(() => {
+  return useCallback3(() => {
     if (ref.current)
       return ref.current;
     ref.current = new MultiValueMap();
     return ref.current;
   }, []);
 };
+
+// src/internal/submissionCallbacks.ts
+import { useEffect as useEffect3, useRef as useRef2 } from "react";
 function useSubmitComplete(isSubmitting, callback) {
-  const isPending = useRef(false);
-  useEffect(() => {
+  const isPending = useRef2(false);
+  useEffect3(() => {
     if (isSubmitting) {
       isPending.current = true;
     }
@@ -1692,7 +1340,11 @@ function useSubmitComplete(isSubmitting, callback) {
     }
   });
 }
-const mergeRefs = (refs) => {
+
+// src/internal/util.ts
+import { useEffect as useEffect4, useLayoutEffect, useRef as useRef3 } from "react";
+import * as R2 from "remeda";
+var mergeRefs = (refs) => {
   return (value) => {
     refs.filter(Boolean).forEach((ref) => {
       if (typeof ref === "function") {
@@ -1703,22 +1355,25 @@ const mergeRefs = (refs) => {
     });
   };
 };
-const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
-const useDeepEqualsMemo = (item) => {
-  const ref = useRef(item);
-  const areEqual = ref.current === item || equals(ref.current, item);
-  useEffect(() => {
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect4;
+var useDeepEqualsMemo = (item) => {
+  const ref = useRef3(item);
+  const areEqual = ref.current === item || R2.equals(ref.current, item);
+  useEffect4(() => {
     if (!areEqual) {
       ref.current = item;
     }
   });
   return areEqual ? ref.current : item;
 };
-const getDataFromForm = (el) => new FormData(el);
+
+// src/ValidatedForm.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var getDataFromForm = (el) => new FormData(el);
 function nonNull(value) {
   return value !== null;
 }
-const focusFirstInvalidInput = (fieldErrors, customFocusHandlers, formElement) => {
+var focusFirstInvalidInput = (fieldErrors, customFocusHandlers, formElement) => {
   var _a;
   const namesInOrder = [...formElement.elements].map((el) => {
     const input = el instanceof RadioNodeList ? el[0] : el;
@@ -1726,7 +1381,7 @@ const focusFirstInvalidInput = (fieldErrors, customFocusHandlers, formElement) =
       return input.name;
     return null;
   }).filter(nonNull).filter((name) => name in fieldErrors);
-  const uniqueNamesInOrder = uniq(namesInOrder);
+  const uniqueNamesInOrder = R3.uniq(namesInOrder);
   for (const fieldName of uniqueNamesInOrder) {
     if (customFocusHandlers.has(fieldName)) {
       customFocusHandlers.getAll(fieldName).forEach((handler) => {
@@ -1755,11 +1410,11 @@ const focusFirstInvalidInput = (fieldErrors, customFocusHandlers, formElement) =
     }
   }
 };
-const useFormId = (providedId) => {
+var useFormId = (providedId) => {
   const [symbolId] = useState(() => Symbol("remix-validated-form-id"));
   return providedId != null ? providedId : symbolId;
 };
-const FormResetter = ({
+var FormResetter = ({
   resetAfterSubmit,
   formRef
 }) => {
@@ -1809,7 +1464,7 @@ function ValidatedForm({
   var _a;
   const formId = useFormId(id);
   const providedDefaultValues = useDeepEqualsMemo(unMemoizedDefaults);
-  const contextValue = useMemo(
+  const contextValue = useMemo2(
     () => ({
       formId,
       action,
@@ -1822,8 +1477,8 @@ function ValidatedForm({
   const backendError = useErrorResponseForForm(contextValue);
   const backendDefaultValues = useDefaultValuesFromLoader(contextValue);
   const hasActiveSubmission = useHasActiveFormSubmit(contextValue);
-  const formRef = useRef(null);
-  const Form$1 = (_a = fetcher == null ? void 0 : fetcher.Form) != null ? _a : Form;
+  const formRef = useRef4(null);
+  const Form = (_a = fetcher == null ? void 0 : fetcher.Form) != null ? _a : RemixForm;
   const submit = useSubmit();
   const setFieldErrors = useSetFieldErrors(formId);
   const setFieldError = useFormStore(formId, (state) => state.setFieldError);
@@ -1838,7 +1493,7 @@ function ValidatedForm({
   const cleanupForm = useRootFormStore((state) => state.cleanupForm);
   const registerForm = useRootFormStore((state) => state.registerForm);
   const customFocusHandlers = useMultiValueMap();
-  const registerReceiveFocus = useCallback(
+  const registerReceiveFocus = useCallback4(
     (fieldName, handler) => {
       customFocusHandlers().add(fieldName, handler);
       return () => {
@@ -1872,17 +1527,30 @@ function ValidatedForm({
   useIsomorphicLayoutEffect(() => {
     setFormElementInState(formRef.current);
   }, [setFormElementInState]);
-  useEffect(() => {
+  useEffect5(() => {
     var _a2;
     setFieldErrors((_a2 = backendError == null ? void 0 : backendError.fieldErrors) != null ? _a2 : {});
-  }, [backendError == null ? void 0 : backendError.fieldErrors, setFieldErrors, setFieldError]);
+    if (!disableFocusOnError && (backendError == null ? void 0 : backendError.fieldErrors)) {
+      focusFirstInvalidInput(
+        backendError.fieldErrors,
+        customFocusHandlers(),
+        formRef.current
+      );
+    }
+  }, [
+    backendError == null ? void 0 : backendError.fieldErrors,
+    customFocusHandlers,
+    disableFocusOnError,
+    setFieldErrors,
+    setFieldError
+  ]);
   useSubmitComplete(hasActiveSubmission, () => {
     endSubmit();
   });
-  const handleSubmit = async (e2, target, nativeEvent) => {
+  const handleSubmit = async (e, target, nativeEvent) => {
     startSubmit();
     const submitter = nativeEvent.submitter;
-    const formDataToValidate = getDataFromForm(e2.currentTarget);
+    const formDataToValidate = getDataFromForm(e.currentTarget);
     if (submitter == null ? void 0 : submitter.name) {
       formDataToValidate.append(submitter.name, submitter.value);
     }
@@ -1899,14 +1567,14 @@ function ValidatedForm({
       }
     } else {
       setFieldErrors({});
-      const eventProxy = formEventProxy(e2);
+      const eventProxy = formEventProxy(e);
       await (onSubmit == null ? void 0 : onSubmit(result.data, eventProxy));
       if (eventProxy.defaultPrevented) {
         endSubmit();
         return;
       }
       if (fetcher)
-        fetcher.submit(submitter || e2.currentTarget);
+        fetcher.submit(submitter || e.currentTarget);
       else
         submit(submitter || target, {
           replace: replace2,
@@ -1914,43 +1582,44 @@ function ValidatedForm({
         });
     }
   };
-  return /* @__PURE__ */ React.createElement(Form$1, {
-    ref: mergeRefs([formRef, formRefProp]),
-    ...rest,
-    id,
-    action,
-    method,
-    replace: replace2,
-    onSubmit: (e2) => {
-      e2.preventDefault();
-      handleSubmit(
-        e2,
-        e2.currentTarget,
-        e2.nativeEvent
-      );
-    },
-    onReset: (event) => {
-      onReset == null ? void 0 : onReset(event);
-      if (event.defaultPrevented)
-        return;
-      reset();
+  return /* @__PURE__ */ jsx(
+    Form,
+    {
+      ref: mergeRefs([formRef, formRefProp]),
+      ...rest,
+      id,
+      action,
+      method,
+      replace: replace2,
+      onSubmit: (e) => {
+        e.preventDefault();
+        handleSubmit(
+          e,
+          e.currentTarget,
+          e.nativeEvent
+        );
+      },
+      onReset: (event) => {
+        onReset == null ? void 0 : onReset(event);
+        if (event.defaultPrevented)
+          return;
+        reset();
+      },
+      children: /* @__PURE__ */ jsx(InternalFormContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(FormResetter, { formRef, resetAfterSubmit }),
+        subaction && /* @__PURE__ */ jsx("input", { type: "hidden", value: subaction, name: "subaction" }),
+        id && /* @__PURE__ */ jsx("input", { type: "hidden", value: id, name: FORM_ID_FIELD }),
+        children
+      ] }) })
     }
-  }, /* @__PURE__ */ React.createElement(InternalFormContext.Provider, {
-    value: contextValue
-  }, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FormResetter, {
-    formRef,
-    resetAfterSubmit
-  }), subaction && /* @__PURE__ */ React.createElement("input", {
-    type: "hidden",
-    value: subaction,
-    name: "subaction"
-  }), id && /* @__PURE__ */ React.createElement("input", {
-    type: "hidden",
-    value: id,
-    name: FORM_ID_FIELD
-  }), children)));
+  );
 }
-const objectFromPathEntries = (entries) => {
+
+// src/validation/createValidator.ts
+import * as R4 from "remeda";
+
+// src/internal/flatten.ts
+var objectFromPathEntries = (entries) => {
   const map = new MultiValueMap();
   entries.forEach(([key, value]) => map.add(key, value));
   return [...map.entries()].reduce(
@@ -1958,12 +1627,14 @@ const objectFromPathEntries = (entries) => {
     {}
   );
 };
-const preprocessFormData = (data) => {
+
+// src/validation/createValidator.ts
+var preprocessFormData = (data) => {
   if ("entries" in data && typeof data.entries === "function")
     return objectFromPathEntries([...data.entries()]);
   return objectFromPathEntries(Object.entries(data));
 };
-const omitInternalFields = (data) => omit(data, [FORM_ID_FIELD]);
+var omitInternalFields = (data) => R4.omit(data, [FORM_ID_FIELD]);
 function createValidator(validator) {
   return {
     validate: async (value) => {
@@ -1991,7 +1662,13 @@ function createValidator(validator) {
     validateField: (data, field) => validator.validateField(preprocessFormData(data), field)
   };
 }
-const useFormState = (formId) => {
+
+// src/userFacingFormContext.ts
+import { useCallback as useCallback5, useMemo as useMemo4 } from "react";
+
+// src/unreleased/formStateHooks.ts
+import { useMemo as useMemo3 } from "react";
+var useFormState = (formId) => {
   const formContext = useInternalFormContext(formId, "useFormState");
   const isSubmitting = useInternalIsSubmitting(formContext.formId);
   const hasBeenSubmitted = useInternalHasBeenSubmitted(formContext.formId);
@@ -2005,7 +1682,7 @@ const useFormState = (formId) => {
   const fieldErrorsFromState = useFieldErrors(formContext.formId);
   const fieldErrorsToUse = useFieldErrorsForForm(formContext);
   const hydratedFieldErrors = fieldErrorsToUse.hydrateTo(fieldErrorsFromState);
-  return useMemo(
+  return useMemo3(
     () => ({
       action,
       subaction,
@@ -2028,7 +1705,7 @@ const useFormState = (formId) => {
     ]
   );
 };
-const useFormHelpers = (formId) => {
+var useFormHelpers = (formId) => {
   const formContext = useInternalFormContext(formId, "useFormHelpers");
   const setTouched = useSetTouched(formContext);
   const validateField = useValidateField(formContext.formId);
@@ -2038,7 +1715,7 @@ const useFormHelpers = (formId) => {
   const reset = useResetFormElement(formContext.formId);
   const submit = useSubmitForm(formContext.formId);
   const getValues = useFormValues(formContext.formId);
-  return useMemo(
+  return useMemo3(
     () => ({
       setTouched,
       validateField,
@@ -2061,7 +1738,9 @@ const useFormHelpers = (formId) => {
     ]
   );
 };
-const useFormContext = (formId) => {
+
+// src/userFacingFormContext.ts
+var useFormContext = (formId) => {
   const context = useInternalFormContext(formId, "useFormContext");
   const state = useFormState(formId);
   const {
@@ -2075,7 +1754,7 @@ const useFormContext = (formId) => {
     getValues
   } = useFormHelpers(formId);
   const registerReceiveFocus = useRegisterReceiveFocus(context.formId);
-  const clearError = useCallback(
+  const clearError = useCallback5(
     (...names) => {
       names.forEach((name) => {
         internalClearError(name);
@@ -2083,7 +1762,7 @@ const useFormContext = (formId) => {
     },
     [internalClearError]
   );
-  return useMemo(
+  return useMemo4(
     () => ({
       ...state,
       setFieldTouched: setTouched,
@@ -2110,7 +1789,13 @@ const useFormContext = (formId) => {
     ]
   );
 };
-const useInternalFieldArray = (context, field, validationBehavior) => {
+
+// src/internal/state/fieldArray.tsx
+import { useMemo as useMemo5 } from "react";
+import { useCallback as useCallback6 } from "react";
+import invariant4 from "tiny-invariant";
+import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
+var useInternalFieldArray = (context, field, validationBehavior) => {
   const value = useFieldDefaultValue(field, context);
   useRegisterControlledField(context, field);
   const hasBeenSubmitted = useInternalHasBeenSubmitted(context.formId);
@@ -2122,12 +1807,12 @@ const useInternalFieldArray = (context, field, validationBehavior) => {
     ...validationBehavior
   };
   const behavior = hasBeenSubmitted ? resolvedValidationBehavior.whenSubmitted : resolvedValidationBehavior.initial;
-  const maybeValidate = useCallback(() => {
+  const maybeValidate = useCallback6(() => {
     if (behavior === "onChange") {
       validateField(field);
     }
   }, [behavior, field, validateField]);
-  invariant(
+  invariant4(
     value === void 0 || value === null || Array.isArray(value),
     `FieldArray: defaultValue value for ${field} must be an array, null, or undefined`
   );
@@ -2135,7 +1820,7 @@ const useInternalFieldArray = (context, field, validationBehavior) => {
     context.formId,
     (state) => state.controlledFields.array
   );
-  const helpers = useMemo(
+  const helpers = useMemo5(
     () => ({
       push: (item) => {
         arr.push(field, item);
@@ -2172,14 +1857,14 @@ const useInternalFieldArray = (context, field, validationBehavior) => {
     }),
     [arr, field, maybeValidate]
   );
-  const arrayValue = useMemo(() => value != null ? value : [], [value]);
+  const arrayValue = useMemo5(() => value != null ? value : [], [value]);
   return [arrayValue, helpers, error];
 };
 function useFieldArray(name, { formId, validationBehavior } = {}) {
   const context = useInternalFormContext(formId, "FieldArray");
   return useInternalFieldArray(context, name, validationBehavior);
 }
-const FieldArray = ({
+var FieldArray = ({
   name,
   children,
   formId,
@@ -2191,7 +1876,20 @@ const FieldArray = ({
     name,
     validationBehavior
   );
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, children(value, helpers, error));
+  return /* @__PURE__ */ jsx2(Fragment2, { children: children(value, helpers, error) });
+};
+export {
+  FieldArray,
+  ValidatedForm,
+  createValidator,
+  setFormDefaults,
+  useControlField,
+  useField,
+  useFieldArray,
+  useFormContext,
+  useIsSubmitting,
+  useIsValid,
+  useUpdateControlledField,
+  validationError
 };
-export { FieldArray, ValidatedForm, createValidator, setFormDefaults, useControlField, useField, useFieldArray, useFormContext, useIsSubmitting, useIsValid, useUpdateControlledField, validationError };
-//# sourceMappingURL=remix-validated-form.es.js.map
+//# sourceMappingURL=index.esm.js.map