solid-hook-form 1.0.0 → 1.1.1

package/README.md

@@ -1,13 +1,53 @@
-# solid-hook-form
+# Solid Hook Form
+
+## 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/)
+
+## Install
+
+```sh
+npm install solid-hook-form
+```
+
+## Quickstart
 
 ```tsx
 import { useForm } from "solid-hook-form";
 
-const { errors, isValid, register } = useForm({
-  defaultValues: {
-    email: "",
-  },
-});
+const Form = () => {
+  const { errors, isValid, register, onSubmit } = useForm({
+    defaultValues: {
+      date: new Date().toISOString().split("T")[0],
+      email: "",
+      password: "",
+      age: 0,
+      remember: false,
+    },
+  });
 
-register("email", { required: true });
+  return (
+    <form onSubmit={onSubmit(handleSubmit)}>
+      <input type="date" {...register("date", { required: "Required" })} />;
+      <input
+        {...register("email", {
+          required: "Required",
+          pattern: {
+            value: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
+            message: "Invalid email",
+          },
+        })}
+      />
+      <input
+        {...register("password", {
+          required: "Required",
+          minLength: { value: 8, message: "Min 8" },
+        })}
+      />
+      <input type="number" {...register("age", { min: 18, max: 100 })} />
+      <input type="checkbox" {...register("remember", { required: "Required" })} />
+      <button type="submit">Submit</button>
+    </form>
+  );
+};
 ```

package/dist/logic/get_value.d.ts

@@ -0,0 +1,3 @@
+type GetValueStrategy = (element: HTMLInputElement) => any;
+export declare const executeGetValueStrategy: GetValueStrategy;
+export {};

package/dist/logic/set_value.d.ts

@@ -0,0 +1,3 @@
+type SetValueStrategy = (element: HTMLInputElement, value: any) => void;
+export declare const executeSetValueStrategy: SetValueStrategy;
+export {};

package/dist/logic/validate.d.ts

@@ -0,0 +1,5 @@
+import { FieldError } from '../types/errors';
+import { FormValues } from '../types/form';
+import { Path } from '../types/path';
+import { Rules } from '../types/validate';
+export declare const validate: <F extends FormValues>(values: F, name: Path<F>, rules: Rules<F, Path<F>>) => FieldError | undefined;

package/dist/main.js

@@ -1,213 +1,257 @@
-const _ = (t, s) => t === s, q = {
-  equals: _
+const Q = (t, e) => t === e, N = {
+  equals: Q
 };
-let G = j;
-const g = 1, w = 2;
-var b = null;
-let V = null, P = null, i = null, o = null, h = null, A = 0;
-function x(t, s) {
-  s = s ? Object.assign({}, q, s) : q;
-  const e = {
+let z = j;
+const m = 1, w = 2;
+var y = null;
+let A = null, B = null, a = null, l = null, h = null, E = 0;
+function O(t, e) {
+  e = e ? Object.assign({}, N, e) : N;
+  const s = {
     value: t,
     observers: null,
     observerSlots: null,
-    comparator: s.equals || void 0
-  }, r = (u) => (typeof u == "function" && (u = u(e.value)), D(e, u));
-  return [z.bind(e), r];
+    comparator: e.equals || void 0
+  }, r = (n) => (typeof n == "function" && (n = n(s.value)), U(s, n));
+  return [J.bind(s), r];
 }
-function Q(t) {
-  if (i === null) return t();
-  const s = i;
-  i = null;
+function H(t) {
+  if (a === null) return t();
+  const e = a;
+  a = null;
   try {
     return t();
   } finally {
-    i = s;
+    a = e;
   }
 }
-function z() {
+function J() {
   if (this.sources && this.state)
-    if (this.state === g) F(this);
+    if (this.state === m) R(this);
     else {
-      const t = o;
-      o = null, O(() => S(this)), o = t;
+      const t = l;
+      l = null, L(() => x(this)), l = t;
     }
-  if (i) {
+  if (a) {
     const t = this.observers ? this.observers.length : 0;
-    i.sources ? (i.sources.push(this), i.sourceSlots.push(t)) : (i.sources = [this], i.sourceSlots = [t]), this.observers ? (this.observers.push(i), this.observerSlots.push(i.sources.length - 1)) : (this.observers = [i], this.observerSlots = [i.sources.length - 1]);
+    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 D(t, s, e) {
+function U(t, e, s) {
   let r = t.value;
-  return (!t.comparator || !t.comparator(r, s)) && (t.value = s, t.observers && t.observers.length && O(() => {
-    for (let u = 0; u < t.observers.length; u += 1) {
-      const l = t.observers[u], f = V && V.running;
-      f && V.disposed.has(l), (f ? !l.tState : !l.state) && (l.pure ? o.push(l) : h.push(l), l.observers && T(l)), f || (l.state = g);
+  return (!t.comparator || !t.comparator(r, e)) && (t.value = e, t.observers && t.observers.length && L(() => {
+    for (let n = 0; n < t.observers.length; n += 1) {
+      const u = t.observers[n], f = A && A.running;
+      f && A.disposed.has(u), (f ? !u.tState : !u.state) && (u.pure ? l.push(u) : h.push(u), u.observers && G(u)), f || (u.state = m);
     }
-    if (o.length > 1e6)
-      throw o = [], new Error();
-  })), s;
+    if (l.length > 1e6)
+      throw l = [], new Error();
+  })), e;
 }
-function F(t) {
+function R(t) {
   if (!t.fn) return;
-  E(t);
-  const s = A;
-  B(
+  S(t);
+  const e = E;
+  K(
     t,
     t.value,
-    s
+    e
   );
 }
-function B(t, s, e) {
+function K(t, e, s) {
   let r;
-  const u = b, l = i;
-  i = b = t;
+  const n = y, u = a;
+  a = y = t;
   try {
-    r = t.fn(s);
+    r = t.fn(e);
   } catch (f) {
-    return t.pure && (t.state = g, t.owned && t.owned.forEach(E), t.owned = null), t.updatedAt = e + 1, N(f);
+    return t.pure && (t.state = m, t.owned && t.owned.forEach(S), t.owned = null), t.updatedAt = s + 1, _(f);
   } finally {
-    i = l, b = u;
+    a = u, y = n;
   }
-  (!t.updatedAt || t.updatedAt <= e) && (t.updatedAt != null && "observers" in t ? D(t, r) : t.value = r, t.updatedAt = e);
+  (!t.updatedAt || t.updatedAt <= s) && (t.updatedAt != null && "observers" in t ? U(t, r) : t.value = r, t.updatedAt = s);
 }
-function U(t) {
+function T(t) {
   if (t.state === 0) return;
-  if (t.state === w) return S(t);
-  if (t.suspense && Q(t.suspense.inFallback)) return t.suspense.effects.push(t);
-  const s = [t];
-  for (; (t = t.owner) && (!t.updatedAt || t.updatedAt < A); )
-    t.state && s.push(t);
-  for (let e = s.length - 1; e >= 0; e--)
-    if (t = s[e], t.state === g)
-      F(t);
+  if (t.state === w) return x(t);
+  if (t.suspense && H(t.suspense.inFallback)) return t.suspense.effects.push(t);
+  const e = [t];
+  for (; (t = t.owner) && (!t.updatedAt || t.updatedAt < E); )
+    t.state && e.push(t);
+  for (let s = e.length - 1; s >= 0; s--)
+    if (t = e[s], t.state === m)
+      R(t);
     else if (t.state === w) {
-      const r = o;
-      o = null, O(() => S(t, s[0])), o = r;
+      const r = l;
+      l = null, L(() => x(t, e[0])), l = r;
     }
 }
-function O(t, s) {
-  if (o) return t();
-  let e = !1;
-  o = [], h ? e = !0 : h = [], A++;
+function L(t, e) {
+  if (l) return t();
+  let s = !1;
+  l = [], h ? s = !0 : h = [], E++;
   try {
     const r = t();
-    return H(e), r;
+    return W(s), r;
   } catch (r) {
-    e || (h = null), o = null, N(r);
+    s || (h = null), l = null, _(r);
   }
 }
-function H(t) {
-  if (o && (j(o), o = null), t) return;
-  const s = h;
-  h = null, s.length && O(() => G(s));
+function W(t) {
+  if (l && (j(l), l = null), t) return;
+  const e = h;
+  h = null, e.length && L(() => z(e));
 }
 function j(t) {
-  for (let s = 0; s < t.length; s++) U(t[s]);
+  for (let e = 0; e < t.length; e++) T(t[e]);
 }
-function S(t, s) {
+function x(t, e) {
   t.state = 0;
-  for (let e = 0; e < t.sources.length; e += 1) {
-    const r = t.sources[e];
+  for (let s = 0; s < t.sources.length; s += 1) {
+    const r = t.sources[s];
     if (r.sources) {
-      const u = r.state;
-      u === g ? r !== s && (!r.updatedAt || r.updatedAt < A) && U(r) : u === w && S(r, s);
+      const n = r.state;
+      n === m ? r !== e && (!r.updatedAt || r.updatedAt < E) && T(r) : n === w && x(r, e);
     }
   }
 }
-function T(t) {
-  for (let s = 0; s < t.observers.length; s += 1) {
-    const e = t.observers[s];
-    e.state || (e.state = w, e.pure ? o.push(e) : h.push(e), e.observers && T(e));
+function G(t) {
+  for (let e = 0; e < t.observers.length; e += 1) {
+    const s = t.observers[e];
+    s.state || (s.state = w, s.pure ? l.push(s) : h.push(s), s.observers && G(s));
   }
 }
-function E(t) {
-  let s;
+function S(t) {
+  let e;
   if (t.sources)
     for (; t.sources.length; ) {
-      const e = t.sources.pop(), r = t.sourceSlots.pop(), u = e.observers;
-      if (u && u.length) {
-        const l = u.pop(), f = e.observerSlots.pop();
-        r < u.length && (l.sourceSlots[f] = r, u[r] = l, e.observerSlots[r] = f);
+      const s = t.sources.pop(), r = t.sourceSlots.pop(), n = s.observers;
+      if (n && n.length) {
+        const u = n.pop(), f = s.observerSlots.pop();
+        r < n.length && (u.sourceSlots[f] = r, n[r] = u, s.observerSlots[r] = f);
       }
     }
   if (t.tOwned) {
-    for (s = t.tOwned.length - 1; s >= 0; s--) E(t.tOwned[s]);
+    for (e = t.tOwned.length - 1; e >= 0; e--) S(t.tOwned[e]);
     delete t.tOwned;
   }
   if (t.owned) {
-    for (s = t.owned.length - 1; s >= 0; s--) E(t.owned[s]);
+    for (e = t.owned.length - 1; e >= 0; e--) S(t.owned[e]);
     t.owned = null;
   }
   if (t.cleanups) {
-    for (s = t.cleanups.length - 1; s >= 0; s--) t.cleanups[s]();
+    for (e = t.cleanups.length - 1; e >= 0; e--) t.cleanups[e]();
     t.cleanups = null;
   }
   t.state = 0;
 }
-function J(t) {
+function X(t) {
   return t instanceof Error ? t : new Error(typeof t == "string" ? t : "Unknown error", {
     cause: t
   });
 }
-function N(t, s = b) {
-  throw J(t);
+function _(t, e = y) {
+  throw X(t);
 }
-const X = ({
+const d = {
+  text(t) {
+    return t.value;
+  },
+  checkbox(t) {
+    return t.checked;
+  }
+}, Y = (t) => (d[t.type] || d.text)(t), D = {
+  text(t, e) {
+    t.value = e;
+  },
+  checkbox(t, e) {
+    t.checked = e;
+  }
+}, F = (t, e) => (D[t.type] || D.text)(t, 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 : "", Z = (t, e, s) => {
+  const r = t[e];
+  if (s.required && !r)
+    return { type: "required", message: v(s.required) };
+  if (s.min && Number(r) < Number(b(s.min)))
+    return { type: "min", message: v(s.min) };
+  if (s.max && Number(r) > Number(b(s.max)))
+    return { type: "max", message: v(s.max) };
+  if (s.minLength && r.length < b(s.minLength))
+    return { type: "minLength", message: v(s.minLength) };
+  if (s.maxLength && r.length > b(s.maxLength))
+    return { type: "maxLength", message: v(s.maxLength) };
+  if (s.pattern && !b(s.pattern).test(r))
+    return { type: "pattern", message: v(s.pattern) };
+  if (s.validate) {
+    const n = s.validate(r, t);
+    if (n === !1)
+      return { type: "validate" };
+    if (typeof n == "string")
+      return { type: "validate", message: n };
+  }
+}, st = ({
   defaultValues: t,
-  mode: s = "onInput"
+  mode: e = "onInput"
 }) => {
-  const e = t, r = {}, u = {}, [l, f] = x({}), [k, C] = x(!0), y = (n) => {
-    const a = r[n], c = u[n];
-    c != null && c.required && !(a != null && a.value) ? f((p) => {
-      const v = { message: "Required" };
-      return { ...p, [n]: v };
-    }) : f((p) => {
-      const v = { ...p };
-      return delete v[n], v;
-    }), C(!Object.keys(l()).length);
-  }, L = () => {
-    Object.keys(e).forEach((n) => {
-      y(n);
+  const s = {}, r = {}, [n, u] = O(t), [f, V] = O({}), [I, q] = O(!0), k = (i) => {
+    const c = r[i], o = Z(n(), i, c);
+    V(o ? (p) => ({ ...p, [i]: o }) : (p) => {
+      const g = { ...p };
+      return delete g[i], g;
+    }), q(!Object.keys(f()).length);
+  }, M = () => {
+    Object.keys(n()).forEach((i) => {
+      k(i);
     });
-  }, R = (n, a) => (a && (u[n] = { required: a.required }), {
-    name: n,
-    value: e[n],
-    onInput(c) {
-      if (s === "onInput") {
-        const p = c.target.value;
-        e[n] = p, y(n);
+  }, P = (i, c) => (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,
+    // value: values()[name],
+    onInput(o) {
+      if (e === "onInput") {
+        const p = o.target.value;
+        u((g) => ({ ...g, [i]: p })), k(i);
       }
     },
-    onChange(c) {
-      if (s === "onChange") {
-        const p = c.target.value;
-        e[n] = p, y(n);
+    onChange(o) {
+      if (e === "onChange" || e === "onInput") {
+        const p = Y(o.target);
+        u((g) => ({ ...g, [i]: p })), k(i);
       }
     },
-    ref: (c) => {
-      r[n] || (r[n] = c, c && (c.value = e[n]));
+    ref: (o) => {
+      s[i] || (s[i] = o, o && F(o, n()[i]));
     }
-  }), I = (n) => n ? e[n] : e;
+  }), C = (i) => i ? n()[i] : n();
   return {
-    errors: l,
-    isValid: k,
-    register: R,
-    getValues: I,
-    setValue: (n, a) => {
-      e[n] = a;
-      const c = r[n];
-      c && (c.value = a);
+    values: n,
+    errors: f,
+    isValid: I,
+    register: P,
+    getValues: C,
+    setValue: (i, c) => {
+      u((p) => ({ ...p, [i]: c }));
+      const o = s[i];
+      o && F(o, c);
     },
-    onSubmit: (n) => (a) => {
-      a.preventDefault(), L(), k() && n(I());
+    onSubmit: (i) => (c) => {
+      c.preventDefault(), M(), I() && i(C());
     },
-    reset: (n) => {
-      Object.assign(e, n || t), f({}), C(!0);
+    reset: (i) => {
+      u(() => ({
+        ...t,
+        ...i
+      })), V({}), q(!0);
     }
   };
 };
 export {
-  X as useForm
+  st as useForm
 };

package/dist/main.umd.cjs

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

package/dist/types/array.d.ts

@@ -1,23 +1,3 @@
-/**
- * Type which can be used to index an array or tuple type.
- */
 export type ArrayKey = number;
-/**
- * Type which given a tuple type returns its own keys, i.e. only its indices.
- * @typeParam T - tuple type
- * @example
- * ```
- * TupleKeys<[number, string]> = '0' | '1'
- * ```
- */
 export type TupleKeys<T extends ReadonlyArray<any>> = Exclude<keyof T, keyof any[]>;
-/**
- * Type to query whether an array type T is a tuple type.
- * @typeParam T - type which may be an array or tuple
- * @example
- * ```
- * IsTuple<[number]> = true
- * IsTuple<number[]> = false
- * ```
- */
 export type IsTuple<T extends ReadonlyArray<any>> = number extends T["length"] ? false : true;

package/dist/types/errors.d.ts

@@ -1,6 +1,8 @@
 import { FormValues } from './form';
-import { BrowserNativeObject, IsAny, Merge } from './utils';
+import { BrowserNativeObject, IsAny, LiteralUnion, Merge } from './utils';
+import { Rules } from './validate';
 export type FieldError = {
+    type: LiteralUnion<keyof Rules, string>;
     message?: Message;
 };
 export type Message = string;

package/dist/types/event.d.ts

@@ -0,0 +1,4 @@
+export type ChangeEvent = Event & {
+    target: HTMLInputElement;
+};
+export type StrategyKey = "text" | "checkbox";

package/dist/types/path.d.ts

@@ -1,18 +1,6 @@
 import { ArrayKey, IsTuple, TupleKeys } from './array';
-import { BrowserNativeObject, IsEqual, Primitive } from './utils';
-/**
- * Helper function to break apart T1 and check if any are equal to T2
- *
- * See {@link IsEqual}
- */
-type AnyIsEqual<T1, T2> = T1 extends T2 ? (IsEqual<T1, T2> extends true ? true : never) : never;
-/**
- * Helper type for recursively constructing paths through a type.
- * This actually constructs the strings and recurses into nested
- * object types.
- *
- * See {@link Path}
- */
+import { FormValues } from './form';
+import { BrowserNativeObject, IsAny, Primitive, AnyIsEqual } from './utils';
 type PathImpl<K extends string | number, V, TraversedTypes> = V extends Primitive | BrowserNativeObject ? `${K}` : true extends AnyIsEqual<TraversedTypes, V> ? `${K}` : `${K}` | `${K}.${PathInternal<V, TraversedTypes | V>}`;
 type PathInternal<T, TraversedTypes = T> = T extends ReadonlyArray<infer V> ? IsTuple<T> extends true ? {
     [K in TupleKeys<T>]-?: PathImpl<K & string, T[K], TraversedTypes>;
@@ -20,4 +8,14 @@ type PathInternal<T, TraversedTypes = T> = T extends ReadonlyArray<infer V> ? Is
     [K in keyof T]-?: PathImpl<K & string, T[K], TraversedTypes>;
 }[keyof T];
 export type Path<T> = T extends any ? PathInternal<T> : never;
+export type FieldPath<F extends FormValues> = Path<F>;
+type ArrayPathImpl<K extends string | number, V, TraversedTypes> = V extends Primitive | BrowserNativeObject ? IsAny<V> extends true ? string : never : V extends ReadonlyArray<infer U> ? U extends Primitive | BrowserNativeObject ? IsAny<V> extends true ? string : never : true extends AnyIsEqual<TraversedTypes, V> ? never : `${K}` | `${K}.${ArrayPathInternal<V, TraversedTypes | V>}` : true extends AnyIsEqual<TraversedTypes, V> ? never : `${K}.${ArrayPathInternal<V, TraversedTypes | V>}`;
+type ArrayPathInternal<T, TraversedTypes = T> = T extends ReadonlyArray<infer V> ? IsTuple<T> extends true ? {
+    [K in TupleKeys<T>]-?: ArrayPathImpl<K & string, T[K], TraversedTypes>;
+}[TupleKeys<T>] : ArrayPathImpl<ArrayKey, V, TraversedTypes> : {
+    [K in keyof T]-?: ArrayPathImpl<K & string, T[K], TraversedTypes>;
+}[keyof T];
+export type ArrayPath<T> = T extends any ? ArrayPathInternal<T> : never;
+export type PathValue<T, P extends Path<T> | ArrayPath<T>> = T extends any ? P extends `${infer K}.${infer R}` ? K extends keyof T ? R extends Path<T[K]> ? PathValue<T[K], R> : never : K extends `${ArrayKey}` ? T extends ReadonlyArray<infer V> ? PathValue<V, R & Path<V>> : never : never : P extends keyof T ? T[P] : P extends `${ArrayKey}` ? T extends ReadonlyArray<infer V> ? V : never : never : never;
+export type FieldPathValue<F extends FormValues, P extends FieldPath<F>> = PathValue<F, P>;
 export {};

package/dist/types/utils.d.ts

@@ -1,30 +1,11 @@
 export type Primitive = null | undefined | string | number | boolean | symbol | bigint;
 export type BrowserNativeObject = Date | FileList | File;
-/**
- * Checks whether T1 can be exactly (mutually) assigned to T2
- * @typeParam T1 - type to check
- * @typeParam T2 - type to check against
- * ```
- * IsEqual<string, string> = true
- * IsEqual<'foo', 'foo'> = true
- * IsEqual<string, number> = false
- * IsEqual<string, number> = false
- * IsEqual<string, 'foo'> = false
- * IsEqual<'foo', string> = false
- * IsEqual<'foo' | 'bar', 'foo'> = boolean // 'foo' is assignable, but 'bar' is not (true | false) -> boolean
- * ```
- */
 export type IsEqual<T1, T2> = T1 extends T2 ? (<G>() => G extends T1 ? 1 : 2) extends <G>() => G extends T2 ? 1 : 2 ? true : false : false;
-/**
- * Checks whether the type is any
- * See {@link https://stackoverflow.com/a/49928360/3406963}
- * @typeParam T - type which may be any
- * ```
- * IsAny<any> = true
- * IsAny<string> = false
- * ```
- */
 export type IsAny<T> = 0 extends 1 & T ? true : false;
 export type Merge<A, B> = {
     [K in keyof A | keyof B]?: K extends keyof A & keyof B ? [A[K], B[K]] extends [object, object] ? Merge<A[K], B[K]> : A[K] | B[K] : K extends keyof A ? A[K] : K extends keyof B ? B[K] : never;
 };
+export type AnyIsEqual<T1, T2> = T1 extends T2 ? IsEqual<T1, T2> extends true ? true : never : never;
+export type LiteralUnion<T extends U, U extends Primitive> = T | (U & {
+    _?: never;
+});

package/dist/types/validate.d.ts

@@ -0,0 +1,20 @@
+import { Message } from './errors';
+import { FormValues } from './form';
+import { FieldPath, FieldPathValue } from './path';
+export type ValidateResult = Message | boolean | undefined;
+export type Validate<V, F> = (value: V, formValues: F) => ValidateResult | Promise<ValidateResult>;
+export type ValidationValue = boolean | number | string | RegExp;
+export type ValidationRule<V extends ValidationValue = ValidationValue> = V | ValidationValueMessage<V>;
+export type ValidationValueMessage<V extends ValidationValue = ValidationValue> = {
+    value: V;
+    message: Message;
+};
+export type Rules<F extends FormValues = FormValues, N extends FieldPath<F> = FieldPath<F>> = {
+    required?: Message | ValidationRule<boolean>;
+    min?: ValidationRule<number | string>;
+    max?: ValidationRule<number | string>;
+    maxLength?: ValidationRule<number>;
+    minLength?: ValidationRule<number>;
+    pattern?: ValidationRule<RegExp>;
+    validate?: Validate<FieldPathValue<F, N>, F>;
+};

package/dist/use_form.d.ts

@@ -1,25 +1,24 @@
 import { FormValues } from './types/form';
 import { Path } from './types/path';
 import { FieldErrors } from './types/errors';
+import { ChangeEvent } from './types/event';
+import { Rules } from './types/validate';
 type UseFormArg<T extends FormValues> = {
     defaultValues: T;
     mode?: "onInput" | "onChange" | "onSubmit";
 };
 type SubmitCallback<T extends FormValues> = (values: T) => void;
-type Rules = {
-    required: boolean;
-};
 export declare const useForm: <T extends FormValues>({ defaultValues, mode, }: UseFormArg<T>) => {
+    values: import('solid-js').Accessor<T>;
     errors: import('solid-js').Accessor<FieldErrors<T>>;
     isValid: import('solid-js').Accessor<boolean>;
-    register: (name: Path<T>, options?: Rules) => {
+    register: (name: Path<T>, options?: Rules<T, Path<T>>) => {
         name: Path<T>;
-        value: any;
         onInput(event: InputEvent): void;
-        onChange(event: Event): void;
+        onChange(event: ChangeEvent): void;
         ref: (ref: HTMLInputElement | null) => void;
     };
-    getValues: (name?: Path<T>) => any;
+    getValues: (name?: Path<T>) => T | T[Path<T>];
     setValue: (name: Path<T>, value: any) => void;
     onSubmit: (submit: SubmitCallback<T>) => (event: SubmitEvent) => void;
     reset: (newDefaultValues?: Partial<T>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-hook-form",
-  "version": "1.0.0",
+  "version": "1.1.1",
   "type": "module",
   "main": "./dist/main.umd.cjs",
   "module": "./dist/main.js",
@@ -23,10 +23,13 @@
     "typescript": "~5.7.2",
     "vite": "^6.0.11",
     "vite-plugin-dts": "^4.5.0",
+    "vite-plugin-solid": "^2.11.6",
     "vitest": "^3.0.5"
   },
   "scripts": {
+    "start": "vite --config vite.demo",
     "build": "tsc && vite build",
+    "build:demo": "tsc && vite build --config vite.demo",
     "test": "vitest run"
   },
   "author": "thorn_pear",