@harnessio/forms 0.0.2 → 0.0.4

package/dist/index.js

@@ -1,21 +1,21 @@
-var H = Object.defineProperty;
-var Y = (r, e, t) => e in r ? H(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var C = (r, e, t) => Y(r, typeof e != "symbol" ? e + "" : e, t);
-import { isEmpty as S, cloneDeep as w, set as g, get as b, forOwn as G, isNull as K, isUndefined as j, capitalize as Q, isArray as V, isObject as B, merge as I, pick as X, unset as z, omitBy as J, isString as ee } from "lodash-es";
-import re, { useMemo as k, useRef as te, useEffect as E, forwardRef as ne, useCallback as se } from "react";
-import { useFormContext as ae, useForm as ue, FormProvider as ie, appendErrors as oe } from "react-hook-form";
+var Q = Object.defineProperty;
+var Y = (r, e, t) => e in r ? Q(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var x = (r, e, t) => Y(r, typeof e != "symbol" ? e + "" : e, t);
+import { isEmpty as R, cloneDeep as C, set as g, get as b, isArray as q, isObject as L, merge as T, isUndefined as I, pick as K, unset as X, omitBy as U, isString as z, forOwn as ee, isNull as re, capitalize as te } from "lodash-es";
+import ne, { useMemo as Z, useRef as P, useEffect as O, useCallback as se, forwardRef as ae } from "react";
+import { useFormContext as ue, useForm as ie, FormProvider as oe, appendErrors as ce } from "react-hook-form";
 export * from "react-hook-form";
 import * as m from "zod";
-import { toNestErrors as ce } from "@hookform/resolvers";
-class fe extends Error {
+import { toNestErrors as fe } from "@hookform/resolvers";
+class de extends Error {
   constructor(e) {
     super(`Input component '${e}' is already registered.`);
   }
 }
-class Ve {
+class qe {
   constructor(e) {
-    C(this, "componentBank");
-    C(this, "allowOverride");
+    x(this, "componentBank");
+    x(this, "allowOverride");
     this.allowOverride = (e == null ? void 0 : e.allowOverride) ?? !1, this.componentBank = /* @__PURE__ */ new Map();
   }
   /**
@@ -26,24 +26,24 @@ class Ve {
    */
   registerComponent(e) {
     if (!this.allowOverride && this.getComponent(e.internalType))
-      throw new fe(e.internalType);
+      throw new de(e.internalType);
     this.componentBank.set(e.internalType, e);
   }
   getComponent(e) {
-    if (e && !S(e))
+    if (e && !R(e))
       return this.componentBank.get(e);
   }
 }
-var q = { exports: {} }, v = {};
+var N = { exports: {} }, v = {};
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var x, A;
-function de() {
-  if (A) return x;
-  A = 1;
+var k, $;
+function le() {
+  if ($) return k;
+  $ = 1;
   var r = Object.getOwnPropertySymbols, e = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
   function n(s) {
     if (s == null)
@@ -59,32 +59,32 @@ function de() {
         return !1;
       for (var o = {}, i = 0; i < 10; i++)
         o["_" + String.fromCharCode(i)] = i;
-      var c = Object.getOwnPropertyNames(o).map(function(f) {
-        return o[f];
+      var c = Object.getOwnPropertyNames(o).map(function(u) {
+        return o[u];
       });
       if (c.join("") !== "0123456789")
         return !1;
-      var u = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(f) {
-        u[f] = f;
-      }), Object.keys(Object.assign({}, u)).join("") === "abcdefghijklmnopqrst";
+      var f = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(u) {
+        f[u] = u;
+      }), Object.keys(Object.assign({}, f)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
-  return x = a() ? Object.assign : function(s, o) {
-    for (var i, c = n(s), u, f = 1; f < arguments.length; f++) {
-      i = Object(arguments[f]);
-      for (var l in i)
-        e.call(i, l) && (c[l] = i[l]);
+  return k = a() ? Object.assign : function(s, o) {
+    for (var i, c = n(s), f, u = 1; u < arguments.length; u++) {
+      i = Object(arguments[u]);
+      for (var d in i)
+        e.call(i, d) && (c[d] = i[d]);
       if (r) {
-        u = r(i);
-        for (var d = 0; d < u.length; d++)
-          t.call(i, u[d]) && (c[u[d]] = i[u[d]]);
+        f = r(i);
+        for (var l = 0; l < f.length; l++)
+          t.call(i, f[l]) && (c[f[l]] = i[f[l]]);
       }
     }
     return c;
-  }, x;
+  }, k;
 }
 /** @license React v17.0.2
  * react-jsx-runtime.production.min.js
@@ -94,31 +94,31 @@ function de() {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Z;
-function le() {
-  if (Z) return v;
-  Z = 1, de();
-  var r = re, e = 60103;
+var M;
+function me() {
+  if (M) return v;
+  M = 1, le();
+  var r = ne, e = 60103;
   if (v.Fragment = 60107, typeof Symbol == "function" && Symbol.for) {
     var t = Symbol.for;
     e = t("react.element"), v.Fragment = t("react.fragment");
   }
   var n = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = Object.prototype.hasOwnProperty, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function o(i, c, u) {
-    var f, l = {}, d = null, h = null;
-    u !== void 0 && (d = "" + u), c.key !== void 0 && (d = "" + c.key), c.ref !== void 0 && (h = c.ref);
-    for (f in c) a.call(c, f) && !s.hasOwnProperty(f) && (l[f] = c[f]);
-    if (i && i.defaultProps) for (f in c = i.defaultProps, c) l[f] === void 0 && (l[f] = c[f]);
-    return { $$typeof: e, type: i, key: d, ref: h, props: l, _owner: n.current };
+  function o(i, c, f) {
+    var u, d = {}, l = null, h = null;
+    f !== void 0 && (l = "" + f), c.key !== void 0 && (l = "" + c.key), c.ref !== void 0 && (h = c.ref);
+    for (u in c) a.call(c, u) && !s.hasOwnProperty(u) && (d[u] = c[u]);
+    if (i && i.defaultProps) for (u in c = i.defaultProps, c) d[u] === void 0 && (d[u] = c[u]);
+    return { $$typeof: e, type: i, key: l, ref: h, props: d, _owner: n.current };
   }
   return v.jsx = o, v.jsxs = o, v;
 }
-var D;
-function me() {
-  return D || (D = 1, q.exports = le()), q.exports;
+var B;
+function he() {
+  return B || (B = 1, N.exports = me()), N.exports;
 }
-var y = me();
-function he({
+var y = he();
+function ye({
   path: r,
   factory: e,
   onUpdate: t,
@@ -127,11 +127,11 @@ function he({
   initialValues: s,
   input: o
 }) {
-  const { formState: i, watch: c } = ae(), {
-    metadata: u = {},
-    fixedValues: f = {}
+  const { formState: i, watch: c } = ue(), {
+    metadata: f = {},
+    fixedValues: u = {}
     /*getValuesWithDependencies*/
-  } = {}, l = e == null ? void 0 : e.getComponent(o.inputType), d = k(
+  } = {}, d = e == null ? void 0 : e.getComponent(o.inputType), l = Z(
     () => ({
       path: r,
       initialValues: s,
@@ -142,28 +142,28 @@ function he({
       input: o
     }),
     [e, s, o, n, t, r, a, i.errors]
-  ), h = c(), p = w(h);
-  f && Object.keys(f).forEach((F) => {
-    const W = f[F];
-    g(p, F, W);
+  ), h = c(), S = C(h);
+  u && Object.keys(u).forEach((_) => {
+    const H = u[_];
+    g(S, _, H);
   });
-  const _ = !o.isVisible || (o == null ? void 0 : o.isVisible(p, u)), U = k(() => _ ? /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
+  const p = !o.isVisible || (o == null ? void 0 : o.isVisible(S, f)), j = Z(() => p ? /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
     o.before ? o.before : null,
-    l == null ? void 0 : l.renderComponent(d),
+    d == null ? void 0 : d.renderComponent(l),
     o.after ? o.after : null
-  ] }) : null, [d, o.after, o.before, l, _, i.errors]);
-  return l ? _ ? U : null : /* @__PURE__ */ y.jsxs("p", { children: [
+  ] }) : null, [l, o.after, o.before, d, p, i.errors]);
+  return d ? p ? j : null : /* @__PURE__ */ y.jsxs("p", { children: [
     "Input component not found (internal type: ",
     o.inputType,
     ")"
   ] });
 }
-class Ce {
+class xe {
   getType() {
     return this.internalType;
   }
 }
-function qe(r) {
+function Pe(r) {
   const {
     mode: e = "onSubmit",
     resolver: t,
@@ -171,24 +171,25 @@ function qe(r) {
     shouldFocusError: a,
     // validateAfterFirstSubmit,
     onValuesChange: s,
-    onSubmit: o,
+    onValidationChange: o,
+    onSubmit: i,
     // validate,
     // validateDebounceInterval,
     // validationConfig,
     // metadata,
-    children: i,
+    children: c,
     // fixedValues
-    autoFocusPath: c
-  } = r, u = ue({
+    autoFocusPath: f
+  } = r, u = ie({
     mode: e ?? "onSubmit",
     reValidateMode: "onChange",
     defaultValues: n,
     shouldFocusError: a,
     resolver: t
-  }), f = te(!1);
-  E(() => {
+  }), d = P(!1);
+  O(() => {
     u.reset(n, {});
-  }, [u.reset, n]), E(() => {
+  }, [u.reset, n]), O(() => {
     requestIdleCallback(() => {
       u.reset({}, {
         keepErrors: !0,
@@ -204,91 +205,78 @@ function qe(r) {
       });
     });
   }, []);
-  const { getValues: l, handleSubmit: d } = u, h = l();
-  return E(() => {
-    s == null || s({ ...h }, { isValid: u.formState.isValid }), f.current === !0 && u.trigger();
-  }, [JSON.stringify(h)]), E(() => {
-    if (c)
+  const { getValues: l, handleSubmit: h } = u, S = l(), p = P(!0);
+  O(() => {
+    if (p.current) {
+      p.current = !1;
+      return;
+    }
+    s == null || s({ ...S }), d.current === !0 && u.trigger();
+  }, [JSON.stringify(S)]);
+  const j = P(!0);
+  return O(() => {
+    if (j.current) {
+      j.current = !1;
+      return;
+    }
+    o == null || o({ isValid: u.formState.isValid, isSubmitted: u.formState.isSubmitted });
+  }, [u.formState.isValid, u.formState.isSubmitted]), O(() => {
+    if (f)
       if ("requestIdleCallback" in window) {
-        const p = requestIdleCallback(() => {
-          u.setFocus(c);
+        const _ = requestIdleCallback(() => {
+          u.setFocus(f);
         });
-        return () => cancelIdleCallback(p);
+        return () => cancelIdleCallback(_);
       } else {
-        const p = setTimeout(() => {
-          u.setFocus(c);
+        const _ = setTimeout(() => {
+          u.setFocus(f);
         }, 100);
-        return () => clearTimeout(p);
+        return () => clearTimeout(_);
       }
-  }, [u]), /* @__PURE__ */ y.jsx(ie, { ...u, children: typeof i == "function" ? i({
+  }, [u]), /* @__PURE__ */ y.jsx(oe, { ...u, children: typeof c == "function" ? c({
     ...u,
     submitForm: async () => {
-      o && (f.current = !0, d((p) => {
-        o(p);
+      i && (d.current = !0, h((_) => {
+        i(_);
       })());
     }
-  }) : i });
+  }) : c });
 }
-const xe = (r) => {
+const Ne = (r) => {
   const e = {};
   return r.inputs.forEach((t) => {
     typeof b(e, t.path) > "u" && g(e, t.path, t.default);
   }), e;
 };
-function Pe(r, e) {
+function ke(r, e) {
   const t = r.inputs.map((n) => {
-    const a = ye(e, n.path);
+    const a = pe(e, n.path);
     return a || n;
   });
   return { ...r, inputs: t };
 }
-function ye(r, e) {
+function pe(r, e) {
   return r.inputs.find((t) => t.path === e);
 }
-function pe({ input: r, factory: e }) {
-  const { prefix: t = "" } = {};
-  return /* @__PURE__ */ y.jsx("div", { children: /* @__PURE__ */ y.jsx(he, { path: `${t}${r.path}`, factory: e, readonly: !1, input: r }) });
-}
-function ge(r) {
-  const { items: e, factory: t } = r;
-  return /* @__PURE__ */ y.jsx(y.Fragment, { children: e.map((n) => {
-    const a = `${n.inputType}_${n.path}_${n.label}`;
-    return /* @__PURE__ */ y.jsx(pe, { input: n, factory: t }, a);
-  }) });
-}
-const be = ne((r, e) => {
-  const { inputs: t, className: n, factory: a } = r;
-  return /* @__PURE__ */ y.jsxs("div", { className: n, ref: e, children: [
-    t.hero,
-    /* @__PURE__ */ y.jsx(ge, { items: t.inputs, factory: a })
-  ] });
-});
-be.displayName = "RenderForm";
-function Ne(r) {
-  let e = !0;
-  return G(r, (t) => {
-    e = e && (t === "" || K(t) || j(t));
-  }), e;
-}
-const Fe = (r = "") => Q(r.split("_").join(" "));
-function O(r) {
+const ge = "Required field";
+function E(r) {
   const e = typeof r == "string" ? JSON.parse(r) : r;
   if (typeof e == "string")
     return e;
-  if (V(e))
-    return O(e[0]);
+  if (q(e))
+    return E(e[0]);
   const t = e;
-  return B(t) && (t != null && t.message) ? e == null ? void 0 : e.message : "Unknown error";
+  return L(t) && (t != null && t.message) ? e == null ? void 0 : e.message : "Unknown error";
 }
-function _e(r, e, t) {
+function be(r, e, t) {
   let n = {};
-  if (T(n, r.inputs, e, t), t != null && t.prefix) {
+  if (w(n, r.inputs, e, t), t != null && t.prefix) {
     const s = t == null ? void 0 : t.prefix.replace(/.$/, "");
     n = g({}, s, n);
   }
-  return m.object(R(n, e, t));
+  return m.object(V(n, e, t));
 }
-function R(r, e, t) {
+function V(r, e, t) {
   const n = {};
   return Object.keys(r).forEach((a) => {
     const {
@@ -296,112 +284,119 @@ function R(r, e, t) {
       _schemaObj: o,
       _input: i,
       _isList: c,
-      _isArrayItem: u,
-      _schema: f
+      _isArrayItem: f,
+      _schema: u
       /*...nestedSchemaObj*/
     } = r[a];
     if (c && o && i) {
-      const l = m.array(m.object(R(o, e, t))).optional(), d = $(f, i, e, t, l);
-      n[a] = d;
-    } else if (u && i) {
-      const l = o != null && o.___array ? R({ ___array: o.___array }, e, t) : { ___array: m.any() }, d = m.array(l.___array).optional(), h = $(f, i, e, t, d);
-      n[a] = h;
-    } else if (f && i) {
-      const l = ve(f, i, e, t);
+      const d = m.array(m.object(V(o, e, t))).optional(), l = J(u, i, e, t, d);
       n[a] = l;
-    } else s && i ? n[a] = P(i, t) : n[a] = m.object(R(r[a], e, t)).optional();
+    } else if (f && i) {
+      const d = o != null && o.___array ? V({ ___array: o.___array }, e, t) : { ___array: m.any() }, l = m.array(d.___array).optional(), h = J(u, i, e, t, l);
+      n[a] = h;
+    } else if (u && i) {
+      const d = _e(u, i, e, t);
+      n[a] = d;
+    } else s && i ? n[a] = A(i, t) : n[a] = m.object(V(r[a], e, t)).optional();
   }), n;
 }
-function ve(r, e, t, n) {
-  return m.any().superRefine(async (a, s) => {
+function _e(r, e, t, n) {
+  return m.any().optional().superRefine(async (a, s) => {
     var i, c;
-    if (e.required && ((await P(e, n).safeParseAsync(a)).success || s.addIssue({
-      code: m.ZodIssueCode.custom,
-      message: "Required field"
-    })), (i = n == null ? void 0 : n.validationConfig) != null && i.globalValidation) {
-      const u = (c = n == null ? void 0 : n.validationConfig) == null ? void 0 : c.globalValidation(a, e, n.metadata);
-      if (u.error && s.addIssue({
+    if (e.required && !(await A(e, n).safeParseAsync(a)).success)
+      return s.addIssue({
         code: m.ZodIssueCode.custom,
-        message: u.error
-      }), !u.continue)
+        message: F(e, n)
+      }), m.NEVER;
+    if ((i = n == null ? void 0 : n.validationConfig) != null && i.globalValidation) {
+      const f = (c = n == null ? void 0 : n.validationConfig) == null ? void 0 : c.globalValidation(a, e, n.metadata);
+      if (f.error)
+        return s.addIssue({
+          code: m.ZodIssueCode.custom,
+          message: f.error
+        }), m.NEVER;
+      if (!f.continue)
         return !0;
     }
-    const o = L(r, t);
+    const o = W(r, t);
     if (o) {
-      const u = await o.safeParseAsync(a);
-      u.success || s.addIssue({
-        code: m.ZodIssueCode.custom,
-        message: O(u == null ? void 0 : u.error.message)
-      });
+      const f = await o.safeParseAsync(a);
+      if (!f.success) {
+        const u = E(f == null ? void 0 : f.error.message), d = u === "Required" ? F(e, n) : u;
+        s.addIssue({
+          code: m.ZodIssueCode.custom,
+          message: d
+        });
+      }
     }
   });
 }
-function $(r, e, t, n, a) {
-  return m.any().superRefine(async (s, o) => {
-    var f, l;
-    const c = await P(e, n).safeParseAsync(s);
+function J(r, e, t, n, a) {
+  return m.any().optional().superRefine(async (s, o) => {
+    var u, d;
+    const c = await A(e, n).safeParseAsync(s);
     if (e.required && !c.success) {
-      const d = O(c.error.message);
-      return o.addIssue({ code: m.ZodIssueCode.custom, message: d, fatal: !0 }), m.NEVER;
+      const l = E(c.error.message);
+      return o.addIssue({ code: m.ZodIssueCode.custom, message: l, fatal: !0 }), m.NEVER;
     }
     if (!e.required && !c.success)
       return m.NEVER;
-    if ((f = n == null ? void 0 : n.validationConfig) != null && f.globalValidation) {
-      const d = (l = n == null ? void 0 : n.validationConfig) == null ? void 0 : l.globalValidation(s, e, n.metadata);
-      if (d.error)
+    if ((u = n == null ? void 0 : n.validationConfig) != null && u.globalValidation) {
+      const l = (d = n == null ? void 0 : n.validationConfig) == null ? void 0 : d.globalValidation(s, e, n.metadata);
+      if (l.error)
         return o.addIssue({
           code: m.ZodIssueCode.custom,
-          message: O(d.error)
+          message: E(l.error)
         }), m.NEVER;
-      if (!d.continue)
+      if (!l.continue)
         return m.NEVER;
     }
-    if (!V(s))
+    if (!q(s))
       return o.addIssue({
         code: m.ZodIssueCode.custom,
         message: "'Value is not array'"
       }), m.NEVER;
-    const u = L(r, t);
-    if (u) {
-      const d = await u.safeParseAsync(s);
-      if (!d.success)
+    const f = W(r, t);
+    if (f) {
+      const l = await f.safeParseAsync(s);
+      if (!l.success)
         return o.addIssue({
           code: m.ZodIssueCode.custom,
-          message: O(d.error.message)
+          message: E(l.error.message)
         }), m.NEVER;
     }
   }).pipe(a ?? m.any());
 }
-function T(r, e, t, n, a) {
+function w(r, e, t, n, a) {
   e.forEach((s) => {
-    var i, c, u, f, l;
+    var i, c, f, u, d;
     const o = t;
     if (!s.isVisible || (i = s.isVisible) != null && i.call(s, o, n == null ? void 0 : n.metadata)) {
-      const d = b(r, s.path);
+      const l = b(r, s.path);
       if ((c = s.validation) != null && c.schema ? g(
         r,
         s.path,
-        I(d, {
-          _schema: (u = s.validation) == null ? void 0 : u.schema,
+        T(l, {
+          _schema: (f = s.validation) == null ? void 0 : f.schema,
           _input: s
         })
-      ) : s.required && g(r, s.path, I(d, { _requiredOnly: !0, _input: s })), s.inputs && T(r, s.inputs, t, n), s.inputType === "list") {
+      ) : s.required && g(r, s.path, T(l, { _requiredOnly: !0, _input: s })), s.inputs && w(r, s.inputs, t, n), s.inputType === "list") {
         const h = {};
-        T(
+        w(
           h,
-          s.inputConfig.inputs.map((_) => ({
-            ..._,
-            path: _.relativePath
+          s.inputConfig.inputs.map((p) => ({
+            ...p,
+            path: p.relativePath
           })),
           t,
           n
         );
-        const p = b(r, s.path);
-        g(r, s.path, I(p, { _schemaObj: h, _isList: !0, _input: s }));
+        const S = b(r, s.path);
+        g(r, s.path, T(S, { _schemaObj: h, _isList: !0, _input: s }));
       }
-      if (!((f = s.validation) != null && f.schema) && s.inputType === "array") {
+      if (!((u = s.validation) != null && u.schema) && s.inputType === "array") {
         const h = {};
-        T(
+        w(
           h,
           [{ ...s.inputConfig.input, path: "___array" }],
           t,
@@ -409,9 +404,9 @@ function T(r, e, t, n, a) {
         ), g(
           r,
           s.path,
-          I(d, {
+          T(l, {
             _schemaObj: h,
-            _schema: (l = s.validation) == null ? void 0 : l.schema,
+            _schema: (d = s.validation) == null ? void 0 : d.schema,
             _isArrayItem: !0,
             _input: s
           })
@@ -420,30 +415,34 @@ function T(r, e, t, n, a) {
     }
   });
 }
-function P(r, e) {
-  var n, a, s, o, i, c, u, f, l;
+function F(r, e) {
+  var t, n, a;
+  return ((n = (t = e == null ? void 0 : e.validationConfig) == null ? void 0 : t.requiredMessagePerInput) == null ? void 0 : n[r.inputType]) ?? ((a = e == null ? void 0 : e.validationConfig) == null ? void 0 : a.requiredMessage) ?? ge;
+}
+function A(r, e) {
+  var n, a, s, o, i, c;
   if ((a = (n = e == null ? void 0 : e.validationConfig) == null ? void 0 : n.requiredSchemaPerInput) != null && a[r.inputType])
     return (o = (s = e == null ? void 0 : e.validationConfig) == null ? void 0 : s.requiredSchemaPerInput) == null ? void 0 : o[r.inputType];
   if ((i = e == null ? void 0 : e.validationConfig) != null && i.requiredSchema)
     return (c = e == null ? void 0 : e.validationConfig) == null ? void 0 : c.requiredSchema;
-  const t = ((f = (u = e == null ? void 0 : e.validationConfig) == null ? void 0 : u.requiredMessagePerInput) == null ? void 0 : f[r.inputType]) ?? ((l = e == null ? void 0 : e.validationConfig) == null ? void 0 : l.requiredMessage) ?? "Required fields";
-  return m.any().superRefine((d, h) => {
-    typeof d == "object" && S(d) && h.addIssue({
+  const t = F(r, e);
+  return m.any().optional().superRefine((f, u) => {
+    typeof f == "object" && R(f) && u.addIssue({
       code: m.ZodIssueCode.custom,
       message: t
-    }), (j(d) || d === "") && h.addIssue({
+    }), (I(f) || f === "") && u.addIssue({
       code: m.ZodIssueCode.custom,
       message: t
     });
   });
 }
-function L(r, e) {
+function W(r, e) {
   if (r instanceof m.ZodType)
     return r;
   if (typeof r == "function")
     return r(e);
 }
-const Oe = (r) => Array.isArray(r == null ? void 0 : r.errors), Se = (r, e) => {
+const Se = (r) => Array.isArray(r == null ? void 0 : r.errors), ve = (r, e) => {
   const t = {};
   for (; r.length; ) {
     const n = r[0], { code: a, message: s, path: o } = n, i = o.join(".");
@@ -456,35 +455,35 @@ const Oe = (r) => Array.isArray(r == null ? void 0 : r.errors), Se = (r, e) => {
         };
       } else
         t[i] = { message: s, type: a };
-    "unionErrors" in n && n.unionErrors.forEach((c) => c.errors.forEach((u) => r.push(u)));
+    "unionErrors" in n && n.unionErrors.forEach((c) => c.errors.forEach((f) => r.push(f)));
     {
-      const c = t[i].types, u = c && c[n.code];
-      t[i] = oe(
+      const c = t[i].types, f = c && c[n.code];
+      t[i] = ce(
         i,
         e,
         t,
         a,
-        u ? [].concat(u, n.message) : n.message
+        f ? [].concat(f, n.message) : n.message
       );
     }
     r.shift();
   }
   return t;
 };
-function ke(r, e) {
+function Fe(r, e) {
   return se(
     async (t, n, a) => {
       try {
-        return await _e(r, t, e).parseAsync(t), {
+        return await be(r, t, e).parseAsync(t), {
           values: t,
           // TODO: check this - values does not contains all data
           errors: {}
         };
       } catch (s) {
-        if (Oe(s))
+        if (Se(s))
           return {
             values: {},
-            errors: ce(Se(s.errors, !0), a)
+            errors: fe(ve(s.errors, !0), a)
           };
         throw s;
       }
@@ -493,7 +492,7 @@ function ke(r, e) {
   );
 }
 function Ae(r, e) {
-  const t = w(r);
+  const t = C(r);
   return e.forEach((n) => {
     if (n.inputTransform) {
       const a = b(t, n.path), s = n.inputTransform(a, t);
@@ -501,8 +500,8 @@ function Ae(r, e) {
     }
   }), t;
 }
-function Ze(r, e) {
-  const t = w(r);
+function De(r, e) {
+  const t = C(r);
   return e.forEach((n) => {
     if (n.outputTransform) {
       const a = b(t, n.path), s = n.outputTransform(a, t);
@@ -510,14 +509,14 @@ function Ze(r, e) {
     }
   }), t;
 }
-function N(r) {
-  return r.reduce((t, n) => n.inputType === "group" && n.inputs ? [...t, n, ...N(n.inputs)] : [...t, n], []);
+function D(r) {
+  return r.reduce((t, n) => n.inputType === "group" && n.inputs ? [...t, n, ...D(n.inputs)] : [...t, n], []);
 }
-function De(r) {
-  const t = N(r.inputs).reduce((n, a) => {
+function Ze(r) {
+  const t = D(r.inputs).reduce((n, a) => {
     const s = a.inputType === "text" || a.inputType === "boolean" || a.inputType === "number" || a.inputType === "textarea" || a.inputType === "select";
     return (a.inputTransform || a.outputTransform) && n.push({
-      ...X(a, "path", "inputTransform", "outputTransform"),
+      ...K(a, "path", "inputTransform", "outputTransform"),
       level: a.path.split(".").length,
       isPrimitive: s
     }), n;
@@ -525,12 +524,12 @@ function De(r) {
   return t.sort((n, a) => n.level === a.level ? n.isPrimitive ? 1 : -1 : n.level > a.level ? -1 : 1), t;
 }
 function $e(r, e, t) {
-  const n = N(r.inputs), a = w(e);
+  const n = D(r.inputs), a = C(e);
   return n.forEach((s) => {
-    s.isVisible && !s.isVisible(e, t) && z(a, s.path);
+    s.isVisible && !s.isVisible(e, t) && X(a, s.path);
   }), a;
 }
-function Be() {
+function Me() {
   return function(r, e) {
     if (!(typeof r > "u"))
       return r ? {
@@ -538,7 +537,7 @@ function Be() {
       } : { value: r };
   };
 }
-function Je(r) {
+function Be(r) {
   return function(e, t) {
     if (typeof e > "u") return;
     if (!e) return { value: e };
@@ -548,18 +547,18 @@ function Je(r) {
     return r != null && r.unsetIfEmpty && Object.getOwnPropertyNames(n.value).length === 0 ? { value: void 0 } : n;
   };
 }
-function Le() {
+function Je() {
   return function(r, e) {
     if (!(typeof r > "u"))
-      return V(r) && S(r) ? { value: void 0 } : { value: r };
+      return q(r) && R(r) ? { value: void 0 } : { value: r };
   };
 }
-function Me() {
+function Le() {
   return function(r, e) {
     if (!(typeof r > "u")) {
-      if (B(r)) {
-        const t = J(r, j);
-        if (S(t))
+      if (L(r)) {
+        const t = U(r, I);
+        if (R(t))
           return { value: void 0 };
       }
       return { value: r };
@@ -569,7 +568,7 @@ function Me() {
 function Ue() {
   return function(r, e) {
     if (!(typeof r > "u"))
-      return ee(r) && S(r) ? { value: void 0 } : { value: r };
+      return z(r) && R(r) ? { value: void 0 } : { value: r };
   };
 }
 function We(r) {
@@ -578,32 +577,32 @@ function We(r) {
     return typeof n == "string" ? { value: n } : { value: e };
   };
 }
-function He(r) {
+function Ge(r) {
   return function(e, t) {
     if (typeof e > "u") return;
     if (!e) return { value: e };
     const n = b(t, r);
     if (typeof n == "object") {
-      const a = je(n);
+      const a = Oe(n);
       if (Object.getOwnPropertyNames(a).length === 1)
         return { value: e, path: r };
     }
     return { value: e };
   };
 }
-function Ye(r) {
+function He(r) {
   return function(e, t) {
     if (typeof e > "u") return;
     const n = b(t, r);
     return typeof n == "string" ? { value: [n] } : { value: e };
   };
 }
-function Ge(r, e) {
+function Qe(r, e) {
   return function(t, n) {
     if (typeof t > "u") return;
     if (!t) return { value: t };
     const a = b(n, r);
-    if (V(a)) {
+    if (q(a)) {
       if (a.length === 1)
         return { value: a[0], path: r };
       if (a.length === 0 && e != null && e.unsetIfEmpty)
@@ -612,40 +611,66 @@ function Ge(r, e) {
     return { value: t };
   };
 }
-function M(r) {
-  return typeof r == "object" ? !Object.getOwnPropertyNames(r).some((e) => !M(r[e])) : j(r);
+function G(r) {
+  return typeof r == "object" ? !Object.getOwnPropertyNames(r).some((e) => !G(r[e])) : I(r);
 }
-function je(r) {
-  return J(r, (e) => typeof e == "object" ? M(e) : j(e));
+function Oe(r) {
+  return U(r, (e) => typeof e == "object" ? G(e) : I(e));
+}
+function Ee({ input: r, factory: e }) {
+  const { prefix: t = "" } = {};
+  return /* @__PURE__ */ y.jsx("div", { children: /* @__PURE__ */ y.jsx(ye, { path: `${t}${r.path}`, factory: e, readonly: !1, input: r }) });
+}
+function Re(r) {
+  const { items: e, factory: t } = r;
+  return /* @__PURE__ */ y.jsx(y.Fragment, { children: e.map((n) => {
+    const a = `${n.inputType}_${n.path}_${n.label}`;
+    return /* @__PURE__ */ y.jsx(Ee, { input: n, factory: t }, a);
+  }) });
+}
+const Ie = ae((r, e) => {
+  const { inputs: t, className: n, factory: a } = r;
+  return /* @__PURE__ */ y.jsxs("div", { className: n, ref: e, children: [
+    t.hero,
+    /* @__PURE__ */ y.jsx(Re, { items: t.inputs, factory: a })
+  ] });
+});
+Ie.displayName = "RenderForm";
+function Ye(r) {
+  let e = !0;
+  return ee(r, (t) => {
+    e = e && (t === "" || re(t) || I(t));
+  }), e;
 }
+const Ke = (r = "") => te(r.split("_").join(" "));
 export {
-  Ce as InputComponent,
-  he as InputComponentRenderer,
-  Ve as InputFactory,
-  fe as InputOverrideError,
-  be as RenderForm,
-  ge as RenderInputs,
-  qe as RootForm,
-  pe as Row,
-  Je as arrayToObjectOutputTransformer,
-  Fe as generateReadableLabel,
-  xe as getDefaultValuesFromFormDefinition,
-  De as getTransformers,
-  _e as getValidationSchema,
+  xe as InputComponent,
+  ye as InputComponentRenderer,
+  qe as InputFactory,
+  de as InputOverrideError,
+  Ie as RenderForm,
+  Re as RenderInputs,
+  Pe as RootForm,
+  Ee as Row,
+  Be as arrayToObjectOutputTransformer,
+  Ke as generateReadableLabel,
+  Ne as getDefaultValuesFromFormDefinition,
+  Ze as getTransformers,
+  be as getValidationSchema,
   Ae as inputTransformValues,
-  Ne as isChildrenEmpty,
-  Be as objectToArrayInputTransformer,
-  Ze as outputTransformValues,
-  Pe as overrideFormDefinition,
-  O as processValidationParseResponse,
-  Ye as shorthandArrayInputTransformer,
-  Ge as shorthandArrayOutputTransformer,
+  Ye as isChildrenEmpty,
+  Me as objectToArrayInputTransformer,
+  De as outputTransformValues,
+  ke as overrideFormDefinition,
+  E as processValidationParseResponse,
+  He as shorthandArrayInputTransformer,
+  Qe as shorthandArrayOutputTransformer,
   We as shorthandObjectInputTransformer,
-  He as shorthandObjectOutputTransformer,
-  Le as unsetEmptyArrayOutputTransformer,
-  Me as unsetEmptyObjectOutputTransformer,
+  Ge as shorthandObjectOutputTransformer,
+  Je as unsetEmptyArrayOutputTransformer,
+  Le as unsetEmptyObjectOutputTransformer,
   Ue as unsetEmptyStringOutputTransformer,
   $e as unsetHiddenInputsValues,
-  ke as useZodValidationResolver
+  Fe as useZodValidationResolver
 };
 //# sourceMappingURL=index.js.map