solid-hook-form 1.6.2 → 1.6.3

package/dist/main.js

@@ -1,1427 +1,385 @@
-import { createSignal as He, createMemo as Qe, createContext as Ke, createComponent as Xe, useContext as Ze } from "solid-js";
-const Je = (n) => {
-  const u = n.target;
-  return u instanceof HTMLSelectElement ? u.value : u instanceof HTMLInputElement && u.type === "checkbox" ? u.checked : u instanceof HTMLInputElement && u.type === "file" ? [...u.files || []] : u.value;
-}, ge = (n, u) => {
-  if (n instanceof HTMLSelectElement) {
-    n.value = u;
+import { createContext, createSignal, createMemo, useContext } from 'solid-js';
+import React from 'react';
+import { createComponent } from 'solid-js/web';
+
+// src/use_form.ts
+
+// src/logic/get_value.ts
+var getFieldValue = (event) => {
+  const field = event.target;
+  if (field instanceof HTMLSelectElement) {
+    return field.value;
+  }
+  if (field instanceof HTMLInputElement && field.type === "checkbox") {
+    return field.checked;
+  }
+  if (field instanceof HTMLInputElement && field.type === "file") {
+    return [...field.files || []];
+  }
+  return field.value;
+};
+
+// src/logic/set_value.ts
+var setFieldValue = (field, value) => {
+  if (field instanceof HTMLSelectElement) {
+    field.value = value;
+    return;
+  }
+  if (field instanceof HTMLInputElement && field.type === "checkbox") {
+    field.checked = value;
     return;
   }
-  if (n instanceof HTMLInputElement && n.type === "checkbox") {
-    n.checked = u;
+  if (field instanceof HTMLInputElement && field.type === "file") {
     return;
   }
-  n instanceof HTMLInputElement && n.type === "file" || (n.value = u);
+  field.value = value;
 };
-function et(n) {
-  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
-}
-var ye = { exports: {} }, p = {};
-/**
- * @license React
- * react.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Le;
-function tt() {
-  if (Le) return p;
-  Le = 1;
-  var n = Symbol.for("react.transitional.element"), u = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), k = Symbol.for("react.consumer"), N = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), L = Symbol.for("react.suspense"), $ = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), W = Symbol.iterator;
-  function B(t) {
-    return t === null || typeof t != "object" ? null : (t = W && t[W] || t["@@iterator"], typeof t == "function" ? t : null);
+var isDateObject = (value) => value instanceof Date;
+var isNullOrUndefined = (value) => value == null;
+var isObjectType = (value) => typeof value === "object";
+var isObject = (value) => !isNullOrUndefined(value) && !Array.isArray(value) && isObjectType(value) && !isDateObject(value);
+var compact = (value) => Array.isArray(value) ? value.filter(Boolean) : [];
+var isUndefined = (val) => val === void 0;
+var get = (object, path, defaultValue) => {
+  if (!path || !isObject(object)) {
+    return defaultValue;
   }
-  var Q = {
-    isMounted: function() {
-      return !1;
-    },
-    enqueueForceUpdate: function() {
-    },
-    enqueueReplaceState: function() {
-    },
-    enqueueSetState: function() {
+  const result = compact(path.split(/[,[\].]+?/)).reduce((result2, key) => isNullOrUndefined(result2) ? result2 : result2[key], object);
+  return isUndefined(result) || result === object ? isUndefined(object[path]) ? defaultValue : object[path] : result;
+};
+var isKey = (value) => /^\w*$/.test(value);
+var stringToPath = (input) => compact(input.replace(/["|']|\]/g, "").split(/\.|\[/));
+var set = (object, path, value) => {
+  let index = -1;
+  const tempPath = isKey(path) ? [path] : stringToPath(path);
+  const length = tempPath.length;
+  const lastIndex = length - 1;
+  while (++index < length) {
+    const key = tempPath[index];
+    let newValue = value;
+    if (index !== lastIndex) {
+      const objValue = object[key];
+      newValue = isObject(objValue) || Array.isArray(objValue) ? objValue : !isNaN(+tempPath[index + 1]) ? [] : {};
     }
-  }, K = Object.assign, ee = {};
-  function U(t, o, f) {
-    this.props = t, this.context = o, this.refs = ee, this.updater = f || Q;
-  }
-  U.prototype.isReactComponent = {}, U.prototype.setState = function(t, o) {
-    if (typeof t != "object" && typeof t != "function" && t != null)
-      throw Error(
-        "takes an object of state variables to update or a function which returns an object of state variables."
-      );
-    this.updater.enqueueSetState(this, t, o, "setState");
-  }, U.prototype.forceUpdate = function(t) {
-    this.updater.enqueueForceUpdate(this, t, "forceUpdate");
-  };
-  function z() {
+    if (key === "__proto__" || key === "constructor" || key === "prototype") {
+      return;
+    }
+    object[key] = newValue;
+    object = object[key];
   }
-  z.prototype = U.prototype;
-  function x(t, o, f) {
-    this.props = t, this.context = o, this.refs = ee, this.updater = f || Q;
+};
+React.createContext(null);
+
+// src/logic/validate.ts
+var getRuleValue = (rule) => {
+  if (rule instanceof RegExp) {
+    return rule;
   }
-  var I = x.prototype = new z();
-  I.constructor = x, K(I, U.prototype), I.isPureReactComponent = !0;
-  var X = Array.isArray, b = { H: null, A: null, T: null, S: null, V: null }, Z = Object.prototype.hasOwnProperty;
-  function J(t, o, f, c, R, S) {
-    return f = S.ref, {
-      $$typeof: n,
-      type: t,
-      key: o,
-      ref: f !== void 0 ? f : null,
-      props: S
-    };
+  if (typeof rule === "string" || typeof rule === "number") {
+    return rule;
   }
-  function Y(t, o) {
-    return J(
-      t.type,
-      o,
-      void 0,
-      void 0,
-      void 0,
-      t.props
-    );
+  return rule.value;
+};
+var getRuleMessage = (rule) => {
+  if (typeof rule === "string") {
+    return rule;
   }
-  function q(t) {
-    return typeof t == "object" && t !== null && t.$$typeof === n;
+  if (typeof rule.message === "string") {
+    return rule.message;
   }
-  function te(t) {
-    var o = { "=": "=0", ":": "=2" };
-    return "$" + t.replace(/[=:]/g, function(f) {
-      return o[f];
-    });
+  return "";
+};
+var validate = (values, name, rules = {}) => {
+  const value = get(values, name);
+  if (rules.required && !value) {
+    return { type: "required", message: getRuleMessage(rules.required) };
   }
-  var C = /\/+/g;
-  function re(t, o) {
-    return typeof t == "object" && t !== null && t.key != null ? te("" + t.key) : o.toString(36);
+  if (rules.min && Number(value) < Number(getRuleValue(rules.min))) {
+    return { type: "min", message: getRuleMessage(rules.min) };
   }
-  function V() {
+  if (rules.max && Number(value) > Number(getRuleValue(rules.max))) {
+    return { type: "max", message: getRuleMessage(rules.max) };
   }
-  function l(t) {
-    switch (t.status) {
-      case "fulfilled":
-        return t.value;
-      case "rejected":
-        throw t.reason;
-      default:
-        switch (typeof t.status == "string" ? t.then(V, V) : (t.status = "pending", t.then(
-          function(o) {
-            t.status === "pending" && (t.status = "fulfilled", t.value = o);
-          },
-          function(o) {
-            t.status === "pending" && (t.status = "rejected", t.reason = o);
-          }
-        )), t.status) {
-          case "fulfilled":
-            return t.value;
-          case "rejected":
-            throw t.reason;
-        }
-    }
-    throw t;
+  if (rules.minLength && value.length < getRuleValue(rules.minLength)) {
+    return { type: "minLength", message: getRuleMessage(rules.minLength) };
   }
-  function E(t, o, f, c, R) {
-    var S = typeof t;
-    (S === "undefined" || S === "boolean") && (t = null);
-    var m = !1;
-    if (t === null) m = !0;
-    else
-      switch (S) {
-        case "bigint":
-        case "string":
-        case "number":
-          m = !0;
-          break;
-        case "object":
-          switch (t.$$typeof) {
-            case n:
-            case u:
-              m = !0;
-              break;
-            case M:
-              return m = t._init, E(
-                m(t._payload),
-                o,
-                f,
-                c,
-                R
-              );
-          }
-      }
-    if (m)
-      return R = R(t), m = c === "" ? "." + re(t, 0) : c, X(R) ? (f = "", m != null && (f = m.replace(C, "$&/") + "/"), E(R, o, f, "", function(ne) {
-        return ne;
-      })) : R != null && (q(R) && (R = Y(
-        R,
-        f + (R.key == null || t && t.key === R.key ? "" : ("" + R.key).replace(
-          C,
-          "$&/"
-        ) + "/") + m
-      )), o.push(R)), 1;
-    m = 0;
-    var F = c === "" ? "." : c + ":";
-    if (X(t))
-      for (var A = 0; A < t.length; A++)
-        c = t[A], S = F + re(c, A), m += E(
-          c,
-          o,
-          f,
-          S,
-          R
-        );
-    else if (A = B(t), typeof A == "function")
-      for (t = A.call(t), A = 0; !(c = t.next()).done; )
-        c = c.value, S = F + re(c, A++), m += E(
-          c,
-          o,
-          f,
-          S,
-          R
-        );
-    else if (S === "object") {
-      if (typeof t.then == "function")
-        return E(
-          l(t),
-          o,
-          f,
-          c,
-          R
-        );
-      throw o = String(t), Error(
-        "Objects are not valid as a React child (found: " + (o === "[object Object]" ? "object with keys {" + Object.keys(t).join(", ") + "}" : o) + "). If you meant to render a collection of children, use an array instead."
-      );
-    }
-    return m;
+  if (rules.maxLength && value.length > getRuleValue(rules.maxLength)) {
+    return { type: "maxLength", message: getRuleMessage(rules.maxLength) };
   }
-  function w(t, o, f) {
-    if (t == null) return t;
-    var c = [], R = 0;
-    return E(t, c, "", "", function(S) {
-      return o.call(f, S, R++);
-    }), c;
+  if (rules.pattern && !getRuleValue(rules.pattern).test(value)) {
+    return { type: "pattern", message: getRuleMessage(rules.pattern) };
   }
-  function P(t) {
-    if (t._status === -1) {
-      var o = t._result;
-      o = o(), o.then(
-        function(f) {
-          (t._status === 0 || t._status === -1) && (t._status = 1, t._result = f);
-        },
-        function(f) {
-          (t._status === 0 || t._status === -1) && (t._status = 2, t._result = f);
-        }
-      ), t._status === -1 && (t._status = 0, t._result = o);
+  if (rules.validate) {
+    const message = rules.validate(value, values);
+    if (message === false) {
+      return { type: "validate" };
     }
-    if (t._status === 1) return t._result.default;
-    throw t._result;
-  }
-  var D = typeof reportError == "function" ? reportError : function(t) {
-    if (typeof window == "object" && typeof window.ErrorEvent == "function") {
-      var o = new window.ErrorEvent("error", {
-        bubbles: !0,
-        cancelable: !0,
-        message: typeof t == "object" && t !== null && typeof t.message == "string" ? String(t.message) : String(t),
-        error: t
-      });
-      if (!window.dispatchEvent(o)) return;
-    } else if (typeof process == "object" && typeof process.emit == "function") {
-      process.emit("uncaughtException", t);
-      return;
+    if (typeof message === "string") {
+      return { type: "validate", message };
     }
-    console.error(t);
-  };
-  function ce() {
   }
-  return p.Children = {
-    map: w,
-    forEach: function(t, o, f) {
-      w(
-        t,
-        function() {
-          o.apply(this, arguments);
-        },
-        f
-      );
-    },
-    count: function(t) {
-      var o = 0;
-      return w(t, function() {
-        o++;
-      }), o;
-    },
-    toArray: function(t) {
-      return w(t, function(o) {
-        return o;
-      }) || [];
-    },
-    only: function(t) {
-      if (!q(t))
-        throw Error(
-          "React.Children.only expected to receive a single React element child."
-        );
-      return t;
-    }
-  }, p.Component = U, p.Fragment = y, p.Profiler = T, p.PureComponent = x, p.StrictMode = v, p.Suspense = L, p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = b, p.__COMPILER_RUNTIME = {
-    __proto__: null,
-    c: function(t) {
-      return b.H.useMemoCache(t);
-    }
-  }, p.cache = function(t) {
-    return function() {
-      return t.apply(null, arguments);
-    };
-  }, p.cloneElement = function(t, o, f) {
-    if (t == null)
-      throw Error(
-        "The argument must be a React element, but you passed " + t + "."
-      );
-    var c = K({}, t.props), R = t.key, S = void 0;
-    if (o != null)
-      for (m in o.ref !== void 0 && (S = void 0), o.key !== void 0 && (R = "" + o.key), o)
-        !Z.call(o, m) || m === "key" || m === "__self" || m === "__source" || m === "ref" && o.ref === void 0 || (c[m] = o[m]);
-    var m = arguments.length - 2;
-    if (m === 1) c.children = f;
-    else if (1 < m) {
-      for (var F = Array(m), A = 0; A < m; A++)
-        F[A] = arguments[A + 2];
-      c.children = F;
-    }
-    return J(t.type, R, void 0, void 0, S, c);
-  }, p.createContext = function(t) {
-    return t = {
-      $$typeof: N,
-      _currentValue: t,
-      _currentValue2: t,
-      _threadCount: 0,
-      Provider: null,
-      Consumer: null
-    }, t.Provider = t, t.Consumer = {
-      $$typeof: k,
-      _context: t
-    }, t;
-  }, p.createElement = function(t, o, f) {
-    var c, R = {}, S = null;
-    if (o != null)
-      for (c in o.key !== void 0 && (S = "" + o.key), o)
-        Z.call(o, c) && c !== "key" && c !== "__self" && c !== "__source" && (R[c] = o[c]);
-    var m = arguments.length - 2;
-    if (m === 1) R.children = f;
-    else if (1 < m) {
-      for (var F = Array(m), A = 0; A < m; A++)
-        F[A] = arguments[A + 2];
-      R.children = F;
-    }
-    if (t && t.defaultProps)
-      for (c in m = t.defaultProps, m)
-        R[c] === void 0 && (R[c] = m[c]);
-    return J(t, S, void 0, void 0, null, R);
-  }, p.createRef = function() {
-    return { current: null };
-  }, p.forwardRef = function(t) {
-    return { $$typeof: j, render: t };
-  }, p.isValidElement = q, p.lazy = function(t) {
-    return {
-      $$typeof: M,
-      _payload: { _status: -1, _result: t },
-      _init: P
-    };
-  }, p.memo = function(t, o) {
-    return {
-      $$typeof: $,
-      type: t,
-      compare: o === void 0 ? null : o
-    };
-  }, p.startTransition = function(t) {
-    var o = b.T, f = {};
-    b.T = f;
-    try {
-      var c = t(), R = b.S;
-      R !== null && R(f, c), typeof c == "object" && c !== null && typeof c.then == "function" && c.then(ce, D);
-    } catch (S) {
-      D(S);
-    } finally {
-      b.T = o;
-    }
-  }, p.unstable_useCacheRefresh = function() {
-    return b.H.useCacheRefresh();
-  }, p.use = function(t) {
-    return b.H.use(t);
-  }, p.useActionState = function(t, o, f) {
-    return b.H.useActionState(t, o, f);
-  }, p.useCallback = function(t, o) {
-    return b.H.useCallback(t, o);
-  }, p.useContext = function(t) {
-    return b.H.useContext(t);
-  }, p.useDebugValue = function() {
-  }, p.useDeferredValue = function(t, o) {
-    return b.H.useDeferredValue(t, o);
-  }, p.useEffect = function(t, o, f) {
-    var c = b.H;
-    if (typeof f == "function")
-      throw Error(
-        "useEffect CRUD overload is not enabled in this build of React."
-      );
-    return c.useEffect(t, o);
-  }, p.useId = function() {
-    return b.H.useId();
-  }, p.useImperativeHandle = function(t, o, f) {
-    return b.H.useImperativeHandle(t, o, f);
-  }, p.useInsertionEffect = function(t, o) {
-    return b.H.useInsertionEffect(t, o);
-  }, p.useLayoutEffect = function(t, o) {
-    return b.H.useLayoutEffect(t, o);
-  }, p.useMemo = function(t, o) {
-    return b.H.useMemo(t, o);
-  }, p.useOptimistic = function(t, o) {
-    return b.H.useOptimistic(t, o);
-  }, p.useReducer = function(t, o, f) {
-    return b.H.useReducer(t, o, f);
-  }, p.useRef = function(t) {
-    return b.H.useRef(t);
-  }, p.useState = function(t) {
-    return b.H.useState(t);
-  }, p.useSyncExternalStore = function(t, o, f) {
-    return b.H.useSyncExternalStore(
-      t,
-      o,
-      f
-    );
-  }, p.useTransition = function() {
-    return b.H.useTransition();
-  }, p.version = "19.1.0", p;
-}
-var ae = { exports: {} };
-/**
- * @license React
- * react.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-ae.exports;
-var Me;
-function rt() {
-  return Me || (Me = 1, function(n, u) {
-    process.env.NODE_ENV !== "production" && function() {
-      function y(e, r) {
-        Object.defineProperty(k.prototype, e, {
-          get: function() {
-            console.warn(
-              "%s(...) is deprecated in plain JavaScript React classes. %s",
-              r[0],
-              r[1]
-            );
-          }
-        });
-      }
-      function v(e) {
-        return e === null || typeof e != "object" ? null : (e = _e && e[_e] || e["@@iterator"], typeof e == "function" ? e : null);
-      }
-      function T(e, r) {
-        e = (e = e.constructor) && (e.displayName || e.name) || "ReactClass";
-        var s = e + "." + r;
-        Ee[s] || (console.error(
-          "Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",
-          r,
-          e
-        ), Ee[s] = !0);
-      }
-      function k(e, r, s) {
-        this.props = e, this.context = r, this.refs = he, this.updater = s || we;
-      }
-      function N() {
-      }
-      function j(e, r, s) {
-        this.props = e, this.context = r, this.refs = he, this.updater = s || we;
-      }
-      function L(e) {
-        return "" + e;
-      }
-      function $(e) {
-        try {
-          L(e);
-          var r = !1;
-        } catch {
-          r = !0;
-        }
-        if (r) {
-          r = console;
-          var s = r.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-          return s.call(
-            r,
-            "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-            i
-          ), L(e);
-        }
-      }
-      function M(e) {
-        if (e == null) return null;
-        if (typeof e == "function")
-          return e.$$typeof === ze ? null : e.displayName || e.name || null;
-        if (typeof e == "string") return e;
-        switch (e) {
-          case t:
-            return "Fragment";
-          case f:
-            return "Profiler";
-          case o:
-            return "StrictMode";
-          case m:
-            return "Suspense";
-          case F:
-            return "SuspenseList";
-          case We:
-            return "Activity";
-        }
-        if (typeof e == "object")
-          switch (typeof e.tag == "number" && console.error(
-            "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-          ), e.$$typeof) {
-            case ce:
-              return "Portal";
-            case R:
-              return (e.displayName || "Context") + ".Provider";
-            case c:
-              return (e._context.displayName || "Context") + ".Consumer";
-            case S:
-              var r = e.render;
-              return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-            case A:
-              return r = e.displayName || null, r !== null ? r : M(e.type) || "Memo";
-            case ne:
-              r = e._payload, e = e._init;
-              try {
-                return M(e(r));
-              } catch {
-              }
-          }
-        return null;
-      }
-      function W(e) {
-        if (e === t) return "<>";
-        if (typeof e == "object" && e !== null && e.$$typeof === ne)
-          return "<...>";
-        try {
-          var r = M(e);
-          return r ? "<" + r + ">" : "<...>";
-        } catch {
-          return "<...>";
-        }
-      }
-      function B() {
-        var e = g.A;
-        return e === null ? null : e.getOwner();
-      }
-      function Q() {
-        return Error("react-stack-top-frame");
-      }
-      function K(e) {
-        if (le.call(e, "key")) {
-          var r = Object.getOwnPropertyDescriptor(e, "key").get;
-          if (r && r.isReactWarning) return !1;
-        }
-        return e.key !== void 0;
-      }
-      function ee(e, r) {
-        function s() {
-          Oe || (Oe = !0, console.error(
-            "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-            r
-          ));
-        }
-        s.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: s,
-          configurable: !0
-        });
-      }
-      function U() {
-        var e = M(this.type);
-        return Se[e] || (Se[e] = !0, console.error(
-          "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-        )), e = this.props.ref, e !== void 0 ? e : null;
-      }
-      function z(e, r, s, i, a, _, d, O) {
-        return s = _.ref, e = {
-          $$typeof: D,
-          type: e,
-          key: r,
-          props: _,
-          _owner: a
-        }, (s !== void 0 ? s : null) !== null ? Object.defineProperty(e, "ref", {
-          enumerable: !1,
-          get: U
-        }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
-          configurable: !1,
-          enumerable: !1,
-          writable: !0,
-          value: 0
-        }), Object.defineProperty(e, "_debugInfo", {
-          configurable: !1,
-          enumerable: !1,
-          writable: !0,
-          value: null
-        }), Object.defineProperty(e, "_debugStack", {
-          configurable: !1,
-          enumerable: !1,
-          writable: !0,
-          value: d
-        }), Object.defineProperty(e, "_debugTask", {
-          configurable: !1,
-          enumerable: !1,
-          writable: !0,
-          value: O
-        }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-      }
-      function x(e, r) {
-        return r = z(
-          e.type,
-          r,
-          void 0,
-          void 0,
-          e._owner,
-          e.props,
-          e._debugStack,
-          e._debugTask
-        ), e._store && (r._store.validated = e._store.validated), r;
-      }
-      function I(e) {
-        return typeof e == "object" && e !== null && e.$$typeof === D;
-      }
-      function X(e) {
-        var r = { "=": "=0", ":": "=2" };
-        return "$" + e.replace(/[=:]/g, function(s) {
-          return r[s];
-        });
-      }
-      function b(e, r) {
-        return typeof e == "object" && e !== null && e.key != null ? ($(e.key), X("" + e.key)) : r.toString(36);
-      }
-      function Z() {
-      }
-      function J(e) {
-        switch (e.status) {
-          case "fulfilled":
-            return e.value;
-          case "rejected":
-            throw e.reason;
-          default:
-            switch (typeof e.status == "string" ? e.then(Z, Z) : (e.status = "pending", e.then(
-              function(r) {
-                e.status === "pending" && (e.status = "fulfilled", e.value = r);
-              },
-              function(r) {
-                e.status === "pending" && (e.status = "rejected", e.reason = r);
-              }
-            )), e.status) {
-              case "fulfilled":
-                return e.value;
-              case "rejected":
-                throw e.reason;
-            }
-        }
-        throw e;
-      }
-      function Y(e, r, s, i, a) {
-        var _ = typeof e;
-        (_ === "undefined" || _ === "boolean") && (e = null);
-        var d = !1;
-        if (e === null) d = !0;
-        else
-          switch (_) {
-            case "bigint":
-            case "string":
-            case "number":
-              d = !0;
-              break;
-            case "object":
-              switch (e.$$typeof) {
-                case D:
-                case ce:
-                  d = !0;
-                  break;
-                case ne:
-                  return d = e._init, Y(
-                    d(e._payload),
-                    r,
-                    s,
-                    i,
-                    a
-                  );
-              }
-          }
-        if (d) {
-          d = e, a = a(d);
-          var O = i === "" ? "." + b(d, 0) : i;
-          return Te(a) ? (s = "", O != null && (s = O.replace(ke, "$&/") + "/"), Y(a, r, s, "", function(G) {
-            return G;
-          })) : a != null && (I(a) && (a.key != null && (d && d.key === a.key || $(a.key)), s = x(
-            a,
-            s + (a.key == null || d && d.key === a.key ? "" : ("" + a.key).replace(
-              ke,
-              "$&/"
-            ) + "/") + O
-          ), i !== "" && d != null && I(d) && d.key == null && d._store && !d._store.validated && (s._store.validated = 2), a = s), r.push(a)), 1;
-        }
-        if (d = 0, O = i === "" ? "." : i + ":", Te(e))
-          for (var h = 0; h < e.length; h++)
-            i = e[h], _ = O + b(i, h), d += Y(
-              i,
-              r,
-              s,
-              _,
-              a
-            );
-        else if (h = v(e), typeof h == "function")
-          for (h === e.entries && (Ae || console.warn(
-            "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
-          ), Ae = !0), e = h.call(e), h = 0; !(i = e.next()).done; )
-            i = i.value, _ = O + b(i, h++), d += Y(
-              i,
-              r,
-              s,
-              _,
-              a
-            );
-        else if (_ === "object") {
-          if (typeof e.then == "function")
-            return Y(
-              J(e),
-              r,
-              s,
-              i,
-              a
-            );
-          throw r = String(e), Error(
-            "Objects are not valid as a React child (found: " + (r === "[object Object]" ? "object with keys {" + Object.keys(e).join(", ") + "}" : r) + "). If you meant to render a collection of children, use an array instead."
-          );
-        }
-        return d;
-      }
-      function q(e, r, s) {
-        if (e == null) return e;
-        var i = [], a = 0;
-        return Y(e, i, "", "", function(_) {
-          return r.call(s, _, a++);
-        }), i;
-      }
-      function te(e) {
-        if (e._status === -1) {
-          var r = e._result;
-          r = r(), r.then(
-            function(s) {
-              (e._status === 0 || e._status === -1) && (e._status = 1, e._result = s);
-            },
-            function(s) {
-              (e._status === 0 || e._status === -1) && (e._status = 2, e._result = s);
-            }
-          ), e._status === -1 && (e._status = 0, e._result = r);
-        }
-        if (e._status === 1)
-          return r = e._result, r === void 0 && console.error(
-            `lazy: Expected the result of a dynamic import() call. Instead received: %s
+};
+var createErrors = () => {
+  const [errors, setErrors] = createSignal({});
+  const getError = (name) => {
+    return get(errors(), name);
+  };
+  const appendError = (name, error) => {
+    setErrors((prev) => {
+      const newState = { ...prev, [name]: error };
+      return newState;
+    });
+  };
+  const removeError = (name) => {
+    setErrors((prev) => {
+      const newState = { ...prev };
+      delete newState[name];
+      return newState;
+    });
+  };
+  const resetErrors = () => {
+    setErrors({});
+  };
+  return {
+    errors,
+    appendError,
+    removeError,
+    resetErrors,
+    getError
+  };
+};
 
-Your code should look like: 
-  const MyComponent = lazy(() => import('./MyComponent'))
+// src/logic/create_rules.ts
+var createRules = () => {
+  const rules = {};
+  const addRule = (name, options) => {
+    rules[name] = {
+      required: options.required,
+      min: options.min,
+      max: options.max,
+      minLength: options.minLength,
+      maxLength: options.maxLength,
+      pattern: options.pattern,
+      valueAsNumber: options.valueAsNumber,
+      validate: options.validate
+    };
+  };
+  const getRule = (name) => {
+    return rules[name];
+  };
+  return { rules, addRule, getRule };
+};
 
-Did you accidentally put curly braces around the import?`,
-            r
-          ), "default" in r || console.error(
-            `lazy: Expected the result of a dynamic import() call. Instead received: %s
+// src/logic/create_fields.ts
+var createFields = () => {
+  const fields = {};
+  const getField = (name) => {
+    return fields[name];
+  };
+  const setField = (name, element) => {
+    fields[name] = element;
+  };
+  return {
+    fields,
+    getField,
+    setField
+  };
+};
 
-Your code should look like: 
-  const MyComponent = lazy(() => import('./MyComponent'))`,
-            r
-          ), r.default;
-        throw e._result;
-      }
-      function C() {
-        var e = g.H;
-        return e === null && console.error(
-          `Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
-1. You might have mismatching versions of React and the renderer (such as React DOM)
-2. You might be breaking the Rules of Hooks
-3. You might have more than one copy of React in the same app
-See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`
-        ), e;
-      }
-      function re() {
-      }
-      function V(e) {
-        if (pe === null)
-          try {
-            var r = ("require" + Math.random()).slice(0, 7);
-            pe = (n && n[r]).call(
-              n,
-              "timers"
-            ).setImmediate;
-          } catch {
-            pe = function(i) {
-              Pe === !1 && (Pe = !0, typeof MessageChannel > "u" && console.error(
-                "This browser does not have a MessageChannel implementation, so enqueuing tasks via await act(async () => ...) will fail. Please file an issue at https://github.com/facebook/react/issues if you encounter this warning."
-              ));
-              var a = new MessageChannel();
-              a.port1.onmessage = i, a.port2.postMessage(void 0);
-            };
-          }
-        return pe(e);
-      }
-      function l(e) {
-        return 1 < e.length && typeof AggregateError == "function" ? new AggregateError(e) : e[0];
-      }
-      function E(e, r) {
-        r !== de - 1 && console.error(
-          "You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. "
-        ), de = r;
-      }
-      function w(e, r, s) {
-        var i = g.actQueue;
-        if (i !== null)
-          if (i.length !== 0)
-            try {
-              P(i), V(function() {
-                return w(e, r, s);
-              });
-              return;
-            } catch (a) {
-              g.thrownErrors.push(a);
-            }
-          else g.actQueue = null;
-        0 < g.thrownErrors.length ? (i = l(g.thrownErrors), g.thrownErrors.length = 0, s(i)) : r(e);
-      }
-      function P(e) {
-        if (!ve) {
-          ve = !0;
-          var r = 0;
-          try {
-            for (; r < e.length; r++) {
-              var s = e[r];
-              do {
-                g.didUsePromise = !1;
-                var i = s(!1);
-                if (i !== null) {
-                  if (g.didUsePromise) {
-                    e[r] = s, e.splice(0, r);
-                    return;
-                  }
-                  s = i;
-                } else break;
-              } while (!0);
-            }
-            e.length = 0;
-          } catch (a) {
-            e.splice(0, r + 1), g.thrownErrors.push(a);
-          } finally {
-            ve = !1;
-          }
-        }
-      }
-      typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var D = Symbol.for("react.transitional.element"), ce = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), c = Symbol.for("react.consumer"), R = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), F = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), ne = Symbol.for("react.lazy"), We = Symbol.for("react.activity"), _e = Symbol.iterator, Ee = {}, we = {
-        isMounted: function() {
-          return !1;
-        },
-        enqueueForceUpdate: function(e) {
-          T(e, "forceUpdate");
-        },
-        enqueueReplaceState: function(e) {
-          T(e, "replaceState");
-        },
-        enqueueSetState: function(e) {
-          T(e, "setState");
-        }
-      }, Re = Object.assign, he = {};
-      Object.freeze(he), k.prototype.isReactComponent = {}, k.prototype.setState = function(e, r) {
-        if (typeof e != "object" && typeof e != "function" && e != null)
-          throw Error(
-            "takes an object of state variables to update or a function which returns an object of state variables."
-          );
-        this.updater.enqueueSetState(this, e, r, "setState");
-      }, k.prototype.forceUpdate = function(e) {
-        this.updater.enqueueForceUpdate(this, e, "forceUpdate");
-      };
-      var H = {
-        isMounted: [
-          "isMounted",
-          "Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."
-        ],
-        replaceState: [
-          "replaceState",
-          "Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."
-        ]
-      }, fe;
-      for (fe in H)
-        H.hasOwnProperty(fe) && y(fe, H[fe]);
-      N.prototype = k.prototype, H = j.prototype = new N(), H.constructor = j, Re(H, k.prototype), H.isPureReactComponent = !0;
-      var Te = Array.isArray, ze = Symbol.for("react.client.reference"), g = {
-        H: null,
-        A: null,
-        T: null,
-        S: null,
-        V: null,
-        actQueue: null,
-        isBatchingLegacy: !1,
-        didScheduleLegacyUpdate: !1,
-        didUsePromise: !1,
-        thrownErrors: [],
-        getCurrentStack: null,
-        recentlyCreatedOwnerStacks: 0
-      }, le = Object.prototype.hasOwnProperty, be = console.createTask ? console.createTask : function() {
-        return null;
-      };
-      H = {
-        "react-stack-bottom-frame": function(e) {
-          return e();
-        }
-      };
-      var Oe, Ce, Se = {}, xe = H["react-stack-bottom-frame"].bind(H, Q)(), Ve = be(W(Q)), Ae = !1, ke = /\/+/g, je = typeof reportError == "function" ? reportError : function(e) {
-        if (typeof window == "object" && typeof window.ErrorEvent == "function") {
-          var r = new window.ErrorEvent("error", {
-            bubbles: !0,
-            cancelable: !0,
-            message: typeof e == "object" && e !== null && typeof e.message == "string" ? String(e.message) : String(e),
-            error: e
-          });
-          if (!window.dispatchEvent(r)) return;
-        } else if (typeof process == "object" && typeof process.emit == "function") {
-          process.emit("uncaughtException", e);
-          return;
-        }
-        console.error(e);
-      }, Pe = !1, pe = null, de = 0, me = !1, ve = !1, Ne = typeof queueMicrotask == "function" ? function(e) {
-        queueMicrotask(function() {
-          return queueMicrotask(e);
-        });
-      } : V;
-      H = Object.freeze({
-        __proto__: null,
-        c: function(e) {
-          return C().useMemoCache(e);
-        }
-      }), u.Children = {
-        map: q,
-        forEach: function(e, r, s) {
-          q(
-            e,
-            function() {
-              r.apply(this, arguments);
-            },
-            s
-          );
-        },
-        count: function(e) {
-          var r = 0;
-          return q(e, function() {
-            r++;
-          }), r;
-        },
-        toArray: function(e) {
-          return q(e, function(r) {
-            return r;
-          }) || [];
-        },
-        only: function(e) {
-          if (!I(e))
-            throw Error(
-              "React.Children.only expected to receive a single React element child."
-            );
-          return e;
-        }
-      }, u.Component = k, u.Fragment = t, u.Profiler = f, u.PureComponent = j, u.StrictMode = o, u.Suspense = m, u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = g, u.__COMPILER_RUNTIME = H, u.act = function(e) {
-        var r = g.actQueue, s = de;
-        de++;
-        var i = g.actQueue = r !== null ? r : [], a = !1;
-        try {
-          var _ = e();
-        } catch (h) {
-          g.thrownErrors.push(h);
-        }
-        if (0 < g.thrownErrors.length)
-          throw E(r, s), e = l(g.thrownErrors), g.thrownErrors.length = 0, e;
-        if (_ !== null && typeof _ == "object" && typeof _.then == "function") {
-          var d = _;
-          return Ne(function() {
-            a || me || (me = !0, console.error(
-              "You called act(async () => ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);"
-            ));
-          }), {
-            then: function(h, G) {
-              a = !0, d.then(
-                function(oe) {
-                  if (E(r, s), s === 0) {
-                    try {
-                      P(i), V(function() {
-                        return w(
-                          oe,
-                          h,
-                          G
-                        );
-                      });
-                    } catch (Be) {
-                      g.thrownErrors.push(Be);
-                    }
-                    if (0 < g.thrownErrors.length) {
-                      var Ge = l(
-                        g.thrownErrors
-                      );
-                      g.thrownErrors.length = 0, G(Ge);
-                    }
-                  } else h(oe);
-                },
-                function(oe) {
-                  E(r, s), 0 < g.thrownErrors.length && (oe = l(
-                    g.thrownErrors
-                  ), g.thrownErrors.length = 0), G(oe);
-                }
-              );
-            }
-          };
-        }
-        var O = _;
-        if (E(r, s), s === 0 && (P(i), i.length !== 0 && Ne(function() {
-          a || me || (me = !0, console.error(
-            "A component suspended inside an `act` scope, but the `act` call was not awaited. When testing React components that depend on asynchronous data, you must await the result:\n\nawait act(() => ...)"
-          ));
-        }), g.actQueue = null), 0 < g.thrownErrors.length)
-          throw e = l(g.thrownErrors), g.thrownErrors.length = 0, e;
-        return {
-          then: function(h, G) {
-            a = !0, s === 0 ? (g.actQueue = i, V(function() {
-              return w(
-                O,
-                h,
-                G
-              );
-            })) : h(O);
-          }
-        };
-      }, u.cache = function(e) {
-        return function() {
-          return e.apply(null, arguments);
-        };
-      }, u.captureOwnerStack = function() {
-        var e = g.getCurrentStack;
-        return e === null ? null : e();
-      }, u.cloneElement = function(e, r, s) {
-        if (e == null)
-          throw Error(
-            "The argument must be a React element, but you passed " + e + "."
-          );
-        var i = Re({}, e.props), a = e.key, _ = e._owner;
-        if (r != null) {
-          var d;
-          e: {
-            if (le.call(r, "ref") && (d = Object.getOwnPropertyDescriptor(
-              r,
-              "ref"
-            ).get) && d.isReactWarning) {
-              d = !1;
-              break e;
-            }
-            d = r.ref !== void 0;
-          }
-          d && (_ = B()), K(r) && ($(r.key), a = "" + r.key);
-          for (O in r)
-            !le.call(r, O) || O === "key" || O === "__self" || O === "__source" || O === "ref" && r.ref === void 0 || (i[O] = r[O]);
-        }
-        var O = arguments.length - 2;
-        if (O === 1) i.children = s;
-        else if (1 < O) {
-          d = Array(O);
-          for (var h = 0; h < O; h++)
-            d[h] = arguments[h + 2];
-          i.children = d;
-        }
-        for (i = z(
-          e.type,
-          a,
-          void 0,
-          void 0,
-          _,
-          i,
-          e._debugStack,
-          e._debugTask
-        ), a = 2; a < arguments.length; a++)
-          _ = arguments[a], I(_) && _._store && (_._store.validated = 1);
-        return i;
-      }, u.createContext = function(e) {
-        return e = {
-          $$typeof: R,
-          _currentValue: e,
-          _currentValue2: e,
-          _threadCount: 0,
-          Provider: null,
-          Consumer: null
-        }, e.Provider = e, e.Consumer = {
-          $$typeof: c,
-          _context: e
-        }, e._currentRenderer = null, e._currentRenderer2 = null, e;
-      }, u.createElement = function(e, r, s) {
-        for (var i = 2; i < arguments.length; i++) {
-          var a = arguments[i];
-          I(a) && a._store && (a._store.validated = 1);
-        }
-        if (i = {}, a = null, r != null)
-          for (h in Ce || !("__self" in r) || "key" in r || (Ce = !0, console.warn(
-            "Your app (or one of its dependencies) is using an outdated JSX transform. Update to the modern JSX transform for faster performance: https://react.dev/link/new-jsx-transform"
-          )), K(r) && ($(r.key), a = "" + r.key), r)
-            le.call(r, h) && h !== "key" && h !== "__self" && h !== "__source" && (i[h] = r[h]);
-        var _ = arguments.length - 2;
-        if (_ === 1) i.children = s;
-        else if (1 < _) {
-          for (var d = Array(_), O = 0; O < _; O++)
-            d[O] = arguments[O + 2];
-          Object.freeze && Object.freeze(d), i.children = d;
-        }
-        if (e && e.defaultProps)
-          for (h in _ = e.defaultProps, _)
-            i[h] === void 0 && (i[h] = _[h]);
-        a && ee(
-          i,
-          typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-        );
-        var h = 1e4 > g.recentlyCreatedOwnerStacks++;
-        return z(
-          e,
-          a,
-          void 0,
-          void 0,
-          B(),
-          i,
-          h ? Error("react-stack-top-frame") : xe,
-          h ? be(W(e)) : Ve
-        );
-      }, u.createRef = function() {
-        var e = { current: null };
-        return Object.seal(e), e;
-      }, u.forwardRef = function(e) {
-        e != null && e.$$typeof === A ? console.error(
-          "forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."
-        ) : typeof e != "function" ? console.error(
-          "forwardRef requires a render function but was given %s.",
-          e === null ? "null" : typeof e
-        ) : e.length !== 0 && e.length !== 2 && console.error(
-          "forwardRef render functions accept exactly two parameters: props and ref. %s",
-          e.length === 1 ? "Did you forget to use the ref parameter?" : "Any additional parameter will be undefined."
-        ), e != null && e.defaultProps != null && console.error(
-          "forwardRef render functions do not support defaultProps. Did you accidentally pass a React component?"
-        );
-        var r = { $$typeof: S, render: e }, s;
-        return Object.defineProperty(r, "displayName", {
-          enumerable: !1,
-          configurable: !0,
-          get: function() {
-            return s;
-          },
-          set: function(i) {
-            s = i, e.name || e.displayName || (Object.defineProperty(e, "name", { value: i }), e.displayName = i);
-          }
-        }), r;
-      }, u.isValidElement = I, u.lazy = function(e) {
-        return {
-          $$typeof: ne,
-          _payload: { _status: -1, _result: e },
-          _init: te
-        };
-      }, u.memo = function(e, r) {
-        e == null && console.error(
-          "memo: The first argument must be a component. Instead received: %s",
-          e === null ? "null" : typeof e
-        ), r = {
-          $$typeof: A,
-          type: e,
-          compare: r === void 0 ? null : r
-        };
-        var s;
-        return Object.defineProperty(r, "displayName", {
-          enumerable: !1,
-          configurable: !0,
-          get: function() {
-            return s;
-          },
-          set: function(i) {
-            s = i, e.name || e.displayName || (Object.defineProperty(e, "name", { value: i }), e.displayName = i);
-          }
-        }), r;
-      }, u.startTransition = function(e) {
-        var r = g.T, s = {};
-        g.T = s, s._updatedFibers = /* @__PURE__ */ new Set();
-        try {
-          var i = e(), a = g.S;
-          a !== null && a(s, i), typeof i == "object" && i !== null && typeof i.then == "function" && i.then(re, je);
-        } catch (_) {
-          je(_);
-        } finally {
-          r === null && s._updatedFibers && (e = s._updatedFibers.size, s._updatedFibers.clear(), 10 < e && console.warn(
-            "Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."
-          )), g.T = r;
-        }
-      }, u.unstable_useCacheRefresh = function() {
-        return C().useCacheRefresh();
-      }, u.use = function(e) {
-        return C().use(e);
-      }, u.useActionState = function(e, r, s) {
-        return C().useActionState(
-          e,
-          r,
-          s
-        );
-      }, u.useCallback = function(e, r) {
-        return C().useCallback(e, r);
-      }, u.useContext = function(e) {
-        var r = C();
-        return e.$$typeof === c && console.error(
-          "Calling useContext(Context.Consumer) is not supported and will cause bugs. Did you mean to call useContext(Context) instead?"
-        ), r.useContext(e);
-      }, u.useDebugValue = function(e, r) {
-        return C().useDebugValue(e, r);
-      }, u.useDeferredValue = function(e, r) {
-        return C().useDeferredValue(e, r);
-      }, u.useEffect = function(e, r, s) {
-        e == null && console.warn(
-          "React Hook useEffect requires an effect callback. Did you forget to pass a callback to the hook?"
-        );
-        var i = C();
-        if (typeof s == "function")
-          throw Error(
-            "useEffect CRUD overload is not enabled in this build of React."
-          );
-        return i.useEffect(e, r);
-      }, u.useId = function() {
-        return C().useId();
-      }, u.useImperativeHandle = function(e, r, s) {
-        return C().useImperativeHandle(e, r, s);
-      }, u.useInsertionEffect = function(e, r) {
-        return e == null && console.warn(
-          "React Hook useInsertionEffect requires an effect callback. Did you forget to pass a callback to the hook?"
-        ), C().useInsertionEffect(e, r);
-      }, u.useLayoutEffect = function(e, r) {
-        return e == null && console.warn(
-          "React Hook useLayoutEffect requires an effect callback. Did you forget to pass a callback to the hook?"
-        ), C().useLayoutEffect(e, r);
-      }, u.useMemo = function(e, r) {
-        return C().useMemo(e, r);
-      }, u.useOptimistic = function(e, r) {
-        return C().useOptimistic(e, r);
-      }, u.useReducer = function(e, r, s) {
-        return C().useReducer(e, r, s);
-      }, u.useRef = function(e) {
-        return C().useRef(e);
-      }, u.useState = function(e) {
-        return C().useState(e);
-      }, u.useSyncExternalStore = function(e, r, s) {
-        return C().useSyncExternalStore(
-          e,
-          r,
-          s
-        );
-      }, u.useTransition = function() {
-        return C().useTransition();
-      }, u.version = "19.1.0", typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-    }();
-  }(ae, ae.exports)), ae.exports;
-}
-var $e;
-function nt() {
-  return $e || ($e = 1, process.env.NODE_ENV === "production" ? ye.exports = tt() : ye.exports = rt()), ye.exports;
-}
-var ot = nt();
-const ut = /* @__PURE__ */ et(ot);
-var st = (n) => n instanceof Date, Ye = (n) => n == null;
-const it = (n) => typeof n == "object";
-var Ue = (n) => !Ye(n) && !Array.isArray(n) && it(n) && !st(n), qe = (n) => Array.isArray(n) ? n.filter(Boolean) : [], Ie = (n) => n === void 0, se = (n, u, y) => {
-  if (!u || !Ue(n))
-    return y;
-  const v = qe(u.split(/[,[\].]+?/)).reduce((T, k) => Ye(T) ? T : T[k], n);
-  return Ie(v) || v === n ? Ie(n[u]) ? y : n[u] : v;
-}, at = (n) => /^\w*$/.test(n), ct = (n) => qe(n.replace(/["|']|\]/g, "").split(/\.|\[/)), De = (n, u, y) => {
-  let v = -1;
-  const T = at(u) ? [u] : ct(u), k = T.length, N = k - 1;
-  for (; ++v < k; ) {
-    const j = T[v];
-    let L = y;
-    if (v !== N) {
-      const $ = n[j];
-      L = Ue($) || Array.isArray($) ? $ : isNaN(+T[v + 1]) ? {} : [];
-    }
-    if (j === "__proto__" || j === "constructor" || j === "prototype")
-      return;
-    n[j] = L, n = n[j];
+// src/logic/format_value.ts
+var formatValue = (value, rules) => {
+  if (rules.valueAsNumber) {
+    return Number(value);
   }
+  return value;
 };
-ut.createContext(null);
-const ie = (n) => n instanceof RegExp || typeof n == "string" || typeof n == "number" ? n : n.value, ue = (n) => typeof n == "string" ? n : typeof n.message == "string" ? n.message : "", ft = (n, u, y = {}) => {
-  const v = se(n, u);
-  if (y.required && !v)
-    return { type: "required", message: ue(y.required) };
-  if (y.min && Number(v) < Number(ie(y.min)))
-    return { type: "min", message: ue(y.min) };
-  if (y.max && Number(v) > Number(ie(y.max)))
-    return { type: "max", message: ue(y.max) };
-  if (y.minLength && v.length < ie(y.minLength))
-    return { type: "minLength", message: ue(y.minLength) };
-  if (y.maxLength && v.length > ie(y.maxLength))
-    return { type: "maxLength", message: ue(y.maxLength) };
-  if (y.pattern && !ie(y.pattern).test(v))
-    return { type: "pattern", message: ue(y.pattern) };
-  if (y.validate) {
-    const T = y.validate(v, n);
-    if (T === !1)
-      return { type: "validate" };
-    if (typeof T == "string")
-      return { type: "validate", message: T };
-  }
-}, lt = () => {
-  const [n, u] = He({});
-  return {
-    errors: n,
-    appendError: (N, j) => {
-      u((L) => ({ ...L, [N]: j }));
-    },
-    removeError: (N) => {
-      u((j) => {
-        const L = { ...j };
-        return delete L[N], L;
-      });
-    },
-    resetErrors: () => {
-      u({});
-    },
-    getError: (N) => se(n(), N)
-  };
-}, pt = () => {
-  const n = {};
-  return { rules: n, addRule: (v, T) => {
-    n[v] = {
-      required: T.required,
-      min: T.min,
-      max: T.max,
-      minLength: T.minLength,
-      maxLength: T.maxLength,
-      pattern: T.pattern,
-      valueAsNumber: T.valueAsNumber,
-      validate: T.validate
+
+// src/utils/resolver.ts
+var getResolverFields = (fields) => {
+  return Object.entries(fields).reduce((acc, [name, ref]) => {
+    acc[name] = {
+      ref,
+      name
     };
-  }, getRule: (v) => n[v] };
-}, dt = () => {
-  const n = {};
-  return {
-    fields: n,
-    getField: (v) => n[v],
-    setField: (v, T) => {
-      n[v] = T;
+    return acc;
+  }, {});
+};
+
+// src/use_form.ts
+var useForm = (arg = { defaultValues: {} }) => {
+  const { defaultValues, mode = "onInput", resolver } = arg;
+  const { fields, getField, setField } = createFields();
+  const { rules, addRule, getRule } = createRules();
+  const [values, setValues] = createSignal(defaultValues);
+  const { errors, appendError, removeError, resetErrors, getError } = createErrors();
+  const isValid = createMemo(() => {
+    return !Object.keys(errors()).length;
+  });
+  const setFieldError = (name, error) => {
+    const field = getField(name);
+    if (field) {
+      error.ref = field;
     }
+    appendError(name, error);
+  };
+  const clearFieldError = (name) => {
+    removeError(name);
   };
-}, mt = (n, u) => u.valueAsNumber ? Number(n) : n, yt = (n) => Object.entries(n).reduce((u, [y, v]) => (u[y] = {
-  ref: v,
-  name: y
-}, u), {}), vt = (n = { defaultValues: {} }) => {
-  const { defaultValues: u, mode: y = "onInput", resolver: v } = n, { fields: T, getField: k, setField: N } = dt(), { rules: j, addRule: L, getRule: $ } = pt(), [M, W] = He(u), { errors: B, appendError: Q, removeError: K, resetErrors: ee, getError: U } = lt(), z = Qe(() => !Object.keys(B()).length), x = (l, E) => {
-    const w = k(l);
-    w && (E.ref = w), Q(l, E);
-  }, I = (l) => {
-    K(l);
-  }, X = async (l) => {
-    if (!v)
+  const runSchema = async (names) => {
+    if (!resolver) {
       return;
-    const E = await v(M(), null, {
-      fields: yt(T),
-      shouldUseNativeValidation: !1
+    }
+    const result = await resolver(values(), null, {
+      fields: getResolverFields(fields),
+      shouldUseNativeValidation: false
     });
-    for (const w of l) {
-      const P = se(E.errors, w);
-      P ? x(w, P) : I(w);
+    for (const name of names) {
+      const error = get(result.errors, name);
+      if (error) {
+        setFieldError(name, error);
+      } else {
+        clearFieldError(name);
+      }
     }
-  }, b = (l) => {
-    if (v) {
-      X([l]);
+  };
+  const validateField = (name) => {
+    if (resolver) {
+      runSchema([name]);
       return;
     }
-    const E = $(l), w = ft(M(), l, E);
-    w ? x(l, w) : I(l);
-  }, Z = async () => {
-    if (v) {
-      await X(Object.keys(T));
+    const rule = getRule(name);
+    const error = validate(values(), name, rule);
+    if (error) {
+      setFieldError(name, error);
+    } else {
+      clearFieldError(name);
+    }
+  };
+  const validateAllFields = async () => {
+    if (resolver) {
+      await runSchema(Object.keys(fields));
       return;
     }
-    Object.keys(j).forEach((l) => {
-      b(l);
+    Object.keys(rules).forEach((key) => {
+      validateField(key);
     });
-  }, J = () => {
-    var E;
-    const l = Object.keys(T);
-    for (const w of l) {
-      const P = U(w);
-      if (P) {
-        (E = P.ref) == null || E.focus();
+  };
+  const focusFirstError = () => {
+    const names = Object.keys(fields);
+    for (const name of names) {
+      const error = getError(name);
+      if (error) {
+        error.ref?.focus();
         break;
       }
     }
-  }, Y = (l, E) => {
-    const w = mt(Je(l), j[E]);
-    W((P) => {
-      const D = { ...P };
-      return De(D, E, w), D;
-    }), b(E);
-  }, q = (l, E = {}) => (L(l, E), {
-    name: l,
-    // value: get(values(), name),
-    onInput(w) {
-      y === "onChange" && Y(w, l);
-    },
-    onChange(w) {
-      y === "onChange" && Y(w, l);
-    },
-    ref(w) {
-      k(l) || (N(l, w), w && ge(w, se(M(), l)));
+  };
+  const onFieldChange = (event, name) => {
+    const value = formatValue(getFieldValue(event), rules[name]);
+    setValues((prev) => {
+      const newState = { ...prev };
+      set(newState, name, value);
+      return newState;
+    });
+    validateField(name);
+  };
+  const register = (name, options = {}) => {
+    addRule(name, options);
+    return {
+      name,
+      // value: get(values(), name),
+      onInput(event) {
+        if (mode === "onChange") {
+          onFieldChange(event, name);
+        }
+      },
+      onChange(event) {
+        if (mode === "onChange") {
+          onFieldChange(event, name);
+        }
+      },
+      ref(element) {
+        const field = getField(name);
+        if (field) {
+          return;
+        }
+        setField(name, element);
+        if (element) {
+          setFieldValue(element, get(values(), name));
+        }
+      }
+    };
+  };
+  const getValues = (name) => {
+    if (name) {
+      return get(values(), name);
+    }
+    return values();
+  };
+  const setValue = (name, value) => {
+    setValues((prev) => {
+      const newValues = { ...prev };
+      set(newValues, name, value);
+      return newValues;
+    });
+    const field = getField(name);
+    if (field) {
+      setFieldValue(field, value);
     }
-  }), te = (l) => l ? se(M(), l) : M();
+  };
+  const onSubmit = (submit) => {
+    return async (event) => {
+      event.preventDefault();
+      await validateAllFields();
+      if (isValid()) {
+        submit(getValues());
+      }
+      focusFirstError();
+    };
+  };
+  const reset = (newDefaultValues = {}) => {
+    const newValues = {
+      ...structuredClone(defaultValues),
+      ...newDefaultValues
+    };
+    setValues(() => newValues);
+    resetErrors();
+    Object.entries(fields).forEach(([name, field]) => {
+      if (field) {
+        setFieldValue(field, get(newValues, name));
+      }
+    });
+  };
   return {
-    values: M,
-    errors: B,
-    isValid: z,
-    register: q,
-    getValues: te,
-    setValue: (l, E) => {
-      W((P) => {
-        const D = { ...P };
-        return De(D, l, E), D;
-      });
-      const w = k(l);
-      w && ge(w, E);
-    },
-    onSubmit: (l) => async (E) => {
-      E.preventDefault(), await Z(), z() && l(te()), J();
+    values,
+    errors,
+    isValid,
+    register,
+    getValues,
+    setValue,
+    onSubmit,
+    reset
+  };
+};
+var FormContext = createContext();
+
+// src/form_provider.tsx
+var FormProvider = (props) => {
+  return createComponent(FormContext.Provider, {
+    get value() {
+      return props.form;
     },
-    reset: (l = {}) => {
-      const E = {
-        ...structuredClone(u),
-        ...l
-      };
-      W(() => E), ee(), Object.entries(T).forEach(([w, P]) => {
-        P && ge(P, se(E, w));
-      });
+    get children() {
+      return props.children;
     }
-  };
-}, Fe = Ke(), gt = (n) => Xe(Fe.Provider, {
-  get value() {
-    return n.form;
-  },
-  get children() {
-    return n.children;
-  }
-}), _t = () => {
-  const n = Ze(Fe);
-  if (!n)
-    throw new Error("useFormContext: cannot find a FormProvider");
-  return n;
+  });
 };
-export {
-  gt as FormProvider,
-  vt as useForm,
-  _t as useFormContext
+var useFormContext = () => {
+  const form = useContext(FormContext);
+  if (!form) {
+    throw new Error("useFormContext: cannot find a FormProvider");
+  }
+  return form;
 };
+
+export { FormProvider, useForm, useFormContext };