@companix/formkit 0.0.23 → 0.0.24

package/dist/Visability.d.ts

@@ -0,0 +1,4 @@
+import { SchemeItems } from './core/types';
+export declare const Visablility: ({ hidden }: {
+    hidden?: boolean;
+}) => <T extends SchemeItems.All[]>(...childs: T) => SchemeItems.Visablility<T>;

package/dist/bundle.es.js

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

package/dist/core/builders/syntax.d.ts

@@ -3,3 +3,6 @@ export declare const Context: <N extends string>(context: N) => <T extends Schem
 export declare const Condition: (depended: string, props: {
     canActivate: (value: any) => boolean;
 }) => <T extends SchemeItems.All[]>(...childs: T) => SchemeItems.Condition<T>;
+export declare const Visablility: ({ hidden }: {
+    hidden?: boolean;
+}) => <T extends SchemeItems.All[]>(...childs: T) => SchemeItems.Visablility<T>;

package/dist/core/types.d.ts

@@ -5,7 +5,7 @@ export interface FieldError {
     messages?: string[];
 }
 export declare namespace SchemeItems {
-    type All = Form | Layout | Context | Condition | Extra;
+    type All = Form | Layout | Context | Condition | Extra | Visablility;
     interface Form<N extends string = string, V extends any = any, P extends any = any> {
         type: 'form';
         name: N;
@@ -39,4 +39,9 @@ export declare namespace SchemeItems {
         canActivate: (value: any) => boolean;
         childs: T;
     }
+    interface Visablility<T extends All[] = All[]> {
+        type: 'visability';
+        hidden: boolean;
+        childs: T;
+    }
 }

package/dist/index.d.ts

@@ -3,7 +3,7 @@ export { useValue, 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';
-export { Condition, Context } from './core/builders/syntax';
+export * from './core/builders/syntax';
 export type { FieldError } from './core/types';
 export type { FormManager } from './manager/manager';
 export type { FormControl } from './core/builders/create-form';

package/package.json

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