@code0-tech/pictor 0.0.0-mvp.3 → 0.0.0-mvp.30

package/dist/components/form/InputSuggestion.js

@@ -1,102 +1,218 @@
-import { jsx as p, jsxs as d } from "react/jsx-runtime";
-import { c as I } from "../../compiler-runtime-BNHg76kC.js";
-import { MenuContent as x, MenuLabel as M, MenuItem as w } from "../menu/Menu.js";
-import l from "react";
-import { ScrollArea as R, ScrollAreaViewport as G, ScrollAreaScrollbar as A, ScrollAreaThumb as D } from "../scroll-area/ScrollArea.js";
-import { IconChevronDown as E, IconChevronUp as y } from "@tabler/icons-react";
-const k = l.forwardRef((o, h) => {
-  const e = I.c(6);
-  let a, u;
-  e[0] !== o ? ({
-    children: a,
-    ...u
-  } = o, e[0] = o, e[1] = a, e[2] = u) : (a = e[1], u = e[2]);
-  const i = l.useRef(null);
-  let c;
-  return e[3] !== a || e[4] !== u ? (c = /* @__PURE__ */ p(x, { ref: i, onContextMenuCapture: j, onInteractOutside: F, onCloseAutoFocus: O, align: "start", sideOffset: 8, ...u, children: a }), e[3] = a, e[4] = u, e[5] = c) : c = e[5], c;
-}), U = l.forwardRef((o, h) => {
+import { jsx as I, jsxs as B } from "react/jsx-runtime";
+import { c as x } from "../../_virtual/compiler-runtime.js";
+import { MenuItem as L, MenuContent as F, MenuLabel as k } from "../menu/Menu.js";
+import i from "react";
+import { ScrollArea as N, ScrollAreaViewport as O, ScrollAreaScrollbar as T, ScrollAreaThumb as j } from "../scroll-area/ScrollArea.js";
+import { IconChevronDown as $, IconChevronUp as z } from "@tabler/icons-react";
+const D = i.memo((u) => {
+  const e = x.c(17), {
+    suggestion: n,
+    visibleIndex: l,
+    isActive: p,
+    inputRef: d,
+    onSelect: v,
+    onActivate: c,
+    itemRef: f
+  } = u;
+  if (l === null)
+    return null;
+  let m;
+  if (e[0] !== d || e[1] !== c || e[2] !== l) {
+    const b = () => {
+      c(l), d?.current?.focus({
+        preventScroll: !0
+      });
+    };
+    m = (M) => {
+      M.preventDefault(), b();
+    }, e[0] = d, e[1] = c, e[2] = l, e[3] = m;
+  } else
+    m = e[3];
+  const g = m;
+  let a;
+  e[4] !== c || e[5] !== l ? (a = (b) => {
+    b.preventDefault(), b.stopPropagation(), c(l);
+  }, e[4] = c, e[5] = l, e[6] = a) : a = e[6];
+  const y = a;
+  let C;
+  e[7] !== v || e[8] !== n ? (C = () => setTimeout(() => v(n), 0), e[7] = v, e[8] = n, e[9] = C) : C = e[9];
+  let o;
+  return e[10] !== g || e[11] !== y || e[12] !== p || e[13] !== f || e[14] !== n.children || e[15] !== C ? (o = /* @__PURE__ */ I(L, { textValue: "", onPointerDown: g, onPointerMove: y, onSelect: C, "data-focus": p, ref: f, children: n.children }), e[10] = g, e[11] = y, e[12] = p, e[13] = f, e[14] = n.children, e[15] = C, e[16] = o) : o = e[16], o;
+}, (u, e) => u.suggestion === e.suggestion && u.visibleIndex === e.visibleIndex && u.isActive === e.isActive && u.inputRef === e.inputRef && u.onSelect === e.onSelect && u.onActivate === e.onActivate && u.itemRef === e.itemRef);
+D.displayName = "SuggestionMenuItem";
+const P = i.forwardRef((u, e) => {
+  const n = x.c(12);
+  let l, p, d;
+  n[0] !== u ? ({
+    children: l,
+    inputRef: p,
+    ...d
+  } = u, n[0] = u, n[1] = l, n[2] = p, n[3] = d) : (l = n[1], p = n[2], d = n[3]);
+  const v = i.useRef(null);
+  let c, f;
+  n[4] !== p ? (c = (g) => {
+    g.preventDefault(), p?.current?.focus({
+      preventScroll: !0
+    });
+  }, f = () => p?.current?.focus({
+    preventScroll: !0
+  }), n[4] = p, n[5] = c, n[6] = f) : (c = n[5], f = n[6]);
+  let m;
+  return n[7] !== l || n[8] !== d || n[9] !== c || n[10] !== f ? (m = /* @__PURE__ */ I(F, { ref: v, forceMount: !0, onContextMenuCapture: H, onInteractOutside: U, onCloseAutoFocus: q, onOpenAutoFocus: c, onFocusCapture: f, align: "start", sideOffset: 8, ...d, children: l }), n[7] = l, n[8] = d, n[9] = c, n[10] = f, n[11] = m) : m = n[11], m;
+});
+P.displayName = "InputSuggestionMenuContent";
+const Z = i.memo(P), V = i.forwardRef((u, e) => {
   const {
-    suggestions: e,
-    onSuggestionSelect: a = () => {
+    suggestions: n,
+    onSuggestionSelect: l = () => {
     },
-    ...u
-  } = o, i = l.useRef([]), [c, m] = l.useState({});
-  l.useEffect(() => {
-    if (!e) {
+    inputRef: p,
+    ...d
+  } = u, v = i.useRef([]), c = i.useRef(/* @__PURE__ */ new Map()), [f, m] = i.useState({}), g = i.useRef(null), a = i.useCallback((t, r) => {
+    const s = g.current;
+    if (!(!r?.force && s === t) && (s !== null && v.current[s]?.removeAttribute("data-focus"), g.current = t, t !== null)) {
+      const h = v.current[t];
+      h && (h.setAttribute("data-focus", "true"), r?.scrollIntoView && h.scrollIntoView({
+        block: "nearest"
+      }));
+    }
+  }, []);
+  i.useEffect(() => {
+    if (!n) {
       m({});
       return;
     }
-    m((r) => {
-      const t = {};
-      return e.forEach((n) => {
-        n.groupLabel && (r.hasOwnProperty(n.groupLabel) ? t[n.groupLabel] = r[n.groupLabel] : t[n.groupLabel] = !1);
-      }), t;
+    m((t) => {
+      const r = {};
+      return n.forEach((s) => {
+        s.groupBy && (t.hasOwnProperty(s.groupBy) ? r[s.groupBy] = t[s.groupBy] : r[s.groupBy] = !1);
+      }), r;
     });
-  }, [e]);
+  }, [n]);
   const {
-    groupLabelCount: v,
-    visibleSuggestionCount: S
-  } = l.useMemo(() => {
-    if (!e) return {
+    groupLabelCount: y,
+    visibleSuggestionCount: C,
+    visibleSuggestions: o
+  } = i.useMemo(() => {
+    if (!n) return {
       groupLabelCount: 0,
-      visibleSuggestionCount: 0
+      visibleSuggestionCount: 0,
+      visibleSuggestions: []
     };
-    let r = 0, t = 0;
-    return e.forEach((n, s, b) => {
-      const f = s > 0 ? b[s - 1]?.groupLabel : void 0;
-      n.groupLabel && n.groupLabel !== f && (r += 1), (n.groupLabel ? c[n.groupLabel] : !1) || (t += 1);
+    let t = 0, r = 0;
+    const s = [];
+    return n.forEach((h, A, R) => {
+      const S = A > 0 ? R[A - 1]?.groupBy : void 0;
+      h.groupBy && h.groupBy !== S && (t += 1), (h.groupBy ? f[h.groupBy] : !1) || (r += 1, s.push(h));
     }), {
-      groupLabelCount: r,
-      visibleSuggestionCount: t
+      groupLabelCount: t,
+      visibleSuggestionCount: r,
+      visibleSuggestions: s
     };
-  }, [c, e]), g = (r) => {
-    m((t) => ({
-      ...t,
-      [r]: !t[r]
+  }, [f, n]);
+  i.useEffect(() => {
+    const t = g.current;
+    if (t !== null) {
+      if (t > o.length - 1) {
+        a(o.length ? o.length - 1 : null, {
+          force: !0
+        });
+        return;
+      }
+      a(t, {
+        force: !0
+      });
+    }
+  }, [a, o]), i.useImperativeHandle(e, () => ({
+    focusFirstItem: () => {
+      if (o.length)
+        return a(0, {
+          scrollIntoView: !0
+        }), o[0];
+    },
+    focusLastItem: () => {
+      if (!o.length) return;
+      const t = o.length - 1;
+      return a(t, {
+        scrollIntoView: !0
+      }), o[t];
+    },
+    highlightNextItem: () => {
+      if (!o.length) return;
+      const t = g.current, r = t === null ? 0 : Math.min(t + 1, o.length - 1);
+      return a(r, {
+        scrollIntoView: !0
+      }), o[r];
+    },
+    highlightPreviousItem: () => {
+      if (!o.length) return;
+      const t = g.current, r = t === null ? o.length - 1 : Math.max(t - 1, 0);
+      return a(r, {
+        scrollIntoView: !0
+      }), o[r];
+    },
+    selectActiveItem: () => {
+      const t = g.current;
+      if (t === null || !o[t]) return;
+      const r = o[t];
+      return setTimeout(() => l(r), 0), r;
+    },
+    clearActiveItem: () => a(null)
+  }), [l, a, o]);
+  const b = (t) => {
+    m((r) => ({
+      ...r,
+      [t]: !r[t]
     }));
-  };
-  return l.useImperativeHandle(h, () => ({
-    focusFirstItem: () => i.current[0]?.focus(),
-    // @ts-ignore
-    focusLastItem: () => i.current.at(-1)?.focus()
-  }), []), i.current = [], /* @__PURE__ */ d(R, { h: `${Math.max(S + v, 1) * 27}px`, mah: "calc(var(--radix-popper-available-height) - 3rem - 69px)", ...u, children: [
-    /* @__PURE__ */ p(G, { children: e?.map((r, t, n) => {
-      const s = t > 0 ? n[t - 1]?.groupLabel : void 0, b = r.groupLabel && r.groupLabel !== s, f = r.groupLabel ? c[r.groupLabel] : !1;
-      let C = i.current.length;
-      return /* @__PURE__ */ d(l.Fragment, { children: [
-        b && r.groupLabel && /* @__PURE__ */ d(M, { onPointerDown: (L) => L.preventDefault(), onClick: () => g(r.groupLabel), style: {
+  }, M = i.useCallback((t) => {
+    let r = c.current.get(t);
+    return r || (r = (s) => {
+      v.current[t] = s;
+    }, c.current.set(t, r)), r;
+  }, []);
+  let E = -1;
+  return /* @__PURE__ */ B(N, { h: `${Math.max(C + y, 1) * 27}px`, mah: "calc(var(--radix-popper-available-height) - 3rem - 69px)", ...d, children: [
+    /* @__PURE__ */ I(O, { children: n?.map((t, r, s) => {
+      const h = r > 0 ? s[r - 1]?.groupBy : void 0, A = t.groupBy && t.groupBy !== h, R = t.groupBy ? f[t.groupBy] : !1, S = R ? null : ++E, w = S !== null && g.current === S;
+      return /* @__PURE__ */ B(i.Fragment, { children: [
+        A && t.groupBy && /* @__PURE__ */ B(k, { onPointerDown: (G) => G.preventDefault(), onClick: () => b(t.groupBy), style: {
           display: "flex",
           alignItems: "center",
           justifyContent: "space-between",
           cursor: "pointer"
         }, children: [
-          /* @__PURE__ */ p("span", { children: r.groupLabel }),
-          f ? /* @__PURE__ */ p(E, { size: 16 }) : /* @__PURE__ */ p(y, { size: 16 })
+          /* @__PURE__ */ I("span", { children: t.groupBy }),
+          R ? /* @__PURE__ */ I($, { size: 16 }) : /* @__PURE__ */ I(z, { size: 16 })
         ] }),
-        !f && /* @__PURE__ */ p(
-          w,
+        !R && /* @__PURE__ */ I(
+          D,
           {
-            textValue: "",
-            onSelect: () => setTimeout(() => a(r), 0),
-            ref: (L) => i.current[C] = L,
-            children: r.children
+            suggestion: t,
+            visibleIndex: S,
+            isActive: w,
+            inputRef: p,
+            onSelect: l,
+            onActivate: a,
+            itemRef: S !== null ? M(S) : void 0
           }
         )
-      ] }, t);
+      ] }, r);
     }) }),
-    /* @__PURE__ */ p(A, { orientation: "vertical", children: /* @__PURE__ */ p(D, {}) })
+    /* @__PURE__ */ I(T, { orientation: "vertical", children: /* @__PURE__ */ I(j, {}) })
   ] });
 });
-function j(o) {
-  return o.stopPropagation();
+V.displayName = "InputSuggestionMenuContentItems";
+const _ = i.memo(V);
+function H(u) {
+  return u.stopPropagation();
 }
-function F(o) {
-  return o.target instanceof HTMLInputElement && o.preventDefault();
+function U(u) {
+  return u.target instanceof HTMLInputElement && u.preventDefault();
 }
-function O(o) {
-  return o.preventDefault();
+function q(u) {
+  return u.preventDefault();
 }
 export {
-  k as InputSuggestionMenuContent,
-  U as InputSuggestionMenuContentItems
+  Z as InputSuggestionMenuContent,
+  _ as InputSuggestionMenuContentItems
 };

package/dist/components/form/NumberInput.js

@@ -1,20 +1,20 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import u from "react";
 import { Input as i } from "./Input.js";
 import { IconMinus as a, IconPlus as l } from "@tabler/icons-react";
 import { Button as e } from "../button/Button.js";
-const d = u.forwardRef((o, n) => {
-  n = n || u.useRef(null);
+const N = u.forwardRef((o, t) => {
+  t = t || u.useRef(null);
   const {
     step: r = 1,
     ...c
   } = o;
-  return /* @__PURE__ */ t(i, { className: "number-input", right: /* @__PURE__ */ t(e, { variant: "none", onClick: () => {
-    n.current && (n.current.value || (n.current.value = "0"), n.current.value = (Number.parseInt(n.current.value) + r).toString());
-  }, children: /* @__PURE__ */ t(l, { size: 13 }) }), left: /* @__PURE__ */ t(e, { variant: "none", onClick: () => {
-    n.current && (n.current.value || (n.current.value = "0"), n.current.value = (Number.parseInt(n.current.value) - r).toString());
-  }, children: /* @__PURE__ */ t(a, { size: 13 }) }), leftType: "action", type: "number", ref: n, ...c });
+  return /* @__PURE__ */ n(i, { className: "number-input", right: /* @__PURE__ */ n(e, { variant: "none", onClick: () => {
+    t.current && (t.current.value || (t.current.value = "0"), t.current.value = (Number.parseInt(t.current.value) + r).toString());
+  }, children: /* @__PURE__ */ n(l, { size: 13 }) }), left: /* @__PURE__ */ n(e, { variant: "none", onClick: () => {
+    t.current && (t.current.value || (t.current.value = "0"), t.current.value = (Number.parseInt(t.current.value) - r).toString());
+  }, children: /* @__PURE__ */ n(a, { size: 13 }) }), leftType: "action", type: "number", ref: t, ...c });
 });
 export {
-  d as NumberInput
+  N as NumberInput
 };

package/dist/components/form/PasswordInput.js

@@ -1,18 +1,19 @@
 import { jsx as e } from "react/jsx-runtime";
-import o from "react";
-import { Input as h, setElementKey as y } from "./Input.js";
-import { IconEye as d, IconX as g } from "@tabler/icons-react";
+import n from "react";
+import { Input as f } from "./Input.js";
+import { IconEye as d, IconX as h } from "@tabler/icons-react";
 import { Button as i } from "../button/Button.js";
-const I = o.forwardRef((s, t) => {
-  t = t || o.useRef(null);
+import { clearInputElement as y } from "./Input.utils.js";
+const C = n.forwardRef((p, t) => {
+  t = t || n.useRef(null);
   const {
-    clearable: a = !0,
-    visible: p = !0,
+    clearable: s = !0,
+    visible: a = !0,
     right: c,
     ...u
-  } = s, l = (r) => (t.current && y(t.current, "value", "", "change"), r.stopPropagation(), r.preventDefault(), !1), m = (r) => (t.current && t.current.type == "password" ? t.current.type = "text" : t.current && t.current.type == "text" && (t.current.type = "password"), r.stopPropagation(), r.preventDefault(), !1), n = [c];
-  return p && n.push(/* @__PURE__ */ e(i, { variant: "none", onClick: (r) => m(r), children: /* @__PURE__ */ e(d, { size: 13 }) })), a && n.push(/* @__PURE__ */ e(i, { variant: "none", onClick: (r) => l(r), children: /* @__PURE__ */ e(g, { size: 13 }) })), /* @__PURE__ */ e(h, { right: n, rightType: "action", type: "password", ref: t, ...u });
+  } = p, l = (r) => (y(t.current), r.stopPropagation(), r.preventDefault(), !1), m = (r) => (t.current instanceof HTMLInputElement && (t.current.type === "password" ? t.current.type = "text" : t.current.type === "text" && (t.current.type = "password")), r.stopPropagation(), r.preventDefault(), !1), o = [c];
+  return a && o.push(/* @__PURE__ */ e(i, { variant: "none", onClick: (r) => m(r), children: /* @__PURE__ */ e(d, { size: 13 }) })), s && o.push(/* @__PURE__ */ e(i, { variant: "none", onClick: (r) => l(r), children: /* @__PURE__ */ e(h, { size: 13 }) })), /* @__PURE__ */ e(f, { right: o, rightType: "action", type: "password", ref: t, ...u });
 });
 export {
-  I as PasswordInput
+  C as PasswordInput
 };

package/dist/components/form/PinInput.js

@@ -1,11 +1,11 @@
 import { jsx as d, jsxs as F, Fragment as x } from "react/jsx-runtime";
-import { c as I } from "../../compiler-runtime-BNHg76kC.js";
+import { c as I } from "../../_virtual/compiler-runtime.js";
 import { OneTimePasswordFieldInput as C, OneTimePasswordFieldHiddenInput as M, OneTimePasswordField as T } from "@radix-ui/react-one-time-password-field";
 import { mergeCode0Props as V } from "../../utils/utils.js";
 import { InputLabel as _ } from "./InputLabel.js";
 import { InputDescription as $ } from "./InputDescription.js";
 import { InputMessage as w } from "./InputMessage.js";
-import '../../assets/Input.css';/* empty css                         */
+import '../../assets/components/form/Input.style.css';/* empty css                 */
 const y = (l) => {
   const e = I.c(26);
   let t, i, r, n, o, s;

package/dist/components/form/RadioGroup.js

@@ -1,11 +1,11 @@
 import { jsx as p, jsxs as x, Fragment as R } from "react/jsx-runtime";
-import { c as C } from "../../compiler-runtime-BNHg76kC.js";
+import { c as C } from "../../_virtual/compiler-runtime.js";
 import * as M from "@radix-ui/react-radio-group";
 import { mergeCode0Props as v } from "../../utils/utils.js";
 import { InputLabel as G } from "./InputLabel.js";
 import { InputDescription as I } from "./InputDescription.js";
 import { InputMessage as j } from "./InputMessage.js";
-import '../../assets/Input.css';/* empty css                         */
+import '../../assets/components/form/Input.style.css';/* empty css                 */
 const k = (u) => {
   const e = C.c(22);
   let o, t, a, r, l, i;

package/dist/components/form/RadioInput.js

@@ -1,8 +1,8 @@
 import { jsx as c, jsxs as u } from "react/jsx-runtime";
-import { c as f } from "../../compiler-runtime-BNHg76kC.js";
+import { c as f } from "../../_virtual/compiler-runtime.js";
 import * as s from "@radix-ui/react-radio-group";
 import { mergeCode0Props as d } from "../../utils/utils.js";
-import '../../assets/Input.css';/* empty css                         */
+import '../../assets/components/form/Input.style.css';/* empty css                 */
 const R = (t) => {
   const e = f.c(11);
   let l;

package/dist/components/form/SwitchInput.js

@@ -1,18 +1,18 @@
-import { jsx as u } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import e from "react";
 import { Input as p } from "./Input.js";
 const m = e.forwardRef((r, t) => {
   t = t || e.useRef(null);
   const {
-    value: o,
-    initialValue: l,
-    ...n
+    value: l,
+    initialValue: o,
+    ...u
   } = r;
-  return /* @__PURE__ */ u(p, { wrapperComponent: {
+  return /* @__PURE__ */ n(p, { wrapperComponent: {
     className: "switch-input"
-  }, type: "checkbox", right: null, left: null, ref: t, value: o, ...l ? {
+  }, type: "checkbox", right: null, left: null, ref: t, value: l, ...o ? {
     defaultChecked: !0
-  } : {}, ...n });
+  } : {}, ...u });
 });
 export {
   m as SwitchInput

package/dist/components/form/TextInput.js

@@ -1,18 +1,19 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import i from "react";
-import { Input as u, setElementKey as s } from "./Input.js";
+import { Input as u } from "./Input.js";
 import { IconX as f } from "@tabler/icons-react";
-import { Button as h } from "../button/Button.js";
-const R = i.forwardRef((e, t) => {
+import { Button as p } from "../button/Button.js";
+import { clearInputElement as s } from "./Input.utils.js";
+const R = i.forwardRef((r, t) => {
   t = t || i.useRef(null);
   const {
-    clearable: a = !1,
-    right: c,
-    ...l
-  } = e, m = (r) => {
-    t.current && s(t.current, "value", "", "change"), e.onClear && e.onClear(r);
-  }, o = [c];
-  return a && o.push(/* @__PURE__ */ n(h, { variant: "none", onClick: (r) => m(r), children: /* @__PURE__ */ n(f, { size: 13 }) })), /* @__PURE__ */ n(u, { right: o, type: "text", ref: t, ...l });
+    clearable: l = !1,
+    right: a,
+    ...m
+  } = r, c = (o) => {
+    s(t.current), r.onClear && r.onClear(o);
+  }, n = [a];
+  return l && n.push(/* @__PURE__ */ e(p, { variant: "none", onClick: (o) => c(o), children: /* @__PURE__ */ e(f, { size: 13 }) })), /* @__PURE__ */ e(u, { right: n, type: "text", ref: t, ...m });
 });
 export {
   R as TextInput

package/dist/components/form/index.js

@@ -1,37 +1,36 @@
-import { CheckboxInput as e } from "./CheckboxInput.js";
+import { CheckboxInput as r } from "./CheckboxInput.js";
 import { EmailInput as p, emailValidation as n } from "./EmailInput.js";
-import { Input as m, setElementKey as i } from "./Input.js";
-import { InputDescription as I } from "./InputDescription.js";
-import { InputLabel as s } from "./InputLabel.js";
-import { InputMessage as d } from "./InputMessage.js";
-import { InputSuggestionMenuContent as g, InputSuggestionMenuContentItems as P } from "./InputSuggestion.js";
-import { NumberInput as c } from "./NumberInput.js";
-import { PasswordInput as F } from "./PasswordInput.js";
-import { PinInput as S, PinInputField as h, PinInputHiddenField as w } from "./PinInput.js";
+import { Input as m } from "./Input.js";
+import { InputDescription as x } from "./InputDescription.js";
+import { InputLabel as f } from "./InputLabel.js";
+import { InputMessage as s } from "./InputMessage.js";
+import { InputSuggestionMenuContent as l, InputSuggestionMenuContentItems as g } from "./InputSuggestion.js";
+import { NumberInput as b } from "./NumberInput.js";
+import { PasswordInput as C } from "./PasswordInput.js";
+import { PinInput as M, PinInputField as S, PinInputHiddenField as h } from "./PinInput.js";
 import { RadioGroup as R } from "./RadioGroup.js";
-import { RadioInput as y } from "./RadioInput.js";
+import { RadioInput as D } from "./RadioInput.js";
 import { SwitchInput as G } from "./SwitchInput.js";
-import { TextInput as K } from "./TextInput.js";
-import { useForm as N } from "./useForm.js";
+import { TextInput as L } from "./TextInput.js";
+import { useForm as T } from "./useForm.js";
 export {
-  e as CheckboxInput,
+  r as CheckboxInput,
   p as EmailInput,
   m as Input,
-  I as InputDescription,
-  s as InputLabel,
-  d as InputMessage,
-  g as InputSuggestionMenuContent,
-  P as InputSuggestionMenuContentItems,
-  c as NumberInput,
-  F as PasswordInput,
-  S as PinInput,
-  h as PinInputField,
-  w as PinInputHiddenField,
+  x as InputDescription,
+  f as InputLabel,
+  s as InputMessage,
+  l as InputSuggestionMenuContent,
+  g as InputSuggestionMenuContentItems,
+  b as NumberInput,
+  C as PasswordInput,
+  M as PinInput,
+  S as PinInputField,
+  h as PinInputHiddenField,
   R as RadioGroup,
-  y as RadioInput,
+  D as RadioInput,
   G as SwitchInput,
-  K as TextInput,
+  L as TextInput,
   n as emailValidation,
-  i as setElementKey,
-  N as useForm
+  T as useForm
 };

package/dist/components/form/useForm.d.ts

@@ -1,9 +1,10 @@
 export type Validations<Values> = Partial<{
-    [Key in keyof Values]: (value: Values[Key]) => string | null;
+    [Key in keyof Values]: (value: Values[Key], values?: Values) => string | null;
 }>;
 export interface FormValidationProps<Values> {
     initialValues: Values;
     validate?: Validations<Values>;
+    truthyValidationBeforeSubmit?: boolean;
     onSubmit?: (values: Values) => void;
 }
 export interface ValidationProps<Value> {
@@ -21,5 +22,6 @@ export type ValidationsProps<Values> = Partial<{
 export type FormValidationReturn<Values> = [IValidation<Values>, () => void];
 export interface IValidation<Values> {
     getInputProps<Key extends keyof Values>(key: Key): ValidationProps<Values[Key]>;
+    isValid(): boolean;
 }
 export declare const useForm: <Values extends Record<string, any> = Record<string, any>>(props: FormValidationProps<Values>) => FormValidationReturn<Values>;