@companix/formkit 0.0.16 → 0.0.18

package/dist/bundle.es.js

@@ -1,165 +1,173 @@
-import { jsx as h, Fragment as j, jsxs as M } from "react/jsx-runtime";
-import { createContext as P, useState as R, useContext as q, useEffect as p, useMemo as A, useCallback as $, useRef as T } from "react";
+import { jsx as h, Fragment as j, jsxs as B } from "react/jsx-runtime";
+import { createContext as M, useState as w, useContext as R, useMemo as p, useEffect as S, useCallback as A, useRef as P } from "react";
 import L from "fast-deep-equal";
-const D = P({}), B = (n) => {
-  const [, r] = R([]), e = q(D), o = e.getForm(n);
-  return p(() => {
-    const { unsubscribe: t } = e.subscribeToForm(n, () => {
-      r([]);
+const D = M({}), q = (n) => {
+  const [, e] = w([]), r = R(D);
+  if (!r)
+    throw new Error("useValue cannot be used outside Form context");
+  const s = p(() => {
+    const t = r.getForm(n);
+    if (!t)
+      throw new Error(`form with name "${n}" doesnt exist in form`);
+    return t;
+  }, [r, n]);
+  return S(() => {
+    const t = r.subscribeToForm(n, () => {
+      e([]);
     });
     return () => {
       t();
     };
-  }, []), o?.value;
-}, N = ({ canActivate: n, name: r, children: e }) => {
-  const o = B(r);
-  return n(o) ? /* @__PURE__ */ h(j, { children: e }) : null;
-}, z = ({ item: { Form: n }, name: r }) => {
-  const [, e] = R([]), o = q(D), { unregistry: t } = A(() => o.registry(r, () => {
-    e([]);
-  }), []), f = $(
+  }, []), s.value;
+}, O = () => (n) => q(n), N = ({ canActivate: n, name: e, children: r }) => {
+  const s = q(e);
+  return n(s) ? /* @__PURE__ */ h(j, { children: r }) : null;
+}, U = ({ item: { Form: n }, name: e }) => {
+  const [, r] = w([]), s = R(D), { unregistry: t } = p(() => s.registry(e, () => {
+    r([]);
+  }), []), f = A(
     (y) => {
       if (y && y.focus) {
-        const v = o.getForm(r);
+        const v = s.getForm(e);
         v.focus = () => {
           y.focus();
         };
       }
     },
-    [r]
+    [e]
   );
-  p(() => () => {
+  S(() => () => {
     t();
   }, []);
-  const { value: b, error: x } = o.getForm(r);
+  const { value: g, error: m } = s.getForm(e);
   return /* @__PURE__ */ h(
     n,
     {
       field: {
-        value: b,
+        value: g,
         onChange: (y) => {
-          o.onChange(r, y);
+          s.onChange(e, y);
         },
         onBlur: () => {
         },
         ref: f
       },
       isDirty: !1,
-      error: x,
-      disabled: o.disabled
+      error: m,
+      disabled: s.disabled
     }
   );
-}, G = ({ item: n, path: r }) => {
-  const { getController: e, items: o } = n, t = q(D), f = A(() => {
+}, z = ({ item: n, path: e }) => {
+  const { getController: r, items: s } = n, t = R(D), f = p(() => {
     const l = {};
-    return o.forEach(({ name: g, getForm: s }) => {
-      l[g] = s(g, () => a(g));
+    return s.forEach(({ name: b, getForm: o }) => {
+      l[b] = o(b, () => a(b));
     }), l;
-  }, []), b = $(() => {
+  }, []), g = A(() => {
     const l = [];
-    return o.forEach(({ name: g }) => {
-      t.getForm([...r, g].join(".")).value !== void 0 && l.push(g);
+    return s.forEach(({ name: b }) => {
+      t.getForm([...e, b].join(".")).value !== void 0 && l.push(b);
     }), l;
-  }, []), x = A(() => b(), []), [y, v] = R(x);
-  p(() => {
+  }, []), m = p(() => g(), []), [y, v] = w(m);
+  S(() => {
     const { unregistry: l } = t.registryExtraForm(
-      o.map(({ name: g }) => [...r, g].join(".")),
+      s.map(({ name: b }) => [...e, b].join(".")),
       () => {
-        v(b());
+        v(g());
       }
     );
     return () => {
       l();
     };
   }, []);
-  const d = $(
+  const d = A(
     (l) => {
-      f[l] && !y.includes(l) && v((g) => [...g, l]);
+      f[l] && !y.includes(l) && v((b) => [...b, l]);
     },
     [y]
-  ), a = $((l) => {
-    v((g) => g.filter((s) => s !== l));
+  ), a = A((l) => {
+    v((b) => b.filter((o) => o !== l));
   }, []);
-  return /* @__PURE__ */ M(j, { children: [
+  return /* @__PURE__ */ B(j, { children: [
     y.map((l) => {
-      const g = f[l];
-      return /* @__PURE__ */ h(C, { path: r, scheme: [g] }, `param-form--${l}`);
+      const b = f[l];
+      return /* @__PURE__ */ h(C, { path: e, scheme: [b] }, `param-form--${l}`);
     }),
-    e(d, y)
+    r(d, y)
   ] });
-}, C = ({ scheme: n, path: r }) => /* @__PURE__ */ h(j, { children: n.map((e, o) => e.type === "layout" ? /* @__PURE__ */ h(e.Layout, { children: /* @__PURE__ */ h(C, { path: r, scheme: e.childs }) }, `layout-form--${o}-${r.length}`) : e.type === "context" ? /* @__PURE__ */ h(
+}, C = ({ scheme: n, path: e }) => /* @__PURE__ */ h(j, { children: n.map((r, s) => r.type === "layout" ? /* @__PURE__ */ h(r.Layout, { children: /* @__PURE__ */ h(C, { path: e, scheme: r.childs }) }, `layout-form--${s}-${e.length}`) : r.type === "context" ? /* @__PURE__ */ h(
   C,
   {
-    path: [...r, e.context],
-    scheme: e.childs
+    path: [...e, r.context],
+    scheme: r.childs
   },
-  `context-form--${o}-${e.context}-${r.length}`
-) : e.type === "condition" ? /* @__PURE__ */ h(
+  `context-form--${s}-${r.context}-${e.length}`
+) : r.type === "condition" ? /* @__PURE__ */ h(
   N,
   {
-    name: e.depended,
-    canActivate: e.canActivate,
-    children: /* @__PURE__ */ h(C, { path: r, scheme: e.childs })
+    name: r.depended,
+    canActivate: r.canActivate,
+    children: /* @__PURE__ */ h(C, { path: e, scheme: r.childs })
   },
-  `condition--${o}-${e.depended}-${r.length}`
-) : e.type === "extra" ? /* @__PURE__ */ h(G, { path: r, item: e }, `partial-item--${o}-${r.length}`) : /* @__PURE__ */ h(
-  z,
+  `condition--${s}-${r.depended}-${e.length}`
+) : r.type === "extra" ? /* @__PURE__ */ h(z, { path: e, item: r }, `partial-item--${s}-${e.length}`) : /* @__PURE__ */ h(
+  U,
   {
-    name: [...r, e.name].join("."),
-    item: e
+    name: [...e, r.name].join("."),
+    item: r
   },
-  `form-item--${o}-${e.name}-${r.length}`
-)) }), V = (n, r, e, o) => {
+  `form-item--${s}-${r.name}-${e.length}`
+)) }), V = (n, e, r, s) => {
   n.forEach((t) => {
-    if (t.type === "form" && o(t, [...r, t.name].join("."), e[t.name]), t.type === "context") {
-      V(t.childs, [...r, t.context], e[t.context] ?? {}, o);
+    if (t.type === "form" && s(t, [...e, t.name].join("."), r[t.name]), t.type === "context") {
+      V(t.childs, [...e, t.context], r[t.context] ?? {}, s);
       return;
     }
     if (t.type === "layout" || t.type === "condition") {
-      V(t.childs, r, e, o);
+      V(t.childs, e, r, s);
       return;
     }
-    t.type === "extra" && t.items.forEach(({ getForm: f, name: b }) => {
-      V([f(b, () => {
-      })], r, e, o);
+    t.type === "extra" && t.items.forEach(({ getForm: f, name: g }) => {
+      V([f(g, () => {
+      })], e, r, s);
     });
   });
-}, E = ({ scheme: n, values: r, path: e, forms: o }) => {
+}, E = ({ scheme: n, values: e, path: r, forms: s }) => {
   n.forEach((t) => {
     if (t.type === "form") {
-      const f = [...e, t.name].join(".");
-      o[f].value !== void 0 && (r[t.name] = o[f].value);
+      const f = [...r, t.name].join(".");
+      s[f].value !== void 0 && (e[t.name] = s[f].value);
     }
     if (t.type === "context") {
-      r[t.context] = {}, E({
+      e[t.context] = {}, E({
         scheme: t.childs,
-        path: [...e, t.context],
-        values: r[t.context],
-        forms: o
+        path: [...r, t.context],
+        values: e[t.context],
+        forms: s
       });
       return;
     }
     if (t.type === "layout") {
-      E({ scheme: t.childs, path: e, values: r, forms: o });
+      E({ scheme: t.childs, path: r, values: e, forms: s });
       return;
     }
     if (t.type === "condition") {
-      const f = o[t.depended]?.value;
+      const f = s[t.depended]?.value;
       if (t.canActivate(f)) {
-        E({ scheme: t.childs, path: e, values: r, forms: o });
+        E({ scheme: t.childs, path: r, values: e, forms: s });
         return;
       }
     }
-    t.type === "extra" && t.items.forEach(({ getForm: f, name: b }) => {
-      E({ scheme: [f(b, () => {
-      })], path: e, values: r, forms: o });
+    t.type === "extra" && t.items.forEach(({ getForm: f, name: g }) => {
+      E({ scheme: [f(g, () => {
+      })], path: r, values: e, forms: s });
     });
   });
-}, w = (n, r) => {
-  const e = {};
-  return E({ scheme: n, path: [], values: e, forms: r }), e;
-}, H = (n, r) => {
-  const { onSubmit: e, onEqual: o, disabled: t, onDirty: f, onFormDirty: b, onChangeEvent: x, defaultValues: y } = r, v = { onSubmit: e }, d = {
+}, T = (n, e) => {
+  const r = {};
+  return E({ scheme: n, path: [], values: r, forms: e }), r;
+}, G = (n, e) => {
+  const { onSubmit: r, onEqual: s, disabled: t, onDirty: f, onFormDirty: g, onChangeEvent: m, defaultValues: y } = e, v = { onSubmit: r }, d = {
     isActive: !1,
     isSubmitted: !1,
     dirtyCount: 0
@@ -167,24 +175,24 @@ const D = P({}), B = (n) => {
     subscribers: [],
     names: {}
   };
-  V(n, [], y ?? {}, (s, u, i) => {
+  V(n, [], y ?? {}, (o, u, i) => {
     a[u] = {
       error: null,
       isDirty: !1,
       value: i,
       // текущее (динамическое) состояние поля. Значение равно переданному дефолтному, либо: определяется как дефолтное значение компонента формы в момент его монтирования, а до этого - undefined.
-      startValue: i ?? s.defaultValue,
+      startValue: i ?? o.defaultValue,
       // начальное (стартовое) значение (равно переданному дефолтному, либо значению формы по умолчанию). Исходя из сравнения текущего значения со стартовым, можно понять, модифицированно ли поле
-      defaultValue: s.defaultValue,
+      defaultValue: o.defaultValue,
       // дефолтное значение компонента формы
       rerender: () => {
       },
       subscribers: [],
-      validate: s.validate
+      validate: o.validate
     };
   });
-  const g = (s, u) => {
-    f?.({ name: s, isDirty: u }), u && d.dirtyCount === 0 && b?.(!0), !u && d.dirtyCount === 1 && b?.(!1), d.dirtyCount += u ? 1 : -1;
+  const b = (o, u) => {
+    f?.({ name: o, isDirty: u }), u && d.dirtyCount === 0 && g?.(!0), !u && d.dirtyCount === 1 && g?.(!1), d.dirtyCount += u ? 1 : -1;
   };
   return {
     submitRef: v,
@@ -196,98 +204,96 @@ const D = P({}), B = (n) => {
     disactivate() {
       d.isActive = !1;
     },
-    setError(s, u) {
-      const i = this.getForm(s);
+    setError(o, u) {
+      const i = this.getForm(o);
       i && (i.error = {
         error: !0,
         messages: [u.message]
       }, i.rerender());
     },
-    setFocus(s) {
-      const u = this.getForm(s);
+    setFocus(o) {
+      const u = this.getForm(o);
       u && u.focus && u.focus();
     },
-    setValue(s, u) {
-      const i = this.getForm(s);
-      i && i.value !== u && this.onChange(s, u);
+    setValue(o, u) {
+      const i = this.getForm(o);
+      i && i.value !== u && this.onChange(o, u);
     },
     getValues() {
-      return w(n, a);
+      return T(n, a);
     },
     async handleSubmit() {
       if (t)
         return;
       d.isSubmitted = !0;
-      let s = !1, u = !1;
+      let o = !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(), !s && c.focus && (c.focus(), s = !0));
+          F && (u = !0, c.error = F, c.rerender(), !o && c.focus && (c.focus(), o = !0));
         }
       }
       if (!u) {
         if (d.dirtyCount === 0) {
-          o?.();
+          s?.();
           return;
         }
-        const i = w(n, a);
+        const i = T(n, a);
         await v.onSubmit(i, {
           setError: (c, F) => {
-            const m = this.getForm(c);
-            m.error = {
+            const x = this.getForm(c);
+            x.error = {
               error: !0,
               messages: [F.message]
-            }, m.rerender();
+            }, x.rerender();
           }
         });
       }
     },
-    reset(s, { asDirty: u }) {
-      V(n, [], s, (i, c, F) => {
+    reset(o, { asDirty: u }) {
+      V(n, [], o, (i, c, F) => {
         if (F === void 0 && a[c].value === void 0)
           return;
         if (l.names[c] && F === void 0) {
           a[c].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);
+        const x = F ?? i.defaultValue;
+        u || (a[c].startValue = x, a[c].isDirty = !1), a[c].value !== x && this.onChange(c, x);
       }), u || (d.dirtyCount = 0, d.isSubmitted = !1), l.subscribers.forEach(({ visualizeEvalueatedForms: i }) => {
         i();
       });
     },
     setAsDefault() {
-      V(n, [], {}, ({}, s) => {
-        a[s].startValue = a[s].value, a[s].isDirty = !1;
+      V(n, [], {}, ({}, o) => {
+        a[o].startValue = a[o].value, a[o].isDirty = !1;
       }), d.dirtyCount = 0, d.isSubmitted = !1;
     },
-    registry(s, u) {
-      return a[s].rerender = u, a[s].value === void 0 && (a[s].value = a[s].defaultValue), {
+    registry(o, u) {
+      return a[o].rerender = u, a[o].value === void 0 && (a[o].value = a[o].defaultValue), {
         unregistry() {
-          if (a[s].rerender = () => {
-          }, a[s].focus = void 0, d.isActive) {
-            a[s].value = void 0;
-            const i = !L(a[s].startValue, a[s].defaultValue);
-            a[s].isDirty !== i && g(s, i), a[s].isDirty = i;
+          if (a[o].rerender = () => {
+          }, a[o].focus = void 0, d.isActive) {
+            a[o].value = void 0;
+            const i = !L(a[o].startValue, a[o].defaultValue);
+            a[o].isDirty !== i && b(o, i), a[o].isDirty = i;
           }
         }
       };
     },
-    getForm(s) {
-      return a[s];
+    getForm(o) {
+      return a[o];
     },
-    subscribeToForm(s, u) {
-      const i = { callback: u }, c = this.getForm(s);
-      return c.subscribers.push(i), {
-        unsubscribe: () => {
-          c.subscribers = c.subscribers.filter((F) => F !== i);
-        }
+    subscribeToForm(o, u) {
+      const i = { callback: u }, c = this.getForm(o);
+      return c.subscribers.push(i), () => {
+        c.subscribers = c.subscribers.filter((F) => F !== i);
       };
     },
-    registryExtraForm(s, u) {
+    registryExtraForm(o, u) {
       const i = { visualizeEvalueatedForms: u };
-      return s.forEach((c) => {
+      return o.forEach((c) => {
         l.names[c] = !0;
       }), l.subscribers.push(i), {
         unregistry() {
@@ -295,113 +301,116 @@ const D = P({}), B = (n) => {
         }
       };
     },
-    onChange(s, u) {
-      const i = this.getForm(s), c = !L(u, i.startValue);
-      i.isDirty !== c && g(s, c), i.isDirty = c, x?.({ name: s, value: u }), (i.error || d.isSubmitted) && (i.error = i.validate(u) || null), i.value = u, i.rerender(), i.subscribers.forEach(({ callback: F }) => {
-        F();
+    onChange(o, u) {
+      const i = this.getForm(o), c = !L(u, i.startValue);
+      i.isDirty !== c && b(o, c), i.isDirty = c, m?.({ name: o, value: u }), (i.error || d.isSubmitted) && (i.error = i.validate(u) || null), i.value = u, i.rerender(), i.subscribers.forEach(({ callback: F }) => {
+        F(u);
       });
     }
   };
-}, Q = (n, r) => {
-  const e = T(null);
-  e.current === null && (e.current = H(n, r));
-  const o = e.current;
-  return p(() => {
-    e.current && (e.current.submitRef.onSubmit = r.onSubmit);
-  }, [r.onSubmit]), {
-    manager: o,
-    useValue: (t) => B(t),
+}, Q = (n, e) => {
+  const r = P(null);
+  r.current === null && (r.current = G(n, e));
+  const s = r.current;
+  return S(() => {
+    r.current && (r.current.submitRef.onSubmit = e.onSubmit);
+  }, [e.onSubmit]), {
+    manager: s,
+    useValue: (t) => q(t),
     reset: (t, f = {}) => {
-      o.reset(t, f);
+      s.reset(t, f);
     },
     setAsDefault: () => {
-      o.setAsDefault();
+      s.setAsDefault();
     },
     setFocus: (t) => {
-      o.setFocus(t);
+      s.setFocus(t);
     },
     setError: (t, f) => {
-      o.setError(t, f);
+      s.setError(t, f);
     },
     setValue: (t, f) => {
-      o.setValue(t, f);
+      s.setValue(t, f);
     },
-    getValues: () => o.getValues(),
+    getValues: () => s.getValues(),
     handleSubmit: async () => {
-      await o.handleSubmit();
-    }
+      await s.handleSubmit();
+    },
+    // prettier-ignore
+    subscribe: (t, f) => s.subscribeToForm(t, f)
   };
-}, U = ({ manager: n }) => (A(() => {
+}, W = ({ manager: n }) => (p(() => {
   n.activate();
-}, []), p(() => () => {
+}, []), S(() => () => {
   n.disactivate();
-}, []), /* @__PURE__ */ h(D.Provider, { value: n, children: /* @__PURE__ */ h(C, { scheme: n.scheme, path: [] }) })), S = (n) => {
+}, []), /* @__PURE__ */ h(D.Provider, { value: n, children: /* @__PURE__ */ h(C, { scheme: n.scheme, path: [] }) })), $ = (n) => {
   try {
     n();
-  } catch (r) {
-    return r && typeof r == "string" ? {
+  } catch (e) {
+    return e && typeof e == "string" ? {
       error: !0,
-      messages: [r]
-    } : r instanceof Array && r.every((e) => e && typeof e == "string") ? {
+      messages: [e]
+    } : e instanceof Array && e.every((r) => r && typeof r == "string") ? {
       error: !0,
-      messages: r
+      messages: e
     } : {
       error: !0
     };
   }
-}, W = (n) => (r, e) => {
-  const o = n.getRequireCheck(e), { $rules: t = {}, ...f } = e, { validate: b, required: x } = t;
+}, X = (n) => (e, r) => {
+  const s = n.getRequireCheck(r), { $rules: t = {}, ...f } = r, { validate: g, required: m } = t;
   return {
     type: "form",
-    name: r,
+    name: e,
     defaultValue: n.defaultValue,
     Form: n.getForm(f),
     validate: (y) => {
-      if (x) {
-        const v = S(() => o(y));
+      if (m) {
+        const v = $(() => s(y));
         if (v)
           return v;
-        if (b) {
-          const d = S(() => b(y));
+        if (g) {
+          const d = $(() => g(y));
           if (d)
             return d;
         }
         return;
       }
-      if (b && !S(() => o(y))) {
-        const d = S(() => b(y));
+      if (g && !$(() => s(y))) {
+        const d = $(() => g(y));
         if (d)
           return d;
       }
     }
   };
-}, X = (n) => (r) => (...e) => ({
+}, Y = (n) => (e) => (...r) => ({
   type: "layout",
-  Layout: n(r),
-  childs: e
-}), Y = ({
+  Layout: n(e),
+  childs: r
+}), Z = ({
   getItems: n,
-  getController: r
+  getController: e
 }) => ({
   type: "extra",
-  items: n((e) => (o) => ({ type: "registry", name: e, getForm: o })),
-  getController: r
-}), Z = (n) => (...r) => ({
+  items: n((r) => (s) => ({ type: "registry", name: r, getForm: s })),
+  getController: e
+}), _ = (n) => (...e) => ({
   type: "context",
   context: n,
-  childs: r
-}), _ = (n, r) => (...e) => ({
+  childs: e
+}), k = (n, e) => (...r) => ({
   type: "condition",
   depended: n,
-  canActivate: r.canActivate,
-  childs: e
+  canActivate: e.canActivate,
+  childs: r
 });
 export {
-  _ as Condition,
-  Z as Context,
-  U as FormLayout,
-  Y as createExtraForm,
-  W as createForm,
-  X as createLayout,
+  k as Condition,
+  _ as Context,
+  W as FormLayout,
+  Z as createExtraForm,
+  X as createForm,
+  Y as createLayout,
+  O as createUseValue,
   Q as useForm
 };

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { useForm, FormLayout } from './useForm';
+export { 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

@@ -11,7 +11,7 @@ interface FormItem {
     focus?: () => void;
     validate: (value: any) => FieldError | void;
     subscribers: {
-        callback: () => void;
+        callback: (value: any) => void;
     }[];
 }
 export interface Forms {
@@ -32,9 +32,7 @@ export interface FormManager<Values, FlattenValues, ClonedValues> {
     registry: (name: string, callback: () => void) => {
         unregistry: () => void;
     };
-    subscribeToForm: (name: string, callback: () => void) => {
-        unsubscribe: () => void;
-    };
+    subscribeToForm: <K extends keyof FlattenValues>(name: K & string, callback: (value: FlattenValues[K]) => void) => () => void;
     registryExtraForm: (names: string[], callback: () => void) => {
         unregistry: () => void;
     };

package/dist/useForm.d.ts

@@ -49,6 +49,7 @@ declare const useDynamicForm: (scheme: SchemeItems.All[], opts: MainOptions<Fiel
         [x: string]: any;
     };
     handleSubmit: () => Promise<void>;
+    subscribe: <K extends string>(name: K, callback: (value: any) => void) => () => void;
 };
 declare const useForm: <Items extends SchemeItems.All[], Values extends ExtractValues<Items[number]>, FlattenValues extends ExtractFlatValues<Items[number]>, Cloned extends Copy<Values>>(scheme: Items, opts: MainOptions<Values, FlattenValues, Cloned>) => {
     manager: FormManager<Values, FlattenValues, Cloned>;
@@ -62,6 +63,7 @@ declare const useForm: <Items extends SchemeItems.All[], Values extends ExtractV
     setValue: <K extends keyof FlattenValues>(name: K, value: FlattenValues[K]) => void;
     getValues: () => DeepPartial<Cloned>;
     handleSubmit: () => Promise<void>;
+    subscribe: <K extends keyof FlattenValues>(name: K & string, callback: (value: FlattenValues[K]) => void) => () => void;
 };
 interface Props {
     manager: FormManager<any, any, any>;

package/dist/useValue.d.ts

@@ -1 +1,4 @@
-export declare const useValue: (name: string) => any;
+import { SchemeItems } from './core/types';
+import { ExtractFlatValues } from './core/extract';
+export declare const useValue: <T = any>(name: string) => T;
+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,10 +1,10 @@
 {
   "name": "@companix/formkit",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "module": "./dist/bundle.es.js",
   "types": "./dist/index.d.ts",
   "type": "module",
-  "author": "Pavel Victorov",
+  "author": "Pavel Victorov.",
   "files": [
     "dist"
   ],