solid-hook-form 1.3.0 → 1.3.2

package/README.md

@@ -2,7 +2,7 @@
 
 ### Playground
 
-[<img width="1171" alt="Screenshot 2025-04-05 at 15 01 47" src="https://github.com/user-attachments/assets/072eb398-85fa-4240-b305-dcbbe9c0a9c8" />](https://solid-hook-form.vercel.app/)
+[<img width="1171" alt="Screenshot 2025-04-05 at 15 01 47" src="https://github.com/user-attachments/assets/08c8242a-c254-4d80-9de8-278d32615c12" />](https://solid-hook-form.vercel.app/)
 
 ### Install
 

package/dist/logic/create_errors.d.ts

@@ -0,0 +1,9 @@
+import { FieldError } from '../types/errors';
+import { FormValues } from '../types/form';
+import { Path } from '../types/path';
+export declare const createErrors: <F extends FormValues>() => {
+    errors: import('solid-js').Accessor<Partial<Record<Path<F>, FieldError>>>;
+    appendError: (name: Path<F>, error: FieldError) => void;
+    removeError: (name: Path<F>) => void;
+    resetErrors: () => void;
+};

package/dist/main.d.ts

@@ -1,3 +1,4 @@
 export { useForm } from './use_form';
 export { FormProvider } from './form_provider';
 export { useFormContext } from './use_form_context';
+export type { FieldError, FieldErrors } from './types/errors';

package/dist/main.js

@@ -1,30 +1,30 @@
-const J = (t, e) => t === e, y = {
-  equals: J
+const Y = (t, e) => t === e, d = {
+  equals: Y
 };
-let K = _;
-const m = 1, w = 2, X = {};
-var c = null;
-let C = null, Y = null, l = null, a = null, g = null, E = 0;
+let Z = H;
+const g = 1, y = 2, $ = {};
+var a = null;
+let C = null, tt = null, l = null, f = null, h = null, S = 0;
 function F(t, e) {
-  e = e ? Object.assign({}, y, e) : y;
+  e = e ? Object.assign({}, d, e) : d;
   const r = {
     value: t,
     observers: null,
     observerSlots: null,
     comparator: e.equals || void 0
-  }, n = (s) => (typeof s == "function" && (s = s(r.value)), U(r, s));
-  return [R.bind(r), n];
+  }, n = (s) => (typeof s == "function" && (s = s(r.value)), R(r, s));
+  return [P.bind(r), n];
 }
-function Z(t, e, r) {
-  const n = j(t, e, !1, m);
-  S(n);
+function et(t, e, r) {
+  const n = U(t, e, !1, g);
+  A(n);
 }
-function D(t, e, r) {
-  r = r ? Object.assign({}, y, r) : y;
-  const n = j(t, e, !0, 0);
-  return n.observers = null, n.observerSlots = null, n.comparator = r.equals || void 0, S(n), R.bind(n);
+function T(t, e, r) {
+  r = r ? Object.assign({}, d, r) : d;
+  const n = U(t, e, !0, 0);
+  return n.observers = null, n.observerSlots = null, n.comparator = r.equals || void 0, A(n), P.bind(n);
 }
-function P(t) {
+function M(t) {
   if (l === null) return t();
   const e = l;
   l = null;
@@ -34,31 +34,31 @@ function P(t) {
     l = e;
   }
 }
-function $(t, e) {
+function rt(t, e) {
   const r = Symbol("context");
   return {
     id: r,
-    Provider: ut(r),
+    Provider: ct(r),
     defaultValue: t
   };
 }
-function tt(t) {
+function nt(t) {
   let e;
-  return c && c.context && (e = c.context[t.id]) !== void 0 ? e : t.defaultValue;
+  return a && a.context && (e = a.context[t.id]) !== void 0 ? e : t.defaultValue;
 }
-function et(t) {
-  const e = D(t), r = D(() => V(e()));
+function st(t) {
+  const e = T(t), r = T(() => V(e()));
   return r.toArray = () => {
     const n = r();
     return Array.isArray(n) ? n : n != null ? [n] : [];
   }, r;
 }
-function R() {
+function P() {
   if (this.sources && this.state)
-    if (this.state === m) S(this);
+    if (this.state === g) A(this);
     else {
-      const t = a;
-      a = null, A(() => x(this)), a = t;
+      const t = f;
+      f = null, L(() => w(this)), f = t;
     }
   if (l) {
     const t = this.observers ? this.observers.length : 0;
@@ -66,41 +66,41 @@ function R() {
   }
   return this.value;
 }
-function U(t, e, r) {
+function R(t, e, r) {
   let n = t.value;
-  return (!t.comparator || !t.comparator(n, e)) && (t.value = e, t.observers && t.observers.length && A(() => {
+  return (!t.comparator || !t.comparator(n, e)) && (t.value = e, t.observers && t.observers.length && L(() => {
     for (let s = 0; s < t.observers.length; s += 1) {
       const i = t.observers[s], p = C && C.running;
-      p && C.disposed.has(i), (p ? !i.tState : !i.state) && (i.pure ? a.push(i) : g.push(i), i.observers && G(i)), p || (i.state = m);
+      p && C.disposed.has(i), (p ? !i.tState : !i.state) && (i.pure ? f.push(i) : h.push(i), i.observers && _(i)), p || (i.state = g);
     }
-    if (a.length > 1e6)
-      throw a = [], new Error();
+    if (f.length > 1e6)
+      throw f = [], new Error();
   })), e;
 }
-function S(t) {
+function A(t) {
   if (!t.fn) return;
-  d(t);
-  const e = E;
-  rt(
+  x(t);
+  const e = S;
+  ot(
     t,
     t.value,
     e
   );
 }
-function rt(t, e, r) {
+function ot(t, e, r) {
   let n;
-  const s = c, i = l;
-  l = c = t;
+  const s = a, i = l;
+  l = a = t;
   try {
     n = t.fn(e);
   } catch (p) {
-    return t.pure && (t.state = m, t.owned && t.owned.forEach(d), t.owned = null), t.updatedAt = r + 1, Q(p);
+    return t.pure && (t.state = g, t.owned && t.owned.forEach(x), t.owned = null), t.updatedAt = r + 1, G(p);
   } finally {
-    l = i, c = s;
+    l = i, a = s;
   }
-  (!t.updatedAt || t.updatedAt <= r) && (t.updatedAt != null && "observers" in t ? U(t, n) : t.value = n, t.updatedAt = r);
+  (!t.updatedAt || t.updatedAt <= r) && (t.updatedAt != null && "observers" in t ? R(t, n) : t.value = n, t.updatedAt = r);
 }
-function j(t, e, r, n = m, s) {
+function U(t, e, r, n = g, s) {
   const i = {
     fn: t,
     state: n,
@@ -110,63 +110,63 @@ function j(t, e, r, n = m, s) {
     sourceSlots: null,
     cleanups: null,
     value: e,
-    owner: c,
-    context: c ? c.context : null,
+    owner: a,
+    context: a ? a.context : null,
     pure: r
   };
-  return c === null || c !== X && (c.owned ? c.owned.push(i) : c.owned = [i]), i;
+  return a === null || a !== $ && (a.owned ? a.owned.push(i) : a.owned = [i]), i;
 }
-function H(t) {
+function j(t) {
   if (t.state === 0) return;
-  if (t.state === w) return x(t);
-  if (t.suspense && P(t.suspense.inFallback)) return t.suspense.effects.push(t);
+  if (t.state === y) return w(t);
+  if (t.suspense && M(t.suspense.inFallback)) return t.suspense.effects.push(t);
   const e = [t];
-  for (; (t = t.owner) && (!t.updatedAt || t.updatedAt < E); )
+  for (; (t = t.owner) && (!t.updatedAt || t.updatedAt < S); )
     t.state && e.push(t);
   for (let r = e.length - 1; r >= 0; r--)
-    if (t = e[r], t.state === m)
-      S(t);
-    else if (t.state === w) {
-      const n = a;
-      a = null, A(() => x(t, e[0])), a = n;
+    if (t = e[r], t.state === g)
+      A(t);
+    else if (t.state === y) {
+      const n = f;
+      f = null, L(() => w(t, e[0])), f = n;
     }
 }
-function A(t, e) {
-  if (a) return t();
+function L(t, e) {
+  if (f) return t();
   let r = !1;
-  a = [], g ? r = !0 : g = [], E++;
+  f = [], h ? r = !0 : h = [], S++;
   try {
     const n = t();
-    return nt(r), n;
+    return it(r), n;
   } catch (n) {
-    r || (g = null), a = null, Q(n);
+    r || (h = null), f = null, G(n);
   }
 }
-function nt(t) {
-  if (a && (_(a), a = null), t) return;
-  const e = g;
-  g = null, e.length && A(() => K(e));
+function it(t) {
+  if (f && (H(f), f = null), t) return;
+  const e = h;
+  h = null, e.length && L(() => Z(e));
 }
-function _(t) {
-  for (let e = 0; e < t.length; e++) H(t[e]);
+function H(t) {
+  for (let e = 0; e < t.length; e++) j(t[e]);
 }
-function x(t, e) {
+function w(t, e) {
   t.state = 0;
   for (let r = 0; r < t.sources.length; r += 1) {
     const n = t.sources[r];
     if (n.sources) {
       const s = n.state;
-      s === m ? n !== e && (!n.updatedAt || n.updatedAt < E) && H(n) : s === w && x(n, e);
+      s === g ? n !== e && (!n.updatedAt || n.updatedAt < S) && j(n) : s === y && w(n, e);
     }
   }
 }
-function G(t) {
+function _(t) {
   for (let e = 0; e < t.observers.length; e += 1) {
     const r = t.observers[e];
-    r.state || (r.state = w, r.pure ? a.push(r) : g.push(r), r.observers && G(r));
+    r.state || (r.state = y, r.pure ? f.push(r) : h.push(r), r.observers && _(r));
   }
 }
-function d(t) {
+function x(t) {
   let e;
   if (t.sources)
     for (; t.sources.length; ) {
@@ -177,11 +177,11 @@ function d(t) {
       }
     }
   if (t.tOwned) {
-    for (e = t.tOwned.length - 1; e >= 0; e--) d(t.tOwned[e]);
+    for (e = t.tOwned.length - 1; e >= 0; e--) x(t.tOwned[e]);
     delete t.tOwned;
   }
   if (t.owned) {
-    for (e = t.owned.length - 1; e >= 0; e--) d(t.owned[e]);
+    for (e = t.owned.length - 1; e >= 0; e--) x(t.owned[e]);
     t.owned = null;
   }
   if (t.cleanups) {
@@ -190,13 +190,13 @@ function d(t) {
   }
   t.state = 0;
 }
-function st(t) {
+function ut(t) {
   return t instanceof Error ? t : new Error(typeof t == "string" ? t : "Unknown error", {
     cause: t
   });
 }
-function Q(t, e = c) {
-  throw st(t);
+function G(t, e = a) {
+  throw ut(t);
 }
 function V(t) {
   if (typeof t == "function" && !t.length) return V(t());
@@ -210,22 +210,22 @@ function V(t) {
   }
   return t;
 }
-function ut(t, e) {
+function ct(t, e) {
   return function(n) {
     let s;
-    return Z(
-      () => s = P(() => (c.context = {
-        ...c.context,
+    return et(
+      () => s = M(() => (a.context = {
+        ...a.context,
         [t]: n.value
-      }, et(() => n.children))),
+      }, st(() => n.children))),
       void 0
     ), s;
   };
 }
-const it = (t) => {
+const lt = (t) => {
   const e = t.target;
   return e instanceof HTMLSelectElement ? e.value : e instanceof HTMLInputElement && e.type === "checkbox" ? e.checked : e.value;
-}, M = (t, e) => {
+}, D = (t, e) => {
   if (t instanceof HTMLSelectElement) {
     t.value = e;
     return;
@@ -235,7 +235,7 @@ const it = (t) => {
     return;
   }
   t.value = e;
-}, b = (t) => t instanceof RegExp || typeof t == "string" || typeof t == "number" ? t : t.value, v = (t) => typeof t == "string" ? t : typeof t.message == "string" ? t.message : "", ot = (t, e, r = {}) => {
+}, b = (t) => t instanceof RegExp || typeof t == "string" || typeof t == "number" ? t : t.value, v = (t) => typeof t == "string" ? t : typeof t.message == "string" ? t.message : "", at = (t, e, r = {}) => {
   const n = t[e];
   if (r.required && !n)
     return { type: "required", message: v(r.required) };
@@ -256,73 +256,92 @@ const it = (t) => {
     if (typeof s == "string")
       return { type: "validate", message: s };
   }
-}, ft = ({
+}, ft = () => {
+  const [t, e] = F({});
+  return {
+    errors: t,
+    appendError: (i, p) => {
+      e((m) => ({ ...m, [i]: p }));
+    },
+    removeError: (i) => {
+      e((p) => {
+        const m = { ...p };
+        return delete m[i], m;
+      });
+    },
+    resetErrors: () => {
+      e({});
+    }
+  };
+}, mt = ({
   defaultValues: t,
   mode: e = "onInput"
 }) => {
-  const r = {}, n = {}, [s, i] = F(t), [p, L] = F({}), [k, O] = F(!0), I = (u) => {
-    const o = n[u], f = ot(s(), u, o);
-    L(f ? (h) => ({ ...h, [u]: f }) : (h) => {
-      const T = { ...h };
-      return delete T[u], T;
-    }), O(!Object.keys(p()).length);
-  }, z = () => {
-    Object.keys(s()).forEach((u) => {
-      I(u);
+  const r = {}, n = {}, [s, i] = F(t), { errors: p, appendError: m, removeError: W, resetErrors: z } = ft(), [k, O] = F(!0), B = (o, u) => {
+    const c = r[o];
+    c && (u.ref = c), m(o, u);
+  }, J = (o) => {
+    W(o);
+  }, I = (o) => {
+    const u = n[o], c = at(s(), o, u);
+    c ? B(o, c) : J(o), O(!Object.keys(p()).length);
+  }, K = () => {
+    Object.keys(s()).forEach((o) => {
+      I(o);
     });
-  }, N = (u, o) => {
-    const f = it(u);
-    i((h) => ({ ...h, [o]: f })), I(o);
-  }, B = (u, o = {}) => (n[u] = {
-    required: o.required,
-    min: o.min,
-    max: o.max,
-    minLength: o.minLength,
-    maxLength: o.maxLength,
-    pattern: o.pattern,
-    validate: o.validate
+  }, N = (o, u) => {
+    const c = lt(o);
+    i((E) => ({ ...E, [u]: c })), I(u);
+  }, X = (o, u = {}) => (n[o] = {
+    required: u.required,
+    min: u.min,
+    max: u.max,
+    minLength: u.minLength,
+    maxLength: u.maxLength,
+    pattern: u.pattern,
+    validate: u.validate
   }, {
-    name: u,
+    name: o,
     // value: values()[name],
-    onInput(f) {
-      e === "onInput" && N(f, u);
+    onInput(c) {
+      e === "onInput" && N(c, o);
     },
-    onChange(f) {
-      (e === "onChange" || e === "onInput") && N(f, u);
+    onChange(c) {
+      (e === "onChange" || e === "onInput") && N(c, o);
     },
-    ref(f) {
-      r[u] || (r[u] = f, f && M(f, s()[u]));
+    ref(c) {
+      r[o] || (r[o] = c, c && D(c, s()[o]));
     }
-  }), q = (u) => u ? s()[u] : s();
+  }), q = (o) => o ? s()[o] : s();
   return {
     values: s,
     errors: p,
     isValid: k,
-    register: B,
+    register: X,
     getValues: q,
-    setValue: (u, o) => {
-      i((h) => ({ ...h, [u]: o }));
-      const f = r[u];
-      f && M(f, o);
+    setValue: (o, u) => {
+      i((E) => ({ ...E, [o]: u }));
+      const c = r[o];
+      c && D(c, u);
     },
-    onSubmit: (u) => (o) => {
-      o.preventDefault(), z(), k() && u(q());
+    onSubmit: (o) => (u) => {
+      u.preventDefault(), K(), k() && o(q());
     },
-    reset: (u = {}) => {
+    reset: (o = {}) => {
       i(() => ({
         ...t,
-        ...u
-      })), L({}), O(!0);
+        ...o
+      })), z(), O(!0);
     }
   };
-}, W = $({}), pt = (t) => /* @__PURE__ */ React.createElement(W.Provider, { value: t.form }, t.children), ht = () => {
-  const t = tt(W);
+}, Q = rt({}), vt = (t) => /* @__PURE__ */ React.createElement(Q.Provider, { value: t.form }, t.children), bt = () => {
+  const t = nt(Q);
   if (!t)
     throw new Error("useFormContext: cannot find a FormProvider");
   return t;
 };
 export {
-  pt as FormProvider,
-  ft as useForm,
-  ht as useFormContext
+  vt as FormProvider,
+  mt as useForm,
+  bt as useFormContext
 };

package/dist/main.umd.cjs

@@ -1 +1 @@
-(function(h,y){typeof exports=="object"&&typeof module<"u"?y(exports):typeof define=="function"&&define.amd?define(["exports"],y):(h=typeof globalThis<"u"?globalThis:h||self,y(h["solid-hook-form"]={}))})(this,function(h){"use strict";const w={equals:(t,e)=>t===e};let J=j;const m=1,x=2,K={};var o=null;let C=null,X=null,l=null,a=null,v=null,S=0;function k(t,e){e=e?Object.assign({},w,e):w;const n={value:t,observers:null,observerSlots:null,comparator:e.equals||void 0},r=s=>(typeof s=="function"&&(s=s(n.value)),N(n,s));return[q.bind(n),r]}function Y(t,e,n){const r=P(t,e,!1,m);E(r)}function T(t,e,n){n=n?Object.assign({},w,n):w;const r=P(t,e,!0,0);return r.observers=null,r.observerSlots=null,r.comparator=n.equals||void 0,E(r),q.bind(r)}function I(t){if(l===null)return t();const e=l;l=null;try{return t()}finally{l=e}}function Z(t,e){const n=Symbol("context");return{id:n,Provider:st(n),defaultValue:t}}function $(t){let e;return o&&o.context&&(e=o.context[t.id])!==void 0?e:t.defaultValue}function tt(t){const e=T(t),n=T(()=>O(e()));return n.toArray=()=>{const r=n();return Array.isArray(r)?r:r!=null?[r]:[]},n}function q(){if(this.sources&&this.state)if(this.state===m)E(this);else{const t=a;a=null,A(()=>L(this)),a=t}if(l){const t=this.observers?this.observers.length:0;l.sources?(l.sources.push(this),l.sourceSlots.push(t)):(l.sources=[this],l.sourceSlots=[t]),this.observers?(this.observers.push(l),this.observerSlots.push(l.sources.length-1)):(this.observers=[l],this.observerSlots=[l.sources.length-1])}return this.value}function N(t,e,n){let r=t.value;return(!t.comparator||!t.comparator(r,e))&&(t.value=e,t.observers&&t.observers.length&&A(()=>{for(let s=0;s<t.observers.length;s+=1){const u=t.observers[s],p=C&&C.running;p&&C.disposed.has(u),(p?!u.tState:!u.state)&&(u.pure?a.push(u):v.push(u),u.observers&&D(u)),p||(u.state=m)}if(a.length>1e6)throw a=[],new Error})),e}function E(t){if(!t.fn)return;F(t);const e=S;et(t,t.value,e)}function et(t,e,n){let r;const s=o,u=l;l=o=t;try{r=t.fn(e)}catch(p){return t.pure&&(t.state=m,t.owned&&t.owned.forEach(F),t.owned=null),t.updatedAt=n+1,R(p)}finally{l=u,o=s}(!t.updatedAt||t.updatedAt<=n)&&(t.updatedAt!=null&&"observers"in t?N(t,r):t.value=r,t.updatedAt=n)}function P(t,e,n,r=m,s){const u={fn:t,state:r,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:e,owner:o,context:o?o.context:null,pure:n};return o===null||o!==K&&(o.owned?o.owned.push(u):o.owned=[u]),u}function M(t){if(t.state===0)return;if(t.state===x)return L(t);if(t.suspense&&I(t.suspense.inFallback))return t.suspense.effects.push(t);const e=[t];for(;(t=t.owner)&&(!t.updatedAt||t.updatedAt<S);)t.state&&e.push(t);for(let n=e.length-1;n>=0;n--)if(t=e[n],t.state===m)E(t);else if(t.state===x){const r=a;a=null,A(()=>L(t,e[0])),a=r}}function A(t,e){if(a)return t();let n=!1;a=[],v?n=!0:v=[],S++;try{const r=t();return nt(n),r}catch(r){n||(v=null),a=null,R(r)}}function nt(t){if(a&&(j(a),a=null),t)return;const e=v;v=null,e.length&&A(()=>J(e))}function j(t){for(let e=0;e<t.length;e++)M(t[e])}function L(t,e){t.state=0;for(let n=0;n<t.sources.length;n+=1){const r=t.sources[n];if(r.sources){const s=r.state;s===m?r!==e&&(!r.updatedAt||r.updatedAt<S)&&M(r):s===x&&L(r,e)}}}function D(t){for(let e=0;e<t.observers.length;e+=1){const n=t.observers[e];n.state||(n.state=x,n.pure?a.push(n):v.push(n),n.observers&&D(n))}}function F(t){let e;if(t.sources)for(;t.sources.length;){const n=t.sources.pop(),r=t.sourceSlots.pop(),s=n.observers;if(s&&s.length){const u=s.pop(),p=n.observerSlots.pop();r<s.length&&(u.sourceSlots[p]=r,s[r]=u,n.observerSlots[r]=p)}}if(t.tOwned){for(e=t.tOwned.length-1;e>=0;e--)F(t.tOwned[e]);delete t.tOwned}if(t.owned){for(e=t.owned.length-1;e>=0;e--)F(t.owned[e]);t.owned=null}if(t.cleanups){for(e=t.cleanups.length-1;e>=0;e--)t.cleanups[e]();t.cleanups=null}t.state=0}function rt(t){return t instanceof Error?t:new Error(typeof t=="string"?t:"Unknown error",{cause:t})}function R(t,e=o){throw rt(t)}function O(t){if(typeof t=="function"&&!t.length)return O(t());if(Array.isArray(t)){const e=[];for(let n=0;n<t.length;n++){const r=O(t[n]);Array.isArray(r)?e.push.apply(e,r):e.push(r)}return e}return t}function st(t,e){return function(r){let s;return Y(()=>s=I(()=>(o.context={...o.context,[t]:r.value},tt(()=>r.children))),void 0),s}}const it=t=>{const e=t.target;return e instanceof HTMLSelectElement?e.value:e instanceof HTMLInputElement&&e.type==="checkbox"?e.checked:e.value},U=(t,e)=>{if(t instanceof HTMLSelectElement){t.value=e;return}if(t instanceof HTMLInputElement&&t.type==="checkbox"){t.checked=e;return}t.value=e},d=t=>t instanceof RegExp||typeof t=="string"||typeof t=="number"?t:t.value,b=t=>typeof t=="string"?t:typeof t.message=="string"?t.message:"",ut=(t,e,n={})=>{const r=t[e];if(n.required&&!r)return{type:"required",message:b(n.required)};if(n.min&&Number(r)<Number(d(n.min)))return{type:"min",message:b(n.min)};if(n.max&&Number(r)>Number(d(n.max)))return{type:"max",message:b(n.max)};if(n.minLength&&r.length<d(n.minLength))return{type:"minLength",message:b(n.minLength)};if(n.maxLength&&r.length>d(n.maxLength))return{type:"maxLength",message:b(n.maxLength)};if(n.pattern&&!d(n.pattern).test(r))return{type:"pattern",message:b(n.pattern)};if(n.validate){const s=n.validate(r,t);if(s===!1)return{type:"validate"};if(typeof s=="string")return{type:"validate",message:s}}},ot=({defaultValues:t,mode:e="onInput"})=>{const n={},r={},[s,u]=k(t),[p,V]=k({}),[_,G]=k(!0),Q=i=>{const c=r[i],f=ut(s(),i,c);V(f?g=>({...g,[i]:f}):g=>{const B={...g};return delete B[i],B}),G(!Object.keys(p()).length)},at=()=>{Object.keys(s()).forEach(i=>{Q(i)})},W=(i,c)=>{const f=it(i);u(g=>({...g,[c]:f})),Q(c)},ft=(i,c={})=>(r[i]={required:c.required,min:c.min,max:c.max,minLength:c.minLength,maxLength:c.maxLength,pattern:c.pattern,validate:c.validate},{name:i,onInput(f){e==="onInput"&&W(f,i)},onChange(f){(e==="onChange"||e==="onInput")&&W(f,i)},ref(f){n[i]||(n[i]=f,f&&U(f,s()[i]))}}),z=i=>i?s()[i]:s();return{values:s,errors:p,isValid:_,register:ft,getValues:z,setValue:(i,c)=>{u(g=>({...g,[i]:c}));const f=n[i];f&&U(f,c)},onSubmit:i=>c=>{c.preventDefault(),at(),_()&&i(z())},reset:(i={})=>{u(()=>({...t,...i})),V({}),G(!0)}}},H=Z({}),lt=t=>React.createElement(H.Provider,{value:t.form},t.children),ct=()=>{const t=$(H);if(!t)throw new Error("useFormContext: cannot find a FormProvider");return t};h.FormProvider=lt,h.useForm=ot,h.useFormContext=ct,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})});
+(function(h,y){typeof exports=="object"&&typeof module<"u"?y(exports):typeof define=="function"&&define.amd?define(["exports"],y):(h=typeof globalThis<"u"?globalThis:h||self,y(h["solid-hook-form"]={}))})(this,function(h){"use strict";const E={equals:(t,e)=>t===e};let B=j;const g=1,w=2,J={};var c=null;let k=null,K=null,a=null,f=null,m=null,x=0;function O(t,e){e=e?Object.assign({},E,e):E;const r={value:t,observers:null,observerSlots:null,comparator:e.equals||void 0},n=s=>(typeof s=="function"&&(s=s(r.value)),N(r,s));return[q.bind(r),n]}function X(t,e,r){const n=P(t,e,!1,g);S(n)}function T(t,e,r){r=r?Object.assign({},E,r):E;const n=P(t,e,!0,0);return n.observers=null,n.observerSlots=null,n.comparator=r.equals||void 0,S(n),q.bind(n)}function I(t){if(a===null)return t();const e=a;a=null;try{return t()}finally{a=e}}function Y(t,e){const r=Symbol("context");return{id:r,Provider:nt(r),defaultValue:t}}function Z(t){let e;return c&&c.context&&(e=c.context[t.id])!==void 0?e:t.defaultValue}function $(t){const e=T(t),r=T(()=>V(e()));return r.toArray=()=>{const n=r();return Array.isArray(n)?n:n!=null?[n]:[]},r}function q(){if(this.sources&&this.state)if(this.state===g)S(this);else{const t=f;f=null,A(()=>F(this)),f=t}if(a){const t=this.observers?this.observers.length:0;a.sources?(a.sources.push(this),a.sourceSlots.push(t)):(a.sources=[this],a.sourceSlots=[t]),this.observers?(this.observers.push(a),this.observerSlots.push(a.sources.length-1)):(this.observers=[a],this.observerSlots=[a.sources.length-1])}return this.value}function N(t,e,r){let n=t.value;return(!t.comparator||!t.comparator(n,e))&&(t.value=e,t.observers&&t.observers.length&&A(()=>{for(let s=0;s<t.observers.length;s+=1){const i=t.observers[s],p=k&&k.running;p&&k.disposed.has(i),(p?!i.tState:!i.state)&&(i.pure?f.push(i):m.push(i),i.observers&&D(i)),p||(i.state=g)}if(f.length>1e6)throw f=[],new Error})),e}function S(t){if(!t.fn)return;L(t);const e=x;tt(t,t.value,e)}function tt(t,e,r){let n;const s=c,i=a;a=c=t;try{n=t.fn(e)}catch(p){return t.pure&&(t.state=g,t.owned&&t.owned.forEach(L),t.owned=null),t.updatedAt=r+1,R(p)}finally{a=i,c=s}(!t.updatedAt||t.updatedAt<=r)&&(t.updatedAt!=null&&"observers"in t?N(t,n):t.value=n,t.updatedAt=r)}function P(t,e,r,n=g,s){const i={fn:t,state:n,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:e,owner:c,context:c?c.context:null,pure:r};return c===null||c!==J&&(c.owned?c.owned.push(i):c.owned=[i]),i}function M(t){if(t.state===0)return;if(t.state===w)return F(t);if(t.suspense&&I(t.suspense.inFallback))return t.suspense.effects.push(t);const e=[t];for(;(t=t.owner)&&(!t.updatedAt||t.updatedAt<x);)t.state&&e.push(t);for(let r=e.length-1;r>=0;r--)if(t=e[r],t.state===g)S(t);else if(t.state===w){const n=f;f=null,A(()=>F(t,e[0])),f=n}}function A(t,e){if(f)return t();let r=!1;f=[],m?r=!0:m=[],x++;try{const n=t();return et(r),n}catch(n){r||(m=null),f=null,R(n)}}function et(t){if(f&&(j(f),f=null),t)return;const e=m;m=null,e.length&&A(()=>B(e))}function j(t){for(let e=0;e<t.length;e++)M(t[e])}function F(t,e){t.state=0;for(let r=0;r<t.sources.length;r+=1){const n=t.sources[r];if(n.sources){const s=n.state;s===g?n!==e&&(!n.updatedAt||n.updatedAt<x)&&M(n):s===w&&F(n,e)}}}function D(t){for(let e=0;e<t.observers.length;e+=1){const r=t.observers[e];r.state||(r.state=w,r.pure?f.push(r):m.push(r),r.observers&&D(r))}}function L(t){let e;if(t.sources)for(;t.sources.length;){const r=t.sources.pop(),n=t.sourceSlots.pop(),s=r.observers;if(s&&s.length){const i=s.pop(),p=r.observerSlots.pop();n<s.length&&(i.sourceSlots[p]=n,s[n]=i,r.observerSlots[n]=p)}}if(t.tOwned){for(e=t.tOwned.length-1;e>=0;e--)L(t.tOwned[e]);delete t.tOwned}if(t.owned){for(e=t.owned.length-1;e>=0;e--)L(t.owned[e]);t.owned=null}if(t.cleanups){for(e=t.cleanups.length-1;e>=0;e--)t.cleanups[e]();t.cleanups=null}t.state=0}function rt(t){return t instanceof Error?t:new Error(typeof t=="string"?t:"Unknown error",{cause:t})}function R(t,e=c){throw rt(t)}function V(t){if(typeof t=="function"&&!t.length)return V(t());if(Array.isArray(t)){const e=[];for(let r=0;r<t.length;r++){const n=V(t[r]);Array.isArray(n)?e.push.apply(e,n):e.push(n)}return e}return t}function nt(t,e){return function(n){let s;return X(()=>s=I(()=>(c.context={...c.context,[t]:n.value},$(()=>n.children))),void 0),s}}const st=t=>{const e=t.target;return e instanceof HTMLSelectElement?e.value:e instanceof HTMLInputElement&&e.type==="checkbox"?e.checked:e.value},U=(t,e)=>{if(t instanceof HTMLSelectElement){t.value=e;return}if(t instanceof HTMLInputElement&&t.type==="checkbox"){t.checked=e;return}t.value=e},b=t=>t instanceof RegExp||typeof t=="string"||typeof t=="number"?t:t.value,v=t=>typeof t=="string"?t:typeof t.message=="string"?t.message:"",ot=(t,e,r={})=>{const n=t[e];if(r.required&&!n)return{type:"required",message:v(r.required)};if(r.min&&Number(n)<Number(b(r.min)))return{type:"min",message:v(r.min)};if(r.max&&Number(n)>Number(b(r.max)))return{type:"max",message:v(r.max)};if(r.minLength&&n.length<b(r.minLength))return{type:"minLength",message:v(r.minLength)};if(r.maxLength&&n.length>b(r.maxLength))return{type:"maxLength",message:v(r.maxLength)};if(r.pattern&&!b(r.pattern).test(n))return{type:"pattern",message:v(r.pattern)};if(r.validate){const s=r.validate(n,t);if(s===!1)return{type:"validate"};if(typeof s=="string")return{type:"validate",message:s}}},it=()=>{const[t,e]=O({});return{errors:t,appendError:(i,p)=>{e(d=>({...d,[i]:p}))},removeError:i=>{e(p=>{const d={...p};return delete d[i],d})},resetErrors:()=>{e({})}}},ut=({defaultValues:t,mode:e="onInput"})=>{const r={},n={},[s,i]=O(t),{errors:p,appendError:d,removeError:at,resetErrors:ft}=it(),[_,G]=O(!0),pt=(o,u)=>{const l=r[o];l&&(u.ref=l),d(o,u)},ht=o=>{at(o)},Q=o=>{const u=n[o],l=ot(s(),o,u);l?pt(o,l):ht(o),G(!Object.keys(p()).length)},gt=()=>{Object.keys(s()).forEach(o=>{Q(o)})},W=(o,u)=>{const l=st(o);i(C=>({...C,[u]:l})),Q(u)},mt=(o,u={})=>(n[o]={required:u.required,min:u.min,max:u.max,minLength:u.minLength,maxLength:u.maxLength,pattern:u.pattern,validate:u.validate},{name:o,onInput(l){e==="onInput"&&W(l,o)},onChange(l){(e==="onChange"||e==="onInput")&&W(l,o)},ref(l){r[o]||(r[o]=l,l&&U(l,s()[o]))}}),z=o=>o?s()[o]:s();return{values:s,errors:p,isValid:_,register:mt,getValues:z,setValue:(o,u)=>{i(C=>({...C,[o]:u}));const l=r[o];l&&U(l,u)},onSubmit:o=>u=>{u.preventDefault(),gt(),_()&&o(z())},reset:(o={})=>{i(()=>({...t,...o})),ft(),G(!0)}}},H=Y({}),lt=t=>React.createElement(H.Provider,{value:t.form},t.children),ct=()=>{const t=Z(H);if(!t)throw new Error("useFormContext: cannot find a FormProvider");return t};h.FormProvider=lt,h.useForm=ut,h.useFormContext=ct,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})});

package/dist/types/errors.d.ts

@@ -1,21 +1,11 @@
 import { FormValues } from './form';
-import { BrowserNativeObject, IsAny, LiteralUnion, Merge } from './utils';
+import { Path } from './path';
+import { LiteralUnion } from './utils';
 import { Rules } from './validate';
+export type Message = string;
 export type FieldError = {
     type: LiteralUnion<keyof Rules, string>;
+    ref?: HTMLElement;
     message?: Message;
 };
-export type Message = string;
-export type GlobalError = Partial<{
-    type: string | number;
-    message: Message;
-}>;
-export type DeepRequired<T> = T extends BrowserNativeObject | Blob ? T : {
-    [K in keyof T]-?: NonNullable<DeepRequired<T[K]>>;
-};
-export type FieldErrorsImpl<T extends FormValues = FormValues> = {
-    [K in keyof T]?: T[K] extends BrowserNativeObject | Blob ? FieldError : K extends "root" | `root.${string}` ? GlobalError : T[K] extends object ? Merge<FieldError, FieldErrorsImpl<T[K]>> : FieldError;
-};
-export type FieldErrors<T extends FormValues = FormValues> = Partial<FormValues extends IsAny<FormValues> ? any : FieldErrorsImpl<DeepRequired<T>>> & {
-    root?: Record<string, GlobalError> & GlobalError;
-};
+export type FieldErrors<F extends FormValues = FormValues> = Partial<Record<Path<F>, FieldError>>;

package/dist/types/form.d.ts

@@ -3,9 +3,10 @@ import { FieldPath, FieldPathValue, Path } from './path';
 import { Rules } from './validate';
 import { FieldErrors } from './errors';
 export type FormValues = Record<string, any>;
+export type Ref = HTMLElement | null;
 type RegisterReturn<F extends FormValues> = {
     name: Path<F>;
-    ref(ref: HTMLElement | null): void;
+    ref(ref: Ref): void;
     onInput(event: Event): void;
     onChange(event: Event): void;
 };
@@ -28,4 +29,5 @@ export type UseFormReturn<F extends FormValues = FormValues> = {
     onSubmit: OnSubmit<F>;
     reset: Reset<F>;
 };
+export type FormFields = Record<string, Ref>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-hook-form",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "type": "module",
   "main": "./dist/main.umd.cjs",
   "module": "./dist/main.js",