@companix/formkit 0.0.28 → 0.0.29

package/dist/bundle.es.js

@@ -1,36 +1,43 @@
-import { jsx as h, Fragment as w, jsxs as B } from "react/jsx-runtime";
-import { createContext as M, useState as R, useContext as T, useMemo as S, useEffect as $, useCallback as D, useRef as P } from "react";
-import L from "fast-deep-equal";
-const j = M({}), q = (o) => {
-  const [, r] = R([]), e = T(j);
+import { jsx as b, Fragment as q, jsxs as P } from "react/jsx-runtime";
+import { createContext as O, useState as L, useContext as R, useMemo as p, useEffect as $, useCallback as j, useRef as U } from "react";
+import M from "fast-deep-equal";
+const A = O({}), N = (n) => {
+  const [, r] = L([]), e = R(A);
   if (!e)
     throw new Error("useValue cannot be used outside Form context");
-  const s = S(() => {
-    const t = e.getForm(o);
+  const s = p(() => {
+    const t = e.getForm(n);
     if (!t)
-      throw new Error(`form with name "${o}" doesnt exist in form`);
+      throw new Error(`form with name "${n}" doesnt exist in form`);
     return t;
-  }, [e, o]);
+  }, [e, n]);
   return $(() => {
-    const t = e.subscribeToForm(o, () => {
+    const t = e.subscribeToForm(n, () => {
       r([]);
     });
     return () => {
       t();
     };
   }, []), s.value;
-}, K = () => (o) => q(o), O = ({ canActivate: o, name: r, children: e }) => {
-  const s = q(r);
-  return o(s) ? /* @__PURE__ */ h(w, { children: e }) : null;
-}, U = ({ item: { Form: o }, name: r }) => {
-  const [, e] = R([]), s = T(j), { unregistry: t } = S(() => s.registry(r, () => {
+}, W = (n) => {
+  const r = R(A);
+  if (!r)
+    throw new Error("useSetValue cannot be used outside Form context");
+  return (e) => {
+    r.setValue(n, e);
+  };
+}, X = () => (n) => N(n), _ = ({ canActivate: n, name: r, children: e }) => {
+  const s = N(r);
+  return n(s) ? /* @__PURE__ */ b(q, { children: e }) : null;
+}, z = ({ item: { Form: n }, name: r }) => {
+  const [, e] = L([]), s = R(A), { unregistry: t } = p(() => s.registry(r, () => {
     e([]);
-  }), []), l = D(
-    (b) => {
-      if (b && b.focus) {
-        const v = s.getForm(r);
-        v.focus = () => {
-          b.focus();
+  }), []), f = j(
+    (d) => {
+      if (d && d.focus) {
+        const h = s.getForm(r);
+        h.focus = () => {
+          d.focus();
         };
       }
     },
@@ -39,104 +46,104 @@ const j = M({}), q = (o) => {
   $(() => () => {
     t();
   }, []);
-  const { value: g, error: x } = s.getForm(r);
-  return /* @__PURE__ */ h(
-    o,
+  const { value: y, error: m } = s.getForm(r);
+  return /* @__PURE__ */ b(
+    n,
     {
       field: {
-        value: g,
-        onChange: (b) => {
-          s.onChange(r, b);
+        value: y,
+        onChange: (d) => {
+          s.onChange(r, d);
         },
         onBlur: () => {
         },
-        ref: l
+        ref: f
       },
       isDirty: !1,
-      error: x,
+      error: m,
       disabled: s.disabled
     }
   );
-}, _ = ({ item: o, path: r }) => {
-  const { getController: e, items: s } = o, t = T(j), l = S(() => {
-    const y = {};
-    return s.forEach(({ name: d, getForm: V }) => {
-      y[d] = V(d, () => a(d));
-    }), y;
-  }, []), g = D(() => {
-    const y = [];
-    return s.forEach(({ name: d }) => {
-      t.getForm([...r, d].join(".")).value !== void 0 && y.push(d);
-    }), y;
-  }, []), x = S(() => g(), []), [b, v] = R(x);
+}, G = ({ item: n, path: r }) => {
+  const { getController: e, items: s } = n, t = R(A), f = p(() => {
+    const l = {};
+    return s.forEach(({ name: i, getForm: x }) => {
+      l[i] = x(i, () => D(i));
+    }), l;
+  }, []), y = j(() => {
+    const l = [];
+    return s.forEach(({ name: i }) => {
+      t.getForm([...r, i].join(".")).value !== void 0 && l.push(i);
+    }), l;
+  }, []), m = p(() => y(), []), [d, h] = L(m);
   $(() => {
-    const { unregistry: y } = t.registryExtraForm(
-      s.map(({ name: d }) => [...r, d].join(".")),
+    const { unregistry: l } = t.registryExtraForm(
+      s.map(({ name: i }) => [...r, i].join(".")),
       () => {
-        v(g());
+        h(y());
       }
     );
     return () => {
-      y();
+      l();
     };
   }, []);
-  const f = D(
-    (y) => {
-      l[y] && !b.includes(y) && v((d) => [...d, y]);
+  const v = j(
+    (l) => {
+      f[l] && !d.includes(l) && h((i) => [...i, l]);
     },
-    [b]
-  ), a = D((y) => {
-    v((d) => d.filter((V) => V !== y));
+    [d]
+  ), D = j((l) => {
+    h((i) => i.filter((x) => x !== l));
   }, []);
-  return /* @__PURE__ */ B(w, { children: [
-    b.map((y) => {
-      const d = l[y];
-      return /* @__PURE__ */ h(p, { path: r, scheme: [d] }, `param-form--${y}`);
+  return /* @__PURE__ */ P(q, { children: [
+    d.map((l) => {
+      const i = f[l];
+      return /* @__PURE__ */ b(C, { path: r, scheme: [i] }, `param-form--${l}`);
     }),
-    e(f, b)
+    e(v, d)
   ] });
-}, p = ({ scheme: o, path: r }) => /* @__PURE__ */ h(w, { children: o.map((e, s) => e.type === "layout" ? /* @__PURE__ */ h(e.Layout, { children: /* @__PURE__ */ h(p, { path: r, scheme: e.childs }) }, `layout-form--${s}-${r.length}`) : e.type === "context" ? /* @__PURE__ */ h(
-  p,
+}, C = ({ scheme: n, path: r }) => /* @__PURE__ */ b(q, { children: n.map((e, s) => e.type === "layout" ? /* @__PURE__ */ b(e.Layout, { children: /* @__PURE__ */ b(C, { path: r, scheme: e.childs }) }, `layout-form--${s}-${r.length}`) : e.type === "context" ? /* @__PURE__ */ b(
+  C,
   {
     path: [...r, e.context],
     scheme: e.childs
   },
   `context-form--${s}-${e.context}-${r.length}`
-) : e.type === "condition" ? /* @__PURE__ */ h(
-  O,
+) : e.type === "condition" ? /* @__PURE__ */ b(
+  _,
   {
     name: e.depended,
     canActivate: e.canActivate,
-    children: /* @__PURE__ */ h(p, { path: r, scheme: e.childs })
+    children: /* @__PURE__ */ b(C, { path: r, scheme: e.childs })
   },
   `condition--${s}-${e.depended}-${r.length}`
-) : e.type === "extra" ? /* @__PURE__ */ h(_, { path: r, item: e }, `partial-item--${s}-${r.length}`) : e.type === "visability" ? e.hidden ? null : /* @__PURE__ */ h(p, { path: r, scheme: e.childs }, `visability--${s}-${r.length}`) : /* @__PURE__ */ h(
-  U,
+) : e.type === "extra" ? /* @__PURE__ */ b(G, { path: r, item: e }, `partial-item--${s}-${r.length}`) : e.type === "visability" ? e.hidden ? null : /* @__PURE__ */ b(C, { path: r, scheme: e.childs }, `visability--${s}-${r.length}`) : /* @__PURE__ */ b(
+  z,
   {
     name: [...r, e.name].join("."),
     item: e
   },
   `form-item--${s}-${e.name}-${r.length}`
-)) }), C = (o, r, e, s) => {
-  o.forEach((t) => {
+)) }), S = (n, r, e, s) => {
+  n.forEach((t) => {
     if (t.type === "form" && s(t, [...r, t.name].join("."), e[t.name]), t.type === "context") {
-      C(t.childs, [...r, t.context], e[t.context] ?? {}, s);
+      S(t.childs, [...r, t.context], e[t.context] ?? {}, s);
       return;
     }
     if (t.type === "layout" || t.type === "condition" || t.type === "visability") {
-      C(t.childs, r, e, s);
+      S(t.childs, r, e, s);
       return;
     }
-    t.type === "extra" && t.items.forEach(({ getForm: l, name: g }) => {
-      C([l(g, () => {
+    t.type === "extra" && t.items.forEach(({ getForm: f, name: y }) => {
+      S([f(y, () => {
       })], r, e, s);
     });
   });
-}, E = ({ scheme: o, values: r, path: e, forms: s }) => {
-  o.forEach((t) => {
+}, E = ({ scheme: n, values: r, path: e, forms: s }) => {
+  n.forEach((t) => {
     if (t.type === "form") {
-      const l = [...e, t.name].join(".");
-      s[l].value !== void 0 && (r[t.name] = s[l].value);
+      const f = [...e, t.name].join(".");
+      s[f].value !== void 0 && (r[t.name] = s[f].value);
     }
     if (t.type === "context") {
       r[t.context] = {}, E({
@@ -156,187 +163,190 @@ const j = M({}), q = (o) => {
       return;
     }
     if (t.type === "condition") {
-      const l = s[t.depended]?.value;
-      if (t.canActivate(l)) {
+      const f = s[t.depended]?.value;
+      if (t.canActivate(f)) {
         E({ scheme: t.childs, path: e, values: r, forms: s });
         return;
       }
     }
-    t.type === "extra" && t.items.forEach(({ getForm: l, name: g }) => {
-      E({ scheme: [l(g, () => {
+    t.type === "extra" && t.items.forEach(({ getForm: f, name: y }) => {
+      E({ scheme: [f(y, () => {
       })], path: e, values: r, forms: s });
     });
   });
-}, N = (o, r) => {
+}, T = (n, r) => {
   const e = {};
-  return E({ scheme: o, path: [], values: e, forms: r }), e;
-}, z = (o, r) => {
-  const { onSubmit: e, onEqual: s, disabled: t, onDirty: l, onFormDirty: g, onChangeEvent: x, defaultValues: b } = r, v = { onSubmit: e }, f = {
+  return E({ scheme: n, path: [], values: e, forms: r }), e;
+}, H = (n, r) => {
+  const { onSubmit: e, onChange: s, onEqual: t, disabled: f, onDirty: y, onFormDirty: m, onChangeEvent: d, defaultValues: h } = r, v = { onSubmit: e }, D = { onChange: s }, l = {
     isActive: !1,
     isSubmitted: !1,
     dirtyCount: 0
-  }, a = {}, y = /* @__PURE__ */ new Set(), d = {
+  }, i = {}, x = /* @__PURE__ */ new Set(), V = {
     subscribers: [],
     names: {}
   };
-  C(o, [], b ?? {}, (n, u, i) => {
-    a[u] = {
+  S(n, [], h ?? {}, (o, c, u) => {
+    i[c] = {
       error: null,
       isDirty: !1,
-      value: i,
+      value: u,
       // текущее (динамическое) состояние поля. Значение равно переданному дефолтному, либо: определяется как дефолтное значение компонента формы в момент его монтирования, а до этого - undefined.
-      startValue: i ?? n.defaultValue,
+      startValue: u ?? o.defaultValue,
       // начальное (стартовое) значение (равно переданному дефолтному, либо значению формы по умолчанию). Исходя из сравнения текущего значения со стартовым, можно понять, модифицированно ли поле
-      defaultValue: n.defaultValue,
+      defaultValue: o.defaultValue,
       // дефолтное значение компонента формы
       rerender: () => {
       },
       subscribers: [],
-      validate: n.validate
+      validate: o.validate
     };
   });
-  const V = (n, u) => {
-    l?.({ name: n, isDirty: u }), u && f.dirtyCount === 0 && g?.(!0), !u && f.dirtyCount === 1 && g?.(!1), f.dirtyCount += u ? 1 : -1;
+  const B = (o, c) => {
+    y?.({ name: o, isDirty: c }), c && l.dirtyCount === 0 && m?.(!0), !c && l.dirtyCount === 1 && m?.(!1), l.dirtyCount += c ? 1 : -1;
   };
   return {
     submitRef: v,
-    scheme: o,
-    disabled: t,
+    changeRef: D,
+    scheme: n,
+    disabled: f,
     activate() {
-      f.isActive = !0;
+      l.isActive = !0;
     },
     disactivate() {
-      f.isActive = !1;
+      l.isActive = !1;
     },
-    setError(n, u) {
-      const i = this.getForm(n);
-      i && (i.error = {
+    setError(o, c) {
+      const u = this.getForm(o);
+      u && (u.error = {
         error: !0,
-        messages: [u.message]
-      }, i.rerender());
+        messages: [c.message]
+      }, u.rerender());
     },
-    setFocus(n) {
-      const u = this.getForm(n);
-      u && u.focus && u.focus();
+    setFocus(o) {
+      const c = this.getForm(o);
+      c && c.focus && c.focus();
     },
-    setValue(n, u) {
-      const i = this.getForm(n);
-      i && i.value !== u && this.onChange(n, u);
+    setValue(o, c) {
+      const u = this.getForm(o);
+      u && u.value !== c && this.onChange(o, c);
     },
     getValues() {
-      return N(o, a);
+      return T(n, i);
     },
     async handleSubmit() {
-      if (t)
+      if (f)
         return;
-      f.isSubmitted = !0;
-      let n = !1, u = !1;
-      for (const i in a) {
-        const c = a[i];
-        if (c.value !== void 0) {
-          const F = c.validate(c.value);
-          F && (u = !0, c.error = F, c.rerender(), !n && c.focus && (c.focus(), n = !0));
+      l.isSubmitted = !0;
+      let o = !1, c = !1;
+      for (const u in i) {
+        const a = i[u];
+        if (a.value !== void 0) {
+          const g = a.validate(a.value);
+          g && (c = !0, a.error = g, a.rerender(), !o && a.focus && (a.focus(), o = !0));
         }
       }
-      if (!u) {
-        if (f.dirtyCount === 0 && s) {
-          s();
+      if (!c) {
+        if (l.dirtyCount === 0 && t) {
+          t();
           return;
         }
-        const i = N(o, a);
-        await v.onSubmit(i, {
-          setError: (c, F) => {
-            const m = this.getForm(c);
-            m.error = {
+        if (!v.onSubmit)
+          return;
+        const u = T(n, i);
+        await v.onSubmit(u, {
+          setError: (a, g) => {
+            const F = this.getForm(a);
+            F.error = {
               error: !0,
-              messages: [F.message]
-            }, m.rerender();
+              messages: [g.message]
+            }, F.rerender();
           }
-        }).catch((c) => {
-          console.log("[formkit] submit exception:", c);
+        }).catch((a) => {
+          console.log("[formkit] submit exception:", a);
         });
       }
     },
-    reset(n, { asDirty: u }) {
-      C(o, [], n, (i, c, F) => {
-        if (F === void 0 && a[c].value === void 0)
+    reset(o, { asDirty: c }) {
+      S(n, [], o, (u, a, g) => {
+        if (g === void 0 && i[a].value === void 0)
           return;
-        if (d.names[c] && F === void 0) {
-          a[c].value = void 0;
+        if (V.names[a] && g === void 0) {
+          i[a].value = void 0;
           return;
         }
-        const m = F ?? i.defaultValue;
-        u || (a[c].startValue = m, a[c].isDirty = !1), a[c].value !== m && this.onChange(c, m);
-      }), u || (f.dirtyCount = 0, f.isSubmitted = !1), d.subscribers.forEach(({ visualizeEvalueatedForms: i }) => {
-        i();
+        const F = g ?? u.defaultValue;
+        c || (i[a].startValue = F, i[a].isDirty = !1), i[a].value !== F && this.onChange(a, F);
+      }), c || (l.dirtyCount = 0, l.isSubmitted = !1), V.subscribers.forEach(({ visualizeEvalueatedForms: u }) => {
+        u();
       });
     },
     setAsDefault() {
-      C(o, [], {}, (n, u) => {
-        a[u].startValue = a[u].value, a[u].isDirty = !1;
-      }), f.dirtyCount = 0, f.isSubmitted = !1;
+      S(n, [], {}, (o, c) => {
+        i[c].startValue = i[c].value, i[c].isDirty = !1;
+      }), l.dirtyCount = 0, l.isSubmitted = !1;
     },
-    registry(n, u) {
-      return a[n].rerender = u, a[n].value === void 0 && (a[n].value = a[n].defaultValue), {
+    registry(o, c) {
+      return i[o].rerender = c, i[o].value === void 0 && (i[o].value = i[o].defaultValue), {
         unregistry() {
-          if (a[n].rerender = () => {
-          }, a[n].focus = void 0, f.isActive) {
-            a[n].value = void 0;
-            const i = !L(a[n].startValue, a[n].defaultValue);
-            a[n].isDirty !== i && V(n, i), a[n].isDirty = i;
+          if (i[o].rerender = () => {
+          }, i[o].focus = void 0, l.isActive) {
+            i[o].value = void 0;
+            const u = !M(i[o].startValue, i[o].defaultValue);
+            i[o].isDirty !== u && B(o, u), i[o].isDirty = u;
           }
         }
       };
     },
-    getForm(n) {
-      return a[n];
+    getForm(o) {
+      return i[o];
     },
-    subscribeToForm(n, u) {
-      const i = { callback: u }, c = this.getForm(n);
-      return c.subscribers.push(i), () => {
-        c.subscribers = c.subscribers.filter((F) => F !== i);
+    subscribeToForm(o, c) {
+      const u = { callback: c }, a = this.getForm(o);
+      return a.subscribers.push(u), () => {
+        a.subscribers = a.subscribers.filter((g) => g !== u);
       };
     },
-    subscribeToAny(n) {
-      return y.add(n), () => {
-        y.delete(n);
+    subscribeToAny(o) {
+      return x.add(o), () => {
+        x.delete(o);
       };
     },
     getNames() {
-      return Object.keys(a);
+      return Object.keys(i);
     },
-    registryExtraForm(n, u) {
-      const i = { visualizeEvalueatedForms: u };
-      return n.forEach((c) => {
-        d.names[c] = !0;
-      }), d.subscribers.push(i), {
+    registryExtraForm(o, c) {
+      const u = { visualizeEvalueatedForms: c };
+      return o.forEach((a) => {
+        V.names[a] = !0;
+      }), V.subscribers.push(u), {
         unregistry() {
-          d.subscribers = d.subscribers.filter((c) => c !== i);
+          V.subscribers = V.subscribers.filter((a) => a !== u);
         }
       };
     },
-    onChange(n, u) {
-      const i = this.getForm(n), c = !L(u, i.startValue);
-      i.isDirty !== c && V(n, c), i.isDirty = c, x?.({ name: n, value: u }), (i.error || f.isSubmitted) && (i.error = i.validate(u) || null);
-      const F = i.value;
-      i.value = u, i.rerender(), i.subscribers.forEach(({ callback: m }) => {
-        m(u, F);
-      }), y.forEach((m) => {
-        m();
-      });
+    onChange(o, c) {
+      const u = this.getForm(o), a = !M(c, u.startValue);
+      u.isDirty !== a && B(o, a), u.isDirty = a, d?.({ name: o, value: c }), (u.error || l.isSubmitted) && (u.error = u.validate(c) || null);
+      const g = u.value;
+      u.value = c, u.rerender(), u.subscribers.forEach(({ callback: F }) => {
+        F(c, g);
+      }), x.forEach((F) => {
+        F();
+      }), D.onChange?.(T(n, i));
     }
   };
-}, Q = (o, r) => {
-  const e = P(null);
-  e.current === null && (e.current = z(o, r));
+}, Y = (n, r) => {
+  const e = U(null);
+  e.current === null && (e.current = H(n, r));
   const s = e.current;
   return $(() => {
-    e.current && (e.current.submitRef.onSubmit = r.onSubmit);
-  }, [r.onSubmit]), {
+    e.current && (e.current.submitRef.onSubmit = r.onSubmit, e.current.changeRef.onChange = r.onChange);
+  }, [r.onSubmit, r.onChange]), {
     manager: s,
-    useValue: (t) => q(t),
-    reset: (t, l = {}) => {
-      s.reset(t, l);
+    useValue: (t) => N(t),
+    reset: (t, f = {}) => {
+      s.reset(t, f);
     },
     setAsDefault: () => {
       s.setAsDefault();
@@ -344,11 +354,11 @@ const j = M({}), q = (o) => {
     setFocus: (t) => {
       s.setFocus(t);
     },
-    setError: (t, l) => {
-      s.setError(t, l);
+    setError: (t, f) => {
+      s.setError(t, f);
     },
-    setValue: (t, l) => {
-      s.setValue(t, l);
+    setValue: (t, f) => {
+      s.setValue(t, f);
     },
     getValue: (t) => s.getForm(t).value,
     getValues: () => s.getValues(),
@@ -356,19 +366,19 @@ const j = M({}), q = (o) => {
       await s.handleSubmit();
     },
     // prettier-ignore
-    subscribe: (t, l) => s.subscribeToForm(t, l),
+    subscribe: (t, f) => s.subscribeToForm(t, f),
     // подписка на любое изменение значений формы (для гейтов поверх всех полей)
     subscribeAny: (t) => s.subscribeToAny(t),
     // плоский список имён всех полей (dotted-пути; вложенные context раскрыты)
     getNames: () => s.getNames()
   };
-}, W = ({ manager: o }) => (S(() => {
-  o.activate();
+}, Z = ({ manager: n }) => (p(() => {
+  n.activate();
 }, []), $(() => () => {
-  o.disactivate();
-}, []), /* @__PURE__ */ h(j.Provider, { value: o, children: /* @__PURE__ */ h(p, { scheme: o.scheme, path: [] }) })), A = (o) => {
+  n.disactivate();
+}, []), /* @__PURE__ */ b(A.Provider, { value: n, children: /* @__PURE__ */ b(C, { scheme: n.scheme, path: [] }) })), w = (n) => {
   try {
-    o();
+    n();
   } catch (r) {
     return r && typeof r == "string" ? {
       error: !0,
@@ -380,66 +390,67 @@ const j = M({}), q = (o) => {
       error: !0
     };
   }
-}, X = (o) => (r, e) => {
-  const s = o.getRequireCheck(e), { $rules: t = {}, ...l } = e, { validate: g, required: x } = t;
+}, k = (n) => (r, e) => {
+  const s = n.getRequireCheck(e), { $rules: t = {}, ...f } = e, { validate: y, required: m } = t;
   return {
     type: "form",
     name: r,
-    defaultValue: o.defaultValue,
-    Form: o.getForm(l),
-    validate: (b) => {
-      if (x) {
-        const v = A(() => s(b));
-        if (v)
-          return v;
-        if (g) {
-          const f = A(() => g(b));
-          if (f)
-            return f;
+    defaultValue: n.defaultValue,
+    Form: n.getForm(f),
+    validate: (d) => {
+      if (m) {
+        const h = w(() => s(d));
+        if (h)
+          return h;
+        if (y) {
+          const v = w(() => y(d));
+          if (v)
+            return v;
         }
         return;
       }
-      if (g && !A(() => s(b))) {
-        const f = A(() => g(b));
-        if (f)
-          return f;
+      if (y && !w(() => s(d))) {
+        const v = w(() => y(d));
+        if (v)
+          return v;
       }
     }
   };
-}, Y = (o) => (r) => (...e) => ({
+}, I = (n) => (r) => (...e) => ({
   type: "layout",
-  Layout: o(r),
+  Layout: n(r),
   childs: e
-}), Z = ({
-  getItems: o,
+}), rr = ({
+  getItems: n,
   getController: r
 }) => ({
   type: "extra",
-  items: o((e) => (s) => ({ type: "registry", name: e, getForm: s })),
+  items: n((e) => (s) => ({ type: "registry", name: e, getForm: s })),
   getController: r
-}), k = (o) => (...r) => ({
+}), er = (n) => (...r) => ({
   type: "context",
-  context: o,
+  context: n,
   childs: r
-}), I = (o, r) => (...e) => ({
+}), tr = (n, r) => (...e) => ({
   type: "condition",
-  depended: o,
+  depended: n,
   canActivate: r.canActivate,
   childs: e
-}), rr = ({ hidden: o }) => (...r) => ({
+}), sr = ({ hidden: n }) => (...r) => ({
   type: "visability",
-  hidden: o ?? !1,
+  hidden: n ?? !1,
   childs: r
 });
 export {
-  I as Condition,
-  k as Context,
-  W as FormLayout,
-  rr as Visablility,
-  Z as createExtraForm,
-  X as createForm,
-  Y as createLayout,
-  K as createUseValue,
-  Q as useForm,
-  q as useValue
+  tr as Condition,
+  er as Context,
+  Z as FormLayout,
+  sr as Visablility,
+  rr as createExtraForm,
+  k as createForm,
+  I as createLayout,
+  X as createUseValue,
+  Y as useForm,
+  W as useSetValue,
+  N as useValue
 };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { useForm, FormLayout } from './useForm';
-export { useValue, createUseValue } from './useValue';
+export { useValue, useSetValue, createUseValue } from './useValue';
 export { createForm } from './core/builders/create-form';
 export { createLayout } from './core/builders/create-layout';
 export { createExtraForm } from './core/builders/create-extra-form';

package/dist/manager/manager.d.ts

@@ -22,7 +22,10 @@ export interface ResetOptions {
 }
 export interface FormManager<Values, FlattenValues, ClonedValues> {
     submitRef: {
-        onSubmit: (values: Values, callbacks: SubmitCallbacls<FlattenValues>) => void;
+        onSubmit?: (values: Values, callbacks: SubmitCallbacls<FlattenValues>) => Promise<void>;
+    };
+    changeRef: {
+        onChange?: (values: Values) => void;
     };
     scheme: SchemeItems.All[];
     disabled?: boolean;

package/dist/useForm.d.ts

@@ -30,7 +30,8 @@ export interface MainOptions<Values extends FieldValues, FlattenValues, ClonedVa
     onDirty?: (event: DirtyEvent<FlattenValues>) => void;
     onChangeEvent?: (event: ChangeEvent<FlattenValues>) => void;
     onFormDirty?: (isDirty: boolean) => void;
-    onSubmit: (values: Values, callbacks: SubmitCallbacls<FlattenValues>) => Promise<void>;
+    onChange?: (values: Values) => void;
+    onSubmit?: (values: Values, callbacks: SubmitCallbacls<FlattenValues>) => Promise<void>;
 }
 export type GetDefaultValues<Items extends SchemeItems.All[]> = DeepPartial<ExtractValues<Items[number]>>;
 declare const useDynamicForm: (scheme: SchemeItems.All[], opts: MainOptions<FieldValues, FieldValues, FieldValues>) => {

package/dist/useValue.d.ts

@@ -1,4 +1,5 @@
 import { SchemeItems } from './core/types';
 import { ExtractFlatValues } from './core/extract';
 export declare const useValue: <T = any>(name: string) => T;
+export declare const useSetValue: <T = any>(name: string) => (value: T) => void;
 export declare const createUseValue: <Items extends SchemeItems.All[]>() => <FlattenValues extends ExtractFlatValues<Items[number]>, K extends keyof FlattenValues>(name: K & string) => FlattenValues[K];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@companix/formkit",
-  "version": "0.0.28",
+  "version": "0.0.29",
   "module": "./dist/bundle.es.js",
   "types": "./dist/index.d.ts",
   "type": "module",