react-form-dto 0.0.8 → 1.0.0

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

@@ -1,70 +1,70 @@
-import B, { useState as Y, useImperativeHandle as ce } from "react";
-import { FormControl as U, InputLabel as me, Select as de, MenuItem as pe, Typography as _, TextField as S, FormControlLabel as G, Checkbox as be, FormHelperText as J, Autocomplete as X, FormLabel as he, RadioGroup as fe, Radio as xe, Box as ve, Grid as q } from "@mui/material";
-var y = { exports: {} }, g = {};
-var W;
-function ge() {
-  if (W) return g;
-  W = 1;
+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 o(a, n, s) {
-    var c = null;
-    if (s !== void 0 && (c = "" + s), n.key !== void 0 && (c = "" + n.key), "key" in n) {
-      s = {};
-      for (var p in n)
-        p !== "key" && (s[p] = n[p]);
-    } else s = n;
-    return n = s.ref, {
+  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 = {};
+      for (var c in o)
+        c !== "key" && (a[c] = o[c]);
+    } else a = o;
+    return o = a.ref, {
       $$typeof: e,
-      type: a,
-      key: c,
-      ref: n !== void 0 ? n : null,
-      props: s
+      type: u,
+      key: s,
+      ref: o !== void 0 ? o : null,
+      props: a
     };
   }
-  return g.Fragment = t, g.jsx = o, g.jsxs = o, g;
+  return _.Fragment = t, _.jsx = n, _.jsxs = n, _;
 }
-var E = {};
-var V;
-function Ee() {
-  return V || (V = 1, process.env.NODE_ENV !== "production" && (function() {
+var j = {};
+var B;
+function je() {
+  return B || (B = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(r) {
       if (r == null) return null;
       if (typeof r == "function")
-        return r.$$typeof === le ? null : r.displayName || r.name || null;
+        return r.$$typeof === ie ? null : r.displayName || r.name || null;
       if (typeof r == "string") return r;
       switch (r) {
-        case k:
+        case $:
           return "Fragment";
-        case K:
+        case re:
           return "Profiler";
-        case Q:
+        case ee:
           return "StrictMode";
-        case ne:
+        case oe:
           return "Suspense";
-        case ae:
-          return "SuspenseList";
         case se:
+          return "SuspenseList";
+        case le:
           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 Z:
+          case K:
             return "Portal";
-          case re:
+          case ne:
             return r.displayName || "Context";
-          case ee:
-            return (r._context.displayName || "Context") + ".Consumer";
           case te:
-            var u = r.render;
-            return r = r.displayName, r || (r = u.displayName || u.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
-          case oe:
-            return u = r.displayName || null, u !== null ? u : e(r.type) || "Memo";
-          case A:
-            u = r._payload, r = r._init;
+            return (r._context.displayName || "Context") + ".Consumer";
+          case ae:
+            var i = r.render;
+            return r = r.displayName, r || (r = i.displayName || i.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
+          case ue:
+            return i = r.displayName || null, i !== null ? i : e(r.type) || "Memo";
+          case w:
+            i = r._payload, r = r._init;
             try {
-              return e(r(u));
+              return e(r(i));
             } catch {
             }
         }
@@ -73,77 +73,77 @@ function Ee() {
     function t(r) {
       return "" + r;
     }
-    function o(r) {
+    function n(r) {
       try {
         t(r);
-        var u = !1;
+        var i = !1;
       } catch {
-        u = !0;
+        i = !0;
       }
-      if (u) {
-        u = console;
-        var i = u.error, m = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return i.call(
-          u,
+      if (i) {
+        i = console;
+        var m = i.error, d = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return m.call(
+          i,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          m
+          d
         ), t(r);
       }
     }
-    function a(r) {
-      if (r === k) return "<>";
-      if (typeof r == "object" && r !== null && r.$$typeof === A)
+    function u(r) {
+      if (r === $) return "<>";
+      if (typeof r == "object" && r !== null && r.$$typeof === w)
         return "<...>";
       try {
-        var u = e(r);
-        return u ? "<" + u + ">" : "<...>";
+        var i = e(r);
+        return i ? "<" + i + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function n() {
-      var r = $.A;
+    function o() {
+      var r = O.A;
       return r === null ? null : r.getOwner();
     }
-    function s() {
+    function a() {
       return Error("react-stack-top-frame");
     }
-    function c(r) {
-      if (C.call(r, "key")) {
-        var u = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (u && u.isReactWarning) return !1;
+    function s(r) {
+      if (I.call(r, "key")) {
+        var i = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (i && i.isReactWarning) return !1;
       }
       return r.key !== void 0;
     }
-    function p(r, u) {
-      function i() {
-        L || (L = !0, console.error(
+    function c(r, i) {
+      function m() {
+        N || (N = !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)",
-          u
+          i
         ));
       }
-      i.isReactWarning = !0, Object.defineProperty(r, "key", {
-        get: i,
+      m.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: m,
         configurable: !0
       });
     }
-    function x() {
+    function h() {
       var r = e(this.type);
-      return N[r] || (N[r] = !0, console.error(
+      return D[r] || (D[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 v(r, u, i, m, T, O) {
-      var d = i.ref;
+    function f(r, i, m, d, T, P) {
+      var p = m.ref;
       return r = {
-        $$typeof: P,
+        $$typeof: L,
         type: r,
-        key: u,
-        props: i,
-        _owner: m
-      }, (d !== void 0 ? d : null) !== null ? Object.defineProperty(r, "ref", {
+        key: i,
+        props: m,
+        _owner: d
+      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
-        get: x
+        get: h
       }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -163,142 +163,154 @@ function Ee() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: O
+        value: P
       }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function b(r, u, i, m, T, O) {
-      var d = u.children;
-      if (d !== void 0)
-        if (m)
-          if (ue(d)) {
-            for (m = 0; m < d.length; m++)
-              j(d[m]);
-            Object.freeze && Object.freeze(d);
+    function g(r, i, m, d, T, P) {
+      var p = i.children;
+      if (p !== void 0)
+        if (d)
+          if (ce(p)) {
+            for (d = 0; d < p.length; d++)
+              v(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 j(d);
-      if (C.call(u, "key")) {
-        d = e(r);
-        var f = Object.keys(u).filter(function(ie) {
-          return ie !== "key";
+        else v(p);
+      if (I.call(i, "key")) {
+        p = e(r);
+        var E = Object.keys(i).filter(function(me) {
+          return me !== "key";
         });
-        m = 0 < f.length ? "{key: someKey, " + f.join(": ..., ") + ": ...}" : "{key: someKey}", z[d + m] || (f = 0 < f.length ? "{" + f.join(": ..., ") + ": ...}" : "{}", console.error(
+        d = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", q[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} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          m,
           d,
-          f,
-          d
-        ), z[d + m] = !0);
+          p,
+          E,
+          p
+        ), q[p + d] = !0);
       }
-      if (d = null, i !== void 0 && (o(i), d = "" + i), c(u) && (o(u.key), d = "" + u.key), "key" in u) {
-        i = {};
-        for (var F in u)
-          F !== "key" && (i[F] = u[F]);
-      } else i = u;
-      return d && p(
-        i,
+      if (p = null, m !== void 0 && (n(m), p = "" + m), s(i) && (n(i.key), p = "" + i.key), "key" in i) {
+        m = {};
+        for (var C in i)
+          C !== "key" && (m[C] = i[C]);
+      } else m = i;
+      return p && c(
+        m,
         typeof r == "function" ? r.displayName || r.name || "Unknown" : r
-      ), v(
+      ), f(
         r,
-        d,
-        i,
-        n(),
+        p,
+        m,
+        o(),
         T,
-        O
+        P
       );
     }
-    function j(r) {
-      h(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === A && (r._payload.status === "fulfilled" ? h(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
+    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 h(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === P;
+    function y(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === L;
     }
-    var R = B, P = Symbol.for("react.transitional.element"), Z = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), Q = Symbol.for("react.strict_mode"), K = Symbol.for("react.profiler"), ee = Symbol.for("react.consumer"), re = Symbol.for("react.context"), te = Symbol.for("react.forward_ref"), ne = Symbol.for("react.suspense"), ae = Symbol.for("react.suspense_list"), oe = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), se = Symbol.for("react.activity"), le = Symbol.for("react.client.reference"), $ = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, ue = Array.isArray, w = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
-    R = {
+    x = {
       react_stack_bottom_frame: function(r) {
         return r();
       }
     };
-    var L, N = {}, I = R.react_stack_bottom_frame.bind(
-      R,
-      s
-    )(), D = w(a(s)), z = {};
-    E.Fragment = k, E.jsx = function(r, u, i) {
-      var m = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return b(
+    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 = 1e4 > O.recentlyCreatedOwnerStacks++;
+      return g(
         r,
-        u,
         i,
+        m,
         !1,
-        m ? Error("react-stack-top-frame") : I,
-        m ? w(a(r)) : D
+        d ? Error("react-stack-top-frame") : z,
+        d ? F(u(r)) : Y
       );
-    }, E.jsxs = function(r, u, i) {
-      var m = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return b(
+    }, j.jsxs = function(r, i, m) {
+      var d = 1e4 > O.recentlyCreatedOwnerStacks++;
+      return g(
         r,
-        u,
         i,
+        m,
         !0,
-        m ? Error("react-stack-top-frame") : I,
-        m ? w(a(r)) : D
+        d ? Error("react-stack-top-frame") : z,
+        d ? F(u(r)) : Y
       );
     };
-  })()), E;
+  })()), j;
 }
-var M;
-function _e() {
-  return M || (M = 1, process.env.NODE_ENV === "production" ? y.exports = ge() : y.exports = Ee()), y.exports;
+var U;
+function Re() {
+  return U || (U = 1, process.env.NODE_ENV === "production" ? S.exports = _e() : S.exports = je()), 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 A(e, t = "en") {
+  return e ? e.map((n) => typeof n == "string" ? { value: n, label: n } : {
+    value: n.value,
+    label: b(n.label, t)
+  }) : [];
 }
-var l = _e();
-function je({
+function ye({
   field: e,
   value: t,
-  onChange: o,
-  error: a
+  onChange: n,
+  error: u,
+  locale: o = "en"
 }) {
-  return /* @__PURE__ */ l.jsxs(U, { fullWidth: !0, children: [
-    /* @__PURE__ */ l.jsx(me, { id: `${e.id}-label`, children: e.label }),
+  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) }),
     /* @__PURE__ */ l.jsx(
-      de,
+      be,
       {
         labelId: `${e.id}-label`,
         value: t,
         id: e.id,
         name: e.id,
-        onChange: (n) => o(n.target.value),
-        label: e.label,
-        error: !!a,
-        children: e.options?.map((n) => /* @__PURE__ */ l.jsx(pe, { value: n, children: n }, n))
+        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))
       }
     ),
-    a && /* @__PURE__ */ l.jsx(_, { variant: "caption", color: "error", children: a })
+    u && /* @__PURE__ */ l.jsx(R, { variant: "caption", color: "error", children: u })
   ] });
 }
-function Re({
+function Te({
   field: e,
   value: t,
-  onChange: o,
-  error: a
+  onChange: n,
+  error: u,
+  locale: o
 }) {
-  return console.log("error", a), /* @__PURE__ */ l.jsx(
-    S,
+  return console.log("error", u), /* @__PURE__ */ l.jsx(
+    k,
     {
       fullWidth: !0,
-      label: e.label,
-      placeholder: e.placeholder,
+      label: b(e.label, o),
+      placeholder: b(e.placeholder || "", o),
       value: t || "",
       name: e.id,
-      onChange: (n) => o(n.target.value),
+      onChange: (a) => n(a.target.value),
       disabled: e.disabled,
       type: e.type,
       slotProps: {
@@ -306,141 +318,162 @@ function Re({
           shrink: e.type === "date" ? !0 : void 0
         }
       },
-      error: !!a,
-      helperText: a
+      error: !!u,
+      helperText: u
     }
   );
 }
-function Te({
+function Se({
   field: e,
   value: t,
-  onChange: o,
-  error: a
+  onChange: n,
+  error: u,
+  locale: o
 }) {
   return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
     /* @__PURE__ */ l.jsx(
-      G,
+      X,
       {
         name: e.id,
         control: /* @__PURE__ */ l.jsx(
-          be,
+          he,
           {
             checked: !!t,
-            onChange: (n) => o(n.target.checked),
+            onChange: (a) => n(a.target.checked),
             disabled: e.disabled
           }
         ),
-        label: e.label
+        label: b(e.label, o)
       }
     ),
-    a && /* @__PURE__ */ l.jsx(J, { children: a })
+    u && /* @__PURE__ */ l.jsx(H, { children: u })
   ] });
 }
-const ye = ({
+const ke = ({
   field: e,
   value: t,
-  onChange: o,
-  error: a
-}) => /* @__PURE__ */ l.jsx(
-  X,
-  {
-    fullWidth: !0,
-    options: e.options || [],
-    value: t || null,
-    onChange: (n, s) => o(s),
-    renderInput: (n) => /* @__PURE__ */ l.jsx(
-      S,
-      {
-        ...n,
-        name: e.id,
-        label: e.label,
-        placeholder: e.placeholder,
-        disabled: e.disabled,
-        error: !!a,
-        helperText: a
-      }
-    )
-  }
-), Se = ({
+  onChange: n,
+  error: u,
+  locale: o
+}) => {
+  const a = A(e.options || [], o);
+  return /* @__PURE__ */ l.jsx(
+    Z,
+    {
+      fullWidth: !0,
+      options: a || [],
+      value: t || null,
+      onChange: (s, c) => n(c),
+      renderInput: (s) => /* @__PURE__ */ l.jsx(
+        k,
+        {
+          ...s,
+          name: e.id,
+          label: b(e.label, o),
+          placeholder: b(
+            e.placeholder || "",
+            o
+          ),
+          disabled: e.disabled,
+          error: !!u,
+          helperText: u
+        }
+      )
+    }
+  );
+}, Ae = ({
   field: e,
   value: t,
-  onChange: o,
-  error: a
-}) => /* @__PURE__ */ l.jsx(
-  X,
-  {
-    multiple: !0,
-    fullWidth: !0,
-    options: e.options || [],
-    value: t || [],
-    onChange: (n, s) => o(s),
-    renderInput: (n) => /* @__PURE__ */ l.jsx(
-      S,
-      {
-        ...n,
-        name: e.id,
-        label: e.label,
-        placeholder: e.placeholder,
-        disabled: e.disabled,
-        error: !!a,
-        helperText: a
-      }
-    )
-  }
-), ke = ({
+  onChange: n,
+  error: u,
+  locale: o
+}) => {
+  const a = A(e.options || [], o);
+  return /* @__PURE__ */ l.jsx(
+    Z,
+    {
+      multiple: !0,
+      fullWidth: !0,
+      options: a || [],
+      value: t || [],
+      onChange: (s, c) => n(c),
+      renderInput: (s) => /* @__PURE__ */ l.jsx(
+        k,
+        {
+          ...s,
+          name: e.id,
+          label: b(e.label, o),
+          placeholder: b(
+            e.placeholder || "",
+            o
+          ),
+          disabled: e.disabled,
+          error: !!u,
+          helperText: u
+        }
+      )
+    }
+  );
+}, $e = ({
   field: e,
   value: t,
-  onChange: o,
-  error: a
+  onChange: n,
+  error: u,
+  locale: o = "en"
 }) => /* @__PURE__ */ l.jsx(
-  S,
+  k,
   {
     fullWidth: !0,
     multiline: !0,
     rows: e.rows || 4,
-    label: e.label,
-    placeholder: e.placeholder,
+    label: b(e.label, o),
+    placeholder: b(e.placeholder || "", o),
     value: t || "",
-    onChange: (n) => o(n.target.value),
+    onChange: (a) => n(a.target.value),
     required: !!e.validations?.required,
     disabled: e.disabled,
-    error: !!a,
-    helperText: a
+    error: !!u,
+    helperText: u
   }
-), Ae = ({
+), we = ({
   field: e,
   value: t,
-  onChange: o,
-  error: a
-}) => /* @__PURE__ */ l.jsxs(U, { component: "fieldset", fullWidth: !0, error: !!a, children: [
-  /* @__PURE__ */ l.jsxs(he, { component: "legend", children: [
-    e.label,
-    e.validations?.required ? " *" : ""
-  ] }),
-  /* @__PURE__ */ l.jsx(
-    fe,
-    {
-      row: e.layout?.direction === "row" || !1,
-      value: t || "",
-      onChange: (n) => o(n.target.value),
-      children: (e.options || []).map((n) => /* @__PURE__ */ l.jsx(
-        G,
-        {
-          value: n,
-          control: /* @__PURE__ */ l.jsx(xe, {}),
-          label: n,
-          disabled: e.disabled
-        },
-        n
-      ))
-    }
-  ),
-  a && /* @__PURE__ */ l.jsx(J, { children: a })
-] }), $e = ({
+  onChange: n,
+  error: u,
+  locale: o = "en"
+}) => {
+  const a = A(e.options || [], o);
+  return /* @__PURE__ */ l.jsxs(J, { component: "fieldset", fullWidth: !0, error: !!u, children: [
+    /* @__PURE__ */ l.jsxs(xe, { component: "legend", children: [
+      b(e.label, o),
+      e.validations?.required ? " *" : ""
+    ] }),
+    /* @__PURE__ */ l.jsx(
+      ve,
+      {
+        row: e.layout?.direction === "row" || !1,
+        value: t || "",
+        onChange: (s) => n(s.target.value),
+        children: (a || []).map((s) => /* @__PURE__ */ l.jsx(
+          X,
+          {
+            value: s,
+            control: /* @__PURE__ */ l.jsx(ge, {}),
+            label: s.label,
+            disabled: e.disabled
+          },
+          s.label
+        ))
+      }
+    ),
+    u && /* @__PURE__ */ l.jsx(H, { children: u })
+  ] });
+}, Oe = ({
   field: e,
   value: t,
-  onChange: o,
-  error: a
+  onChange: n,
+  error: u,
+  locale: o = "en"
 }) => {
   switch (e.type) {
     case "text":
@@ -449,72 +482,79 @@ const ye = ({
     case "password":
     case "number":
       return /* @__PURE__ */ l.jsx(
-        Re,
+        Te,
         {
           field: e,
           value: t,
-          onChange: o,
-          error: a
+          onChange: n,
+          error: u,
+          locale: o
         }
       );
     case "select":
       return /* @__PURE__ */ l.jsx(
-        je,
+        ye,
         {
           field: e,
           value: t,
-          onChange: o,
-          error: a
+          onChange: n,
+          error: u,
+          locale: o
         }
       );
     case "autocomplete":
       return /* @__PURE__ */ l.jsx(
-        ye,
+        ke,
         {
           field: e,
           value: t,
-          onChange: o,
-          error: a
+          onChange: n,
+          error: u,
+          locale: o
         }
       );
     case "multi-autocomplete":
       return /* @__PURE__ */ l.jsx(
-        Se,
+        Ae,
         {
           field: e,
           value: t,
-          onChange: o,
-          error: a
+          onChange: n,
+          error: u,
+          locale: o
         }
       );
     case "checkbox":
       return /* @__PURE__ */ l.jsx(
-        Te,
+        Se,
         {
           field: e,
           value: t,
-          onChange: o,
-          error: a
+          onChange: n,
+          error: u,
+          locale: o
         }
       );
     case "textarea":
       return /* @__PURE__ */ l.jsx(
-        ke,
+        $e,
         {
           field: e,
           value: t,
-          onChange: o,
-          error: a
+          onChange: n,
+          error: u,
+          locale: o
         }
       );
     case "radio":
       return /* @__PURE__ */ l.jsx(
-        Ae,
+        we,
         {
           field: e,
           value: t,
-          onChange: o,
-          error: a
+          onChange: n,
+          error: u,
+          locale: o
         }
       );
     default:
@@ -523,25 +563,27 @@ const ye = ({
         e.type
       ] });
   }
-}, we = ({
+}, Fe = ({
   field: e,
   value: t,
-  onChange: o,
-  error: a,
-  renderers: n = {}
+  onChange: n,
+  error: u,
+  renderers: o = {},
+  locale: a = "en"
 }) => {
-  const s = n[e.type] || $e;
+  const s = o[e.type] || Oe;
   return /* @__PURE__ */ l.jsx(
     s,
     {
       field: e,
       value: t,
-      onChange: o,
-      error: a
+      onChange: n,
+      error: u,
+      locale: a
     }
   );
 };
-function Oe(e) {
+function Pe(e) {
   const t = e ?? 12;
   return {
     xs: 12,
@@ -555,15 +597,16 @@ function Oe(e) {
     xl: t
   };
 }
-const Fe = ({
+const Ce = ({
   section: e,
   values: t,
-  onChange: o,
-  renderers: a,
-  validateField: n
-}) => /* @__PURE__ */ l.jsxs(ve, { mb: 2, children: [
+  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: {
@@ -571,11 +614,11 @@ const Fe = ({
       },
       gutterBottom: !0,
       color: "black",
-      children: e.heading
+      children: b(e.heading, a)
     }
   ),
   e.description && /* @__PURE__ */ l.jsx(
-    _,
+    R,
     {
       variant: "body2",
       sx: {
@@ -583,27 +626,28 @@ const Fe = ({
       },
       color: "textSecondary",
       gutterBottom: !0,
-      children: e.description
+      children: b(e.description, a)
     }
   ),
-  /* @__PURE__ */ l.jsx(q, { container: !0, spacing: 2, children: e.fields.map((s) => /* @__PURE__ */ l.jsx(
-    q,
+  /* @__PURE__ */ l.jsx(V, { container: !0, spacing: 2, children: e.fields.map((s) => /* @__PURE__ */ l.jsx(
+    V,
     {
-      size: Oe(s.layout?.cols),
+      size: Pe(s.layout?.cols),
       children: /* @__PURE__ */ l.jsx(
-        we,
+        Fe,
         {
           field: s,
           value: t[s.id],
-          onChange: (c) => o(s.id, c),
-          renderers: a,
-          error: n(s.id)?.join(",")
+          onChange: (c) => n(s.id, c),
+          renderers: u,
+          error: o(s.id)?.join(","),
+          locale: a
         }
       )
     },
     s.id
   )) })
-] }), Ie = {
+] }), ze = {
   /**
    * Validates that a required field has a value.
    * @param field - The field definition
@@ -661,10 +705,10 @@ const Fe = ({
    */
   dateRange: (e, t) => {
     if (e.type === "date" && t) {
-      const o = new Date(t);
-      if (e.minDate && o < new Date(e.minDate))
+      const n = new Date(t);
+      if (e.minDate && n < new Date(e.minDate))
         return `${e.label} must be after ${e.minDate}`;
-      if (e.maxDate && o > new Date(e.maxDate))
+      if (e.maxDate && n > new Date(e.maxDate))
         return `${e.label} must be before ${e.maxDate}`;
     }
     return null;
@@ -677,72 +721,68 @@ const Fe = ({
    */
   customValidator: (e, t) => {
     if (e.customValidator && typeof e.customValidator == "function") {
-      const o = e.customValidator(t);
-      if (typeof o == "string")
-        return o;
+      const n = e.customValidator(t);
+      if (typeof n == "string")
+        return n;
     }
     return null;
   }
-}, Pe = (e, t) => {
-  const o = {};
-  return e.sections.forEach((a) => {
-    a.fields.forEach((n) => {
-      const s = H(e, t, n.id);
-      s.length > 0 && (o[n.id] = s);
+}, Le = (e, t, n = "en") => {
+  const u = {};
+  return e.sections.forEach((o) => {
+    o.fields.forEach((a) => {
+      const s = Q(e, t, a.id);
+      s.length > 0 && (u[a.id] = s);
     });
-  }), o;
-}, H = (e, t, o) => {
-  const a = e.sections.flatMap((p) => p.fields).find((p) => p.id === o);
-  if (!a) return [];
-  const n = a.validations || {}, s = t[o], c = [];
-  if (n.required && (s == null || s === "") && c.push(
-    typeof n.required == "string" ? n.required : `${a.label} is required`
-  ), n.min !== void 0 && typeof s == "number" && s < n.min && c.push(`${a.label} must be at least ${n.min}`), n.max !== void 0 && typeof s == "number" && s > n.max && c.push(`${a.label} must be at most ${n.max}`), n.minLength !== void 0 && typeof s == "string" && s.length < n.minLength && c.push(
-    `${a.label} must be at least ${n.minLength} characters`
-  ), n.maxLength !== void 0 && typeof s == "string" && s.length > n.maxLength && c.push(
-    `${a.label} must be at most ${n.maxLength} characters`
-  ), n.pattern && typeof s == "string" && !n.pattern.test(s) && c.push(`${a.label} is invalid`), n.validate) {
-    const p = n.validate(s);
-    p && c.push(p);
+  }), u;
+}, Q = (e, t, n, u = "en") => {
+  const o = e.sections.flatMap((f) => f.fields).find((f) => f.id === n);
+  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));
   }
   return c;
 };
-function Ce(e) {
-  const [t, o] = Y({}), [a, n] = Y({});
+function Ie(e, t = "en") {
+  const [n, u] = W({}), [o, a] = W({});
   return {
     /** Current form values for all fields */
-    values: t,
+    values: n,
     /** Function to update a field value */
-    handleChange: (b, j) => {
-      o((h) => ({ ...h, [b]: j })), n((h) => ({ ...h, [b]: null }));
+    handleChange: (v, y) => {
+      u((x) => ({ ...x, [v]: y })), a((x) => ({ ...x, [v]: null }));
     },
     /** Function to validate all fields */
-    validateAll: () => Pe(e, t),
+    validateAll: () => Le(e, n, t),
     /** Function to get all current form values */
-    getValues: () => t,
+    getValues: () => n,
     /** Function to get all current form errors */
-    getErrors: () => a,
+    getErrors: () => o,
     /** Function to validate a specific field */
-    validateField: (b) => H(e, t, b)
+    validateField: (v) => Q(e, n, v, t)
   };
 }
-const De = B.forwardRef(({ dto: e, renderers: t }, o) => {
+const Ye = G.forwardRef(({ dto: e, renderers: t, locale: n = "en" }, u) => {
   const {
-    values: a,
-    handleChange: n,
+    values: o,
+    handleChange: a,
     getValues: s,
     getErrors: c,
-    validateAll: p,
-    validateField: x
-  } = Ce(e);
-  return ce(o, () => ({
+    validateAll: h,
+    validateField: f
+  } = Ie(e, n);
+  return de(u, () => ({
     getValues: s,
     getErrors: c,
-    validateAll: p,
-    validateField: x
+    validateAll: h,
+    validateField: f
   })), /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
     e.title && /* @__PURE__ */ l.jsx(
-      _,
+      R,
       {
         variant: "h5",
         color: "black",
@@ -751,11 +791,11 @@ const De = B.forwardRef(({ dto: e, renderers: t }, o) => {
           fontWeight: "bold"
         },
         gutterBottom: !0,
-        children: e.title
+        children: b(e.title, n)
       }
     ),
     e.description && /* @__PURE__ */ l.jsx(
-      _,
+      R,
       {
         component: "p",
         sx: {
@@ -763,35 +803,36 @@ const De = B.forwardRef(({ dto: e, renderers: t }, o) => {
         },
         color: "textSecondary",
         gutterBottom: !0,
-        children: e.description
+        children: b(e.description, n)
       }
     ),
-    e.sections.map((v) => /* @__PURE__ */ l.jsx(
-      Fe,
+    e.sections.map((g) => /* @__PURE__ */ l.jsx(
+      Ce,
       {
-        section: v,
-        values: a,
-        onChange: n,
+        section: g,
+        values: o,
+        onChange: a,
         renderers: t,
-        validateField: x
+        validateField: f,
+        locale: n
       },
-      v.id
+      g.id
     ))
   ] });
 });
 export {
-  ye as AutoCompleteField,
-  Te as CheckBoxInput,
-  we as Field,
-  De as FormBuilder,
-  Se as MultiAutoCompleteField,
-  Ae as RadioInput,
-  Fe as Section,
-  je as SelectInput,
-  ke as TextAreaInput,
-  Re as TextInput,
-  Ce as useFormBuilder,
-  Pe as validateAll,
-  H as validateField,
-  Ie as validationRules
+  ke as AutoCompleteField,
+  Se as CheckBoxInput,
+  Fe 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,
+  ze as validationRules
 };