react-form-dto 1.0.0 → 1.0.2

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

@@ -1,65 +1,65 @@
-import G, { useState as W, useImperativeHandle as de } from "react";
-import { FormControl as J, InputLabel as pe, Select as be, MenuItem as fe, Typography as R, TextField as k, FormControlLabel as X, Checkbox as he, FormHelperText as H, Autocomplete as Z, FormLabel as xe, RadioGroup as ve, Radio as ge, Box as Ee, Grid as V } from "@mui/material";
-var S = { exports: {} }, _ = {};
-var M;
-function _e() {
-  if (M) return _;
-  M = 1;
-  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function n(u, o, a) {
-    var s = null;
-    if (a !== void 0 && (s = "" + a), o.key !== void 0 && (s = "" + o.key), "key" in o) {
-      a = {};
+import J, { useState as V, useImperativeHandle as pe } from "react";
+import { FormControl as X, InputLabel as fe, Select as be, MenuItem as he, Typography as _, TextField as A, FormControlLabel as H, Checkbox as ve, FormHelperText as Z, Autocomplete as Q, FormLabel as xe, RadioGroup as ge, Radio as Ee, Box as je, Grid as M } from "@mui/material";
+var S = { exports: {} }, j = {};
+var B;
+function ye() {
+  if (B) return j;
+  B = 1;
+  var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+  function t(a, o, s) {
+    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" && (a[c] = o[c]);
-    } else a = o;
-    return o = a.ref, {
+        c !== "key" && (s[c] = o[c]);
+    } else s = o;
+    return o = s.ref, {
       $$typeof: e,
-      type: u,
-      key: s,
+      type: a,
+      key: u,
       ref: o !== void 0 ? o : null,
-      props: a
+      props: s
     };
   }
-  return _.Fragment = t, _.jsx = n, _.jsxs = n, _;
+  return j.Fragment = n, j.jsx = t, j.jsxs = t, j;
 }
-var j = {};
-var B;
-function je() {
-  return B || (B = 1, process.env.NODE_ENV !== "production" && (function() {
+var y = {};
+var U;
+function _e() {
+  return U || (U = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(r) {
       if (r == null) return null;
       if (typeof r == "function")
-        return r.$$typeof === ie ? null : r.displayName || r.name || null;
+        return r.$$typeof === ce ? null : r.displayName || r.name || null;
       if (typeof r == "string") return r;
       switch (r) {
         case $:
           return "Fragment";
-        case re:
+        case te:
           return "Profiler";
-        case ee:
+        case re:
           return "StrictMode";
         case oe:
           return "Suspense";
-        case se:
+        case ue:
           return "SuspenseList";
-        case le:
+        case ie:
           return "Activity";
       }
       if (typeof r == "object")
         switch (typeof r.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), r.$$typeof) {
-          case K:
+          case ee:
             return "Portal";
-          case ne:
+          case ae:
             return r.displayName || "Context";
-          case te:
+          case ne:
             return (r._context.displayName || "Context") + ".Consumer";
-          case ae:
+          case se:
             var i = r.render;
             return r = r.displayName, r || (r = i.displayName || i.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
-          case ue:
+          case le:
             return i = r.displayName || null, i !== null ? i : e(r.type) || "Memo";
           case w:
             i = r._payload, r = r._init;
@@ -70,12 +70,12 @@ function je() {
         }
       return null;
     }
-    function t(r) {
+    function n(r) {
       return "" + r;
     }
-    function n(r) {
+    function t(r) {
       try {
-        t(r);
+        n(r);
         var i = !1;
       } catch {
         i = !0;
@@ -87,10 +87,10 @@ function je() {
           i,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           d
-        ), t(r);
+        ), n(r);
       }
     }
-    function u(r) {
+    function a(r) {
       if (r === $) return "<>";
       if (typeof r == "object" && r !== null && r.$$typeof === w)
         return "<...>";
@@ -105,11 +105,11 @@ function je() {
       var r = O.A;
       return r === null ? null : r.getOwner();
     }
-    function a() {
+    function s() {
       return Error("react-stack-top-frame");
     }
-    function s(r) {
-      if (I.call(r, "key")) {
+    function u(r) {
+      if (N.call(r, "key")) {
         var i = Object.getOwnPropertyDescriptor(r, "key").get;
         if (i && i.isReactWarning) return !1;
       }
@@ -117,7 +117,7 @@ function je() {
     }
     function c(r, i) {
       function m() {
-        N || (N = !0, console.error(
+        D || (D = !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
         ));
@@ -129,11 +129,11 @@ function je() {
     }
     function h() {
       var r = e(this.type);
-      return D[r] || (D[r] = !0, console.error(
+      return q[r] || (q[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 f(r, i, m, d, T, P) {
+    function b(r, i, m, d, T, P) {
       var p = m.ref;
       return r = {
         $$typeof: L,
@@ -170,21 +170,21 @@ function je() {
       var p = i.children;
       if (p !== void 0)
         if (d)
-          if (ce(p)) {
+          if (me(p)) {
             for (d = 0; d < p.length; d++)
-              v(p[d]);
+              x(p[d]);
             Object.freeze && Object.freeze(p);
           } 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 v(p);
-      if (I.call(i, "key")) {
+        else x(p);
+      if (N.call(i, "key")) {
         p = e(r);
-        var E = Object.keys(i).filter(function(me) {
-          return me !== "key";
+        var E = Object.keys(i).filter(function(de) {
+          return de !== "key";
         });
-        d = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", q[p + d] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
+        d = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", W[p + d] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -195,9 +195,9 @@ React keys must be passed directly to JSX without using spread:
           p,
           E,
           p
-        ), q[p + d] = !0);
+        ), W[p + d] = !0);
       }
-      if (p = null, m !== void 0 && (n(m), p = "" + m), s(i) && (n(i.key), p = "" + i.key), "key" in i) {
+      if (p = null, m !== void 0 && (t(m), p = "" + m), u(i) && (t(i.key), p = "" + i.key), "key" in i) {
         m = {};
         for (var C in i)
           C !== "key" && (m[C] = i[C]);
@@ -205,7 +205,7 @@ React keys must be passed directly to JSX without using spread:
       return p && c(
         m,
         typeof r == "function" ? r.displayName || r.name || "Unknown" : r
-      ), f(
+      ), b(
         r,
         p,
         m,
@@ -214,25 +214,25 @@ React keys must be passed directly to JSX without using spread:
         P
       );
     }
-    function v(r) {
-      y(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === w && (r._payload.status === "fulfilled" ? y(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
+    function x(r) {
+      R(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === w && (r._payload.status === "fulfilled" ? R(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
     }
-    function y(r) {
+    function R(r) {
       return typeof r == "object" && r !== null && r.$$typeof === L;
     }
-    var x = G, L = Symbol.for("react.transitional.element"), K = Symbol.for("react.portal"), $ = Symbol.for("react.fragment"), ee = Symbol.for("react.strict_mode"), re = Symbol.for("react.profiler"), te = Symbol.for("react.consumer"), ne = Symbol.for("react.context"), ae = Symbol.for("react.forward_ref"), oe = Symbol.for("react.suspense"), se = Symbol.for("react.suspense_list"), ue = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), le = Symbol.for("react.activity"), ie = Symbol.for("react.client.reference"), O = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, ce = Array.isArray, F = console.createTask ? console.createTask : function() {
+    var v = J, L = Symbol.for("react.transitional.element"), ee = Symbol.for("react.portal"), $ = 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"), w = Symbol.for("react.lazy"), ie = Symbol.for("react.activity"), ce = Symbol.for("react.client.reference"), O = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, me = Array.isArray, F = console.createTask ? console.createTask : function() {
       return null;
     };
-    x = {
+    v = {
       react_stack_bottom_frame: function(r) {
         return r();
       }
     };
-    var N, D = {}, z = x.react_stack_bottom_frame.bind(
-      x,
-      a
-    )(), Y = F(u(a)), q = {};
-    j.Fragment = $, j.jsx = function(r, i, m) {
+    var D, q = {}, z = v.react_stack_bottom_frame.bind(
+      v,
+      s
+    )(), Y = F(a(s)), W = {};
+    y.Fragment = $, y.jsx = function(r, i, m) {
       var d = 1e4 > O.recentlyCreatedOwnerStacks++;
       return g(
         r,
@@ -240,9 +240,9 @@ React keys must be passed directly to JSX without using spread:
         m,
         !1,
         d ? Error("react-stack-top-frame") : z,
-        d ? F(u(r)) : Y
+        d ? F(a(r)) : Y
       );
-    }, j.jsxs = function(r, i, m) {
+    }, y.jsxs = function(r, i, m) {
       var d = 1e4 > O.recentlyCreatedOwnerStacks++;
       return g(
         r,
@@ -250,67 +250,67 @@ React keys must be passed directly to JSX without using spread:
         m,
         !0,
         d ? Error("react-stack-top-frame") : z,
-        d ? F(u(r)) : Y
+        d ? F(a(r)) : Y
       );
     };
-  })()), j;
+  })()), y;
 }
-var U;
+var G;
 function Re() {
-  return U || (U = 1, process.env.NODE_ENV === "production" ? S.exports = _e() : S.exports = je()), S.exports;
+  return G || (G = 1, process.env.NODE_ENV === "production" ? S.exports = ye() : S.exports = _e()), S.exports;
 }
 var l = Re();
-function b(e, t = "en") {
-  return e ? typeof e == "string" ? e : e[t] || e.en || Object.values(e)[0] || "" : "";
+function f(e, n = "en") {
+  return e ? typeof e == "string" ? e : e[n] || e.en || Object.values(e)[0] || "" : "";
 }
-function A(e, t = "en") {
-  return e ? e.map((n) => typeof n == "string" ? { value: n, label: n } : {
-    value: n.value,
-    label: b(n.label, t)
+function k(e, n = "en") {
+  return e ? e.map((t) => typeof t == "string" ? { value: t, label: t } : {
+    value: t.value,
+    label: f(t.label, n)
   }) : [];
 }
-function ye({
+function Te({
   field: e,
-  value: t,
-  onChange: n,
-  error: u,
+  value: n,
+  onChange: t,
+  error: a,
   locale: o = "en"
 }) {
-  const a = A(e.options || [], o);
-  return /* @__PURE__ */ l.jsxs(J, { fullWidth: !0, children: [
-    /* @__PURE__ */ l.jsx(pe, { id: `${e.id}-label`, children: b(e.label, o) }),
+  const s = k(e.options || [], o);
+  return /* @__PURE__ */ l.jsxs(X, { fullWidth: !0, children: [
+    /* @__PURE__ */ l.jsx(fe, { id: `${e.id}-label`, children: f(e.label, o) }),
     /* @__PURE__ */ l.jsx(
       be,
       {
         labelId: `${e.id}-label`,
-        value: t,
+        value: n,
         id: e.id,
         name: e.id,
-        onChange: (s) => n(s.target.value),
-        label: b(e.label, o),
-        error: !!u,
-        children: a?.map((s) => /* @__PURE__ */ l.jsx(fe, { value: s.value, children: s.label }, s.label))
+        onChange: (u) => t(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))
       }
     ),
-    u && /* @__PURE__ */ l.jsx(R, { variant: "caption", color: "error", children: u })
+    a && /* @__PURE__ */ l.jsx(_, { variant: "caption", color: "error", children: a })
   ] });
 }
-function Te({
+function Se({
   field: e,
-  value: t,
-  onChange: n,
-  error: u,
+  value: n,
+  onChange: t,
+  error: a,
   locale: o
 }) {
-  return console.log("error", u), /* @__PURE__ */ l.jsx(
-    k,
+  return console.log("error", a), /* @__PURE__ */ l.jsx(
+    A,
     {
       fullWidth: !0,
-      label: b(e.label, o),
-      placeholder: b(e.placeholder || "", o),
-      value: t || "",
+      label: f(e.label, o),
+      placeholder: f(e.placeholder || "", o),
+      value: n || "",
       name: e.id,
-      onChange: (a) => n(a.target.value),
+      onChange: (s) => t(s.target.value),
       disabled: e.disabled,
       type: e.type,
       slotProps: {
@@ -318,161 +318,161 @@ function Te({
           shrink: e.type === "date" ? !0 : void 0
         }
       },
-      error: !!u,
-      helperText: u
+      error: !!a,
+      helperText: a
     }
   );
 }
-function Se({
+function Ae({
   field: e,
-  value: t,
-  onChange: n,
-  error: u,
+  value: n,
+  onChange: t,
+  error: a,
   locale: o
 }) {
   return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
     /* @__PURE__ */ l.jsx(
-      X,
+      H,
       {
         name: e.id,
         control: /* @__PURE__ */ l.jsx(
-          he,
+          ve,
           {
-            checked: !!t,
-            onChange: (a) => n(a.target.checked),
+            checked: !!n,
+            onChange: (s) => t(s.target.checked),
             disabled: e.disabled
           }
         ),
-        label: b(e.label, o)
+        label: f(e.label, o)
       }
     ),
-    u && /* @__PURE__ */ l.jsx(H, { children: u })
+    a && /* @__PURE__ */ l.jsx(Z, { children: a })
   ] });
 }
 const ke = ({
   field: e,
-  value: t,
-  onChange: n,
-  error: u,
+  value: n,
+  onChange: t,
+  error: a,
   locale: o
 }) => {
-  const a = A(e.options || [], o);
+  const s = k(e.options || [], o);
   return /* @__PURE__ */ l.jsx(
-    Z,
+    Q,
     {
       fullWidth: !0,
-      options: a || [],
-      value: t || null,
-      onChange: (s, c) => n(c),
-      renderInput: (s) => /* @__PURE__ */ l.jsx(
-        k,
+      options: s || [],
+      value: n || null,
+      onChange: (u, c) => t(c),
+      renderInput: (u) => /* @__PURE__ */ l.jsx(
+        A,
         {
-          ...s,
+          ...u,
           name: e.id,
-          label: b(e.label, o),
-          placeholder: b(
+          label: f(e.label, o),
+          placeholder: f(
             e.placeholder || "",
             o
           ),
           disabled: e.disabled,
-          error: !!u,
-          helperText: u
+          error: !!a,
+          helperText: a
         }
       )
     }
   );
-}, Ae = ({
+}, $e = ({
   field: e,
-  value: t,
-  onChange: n,
-  error: u,
+  value: n,
+  onChange: t,
+  error: a,
   locale: o
 }) => {
-  const a = A(e.options || [], o);
+  const s = k(e.options || [], o);
   return /* @__PURE__ */ l.jsx(
-    Z,
+    Q,
     {
       multiple: !0,
       fullWidth: !0,
-      options: a || [],
-      value: t || [],
-      onChange: (s, c) => n(c),
-      renderInput: (s) => /* @__PURE__ */ l.jsx(
-        k,
+      options: s || [],
+      value: n || [],
+      onChange: (u, c) => t(c),
+      renderInput: (u) => /* @__PURE__ */ l.jsx(
+        A,
         {
-          ...s,
+          ...u,
           name: e.id,
-          label: b(e.label, o),
-          placeholder: b(
+          label: f(e.label, o),
+          placeholder: f(
             e.placeholder || "",
             o
           ),
           disabled: e.disabled,
-          error: !!u,
-          helperText: u
+          error: !!a,
+          helperText: a
         }
       )
     }
   );
-}, $e = ({
+}, we = ({
   field: e,
-  value: t,
-  onChange: n,
-  error: u,
+  value: n,
+  onChange: t,
+  error: a,
   locale: o = "en"
 }) => /* @__PURE__ */ l.jsx(
-  k,
+  A,
   {
     fullWidth: !0,
     multiline: !0,
     rows: e.rows || 4,
-    label: b(e.label, o),
-    placeholder: b(e.placeholder || "", o),
-    value: t || "",
-    onChange: (a) => n(a.target.value),
+    label: f(e.label, o),
+    placeholder: f(e.placeholder || "", o),
+    value: n || "",
+    onChange: (s) => t(s.target.value),
     required: !!e.validations?.required,
     disabled: e.disabled,
-    error: !!u,
-    helperText: u
+    error: !!a,
+    helperText: a
   }
-), we = ({
+), Oe = ({
   field: e,
-  value: t,
-  onChange: n,
-  error: u,
+  value: n,
+  onChange: t,
+  error: a,
   locale: o = "en"
 }) => {
-  const a = A(e.options || [], o);
-  return /* @__PURE__ */ l.jsxs(J, { component: "fieldset", fullWidth: !0, error: !!u, children: [
+  const s = k(e.options || [], o);
+  return /* @__PURE__ */ l.jsxs(X, { component: "fieldset", fullWidth: !0, error: !!a, children: [
     /* @__PURE__ */ l.jsxs(xe, { component: "legend", children: [
-      b(e.label, o),
+      f(e.label, o),
       e.validations?.required ? " *" : ""
     ] }),
     /* @__PURE__ */ l.jsx(
-      ve,
+      ge,
       {
         row: e.layout?.direction === "row" || !1,
-        value: t || "",
-        onChange: (s) => n(s.target.value),
-        children: (a || []).map((s) => /* @__PURE__ */ l.jsx(
-          X,
+        value: n || "",
+        onChange: (u) => t(u.target.value),
+        children: (s || []).map((u) => /* @__PURE__ */ l.jsx(
+          H,
           {
-            value: s,
-            control: /* @__PURE__ */ l.jsx(ge, {}),
-            label: s.label,
+            value: u,
+            control: /* @__PURE__ */ l.jsx(Ee, {}),
+            label: u.label,
             disabled: e.disabled
           },
-          s.label
+          u.label
         ))
       }
     ),
-    u && /* @__PURE__ */ l.jsx(H, { children: u })
+    a && /* @__PURE__ */ l.jsx(Z, { children: a })
   ] });
-}, Oe = ({
+}, Fe = ({
   field: e,
-  value: t,
-  onChange: n,
-  error: u,
+  value: n,
+  onChange: t,
+  error: a,
   locale: o = "en"
 }) => {
   switch (e.type) {
@@ -482,23 +482,23 @@ const ke = ({
     case "password":
     case "number":
       return /* @__PURE__ */ l.jsx(
-        Te,
+        Se,
         {
           field: e,
-          value: t,
-          onChange: n,
-          error: u,
+          value: n,
+          onChange: t,
+          error: a,
           locale: o
         }
       );
     case "select":
       return /* @__PURE__ */ l.jsx(
-        ye,
+        Te,
         {
           field: e,
-          value: t,
-          onChange: n,
-          error: u,
+          value: n,
+          onChange: t,
+          error: a,
           locale: o
         }
       );
@@ -507,53 +507,53 @@ const ke = ({
         ke,
         {
           field: e,
-          value: t,
-          onChange: n,
-          error: u,
+          value: n,
+          onChange: t,
+          error: a,
           locale: o
         }
       );
     case "multi-autocomplete":
       return /* @__PURE__ */ l.jsx(
-        Ae,
+        $e,
         {
           field: e,
-          value: t,
-          onChange: n,
-          error: u,
+          value: n,
+          onChange: t,
+          error: a,
           locale: o
         }
       );
     case "checkbox":
       return /* @__PURE__ */ l.jsx(
-        Se,
+        Ae,
         {
           field: e,
-          value: t,
-          onChange: n,
-          error: u,
+          value: n,
+          onChange: t,
+          error: a,
           locale: o
         }
       );
     case "textarea":
       return /* @__PURE__ */ l.jsx(
-        $e,
+        we,
         {
           field: e,
-          value: t,
-          onChange: n,
-          error: u,
+          value: n,
+          onChange: t,
+          error: a,
           locale: o
         }
       );
     case "radio":
       return /* @__PURE__ */ l.jsx(
-        we,
+        Oe,
         {
           field: e,
-          value: t,
-          onChange: n,
-          error: u,
+          value: n,
+          onChange: t,
+          error: a,
           locale: o
         }
       );
@@ -563,152 +563,102 @@ const ke = ({
         e.type
       ] });
   }
-}, Fe = ({
+}, Pe = ({
   field: e,
-  value: t,
-  onChange: n,
-  error: u,
+  value: n,
+  onChange: t,
+  error: a,
   renderers: o = {},
-  locale: a = "en"
+  locale: s = "en"
 }) => {
-  const s = o[e.type] || Oe;
+  const u = o[e.type] || Fe;
   return /* @__PURE__ */ l.jsx(
-    s,
+    u,
     {
       field: e,
-      value: t,
-      onChange: n,
-      error: u,
-      locale: a
+      value: n,
+      onChange: t,
+      error: a,
+      locale: s
     }
   );
 };
-function Pe(e) {
-  const t = e ?? 12;
+function Ce(e) {
+  const n = e ?? 12;
   return {
     xs: 12,
     // always full width on mobile
-    sm: t,
+    sm: n,
     // use span for tablet
-    md: t,
+    md: n,
     // use span for desktop
-    lg: t,
+    lg: n,
     // use span for large screens
-    xl: t
+    xl: n
   };
 }
-const Ce = ({
-  section: e,
-  values: t,
-  onChange: n,
-  renderers: u,
-  validateField: o,
-  locale: a = "en"
-}) => /* @__PURE__ */ l.jsxs(Ee, { mb: 2, children: [
-  e.heading && /* @__PURE__ */ l.jsx(
-    R,
-    {
-      variant: "h6",
-      sx: {
-        fontSize: e.headingFontSize ? `${e.headingFontSize}rem` : "1.25rem"
-      },
-      gutterBottom: !0,
-      color: "black",
-      children: b(e.heading, a)
-    }
-  ),
-  e.description && /* @__PURE__ */ l.jsx(
-    R,
-    {
-      variant: "body2",
-      sx: {
-        fontSize: e.descriptionFontSize ? `${e.descriptionFontSize}rem` : "inherit"
-      },
-      color: "textSecondary",
-      gutterBottom: !0,
-      children: b(e.description, a)
-    }
-  ),
-  /* @__PURE__ */ l.jsx(V, { container: !0, spacing: 2, children: e.fields.map((s) => /* @__PURE__ */ l.jsx(
-    V,
-    {
-      size: Pe(s.layout?.cols),
-      children: /* @__PURE__ */ l.jsx(
-        Fe,
-        {
-          field: s,
-          value: t[s.id],
-          onChange: (c) => n(s.id, c),
-          renderers: u,
-          error: o(s.id)?.join(","),
-          locale: a
-        }
-      )
-    },
-    s.id
-  )) })
-] }), ze = {
+const ze = {
   /**
    * Validates that a required field has a value.
    * @param field - The field definition
    * @param value - The field value to validate
    * @returns Error message if validation fails, null otherwise
    */
-  required: (e, t) => e.required && (t == null || t === "") ? `${e.label} is required` : null,
+  required: (e, n) => e.required && (n == null || n === "") ? `${e.label} is required` : null,
   /**
    * Validates that a number field meets the minimum value requirement.
    * @param field - The field definition
    * @param value - The field value to validate
    * @returns Error message if validation fails, null otherwise
    */
-  min: (e, t) => e.type === "number" && e.min !== void 0 && t < e.min ? `${e.label} must be at least ${e.min}` : null,
+  min: (e, n) => e.type === "number" && e.min !== void 0 && n < e.min ? `${e.label} must be at least ${e.min}` : null,
   /**
    * Validates that a number field does not exceed the maximum value.
    * @param field - The field definition
    * @param value - The field value to validate
    * @returns Error message if validation fails, null otherwise
    */
-  max: (e, t) => e.type === "number" && e.max !== void 0 && t > e.max ? `${e.label} must be at most ${e.max}` : null,
+  max: (e, n) => e.type === "number" && e.max !== void 0 && n > e.max ? `${e.label} must be at most ${e.max}` : null,
   /**
    * Validates that a string field meets the minimum length requirement.
    * @param field - The field definition
    * @param value - The field value to validate
    * @returns Error message if validation fails, null otherwise
    */
-  minLength: (e, t) => typeof t == "string" && e.minLength !== void 0 && t.length < e.minLength ? `${e.label} must be at least ${e.minLength} characters` : null,
+  minLength: (e, n) => typeof n == "string" && e.minLength !== void 0 && n.length < e.minLength ? `${e.label} must be at least ${e.minLength} characters` : null,
   /**
    * Validates that a string field does not exceed the maximum length.
    * @param field - The field definition
    * @param value - The field value to validate
    * @returns Error message if validation fails, null otherwise
    */
-  maxLength: (e, t) => typeof t == "string" && e.maxLength !== void 0 && t.length > e.maxLength ? `${e.label} must be at most ${e.maxLength} characters` : null,
+  maxLength: (e, n) => typeof n == "string" && e.maxLength !== void 0 && n.length > e.maxLength ? `${e.label} must be at most ${e.maxLength} characters` : null,
   /**
    * Validates that a string field matches the specified regex pattern.
    * @param field - The field definition
    * @param value - The field value to validate
    * @returns Error message if validation fails, null otherwise
    */
-  pattern: (e, t) => e.pattern && typeof t == "string" && !e.pattern.test(t) ? `${e.label} is invalid` : null,
+  pattern: (e, n) => e.pattern && typeof n == "string" && !e.pattern.test(n) ? `${e.label} is invalid` : null,
   /**
    * Validates that a select field value is one of the allowed options.
    * @param field - The field definition
    * @param value - The field value to validate
    * @returns Error message if validation fails, null otherwise
    */
-  options: (e, t) => e.type === "select" && e.options && !e.options.includes(t) ? `${e.label} must be one of: ${e.options.join(", ")}` : null,
+  options: (e, n) => e.type === "select" && e.options && !e.options.includes(n) ? `${e.label} must be one of: ${e.options.join(", ")}` : null,
   /**
    * Validates that a date field falls within the specified date range.
    * @param field - The field definition
    * @param value - The field value to validate
    * @returns Error message if validation fails, null otherwise
    */
-  dateRange: (e, t) => {
-    if (e.type === "date" && t) {
-      const n = new Date(t);
-      if (e.minDate && n < new Date(e.minDate))
+  dateRange: (e, n) => {
+    if (e.type === "date" && n) {
+      const t = new Date(n);
+      if (e.minDate && t < new Date(e.minDate))
         return `${e.label} must be after ${e.minDate}`;
-      if (e.maxDate && n > new Date(e.maxDate))
+      if (e.maxDate && t > new Date(e.maxDate))
         return `${e.label} must be before ${e.maxDate}`;
     }
     return null;
@@ -719,70 +669,142 @@ const Ce = ({
    * @param value - The field value to validate
    * @returns Error message if validation fails, null otherwise
    */
-  customValidator: (e, t) => {
+  customValidator: (e, n) => {
     if (e.customValidator && typeof e.customValidator == "function") {
-      const n = e.customValidator(t);
-      if (typeof n == "string")
-        return n;
+      const t = e.customValidator(n);
+      if (typeof t == "string")
+        return t;
     }
     return null;
   }
-}, Le = (e, t, n = "en") => {
-  const u = {};
+}, Ie = (e, n, t = "en") => {
+  const a = {};
   return e.sections.forEach((o) => {
-    o.fields.forEach((a) => {
-      const s = Q(e, t, a.id);
-      s.length > 0 && (u[a.id] = s);
+    o.fields.forEach((s) => {
+      const u = K(e, n, s.id);
+      u.length > 0 && (a[s.id] = u);
     });
-  }), u;
-}, Q = (e, t, n, u = "en") => {
-  const o = e.sections.flatMap((f) => f.fields).find((f) => f.id === n);
+  }), a;
+}, K = (e, n, t, a = "en") => {
+  const o = e.sections.flatMap((b) => b.fields).find((b) => b.id === t);
   if (!o) return [];
-  const a = o.validations || {}, s = t[n], c = [], h = b(o.label, u);
-  if (a.required && (s == null || s === "") && c.push(
-    typeof a.required == "string" ? a.required : `${h} is required`
-  ), a.min !== void 0 && typeof s == "number" && s < a.min && c.push(`${h} must be at least ${a.min}`), a.max !== void 0 && typeof s == "number" && s > a.max && c.push(`${h} must be at most ${a.max}`), a.minLength !== void 0 && typeof s == "string" && s.length < a.minLength && c.push(`${h} must be at least ${a.minLength} characters`), a.maxLength !== void 0 && typeof s == "string" && s.length > a.maxLength && c.push(`${h} must be at most ${a.maxLength} characters`), a.pattern && typeof s == "string" && !a.pattern.test(s) && c.push(`${h} is invalid`), a.validate) {
-    const f = a.validate(s);
-    f && c.push(b(f, u));
+  const s = o.validations || {}, u = n[t], 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 b = s.validate(u);
+    b && c.push(f(b, a));
   }
   return c;
 };
-function Ie(e, t = "en") {
-  const [n, u] = W({}), [o, a] = W({});
+function I(e, n) {
+  if (!e)
+    return !0;
+  if ("field" in e) {
+    let t = n[e.field] ?? "";
+    return Array.isArray(t) ? t = t.map((a) => a.value ?? "") : typeof t == "object" && t !== null && (t = t.value ?? ""), e.equals !== void 0 ? t === e.equals : e.notEquals !== void 0 ? t !== e.notEquals : e.in !== void 0 ? Array.isArray(t) ? e.in ? t.some((a) => e.in.includes(a)) : !1 : e.in.includes(t) : e.notIn !== void 0 ? Array.isArray(t) ? t.every((a) => !e.notIn.includes(a)) : !e.notIn.includes(t) : e.greaterThan !== void 0 ? t > e.greaterThan : e.lessThan !== void 0 ? t < e.lessThan : !0;
+  }
+  if ("operator" in e) {
+    if (e.operator === "AND")
+      return e.conditions.every(
+        (a) => I(a, n)
+      );
+    if (e.operator === "OR")
+      return e.conditions.some(
+        (t) => I(t, n)
+      );
+  }
+  return !1;
+}
+const Le = ({
+  section: e,
+  values: n,
+  onChange: t,
+  renderers: a,
+  validateField: o,
+  locale: s = "en"
+}) => /* @__PURE__ */ l.jsxs(je, { mb: 2, children: [
+  e.heading && /* @__PURE__ */ l.jsx(
+    _,
+    {
+      variant: "h6",
+      sx: {
+        fontSize: e.headingFontSize ? `${e.headingFontSize}rem` : "1.25rem"
+      },
+      gutterBottom: !0,
+      color: "black",
+      children: f(e.heading, s)
+    }
+  ),
+  e.description && /* @__PURE__ */ l.jsx(
+    _,
+    {
+      variant: "body2",
+      sx: {
+        fontSize: e.descriptionFontSize ? `${e.descriptionFontSize}rem` : "inherit"
+      },
+      color: "textSecondary",
+      gutterBottom: !0,
+      children: f(e.description, s)
+    }
+  ),
+  /* @__PURE__ */ l.jsx(M, { container: !0, spacing: 2, children: e.fields.map(
+    (u) => I(u.visibleWhen, n) && /* @__PURE__ */ l.jsx(
+      M,
+      {
+        size: Ce(u.layout?.cols),
+        children: /* @__PURE__ */ l.jsx(
+          Pe,
+          {
+            field: u,
+            value: n[u.id],
+            onChange: (c) => t(u.id, c),
+            renderers: a,
+            error: o(u.id)?.join(","),
+            locale: s
+          }
+        )
+      },
+      u.id
+    )
+  ) })
+] });
+function Ne(e, n = "en") {
+  const [t, a] = V({}), [o, s] = V({});
   return {
     /** Current form values for all fields */
-    values: n,
+    values: t,
     /** Function to update a field value */
-    handleChange: (v, y) => {
-      u((x) => ({ ...x, [v]: y })), a((x) => ({ ...x, [v]: null }));
+    handleChange: (x, R) => {
+      a((v) => ({ ...v, [x]: R })), s((v) => ({ ...v, [x]: null }));
     },
     /** Function to validate all fields */
-    validateAll: () => Le(e, n, t),
+    validateAll: () => Ie(e, t, n),
     /** Function to get all current form values */
-    getValues: () => n,
+    getValues: () => t,
     /** Function to get all current form errors */
     getErrors: () => o,
     /** Function to validate a specific field */
-    validateField: (v) => Q(e, n, v, t)
+    validateField: (x) => K(e, t, x, n)
   };
 }
-const Ye = G.forwardRef(({ dto: e, renderers: t, locale: n = "en" }, u) => {
+const Ye = J.forwardRef(({ dto: e, renderers: n, locale: t = "en" }, a) => {
   const {
     values: o,
-    handleChange: a,
-    getValues: s,
+    handleChange: s,
+    getValues: u,
     getErrors: c,
     validateAll: h,
-    validateField: f
-  } = Ie(e, n);
-  return de(u, () => ({
-    getValues: s,
+    validateField: b
+  } = Ne(e, t);
+  return pe(a, () => ({
+    getValues: u,
     getErrors: c,
     validateAll: h,
-    validateField: f
+    validateField: b
   })), /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
     e.title && /* @__PURE__ */ l.jsx(
-      R,
+      _,
       {
         variant: "h5",
         color: "black",
@@ -791,11 +813,11 @@ const Ye = G.forwardRef(({ dto: e, renderers: t, locale: n = "en" }, u) => {
           fontWeight: "bold"
         },
         gutterBottom: !0,
-        children: b(e.title, n)
+        children: f(e.title, t)
       }
     ),
     e.description && /* @__PURE__ */ l.jsx(
-      R,
+      _,
       {
         component: "p",
         sx: {
@@ -803,18 +825,18 @@ const Ye = G.forwardRef(({ dto: e, renderers: t, locale: n = "en" }, u) => {
         },
         color: "textSecondary",
         gutterBottom: !0,
-        children: b(e.description, n)
+        children: f(e.description, t)
       }
     ),
     e.sections.map((g) => /* @__PURE__ */ l.jsx(
-      Ce,
+      Le,
       {
         section: g,
         values: o,
-        onChange: a,
-        renderers: t,
-        validateField: f,
-        locale: n
+        onChange: s,
+        renderers: n,
+        validateField: b,
+        locale: t
       },
       g.id
     ))
@@ -822,17 +844,17 @@ const Ye = G.forwardRef(({ dto: e, renderers: t, locale: n = "en" }, u) => {
 });
 export {
   ke as AutoCompleteField,
-  Se as CheckBoxInput,
-  Fe as Field,
+  Ae as CheckBoxInput,
+  Pe as Field,
   Ye as FormBuilder,
-  Ae as MultiAutoCompleteField,
-  we as RadioInput,
-  Ce as Section,
-  ye as SelectInput,
-  $e as TextAreaInput,
-  Te as TextInput,
-  Ie as useFormBuilder,
-  Le as validateAll,
-  Q as validateField,
+  $e as MultiAutoCompleteField,
+  Oe as RadioInput,
+  Le as Section,
+  Te as SelectInput,
+  we as TextAreaInput,
+  Se as TextInput,
+  Ne as useFormBuilder,
+  Ie as validateAll,
+  K as validateField,
   ze as validationRules
 };