reactaform 1.8.1 → 1.8.2

package/dist/reactaform.es.js

@@ -1,8 +1,8 @@
-import { jsx as p, jsxs as A, Fragment as Ie } from "react/jsx-runtime";
+import { jsx as p, jsxs as A, Fragment as Ne } from "react/jsx-runtime";
 import * as u from "react";
-import { createContext as Pr, useContext as zr, useRef as pe, useEffect as Te, useCallback as ge } from "react";
+import { createContext as zr, useContext as Or, useRef as pe, useEffect as je, useCallback as ge } from "react";
 import * as me from "react-dom";
-const Or = `/* ReactaForm CSS Custom Properties (CSS Variables) */\r
+const Lr = `/* ReactaForm CSS Custom Properties (CSS Variables) */\r
 \r
 /* Default Light Theme */\r
 :root {\r
@@ -301,8 +301,8 @@ const Or = `/* ReactaForm CSS Custom Properties (CSS Variables) */\r
   \r
   \r
 }\r
-`, Me = Pr(void 0), T = () => {
-  const e = zr(Me);
+`, Ie = zr(void 0), j = () => {
+  const e = Or(Ie);
   if (!e)
     throw new Error("❌ useReactaFormContext must be used within a <ReactaFormProvider>");
   return e;
@@ -354,19 +354,19 @@ class se {
   }
 }
 const rr = typeof process < "u" && process.env.NODE_ENV === "test";
-function Lr(e, r = 300, t) {
-  const n = pe(), o = pe(e), a = pe(null), c = t?.leading === !0, i = t?.trailing !== !1;
-  Te(() => {
-    o.current = e;
-  }, [e]), Te(() => () => {
+function Tr(e, r = 300, t) {
+  const n = pe(), a = pe(e), o = pe(null), c = t?.leading === !0, i = t?.trailing !== !1;
+  je(() => {
+    a.current = e;
+  }, [e]), je(() => () => {
     n.current && clearTimeout(n.current);
   }, []);
   const s = (d) => {
-    o.current(...d);
+    a.current(...d);
   }, m = ge(() => {
-    n.current && (clearTimeout(n.current), n.current = void 0), a.current = null;
+    n.current && (clearTimeout(n.current), n.current = void 0), o.current = null;
   }, []), l = ge(() => {
-    n.current && i && a.current && (clearTimeout(n.current), n.current = void 0, s(a.current), a.current = null);
+    n.current && i && o.current && (clearTimeout(n.current), n.current = void 0, s(o.current), o.current = null);
   }, [i]);
   return { callback: ge(
     (...d) => {
@@ -375,8 +375,8 @@ function Lr(e, r = 300, t) {
         return;
       }
       const g = c && !n.current;
-      a.current = d, g && s(d), n.current && clearTimeout(n.current), n.current = setTimeout(() => {
-        n.current = void 0, i && a.current && (s(a.current), a.current = null);
+      o.current = d, g && s(d), n.current && clearTimeout(n.current), n.current = setTimeout(() => {
+        n.current = void 0, i && o.current && (s(o.current), o.current = null);
       }, r);
     },
     [c, i, r]
@@ -394,8 +394,8 @@ const R = {
 }, U = (...e) => {
   const r = [];
   for (const t of e)
-    t && (typeof t == "string" ? r.push(t) : typeof t == "object" && Object.entries(t).forEach(([n, o]) => {
-      o && r.push(n);
+    t && (typeof t == "string" ? r.push(t) : typeof t == "object" && Object.entries(t).forEach(([n, a]) => {
+      a && r.push(n);
     }));
   return r.join(" ");
 };
@@ -405,18 +405,18 @@ function fe(e) {
 function jr(e) {
   if (!e) return !1;
   const r = e.trim();
-  let t = 0, n = 0, o = 0;
+  let t = 0, n = 0, a = 0;
   if (r.startsWith("#")) {
     const c = r.substring(1);
-    c.length === 3 || c.length === 4 ? (t = parseInt(c[0] + c[0], 16), n = parseInt(c[1] + c[1], 16), o = parseInt(c[2] + c[2], 16)) : (c.length === 6 || c.length === 8) && (t = parseInt(c.substring(0, 2), 16), n = parseInt(c.substring(2, 4), 16), o = parseInt(c.substring(4, 6), 16));
+    c.length === 3 || c.length === 4 ? (t = parseInt(c[0] + c[0], 16), n = parseInt(c[1] + c[1], 16), a = parseInt(c[2] + c[2], 16)) : (c.length === 6 || c.length === 8) && (t = parseInt(c.substring(0, 2), 16), n = parseInt(c.substring(2, 4), 16), a = parseInt(c.substring(4, 6), 16));
   } else if (r.startsWith("rgb")) {
     const c = r.match(/\d+(\.\d+)?/g);
-    c && c.length >= 3 && (t = parseFloat(c[0]), n = parseFloat(c[1]), o = parseFloat(c[2]));
+    c && c.length >= 3 && (t = parseFloat(c[0]), n = parseFloat(c[1]), a = parseFloat(c[2]));
   } else
     return !1;
-  return (t * 299 + n * 587 + o * 114) / 1e3 < 128;
+  return (t * 299 + n * 587 + a * 114) / 1e3 < 128;
 }
-const Tr = () => /* @__PURE__ */ A(
+const Hr = () => /* @__PURE__ */ A(
   "svg",
   {
     width: "1em",
@@ -432,8 +432,8 @@ const Tr = () => /* @__PURE__ */ A(
       /* @__PURE__ */ p("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
     ]
   }
-), Hr = ({ content: e, size: r = "medium", animation: t = !0 }) => {
-  const { t: n, theme: o, formStyle: a, fieldStyle: c } = T(), [i, s] = u.useState(!1), [m, l] = u.useState({ x: 0, y: 0 }), [f, d] = u.useState(!1), g = u.useRef(null), w = u.useRef(null), F = u.useRef(null), S = u.useId(), v = fe(o), [k, $] = u.useState(void 0);
+), Br = ({ content: e, size: r = "medium", animation: t = !0 }) => {
+  const { t: n, theme: a, formStyle: o, fieldStyle: c } = j(), [i, s] = u.useState(!1), [m, l] = u.useState({ x: 0, y: 0 }), [f, d] = u.useState(!1), g = u.useRef(null), w = u.useRef(null), F = u.useRef(null), S = u.useId(), v = fe(a), [k, $] = u.useState(void 0);
   u.useLayoutEffect(() => {
     if (!g.current) return;
     const b = "rgba(255,255,255,0.1)", y = getComputedStyle(g.current).getPropertyValue("--reactaform-primary-bg").trim();
@@ -443,7 +443,7 @@ const Tr = () => /* @__PURE__ */ A(
     } else
       $(b);
   }, []);
-  const I = u.useMemo(() => {
+  const N = u.useMemo(() => {
     const h = {
       icon: {
         display: "inline-flex",
@@ -488,16 +488,16 @@ const Tr = () => /* @__PURE__ */ A(
         opacity: 1,
         pointerEvents: "auto"
       }
-    }, y = (E, M, N) => {
-      const H = E?.[M];
-      return (N && H ? H[N] : void 0) ?? {};
+    }, y = (E, I, M) => {
+      const H = E?.[I];
+      return (M && H ? H[M] : void 0) ?? {};
     };
     return {
-      icon: { ...h.icon, ...y(a, "tooltip", "icon"), ...y(c, "tooltip", "icon") },
-      text: { ...h.text, ...y(a, "tooltip", "text"), ...y(c, "tooltip", "text") },
+      icon: { ...h.icon, ...y(o, "tooltip", "icon"), ...y(c, "tooltip", "icon") },
+      text: { ...h.text, ...y(o, "tooltip", "text"), ...y(c, "tooltip", "text") },
       textVisible: h.textVisible
     };
-  }, [v, r, t, a, c, k]);
+  }, [v, r, t, o, c, k]);
   u.useLayoutEffect(() => {
     if (!i || !g.current || !w.current) {
       d(!1);
@@ -505,9 +505,9 @@ const Tr = () => /* @__PURE__ */ A(
     }
     const b = g.current.getBoundingClientRect();
     F.current = b;
-    const h = w.current.getBoundingClientRect(), y = 8, C = window.innerWidth, E = window.innerHeight, M = -4;
-    let N = b.right + y, P = b.top + b.height / 2 - h.height / 2 + M;
-    N + h.width > C - y && (N = b.left - y - h.width), N = Math.max(y, Math.min(N, C - h.width - y)), P = Math.max(y, Math.min(P, E - h.height - y)), l({ x: N, y: P }), d(!0);
+    const h = w.current.getBoundingClientRect(), y = 8, C = window.innerWidth, E = window.innerHeight, I = -4;
+    let M = b.right + y, P = b.top + b.height / 2 - h.height / 2 + I;
+    M + h.width > C - y && (M = b.left - y - h.width), M = Math.max(y, Math.min(M, C - h.width - y)), P = Math.max(y, Math.min(P, E - h.height - y)), l({ x: M, y: P }), d(!0);
     const H = g.current.closest("[data-reactaform-theme]"), Z = document.getElementById("popup-root");
     if (H && Z) {
       const ne = getComputedStyle(H);
@@ -526,19 +526,19 @@ const Tr = () => /* @__PURE__ */ A(
       ref: w,
       "data-tooltip-id": S,
       style: {
-        ...I.text,
+        ...N.text,
         transform: f ? "translateY(0) scale(1)" : "translateY(-4px) scale(0.98)",
         transition: "opacity 120ms ease, transform 120ms ease, visibility 120ms ease",
         width: 240,
         // When positioned is true, apply the visible styles
-        ...f ? I.textVisible : {},
+        ...f ? N.textVisible : {},
         top: m.y,
         left: m.x
       },
       children: n(e)
     }
   );
-  return /* @__PURE__ */ A(Ie, { children: [
+  return /* @__PURE__ */ A(Ne, { children: [
     /* @__PURE__ */ p(
       "span",
       {
@@ -548,33 +548,33 @@ const Tr = () => /* @__PURE__ */ A(
         onMouseEnter: () => s(!0),
         onMouseLeave: () => s(!1),
         style: {
-          ...I.icon
+          ...N.icon
         },
-        children: /* @__PURE__ */ p(Tr, {})
+        children: /* @__PURE__ */ p(Hr, {})
       }
     ),
     i && (x ? me.createPortal(V, x) : V)
   ] });
-}, tr = u.memo(Hr), ve = u.memo(({
+}, tr = u.memo(Br), ve = u.memo(({
   field: e,
   error: r,
   children: t,
   showLabel: n = !0
 }) => {
-  const { t: o } = T(), a = e.labelLayout === "column-center" ? "center" : "left", c = u.useMemo(() => {
+  const { t: a } = j(), o = e.labelLayout === "column-center" ? "center" : "left", c = u.useMemo(() => {
     const m = {
       display: "flex",
       flexDirection: "column",
       gap: "var(--reactaform-label-gap, 4px)"
     };
-    return m["--label-align"] = a, m;
-  }, [a]), i = u.useMemo(() => ({
-    textAlign: a,
+    return m["--label-align"] = o, m;
+  }, [o]), i = u.useMemo(() => ({
+    textAlign: o,
     width: "100%",
     minWidth: "unset",
     display: "block",
     marginBottom: "10px"
-  }), [a]), s = u.useMemo(() => ({
+  }), [o]), s = u.useMemo(() => ({
     display: "flex",
     alignItems: "center",
     gap: "var(--reactaform-inline-gap, 8px)",
@@ -588,14 +588,14 @@ const Tr = () => /* @__PURE__ */ A(
         className: R.label,
         htmlFor: e.name,
         style: i,
-        children: o(e.displayName)
+        children: a(e.displayName)
       }
     ),
     /* @__PURE__ */ A("div", { style: s, children: [
       /* @__PURE__ */ p("div", { style: { flex: 1, minWidth: 0 }, children: t }),
       e.tooltip && /* @__PURE__ */ p(tr, { content: e.tooltip })
     ] }),
-    r && /* @__PURE__ */ p(Ne, { id: `${e.name}-error`, children: r })
+    r && /* @__PURE__ */ p(Me, { id: `${e.name}-error`, children: r })
   ] });
 });
 ve.displayName = "ColumnFieldLayout";
@@ -605,7 +605,7 @@ const nr = u.memo(({
   children: t,
   rightAlign: n = !1
 }) => {
-  const { t: o } = T(), a = u.useMemo(() => ({
+  const { t: a } = j(), o = u.useMemo(() => ({
     display: "flex",
     alignItems: "center",
     gap: "3px"
@@ -617,15 +617,15 @@ const nr = u.memo(({
         id: `${e.name}-label`,
         className: R.label,
         htmlFor: e.name,
-        children: o(e.displayName)
+        children: a(e.displayName)
       }
     ),
     /* @__PURE__ */ A("div", { children: [
-      /* @__PURE__ */ A("div", { style: a, children: [
+      /* @__PURE__ */ A("div", { style: o, children: [
         n ? /* @__PURE__ */ p("div", { style: { display: "flex", flex: 1, justifyContent: "flex-end" }, children: t }) : t,
         e.tooltip && /* @__PURE__ */ p(tr, { content: e.tooltip })
       ] }),
-      r && /* @__PURE__ */ p(Ne, { id: `${e.name}-error`, children: r })
+      r && /* @__PURE__ */ p(Me, { id: `${e.name}-error`, children: r })
     ] })
   ] });
 });
@@ -637,7 +637,7 @@ const O = u.memo(({
   rightAlign: n = !1
 }) => e.labelLayout === "column-left" || e.labelLayout === "column-center" ? /* @__PURE__ */ p(ve, { field: e, error: r, showLabel: !0, children: t }) : e.type === "checkbox" || e.type === "switch" ? /* @__PURE__ */ p(ve, { field: e, error: r, showLabel: !1, children: t }) : /* @__PURE__ */ p(nr, { field: e, error: r, rightAlign: n, children: t }));
 O.displayName = "StandardFieldLayout";
-const Ne = u.memo(({ children: e, id: r }) => {
+const Me = u.memo(({ children: e, id: r }) => {
   const t = u.useMemo(() => ({
     color: "var(--reactaform-error-color)",
     fontSize: "13px",
@@ -650,9 +650,9 @@ const Ne = u.memo(({ children: e, id: r }) => {
   }), []);
   return /* @__PURE__ */ p("div", { id: r, style: t, children: e });
 });
-Ne.displayName = "ErrorDiv";
-const or = u.memo(({ name: e, onChange: r }) => {
-  const { t } = T();
+Me.displayName = "ErrorDiv";
+const ar = u.memo(({ name: e, onChange: r }) => {
+  const { t } = j();
   return /* @__PURE__ */ A("div", { style: { marginBottom: 16 }, children: [
     /* @__PURE__ */ A("div", { style: { display: "grid", gridTemplateColumns: "1fr 2fr", gap: 12, alignItems: "center" }, children: [
       /* @__PURE__ */ p(
@@ -683,12 +683,12 @@ const or = u.memo(({ name: e, onChange: r }) => {
     /* @__PURE__ */ p("div", { style: { height: "1px", backgroundColor: "var(--reactaform-separator, #e6e6e6)", marginTop: 12, marginBottom: 12 } })
   ] });
 });
-or.displayName = "InstanceName";
-class Br extends se {
+ar.displayName = "InstanceName";
+class qr extends se {
   registerInCategory(r, t, n) {
     this.get(r) || this.register(r, {});
-    const o = this.get(r);
-    o[t] = n;
+    const a = this.get(r);
+    a[t] = n;
   }
   getFromCategory(r, t) {
     return this.get(r)?.[t];
@@ -700,15 +700,15 @@ class Br extends se {
     return this.list();
   }
 }
-const ar = new se(), ir = new Br(), Fe = new se();
-function qr(e, r) {
-  ar.register(e, r);
+const or = new se(), ir = new qr(), Fe = new se();
+function Ur(e, r) {
+  or.register(e, r);
 }
-function Ur(e, r, t) {
+function Wr(e, r, t) {
   ir.registerInCategory(e, r, t);
 }
-function Wr(e, r) {
-  if ($t(e)) {
+function _r(e, r) {
+  if (Rt(e)) {
     console.warn(
       `[ReactaForm] Can't override builtin type field validation handler for type "${e}".`
     );
@@ -716,41 +716,41 @@ function Wr(e, r) {
   }
   Fe.register(e, r);
 }
-function j(e, r) {
+function T(e, r) {
   Fe.register(e, r);
 }
 function sr(e, r) {
   return ir.getFromCategory(e, r) || null;
 }
 function cr(e) {
-  return ar.get(e) || null;
+  return or.get(e) || null;
 }
 function lr(e) {
   return Fe.get(e) || null;
 }
-function _r(e) {
+function Kr(e) {
   return (typeof e == "object" || typeof e == "function") && e !== null && typeof e.then == "function";
 }
 const He = /* @__PURE__ */ new Map(), Be = /* @__PURE__ */ new Map();
 function ur(e, r, t, n) {
   if (!r || !r.validationHandlerName)
     return null;
-  let o, a;
+  let a, o;
   if (typeof r.validationHandlerName == "string")
-    o = e, a = r.validationHandlerName;
+    a = e, o = r.validationHandlerName;
   else if (Array.isArray(r.validationHandlerName)) {
     const [s, m] = r.validationHandlerName;
     if (m)
-      o = s, a = m;
+      a = s, o = m;
     else if (s)
-      o = e, a = s;
+      a = e, o = s;
     else
       return null;
   } else
     return null;
-  const c = `${o}:${a}`;
+  const c = `${a}:${o}`;
   let i = He.get(c);
-  if (i === void 0 && (i = sr(o, a) || null, He.set(c, i)), i)
+  if (i === void 0 && (i = sr(a, o) || null, He.set(c, i)), i)
     try {
       return i(r.name, t, n) || null;
     } catch (s) {
@@ -758,51 +758,51 @@ function ur(e, r, t, n) {
     }
   return null;
 }
-function Ln(e, r, t, n) {
+function Tn(e, r, t, n) {
   return ur(e, r, t, n);
 }
 function mr(e, r, t, n) {
-  const o = lr(r.type);
-  if (o) {
-    const a = o(r, t, n);
-    if (a)
-      return a;
+  const a = lr(r.type);
+  if (a) {
+    const o = a(r, t, n);
+    if (o)
+      return o;
   } else if (String(t ?? "").trim() === "")
     return r.required ? n("Value required") : null;
   return ur(e, r, t, n);
 }
-async function Kr(e, r, t) {
+async function Gr(e, r, t) {
   if (!e || typeof e.validationHandlerName != "string")
     return null;
   const n = e.validationHandlerName;
-  let o = Be.get(n);
-  if (o === void 0 && (o = cr(n) || null, Be.set(n, o)), o)
+  let a = Be.get(n);
+  if (a === void 0 && (a = cr(n) || null, Be.set(n, a)), a)
     try {
-      const a = o(r, t);
-      return _r(a) ? await a || null : a || null;
-    } catch (a) {
-      return [String(a instanceof Error ? a.message : a)];
+      const o = a(r, t);
+      return Kr(o) ? await o || null : o || null;
+    } catch (o) {
+      return [String(o instanceof Error ? o.message : o)];
     }
   return null;
 }
 function L(e, r) {
-  const { definitionName: t, t: n, fieldValidationMode: o } = T();
+  const { definitionName: t, t: n, fieldValidationMode: a } = j();
   return u.useCallback(
-    (a) => o === "realTime" ? mr(t, e, a, n) : r ?? null,
-    [t, e, n, o, r]
+    (o) => a === "realTime" ? mr(t, e, o, n) : r ?? null,
+    [t, e, n, a, r]
   );
 }
-const Gr = ({
+const Jr = ({
   field: e,
   value: r = !1,
   onChange: t,
   onError: n,
-  error: o
+  error: a
 }) => {
-  const { t: a } = T(), i = L(e, o)(r);
+  const { t: o } = j(), i = L(e, a)(r);
   u.useEffect(() => {
-    o || n?.(i);
-  }, [i, o, n]);
+    a || n?.(i);
+  }, [i, a, n]);
   const s = u.useCallback(
     (f) => {
       t?.(f.target.checked);
@@ -830,7 +830,7 @@ const Gr = ({
             className: R.label,
             htmlFor: l,
             style: { textAlign: "left", justifyContent: "flex-start" },
-            children: a(e.displayName)
+            children: o(e.displayName)
           }
         ),
         /* @__PURE__ */ p(
@@ -860,24 +860,24 @@ const Gr = ({
   ) });
 };
 function _({ value: e, onChange: r, onError: t, validate: n }) {
-  const o = u.useRef(null), a = u.useRef(null), c = u.useRef(t), [i, s] = u.useState(null);
+  const a = u.useRef(null), o = u.useRef(null), c = u.useRef(t), [i, s] = u.useState(null);
   u.useEffect(() => {
     c.current = t;
   }, [t]), u.useEffect(() => {
     const l = String(e ?? "");
-    if (!(document.activeElement === o.current)) {
+    if (!(document.activeElement === a.current)) {
       const d = n(l);
-      d !== a.current && (a.current = d, c.current?.(d ?? null), s(d)), o.current && o.current.value !== l && (o.current.value = l);
+      d !== o.current && (o.current = d, c.current?.(d ?? null), s(d)), a.current && a.current.value !== l && (a.current.value = l);
     }
   }, [e, n]);
   const m = u.useCallback(
     (l) => {
       const f = l.target.value, d = n(f);
-      d !== a.current && (a.current = d, s(d), c.current?.(d ?? null)), r?.(f);
+      d !== o.current && (o.current = d, s(d), c.current?.(d ?? null)), r?.(f);
     },
     [r, n]
   );
-  return { inputRef: o, error: i, handleChange: m };
+  return { inputRef: a, error: i, handleChange: m };
 }
 const qe = [
   { label: "Black", value: "#000000" },
@@ -894,25 +894,25 @@ const qe = [
   { label: "Gray", value: "#808080" },
   { label: "Light Gray", value: "#d3d3d3" },
   { label: "Pink", value: "#ffc0cb" }
-], Jr = /^#([0-9A-F]{3}){1,2}$/i, Yr = "#000000", Xr = (e) => Jr.test(e), he = (e) => {
-  if (!e || !Xr(e)) return Yr;
+], Yr = /^#([0-9A-F]{3}){1,2}$/i, Xr = "#000000", Zr = (e) => Yr.test(e), he = (e) => {
+  if (!e || !Zr(e)) return Xr;
   const r = e.toLowerCase();
   return r.length === 4 ? "#" + r.slice(1).split("").map((t) => t + t).join("") : r;
-}, Zr = (e) => {
+}, Qr = (e) => {
   const r = parseInt(e.slice(1), 16);
   return {
     r: r >> 16 & 255,
     g: r >> 8 & 255,
     b: r & 255
   };
-}, Qr = ({
+}, et = ({
   field: e,
   value: r,
   onChange: t,
   onError: n,
-  error: o
+  error: a
 }) => {
-  const { t: a } = T(), c = L(e, o), i = u.useMemo(
+  const { t: o } = j(), c = L(e, a), i = u.useMemo(
     () => he(r),
     [r]
   ), { inputRef: s, error: m, handleChange: l } = _({
@@ -922,31 +922,31 @@ const qe = [
     validate: c
   }), [f, d] = u.useState(i);
   u.useEffect(() => {
-    o || n?.(m);
-  }, [m, o, n]), u.useEffect(() => {
+    a || n?.(m);
+  }, [m, a, n]), u.useEffect(() => {
     d(i);
   }, [i]);
   const g = u.useCallback(
-    (I) => {
-      const x = he(I.target.value);
+    (N) => {
+      const x = he(N.target.value);
       d(x), l({
         target: { value: x }
       });
     },
     [l]
   ), w = u.useCallback(
-    (I) => {
-      const x = he(I.target.value);
+    (N) => {
+      const x = he(N.target.value);
       d(x), l({
         target: { value: x }
       });
     },
     [l]
   ), S = u.useMemo(
-    () => new Set(qe.map((I) => I.value)),
+    () => new Set(qe.map((N) => N.value)),
     []
   ).has(f), { r: v, g: k, b: $ } = u.useMemo(
-    () => Zr(f),
+    () => Qr(f),
     [f]
   );
   return /* @__PURE__ */ p(O, { field: e, error: m, children: /* @__PURE__ */ A(
@@ -971,7 +971,7 @@ const qe = [
             ),
             "aria-invalid": !!m,
             children: [
-              qe.map((I) => /* @__PURE__ */ p("option", { value: I.value, children: a(I.label) }, I.value)),
+              qe.map((N) => /* @__PURE__ */ p("option", { value: N.value, children: o(N.label) }, N.value)),
               !S && /* @__PURE__ */ A("option", { value: f, children: [
                 "(",
                 v,
@@ -1024,26 +1024,26 @@ const qe = [
     return Ue(e) ? e : "";
   const t = Ue(e);
   if (t) {
-    const n = t.getUTCFullYear(), o = String(t.getUTCMonth() + 1).padStart(2, "0"), a = String(t.getUTCDate()).padStart(2, "0");
-    return `${n}-${o}-${a}`;
+    const n = t.getUTCFullYear(), a = String(t.getUTCMonth() + 1).padStart(2, "0"), o = String(t.getUTCDate()).padStart(2, "0");
+    return `${n}-${a}-${o}`;
   }
   return "";
-}, et = ({
+}, rt = ({
   field: e,
   value: r,
   onChange: t,
   onError: n,
-  error: o
+  error: a
 }) => {
-  const a = L(e, o), c = We(r), { inputRef: i, error: s, handleChange: m } = _({
+  const o = L(e, a), c = We(r), { inputRef: i, error: s, handleChange: m } = _({
     value: c,
     onChange: t,
     onError: n,
-    validate: a
+    validate: o
   });
   return u.useEffect(() => {
-    o || n?.(s);
-  }, [s, o, n]), /* @__PURE__ */ p(O, { field: e, error: s, children: /* @__PURE__ */ p(
+    a || n?.(s);
+  }, [s, a, n]), /* @__PURE__ */ p(O, { field: e, error: s, children: /* @__PURE__ */ p(
     "input",
     {
       id: e.name,
@@ -1058,18 +1058,18 @@ const qe = [
       "aria-describedby": s ? `${e.name}-error` : void 0
     }
   ) });
-}, rt = ({
+}, tt = ({
   field: e,
   value: r,
   onChange: t,
   onError: n,
-  error: o
+  error: a
 }) => {
-  const { t: a, theme: c, formStyle: i, fieldStyle: s } = T(), m = u.useRef(null), l = u.useRef(n), [f, d] = u.useState(!1), [g, w] = u.useState(null);
+  const { t: o, theme: c, formStyle: i, fieldStyle: s } = j(), m = u.useRef(null), l = u.useRef(n), [f, d] = u.useState(!1), [g, w] = u.useState(null);
   u.useEffect(() => {
     l.current = n;
   }, [n]);
-  const F = L(e, o), [S, v] = u.useState(null), k = u.useRef(null);
+  const F = L(e, a), [S, v] = u.useState(null), k = u.useRef(null);
   u.useEffect(() => {
     const y = String(r ?? "");
     let C = F(y);
@@ -1083,16 +1083,16 @@ const qe = [
     if (!m.current) return;
     const y = m.current.getBoundingClientRect();
     w({ x: y.left, y: y.bottom }), d((C) => !C);
-  }, I = (y) => {
+  }, N = (y) => {
     const C = F(y);
     C !== k.current && (k.current = C, v(C), l.current?.(C ?? null)), t?.(y), d(!1);
   }, x = u.useMemo(() => {
     const y = e.options.find((C) => String(C.value) === String(r));
-    return y ? a(y.label) : "";
-  }, [e.options, r, a]), V = (y, C, E) => {
+    return y ? o(y.label) : "";
+  }, [e.options, r, o]), V = (y, C, E) => {
     if (!C) return {};
-    const N = y?.[C];
-    return (E && N ? N[E] : void 0) ?? {};
+    const M = y?.[C];
+    return (E && M ? M[E] : void 0) ?? {};
   }, b = u.useMemo(() => ({
     height: "var(--reactaform-input-height, 2.5rem)",
     display: "flex",
@@ -1136,33 +1136,33 @@ const qe = [
       }
     ) }),
     f && g && /* @__PURE__ */ p(
-      tt,
+      nt,
       {
         position: g,
         options: e.options,
         selectedValue: String(r),
-        onSelect: I,
+        onSelect: N,
         onClose: () => d(!1),
         controlRef: m,
         theme: c,
-        t: a
+        t: o
       }
     )
   ] });
-}, tt = ({
+}, nt = ({
   position: e,
   options: r,
   selectedValue: t,
   onSelect: n,
-  onClose: o,
-  controlRef: a,
+  onClose: a,
+  controlRef: o,
   theme: c,
   t: i
 }) => {
-  const s = u.useRef(null), [m, l] = u.useState(-1), { formStyle: f, fieldStyle: d } = T(), g = fe(c ?? "light");
+  const s = u.useRef(null), [m, l] = u.useState(-1), { formStyle: f, fieldStyle: d } = j(), g = fe(c ?? "light");
   u.useLayoutEffect(() => {
-    if (!a.current) return;
-    const h = a.current.closest("[data-reactaform-theme]"), y = document.getElementById("popup-root");
+    if (!o.current) return;
+    const h = o.current.closest("[data-reactaform-theme]"), y = document.getElementById("popup-root");
     if (h && y) {
       const C = getComputedStyle(h);
       y.style.setProperty(
@@ -1176,11 +1176,11 @@ const qe = [
         C.getPropertyValue("--reactaform-hover-bg")
       );
     }
-  }, [a]);
+  }, [o]);
   const w = (h, y, C) => {
     if (!y) return {};
-    const M = h?.[y];
-    return (C && M ? M[C] : void 0) ?? {};
+    const I = h?.[y];
+    return (C && I ? I[C] : void 0) ?? {};
   }, F = u.useMemo(() => ({
     maxHeight: 200,
     overflowY: "auto",
@@ -1207,10 +1207,10 @@ const qe = [
   u.useEffect(() => {
     const h = (y) => {
       const C = y.target;
-      !s.current?.contains(C) && !a.current?.contains(C) && o();
+      !s.current?.contains(C) && !o.current?.contains(C) && a();
     };
     return document.addEventListener("mousedown", h), () => document.removeEventListener("mousedown", h);
-  }, [o, a]), u.useEffect(() => {
+  }, [a, o]), u.useEffect(() => {
     if (s.current && r.length > 0) {
       const h = r.findIndex((y) => String(y.value) === t);
       requestAnimationFrame(() => l(h >= 0 ? h : 0));
@@ -1220,25 +1220,25 @@ const qe = [
     const h = s.current.querySelector(`#opt-${m}`);
     h && requestAnimationFrame(() => h.focus());
   }, [m]);
-  const v = 250, k = 200, [$, I] = u.useState(null), [x, V] = u.useState(null);
+  const v = 250, k = 200, [$, N] = u.useState(null), [x, V] = u.useState(null);
   if (u.useEffect(() => {
     if (typeof window > "u") return;
     const h = () => {
-      let E = e.x, M = e.y, N = v;
-      const P = a?.current;
+      let E = e.x, I = e.y, M = v;
+      const P = o?.current;
       if (P) {
         const H = P.getBoundingClientRect();
-        E = H.left, M = H.bottom, N = Math.max(80, Math.round(H.width));
+        E = H.left, I = H.bottom, M = Math.max(80, Math.round(H.width));
       }
-      E = Math.min(E, window.innerWidth - N), M = Math.min(M, window.innerHeight - k), I({ left: E, top: M }), V(N);
+      E = Math.min(E, window.innerWidth - M), I = Math.min(I, window.innerHeight - k), N({ left: E, top: I }), V(M);
     };
     h(), window.addEventListener("scroll", h, !0), window.addEventListener("resize", h);
     let y = null;
-    const C = a?.current;
+    const C = o?.current;
     return typeof ResizeObserver < "u" && C && (y = new ResizeObserver(() => h()), y.observe(C)), () => {
       window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", h), y && C && y.unobserve(C);
     };
-  }, [a, e.x, e.y]), typeof window > "u") return null;
+  }, [o, e.x, e.y]), typeof window > "u") return null;
   let b = document.getElementById("popup-root");
   return b || (b = document.createElement("div"), b.id = "popup-root", document.body.appendChild(b)), me.createPortal(
     /* @__PURE__ */ p(
@@ -1256,7 +1256,7 @@ const qe = [
         },
         "data-reactaform-theme": c ?? "light",
         children: r.map((h, y) => {
-          const C = String(h.value) === t, E = g ? "var(--reactaform-hover-bg, rgba(255,255,255,0.01))" : "var(--reactaform-hover-bg, #eee)", M = {
+          const C = String(h.value) === t, E = g ? "var(--reactaform-hover-bg, rgba(255,255,255,0.01))" : "var(--reactaform-hover-bg, #eee)", I = {
             ...S,
             background: y === m ? E : S.background,
             fontWeight: C ? "bold" : "normal"
@@ -1265,42 +1265,42 @@ const qe = [
             "div",
             {
               id: `opt-${y}`,
-              onMouseDown: (N) => {
-                N.stopPropagation(), n(String(h.value));
+              onMouseDown: (M) => {
+                M.stopPropagation(), n(String(h.value));
               },
-              onKeyDown: (N) => {
+              onKeyDown: (M) => {
                 const P = r.length;
-                switch (N.key) {
+                switch (M.key) {
                   case "ArrowDown":
-                    N.preventDefault(), l((H) => (H + 1) % P);
+                    M.preventDefault(), l((H) => (H + 1) % P);
                     break;
                   case "ArrowUp":
-                    N.preventDefault(), l((H) => (H - 1 + P) % P);
+                    M.preventDefault(), l((H) => (H - 1 + P) % P);
                     break;
                   case "Home":
-                    N.preventDefault(), l(0);
+                    M.preventDefault(), l(0);
                     break;
                   case "End":
-                    N.preventDefault(), l(P - 1);
+                    M.preventDefault(), l(P - 1);
                     break;
                   case "Enter":
                   case " ":
-                    N.preventDefault(), N.stopPropagation(), n(String(h.value));
+                    M.preventDefault(), M.stopPropagation(), n(String(h.value));
                     break;
                   case "Escape":
-                    N.preventDefault(), o(), a?.current?.focus();
+                    M.preventDefault(), a(), o?.current?.focus();
                     break;
                 }
               },
               tabIndex: y === m ? 0 : -1,
               role: "option",
               "aria-selected": C,
-              style: M,
-              onMouseEnter: (N) => {
-                N.currentTarget.style.background = E, l(y);
+              style: I,
+              onMouseEnter: (M) => {
+                M.currentTarget.style.background = E, l(y);
               },
-              onMouseLeave: (N) => {
-                N.currentTarget.style.background = "transparent", l((P) => P === y ? -1 : P);
+              onMouseLeave: (M) => {
+                M.currentTarget.style.background = "transparent", l((P) => P === y ? -1 : P);
               },
               children: i(h.label)
             },
@@ -1311,18 +1311,18 @@ const qe = [
     ),
     b
   );
-}, nt = ({
+}, at = ({
   field: e,
   value: r,
   onChange: t,
   onError: n,
-  error: o
+  error: a
 }) => {
-  const a = L(e, o), { inputRef: c, error: i, handleChange: s } = _({
+  const o = L(e, a), { inputRef: c, error: i, handleChange: s } = _({
     value: r,
     onChange: t,
     onError: n,
-    validate: a
+    validate: o
   });
   return /* @__PURE__ */ p(O, { field: e, error: i, children: /* @__PURE__ */ p(
     "input",
@@ -1338,10 +1338,10 @@ const qe = [
     }
   ) });
 }, ot = ({ field: e }) => {
-  const { theme: r } = T(), {
+  const { theme: r } = j(), {
     color: t = fe(r) ? "#444444" : "#CCCCCC",
     thickness: n = 1,
-    margin: o = "8px 0"
+    margin: a = "8px 0"
   } = e;
   return /* @__PURE__ */ p(
     "div",
@@ -1351,18 +1351,18 @@ const qe = [
         height: "0",
         // ensures only 1 line
         borderTop: `${n}px solid ${t}`,
-        margin: o
+        margin: a
       }
     }
   );
-}, at = ({ field: e, value: r, onChange: t, onError: n, error: o }) => {
-  const { t: a } = T(), [c, i] = u.useState(!1), s = u.useRef(null), m = u.useRef(n), l = u.useRef(null), [f, d] = u.useState(null);
+}, it = ({ field: e, value: r, onChange: t, onError: n, error: a }) => {
+  const { t: o } = j(), [c, i] = u.useState(!1), s = u.useRef(null), m = u.useRef(n), l = u.useRef(null), [f, d] = u.useState(null);
   u.useEffect(() => {
     m.current = n;
   }, [n]);
   const g = (x, V) => V.some(
     (b) => b.name === x.name && b.size === x.size && b.lastModified === x.lastModified
-  ), w = L(e, o);
+  ), w = L(e, a);
   u.useEffect(() => {
     const x = w(r ?? []);
     t?.(r), x !== l.current && (l.current = x, d(x), m.current?.(x ?? null));
@@ -1373,7 +1373,7 @@ const qe = [
     if (V && V.length > 0) {
       const y = Array.from(V);
       if (e.multiple) {
-        const C = Array.isArray(r) ? r : [], E = y.filter((M) => !g(M, C));
+        const C = Array.isArray(r) ? r : [], E = y.filter((I) => !g(I, C));
         b = [...C, ...E];
       } else
         b = y[0];
@@ -1387,7 +1387,7 @@ const qe = [
       const b = Array.from(V);
       let h = null;
       if (e.multiple) {
-        const C = Array.isArray(r) ? r : [], E = b.filter((M) => !g(M, C));
+        const C = Array.isArray(r) ? r : [], E = b.filter((I) => !g(I, C));
         h = [...C, ...E];
       } else
         h = b[0];
@@ -1406,7 +1406,7 @@ const qe = [
       const V = w([]);
       V !== l.current && (l.current = V, d(V), m.current?.(V ?? null)), t?.(null);
     }
-  }, I = () => {
+  }, N = () => {
     const x = Array.isArray(r) ? r : r ? [r] : [];
     return x.length === 0 ? null : /* @__PURE__ */ p("div", { style: {
       marginTop: "8px",
@@ -1447,7 +1447,7 @@ const qe = [
             {
               type: "button",
               onClick: () => $(Array.isArray(r) ? b : void 0),
-              "aria-label": a("Remove file"),
+              "aria-label": o("Remove file"),
               style: {
                 background: "transparent",
                 border: "none",
@@ -1508,7 +1508,7 @@ const qe = [
           (x.key === "Enter" || x.key === " ") && (x.preventDefault(), s.current?.click());
         },
         role: "button",
-        "aria-label": e.multiple ? a("Choose Files or Drag & Drop") : a("Choose File or Drag & Drop"),
+        "aria-label": e.multiple ? o("Choose Files or Drag & Drop") : o("Choose File or Drag & Drop"),
         "aria-invalid": !!f,
         "aria-describedby": f ? `${e.name}-error` : void 0,
         children: [
@@ -1538,7 +1538,7 @@ const qe = [
             color: "var(--reactaform-text-color, #111827)",
             flex: 1,
             textAlign: "left"
-          }, children: c ? a("Drop files here") : e.multiple ? a("Choose Files or Drag & Drop") : a("Choose File or Drag & Drop") }),
+          }, children: c ? o("Drop files here") : e.multiple ? o("Choose Files or Drag & Drop") : o("Choose File or Drag & Drop") }),
           e.accept && /* @__PURE__ */ p("div", { style: {
             fontSize: "0.75rem",
             color: "var(--reactaform-text-muted, #6b7280)",
@@ -1550,20 +1550,20 @@ const qe = [
         ]
       }
     ),
-    I()
+    N()
   ] }) });
-}, it = ({
+}, st = ({
   field: e,
   value: r,
   onChange: t,
   onError: n,
-  error: o
+  error: a
 }) => {
-  const a = L(e, o), c = Array.isArray(r) ? r.join(", ") : String(r ?? ""), { inputRef: i, error: s, handleChange: m } = _({
+  const o = L(e, a), c = Array.isArray(r) ? r.join(", ") : String(r ?? ""), { inputRef: i, error: s, handleChange: m } = _({
     value: c,
     onChange: t,
     onError: n,
-    validate: a
+    validate: o
   });
   return /* @__PURE__ */ p(O, { field: e, error: s, children: /* @__PURE__ */ p(
     "input",
@@ -1579,19 +1579,19 @@ const qe = [
       "aria-describedby": s ? `${e.name}-error` : void 0
     }
   ) });
-}, st = ({
+}, ct = ({
   field: e,
   value: r,
   onChange: t,
   onError: n,
-  error: o
+  error: a
 }) => {
-  const a = L(e, o), { inputRef: c, error: i, handleChange: s } = _({
+  const o = L(e, a), { inputRef: c, error: i, handleChange: s } = _({
     value: r,
     onChange: t,
     onError: n,
-    validate: a
-  }), m = o ?? i;
+    validate: o
+  }), m = a ?? i;
   return /* @__PURE__ */ p(O, { field: e, error: m, children: /* @__PURE__ */ p(
     "input",
     {
@@ -1609,7 +1609,7 @@ const qe = [
     }
   ) });
 };
-function ct() {
+function lt() {
   try {
     return "/";
   } catch {
@@ -1621,22 +1621,22 @@ function ct() {
   }
   return "/";
 }
-const lt = ({ field: e, value: r }) => {
-  const { language: t, t: n } = T(), o = e.alignment || "center", a = {
+const ut = ({ field: e, value: r }) => {
+  const { language: t, t: n } = j(), a = e.alignment || "center", o = {
     left: "flex-start",
     center: "center",
     right: "flex-end"
   }, c = typeof r == "string" ? r : "";
   let i = c && c.trim() !== "" ? c : typeof e.defaultValue == "string" ? e.defaultValue : "";
-  i && !i.startsWith("/") && (i = `${ct()}${i}`);
+  i && !i.startsWith("/") && (i = `${lt()}${i}`);
   const s = e.localized?.split(";").map((S) => S.trim()), [m, l] = u.useState(i || ""), f = u.useRef(i || null);
   if (u.useEffect(() => {
     if (!i) return;
     const S = i.split("/"), v = S.pop(), k = v.lastIndexOf(".");
     if (k === -1) return;
-    const $ = v.substring(0, k), I = v.substring(k);
+    const $ = v.substring(0, k), N = v.substring(k);
     let x = null;
-    s?.includes(t) && (x = `${$}_${t}${I}`);
+    s?.includes(t) && (x = `${$}_${t}${N}`);
     const V = new AbortController();
     if (x) {
       const b = [...S, x].join("/");
@@ -1666,7 +1666,7 @@ const lt = ({ field: e, value: r }) => {
       "data-testid": "image-wrapper",
       style: {
         display: "flex",
-        justifyContent: a[o] || "center",
+        justifyContent: o[a] || "center",
         margin: "0 0"
       },
       children: /* @__PURE__ */ p(
@@ -1680,18 +1680,18 @@ const lt = ({ field: e, value: r }) => {
       )
     }
   ) });
-}, ut = ({
+}, mt = ({
   field: e,
   value: r,
   onChange: t,
   onError: n,
-  error: o
+  error: a
 }) => {
-  const a = L(e, o), c = Array.isArray(r) ? r.join(", ") : String(r ?? ""), { inputRef: i, error: s, handleChange: m } = _({
+  const o = L(e, a), c = Array.isArray(r) ? r.join(", ") : String(r ?? ""), { inputRef: i, error: s, handleChange: m } = _({
     value: c,
     onChange: t,
     onError: n,
-    validate: a
+    validate: o
   });
   return /* @__PURE__ */ p(O, { field: e, error: s, children: /* @__PURE__ */ p(
     "input",
@@ -1712,13 +1712,13 @@ const lt = ({ field: e, value: r }) => {
   value: r,
   onChange: t,
   onError: n,
-  error: o
+  error: a
 }) => {
-  const a = L(e, o), { inputRef: c, error: i, handleChange: s } = _({
+  const o = L(e, a), { inputRef: c, error: i, handleChange: s } = _({
     value: r,
     onChange: t,
     onError: n,
-    validate: a
+    validate: o
   });
   return /* @__PURE__ */ p(O, { field: e, error: i, children: /* @__PURE__ */ p(
     "input",
@@ -1735,18 +1735,18 @@ const lt = ({ field: e, value: r }) => {
   ) });
 };
 fr.displayName = "IntegerInput";
-const mt = u.memo(fr), ft = ({
+const ft = u.memo(fr), dt = ({
   field: e,
   value: r,
   onChange: t,
   onError: n,
-  error: o
+  error: a
 }) => {
-  const a = L(e, o), { inputRef: c, error: i, handleChange: s } = _({
+  const o = L(e, a), { inputRef: c, error: i, handleChange: s } = _({
     value: r,
     onChange: t,
     onError: n,
-    validate: a
+    validate: o
   });
   return /* @__PURE__ */ p(O, { field: e, error: i, children: /* @__PURE__ */ p(
     "textarea",
@@ -1766,41 +1766,41 @@ const mt = u.memo(fr), ft = ({
       "aria-describedby": i ? `${e.name}-error` : void 0
     }
   ) });
-}, dt = ({
+}, pt = ({
   field: e,
   value: r,
   onChange: t,
   onError: n,
-  error: o
+  error: a
 }) => {
-  const a = u.useRef(
+  const o = u.useRef(
     n
   );
   u.useEffect(() => {
-    a.current = n;
+    o.current = n;
   }, [n]);
-  const { t: c, theme: i, formStyle: s, fieldStyle: m } = T(), l = (E, M, N) => {
-    if (!M) return {};
-    const H = E?.[M];
-    return (N && H ? H[N] : void 0) ?? {};
+  const { t: c, theme: i, formStyle: s, fieldStyle: m } = j(), l = (E, I, M) => {
+    if (!I) return {};
+    const H = E?.[I];
+    return (M && H ? H[M] : void 0) ?? {};
   }, f = u.useRef(null), [d, g] = u.useState(!1), [w, F] = u.useState(null), S = u.useMemo(
     () => e.options.map((E) => ({ value: E.value, label: c(E.label) })),
     [e.options, c]
   ), v = u.useMemo(() => {
-    const E = Array.isArray(r) ? r : [], M = new Set(S.map((N) => N.value));
-    return E.filter((N) => M.has(N));
-  }, [r, S]), k = L(e, o), [$, I] = u.useState(null), x = u.useRef(null);
+    const E = Array.isArray(r) ? r : [], I = new Set(S.map((M) => M.value));
+    return E.filter((M) => I.has(M));
+  }, [r, S]), k = L(e, a), [$, N] = u.useState(null), x = u.useRef(null);
   u.useEffect(() => {
     const E = k(Array.isArray(r) ? r : []);
-    E !== x.current && (x.current = E, I(E), a.current?.(E ?? null));
+    E !== x.current && (x.current = E, N(E), o.current?.(E ?? null));
   }, [r, k]);
   const V = () => {
     if (!f.current) return;
     const E = f.current.getBoundingClientRect();
-    F({ x: E.left, y: E.bottom }), g((M) => !M);
+    F({ x: E.left, y: E.bottom }), g((I) => !I);
   }, b = (E) => {
-    const M = v.includes(E) ? v.filter((P) => P !== E) : [...v, E], N = k(M);
-    N !== x.current && (x.current = N, I(N), a.current?.(N ?? null)), t?.(M);
+    const I = v.includes(E) ? v.filter((P) => P !== E) : [...v, E], M = k(I);
+    M !== x.current && (x.current = M, N(M), o.current?.(M ?? null)), t?.(I);
   }, h = u.useMemo(
     () => ({
       height: "var(--reactaform-input-height, 2.5rem)",
@@ -1888,7 +1888,7 @@ const mt = u.memo(fr), ft = ({
       }
     ) }) }),
     d && w && /* @__PURE__ */ p(
-      pt,
+      gt,
       {
         position: w,
         options: S,
@@ -1900,19 +1900,19 @@ const mt = u.memo(fr), ft = ({
       }
     )
   ] });
-}, pt = ({
+}, gt = ({
   position: e,
   options: r,
   selectedValues: t,
   onToggleOption: n,
-  onClose: o,
-  controlRef: a,
+  onClose: a,
+  controlRef: o,
   theme: c
 }) => {
-  const i = u.useRef(null), [s, m] = u.useState(-1), { formStyle: l, fieldStyle: f } = T(), d = fe(c ?? "light");
+  const i = u.useRef(null), [s, m] = u.useState(-1), { formStyle: l, fieldStyle: f } = j(), d = fe(c ?? "light");
   u.useLayoutEffect(() => {
-    if (!a.current) return;
-    const b = a.current.closest("[data-reactaform-theme]"), h = document.getElementById("popup-root");
+    if (!o.current) return;
+    const b = o.current.closest("[data-reactaform-theme]"), h = document.getElementById("popup-root");
     if (b && h) {
       const y = getComputedStyle(b);
       h.style.setProperty(
@@ -1926,7 +1926,7 @@ const mt = u.memo(fr), ft = ({
         y.getPropertyValue("--reactaform-hover-bg")
       );
     }
-  }, [a]);
+  }, [o]);
   const g = (b, h, y) => {
     if (!h) return {};
     const E = b?.[h];
@@ -1963,10 +1963,10 @@ const mt = u.memo(fr), ft = ({
   u.useEffect(() => {
     const b = (h) => {
       const y = h.target;
-      !i.current?.contains(y) && !a.current?.contains(y) && o();
+      !i.current?.contains(y) && !o.current?.contains(y) && a();
     };
     return document.addEventListener("mousedown", b), () => document.removeEventListener("mousedown", b);
-  }, [o, a]), u.useEffect(() => {
+  }, [a, o]), u.useEffect(() => {
     i.current && r.length > 0 && requestAnimationFrame(
       () => m((b) => b === -1 ? 0 : b)
     );
@@ -1977,25 +1977,25 @@ const mt = u.memo(fr), ft = ({
     );
     b && requestAnimationFrame(() => b.focus());
   }, [s]);
-  const S = 250, v = 200, [k, $] = u.useState(null), [I, x] = u.useState(null);
+  const S = 250, v = 200, [k, $] = u.useState(null), [N, x] = u.useState(null);
   if (u.useEffect(() => {
     if (typeof window > "u") return;
     const b = () => {
-      let C = e.x, E = e.y, M = S;
-      const N = a?.current;
-      if (N) {
-        const P = N.getBoundingClientRect();
-        C = P.left, E = P.bottom, M = Math.max(80, Math.round(P.width));
+      let C = e.x, E = e.y, I = S;
+      const M = o?.current;
+      if (M) {
+        const P = M.getBoundingClientRect();
+        C = P.left, E = P.bottom, I = Math.max(80, Math.round(P.width));
       }
-      C = Math.min(C, window.innerWidth - M), E = Math.min(E, window.innerHeight - v), $({ left: C, top: E }), x(M);
+      C = Math.min(C, window.innerWidth - I), E = Math.min(E, window.innerHeight - v), $({ left: C, top: E }), x(I);
     };
     b(), window.addEventListener("scroll", b, !0), window.addEventListener("resize", b);
     let h = null;
-    const y = a?.current;
+    const y = o?.current;
     return typeof ResizeObserver < "u" && y && (h = new ResizeObserver(() => b()), h.observe(y)), () => {
       window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b), h && y && h.unobserve(y);
     };
-  }, [a, e.x, e.y]), typeof window > "u") return null;
+  }, [o, e.x, e.y]), typeof window > "u") return null;
   let V = document.getElementById("popup-root");
   return V || (V = document.createElement("div"), V.id = "popup-root", document.body.appendChild(V)), me.createPortal(
     /* @__PURE__ */ p(
@@ -2008,7 +2008,7 @@ const mt = u.memo(fr), ft = ({
           position: "fixed",
           top: k ? k.top : e.y,
           left: k ? k.left : e.x,
-          width: I ?? S,
+          width: N ?? S,
           // spread the static popup styles
           ...w
         },
@@ -2022,30 +2022,30 @@ const mt = u.memo(fr), ft = ({
             "div",
             {
               id: `multi-opt-${h}`,
-              onMouseDown: (M) => {
-                M.stopPropagation(), n(b.value);
+              onMouseDown: (I) => {
+                I.stopPropagation(), n(b.value);
               },
-              onKeyDown: (M) => {
-                const N = r.length;
-                switch (M.key) {
+              onKeyDown: (I) => {
+                const M = r.length;
+                switch (I.key) {
                   case "ArrowDown":
-                    M.preventDefault(), m((P) => (P + 1) % N);
+                    I.preventDefault(), m((P) => (P + 1) % M);
                     break;
                   case "ArrowUp":
-                    M.preventDefault(), m((P) => (P - 1 + N) % N);
+                    I.preventDefault(), m((P) => (P - 1 + M) % M);
                     break;
                   case "Home":
-                    M.preventDefault(), m(0);
+                    I.preventDefault(), m(0);
                     break;
                   case "End":
-                    M.preventDefault(), m(N - 1);
+                    I.preventDefault(), m(M - 1);
                     break;
                   case "Enter":
                   case " ":
-                    M.preventDefault(), M.stopPropagation(), n(b.value);
+                    I.preventDefault(), I.stopPropagation(), n(b.value);
                     break;
                   case "Escape":
-                    M.preventDefault(), o(), a?.current?.focus();
+                    I.preventDefault(), a(), o?.current?.focus();
                     break;
                 }
               },
@@ -2053,11 +2053,11 @@ const mt = u.memo(fr), ft = ({
               role: "option",
               "aria-selected": y,
               style: E,
-              onMouseEnter: (M) => {
-                M.currentTarget.style.background = C, m(h);
+              onMouseEnter: (I) => {
+                I.currentTarget.style.background = C, m(h);
               },
-              onMouseLeave: (M) => {
-                M.currentTarget.style.background = "transparent", m((N) => N === h ? -1 : N);
+              onMouseLeave: (I) => {
+                I.currentTarget.style.background = "transparent", m((M) => M === h ? -1 : M);
               },
               children: [
                 /* @__PURE__ */ p(
@@ -2086,18 +2086,18 @@ const mt = u.memo(fr), ft = ({
     ),
     V
   );
-}, gt = ({
+}, ht = ({
   field: e,
   value: r,
   onChange: t,
   onError: n,
-  error: o
+  error: a
 }) => {
-  const a = L(e, o), { inputRef: c, error: i, handleChange: s } = _({
+  const o = L(e, a), { inputRef: c, error: i, handleChange: s } = _({
     value: String(r ?? ""),
     onChange: t,
     onError: n,
-    validate: a
+    validate: o
   }), m = Math.max(1, Math.round(e.step ?? 1));
   return /* @__PURE__ */ p(O, { field: e, error: i, children: /* @__PURE__ */ p(
     "input",
@@ -2119,18 +2119,18 @@ const mt = u.memo(fr), ft = ({
       "aria-describedby": i ? `${e.name}-error` : void 0
     }
   ) });
-}, ht = ({
+}, yt = ({
   field: e,
   value: r,
   onChange: t,
   onError: n,
-  error: o
+  error: a
 }) => {
-  const a = L(e, o), { inputRef: c, error: i, handleChange: s } = _({
+  const o = L(e, a), { inputRef: c, error: i, handleChange: s } = _({
     value: r,
     onChange: t,
     onError: n,
-    validate: a
+    validate: o
   });
   return /* @__PURE__ */ p(O, { field: e, error: i, children: /* @__PURE__ */ p(
     "input",
@@ -2145,14 +2145,14 @@ const mt = u.memo(fr), ft = ({
       "aria-describedby": i ? `${e.name}-error` : void 0
     }
   ) });
-}, yt = ({
+}, bt = ({
   field: e,
   value: r,
   onChange: t,
   onError: n,
-  error: o
+  error: a
 }) => {
-  const { t: a } = T(), c = L(e, o), i = e.layout?.toLowerCase() === "horizontal" ? "row" : "column", s = u.useRef(null), m = u.useRef(n);
+  const { t: o } = j(), c = L(e, a), i = e.layout?.toLowerCase() === "horizontal" ? "row" : "column", s = u.useRef(null), m = u.useRef(n);
   u.useEffect(() => {
     m.current = n;
   }, [n]);
@@ -2166,8 +2166,8 @@ const mt = u.memo(fr), ft = ({
     const v = r != null ? String(r) : "", k = c(v);
     if (k && e.options.length > 0) {
       const $ = String(e.options[0].value);
-      t?.($), s.current?.querySelectorAll("input[type=radio]").forEach((I) => {
-        I.checked = I.value === $;
+      t?.($), s.current?.querySelectorAll("input[type=radio]").forEach((N) => {
+        N.checked = N.value === $;
       });
     }
     g(k);
@@ -2231,7 +2231,7 @@ const mt = u.memo(fr), ft = ({
                     flex: i === "column" ? 1 : void 0,
                     fontWeight: 400
                   },
-                  children: a(v.label)
+                  children: o(v.label)
                 }
               )
             ]
@@ -2241,10 +2241,10 @@ const mt = u.memo(fr), ft = ({
       })
     }
   ) });
-}, bt = {
+}, vt = {
   display: "flex",
   gap: 4
-}, vt = {
+}, xt = {
   cursor: "pointer",
   fontSize: "1.5rem",
   lineHeight: 1,
@@ -2252,8 +2252,8 @@ const mt = u.memo(fr), ft = ({
   marginRight: "0.25rem",
   userSelect: "none",
   transition: "color 0.12s ease"
-}, xt = ({ field: e, value: r, onChange: t, onError: n, error: o }) => {
-  const { t: a } = T(), c = L(e, o), i = e.max ?? 5, s = e.icon?.trim() || "★", [m, l] = u.useState(null), f = u.useRef([]), d = u.useMemo(() => Math.min(Math.max(r ?? 0, 0), i), [r, i]), g = u.useMemo(() => c(d) ?? null, [c, d]);
+}, wt = ({ field: e, value: r, onChange: t, onError: n, error: a }) => {
+  const { t: o } = j(), c = L(e, a), i = e.max ?? 5, s = e.icon?.trim() || "★", [m, l] = u.useState(null), f = u.useRef([]), d = u.useMemo(() => Math.min(Math.max(r ?? 0, 0), i), [r, i]), g = u.useMemo(() => c(d) ?? null, [c, d]);
   u.useEffect(() => {
     n?.(g);
   }, [g, n]);
@@ -2289,9 +2289,9 @@ const mt = u.memo(fr), ft = ({
       "aria-labelledby": `${e.name}-label`,
       "aria-invalid": !!g,
       "aria-describedby": g ? `${e.name}-error` : void 0,
-      style: bt,
+      style: vt,
       children: Array.from({ length: i }, (S, v) => {
-        const k = v < d, I = m !== null && v <= m || k ? "gold" : "lightgray";
+        const k = v < d, N = m !== null && v <= m || k ? "gold" : "lightgray";
         return /* @__PURE__ */ p(
           "span",
           {
@@ -2300,12 +2300,12 @@ const mt = u.memo(fr), ft = ({
             tabIndex: d > 0 ? v === d - 1 ? 0 : -1 : v === 0 ? 0 : -1,
             "aria-checked": k,
             "aria-label": `Rating ${v + 1}`,
-            title: a(`${e.displayName} ${v + 1}`),
+            title: o(`${e.displayName} ${v + 1}`),
             onClick: () => w(v + 1),
             onKeyDown: (x) => F(x, v),
             onMouseEnter: () => l(v),
             onMouseLeave: () => l(null),
-            style: { ...vt, color: I },
+            style: { ...xt, color: N },
             children: s
           },
           v
@@ -2313,14 +2313,14 @@ const mt = u.memo(fr), ft = ({
       })
     }
   ) });
-}, wt = ({
+}, St = ({
   field: e,
   value: r,
   onChange: t,
   onError: n,
-  error: o
+  error: a
 }) => {
-  const { t: a } = T(), c = L(e, o), { inputRef: i, error: s, handleChange: m } = _({
+  const { t: o } = j(), c = L(e, a), { inputRef: i, error: s, handleChange: m } = _({
     value: r,
     onChange: t,
     onError: n,
@@ -2346,7 +2346,7 @@ const mt = u.memo(fr), ft = ({
       {
         type: "button",
         onClick: d,
-        "aria-label": a(l ? "Hide password" : "Show password"),
+        "aria-label": o(l ? "Hide password" : "Show password"),
         style: {
           background: "transparent",
           border: "none",
@@ -2360,24 +2360,24 @@ const mt = u.memo(fr), ft = ({
       }
     )
   ] }) });
-}, St = ({ field: e, value: r, onChange: t, onError: n, error: o }) => {
-  const a = L(e, o), c = e.min ?? 0, i = e.max ?? 100, [s, m] = u.useState(
+}, Ct = ({ field: e, value: r, onChange: t, onError: n, error: a }) => {
+  const o = L(e, a), c = e.min ?? 0, i = e.max ?? 100, [s, m] = u.useState(
     () => isNaN(Number(r)) ? String(c) : String(Number(r))
   );
   u.useEffect(() => {
     const g = isNaN(Number(r)) ? String(c) : String(Number(r));
     m(g);
   }, [r, c]);
-  const l = u.useMemo(() => a(s) ?? null, [a, s]);
+  const l = u.useMemo(() => o(s) ?? null, [o, s]);
   u.useEffect(() => {
     n?.(l);
   }, [l, n]);
   const f = u.useCallback(
     (g) => {
       const w = g.target.value;
-      m(w), a(w), t?.(w);
+      m(w), o(w), t?.(w);
     },
-    [a, t]
+    [o, t]
   ), d = isNaN(Number(s)) ? String(c) : String(Number(s));
   return /* @__PURE__ */ p(O, { field: e, error: l, children: /* @__PURE__ */ A("div", { style: { display: "flex", alignItems: "center", gap: "8px", width: "100%" }, children: [
     /* @__PURE__ */ p(
@@ -2420,20 +2420,20 @@ const mt = u.memo(fr), ft = ({
       }
     )
   ] }) });
-}, Ct = ({
+}, kt = ({
   field: e,
   value: r,
   onChange: t,
   onError: n,
-  error: o
+  error: a
 }) => {
-  const { t: a, formStyle: c, fieldStyle: i, fieldValidationMode: s } = T(), l = L(e, o)(r);
+  const { t: o, formStyle: c, fieldStyle: i, fieldValidationMode: s } = j(), l = L(e, a)(r);
   u.useEffect(() => {
     s === "realTime" && n?.(l);
   }, [l, s, n]);
-  const f = c, d = i, g = (I, x, V) => {
+  const f = c, d = i, g = (N, x, V) => {
     if (!x) return {};
-    const b = I?.[x];
+    const b = N?.[x];
     return (V && b ? b[V] : void 0) ?? {};
   }, w = u.useMemo(() => ({
     display: "inline-block",
@@ -2496,7 +2496,7 @@ const mt = u.memo(fr), ft = ({
         className: R.label,
         htmlFor: e.name,
         style: { textAlign: "left", justifyContent: "flex-start" },
-        children: a(e.displayName)
+        children: o(e.displayName)
       }
     ),
     /* @__PURE__ */ A("label", { style: w, children: [
@@ -2507,7 +2507,7 @@ const mt = u.memo(fr), ft = ({
           type: "checkbox",
           checked: k,
           readOnly: !0,
-          "aria-label": a(e.displayName),
+          "aria-label": o(e.displayName),
           "aria-invalid": !1,
           "aria-describedby": void 0,
           style: F,
@@ -2524,8 +2524,8 @@ const mt = u.memo(fr), ft = ({
           "aria-invalid": !1,
           "aria-describedby": void 0,
           onClick: $,
-          onKeyDown: (I) => {
-            (I.key === " " || I.key === "Spacebar" || I.key === "Space" || I.key === "Enter") && (I.preventDefault(), $());
+          onKeyDown: (N) => {
+            (N.key === " " || N.key === "Spacebar" || N.key === "Space" || N.key === "Enter") && (N.preventDefault(), $());
           },
           className: `reactaform-switch ${k ? "active checked on" : ""} `,
           style: k ? { ...S, backgroundColor: "var(--reactaform-switch-on-bg, #22c55e)", borderColor: "var(--reactaform-switch-on-border, #16a34a)" } : S,
@@ -2547,13 +2547,13 @@ const mt = u.memo(fr), ft = ({
   value: r,
   onChange: t,
   onError: n,
-  error: o
+  error: a
 }) => {
-  const a = L(e, o), { inputRef: c, error: i, handleChange: s } = _({
+  const o = L(e, a), { inputRef: c, error: i, handleChange: s } = _({
     value: r,
     onChange: t,
     onError: n,
-    validate: a
+    validate: o
   });
   return /* @__PURE__ */ p(O, { field: e, error: i, children: /* @__PURE__ */ p(
     "input",
@@ -2569,19 +2569,19 @@ const mt = u.memo(fr), ft = ({
       "aria-describedby": i ? `${e.name}-error` : void 0
     }
   ) });
-}, kt = ({
+}, Et = ({
   field: e,
   value: r,
   onChange: t,
   onError: n,
-  error: o
+  error: a
 }) => {
-  const a = L(e), { inputRef: c, error: i, handleChange: s } = _({
+  const o = L(e), { inputRef: c, error: i, handleChange: s } = _({
     value: r,
     onChange: t,
     onError: n,
-    validate: a
-  }), m = o ?? i;
+    validate: o
+  }), m = a ?? i;
   return /* @__PURE__ */ p(O, { field: e, error: m, children: /* @__PURE__ */ p(
     "input",
     {
@@ -2599,33 +2599,33 @@ const mt = u.memo(fr), ft = ({
     }
   ) });
 };
-function Et({
+function Nt({
   pos: e,
   options: r,
   onClose: t,
   onClickOption: n
 }) {
-  const o = u.useRef(null), a = u.useRef(!1), [c, i] = u.useState({
+  const a = u.useRef(null), o = u.useRef(!1), [c, i] = u.useState({
     top: e?.y ?? 0,
     left: e?.x ?? 0,
     ready: !1
   }), s = typeof window < "u" ? document.getElementById("popup-root") || document.body : null;
   return u.useEffect(() => {
     function m(l) {
-      a.current || l.target.dataset?.popupMenu === "item" || o.current && l.target instanceof Node && !o.current.contains(l.target) && t();
+      o.current || l.target.dataset?.popupMenu === "item" || a.current && l.target instanceof Node && !a.current.contains(l.target) && t();
     }
     return document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
   }, [t]), u.useLayoutEffect(() => {
-    if (!o.current || !e || e.x == null || e.y == null)
+    if (!a.current || !e || e.x == null || e.y == null)
       return;
-    const m = o.current.getBoundingClientRect(), l = window.innerWidth, f = window.innerHeight;
+    const m = a.current.getBoundingClientRect(), l = window.innerWidth, f = window.innerHeight;
     let d = e.x, g = e.y;
     d + m.width > l && (d = Math.max(0, l - m.width - 10)), g + m.height > f && (g = Math.max(0, e.y - m.height - 5)), i({ top: g, left: d, ready: !0 });
   }, [e, r]), !s || r === void 0 || r.length === 0 || !e || e.x == null || e.y == null ? null : me.createPortal(
     /* @__PURE__ */ p(
       "div",
       {
-        ref: o,
+        ref: a,
         onMouseDown: (m) => {
           m.stopPropagation();
         },
@@ -2649,11 +2649,11 @@ function Et({
           {
             "data-popup-menu": "item",
             onMouseDown: (f) => {
-              f.stopPropagation(), a.current = !0;
+              f.stopPropagation(), o.current = !0;
             },
             onClick: (f) => {
               f.stopPropagation(), f.preventDefault(), n(m), t(), setTimeout(() => {
-                a.current = !1;
+                o.current = !1;
               }, 100);
             },
             style: {
@@ -2801,22 +2801,22 @@ const Ve = {
   ...Object.keys(Re)
 ]);
 for (const e of It) {
-  const r = {}, t = Ve[e] ?? [], n = $e[e] ?? {}, o = Re[e] ?? {};
-  for (const a of t) {
-    const c = n[a];
-    r[a] = {
-      name: typeof c == "string" ? c : String(a),
-      shortName: a,
-      factor: Object.prototype.hasOwnProperty.call(o, a) ? o[a] : void 0
+  const r = {}, t = Ve[e] ?? [], n = $e[e] ?? {}, a = Re[e] ?? {};
+  for (const o of t) {
+    const c = n[o];
+    r[o] = {
+      name: typeof c == "string" ? c : String(o),
+      shortName: o,
+      factor: Object.prototype.hasOwnProperty.call(a, o) ? a[o] : void 0
     };
   }
-  for (const [a, c] of Object.entries(n))
-    if (!r[a]) {
-      const i = typeof c == "string" ? c : String(a);
-      r[a] = { name: i, shortName: a, factor: Object.prototype.hasOwnProperty.call(o, a) ? o[a] : void 0 };
+  for (const [o, c] of Object.entries(n))
+    if (!r[o]) {
+      const i = typeof c == "string" ? c : String(o);
+      r[o] = { name: i, shortName: o, factor: Object.prototype.hasOwnProperty.call(a, o) ? a[o] : void 0 };
     }
-  for (const [a, c] of Object.entries(o))
-    r[a] || (r[a] = { name: String(a), shortName: String(a), factor: c });
+  for (const [o, c] of Object.entries(a))
+    r[o] || (r[o] = { name: String(o), shortName: String(o), factor: c });
   Ae[e] = r;
 }
 function dr(e, r, t) {
@@ -2836,8 +2836,8 @@ function pr(e) {
   const r = Ae[e];
   if (!r) return null;
   const t = {}, n = [];
-  for (const [a, c] of Object.entries(r))
-    typeof c.factor == "number" && (t[a] = c.factor), n.push(a);
+  for (const [o, c] of Object.entries(r))
+    typeof c.factor == "number" && (t[o] = c.factor), n.push(o);
   return {
     default: Object.keys(r)[0] ?? "",
     units: n,
@@ -2857,8 +2857,8 @@ const jn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   inputValue: r,
   selectedUnit: t,
   dimension: n,
-  unitFactors: o,
-  onConversionSelect: a,
+  unitFactors: a,
+  onConversionSelect: o,
   t: c
 }) => {
   const [i, s] = u.useState(!1), [m, l] = u.useState(null), [f, d] = u.useState([]), g = u.useCallback(
@@ -2870,7 +2870,7 @@ const jn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       l({ x: k.left, y: k.bottom });
       const $ = [];
       if (n === "temperature")
-        o.units.forEach((x) => {
+        a.units.forEach((x) => {
           const V = dr(t, x, v);
           Number.isFinite(V) && $.push({
             label: `${V.toFixed(6)} ${c(x)}`,
@@ -2879,8 +2879,8 @@ const jn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
           });
         });
       else {
-        const x = o.factors[t];
-        x !== void 0 && Object.entries(o.factors).forEach(([V, b]) => {
+        const x = a.factors[t];
+        x !== void 0 && Object.entries(a.factors).forEach(([V, b]) => {
           const h = v / x * b;
           Number.isFinite(h) && $.push({
             label: `${h.toFixed(6)} ${c(V)}`,
@@ -2891,16 +2891,16 @@ const jn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       }
       d($), s($.length > 0);
     },
-    [e, r, t, n, o, c]
+    [e, r, t, n, a, c]
   ), w = u.useCallback(
     (S) => {
-      s(!1), l(null), a(S);
+      s(!1), l(null), o(S);
     },
-    [a]
+    [o]
   ), F = u.useCallback(() => {
     s(!1), l(null);
   }, []);
-  return /* @__PURE__ */ A(Ie, { children: [
+  return /* @__PURE__ */ A(Ne, { children: [
     /* @__PURE__ */ p(
       "button",
       {
@@ -2926,7 +2926,7 @@ const jn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       }
     ),
     i && f.length > 0 && /* @__PURE__ */ p(
-      Et,
+      Nt,
       {
         pos: m,
         options: f,
@@ -2938,36 +2938,36 @@ const jn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 });
 gr.displayName = "ConversionButton";
 const Mt = ({ field: e, value: r, onChange: t, onError: n }) => {
-  const { t: o } = T(), a = L(e), c = e.dimension, i = u.useMemo(() => c ? pr(c) : null, [c]), s = String(r?.[0] ?? ""), m = String(r?.[1] ?? i?.default ?? ""), [l, f] = u.useState(s), [d, g] = u.useState(m);
+  const { t: a } = j(), o = L(e), c = e.dimension, i = u.useMemo(() => c ? pr(c) : null, [c]), s = String(r?.[0] ?? ""), m = String(r?.[1] ?? i?.default ?? ""), [l, f] = u.useState(s), [d, g] = u.useState(m);
   u.useEffect(() => {
     f(s);
   }, [s]), u.useEffect(() => {
     g(m);
   }, [m]);
-  const w = a([l, d]);
+  const w = o([l, d]);
   u.useEffect(() => {
     n?.(w);
   }, [w, n]);
   const F = u.useCallback(
-    (I) => {
-      const x = I.target.value;
-      f(x), a([x, d]), t?.([x, d]);
+    (N) => {
+      const x = N.target.value;
+      f(x), o([x, d]), t?.([x, d]);
     },
-    [d, a, t]
+    [d, o, t]
   ), S = u.useCallback(
-    (I) => {
-      const x = I.target.value;
-      g(x), a([l, x]), t?.([l, x]);
+    (N) => {
+      const x = N.target.value;
+      g(x), o([l, x]), t?.([l, x]);
     },
-    [l, a, t]
+    [l, o, t]
   ), v = u.useCallback(
-    (I) => {
-      f(I.value), g(I.unit), t?.([I.value, I.unit]);
+    (N) => {
+      f(N.value), g(N.unit), t?.([N.value, N.unit]);
     },
     [t]
   ), k = u.useMemo(
-    () => i ? i.units.map((I) => /* @__PURE__ */ p("option", { value: I, children: o(I) }, I)) : [],
-    [i, o]
+    () => i ? i.units.map((N) => /* @__PURE__ */ p("option", { value: N, children: a(N) }, N)) : [],
+    [i, a]
   );
   if (!c || !i) return null;
   const $ = !!w || !l.trim();
@@ -3007,23 +3007,23 @@ const Mt = ({ field: e, value: r, onChange: t, onError: n }) => {
         dimension: c,
         unitFactors: i,
         onConversionSelect: v,
-        t: o
+        t: a
       }
     )
   ] }) });
-}, Nt = u.memo(Mt), Ft = ({
+}, Ft = u.memo(Mt), Vt = ({
   field: e,
   value: r,
   onChange: t,
   onError: n,
-  error: o
+  error: a
 }) => {
-  const a = L(e), { inputRef: c, error: i, handleChange: s } = _({
+  const o = L(e), { inputRef: c, error: i, handleChange: s } = _({
     value: r,
     onChange: t,
     onError: n,
-    validate: a
-  }), m = o ?? i;
+    validate: o
+  }), m = a ?? i;
   return /* @__PURE__ */ p(O, { field: e, error: m, children: /* @__PURE__ */ p(
     "input",
     {
@@ -3038,7 +3038,7 @@ const Mt = ({ field: e, value: r, onChange: t, onError: n }) => {
       "aria-describedby": m ? `${e.name}-error` : void 0
     }
   ) });
-}, Vt = {
+}, $t = {
   // No debounce
   checkbox: !1,
   switch: !1,
@@ -3068,55 +3068,55 @@ const Mt = ({ field: e, value: r, onChange: t, onError: n }) => {
   slider: { wait: 100, leading: !0, trailing: !0 },
   stepper: { wait: 100, leading: !0, trailing: !0 }
 }, ue = new se(), De = {
-  checkbox: Gr,
-  color: Qr,
-  date: et,
-  dropdown: rt,
-  email: nt,
-  file: at,
-  float: st,
-  "float-array": it,
-  image: lt,
-  int: mt,
-  "int-array": ut,
-  "multi-selection": dt,
-  multiline: ft,
-  password: wt,
-  phone: ht,
-  radio: yt,
-  rating: xt,
+  checkbox: Jr,
+  color: et,
+  date: rt,
+  dropdown: tt,
+  email: at,
+  file: it,
+  float: ct,
+  "float-array": st,
+  image: ut,
+  int: ft,
+  "int-array": mt,
+  "multi-selection": pt,
+  multiline: dt,
+  password: St,
+  phone: yt,
+  radio: bt,
+  rating: wt,
   separator: ot,
-  slider: St,
+  slider: Ct,
   string: _e,
-  stepper: gt,
-  switch: Ct,
+  stepper: ht,
+  switch: kt,
   text: _e,
-  time: kt,
-  unit: Nt,
-  url: Ft
+  time: Et,
+  unit: Ft,
+  url: Vt
 };
-function $t(e) {
+function Rt(e) {
   return e in De;
 }
-function Rt(e, r) {
-  const { wait: t = 200, leading: n, trailing: o } = r, a = u.memo((c) => {
+function At(e, r) {
+  const { wait: t = 200, leading: n, trailing: a } = r, o = u.memo((c) => {
     const i = u.useRef(c.onChange);
     u.useEffect(() => {
       i.current = c.onChange;
     }, [c.onChange]);
-    const { callback: s, cancel: m } = Lr(
+    const { callback: s, cancel: m } = Tr(
       (...l) => {
         i.current?.(...l);
       },
       t,
-      { leading: n, trailing: o }
+      { leading: n, trailing: a }
     );
     return u.useEffect(() => m, [m]), u.createElement(
       e,
       { ...c, onChange: s }
     );
   });
-  return a.displayName = "DebouncedFieldWrapper", a;
+  return o.displayName = "DebouncedFieldWrapper", o;
 }
 function hr(e, r, t) {
   const n = r;
@@ -3124,15 +3124,15 @@ function hr(e, r, t) {
     console.warn(`Can't overwrite base component type "${e}".`);
     return;
   }
-  const o = Vt[e];
-  if (o === !1) {
+  const a = $t[e];
+  if (a === !1) {
     ue.register(e, n);
     return;
   }
-  const a = o ?? { wait: 200 };
+  const o = a ?? { wait: 200 };
   rr ? ue.register(e, n) : ue.register(
     e,
-    Rt(n, a)
+    At(n, o)
   );
 }
 function yr(e, r) {
@@ -3142,41 +3142,41 @@ function br(e) {
   return ue.get(e);
 }
 let Ke = !1;
-function At() {
+function Dt() {
   Ke || (Object.entries(De).forEach(([e, r]) => {
     hr(e, r, !0);
   }), Ke = !0);
 }
-const Dt = (e, r) => {
+const Pt = (e, r) => {
   const t = /* @__PURE__ */ new Map();
-  let n = null, o = null, a = 0;
+  let n = null, a = null, o = 0;
   for (const c of e) {
     const i = c.group;
     if (!i) {
-      n = null, o = null;
+      n = null, a = null;
       continue;
     }
     if (i === n)
-      r[c.name].group = o ?? i;
+      r[c.name].group = a ?? i;
     else {
       if (!t.has(i))
-        t.set(i, 1), o = null, r[c.name].group = i;
+        t.set(i, 1), a = null, r[c.name].group = i;
       else {
         const s = t.get(i), m = `${i}(${s})`;
-        t.set(i, s + 1), o = m, r[c.name].group = m, a++;
+        t.set(i, s + 1), a = m, r[c.name].group = m, o++;
       }
       n = i;
     }
   }
-  return a;
-}, Pt = (e, r = {}) => {
+  return o;
+}, zt = (e, r = {}) => {
   const { includeEmpty: t = !0 } = r, n = [];
-  let o = null, a = [], c = 0;
+  let a = null, o = [], c = 0;
   for (const s of e) {
     const m = s.group || null;
-    m !== o ? ((a.length > 0 || t) && (a.length === 0 && c++, n.push({ name: o, fields: a })), o = m, a = [s]) : a.push(s);
+    m !== a ? ((o.length > 0 || t) && (o.length === 0 && c++, n.push({ name: a, fields: o })), a = m, o = [s]) : o.push(s);
   }
-  (a.length > 0 || t) && (a.length === 0 && c++, n.push({ name: o, fields: a }));
+  (o.length > 0 || t) && (o.length === 0 && c++, n.push({ name: a, fields: o }));
   const i = Math.max(0, ...n.map((s) => s.fields.length));
   return {
     groups: n,
@@ -3186,19 +3186,19 @@ const Dt = (e, r) => {
       largestGroup: i
     }
   };
-}, vr = u.memo(({ field: e, value: r, handleChange: t, handleError: n, error: o }) => {
-  const a = br(e.type), c = u.useMemo(() => r, [r]), i = u.useCallback(
+}, vr = u.memo(({ field: e, value: r, handleChange: t, handleError: n, error: a }) => {
+  const o = br(e.type), c = u.useMemo(() => r, [r]), i = u.useCallback(
     (m, l) => t(e.name, m, l),
     [t, e.name]
   ), s = u.useCallback(
     (m) => n?.(e.name, m),
     [n, e.name]
   );
-  return a ? /* @__PURE__ */ p(a, { field: e, value: c, onChange: i, onError: s, error: o }) : null;
+  return o ? /* @__PURE__ */ p(o, { field: e, value: c, onChange: i, onError: s, error: a }) : null;
 }, (e, r) => e.field === r.field && e.value === r.value && e.handleChange === r.handleChange && e.handleError === r.handleError && e.error === r.error);
 vr.displayName = "FieldWrapper";
-const xr = (e, r, t, n, o) => {
-  const a = o ? o[e.name] ?? null : void 0;
+const xr = (e, r, t, n, a) => {
+  const o = a ? a[e.name] ?? null : void 0;
   return /* @__PURE__ */ p(u.Fragment, { children: /* @__PURE__ */ p(
     vr,
     {
@@ -3206,11 +3206,11 @@ const xr = (e, r, t, n, o) => {
       value: r[e.name],
       handleChange: t,
       handleError: n,
-      error: a
+      error: o
     }
   ) }, e.name);
-}, wr = u.memo(({ groupName: e, isOpen: r, fields: t, valuesMap: n, handleChange: o, handleError: a, errorsMap: c, toggleGroup: i, t: s }) => {
-  const m = u.useCallback(() => i(e), [i, e]), { formStyle: l, fieldStyle: f } = T(), d = u.useMemo(() => ({
+}, wr = u.memo(({ groupName: e, isOpen: r, fields: t, valuesMap: n, handleChange: a, handleError: o, errorsMap: c, toggleGroup: i, t: s }) => {
+  const m = u.useCallback(() => i(e), [i, e]), { formStyle: l, fieldStyle: f } = j(), d = u.useMemo(() => ({
     border: "1px solid var(--reactaform-border-color, #bbb)",
     padding: "var(--reactaform-fieldset-padding, 0.5em)",
     borderRadius: "var(--reactaform-border-radius, 4px)",
@@ -3233,12 +3233,12 @@ const xr = (e, r, t, n, o) => {
       /* @__PURE__ */ p("span", { children: s(e) }),
       /* @__PURE__ */ p("span", { children: r ? "▼" : "▶" })
     ] }),
-    r && t.map((w) => xr(w, n, o, a, c))
+    r && t.map((w) => xr(w, n, a, o, c))
   ] });
 });
 wr.displayName = "FieldGroup";
-const zt = (e, r, t, n, o, a, c, i, s, m) => {
-  const l = r.slice(0, i).filter((g) => c[g.name]), f = Pt(l), d = [];
+const Ot = (e, r, t, n, a, o, c, i, s, m) => {
+  const l = r.slice(0, i).filter((g) => c[g.name]), f = zt(l), d = [];
   return f.groups.forEach((g) => {
     if (g.name) {
       const w = e[g.name] ?? !0;
@@ -3250,8 +3250,8 @@ const zt = (e, r, t, n, o, a, c, i, s, m) => {
             isOpen: w,
             fields: g.fields,
             valuesMap: t,
-            handleChange: o,
-            handleError: a,
+            handleChange: a,
+            handleError: o,
             errorsMap: m,
             toggleGroup: s,
             t: n
@@ -3260,50 +3260,50 @@ const zt = (e, r, t, n, o, a, c, i, s, m) => {
         )
       );
     } else
-      g.fields.forEach((w) => d.push(xr(w, t, o, a, m)));
+      g.fields.forEach((w) => d.push(xr(w, t, a, o, m)));
   }), d;
-}, Ot = (e) => {
+}, Lt = (e) => {
   const r = {};
   return e.forEach((t) => {
     r[t.name] = !1;
   }), r;
 }, Pe = (e, r, t, n) => {
-  const o = r[e];
-  if (!o || !o.children) return;
-  const a = t[e], c = a != null ? String(a) : "", i = o.children[c];
+  const a = r[e];
+  if (!a || !a.children) return;
+  const o = t[e], c = o != null ? String(o) : "", i = a.children[c];
   !i || !Array.isArray(i) || i.forEach((s) => {
     typeof s == "string" && (n[s] = !0, Pe(s, r, t, n));
   });
 }, Sr = (e, r, t) => {
   const n = r[e];
-  !n || !n.children || Object.values(n.children).filter(Array.isArray).flat().forEach((o) => {
-    typeof o == "string" && o in t && (t[o] = !1, Sr(o, r, t));
+  !n || !n.children || Object.values(n.children).filter(Array.isArray).flat().forEach((a) => {
+    typeof a == "string" && a in t && (t[a] = !1, Sr(a, r, t));
   });
-}, Lt = (e, r, t, n) => {
-  const o = { ...t };
-  return e.forEach((a) => {
-    (!a.parents || Object.keys(a.parents).length === 0) && (o[a.name] = !0, Pe(a.name, n, r, o));
-  }), o;
-}, jt = (e, r, t, n, o) => {
-  const a = { ...e };
-  if (Sr(n, r, a), o != null) {
+}, Tt = (e, r, t, n) => {
+  const a = { ...t };
+  return e.forEach((o) => {
+    (!o.parents || Object.keys(o.parents).length === 0) && (a[o.name] = !0, Pe(o.name, n, r, a));
+  }), a;
+}, jt = (e, r, t, n, a) => {
+  const o = { ...e };
+  if (Sr(n, r, o), a != null) {
     const c = r[n];
     if (c && c.children) {
-      const i = String(o), s = c.children[i];
+      const i = String(a), s = c.children[i];
       s && Array.isArray(s) && s.forEach((m) => {
-        typeof m == "string" && (a[m] = !0, Pe(m, r, t, a));
+        typeof m == "string" && (o[m] = !0, Pe(m, r, t, o));
       });
     }
   }
-  return a;
+  return o;
 }, ze = new se();
 function Cr(e, r) {
   ze.register(e, r);
 }
-function Tt(e) {
+function Ht(e) {
   return ze.get(e);
 }
-function Ht(e) {
+function Bt(e) {
   return ze.get(e);
 }
 Cr(
@@ -3314,17 +3314,17 @@ Cr(
       version: e.version,
       definition: e.name,
       values: t
-    }, o = JSON.stringify(n, null, 2);
-    alert(o);
+    }, a = JSON.stringify(n, null, 2);
+    alert(a);
   }
 );
-async function Bt(e, r, t, n, o) {
-  const a = Object.values(o).filter(Boolean);
-  if (a.length > 0)
+async function qt(e, r, t, n, a) {
+  const o = Object.values(a).filter(Boolean);
+  if (o.length > 0)
     return {
       success: !1,
       message: n("Please fix validation errors before submitting."),
-      errors: a
+      errors: o
     };
   const c = { ...t }, i = [];
   if (e && Array.isArray(e.properties))
@@ -3364,7 +3364,7 @@ async function Bt(e, r, t, n, o) {
       message: n("Data transformation errors occurred."),
       errors: i
     };
-  const s = await Kr(e, c, n);
+  const s = await Gr(e, c, n);
   if (s && s.length > 0)
     return {
       success: !1,
@@ -3372,7 +3372,7 @@ async function Bt(e, r, t, n, o) {
       errors: s
     };
   if (e && typeof e.submitHandlerName == "string") {
-    const m = Tt(e.submitHandlerName);
+    const m = Ht(e.submitHandlerName);
     if (m)
       try {
         const l = await m(e, r?.name ?? null, c, n);
@@ -3439,15 +3439,15 @@ const kr = ({
   }
 ) : null;
 kr.displayName = "SubmissionMessage";
-const qt = ({ onClick: e, disabled: r = !1, t }) => {
-  const [n, o] = u.useState(!1);
+const Ut = ({ onClick: e, disabled: r = !1, t }) => {
+  const [n, a] = u.useState(!1);
   return /* @__PURE__ */ p(
     "button",
     {
       onClick: e,
       disabled: r,
-      onMouseEnter: () => o(!0),
-      onMouseLeave: () => o(!1),
+      onMouseEnter: () => a(!0),
+      onMouseLeave: () => a(!1),
       style: {
         padding: "var(--reactaform-button-padding, var(--reactaform-space) 12px)",
         backgroundColor: r ? "var(--reactaform-button-disabled-bg, #cccccc)" : "var(--reactaform-button-bg, var(--reactaform-success-color))",
@@ -3465,38 +3465,38 @@ const qt = ({ onClick: e, disabled: r = !1, t }) => {
       children: t("Submit")
     }
   );
-}, Ut = ({
+}, Wt = ({
   definition: e,
   instance: r,
   chunkSize: t = 50,
   chunkDelay: n = 50
 }) => {
-  const { properties: o, displayName: a } = e, c = T(), { t: i, formStyle: s, language: m } = c, l = {
+  const { properties: a, displayName: o } = e, c = j(), { t: i, formStyle: s, language: m } = c, l = {
     ...c,
     definitionName: e?.name ?? c.definitionName
   }, [f, d] = u.useState("en"), [g, w] = u.useState([]), [F, S] = u.useState({}), [v, k] = u.useState(
     {}
-  ), [$, I] = u.useState({}), [x, V] = u.useState({}), [b, h] = u.useState({}), [y, C] = u.useState(null), [E, M] = u.useState(null), [N, P] = u.useState(0), [H, Z] = u.useState(!1), [ne, oe] = u.useState(r.name || ""), Y = u.useRef(r), de = u.useRef(!1);
+  ), [$, N] = u.useState({}), [x, V] = u.useState({}), [b, h] = u.useState({}), [y, C] = u.useState(null), [E, I] = u.useState(null), [M, P] = u.useState(0), [H, Z] = u.useState(!1), [ne, ae] = u.useState(r.name || ""), Y = u.useRef(r), de = u.useRef(!1);
   u.useEffect(() => {
     const D = Object.fromEntries(
-      o.map((z) => [
+      a.map((z) => [
         z.name,
         { ...z, children: {} }
       ])
     );
-    o.forEach((z) => {
+    a.forEach((z) => {
       z.parents && Object.entries(z.parents).forEach(([X, re]) => {
-        const ae = D[X];
-        ae && re.forEach((Dr) => {
-          ae.children || (ae.children = {});
-          const je = String(Dr);
-          ae.children[je] = [
-            ...ae.children[je] || [],
+        const oe = D[X];
+        oe && re.forEach((Pr) => {
+          oe.children || (oe.children = {});
+          const Te = String(Pr);
+          oe.children[Te] = [
+            ...oe.children[Te] || [],
             z.name
           ];
         });
       });
-    }), Dt(o, D);
+    }), Pt(a, D);
     const B = Object.values(
       D
     ), q = {};
@@ -3509,28 +3509,28 @@ const qt = ({ onClick: e, disabled: r = !1, t }) => {
     }), Y.current = r, Object.keys(r.values).forEach((z) => {
       D[z] !== void 0 && (q[z] = r.values[z]);
     });
-    const J = Ot(B), K = {};
+    const J = Lt(B), K = {};
     B.forEach((z) => {
       z.group && !(z.group in K) && (K[z.group] = !0);
     });
     const G = requestAnimationFrame(() => {
-      w(B), S(D), k(q), I(
-        Lt(B, q, J, D)
-      ), V(K), Z(!0), oe(r.name);
+      w(B), S(D), k(q), N(
+        Tt(B, q, J, D)
+      ), V(K), Z(!0), ae(r.name);
     });
     return () => cancelAnimationFrame(G);
-  }, [o, r, e]), u.useEffect(() => {
-    if (!H || N >= g.length) return;
+  }, [a, r, e]), u.useEffect(() => {
+    if (!H || M >= g.length) return;
     const D = setTimeout(() => {
       P(
         (B) => Math.min(B + t, g.length)
       );
     }, n);
     return () => clearTimeout(D);
-  }, [H, N, g.length, t, n]);
-  const Fr = u.useCallback(
+  }, [H, M, g.length, t, n]);
+  const Vr = u.useCallback(
     (D, B, q) => {
-      C(null), M(null), k((J) => {
+      C(null), I(null), k((J) => {
         const K = { ...J, [D]: B }, G = F[D];
         return G && [
           "checkbox",
@@ -3538,7 +3538,7 @@ const qt = ({ onClick: e, disabled: r = !1, t }) => {
           "multi-select",
           "radio",
           "switch"
-        ].includes(G.type) && I(
+        ].includes(G.type) && N(
           (X) => jt(
             X,
             F,
@@ -3549,26 +3549,26 @@ const qt = ({ onClick: e, disabled: r = !1, t }) => {
         ), K;
       }), h((J) => q ? { ...J, [D]: q } : Object.fromEntries(Object.entries(J).filter(([G]) => G !== D)));
     },
-    [F, C, M]
+    [F, C, I]
   );
   u.useEffect(() => {
     let D = 0;
     return D = requestAnimationFrame(() => {
-      m !== f && (d(m || "en"), C(null), M(null));
+      m !== f && (d(m || "en"), C(null), I(null));
     }), () => cancelAnimationFrame(D);
   }, [m, f]), u.useEffect(() => {
     let D = 0;
     return D = requestAnimationFrame(() => {
       if (de.current) {
-        de.current = !1, Y.current = r, oe(r.name || "");
+        de.current = !1, Y.current = r, ae(r.name || "");
         return;
       }
-      Y.current = r, C(null), M(null), oe(r.name || "");
+      Y.current = r, C(null), I(null), ae(r.name || "");
     }), () => cancelAnimationFrame(D);
   }, [r, r.name]);
-  const Vr = u.useCallback((D, B) => {
+  const $r = u.useCallback((D, B) => {
     h((q) => B ? { ...q, [D]: String(B) } : Object.fromEntries(Object.entries(q).filter(([K]) => K !== D)));
-  }, []), $r = async () => {
+  }, []), Rr = async () => {
     de.current = !0;
     const D = Y.current?.name;
     Y.current.name = ne;
@@ -3581,90 +3581,126 @@ const qt = ({ onClick: e, disabled: r = !1, t }) => {
         const re = mr(l.definitionName, z, X, i);
         re && (G[z.name] = re);
       }), h(G), B = G, Object.keys(G).length > 0) {
-        C(i("Please fix validation errors before submitting the form.")), M(!1);
+        C(i("Please fix validation errors before submitting the form.")), I(!1);
         return;
       } else
-        C(null), M(null);
+        C(null), I(null);
     }
-    const q = await Bt(e, Y.current, v, i, B), J = typeof q.message == "string" ? q.message : String(q.message), K = Object.values(q.errors ?? {}).join(`
+    const q = await qt(e, Y.current, v, i, B), J = typeof q.message == "string" ? q.message : String(q.message), K = Object.values(q.errors ?? {}).join(`
 `);
     C(K ? J + `
-` + K : J), M(q.success), q.success || (Y.current.name = D ?? Y.current.name, oe(D ?? ""));
-  }, Rr = (D) => {
+` + K : J), I(q.success), q.success || (Y.current.name = D ?? Y.current.name, ae(D ?? ""));
+  }, Ar = (D) => {
     V((B) => ({ ...B, [D]: !B[D] }));
-  }, Ar = u.useMemo(
+  }, Dr = u.useMemo(
     () => l.fieldValidationMode === "realTime" ? Object.values(b).some(Boolean) : !1,
     [b, l.fieldValidationMode]
   );
-  return /* @__PURE__ */ p(Me.Provider, { value: l, children: /* @__PURE__ */ A("div", { style: s.container, children: [
-    a && /* @__PURE__ */ p("h2", { style: s.titleStyle, children: i(a) }),
+  return /* @__PURE__ */ p(Ie.Provider, { value: l, children: /* @__PURE__ */ A("div", { style: s.container, children: [
+    o && /* @__PURE__ */ p("h2", { style: s.titleStyle, children: i(o) }),
     /* @__PURE__ */ p(
       kr,
       {
         message: y,
         success: E,
         onDismiss: () => {
-          C(null), M(null);
+          C(null), I(null);
         },
         t: i
       }
     ),
     r && /* @__PURE__ */ p(
-      or,
+      ar,
       {
         name: ne,
         onChange: (D) => {
-          oe(D), C(null), M(null);
+          ae(D), C(null), I(null);
         }
       }
     ),
-    /* @__PURE__ */ A(Ie, { children: [
-      zt(
+    /* @__PURE__ */ A(Ne, { children: [
+      Ot(
         x,
         g,
         v,
         i,
-        Fr,
         Vr,
+        $r,
         $,
-        N,
-        Rr,
+        M,
+        Ar,
         b
       ),
-      N < g.length && /* @__PURE__ */ p(
+      M < g.length && /* @__PURE__ */ p(
         "div",
         {
           style: {
             fontSize: "0.9em",
             color: "var(--reactaform-text-muted, #666)"
           },
-          children: i(`Loading more fields... (${N}/${g.length})`)
+          children: i(`Loading more fields... (${M}/${g.length})`)
         }
       )
     ] }),
-    /* @__PURE__ */ p(qt, { onClick: $r, disabled: Ar, t: i })
+    /* @__PURE__ */ p(Ut, { onClick: Rr, disabled: Dr, t: i })
   ] }) });
-}, ye = /* @__PURE__ */ new Map(), ce = /* @__PURE__ */ new Map(), te = /* @__PURE__ */ new Set(), xe = /* @__PURE__ */ new Map(), Wt = async (e) => {
+}, Er = {
+  en: { name: "English", nativeName: "English" },
+  fr: { name: "French", nativeName: "Français" },
+  de: { name: "German", nativeName: "Deutsch" },
+  es: { name: "Spanish", nativeName: "Español" },
+  "zh-cn": { name: "Chinese (Simplified)", nativeName: "简体中文" },
+  bg: { name: "Bulgarian", nativeName: "Български" },
+  cs: { name: "Czech", nativeName: "Čeština" },
+  da: { name: "Danish", nativeName: "Dansk" },
+  el: { name: "Greek", nativeName: "Ελληνικά" },
+  fi: { name: "Finnish", nativeName: "Suomi" },
+  hi: { name: "Hindi", nativeName: "हिन्दी" },
+  hu: { name: "Hungarian", nativeName: "Magyar" },
+  id: { name: "Indonesian", nativeName: "Bahasa Indonesia" },
+  it: { name: "Italian", nativeName: "Italiano" },
+  ja: { name: "Japanese", nativeName: "日本語" },
+  ko: { name: "Korean", nativeName: "한국어" },
+  ms: { name: "Malay", nativeName: "Bahasa Melayu" },
+  nl: { name: "Dutch", nativeName: "Nederlands" },
+  no: { name: "Norwegian", nativeName: "Norsk" },
+  pl: { name: "Polish", nativeName: "Polski" },
+  pt: { name: "Portuguese", nativeName: "Português" },
+  ro: { name: "Romanian", nativeName: "Română" },
+  ru: { name: "Russian", nativeName: "Русский" },
+  sk: { name: "Slovak", nativeName: "Slovenčina" },
+  sv: { name: "Swedish", nativeName: "Svenska" },
+  th: { name: "Thai", nativeName: "ไทย" },
+  tr: { name: "Turkish", nativeName: "Türkçe" },
+  uk: { name: "Ukrainian", nativeName: "Українська" },
+  vi: { name: "Vietnamese", nativeName: "Tiếng Việt" },
+  "zh-tw": { name: "Chinese (Traditional)", nativeName: "繁體中文" }
+}, Hn = () => Er, ye = /* @__PURE__ */ new Map(), ce = /* @__PURE__ */ new Map(), te = /* @__PURE__ */ new Set(), xe = /* @__PURE__ */ new Map(), _t = async (e) => {
   try {
     let r = {};
-    switch (e.toLowerCase()) {
+    const t = e.toLowerCase();
+    switch (t) {
       case "fr":
-        r = (await import("./common-CsY8BnXg.mjs")).default;
+        r = (await import("./common-CCGIMXY_.mjs")).default;
         break;
       case "de":
-        r = (await import("./common-DnEDu-7h.mjs")).default;
+        r = (await import("./common-B4FQDljX.mjs")).default;
         break;
       case "es":
-        r = (await import("./common-CBecOKIA.mjs")).default;
+        r = (await import("./common-Ws7ob6hh.mjs")).default;
         break;
       case "zh-cn":
-        r = (await import("./common-BZgeDhcm.mjs")).default;
+        r = (await import("./common-Dd94fy-Y.mjs")).default;
         break;
       case "en":
         r = {};
         break;
       default:
-        r = {};
+        if (Er[t]) {
+          const a = `https://reactaform.vercel.app/locales/${t}/common.json`, o = await fetch(a);
+          o.ok && (r = await o.json());
+        } else
+          r = {};
     }
     return {
       success: !0,
@@ -3678,7 +3714,7 @@ const qt = ({ onClick: e, disabled: r = !1, t }) => {
       error: `Failed to load common translations for ${e}: ${r}`
     };
   }
-}, _t = async (e) => {
+}, Kt = async (e) => {
   if (!e)
     return { success: !1, translations: {}, error: "Language is required" };
   if (!e || e.toLowerCase() === "en")
@@ -3690,13 +3726,13 @@ const qt = ({ onClick: e, disabled: r = !1, t }) => {
       translations: ye.get(r) || {},
       fromCache: !0
     };
-  const t = await Wt(r);
+  const t = await _t(r);
   return t.success && (ye.set(r, t.translations), xe.set(r, {
     loadedAt: /* @__PURE__ */ new Date(),
     size: Object.keys(t.translations).length,
     source: "common"
   })), t;
-}, Kt = async (e, r) => {
+}, Gt = async (e, r) => {
   if (!e || !r)
     return {
       success: !1,
@@ -3720,9 +3756,9 @@ const qt = ({ onClick: e, disabled: r = !1, t }) => {
   try {
     let n = r;
     !r.includes("/") && !r.includes(".") && (n = `/locales/${e}/${r}.json`);
-    const o = await fetch(n);
-    if (!o.ok)
-      return o.status === 404 ? (ce.set(t, {}), xe.set(t, {
+    const a = await fetch(n);
+    if (!a.ok)
+      return a.status === 404 ? (ce.set(t, {}), xe.set(t, {
         loadedAt: /* @__PURE__ */ new Date(),
         size: 0,
         source: "user"
@@ -3733,14 +3769,14 @@ const qt = ({ onClick: e, disabled: r = !1, t }) => {
       }) : (te.add(t), {
         success: !1,
         translations: {},
-        error: `HTTP ${o.status}`,
+        error: `HTTP ${a.status}`,
         fromCache: !1
       });
-    const a = o.headers.get("content-type") || "";
-    !a.includes("application/json") && !a.includes("text/json") && Er() && console.warn(
-      `Translation file at ${n} has unexpected content-type: ${a}`
+    const o = a.headers.get("content-type") || "";
+    !o.includes("application/json") && !o.includes("text/json") && Nr() && console.warn(
+      `Translation file at ${n} has unexpected content-type: ${o}`
     );
-    const c = await o.text();
+    const c = await a.text();
     if (!c) {
       const m = "Empty translation file";
       return te.add(t), { success: !1, translations: {}, error: m };
@@ -3776,15 +3812,15 @@ const qt = ({ onClick: e, disabled: r = !1, t }) => {
       fromCache: !1
     };
   } catch (n) {
-    const o = `Failed to load user translations: ${n instanceof Error ? n.message : "Unknown error"}`;
+    const a = `Failed to load user translations: ${n instanceof Error ? n.message : "Unknown error"}`;
     return te.add(t), {
       success: !1,
       translations: {},
-      error: o
+      error: a
     };
   }
 };
-function Er() {
+function Nr() {
   try {
     if (typeof process < "u" && process?.env?.NODE_ENV === "development")
       return !0;
@@ -3792,73 +3828,73 @@ function Er() {
   }
   return !1;
 }
-function Gt(e, r) {
+function Jt(e, r) {
   return r.length === 0 ? e : e.replace(/\{\{(\d+)\}\}/g, (t, n) => {
-    const o = parseInt(n, 10) - 1, a = r[o];
-    return a == null ? t : String(a);
+    const a = parseInt(n, 10) - 1, o = r[a];
+    return o == null ? t : String(o);
   });
 }
-const Jt = (e, r, t) => (n, ...o) => {
-  let a = n, c = !1;
-  return !n || typeof n != "string" ? String(n || "") : (e.toLowerCase() === "en" ? (a = n, c = !0) : n in t ? (a = t[n], c = !0) : n in r ? (a = r[n], c = !0) : a = n, a = Gt(a, o), !c && Er() && console.debug(
+const Yt = (e, r, t) => (n, ...a) => {
+  let o = n, c = !1;
+  return !n || typeof n != "string" ? String(n || "") : (e.toLowerCase() === "en" ? (o = n, c = !0) : n in t ? (o = t[n], c = !0) : n in r ? (o = r[n], c = !0) : o = n, o = Jt(o, a), !c && Nr() && console.debug(
     `Missing translation for "${n}" in language "${e}"`
-  ), a);
+  ), o);
 };
-function Yt(e) {
+function Xt(e) {
   return /^[-+]?\d*$/.test(e);
 }
-function Xt(e) {
+function Zt(e) {
   const r = /^[-+]?\d*$/;
   return e.split(",").map((t) => t.trim()).every((t) => r.test(t));
 }
-const Zt = ",", Qt = (e) => !e || e.trim() === "" ? [] : e.split(Zt).map((r) => r.trim()).filter(Boolean).map((r) => Number(r)), Ge = (e, r, t) => {
+const Qt = ",", en = (e) => !e || e.trim() === "" ? [] : e.split(Qt).map((r) => r.trim()).filter(Boolean).map((r) => Number(r)), Ge = (e, r, t) => {
   const n = String(r);
   if (n.trim() === "")
     return e.required ? t("Value required") : null;
-  if (!Yt(n))
+  if (!Xt(n))
     return t("Must be a valid integer");
-  const o = parseInt(n, 10);
-  if (Number.isNaN(o)) return t("Must be a valid integer");
-  if (e.min !== void 0 && (e.minInclusive ? o < e.min : o <= e.min))
+  const a = parseInt(n, 10);
+  if (Number.isNaN(a)) return t("Must be a valid integer");
+  if (e.min !== void 0 && (e.minInclusive ? a < e.min : a <= e.min))
     return t(
       "Must be {{1}} {{2}}",
       e.minInclusive ? "≥" : ">",
       e.min
     );
-  if (e.max !== void 0 && (e.maxInclusive ? o > e.max : o >= e.max))
+  if (e.max !== void 0 && (e.maxInclusive ? a > e.max : a >= e.max))
     return t(
       "Must be {{1}} {{2}}",
       e.maxInclusive ? "≤" : "<",
       e.max
     );
   if (e.step !== void 0) {
-    const a = Number(e.step);
-    if (!Number.isInteger(a))
+    const o = Number(e.step);
+    if (!Number.isInteger(o))
       return t("Invalid step value");
-    if (o % a !== 0)
-      return t("Must be a multiple of {{1}}", a);
+    if (a % o !== 0)
+      return t("Must be a multiple of {{1}}", o);
   }
   return null;
 };
-function en(e, r, t) {
+function rn(e, r, t) {
   const n = String(r);
   if (n.trim() === "")
     return e.required ? t("Value required") : null;
-  if (!Xt(n))
+  if (!Zt(n))
     return t("Each value must be a valid integer");
-  const o = Qt(n);
-  if (e.minCount !== void 0 && o.length < e.minCount)
+  const a = en(n);
+  if (e.minCount !== void 0 && a.length < e.minCount)
     return t("Minimum number of values: {{1}}", `${e.minCount}`);
-  if (e.maxCount !== void 0 && o.length > e.maxCount)
+  if (e.maxCount !== void 0 && a.length > e.maxCount)
     return t("Maximum number of values: {{1}}", `${e.maxCount}`);
-  for (const a of o) {
-    if (e.min !== void 0 && (e.minInclusive ? a < e.min : a <= e.min))
+  for (const o of a) {
+    if (e.min !== void 0 && (e.minInclusive ? o < e.min : o <= e.min))
       return t(
         "Each value must be {{1}} {{2}}",
         e.minInclusive ? "≥" : ">",
         e.min
       );
-    if (e.max !== void 0 && (e.maxInclusive ? a > e.max : a >= e.max))
+    if (e.max !== void 0 && (e.maxInclusive ? o > e.max : o >= e.max))
       return t(
         "Each value must be {{1}} {{2}}",
         e.maxInclusive ? "≤" : "<",
@@ -3871,52 +3907,52 @@ function we(e, r, t) {
   const n = String(r);
   if (n.trim() === "")
     return e.required ? t("Value required") : null;
-  const o = Number(n);
-  if (Number.isNaN(o)) return t("Must be a valid float");
+  const a = Number(n);
+  if (Number.isNaN(a)) return t("Must be a valid float");
   if (e.min !== void 0) {
-    const a = e.type === "slider" ? !0 : e.minInclusive ?? !0;
-    if (a ? o < e.min : o <= e.min)
+    const o = e.type === "slider" ? !0 : e.minInclusive ?? !0;
+    if (o ? a < e.min : a <= e.min)
       return t(
         "Must be {{1}} {{2}}",
-        a ? "≥" : ">",
+        o ? "≥" : ">",
         e.min
       );
   }
   if (e.max !== void 0) {
-    const a = e.type === "slider" ? !0 : e.maxInclusive ?? !0;
-    if (a ? o > e.max : o >= e.max)
+    const o = e.type === "slider" ? !0 : e.maxInclusive ?? !0;
+    if (o ? a > e.max : a >= e.max)
       return t(
         "Must be {{1}} {{2}}",
-        a ? "≤" : "<",
+        o ? "≤" : "<",
         e.max
       );
   }
   return null;
 }
-const rn = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/;
-function tn(e) {
-  return e.split(",").map((r) => r.trim()).every((r) => rn.test(r));
+const tn = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/;
+function nn(e) {
+  return e.split(",").map((r) => r.trim()).every((r) => tn.test(r));
 }
-const nn = ",", on = (e) => !e || e.trim() === "" ? [] : e.split(nn).map((r) => r.trim()).filter(Boolean).map((r) => Number(r));
-function an(e, r, t) {
+const an = ",", on = (e) => !e || e.trim() === "" ? [] : e.split(an).map((r) => r.trim()).filter(Boolean).map((r) => Number(r));
+function sn(e, r, t) {
   const n = String(r);
   if (n.trim() === "")
     return e.required ? t("Value required") : null;
-  if (!tn(n))
+  if (!nn(n))
     return t("Each value must be a valid float");
-  const o = on(n);
-  if (e.minCount !== void 0 && o.length < e.minCount)
+  const a = on(n);
+  if (e.minCount !== void 0 && a.length < e.minCount)
     return t("Minimum number of values: {{1}}", e.minCount);
-  if (e.maxCount !== void 0 && o.length > e.maxCount)
+  if (e.maxCount !== void 0 && a.length > e.maxCount)
     return t("Maximum number of values: {{1}}", e.maxCount);
-  for (const a of o) {
-    if (e.min !== void 0 && (e.minInclusive ? a < e.min : a <= e.min))
+  for (const o of a) {
+    if (e.min !== void 0 && (e.minInclusive ? o < e.min : o <= e.min))
       return t(
         "Each value must be {{1}} {{2}}",
         e.minInclusive ? "≥" : ">",
         e.min
       );
-    if (e.max !== void 0 && (e.maxInclusive ? a > e.max : a >= e.max))
+    if (e.max !== void 0 && (e.maxInclusive ? o > e.max : o >= e.max))
       return t(
         "Each value must be {{1}} {{2}}",
         e.maxInclusive ? "≤" : "<",
@@ -3926,10 +3962,10 @@ function an(e, r, t) {
   return null;
 }
 const be = /* @__PURE__ */ new WeakMap();
-function Oe(e, r, t, n, ...o) {
+function Oe(e, r, t, n, ...a) {
   if (e.pattern == null)
     return null;
-  const a = String(r);
+  const o = String(r);
   let c = null;
   if (e.pattern) {
     const i = be.get(e);
@@ -3943,7 +3979,7 @@ function Oe(e, r, t, n, ...o) {
         be.set(e, { pattern: e.pattern, regex: null }), c = null;
       }
   }
-  return c && !c.test(a) ? e.patternErrorMessage ? t(e.patternErrorMessage) : n ? t(n, ...o) : t("Input does not match pattern: {{1}}", e.pattern) : null;
+  return c && !c.test(o) ? e.patternErrorMessage ? t(e.patternErrorMessage) : n ? t(n, ...a) : t("Input does not match pattern: {{1}}", e.pattern) : null;
 }
 function le(e, r, t) {
   const n = String(r);
@@ -3953,27 +3989,27 @@ const Se = (e) => {
   if (!e) return null;
   const r = Date.parse(e);
   return Number.isNaN(r) ? null : r;
-}, Je = /* @__PURE__ */ new WeakMap(), sn = (e) => {
+}, Je = /* @__PURE__ */ new WeakMap(), cn = (e) => {
   let r = Je.get(e);
   return r || (r = {
     minTime: Se(e.minDate),
     maxTime: Se(e.maxDate)
   }, Je.set(e, r)), r;
 };
-function cn(e, r, t) {
+function ln(e, r, t) {
   if (r == null || String(r).trim() === "")
     return e.required ? t("Value required") : null;
-  const n = String(r).trim(), o = Se(n);
-  if (o === null)
+  const n = String(r).trim(), a = Se(n);
+  if (a === null)
     return t("Invalid date format");
-  const { minTime: a, maxTime: c } = sn(e);
-  return a !== null && o < a ? t("Date must be on or after {{1}}", e.minDate) : c !== null && o > c ? t("Date must be on or before {{1}}", e.maxDate) : null;
+  const { minTime: o, maxTime: c } = cn(e);
+  return o !== null && a < o ? t("Date must be on or after {{1}}", e.minDate) : c !== null && a > c ? t("Date must be on or before {{1}}", e.maxDate) : null;
 }
-function ln(e, r, t) {
+function un(e, r, t) {
   const n = String(r);
   if (!n || n.trim() === "")
     return e.required || e.min || e.max ? t("Value required") : null;
-  const o = (c) => {
+  const a = (c) => {
     const i = c.split(":").map((l) => parseInt(l, 10));
     if (i.some((l) => Number.isNaN(l))) return NaN;
     const s = i.length;
@@ -3990,43 +4026,43 @@ function ln(e, r, t) {
     else
       return NaN;
     return m;
-  }, a = o(n);
-  if (Number.isNaN(a)) return t("Invalid time format");
+  }, o = a(n);
+  if (Number.isNaN(o)) return t("Invalid time format");
   if (e.min && typeof e.min == "string") {
-    const c = o(e.min);
-    if (!Number.isNaN(c) && a < c)
+    const c = a(e.min);
+    if (!Number.isNaN(c) && o < c)
       return t("Time must be on or after {{1}}", e.min);
   }
   if (e.max && typeof e.max == "string") {
-    const c = o(e.max);
-    if (!Number.isNaN(c) && a > c)
+    const c = a(e.max);
+    if (!Number.isNaN(c) && o > c)
       return t("Time must be on or before {{1}}", e.max);
   }
   return null;
 }
-function un(e) {
+function mn(e) {
   return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);
 }
-function mn(e, r, t) {
+function fn(e, r, t) {
   const n = String(r ?? "").trim();
-  return n === "" ? e.required ? t("Value required") : null : un(n) ? Oe(e, r, t, t("Email does not match pattern: {{1}}", e.pattern)) : t("Must be valid email format");
+  return n === "" ? e.required ? t("Value required") : null : mn(n) ? Oe(e, r, t, t("Email does not match pattern: {{1}}", e.pattern)) : t("Must be valid email format");
 }
-function fn(e, r, t) {
+function dn(e, r, t) {
   const n = String(r ?? "").trim();
   return n === "" ? e.required ? t("Value required") : null : Oe(e, n, t, "Invalid phone number format");
 }
-const dn = /^(https?|ftp|file):\/\/[-A-Z0-9+&@#/%?=~_|!:,.;]*[-A-Z0-9+&@#/%=~_|]$/i, pn = (e) => {
+const pn = /^(https?|ftp|file):\/\/[-A-Z0-9+&@#/%?=~_|!:,.;]*[-A-Z0-9+&@#/%=~_|]$/i, gn = (e) => {
   try {
     return new URL(e), !0;
   } catch {
     return !1;
   }
 };
-function gn(e, r, t) {
+function hn(e, r, t) {
   const n = String(r ?? "").trim();
   if (n === "")
     return e.required ? t("Value required") : null;
-  if (dn.test(n) || pn(n))
+  if (pn.test(n) || gn(n))
     return null;
   if (e.allowRelative === !0) {
     if (!n.startsWith("/") || encodeURI(n) !== n)
@@ -4039,11 +4075,11 @@ function gn(e, r, t) {
   }
   return t("Must be a valid URL");
 }
-function hn(e, r, t) {
-  const n = Array.isArray(r) ? r : [], o = n[0], a = n[1] ? String(n[1]).trim() : "";
-  return String(o ?? "").trim() === "" || a === "" ? e.required ? t("Value required") : null : we(e, o, t);
-}
 function yn(e, r, t) {
+  const n = Array.isArray(r) ? r : [], a = n[0], o = n[1] ? String(n[1]).trim() : "";
+  return String(a ?? "").trim() === "" || o === "" ? e.required ? t("Value required") : null : we(e, a, t);
+}
+function bn(e, r, t) {
   if (Array.isArray(r))
     return r.length === 0 ? t("Select a file") : r.every((n) => n instanceof File) ? null : t("Invalid file input");
   if (!(r instanceof File)) {
@@ -4052,42 +4088,42 @@ function yn(e, r, t) {
   }
   return null;
 }
-function bn(e, r, t) {
+function vn(e, r, t) {
   const n = String(r);
-  return n === "" || n === null || n === void 0 ? e.required ? t("Value required") : null : e.options?.some((o) => String(o.value) === n) ? null : t("Invalid option selected");
+  return n === "" || n === null || n === void 0 ? e.required ? t("Value required") : null : e.options?.some((a) => String(a.value) === n) ? null : t("Invalid option selected");
 }
-function vn(e, r, t) {
-  const o = String(r ?? "").trim();
-  if (o === "")
+function xn(e, r, t) {
+  const a = String(r ?? "").trim();
+  if (a === "")
     return e.required ? t("Value required") : null;
-  const a = o.split(",").map((c) => c.trim()).filter((c) => c !== "");
-  if (a.length === 0)
+  const o = a.split(",").map((c) => c.trim()).filter((c) => c !== "");
+  if (o.length === 0)
     return e.required ? t("Value required") : null;
-  for (const c of a)
+  for (const c of o)
     if (!e.options?.some((i) => String(i.value) === c))
       return t("Invalid option selected");
   return null;
 }
-const xn = /^#([0-9A-F]{3}){1,2}$/i, wn = (e) => xn.test(e);
-function Sn(e, r, t) {
+const wn = /^#([0-9A-F]{3}){1,2}$/i, Sn = (e) => wn.test(e);
+function Cn(e, r, t) {
   const n = String(r).trim();
-  return n === "" ? e.required ? t("Value required") : null : wn(n) ? null : t("Invalid color format");
+  return n === "" ? e.required ? t("Value required") : null : Sn(n) ? null : t("Invalid color format");
 }
-function Cn(e, r, t) {
+function kn(e, r, t) {
   const n = String(r ?? "").trim();
   if (n === "")
     return e.required ? t("Value required") : null;
-  let o = r;
-  return typeof r != "number" && (o = parseFloat(n)), Number.isNaN(o) || o <= 0 ? t("Invalid value") : e.max !== void 0 && o > e.max ? t("Must be ≤ {{1}}", e.max) : null;
+  let a = r;
+  return typeof r != "number" && (a = parseFloat(n)), Number.isNaN(a) || a <= 0 ? t("Invalid value") : e.max !== void 0 && a > e.max ? t("Must be ≤ {{1}}", e.max) : null;
 }
 let Ye = !1;
 function Ir() {
-  Ye || (j("int", Ge), j("stepper", Ge), j("int-array", en), j("float", we), j("slider", we), j("float-array", an), j("text", le), j("string", le), j("multiline", le), j("password", le), j("email", mn), j("date", cn), j("time", ln), j("url", gn), j("phone", fn), j("unit", hn), j("dropdown", bn), j("multi-selection", vn), j("color", Sn), j("rating", Cn), j("file", yn), Ye = !0);
+  Ye || (T("int", Ge), T("stepper", Ge), T("int-array", rn), T("float", we), T("slider", we), T("float-array", sn), T("text", le), T("string", le), T("multiline", le), T("password", le), T("email", fn), T("date", ln), T("time", un), T("url", hn), T("phone", dn), T("unit", yn), T("dropdown", vn), T("multi-selection", xn), T("color", Cn), T("rating", kn), T("file", bn), Ye = !0);
 }
 Ir();
-At();
+Dt();
 Ir();
-const kn = (e) => ({
+const En = (e) => ({
   container: {
     padding: "var(--reactaform-space-sm, 8px)",
     margin: "0 auto",
@@ -4128,7 +4164,7 @@ const kn = (e) => ({
     lineHeight: "1.2",
     textAlign: "left"
   }
-}), En = (e) => {
+}), Nn = (e) => {
   const r = {
     color: "var(--reactaform-color-text)",
     fontFamily: e?.fontFamily || "var(--reactaform-font-family, inherit)",
@@ -4192,12 +4228,12 @@ const kn = (e) => ({
   definitionName: r = "",
   defaultStyle: t,
   defaultLanguage: n = "en",
-  defaultTheme: o = "light",
-  defaultLocalizeName: a = "",
+  defaultTheme: a = "light",
+  defaultLocalizeName: o = "",
   defaultFieldValidationMode: c = "realTime",
   className: i = "reactaform-container"
 }) => {
-  const s = r, m = a, l = o, f = n, d = u.useMemo(
+  const s = r, m = o, l = a, f = n, d = u.useMemo(
     () => t ?? {},
     [t]
   ), [g, w] = u.useState({}), [F, S] = u.useState({});
@@ -4209,10 +4245,10 @@ const kn = (e) => ({
         return;
       }
       try {
-        const y = await _t(f), C = y.success ? y.translations : {};
+        const y = await Kt(f), C = y.success ? y.translations : {};
         b && w(C);
-        const E = await Kt(f, m), M = E.success ? E.translations : {};
-        b && S(M);
+        const E = await Gt(f, m), I = E.success ? E.translations : {};
+        b && S(I);
       } catch {
         b && (w({}), S({}));
       }
@@ -4220,10 +4256,10 @@ const kn = (e) => ({
       b = !1;
     };
   }, [f, m]);
-  const v = u.useMemo(() => kn(d), [d]), k = u.useMemo(() => En(d), [d]), $ = u.useMemo(
-    () => Jt(f, g, F),
+  const v = u.useMemo(() => En(d), [d]), k = u.useMemo(() => Nn(d), [d]), $ = u.useMemo(
+    () => Yt(f, g, F),
     [f, g, F]
-  ), I = u.useCallback(
+  ), N = u.useCallback(
     (b, ...h) => $(b, ...h),
     [$]
   ), x = u.useMemo(
@@ -4233,12 +4269,12 @@ const kn = (e) => ({
       theme: l,
       formStyle: v,
       fieldStyle: k,
-      t: I,
+      t: N,
       fieldValidationMode: c
     }),
-    [s, f, l, k, v, I, c]
+    [s, f, l, k, v, N, c]
   ), V = d?.height ? { height: "100%" } : void 0;
-  return /* @__PURE__ */ p(Me.Provider, { value: x, children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ p(Ie.Provider, { value: x, children: /* @__PURE__ */ p(
     "div",
     {
       "data-reactaform-theme": l,
@@ -4276,7 +4312,7 @@ function Mn(e) {
     }
   return null;
 }
-async function Tn(e, r = {}) {
+async function Bn(e, r = {}) {
   const { validateSchema: t = !0 } = r;
   try {
     if (!e || typeof e != "string")
@@ -4284,26 +4320,26 @@ async function Tn(e, r = {}) {
     const n = e.trim();
     if (!n)
       return { success: !1, error: "jsonData is empty" };
-    let o;
+    let a;
     try {
-      o = JSON.parse(n);
-    } catch (a) {
+      a = JSON.parse(n);
+    } catch (o) {
       return {
         success: !1,
-        error: `Invalid JSON format: ${a instanceof Error ? a.message : "Unknown parsing error"}`
+        error: `Invalid JSON format: ${o instanceof Error ? o.message : "Unknown parsing error"}`
       };
     }
     if (t) {
-      const a = Mn(o);
-      if (a)
-        return { success: !1, error: `Schema validation failed: ${a}` };
+      const o = Mn(a);
+      if (o)
+        return { success: !1, error: `Schema validation failed: ${o}` };
     }
-    return { success: !0, definition: o };
+    return { success: !0, definition: a };
   } catch (n) {
     return { success: !1, error: `Unexpected error loading definition: ${n instanceof Error ? n.message : "Unknown error"}` };
   }
 }
-function Nn(e, r) {
+function Fn(e, r) {
   try {
     if (!e)
       return { success: !1, error: "Definition is required" };
@@ -4315,13 +4351,13 @@ function Nn(e, r) {
       version: e.version ?? "1.0.0",
       values: {}
     }, n = e.properties || [];
-    return Array.isArray(n) && n.forEach((o) => {
-      const a = o;
-      if (a.type === "unit") {
-        const c = a.defaultUnit, i = Number(a.defaultValue) || void 0;
-        t.values[a.name] = [i || 0, c || "m"];
+    return Array.isArray(n) && n.forEach((a) => {
+      const o = a;
+      if (o.type === "unit") {
+        const c = o.defaultUnit, i = Number(o.defaultValue) || void 0;
+        t.values[o.name] = [i || 0, c || "m"];
       } else
-        a.defaultValue !== void 0 && (t.values[a.name] = a.defaultValue);
+        o.defaultValue !== void 0 && (t.values[o.name] = o.defaultValue);
     }), { success: !0, instance: t };
   } catch (t) {
     return {
@@ -4330,7 +4366,7 @@ function Nn(e, r) {
     };
   }
 }
-function Hn(e) {
+function qn(e) {
   try {
     if (!e)
       return { success: !1, error: "Instance data is required" };
@@ -4354,7 +4390,7 @@ function Hn(e) {
     };
   }
 }
-function Bn(e, r, t) {
+function Un(e, r, t) {
   try {
     if (!e)
       return { success: !1, error: "Instance is required" };
@@ -4367,9 +4403,9 @@ function Bn(e, r, t) {
       definition: r.name,
       version: r.version,
       values: {}
-    }, o = n.values, a = {};
+    }, a = n.values, o = {};
     (r.properties || []).forEach((s) => {
-      a[s.name] = s;
+      o[s.name] = s;
     });
     const c = (s, m, l) => {
       if (s == null) return s;
@@ -4414,14 +4450,14 @@ function Bn(e, r, t) {
       return s;
     }, i = e.values || {};
     Object.keys(i).forEach((s) => {
-      const m = i[s], l = a[s];
+      const m = i[s], l = o[s];
       if (!l)
         return;
       const f = Array.isArray(m) ? "array" : m === null ? "null" : typeof m, d = (l.type || "").toLowerCase();
-      f === d || d === "string" && typeof m == "string" ? o[s] = m : o[s] = c(m, d, l);
+      f === d || d === "string" && typeof m == "string" ? a[s] = m : a[s] = c(m, d, l);
     }), (r.properties || []).forEach((s) => {
       const m = s.name;
-      m in o || (o[m] = s.defaultValue);
+      m in a || (a[m] = s.defaultValue);
     });
     try {
       typeof t == "function" && t?.(e, n, r);
@@ -4436,29 +4472,29 @@ function Bn(e, r, t) {
     };
   }
 }
-function Fn(e) {
+function Vn(e) {
   const [r, t] = u.useState(null);
   return u.useEffect(() => {
     const n = document.querySelector("[data-reactaform-theme]");
     if (!n) return;
-    const o = n.closest("[data-reactaform-theme]");
-    if (!o) return;
-    const a = () => t(o.getAttribute("data-reactaform-theme"));
-    a();
+    const a = n.closest("[data-reactaform-theme]");
+    if (!a) return;
+    const o = () => t(a.getAttribute("data-reactaform-theme"));
+    o();
     const c = new MutationObserver((i) => {
       for (const s of i)
-        s.type === "attributes" && s.attributeName === "data-reactaform-theme" && a();
+        s.type === "attributes" && s.attributeName === "data-reactaform-theme" && o();
     });
-    return c.observe(o, { attributes: !0, attributeFilter: ["data-reactaform-theme"] }), () => c.disconnect();
+    return c.observe(a, { attributes: !0, attributeFilter: ["data-reactaform-theme"] }), () => c.disconnect();
   }, [e]), r;
 }
-const qn = ({
+const Wn = ({
   definitionData: e,
   instance: r,
   language: t,
   className: n,
-  theme: o,
-  style: a,
+  theme: a,
+  style: o,
   fieldValidationMode: c = "realTime"
 }) => {
   const i = u.useMemo(() => {
@@ -4467,7 +4503,7 @@ const qn = ({
     } catch {
       return null;
     }
-  }, [e]), s = { fontSize: "inherit", fontFamily: "inherit", ...a }, m = Fn(), l = o ?? m ?? "light", f = t ?? "en";
+  }, [e]), s = { fontSize: "inherit", fontFamily: "inherit", ...o }, m = Vn(), l = a ?? m ?? "light", f = t ?? "en";
   u.useEffect(() => {
     let g = document.getElementById("popup-root");
     g || (g = document.createElement("div"), g.id = "popup-root", document.body.appendChild(g));
@@ -4475,7 +4511,7 @@ const qn = ({
   const d = u.useMemo(() => {
     if (r) return r;
     if (!i) return null;
-    const g = Nn(i, i.name);
+    const g = Fn(i, i.name);
     return !g.success || !g.instance ? null : g.instance;
   }, [r, i]);
   return i ? d ? /* @__PURE__ */ p(
@@ -4489,7 +4525,7 @@ const qn = ({
       className: n,
       defaultFieldValidationMode: c,
       children: /* @__PURE__ */ p(
-        Ut,
+        Wt,
         {
           definition: i,
           instance: d
@@ -4526,67 +4562,67 @@ function Mr(e, r, t) {
       return !1;
   }
 }
-function Vn(e) {
+function $n(e) {
   const r = [];
   if (e.components) {
     for (const t of Object.keys(e.components))
       if (br(t)) {
-        const o = W.components.get(t);
-        o && o !== e.name && r.push({
+        const a = W.components.get(t);
+        a && a !== e.name && r.push({
           type: "component",
           name: t,
-          existingPlugin: o,
+          existingPlugin: a,
           newPlugin: e.name
         });
       }
   }
   if (e.fieldCustomValidators)
     for (const [t, n] of Object.entries(e.fieldCustomValidators))
-      for (const o of Object.keys(n)) {
-        const c = W.fieldValidators.get(t)?.get(o);
-        sr(t, o) && c && c !== e.name && r.push({
+      for (const a of Object.keys(n)) {
+        const c = W.fieldValidators.get(t)?.get(a);
+        sr(t, a) && c && c !== e.name && r.push({
           type: "fieldCustomValidator",
-          name: `${t}:${o}`,
+          name: `${t}:${a}`,
           existingPlugin: c,
           newPlugin: e.name
         });
       }
   if (e.fieldTypeValidators)
     for (const t of Object.keys(e.fieldTypeValidators)) {
-      const n = lr(t), o = W.fieldTypeValidators.get(t);
-      n && o && o !== e.name && r.push({
+      const n = lr(t), a = W.fieldTypeValidators.get(t);
+      n && a && a !== e.name && r.push({
         type: "fieldTypeValidator",
         name: `type:${t}`,
-        existingPlugin: o,
+        existingPlugin: a,
         newPlugin: e.name
       });
     }
   if (e.formValidators)
     for (const t of Object.keys(e.formValidators)) {
-      const n = cr(t), o = W.formValidators.get(t);
-      n && o && o !== e.name && r.push({
+      const n = cr(t), a = W.formValidators.get(t);
+      n && a && a !== e.name && r.push({
         type: "formValidator",
         name: t,
-        existingPlugin: o,
+        existingPlugin: a,
         newPlugin: e.name
       });
     }
   if (e.submissionHandlers)
     for (const t of Object.keys(e.submissionHandlers)) {
-      const n = Ht(t), o = W.submissionHandlers.get(t);
-      n && o && o !== e.name && r.push({
+      const n = Bt(t), a = W.submissionHandlers.get(t);
+      n && a && a !== e.name && r.push({
         type: "submissionHandler",
         name: t,
-        existingPlugin: o,
+        existingPlugin: a,
         newPlugin: e.name
       });
     }
   return r;
 }
-function ie(e, r, t, n, o, a, c, i) {
+function ie(e, r, t, n, a, o, c, i) {
   for (const s of Object.keys(e)) {
     let m;
-    if (i ? m = o.find((l) => l.type === "fieldCustomValidator" && l.name === `${i}:${s}`) : e === n.components ? m = o.find((l) => l.type === "component" && l.name === s) : e === n.formValidators ? m = o.find((l) => l.type === "formValidator" && l.name === s) : e === n.fieldTypeValidators ? m = o.find((l) => l.type === "fieldTypeValidator" && l.name === `type:${s}`) : e === n.submissionHandlers && (m = o.find((l) => l.type === "submissionHandler" && l.name === s)), Mr(m || null, a, c))
+    if (i ? m = a.find((l) => l.type === "fieldCustomValidator" && l.name === `${i}:${s}`) : e === n.components ? m = a.find((l) => l.type === "component" && l.name === s) : e === n.formValidators ? m = a.find((l) => l.type === "formValidator" && l.name === s) : e === n.fieldTypeValidators ? m = a.find((l) => l.type === "fieldTypeValidator" && l.name === `type:${s}`) : e === n.submissionHandlers && (m = a.find((l) => l.type === "submissionHandler" && l.name === s)), Mr(m || null, o, c))
       if (i) {
         const l = r.get(i) || /* @__PURE__ */ new Map();
         l.set(s, n.name), r.set(i, l), t(s, e[s]);
@@ -4594,18 +4630,18 @@ function ie(e, r, t, n, o, a, c, i) {
         r.set(s, n.name), t(s, e[s]);
   }
 }
-function Un(e, r) {
+function _n(e, r) {
   const t = r?.conflictResolution || "error";
   if (Q.has(e.name)) {
-    const o = {
+    const a = {
       type: "plugin",
       name: e.name,
       existingPlugin: e.name,
       newPlugin: e.name
     };
-    if (!Mr(o, t, r?.onConflict)) return;
+    if (!Mr(a, t, r?.onConflict)) return;
   }
-  const n = Vn(e);
+  const n = $n(e);
   if (e.components && ie(
     e.components,
     W.components,
@@ -4615,21 +4651,21 @@ function Un(e, r) {
     t,
     r?.onConflict
   ), e.fieldCustomValidators)
-    for (const [o, a] of Object.entries(e.fieldCustomValidators))
+    for (const [a, o] of Object.entries(e.fieldCustomValidators))
       ie(
-        a,
+        o,
         W.fieldValidators,
-        (c, i) => Ur(o, c, i),
+        (c, i) => Wr(a, c, i),
         e,
         n,
         t,
         r?.onConflict,
-        o
+        a
       );
   e.formValidators && ie(
     e.formValidators,
     W.formValidators,
-    qr,
+    Ur,
     e,
     n,
     t,
@@ -4637,7 +4673,7 @@ function Un(e, r) {
   ), e.fieldTypeValidators && ie(
     e.fieldTypeValidators,
     W.fieldTypeValidators,
-    Wr,
+    _r,
     e,
     n,
     t,
@@ -4652,7 +4688,7 @@ function Un(e, r) {
     r?.onConflict
   ), e.setup && e.setup(), Q.set(e.name, e);
 }
-function Wn(e, r = !1) {
+function Kn(e, r = !1) {
   const t = Q.get(e);
   if (!t) return !1;
   if (t.cleanup && t.cleanup(), r) {
@@ -4660,12 +4696,12 @@ function Wn(e, r = !1) {
       for (const n of Object.keys(t.components))
         W.components.delete(n);
     if (t.fieldCustomValidators)
-      for (const [n, o] of Object.entries(t.fieldCustomValidators)) {
-        const a = W.fieldValidators.get(n);
-        if (a) {
-          for (const c of Object.keys(o))
-            a.delete(c);
-          a.size === 0 && W.fieldValidators.delete(n);
+      for (const [n, a] of Object.entries(t.fieldCustomValidators)) {
+        const o = W.fieldValidators.get(n);
+        if (o) {
+          for (const c of Object.keys(a))
+            o.delete(c);
+          o.size === 0 && W.fieldValidators.delete(n);
         }
       }
     if (t.formValidators)
@@ -4680,16 +4716,16 @@ function Wn(e, r = !1) {
   }
   return Q.delete(e), !0;
 }
-function _n(e) {
+function Gn(e) {
   return Q.get(e);
 }
-function Kn() {
+function Jn() {
   return Array.from(Q.values());
 }
-function Gn(e) {
+function Yn(e) {
   return Q.has(e);
 }
-function Jn(e) {
+function Xn(e) {
   for (const [r, t] of Object.entries(e))
     yr(r, t);
 }
@@ -4701,7 +4737,7 @@ function Le(e) {
   const r = e;
   return typeof r.name == "string" && typeof r.displayName == "string";
 }
-function Nr(e) {
+function Fr(e) {
   if (!ee(e)) return !1;
   const r = e;
   return typeof r.name != "string" || typeof r.version != "string" || !Array.isArray(r.properties) ? !1 : r.properties.every((t) => Le(t));
@@ -4714,12 +4750,12 @@ function Ce(e) {
     return !!r && typeof r.name == "string" && typeof r.size == "number";
   }
 }
-function Yn(e, r, t = {}) {
+function Zn(e, r, t = {}) {
   try {
     const {
       includeMetadata: n = !1,
-      dateFormat: o = "iso",
-      fileHandling: a = "metadata",
+      dateFormat: a = "iso",
+      fileHandling: o = "metadata",
       prettify: c = !1,
       excludeFields: i = [],
       includeOnlyFields: s = []
@@ -4729,7 +4765,7 @@ function Yn(e, r, t = {}) {
         success: !1,
         error: "Instance must be a valid object"
       };
-    const m = [], l = [], f = {}, g = (Nr(r) || ee(r) && Array.isArray(r.properties) ? r.properties : []).filter(Le), w = new Map(g.map((S) => [S.name, S]));
+    const m = [], l = [], f = {}, g = (Fr(r) || ee(r) && Array.isArray(r.properties) ? r.properties : []).filter(Le), w = new Map(g.map((S) => [S.name, S]));
     for (const [S, v] of Object.entries(e)) {
       if (i.includes(S)) {
         l.push(S);
@@ -4742,7 +4778,7 @@ function Yn(e, r, t = {}) {
       if (v === void 0) continue;
       const k = w.get(S);
       try {
-        f[S] = $n(v, k, { dateFormat: o, fileHandling: a });
+        f[S] = Rn(v, k, { dateFormat: a, fileHandling: o });
       } catch ($) {
         m.push(`Error serializing field '${S}': ${String($)}`), f[S] = null;
       }
@@ -4768,8 +4804,8 @@ function Yn(e, r, t = {}) {
     };
   }
 }
-function $n(e, r, t = {}) {
-  const { dateFormat: n = "iso", fileHandling: o = "metadata" } = t;
+function Rn(e, r, t = {}) {
+  const { dateFormat: n = "iso", fileHandling: a = "metadata" } = t;
   if (e == null)
     return null;
   if (r)
@@ -4779,7 +4815,7 @@ function $n(e, r, t = {}) {
       case "date-time":
         return Xe(e, n);
       case "file":
-        return Ze(e, o);
+        return Ze(e, a);
       case "int":
       case "integer":
         return typeof e == "string" ? parseInt(e, 10) : e;
@@ -4790,11 +4826,11 @@ function $n(e, r, t = {}) {
         return typeof e == "string" ? e === "true" : !!e;
       case "int-array":
       case "float-array":
-        return Array.isArray(e) ? e.map((a) => typeof a == "string" ? Number(a) : a) : e;
+        return Array.isArray(e) ? e.map((o) => typeof o == "string" ? Number(o) : o) : e;
       default:
         return e;
     }
-  return e instanceof Date ? Xe(e, n) : Ce(e) || Array.isArray(e) && Ce(e[0]) ? Ze(e, o) : e;
+  return e instanceof Date ? Xe(e, n) : Ce(e) || Array.isArray(e) && Ce(e[0]) ? Ze(e, a) : e;
 }
 function Xe(e, r) {
   let t = null;
@@ -4838,12 +4874,12 @@ function Qe(e, r) {
     _note: "Base64 encoding requires async implementation"
   };
 }
-function Xn(e, r, t = {}) {
+function Qn(e, r, t = {}) {
   try {
     const {
       strict: n = !1,
-      validateTypes: o = !0,
-      preserveUnknownFields: a = !0,
+      validateTypes: a = !0,
+      preserveUnknownFields: o = !0,
       dateFormat: c = "auto"
     } = t;
     if (!e || typeof e != "string")
@@ -4865,7 +4901,7 @@ function Xn(e, r, t = {}) {
         success: !1,
         error: "Parsed data must be an object"
       };
-    const s = [], m = [], l = {}, d = (Nr(r) || ee(r) && Array.isArray(r.properties) ? r.properties : []).filter(Le), g = new Map(d.map((F) => [F.name, F]));
+    const s = [], m = [], l = {}, d = (Fr(r) || ee(r) && Array.isArray(r.properties) ? r.properties : []).filter(Le), g = new Map(d.map((F) => [F.name, F]));
     for (const F of d) {
       const S = F.name, v = i[S];
       if (v === void 0) {
@@ -4873,13 +4909,13 @@ function Xn(e, r, t = {}) {
         continue;
       }
       try {
-        l[S] = Rn(v, F, { validateTypes: o, dateFormat: c });
+        l[S] = An(v, F, { validateTypes: a, dateFormat: c });
       } catch (k) {
         const $ = `Error deserializing field '${S}': ${String(k)}`;
         n ? m.push($) : (s.push($), l[S] = v);
       }
     }
-    if (a)
+    if (o)
       for (const [F, S] of Object.entries(i))
         !g.has(F) && F !== "_metadata" && (n && s.push(`Unknown field '${F}' preserved`), l[F] = S);
     const w = m.length > 0;
@@ -4896,8 +4932,8 @@ function Xn(e, r, t = {}) {
     };
   }
 }
-function Rn(e, r, t = {}) {
-  const { validateTypes: n = !0, dateFormat: o = "auto" } = t;
+function An(e, r, t = {}) {
+  const { validateTypes: n = !0, dateFormat: a = "auto" } = t;
   if (e == null)
     return e;
   try {
@@ -4905,7 +4941,7 @@ function Rn(e, r, t = {}) {
       case "date":
       case "datetime":
       case "date-time":
-        return An(e, o, n);
+        return Dn(e, a, n);
       case "int":
       case "integer":
         return ke(e, n);
@@ -4913,7 +4949,7 @@ function Rn(e, r, t = {}) {
       case "number":
         return Ee(e, n);
       case "boolean":
-        return Dn(e, n);
+        return Pn(e, n);
       case "int-array":
         return er(e, "integer", n);
       case "float-array":
@@ -4927,13 +4963,13 @@ function Rn(e, r, t = {}) {
       default:
         return e;
     }
-  } catch (a) {
+  } catch (o) {
     if (n)
-      throw new Error(`Type conversion failed: ${String(a)}`);
+      throw new Error(`Type conversion failed: ${String(o)}`);
     return e;
   }
 }
-function Zn(e, r = {}) {
+function ea(e, r = {}) {
   try {
     const { prettify: t = !0, includeMetadata: n = !0 } = r;
     if (!e || typeof e != "object")
@@ -4941,16 +4977,16 @@ function Zn(e, r = {}) {
         success: !1,
         error: "Definition must be a valid object"
       };
-    const o = { ...e };
-    return n && (o._metadata = {
+    const a = { ...e };
+    return n && (a._metadata = {
       serializedAt: (/* @__PURE__ */ new Date()).toISOString(),
-      version: o.version || "1.0.0",
-      propertyCount: (Array.isArray(o.properties) ? o.properties.length : 0) || 0
+      version: a.version || "1.0.0",
+      propertyCount: (Array.isArray(a.properties) ? a.properties.length : 0) || 0
     }), {
       success: !0,
-      data: t ? JSON.stringify(o, null, 2) : JSON.stringify(o),
+      data: t ? JSON.stringify(a, null, 2) : JSON.stringify(a),
       metadata: {
-        fieldCount: (Array.isArray(o.properties) ? o.properties.length : 0) || 0,
+        fieldCount: (Array.isArray(a.properties) ? a.properties.length : 0) || 0,
         excludedFields: [],
         warnings: []
       }
@@ -4962,13 +4998,13 @@ function Zn(e, r = {}) {
     };
   }
 }
-function Qn(e, r = {}) {
+function ra(e, r = {}) {
   try {
     const { strict: t = !1, validateTypes: n = !0 } = r;
-    let o;
+    let a;
     if (typeof e == "string")
       try {
-        o = JSON.parse(e);
+        a = JSON.parse(e);
       } catch (l) {
         return {
           success: !1,
@@ -4976,43 +5012,43 @@ function Qn(e, r = {}) {
         };
       }
     else if (e && typeof e == "object")
-      o = { ...e };
+      a = { ...e };
     else
       return {
         success: !1,
         error: "Input must be a string or object"
       };
-    const a = [], c = [], i = ["name", "version", "displayName"];
+    const o = [], c = [], i = ["name", "version", "displayName"];
     for (const l of i)
-      if (!(l in o) || !o[l])
+      if (!(l in a) || !a[l])
         if (t)
           c.push(`Required field '${l}' is missing`);
         else
-          switch (a.push(`Missing field '${l}', using default`), l) {
+          switch (o.push(`Missing field '${l}', using default`), l) {
             case "name":
-              o.name = "unnamed-definition";
+              a.name = "unnamed-definition";
               break;
             case "version":
-              o.version = "1.0.0";
+              a.version = "1.0.0";
               break;
             case "displayName":
-              o.displayName = o.name || "Unnamed Definition";
+              a.displayName = a.name || "Unnamed Definition";
               break;
           }
-    const s = Array.isArray(o.properties) ? o.properties : null;
-    s ? o.properties = s.map((l, f) => {
+    const s = Array.isArray(a.properties) ? a.properties : null;
+    s ? a.properties = s.map((l, f) => {
       const d = ee(l) ? l : {}, g = { ...d };
       if (!d.name) {
         const w = `Property at index ${f} missing 'name'`;
-        t ? c.push(w) : (a.push(`${w}, using 'field_${f}'`), g.name = `field_${f}`);
+        t ? c.push(w) : (o.push(`${w}, using 'field_${f}'`), g.name = `field_${f}`);
       }
-      return d.displayName || (g.displayName = d.name || `Field ${f}`), d.type || (t && n ? c.push(`Property '${d.name || f}' missing 'type'`) : (a.push(`Property '${d.name || f}' missing 'type', using 'string'`), g.type = "string")), d.defaultValue === void 0 && (g.defaultValue = null), d.required === void 0 && (g.required = !1), g;
-    }) : t ? c.push("Properties must be an array") : (a.push("Properties not found or invalid, using empty array"), o.properties = []);
+      return d.displayName || (g.displayName = d.name || `Field ${f}`), d.type || (t && n ? c.push(`Property '${d.name || f}' missing 'type'`) : (o.push(`Property '${d.name || f}' missing 'type', using 'string'`), g.type = "string")), d.defaultValue === void 0 && (g.defaultValue = null), d.required === void 0 && (g.required = !1), g;
+    }) : t ? c.push("Properties must be an array") : (o.push("Properties not found or invalid, using empty array"), a.properties = []);
     const m = c.length > 0;
     return {
       success: !m,
-      data: o,
-      warnings: a.length > 0 ? a : void 0,
+      data: a,
+      warnings: o.length > 0 ? o : void 0,
       validationErrors: m ? c : void 0
     };
   } catch (t) {
@@ -5022,7 +5058,7 @@ function Qn(e, r = {}) {
     };
   }
 }
-function An(e, r, t) {
+function Dn(e, r, t) {
   if (e instanceof Date)
     return e;
   if (typeof e == "number") {
@@ -5087,7 +5123,7 @@ function Ee(e, r) {
     throw new Error(`Cannot convert ${typeof e} to number`);
   return e;
 }
-function Dn(e, r) {
+function Pn(e, r) {
   if (typeof e == "boolean")
     return e;
   if (typeof e == "string") {
@@ -5106,64 +5142,65 @@ function Dn(e, r) {
 function er(e, r, t) {
   if (!Array.isArray(e)) {
     if (typeof e == "string")
-      return e.split(",").map((o) => o.trim()).filter(Boolean).map((o) => r === "integer" ? ke(o, t) : Ee(o, t));
+      return e.split(",").map((a) => a.trim()).filter(Boolean).map((a) => r === "integer" ? ke(a, t) : Ee(a, t));
     if (t)
       throw new Error(`Expected array, got ${typeof e}`);
     return e;
   }
-  return e.map((n, o) => {
+  return e.map((n, a) => {
     try {
       return r === "integer" ? ke(n, t) : Ee(n, t);
-    } catch (a) {
+    } catch (o) {
       if (t)
-        throw new Error(`Array element ${o}: ${a}`);
+        throw new Error(`Array element ${a}: ${o}`);
       return n;
     }
   });
 }
-function Pn() {
+function zn() {
   if (!document.getElementById("reactaform-styles"))
     try {
       const e = document.createElement("style");
-      e.id = "reactaform-styles", e.textContent = Or, document.head.appendChild(e);
+      e.id = "reactaform-styles", e.textContent = Lr, document.head.appendChild(e);
     } catch {
     }
 }
-typeof document < "u" && Pn();
+typeof document < "u" && zn();
 export {
   R as CSS_CLASSES,
-  qn as ReactaForm,
+  Wn as ReactaForm,
   In as ReactaFormProvider,
-  Ut as ReactaFormRenderer,
+  Wt as ReactaFormRenderer,
   O as StandardFieldLayout,
   jn as Units,
   U as combineClasses,
-  Nn as createInstanceFromDefinition,
-  Qn as deserializeDefinition,
-  Xn as deserializeInstance,
-  Kn as getAllPlugins,
+  Fn as createInstanceFromDefinition,
+  ra as deserializeDefinition,
+  Qn as deserializeInstance,
+  Jn as getAllPlugins,
   br as getComponent,
-  _n as getPlugin,
-  Gn as hasPlugin,
-  Pn as injectReactaFormStyles,
+  Gn as getPlugin,
+  Hn as getSupportedLanguages,
+  Yn as hasPlugin,
+  zn as injectReactaFormStyles,
   fe as isDarkTheme,
-  Hn as loadInstance,
-  Tn as loadJsonDefinition,
+  qn as loadInstance,
+  Bn as loadJsonDefinition,
   yr as registerComponent,
-  Jn as registerComponents,
-  Ur as registerFieldCustomValidationHandler,
-  Wr as registerFieldTypeValidationHandler,
-  qr as registerFormValidationHandler,
-  Un as registerPlugin,
+  Xn as registerComponents,
+  Wr as registerFieldCustomValidationHandler,
+  _r as registerFieldTypeValidationHandler,
+  Ur as registerFormValidationHandler,
+  _n as registerPlugin,
   Cr as registerSubmissionHandler,
-  Zn as serializeDefinition,
-  Yn as serializeInstance,
-  Wn as unregisterPlugin,
-  Bn as upgradeInstanceToLatestDefinition,
-  Lr as useDebouncedCallback,
+  ea as serializeDefinition,
+  Zn as serializeInstance,
+  Kn as unregisterPlugin,
+  Un as upgradeInstanceToLatestDefinition,
+  Tr as useDebouncedCallback,
   L as useFieldValidator,
-  T as useReactaFormContext,
+  j as useReactaFormContext,
   _ as useUncontrolledValidatedInput,
-  Ln as validateFieldValue,
+  Tn as validateFieldValue,
   ur as validateFieldWithCustomHandler
 };