react-form-dto 1.0.4 → 1.0.5

package/dist/react-form-dto.es.js

@@ -1,49 +1,49 @@
-import X, { useState as M, useImperativeHandle as de } from "react";
-import { FormControl as H, InputLabel as fe, Select as be, MenuItem as he, Typography as T, TextField as k, FormControlLabel as Z, Checkbox as xe, FormHelperText as Q, Autocomplete as K, FormLabel as ve, RadioGroup as ge, Radio as Ee, Box as ye, Grid as B } from "@mui/material";
-var S = { exports: {} }, _ = {};
-var U;
-function je() {
-  if (U) return _;
-  U = 1;
-  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function n(a, o, s) {
+import ce, { useState as I, createContext as Ee, useContext as de, useImperativeHandle as ye, useRef as z, useCallback as S, useMemo as ae } from "react";
+import { FormControl as fe, InputLabel as je, Select as Re, MenuItem as _e, Typography as L, TextField as W, FormControlLabel as me, Checkbox as Te, FormHelperText as pe, Autocomplete as be, FormLabel as Ae, RadioGroup as Fe, Radio as Se, Box as ke, Grid as oe } from "@mui/material";
+var q = { exports: {} }, P = {};
+var ue;
+function we() {
+  if (ue) return P;
+  ue = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
+  function n(s, a, o) {
     var u = null;
-    if (s !== void 0 && (u = "" + s), o.key !== void 0 && (u = "" + o.key), "key" in o) {
-      s = {};
-      for (var c in o)
-        c !== "key" && (s[c] = o[c]);
-    } else s = o;
-    return o = s.ref, {
+    if (o !== void 0 && (u = "" + o), a.key !== void 0 && (u = "" + a.key), "key" in a) {
+      o = {};
+      for (var l in a)
+        l !== "key" && (o[l] = a[l]);
+    } else o = a;
+    return a = o.ref, {
       $$typeof: e,
-      type: a,
+      type: s,
       key: u,
-      ref: o !== void 0 ? o : null,
-      props: s
+      ref: a !== void 0 ? a : null,
+      props: o
     };
   }
-  return _.Fragment = t, _.jsx = n, _.jsxs = n, _;
+  return P.Fragment = t, P.jsx = n, P.jsxs = n, P;
 }
-var R = {};
-var G;
-function _e() {
-  return G || (G = 1, process.env.NODE_ENV !== "production" && (function() {
+var V = {};
+var le;
+function $e() {
+  return le || (le = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(r) {
       if (r == null) return null;
       if (typeof r == "function")
-        return r.$$typeof === ce ? null : r.displayName || r.name || null;
+        return r.$$typeof === N ? null : r.displayName || r.name || null;
       if (typeof r == "string") return r;
       switch (r) {
         case O:
           return "Fragment";
-        case te:
+        case C:
           return "Profiler";
-        case re:
+        case B:
           return "StrictMode";
-        case oe:
+        case T:
           return "Suspense";
-        case ue:
+        case A:
           return "SuspenseList";
-        case ie:
+        case U:
           return "Activity";
       }
       if (typeof r == "object")
@@ -52,19 +52,19 @@ function _e() {
         ), r.$$typeof) {
           case w:
             return "Portal";
-          case ae:
+          case b:
             return r.displayName || "Context";
-          case ne:
+          case f:
             return (r._context.displayName || "Context") + ".Consumer";
-          case se:
-            var i = r.render;
-            return r = r.displayName, r || (r = i.displayName || i.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
-          case le:
-            return i = r.displayName || null, i !== null ? i : e(r.type) || "Memo";
+          case R:
+            var d = r.render;
+            return r = r.displayName, r || (r = d.displayName || d.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
           case F:
-            i = r._payload, r = r._init;
+            return d = r.displayName || null, d !== null ? d : e(r.type) || "Memo";
+          case k:
+            d = r._payload, r = r._init;
             try {
-              return e(r(i));
+              return e(r(d));
             } catch {
             }
         }
@@ -76,74 +76,74 @@ function _e() {
     function n(r) {
       try {
         t(r);
-        var i = !1;
+        var d = !1;
       } catch {
-        i = !0;
+        d = !0;
       }
-      if (i) {
-        i = console;
-        var m = i.error, p = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return m.call(
-          i,
+      if (d) {
+        d = console;
+        var h = d.error, g = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return h.call(
+          d,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          p
+          g
         ), t(r);
       }
     }
-    function a(r) {
+    function s(r) {
       if (r === O) return "<>";
-      if (typeof r == "object" && r !== null && r.$$typeof === F)
+      if (typeof r == "object" && r !== null && r.$$typeof === k)
         return "<...>";
       try {
-        var i = e(r);
-        return i ? "<" + i + ">" : "<...>";
+        var d = e(r);
+        return d ? "<" + d + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function o() {
-      var r = P.A;
+    function a() {
+      var r = G.A;
       return r === null ? null : r.getOwner();
     }
-    function s() {
+    function o() {
       return Error("react-stack-top-frame");
     }
     function u(r) {
-      if (D.call(r, "key")) {
-        var i = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (i && i.isReactWarning) return !1;
+      if (K.call(r, "key")) {
+        var d = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (d && d.isReactWarning) return !1;
       }
       return r.key !== void 0;
     }
-    function c(r, i) {
-      function m() {
-        q || (q = !0, console.error(
+    function l(r, d) {
+      function h() {
+        ee || (ee = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          i
+          d
         ));
       }
-      m.isReactWarning = !0, Object.defineProperty(r, "key", {
-        get: m,
+      h.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: h,
         configurable: !0
       });
     }
-    function h() {
+    function m() {
       var r = e(this.type);
-      return z[r] || (z[r] = !0, console.error(
+      return re[r] || (re[r] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), r = this.props.ref, r !== void 0 ? r : null;
     }
-    function x(r, i, m, p, A, I) {
-      var d = m.ref;
+    function j(r, d, h, g, D, X) {
+      var E = h.ref;
       return r = {
-        $$typeof: v,
+        $$typeof: _,
         type: r,
-        key: i,
-        props: m,
-        _owner: p
-      }, (d !== void 0 ? d : null) !== null ? Object.defineProperty(r, "ref", {
+        key: d,
+        props: h,
+        _owner: g
+      }, (E !== void 0 ? E : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
-        get: h
+        get: m
       }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -158,159 +158,159 @@ function _e() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: A
+        value: D
       }), Object.defineProperty(r, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: I
+        value: X
       }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function E(r, i, m, p, A, I) {
-      var d = i.children;
-      if (d !== void 0)
-        if (p)
-          if (me(d)) {
-            for (p = 0; p < d.length; p++)
-              y(d[p]);
-            Object.freeze && Object.freeze(d);
+    function x(r, d, h, g, D, X) {
+      var E = d.children;
+      if (E !== void 0)
+        if (g)
+          if (xe(E)) {
+            for (g = 0; g < E.length; g++)
+              p(E[g]);
+            Object.freeze && Object.freeze(E);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else y(d);
-      if (D.call(i, "key")) {
-        d = e(r);
-        var j = Object.keys(i).filter(function(pe) {
-          return pe !== "key";
+        else p(E);
+      if (K.call(d, "key")) {
+        E = e(r);
+        var $ = Object.keys(d).filter(function(ge) {
+          return ge !== "key";
         });
-        p = 0 < j.length ? "{key: someKey, " + j.join(": ..., ") + ": ...}" : "{key: someKey}", V[d + p] || (j = 0 < j.length ? "{" + j.join(": ..., ") + ": ...}" : "{}", console.error(
+        g = 0 < $.length ? "{key: someKey, " + $.join(": ..., ") + ": ...}" : "{key: someKey}", se[E + g] || ($ = 0 < $.length ? "{" + $.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          p,
-          d,
-          j,
-          d
-        ), V[d + p] = !0);
+          g,
+          E,
+          $,
+          E
+        ), se[E + g] = !0);
       }
-      if (d = null, m !== void 0 && (n(m), d = "" + m), u(i) && (n(i.key), d = "" + i.key), "key" in i) {
-        m = {};
-        for (var L in i)
-          L !== "key" && (m[L] = i[L]);
-      } else m = i;
-      return d && c(
-        m,
+      if (E = null, h !== void 0 && (n(h), E = "" + h), u(d) && (n(d.key), E = "" + d.key), "key" in d) {
+        h = {};
+        for (var H in d)
+          H !== "key" && (h[H] = d[H]);
+      } else h = d;
+      return E && l(
+        h,
         typeof r == "function" ? r.displayName || r.name || "Unknown" : r
-      ), x(
+      ), j(
         r,
-        d,
-        m,
-        o(),
-        A,
-        I
+        E,
+        h,
+        a(),
+        D,
+        X
       );
     }
-    function y(r) {
-      g(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === F && (r._payload.status === "fulfilled" ? g(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
+    function p(r) {
+      c(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === k && (r._payload.status === "fulfilled" ? c(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
     }
-    function g(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === v;
+    function c(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === _;
     }
-    var b = X, v = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), O = Symbol.for("react.fragment"), re = Symbol.for("react.strict_mode"), te = Symbol.for("react.profiler"), ne = Symbol.for("react.consumer"), ae = Symbol.for("react.context"), se = Symbol.for("react.forward_ref"), oe = Symbol.for("react.suspense"), ue = Symbol.for("react.suspense_list"), le = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), ie = Symbol.for("react.activity"), ce = Symbol.for("react.client.reference"), P = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, D = Object.prototype.hasOwnProperty, me = Array.isArray, C = console.createTask ? console.createTask : function() {
+    var v = ce, _ = /* @__PURE__ */ Symbol.for("react.transitional.element"), w = /* @__PURE__ */ Symbol.for("react.portal"), O = /* @__PURE__ */ Symbol.for("react.fragment"), B = /* @__PURE__ */ Symbol.for("react.strict_mode"), C = /* @__PURE__ */ Symbol.for("react.profiler"), f = /* @__PURE__ */ Symbol.for("react.consumer"), b = /* @__PURE__ */ Symbol.for("react.context"), R = /* @__PURE__ */ Symbol.for("react.forward_ref"), T = /* @__PURE__ */ Symbol.for("react.suspense"), A = /* @__PURE__ */ Symbol.for("react.suspense_list"), F = /* @__PURE__ */ Symbol.for("react.memo"), k = /* @__PURE__ */ Symbol.for("react.lazy"), U = /* @__PURE__ */ Symbol.for("react.activity"), N = /* @__PURE__ */ Symbol.for("react.client.reference"), G = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, K = Object.prototype.hasOwnProperty, xe = Array.isArray, J = console.createTask ? console.createTask : function() {
       return null;
     };
-    b = {
+    v = {
       react_stack_bottom_frame: function(r) {
         return r();
       }
     };
-    var q, z = {}, Y = b.react_stack_bottom_frame.bind(
-      b,
-      s
-    )(), W = C(a(s)), V = {};
-    R.Fragment = O, R.jsx = function(r, i, m) {
-      var p = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return E(
+    var ee, re = {}, te = v.react_stack_bottom_frame.bind(
+      v,
+      o
+    )(), ne = J(s(o)), se = {};
+    V.Fragment = O, V.jsx = function(r, d, h) {
+      var g = 1e4 > G.recentlyCreatedOwnerStacks++;
+      return x(
         r,
-        i,
-        m,
+        d,
+        h,
         !1,
-        p ? Error("react-stack-top-frame") : Y,
-        p ? C(a(r)) : W
+        g ? Error("react-stack-top-frame") : te,
+        g ? J(s(r)) : ne
       );
-    }, R.jsxs = function(r, i, m) {
-      var p = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return E(
+    }, V.jsxs = function(r, d, h) {
+      var g = 1e4 > G.recentlyCreatedOwnerStacks++;
+      return x(
         r,
-        i,
-        m,
+        d,
+        h,
         !0,
-        p ? Error("react-stack-top-frame") : Y,
-        p ? C(a(r)) : W
+        g ? Error("react-stack-top-frame") : te,
+        g ? J(s(r)) : ne
       );
     };
-  })()), R;
+  })()), V;
 }
-var J;
-function Re() {
-  return J || (J = 1, process.env.NODE_ENV === "production" ? S.exports = je() : S.exports = _e()), S.exports;
+var ie;
+function Oe() {
+  return ie || (ie = 1, process.env.NODE_ENV === "production" ? q.exports = we() : q.exports = $e()), q.exports;
 }
-var l = Re();
-function f(e, t = "en") {
+var i = Oe();
+function y(e, t = "en") {
   return e ? typeof e == "string" ? e : e[t] || e.en || Object.values(e)[0] || "" : "";
 }
-function $(e, t = "en") {
+function Y(e, t = "en") {
   return e ? e.map((n) => typeof n == "string" ? { value: n, label: n } : {
     value: n.value,
-    label: f(n.label, t)
+    label: y(n.label, t)
   }) : [];
 }
-function Te({
+function Ce({
   field: e,
   value: t,
   onChange: n,
-  error: a,
-  locale: o = "en"
+  error: s,
+  locale: a = "en"
 }) {
-  const s = $(e.options || [], o);
-  return /* @__PURE__ */ l.jsxs(H, { fullWidth: !0, children: [
-    /* @__PURE__ */ l.jsx(fe, { id: `${e.id}-label`, children: f(e.label, o) }),
-    /* @__PURE__ */ l.jsx(
-      be,
+  const o = Y(e.options || [], a);
+  return /* @__PURE__ */ i.jsxs(fe, { fullWidth: !0, children: [
+    /* @__PURE__ */ i.jsx(je, { id: `${e.id}-label`, children: y(e.label, a) }),
+    /* @__PURE__ */ i.jsx(
+      Re,
       {
         labelId: `${e.id}-label`,
         value: t,
         id: e.id,
         name: e.id,
         onChange: (u) => n(u.target.value),
-        label: f(e.label, o),
-        error: !!a,
-        children: s?.map((u) => /* @__PURE__ */ l.jsx(he, { value: u.value, children: u.label }, u.label))
+        label: y(e.label, a),
+        error: !!s,
+        children: o?.map((u) => /* @__PURE__ */ i.jsx(_e, { value: u.value, children: u.label }, u.label))
       }
     ),
-    a && /* @__PURE__ */ l.jsx(T, { variant: "caption", color: "error", children: a })
+    s && /* @__PURE__ */ i.jsx(L, { variant: "caption", color: "error", children: s })
   ] });
 }
-function Ae({
+function Pe({
   field: e,
   value: t,
   onChange: n,
-  error: a,
-  locale: o
+  error: s,
+  locale: a
 }) {
-  return console.log("error", a), /* @__PURE__ */ l.jsx(
-    k,
+  return console.log("error", s), /* @__PURE__ */ i.jsx(
+    W,
     {
       fullWidth: !0,
-      label: f(e.label, o),
-      placeholder: f(e.placeholder || "", o),
+      label: y(e.label, a),
+      placeholder: y(e.placeholder || "", a),
       value: t || "",
       name: e.id,
-      onChange: (s) => n(s.target.value),
+      onChange: (o) => n(o.target.value),
       disabled: e.disabled,
       type: e.type,
       slotProps: {
@@ -318,147 +318,147 @@ function Ae({
           shrink: e.type === "date" ? !0 : void 0
         }
       },
-      error: !!a,
-      helperText: a
+      error: !!s,
+      helperText: s
     }
   );
 }
-function Se({
+function Ve({
   field: e,
   value: t,
   onChange: n,
-  error: a,
-  locale: o
+  error: s,
+  locale: a
 }) {
-  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    /* @__PURE__ */ l.jsx(
-      Z,
+  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    /* @__PURE__ */ i.jsx(
+      me,
       {
         name: e.id,
-        control: /* @__PURE__ */ l.jsx(
-          xe,
+        control: /* @__PURE__ */ i.jsx(
+          Te,
           {
             checked: !!t,
-            onChange: (s) => n(s.target.checked),
+            onChange: (o) => n(o.target.checked),
             disabled: e.disabled
           }
         ),
-        label: f(e.label, o)
+        label: y(e.label, a)
       }
     ),
-    a && /* @__PURE__ */ l.jsx(Q, { children: a })
+    s && /* @__PURE__ */ i.jsx(pe, { children: s })
   ] });
 }
-const ke = ({
+const Ie = ({
   field: e,
   value: t,
   onChange: n,
-  error: a,
-  locale: o
+  error: s,
+  locale: a
 }) => {
-  const s = $(e.options || [], o);
-  return /* @__PURE__ */ l.jsx(
-    K,
+  const o = Y(e.options || [], a);
+  return /* @__PURE__ */ i.jsx(
+    be,
     {
       fullWidth: !0,
-      options: s || [],
+      options: o || [],
       value: t || null,
-      onChange: (u, c) => n(c),
-      renderInput: (u) => /* @__PURE__ */ l.jsx(
-        k,
+      onChange: (u, l) => n(l),
+      renderInput: (u) => /* @__PURE__ */ i.jsx(
+        W,
         {
           ...u,
           name: e.id,
-          label: f(e.label, o),
-          placeholder: f(
+          label: y(e.label, a),
+          placeholder: y(
             e.placeholder || "",
-            o
+            a
           ),
           disabled: e.disabled,
-          error: !!a,
-          helperText: a
+          error: !!s,
+          helperText: s
         }
       )
     }
   );
-}, $e = ({
+}, Le = ({
   field: e,
   value: t,
   onChange: n,
-  error: a,
-  locale: o
+  error: s,
+  locale: a
 }) => {
-  const s = $(e.options || [], o);
-  return /* @__PURE__ */ l.jsx(
-    K,
+  const o = Y(e.options || [], a);
+  return /* @__PURE__ */ i.jsx(
+    be,
     {
       multiple: !0,
       fullWidth: !0,
-      options: s || [],
+      options: o || [],
       value: t || [],
-      onChange: (u, c) => n(c),
-      renderInput: (u) => /* @__PURE__ */ l.jsx(
-        k,
+      onChange: (u, l) => n(l),
+      renderInput: (u) => /* @__PURE__ */ i.jsx(
+        W,
         {
           ...u,
           name: e.id,
-          label: f(e.label, o),
-          placeholder: f(
+          label: y(e.label, a),
+          placeholder: y(
             e.placeholder || "",
-            o
+            a
           ),
           disabled: e.disabled,
-          error: !!a,
-          helperText: a
+          error: !!s,
+          helperText: s
         }
       )
     }
   );
-}, we = ({
+}, Ne = ({
   field: e,
   value: t,
   onChange: n,
-  error: a,
-  locale: o = "en"
-}) => /* @__PURE__ */ l.jsx(
-  k,
+  error: s,
+  locale: a = "en"
+}) => /* @__PURE__ */ i.jsx(
+  W,
   {
     fullWidth: !0,
     multiline: !0,
     rows: e.rows || 4,
-    label: f(e.label, o),
-    placeholder: f(e.placeholder || "", o),
+    label: y(e.label, a),
+    placeholder: y(e.placeholder || "", a),
     value: t || "",
-    onChange: (s) => n(s.target.value),
+    onChange: (o) => n(o.target.value),
     required: !!e.validations?.required,
     disabled: e.disabled,
-    error: !!a,
-    helperText: a
+    error: !!s,
+    helperText: s
   }
-), Oe = ({
+), De = ({
   field: e,
   value: t,
   onChange: n,
-  error: a,
-  locale: o = "en"
+  error: s,
+  locale: a = "en"
 }) => {
-  const s = $(e.options || [], o);
-  return /* @__PURE__ */ l.jsxs(H, { component: "fieldset", fullWidth: !0, error: !!a, children: [
-    /* @__PURE__ */ l.jsxs(ve, { component: "legend", children: [
-      f(e.label, o),
+  const o = Y(e.options || [], a);
+  return /* @__PURE__ */ i.jsxs(fe, { component: "fieldset", fullWidth: !0, error: !!s, children: [
+    /* @__PURE__ */ i.jsxs(Ae, { component: "legend", children: [
+      y(e.label, a),
       e.validations?.required ? " *" : ""
     ] }),
-    /* @__PURE__ */ l.jsx(
-      ge,
+    /* @__PURE__ */ i.jsx(
+      Fe,
       {
         row: e.layout?.direction === "row" || !1,
         value: t || "",
         onChange: (u) => n(u.target.value),
-        children: (s || []).map((u) => /* @__PURE__ */ l.jsx(
-          Z,
+        children: (o || []).map((u) => /* @__PURE__ */ i.jsx(
+          me,
           {
             value: u.value,
-            control: /* @__PURE__ */ l.jsx(Ee, {}),
+            control: /* @__PURE__ */ i.jsx(Se, {}),
             label: u.label,
             disabled: e.disabled
           },
@@ -466,14 +466,14 @@ const ke = ({
         ))
       }
     ),
-    a && /* @__PURE__ */ l.jsx(Q, { children: a })
+    s && /* @__PURE__ */ i.jsx(pe, { children: s })
   ] });
-}, Fe = ({
+}, qe = ({
   field: e,
   value: t,
   onChange: n,
-  error: a,
-  locale: o = "en"
+  error: s,
+  locale: a = "en"
 }) => {
   switch (e.type) {
     case "text":
@@ -481,109 +481,109 @@ const ke = ({
     case "email":
     case "password":
     case "number":
-      return /* @__PURE__ */ l.jsx(
-        Ae,
+      return /* @__PURE__ */ i.jsx(
+        Pe,
         {
           field: e,
           value: t,
           onChange: n,
-          error: a,
-          locale: o
+          error: s,
+          locale: a
         }
       );
     case "select":
-      return /* @__PURE__ */ l.jsx(
-        Te,
+      return /* @__PURE__ */ i.jsx(
+        Ce,
         {
           field: e,
           value: t,
           onChange: n,
-          error: a,
-          locale: o
+          error: s,
+          locale: a
         }
       );
     case "autocomplete":
-      return /* @__PURE__ */ l.jsx(
-        ke,
+      return /* @__PURE__ */ i.jsx(
+        Ie,
         {
           field: e,
           value: t,
           onChange: n,
-          error: a,
-          locale: o
+          error: s,
+          locale: a
         }
       );
     case "multi-autocomplete":
-      return /* @__PURE__ */ l.jsx(
-        $e,
+      return /* @__PURE__ */ i.jsx(
+        Le,
         {
           field: e,
           value: t,
           onChange: n,
-          error: a,
-          locale: o
+          error: s,
+          locale: a
         }
       );
     case "checkbox":
-      return /* @__PURE__ */ l.jsx(
-        Se,
+      return /* @__PURE__ */ i.jsx(
+        Ve,
         {
           field: e,
           value: t,
           onChange: n,
-          error: a,
-          locale: o
+          error: s,
+          locale: a
         }
       );
     case "textarea":
-      return /* @__PURE__ */ l.jsx(
-        we,
+      return /* @__PURE__ */ i.jsx(
+        Ne,
         {
           field: e,
           value: t,
           onChange: n,
-          error: a,
-          locale: o
+          error: s,
+          locale: a
         }
       );
     case "radio":
-      return /* @__PURE__ */ l.jsx(
-        Oe,
+      return /* @__PURE__ */ i.jsx(
+        De,
         {
           field: e,
           value: t,
           onChange: n,
-          error: a,
-          locale: o
+          error: s,
+          locale: a
         }
       );
     default:
-      return /* @__PURE__ */ l.jsxs("span", { children: [
+      return /* @__PURE__ */ i.jsxs("span", { children: [
         "Unsupported field type: ",
         e.type
       ] });
   }
-}, Pe = ({
+}, ze = ({
   field: e,
   value: t,
   onChange: n,
-  error: a,
-  renderers: o = {},
-  locale: s = "en"
+  error: s,
+  renderers: a = {},
+  locale: o = "en"
 }) => {
-  const u = o[e.type] || Fe;
-  return /* @__PURE__ */ l.jsx(
+  const u = a[e.type] || qe;
+  return /* @__PURE__ */ i.jsx(
     u,
     {
       field: e,
       value: t,
       onChange: n,
-      error: a,
-      locale: s
+      error: s,
+      locale: o
     }
   );
 };
-function Ce(e) {
+function We(e) {
   const t = e ?? 12;
   return {
     xs: 12,
@@ -597,7 +597,7 @@ function Ce(e) {
     xl: t
   };
 }
-const ze = {
+const He = {
   /**
    * Validates that a required field has a value.
    * @param field - The field definition
@@ -677,55 +677,55 @@ const ze = {
     }
     return null;
   }
-}, Ie = (e, t, n = "en") => {
-  const a = {};
-  return e.sections.forEach((o) => {
-    o.fields.forEach((s) => {
-      const u = ee(e, t, s.id);
-      u.length > 0 && (a[s.id] = u);
+}, he = (e, t, n = "en") => {
+  const s = {};
+  return e.sections.forEach((a) => {
+    a.fields.forEach((o) => {
+      const u = M(e, t, o.id);
+      u.length > 0 && (s[o.id] = u);
     });
-  }), a;
-}, ee = (e, t, n, a = "en") => {
-  const o = e.sections.flatMap((x) => x.fields).find((x) => x.id === n);
-  if (!o) return [];
-  const s = o.validations || {}, u = t[n], c = [], h = f(o.label, a);
-  if (s.required && (u == null || u === "") && c.push(
-    typeof s.required == "string" ? s.required : `${h} is required`
-  ), s.min !== void 0 && typeof u == "number" && u < s.min && c.push(`${h} must be at least ${s.min}`), s.max !== void 0 && typeof u == "number" && u > s.max && c.push(`${h} must be at most ${s.max}`), s.minLength !== void 0 && typeof u == "string" && u.length < s.minLength && c.push(`${h} must be at least ${s.minLength} characters`), s.maxLength !== void 0 && typeof u == "string" && u.length > s.maxLength && c.push(`${h} must be at most ${s.maxLength} characters`), s.pattern && typeof u == "string" && !s.pattern.test(u) && c.push(`${h} is invalid`), s.validate) {
-    const x = s.validate(u);
-    x && c.push(f(x, a));
+  }), s;
+}, M = (e, t, n, s = "en") => {
+  const a = e.sections.flatMap((j) => j.fields).find((j) => j.id === n);
+  if (!a) return [];
+  const o = a.validations || {}, u = t[n], l = [], m = y(a.label, s);
+  if (o.required && (u == null || u === "") && l.push(
+    typeof o.required == "string" ? o.required : `${m} is required`
+  ), o.min !== void 0 && typeof u == "number" && u < o.min && l.push(`${m} must be at least ${o.min}`), o.max !== void 0 && typeof u == "number" && u > o.max && l.push(`${m} must be at most ${o.max}`), o.minLength !== void 0 && typeof u == "string" && u.length < o.minLength && l.push(`${m} must be at least ${o.minLength} characters`), o.maxLength !== void 0 && typeof u == "string" && u.length > o.maxLength && l.push(`${m} must be at most ${o.maxLength} characters`), o.pattern && typeof u == "string" && !o.pattern.test(u) && l.push(`${m} is invalid`), o.validate) {
+    const j = o.validate(u);
+    j && l.push(y(j, s));
   }
-  return c;
+  return l;
 };
-function N(e, t) {
+function Z(e, t) {
   if (!e)
     return !0;
   if ("field" in e) {
     let n = t[e.field] ?? "";
-    return Array.isArray(n) ? n = n.map((a) => a.value ?? "") : typeof n == "object" && n !== null && (n = n.value ?? ""), e.equals !== void 0 ? n === e.equals : e.notEquals !== void 0 ? n !== e.notEquals : e.in !== void 0 ? Array.isArray(n) ? e.in ? n.some((a) => e.in.includes(a)) : !1 : e.in.includes(n) : e.notIn !== void 0 ? Array.isArray(n) ? n.every((a) => !e.notIn.includes(a)) : !e.notIn.includes(n) : e.greaterThan !== void 0 ? n > e.greaterThan : e.lessThan !== void 0 ? n < e.lessThan : !0;
+    return Array.isArray(n) ? n = n.map((s) => s.value ?? "") : typeof n == "object" && n !== null && (n = n.value ?? ""), e.equals !== void 0 ? n === e.equals : e.notEquals !== void 0 ? n !== e.notEquals : e.in !== void 0 ? Array.isArray(n) ? e.in ? n.some((s) => e.in.includes(s)) : !1 : e.in.includes(n) : e.notIn !== void 0 ? Array.isArray(n) ? n.every((s) => !e.notIn.includes(s)) : !e.notIn.includes(n) : e.greaterThan !== void 0 ? n > e.greaterThan : e.lessThan !== void 0 ? n < e.lessThan : !0;
   }
   if ("operator" in e) {
     if (e.operator === "AND")
       return e.conditions.every(
-        (a) => N(a, t)
+        (s) => Z(s, t)
       );
     if (e.operator === "OR")
       return e.conditions.some(
-        (n) => N(n, t)
+        (n) => Z(n, t)
       );
   }
   return !1;
 }
-const Le = ({
+const Ye = ({
   section: e,
   values: t,
   onChange: n,
-  renderers: a,
-  validateField: o,
-  locale: s = "en"
-}) => /* @__PURE__ */ l.jsxs(ye, { mb: 2, children: [
-  e.heading && /* @__PURE__ */ l.jsx(
-    T,
+  renderers: s,
+  validateField: a,
+  locale: o = "en"
+}) => /* @__PURE__ */ i.jsxs(ke, { mb: 2, children: [
+  e.heading && /* @__PURE__ */ i.jsx(
+    L,
     {
       variant: "h6",
       sx: {
@@ -733,11 +733,11 @@ const Le = ({
       },
       gutterBottom: !0,
       color: "black",
-      children: f(e.heading, s)
+      children: y(e.heading, o)
     }
   ),
-  e.description && /* @__PURE__ */ l.jsx(
-    T,
+  e.description && /* @__PURE__ */ i.jsx(
+    L,
     {
       variant: "body2",
       sx: {
@@ -745,23 +745,23 @@ const Le = ({
       },
       color: "textSecondary",
       gutterBottom: !0,
-      children: f(e.description, s)
+      children: y(e.description, o)
     }
   ),
-  /* @__PURE__ */ l.jsx(B, { container: !0, spacing: 2, children: e.fields.map(
-    (u) => N(u.visibleWhen, t) && /* @__PURE__ */ l.jsx(
-      B,
+  /* @__PURE__ */ i.jsx(oe, { container: !0, spacing: 2, children: e.fields.map(
+    (u) => Z(u.visibleWhen, t) && /* @__PURE__ */ i.jsx(
+      oe,
       {
-        size: Ce(u.layout?.cols),
-        children: /* @__PURE__ */ l.jsx(
-          Pe,
+        size: We(u.layout?.cols),
+        children: /* @__PURE__ */ i.jsx(
+          ze,
           {
             field: u,
             value: t[u.id],
-            onChange: (c) => n(u.id, c),
-            renderers: a,
-            error: o(u.id)?.join(","),
-            locale: s
+            onChange: (l) => n(u.id, l),
+            renderers: s,
+            error: a(u.id)?.join(","),
+            locale: o
           }
         )
       },
@@ -769,46 +769,74 @@ const Le = ({
     )
   ) })
 ] });
-function Ne(e, t = "en", n) {
-  const [a, o] = M({}), [s, u] = M({});
+function Me(e, t = "en", n) {
+  const [s, a] = I({}), [o, u] = I({});
   return {
     /** Current form values for all fields */
-    values: a,
+    values: s,
     /** Function to update a field value */
-    handleChange: (g, b) => {
-      if (o((v) => ({ ...v, [g]: b })), u((v) => ({ ...v, [g]: null })), n) {
-        let v = b;
-        Array.isArray(b) ? v = b.map((w) => w.value ?? "") : typeof b == "object" && b !== null && (v = b.value ?? ""), n(g, v);
+    handleChange: (c, v) => {
+      if (a((_) => ({ ..._, [c]: v })), u((_) => ({ ..._, [c]: null })), n) {
+        let _ = v;
+        Array.isArray(v) ? _ = v.map((w) => w.value ?? "") : typeof v == "object" && v !== null && (_ = v.value ?? ""), n(c, _);
       }
     },
     /** Function to validate all fields */
-    validateAll: () => Ie(e, a, t),
+    validateAll: () => he(e, s, t),
     /** Function to get all current form values */
-    getValues: () => a,
+    getValues: () => s,
     /** Function to get all current form errors */
-    getErrors: () => s,
+    getErrors: () => o,
     /** Function to validate a specific field */
-    validateField: (g) => ee(e, a, g, t)
+    validateField: (c) => M(e, s, c, t)
   };
 }
-const Ye = X.forwardRef(({ dto: e, renderers: t, locale: n = "en", handleChangeCallback: a }, o) => {
-  const {
-    values: s,
-    handleChange: u,
-    getValues: c,
-    getErrors: h,
-    validateAll: x,
-    validateField: E
-  } = Ne(e, n, a);
-  return de(o, () => ({
-    getValues: c,
-    getErrors: h,
-    validateAll: x,
-    validateField: E,
-    handleChange: u
-  })), /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    e.title && /* @__PURE__ */ l.jsx(
-      T,
+const Q = Ee(
+  void 0
+);
+function ve() {
+  const e = de(Q);
+  if (!e)
+    throw new Error("useFormContext must be used inside a <FormProvider>.");
+  return e;
+}
+function Be() {
+  return de(Q);
+}
+const Ue = ce.forwardRef(({ dto: e, renderers: t, locale: n = "en", handleChangeCallback: s }, a) => {
+  const o = Be(), u = Me(e, n, s), l = !!o, m = l ? o.values : u.values, j = (p, c) => {
+    if (l) {
+      if (o.setValue(p, c, !0), s) {
+        let v = c;
+        Array.isArray(c) ? v = c.map((_) => _.value ?? "") : typeof c == "object" && c !== null && (v = c.value ?? ""), s(p, v);
+      }
+    } else
+      u.handleChange(p, c);
+  }, x = (p) => {
+    if (l && o) {
+      const c = o.errors[p];
+      return c ? [c] : [];
+    }
+    return u.validateField(p);
+  };
+  return ye(a, () => ({
+    getValues: () => l ? o.getValues() : u.getValues(),
+    getErrors: () => l ? o.errors : u.getErrors(),
+    validateAll: () => {
+      const p = he(e, m, n);
+      return l && e.sections.flatMap((c) => c.fields).forEach((c) => {
+        const v = p[c.id];
+        v?.length ? o.setError(c.id, v[0]) : o.clearError(c.id);
+      }), p;
+    },
+    validateField: (p) => {
+      const c = M(e, m, p, n);
+      return l && o.setError(p, c[0] ?? null), c;
+    },
+    handleChange: j
+  })), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    e.title && /* @__PURE__ */ i.jsx(
+      L,
       {
         variant: "h5",
         color: "black",
@@ -817,11 +845,11 @@ const Ye = X.forwardRef(({ dto: e, renderers: t, locale: n = "en", handleChangeC
           fontWeight: "bold"
         },
         gutterBottom: !0,
-        children: f(e.title, n)
+        children: y(e.title, n)
       }
     ),
-    e.description && /* @__PURE__ */ l.jsx(
-      T,
+    e.description && /* @__PURE__ */ i.jsx(
+      L,
       {
         component: "p",
         sx: {
@@ -829,36 +857,215 @@ const Ye = X.forwardRef(({ dto: e, renderers: t, locale: n = "en", handleChangeC
         },
         color: "textSecondary",
         gutterBottom: !0,
-        children: f(e.description, n)
+        children: y(e.description, n)
       }
     ),
-    e.sections.map((y) => /* @__PURE__ */ l.jsx(
-      Le,
+    e.sections.map((p) => /* @__PURE__ */ i.jsx(
+      Ye,
       {
-        section: y,
-        values: s,
-        onChange: u,
+        section: p,
+        values: m,
+        onChange: j,
         renderers: t,
-        validateField: E,
+        validateField: x,
         locale: n
       },
-      y.id
+      p.id
     ))
   ] });
-});
+}), Ze = (e) => {
+  const t = z(null), { dto: n, locale: s, renderers: a, handleChangeCallback: o } = e;
+  return {
+    getValues: () => t.current?.getValues() ?? {},
+    getErrors: () => t.current?.getErrors() ?? {},
+    validateAll: () => t.current?.validateAll() ?? {},
+    validateField: (u) => t.current?.validateField(u) ?? [],
+    handleChange: (u, l) => t.current?.handleChange?.(u, l),
+    Form: () => /* @__PURE__ */ i.jsx(
+      Ue,
+      {
+        ref: t,
+        dto: n,
+        locale: s,
+        renderers: a,
+        handleChangeCallback: o
+      }
+    )
+  };
+};
+function Ge(e = {}) {
+  const [t, n] = I({ ...e.defaultValues }), [s, a] = I({}), [o, u] = I({}), l = z({}), m = z(t);
+  m.current = t;
+  const j = S(
+    (f, b) => ({
+      name: f,
+      ref: (R) => {
+        l.current[f] = R;
+      },
+      onChange: (R) => {
+        const T = R.target.value;
+        n((F) => ({ ...F, [f]: T })), u((F) => ({
+          ...F,
+          [f]: !0
+        }));
+        const A = b?.validate ?? e.validate?.[f];
+        a((F) => ({
+          ...F,
+          [f]: A ? A(T) : null
+        }));
+      },
+      onBlur: () => {
+        u((R) => ({
+          ...R,
+          [f]: !0
+        }));
+      }
+    }),
+    [e.validate]
+  ), x = S(
+    (f, b, R) => {
+      if (n((T) => ({ ...T, [f]: b })), R) {
+        const T = e.validate?.[f];
+        a((A) => ({
+          ...A,
+          [f]: T ? T(b) : null
+        }));
+      }
+    },
+    [e.validate]
+  ), p = S((f, b) => {
+    a((R) => ({ ...R, [f]: b }));
+  }, []), c = S((f) => {
+    a((b) => ({ ...b, [f]: null }));
+  }, []), v = S(() => m.current, []), _ = S(
+    (f) => {
+      const b = f ?? e.defaultValues ?? {};
+      n(b), m.current = b, a({}), u({});
+    },
+    [e.defaultValues]
+  ), w = S(
+    (f) => {
+      const b = m.current;
+      if (!f) {
+        const A = {};
+        let F = !0;
+        for (const [k, U] of Object.entries(
+          e.validate ?? {}
+        )) {
+          const N = U(
+            b[k]
+          );
+          A[k] = N ?? null, N && (F = !1);
+        }
+        return a((k) => ({ ...k, ...A })), F;
+      }
+      const R = e.validate?.[f], T = R ? R(b[f]) : null;
+      return a((A) => ({ ...A, [f]: T ?? null })), !T;
+    },
+    [e.validate]
+  ), O = S(
+    (f) => (b) => {
+      b?.preventDefault && b.preventDefault(), w() && f(m.current, b);
+    },
+    [w]
+  ), B = S(
+    (f) => {
+      const b = m.current;
+      return f ? typeof f == "string" ? b[f] : f.map((R) => b[R]) : b;
+    },
+    []
+  ), C = {
+    values: t,
+    errors: s,
+    touchedFields: o,
+    register: j,
+    setValue: x,
+    getValues: v,
+    setError: p,
+    clearError: c,
+    handleSubmit: O,
+    reset: _,
+    trigger: w,
+    watch: B,
+    control: void 0
+  };
+  return C.control = C, C;
+}
+function Qe(e, t) {
+  const n = t?.locale ?? "en", s = ae(
+    () => e.sections.flatMap((l) => l.fields).reduce((l, m) => (l[m.id] = m.defaultValue ?? "", l), {}),
+    // dto is expected to be a stable reference (defined outside renders)
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  ), a = z(s), o = ae(
+    () => e.sections.flatMap((l) => l.fields).filter((l) => l.validations).reduce(
+      (l, m) => (l[m.id] = (j) => {
+        const x = {
+          ...a.current,
+          [m.id]: j
+        };
+        return M(
+          e,
+          x,
+          m.id,
+          n
+        )[0] ?? null;
+      }, l),
+      {}
+    ),
+    // locale changes rebuild validate fns; dto is assumed stable
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [n]
+  ), u = Ge({
+    defaultValues: s,
+    validate: o
+  });
+  return a.current = u.values, u;
+}
+function Ke(e) {
+  const { values: t, setValue: n } = ve(), s = e.name, a = t[s] ?? [];
+  return { fields: a, append: (x) => n(s, [...a, x]), prepend: (x) => n(s, [x, ...a]), remove: (x) => n(
+    s,
+    a.filter((p, c) => c !== x)
+  ), swap: (x, p) => {
+    const c = [...a];
+    [c[x], c[p]] = [c[p], c[x]], n(s, c);
+  }, insert: (x, p) => {
+    const c = [...a];
+    c.splice(x, 0, p), n(s, c);
+  } };
+}
+function er(e) {
+  const { values: t } = ve();
+  return Array.isArray(e) ? e.map((n) => t[n]) : t[e];
+}
+function rr({
+  value: e,
+  children: t
+}) {
+  return /* @__PURE__ */ i.jsx(Q.Provider, { value: e, children: t });
+}
 export {
-  ke as AutoCompleteField,
-  Se as CheckBoxInput,
-  Pe as Field,
-  Ye as FormBuilder,
-  $e as MultiAutoCompleteField,
-  Oe as RadioInput,
-  Le as Section,
-  Te as SelectInput,
-  we as TextAreaInput,
-  Ae as TextInput,
-  Ne as useFormBuilder,
-  Ie as validateAll,
-  ee as validateField,
-  ze as validationRules
+  Ie as AutoCompleteField,
+  Ve as CheckBoxInput,
+  ze as Field,
+  Ue as FormBuilder,
+  rr as FormProvider,
+  Le as MultiAutoCompleteField,
+  De as RadioInput,
+  Ye as Section,
+  Ce as SelectInput,
+  Ne as TextAreaInput,
+  Pe as TextInput,
+  Ke as useFieldArray,
+  Ge as useForm,
+  Me as useFormBuilder,
+  Ze as useFormBuilderController,
+  ve as useFormContext,
+  Qe as useFormDTO,
+  Be as useOptionalFormContext,
+  er as useWatch,
+  he as validateAll,
+  M as validateField,
+  He as validationRules
 };