reactaform 1.9.1 → 1.9.2

package/dist/reactaform.es.js

@@ -446,30 +446,30 @@ class ne {
     return n !== void 0 ? n : t;
   }
 }
-const ar = typeof process < "u" && process.env.NODE_ENV === "test";
+const or = typeof process < "u" && process.env.NODE_ENV === "test";
 function lt(e, r = 300, t) {
-  const n = pe(), a = pe(e), o = pe(null), c = t?.leading === !0, s = t?.trailing !== !1;
+  const n = pe(), o = pe(e), a = pe(null), c = t?.leading === !0, s = t?.trailing !== !1;
   Ue(() => {
-    a.current = e;
+    o.current = e;
   }, [e]), Ue(() => () => {
     n.current && clearTimeout(n.current);
   }, []);
   const i = (f) => {
-    a.current(...f);
+    o.current(...f);
   }, d = ge(() => {
-    n.current && (clearTimeout(n.current), n.current = void 0), o.current = null;
+    n.current && (clearTimeout(n.current), n.current = void 0), a.current = null;
   }, []), m = ge(() => {
-    n.current && (clearTimeout(n.current), n.current = void 0), s && o.current && (i(o.current), o.current = null);
+    n.current && (clearTimeout(n.current), n.current = void 0), s && a.current && (i(a.current), a.current = null);
   }, [s]);
   return { callback: ge(
     (...f) => {
-      if (ar) {
+      if (or) {
         i(f);
         return;
       }
       const b = c && !n.current;
-      o.current = f, b && i(f), n.current && clearTimeout(n.current), n.current = setTimeout(() => {
-        n.current = void 0, s && o.current && (i(o.current), o.current = null);
+      a.current = f, b && i(f), n.current && clearTimeout(n.current), n.current = setTimeout(() => {
+        n.current = void 0, s && a.current && (i(a.current), a.current = null);
       }, r);
     },
     [c, s, r]
@@ -488,8 +488,8 @@ const V = {
 }, U = (...e) => {
   const r = [];
   for (const t of e)
-    t && (typeof t == "string" ? r.push(t) : typeof t == "object" && Object.entries(t).forEach(([n, a]) => {
-      a && r.push(n);
+    t && (typeof t == "string" ? r.push(t) : typeof t == "object" && Object.entries(t).forEach(([n, o]) => {
+      o && r.push(n);
     }));
   return r.join(" ");
 };
@@ -499,16 +499,16 @@ function ie(e) {
 function ut(e) {
   if (!e) return !1;
   const r = e.trim();
-  let t = 0, n = 0, a = 0;
+  let t = 0, n = 0, o = 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), 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));
+    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));
   } else if (r.startsWith("rgb")) {
     const c = r.match(/\d+(\.\d+)?/g);
-    c && c.length >= 3 && (t = Math.min(255, Math.max(0, parseFloat(c[0]))), n = Math.min(255, Math.max(0, parseFloat(c[1]))), a = Math.min(255, Math.max(0, parseFloat(c[2]))));
+    c && c.length >= 3 && (t = Math.min(255, Math.max(0, parseFloat(c[0]))), n = Math.min(255, Math.max(0, parseFloat(c[1]))), o = Math.min(255, Math.max(0, parseFloat(c[2]))));
   } else
     return !1;
-  return (t * 299 + n * 587 + a * 114) / 1e3 < 128;
+  return (t * 299 + n * 587 + o * 114) / 1e3 < 128;
 }
 const mt = () => /* @__PURE__ */ D(
   "svg",
@@ -527,7 +527,7 @@ const mt = () => /* @__PURE__ */ D(
     ]
   }
 ), dt = ({ content: e, size: r = "medium", animation: t = !0 }) => {
-  const { t: n, theme: a, formStyle: o, fieldStyle: c } = B(), [s, i] = l.useState(!1), [d, m] = l.useState({ x: 0, y: 0 }), [u, f] = l.useState(!1), b = l.useRef(null), C = l.useRef(null), N = l.useRef(null), h = l.useId(), y = ie(a), [E, F] = l.useState(void 0);
+  const { t: n, theme: o, formStyle: a, fieldStyle: c } = B(), [s, i] = l.useState(!1), [d, m] = l.useState({ x: 0, y: 0 }), [u, f] = l.useState(!1), b = l.useRef(null), C = l.useRef(null), N = l.useRef(null), h = l.useId(), y = ie(o), [E, F] = l.useState(void 0);
   l.useLayoutEffect(() => {
     if (!b.current) return;
     const I = "rgba(255,255,255,0.1)", g = getComputedStyle(b.current).getPropertyValue("--reactaform-primary-bg").trim();
@@ -587,11 +587,11 @@ const mt = () => /* @__PURE__ */ D(
       return (S && j ? j[S] : void 0) ?? {};
     };
     return {
-      icon: { ...v.icon, ...g(o, "tooltip", "icon"), ...g(c, "tooltip", "icon") },
-      text: { ...v.text, ...g(o, "tooltip", "text"), ...g(c, "tooltip", "text") },
+      icon: { ...v.icon, ...g(a, "tooltip", "icon"), ...g(c, "tooltip", "icon") },
+      text: { ...v.text, ...g(a, "tooltip", "text"), ...g(c, "tooltip", "text") },
       textVisible: v.textVisible
     };
-  }, [y, r, t, o, c, E]);
+  }, [y, r, t, a, c, E]);
   l.useLayoutEffect(() => {
     if (!s || !b.current || !C.current) {
       f(!1);
@@ -649,26 +649,26 @@ const mt = () => /* @__PURE__ */ D(
     ),
     s && ($ ? de.createPortal(R, $) : R)
   ] });
-}, or = l.memo(dt), ve = l.memo(({
+}, ar = l.memo(dt), ve = l.memo(({
   field: e,
   error: r,
   children: t,
   showLabel: n = !0
 }) => {
-  const { t: a } = B(), o = e.labelLayout === "column-center" ? "center" : "left", c = l.useMemo(() => {
+  const { t: o } = B(), a = e.labelLayout === "column-center" ? "center" : "left", c = l.useMemo(() => {
     const d = {
       display: "flex",
       flexDirection: "column",
       gap: "var(--reactaform-label-gap, 4px)"
     };
-    return d["--label-align"] = o, d;
-  }, [o]), s = l.useMemo(() => ({
-    textAlign: o,
+    return d["--label-align"] = a, d;
+  }, [a]), s = l.useMemo(() => ({
+    textAlign: a,
     width: "100%",
     minWidth: "unset",
     display: "block",
     marginBottom: "10px"
-  }), [o]), i = l.useMemo(() => ({
+  }), [a]), i = l.useMemo(() => ({
     display: "flex",
     alignItems: "center",
     gap: "var(--reactaform-inline-gap, 8px)",
@@ -682,12 +682,12 @@ const mt = () => /* @__PURE__ */ D(
         className: V.label,
         htmlFor: e.name,
         style: s,
-        children: a(e.displayName)
+        children: o(e.displayName)
       }
     ),
     /* @__PURE__ */ D("div", { style: i, children: [
       /* @__PURE__ */ p("div", { style: { flex: 1, minWidth: 0 }, children: t }),
-      e.tooltip && /* @__PURE__ */ p(or, { content: e.tooltip })
+      e.tooltip && /* @__PURE__ */ p(ar, { content: e.tooltip })
     ] }),
     r && /* @__PURE__ */ p(Me, { id: `${e.name}-error`, children: r })
   ] });
@@ -699,7 +699,7 @@ const ir = l.memo(({
   children: t,
   rightAlign: n = !1
 }) => {
-  const { t: a } = B(), o = l.useMemo(() => ({
+  const { t: o } = B(), a = l.useMemo(() => ({
     display: "flex",
     alignItems: "center",
     gap: "3px"
@@ -712,13 +712,13 @@ const ir = l.memo(({
         className: V.label,
         htmlFor: e.name,
         style: { textAlign: "left" },
-        children: a(e.displayName)
+        children: o(e.displayName)
       }
     ),
     /* @__PURE__ */ D("div", { children: [
-      /* @__PURE__ */ D("div", { style: o, children: [
+      /* @__PURE__ */ D("div", { style: a, children: [
         n ? /* @__PURE__ */ p("div", { style: { display: "flex", flex: 1, justifyContent: "flex-end" }, children: t }) : t,
-        e.tooltip && /* @__PURE__ */ p(or, { content: e.tooltip })
+        e.tooltip && /* @__PURE__ */ p(ar, { content: e.tooltip })
       ] }),
       r && /* @__PURE__ */ p(Me, { id: `${e.name}-error`, children: r })
     ] })
@@ -783,8 +783,8 @@ sr.displayName = "InstanceName";
 class ft extends ne {
   registerInCategory(r, t, n) {
     this.get(r) || this.register(r, {});
-    const a = this.get(r);
-    a[t] = n;
+    const o = this.get(r);
+    o[t] = n;
   }
   getFromCategory(r, t) {
     return this.get(r)?.[t];
@@ -804,7 +804,7 @@ function gt(e, r, t) {
   lr.registerInCategory(e, r, t);
 }
 function ht(e, r) {
-  if (an(e)) {
+  if (on(e)) {
     console.warn(
       `[ReactaForm] Can't override builtin type field validation handler for type "${e}".`
     );
@@ -831,22 +831,22 @@ const We = /* @__PURE__ */ new Map(), _e = /* @__PURE__ */ new Map();
 function fr(e, r, t, n) {
   if (!r || !r.validationHandlerName)
     return null;
-  let a, o;
+  let o, a;
   if (typeof r.validationHandlerName == "string")
-    a = e, o = r.validationHandlerName;
+    o = e, a = r.validationHandlerName;
   else if (Array.isArray(r.validationHandlerName)) {
     const [i, d] = r.validationHandlerName;
     if (d)
-      a = i, o = d;
+      o = i, a = d;
     else if (i)
-      a = e, o = i;
+      o = e, a = i;
     else
       return null;
   } else
     return null;
-  const c = `${a}:${o}`;
+  const c = `${o}:${a}`;
   let s = We.get(c);
-  if (s === void 0 && (s = ur(a, o) || null, We.set(c, s)), s)
+  if (s === void 0 && (s = ur(o, a) || null, We.set(c, s)), s)
     try {
       return s(r.name, t, n) || null;
     } catch (i) {
@@ -854,15 +854,15 @@ function fr(e, r, t, n) {
     }
   return null;
 }
-function ua(e, r, t, n) {
+function uo(e, r, t, n) {
   return fr(e, r, t, n);
 }
 function pr(e, r, t, n) {
-  const a = dr(r.type);
-  if (a) {
-    const o = a(r, t, n);
-    if (o)
-      return o;
+  const o = dr(r.type);
+  if (o) {
+    const a = o(r, t, n);
+    if (a)
+      return a;
   } else if (String(t ?? "").trim() === "")
     return r.required ? n("Value required") : null;
   return fr(e, r, t, n);
@@ -871,21 +871,21 @@ async function yt(e, r, t) {
   if (!e || typeof e.validationHandlerName != "string")
     return null;
   const n = e.validationHandlerName;
-  let a = _e.get(n);
-  if (a === void 0 && (a = mr(n) || null, _e.set(n, a)), a)
+  let o = _e.get(n);
+  if (o === void 0 && (o = mr(n) || null, _e.set(n, o)), o)
     try {
-      const o = a(r, t);
-      return bt(o) ? await o || null : o || null;
-    } catch (o) {
-      return [String(o instanceof Error ? o.message : o)];
+      const a = o(r, t);
+      return bt(a) ? await a || null : a || null;
+    } catch (a) {
+      return [String(a instanceof Error ? a.message : a)];
     }
   return null;
 }
 function T(e, r) {
-  const { definitionName: t, t: n, fieldValidationMode: a } = B();
+  const { definitionName: t, t: n, fieldValidationMode: o } = B();
   return l.useCallback(
-    (o) => a === "realTime" ? pr(t, e, o, n) : r ?? null,
-    [t, e, n, a, r]
+    (a) => o === "onEdit" || o === "realTime" ? pr(t, e, a, n) : r ?? null,
+    [t, e, n, o, r]
   );
 }
 const gr = ({
@@ -893,12 +893,12 @@ const gr = ({
   value: r = !1,
   onChange: t,
   onError: n,
-  error: a
+  error: o
 }) => {
-  const { t: o } = B(), s = T(e, a)(r);
+  const { t: a } = B(), s = T(e, o)(r);
   l.useEffect(() => {
-    a || n?.(s);
-  }, [s, a, n]);
+    o || n?.(s);
+  }, [s, o, n]);
   const i = l.useCallback(
     (u) => {
       t?.(u.target.checked);
@@ -926,7 +926,7 @@ const gr = ({
             className: V.label,
             htmlFor: m,
             style: { textAlign: "left", justifyContent: "flex-start" },
-            children: o(e.displayName)
+            children: a(e.displayName)
           }
         ),
         /* @__PURE__ */ p(
@@ -958,24 +958,24 @@ const gr = ({
 gr.displayName = "CheckboxInput";
 const vt = l.memo(gr);
 function _({ value: e, onChange: r, onError: t, validate: n }) {
-  const a = l.useRef(null), o = l.useRef(null), c = l.useRef(t), [s, i] = l.useState(null);
+  const o = l.useRef(null), a = l.useRef(null), c = l.useRef(t), [s, i] = l.useState(null);
   l.useEffect(() => {
     c.current = t;
   }, [t]), l.useEffect(() => {
     const m = String(e ?? "");
-    if (!(document.activeElement === a.current)) {
+    if (!(document.activeElement === o.current)) {
       const f = n(m);
-      f !== o.current && (o.current = f, c.current?.(f ?? null), i(f)), a.current && a.current.value !== m && (a.current.value = m);
+      f !== a.current && (a.current = f, c.current?.(f ?? null), i(f)), o.current && o.current.value !== m && (o.current.value = m);
     }
   }, [e, n]);
   const d = l.useCallback(
     (m) => {
       const u = m.target.value, f = n(u);
-      f !== o.current && (o.current = f, i(f), c.current?.(f ?? null)), r?.(u);
+      f !== a.current && (a.current = f, i(f), c.current?.(f ?? null)), r?.(u);
     },
     [r, n]
   );
-  return { inputRef: a, error: s, handleChange: d };
+  return { inputRef: o, error: s, handleChange: d };
 }
 const Ke = [
   { label: "Black", value: "#000000" },
@@ -1008,9 +1008,9 @@ const Ke = [
   value: r,
   onChange: t,
   onError: n,
-  error: a
+  error: o
 }) => {
-  const { t: o } = B(), c = T(e, a), s = l.useMemo(
+  const { t: a } = B(), c = T(e, o), s = l.useMemo(
     () => he(r),
     [r]
   ), { inputRef: i, error: d, handleChange: m } = _({
@@ -1067,7 +1067,7 @@ const Ke = [
             ),
             "aria-invalid": !!d,
             children: [
-              Ke.map((M) => /* @__PURE__ */ p("option", { value: M.value, children: o(M.label) }, M.value)),
+              Ke.map((M) => /* @__PURE__ */ p("option", { value: M.value, children: a(M.label) }, M.value)),
               !h && /* @__PURE__ */ D("option", { value: u, children: [
                 "(",
                 y,
@@ -1122,8 +1122,8 @@ const Nt = l.memo(hr), Ge = (e) => {
     return Ge(e) ? e : "";
   const t = Ge(e);
   if (t) {
-    const n = t.getUTCFullYear(), a = String(t.getUTCMonth() + 1).padStart(2, "0"), o = String(t.getUTCDate()).padStart(2, "0");
-    return `${n}-${a}-${o}`;
+    const n = t.getUTCFullYear(), o = String(t.getUTCMonth() + 1).padStart(2, "0"), a = String(t.getUTCDate()).padStart(2, "0");
+    return `${n}-${o}-${a}`;
   }
   return "";
 }, br = ({
@@ -1131,13 +1131,13 @@ const Nt = l.memo(hr), Ge = (e) => {
   value: r,
   onChange: t,
   onError: n,
-  error: a
+  error: o
 }) => {
-  const o = T(e, a), c = Je(r), { inputRef: s, error: i, handleChange: d } = _({
+  const a = T(e, o), c = Je(r), { inputRef: s, error: i, handleChange: d } = _({
     value: c,
     onChange: t,
     onError: n,
-    validate: o
+    validate: a
   });
   return /* @__PURE__ */ p(O, { field: e, error: i, children: /* @__PURE__ */ p(
     "input",
@@ -1157,13 +1157,13 @@ const Nt = l.memo(hr), Ge = (e) => {
 };
 br.displayName = "DateInput";
 const kt = l.memo(br), yr = ({ field: e }) => {
-  const { t: r } = B(), { displayText: t = "", textAlign: n = "left", allowHtml: a = !1 } = e;
+  const { t: r } = B(), { displayText: t = "", textAlign: n = "left", allowHtml: o = !1 } = e;
   return /* @__PURE__ */ p(
     "div",
     {
       className: V.description,
       style: { textAlign: n },
-      ...a ? { dangerouslySetInnerHTML: { __html: r(t) } } : { children: r(t) }
+      ...o ? { dangerouslySetInnerHTML: { __html: r(t) } } : { children: r(t) }
     }
   );
 };
@@ -1173,13 +1173,13 @@ const It = l.memo(yr), vr = ({
   value: r,
   onChange: t,
   onError: n,
-  error: a
+  error: o
 }) => {
-  const { t: o, theme: c, formStyle: s, fieldStyle: i } = B(), d = l.useRef(null), m = l.useRef(n), [u, f] = l.useState(!1), [b, C] = l.useState(null);
+  const { t: a, theme: c, formStyle: s, fieldStyle: i } = B(), d = l.useRef(null), m = l.useRef(n), [u, f] = l.useState(!1), [b, C] = l.useState(null);
   l.useEffect(() => {
     m.current = n;
   }, [n]);
-  const N = T(e, a), [h, y] = l.useState(null), E = l.useRef(null);
+  const N = T(e, o), [h, y] = l.useState(null), E = l.useRef(null);
   l.useEffect(() => {
     const g = String(r ?? "");
     let w = N(g);
@@ -1198,8 +1198,8 @@ const It = l.memo(yr), vr = ({
     w !== E.current && (E.current = w, y(w), m.current?.(w ?? null)), t?.(g), f(!1);
   }, $ = l.useMemo(() => {
     const g = e.options.find((w) => String(w.value) === String(r));
-    return g ? o(g.label) : "";
-  }, [e.options, r, o]), R = (g, w, x) => {
+    return g ? a(g.label) : "";
+  }, [e.options, r, a]), R = (g, w, x) => {
     if (!w) return {};
     const S = g?.[w];
     return (x && S ? S[x] : void 0) ?? {};
@@ -1258,7 +1258,7 @@ const It = l.memo(yr), vr = ({
         onClose: () => f(!1),
         controlRef: d,
         theme: c,
-        t: o
+        t: a
       }
     )
   ] });
@@ -1267,15 +1267,15 @@ const It = l.memo(yr), vr = ({
   options: r,
   selectedValue: t,
   onSelect: n,
-  onClose: a,
-  controlRef: o,
+  onClose: o,
+  controlRef: a,
   theme: c,
   t: s
 }) => {
   const i = l.useRef(null), [d, m] = l.useState(-1), { formStyle: u, fieldStyle: f } = B(), b = ie(c ?? "light");
   l.useLayoutEffect(() => {
-    if (!o.current) return;
-    const v = o.current.closest("[data-reactaform-theme]"), g = document.getElementById("popup-root");
+    if (!a.current) return;
+    const v = a.current.closest("[data-reactaform-theme]"), g = document.getElementById("popup-root");
     if (v && g) {
       const w = getComputedStyle(v);
       g.style.setProperty(
@@ -1289,7 +1289,7 @@ const It = l.memo(yr), vr = ({
         w.getPropertyValue("--reactaform-option-menu-hover-bg")
       );
     }
-  }, [o]);
+  }, [a]);
   const C = (v, g, w) => {
     if (!g) return {};
     const k = v?.[g];
@@ -1320,10 +1320,10 @@ const It = l.memo(yr), vr = ({
   l.useEffect(() => {
     const v = (g) => {
       const w = g.target;
-      !i.current?.contains(w) && !o.current?.contains(w) && a();
+      !i.current?.contains(w) && !a.current?.contains(w) && o();
     };
     return document.addEventListener("mousedown", v), () => document.removeEventListener("mousedown", v);
-  }, [a, o]), l.useEffect(() => {
+  }, [o, a]), l.useEffect(() => {
     if (i.current && r.length > 0) {
       const v = r.findIndex((g) => String(g.value) === t);
       requestAnimationFrame(() => m(v >= 0 ? v : 0));
@@ -1338,7 +1338,7 @@ const It = l.memo(yr), vr = ({
     if (typeof window > "u") return;
     const v = () => {
       let x = e.x, k = e.y, S = y;
-      const A = o?.current;
+      const A = a?.current;
       if (A) {
         const j = A.getBoundingClientRect();
         x = j.left, k = j.bottom, S = Math.max(80, Math.round(j.width));
@@ -1347,11 +1347,11 @@ const It = l.memo(yr), vr = ({
     };
     v(), window.addEventListener("scroll", v, !0), window.addEventListener("resize", v);
     let g = null;
-    const w = o?.current;
+    const w = a?.current;
     return typeof ResizeObserver < "u" && w && (g = new ResizeObserver(() => v()), g.observe(w)), () => {
       window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", v), g && w && g.unobserve(w);
     };
-  }, [o, e.x, e.y]), typeof window > "u") return null;
+  }, [a, e.x, e.y]), typeof window > "u") return null;
   let I = document.getElementById("popup-root");
   return I || (I = document.createElement("div"), I.id = "popup-root", document.body.appendChild(I)), de.createPortal(
     /* @__PURE__ */ p(
@@ -1401,7 +1401,7 @@ const It = l.memo(yr), vr = ({
                     S.preventDefault(), S.stopPropagation(), n(String(v.value));
                     break;
                   case "Escape":
-                    S.preventDefault(), a(), o?.current?.focus();
+                    S.preventDefault(), o(), a?.current?.focus();
                     break;
                 }
               },
@@ -1431,13 +1431,13 @@ const Mt = l.memo(vr), xr = ({
   value: r,
   onChange: t,
   onError: n,
-  error: a
+  error: o
 }) => {
-  const o = T(e, a), { inputRef: c, error: s, handleChange: i } = _({
+  const a = T(e, o), { inputRef: c, error: s, handleChange: i } = _({
     value: r,
     onChange: t,
     onError: n,
-    validate: o
+    validate: a
   });
   return /* @__PURE__ */ p(O, { field: e, error: s, children: /* @__PURE__ */ p(
     "input",
@@ -1458,7 +1458,7 @@ const Ft = l.memo(xr), wr = ({ field: e }) => {
   const { theme: r } = B(), {
     color: t = ie(r) ? "#444444" : "#CCCCCC",
     thickness: n = 1,
-    margin: a = "8px 0"
+    margin: o = "8px 0"
   } = e;
   return /* @__PURE__ */ p(
     "div",
@@ -1468,20 +1468,20 @@ const Ft = l.memo(xr), wr = ({ field: e }) => {
         height: "0",
         // ensures only 1 line
         borderTop: `${n}px solid ${t}`,
-        margin: a
+        margin: o
       }
     }
   );
 };
 wr.displayName = "FieldSeparator";
-const $t = l.memo(wr), Sr = ({ field: e, value: r, onChange: t, onError: n, error: a }) => {
-  const { t: o, theme: c } = B(), [s, i] = l.useState(!1), d = l.useRef(null), m = l.useRef(n), u = l.useRef(null), [f, b] = l.useState(null), C = ie(c);
+const $t = l.memo(wr), Sr = ({ field: e, value: r, onChange: t, onError: n, error: o }) => {
+  const { t: a, theme: c } = B(), [s, i] = l.useState(!1), d = l.useRef(null), m = l.useRef(n), u = l.useRef(null), [f, b] = l.useState(null), C = ie(c);
   l.useEffect(() => {
     m.current = n;
   }, [n]);
   const N = (g, w) => w.some(
     (x) => x.name === g.name && x.size === g.size && x.lastModified === g.lastModified
-  ), h = T(e, a);
+  ), h = T(e, o);
   l.useEffect(() => {
     const g = h(r ?? []);
     t?.(r), g !== u.current && (u.current = g, b(g), m.current?.(g ?? null));
@@ -1566,7 +1566,7 @@ const $t = l.memo(wr), Sr = ({ field: e, value: r, onChange: t, onError: n, erro
             {
               type: "button",
               onClick: () => $(Array.isArray(r) ? x : void 0),
-              "aria-label": o("Remove file"),
+              "aria-label": a("Remove file"),
               style: {
                 background: "transparent",
                 border: "none",
@@ -1630,7 +1630,7 @@ const $t = l.memo(wr), Sr = ({ field: e, value: r, onChange: t, onError: n, erro
           (g.key === "Enter" || g.key === " ") && (g.preventDefault(), d.current?.click());
         },
         role: "button",
-        "aria-label": e.multiple ? o("Choose Files or Drag & Drop") : o("Choose File or Drag & Drop"),
+        "aria-label": e.multiple ? a("Choose Files or Drag & Drop") : a("Choose File or Drag & Drop"),
         "aria-invalid": !!f,
         "aria-describedby": f ? `${e.name}-error` : void 0,
         children: [
@@ -1660,7 +1660,7 @@ const $t = l.memo(wr), Sr = ({ field: e, value: r, onChange: t, onError: n, erro
             color: "var(--reactaform-text-color, #111827)",
             flex: 1,
             textAlign: "left"
-          }, children: s ? o("Drop files here") : e.multiple ? o("Choose Files or Drag & Drop") : o("Choose File or Drag & Drop") })
+          }, children: s ? a("Drop files here") : e.multiple ? a("Choose Files or Drag & Drop") : a("Choose File or Drag & Drop") })
         ]
       }
     ),
@@ -1673,13 +1673,13 @@ const Vt = l.memo(Sr), Cr = ({
   value: r,
   onChange: t,
   onError: n,
-  error: a
+  error: o
 }) => {
-  const o = T(e, a), c = Array.isArray(r) ? r.join(", ") : String(r ?? ""), { inputRef: s, error: i, handleChange: d } = _({
+  const a = T(e, o), c = Array.isArray(r) ? r.join(", ") : String(r ?? ""), { inputRef: s, error: i, handleChange: d } = _({
     value: c,
     onChange: t,
     onError: n,
-    validate: o
+    validate: a
   });
   return /* @__PURE__ */ p(O, { field: e, error: i, children: /* @__PURE__ */ p(
     "input",
@@ -1702,13 +1702,13 @@ const At = l.memo(Cr), Nr = ({
   value: r,
   onChange: t,
   onError: n,
-  error: a
+  error: o
 }) => {
-  const o = T(e, a), { inputRef: c, error: s, handleChange: i } = _({
+  const a = T(e, o), { inputRef: c, error: s, handleChange: i } = _({
     value: r,
     onChange: t,
     onError: n,
-    validate: o
+    validate: a
   });
   return /* @__PURE__ */ p(O, { field: e, error: s, children: /* @__PURE__ */ p(
     "input",
@@ -1742,7 +1742,7 @@ function Dt() {
   return "/";
 }
 const kr = ({ field: e, value: r }) => {
-  const { language: t, t: n } = B(), a = e.alignment || "center", o = {
+  const { language: t, t: n } = B(), o = e.alignment || "center", a = {
     left: "flex-start",
     center: "center",
     right: "flex-end"
@@ -1786,7 +1786,7 @@ const kr = ({ field: e, value: r }) => {
       "data-testid": "image-wrapper",
       style: {
         display: "flex",
-        justifyContent: o[a] || "center",
+        justifyContent: a[o] || "center",
         margin: "0 0"
       },
       children: /* @__PURE__ */ p(
@@ -1807,13 +1807,13 @@ const zt = l.memo(kr), Ir = ({
   value: r,
   onChange: t,
   onError: n,
-  error: a
+  error: o
 }) => {
-  const o = T(e, a), c = Array.isArray(r) ? r.join(", ") : String(r ?? ""), { inputRef: s, error: i, handleChange: d } = _({
+  const a = T(e, o), c = Array.isArray(r) ? r.join(", ") : String(r ?? ""), { inputRef: s, error: i, handleChange: d } = _({
     value: c,
     onChange: t,
     onError: n,
-    validate: o
+    validate: a
   });
   return /* @__PURE__ */ p(O, { field: e, error: i, children: /* @__PURE__ */ p(
     "input",
@@ -1836,13 +1836,13 @@ const Pt = l.memo(Ir), Er = ({
   value: r,
   onChange: t,
   onError: n,
-  error: a
+  error: o
 }) => {
-  const o = T(e, a), { inputRef: c, error: s, handleChange: i } = _({
+  const a = T(e, o), { inputRef: c, error: s, handleChange: i } = _({
     value: r,
     onChange: t,
     onError: n,
-    validate: o
+    validate: a
   });
   return /* @__PURE__ */ p(O, { field: e, error: s, children: /* @__PURE__ */ p(
     "input",
@@ -1864,13 +1864,13 @@ const Lt = l.memo(Er), Mr = ({
   value: r,
   onChange: t,
   onError: n,
-  error: a
+  error: o
 }) => {
-  const o = T(e, a), { inputRef: c, error: s, handleChange: i } = _({
+  const a = T(e, o), { inputRef: c, error: s, handleChange: i } = _({
     value: r,
     onChange: t,
     onError: n,
-    validate: o
+    validate: a
   });
   return /* @__PURE__ */ p(O, { field: e, error: s, children: /* @__PURE__ */ p(
     "textarea",
@@ -1897,13 +1897,13 @@ const Ot = l.memo(Mr), Fr = ({
   value: r,
   onChange: t,
   onError: n,
-  error: a
+  error: o
 }) => {
-  const o = l.useRef(
+  const a = l.useRef(
     n
   );
   l.useEffect(() => {
-    o.current = n;
+    a.current = n;
   }, [n]);
   const { t: c, theme: s, formStyle: i, fieldStyle: d } = B(), m = (x, k, S) => {
     if (!k) return {};
@@ -1915,10 +1915,10 @@ const Ot = l.memo(Mr), Fr = ({
   ), y = l.useMemo(() => {
     const x = Array.isArray(r) ? r : [], k = new Set(h.map((S) => S.value));
     return x.filter((S) => k.has(S));
-  }, [r, h]), E = T(e, a), [F, M] = l.useState(null), $ = l.useRef(null);
+  }, [r, h]), E = T(e, o), [F, M] = l.useState(null), $ = l.useRef(null);
   l.useEffect(() => {
     const x = E(Array.isArray(r) ? r : []);
-    x !== $.current && ($.current = x, M(x), o.current?.(x ?? null));
+    x !== $.current && ($.current = x, M(x), a.current?.(x ?? null));
   }, [r, E]);
   const R = () => {
     if (!u.current) return;
@@ -1926,7 +1926,7 @@ const Ot = l.memo(Mr), Fr = ({
     N({ x: x.left, y: x.bottom }), b((k) => !k);
   }, I = (x) => {
     const k = y.includes(x) ? y.filter((A) => A !== x) : [...y, x], S = E(k);
-    S !== $.current && ($.current = S, M(S), o.current?.(S ?? null)), t?.(k);
+    S !== $.current && ($.current = S, M(S), a.current?.(S ?? null)), t?.(k);
   }, v = l.useMemo(
     () => ({
       height: "var(--reactaform-input-height, 2.5rem)",
@@ -2032,14 +2032,14 @@ const Ot = l.memo(Mr), Fr = ({
   options: r,
   selectedValues: t,
   onToggleOption: n,
-  onClose: a,
-  controlRef: o,
+  onClose: o,
+  controlRef: a,
   theme: c
 }) => {
   const s = l.useRef(null), [i, d] = l.useState(-1), { formStyle: m, fieldStyle: u } = B(), f = ie(c ?? "light");
   l.useLayoutEffect(() => {
-    if (!o.current) return;
-    const I = o.current.closest("[data-reactaform-theme]"), v = document.getElementById("popup-root");
+    if (!a.current) return;
+    const I = a.current.closest("[data-reactaform-theme]"), v = document.getElementById("popup-root");
     if (I && v) {
       const g = getComputedStyle(I);
       v.style.setProperty(
@@ -2053,7 +2053,7 @@ const Ot = l.memo(Mr), Fr = ({
         g.getPropertyValue("--reactaform-option-menu-hover-bg")
       );
     }
-  }, [o]);
+  }, [a]);
   const b = (I, v, g) => {
     if (!v) return {};
     const x = I?.[v];
@@ -2090,10 +2090,10 @@ const Ot = l.memo(Mr), Fr = ({
   l.useEffect(() => {
     const I = (v) => {
       const g = v.target;
-      !s.current?.contains(g) && !o.current?.contains(g) && a();
+      !s.current?.contains(g) && !a.current?.contains(g) && o();
     };
     return document.addEventListener("mousedown", I), () => document.removeEventListener("mousedown", I);
-  }, [a, o]), l.useEffect(() => {
+  }, [o, a]), l.useEffect(() => {
     s.current && r.length > 0 && requestAnimationFrame(
       () => d((I) => I === -1 ? 0 : I)
     );
@@ -2109,7 +2109,7 @@ const Ot = l.memo(Mr), Fr = ({
     if (typeof window > "u") return;
     const I = () => {
       let w = e.x, x = e.y, k = h;
-      const S = o?.current;
+      const S = a?.current;
       if (S) {
         const A = S.getBoundingClientRect();
         w = A.left, x = A.bottom, k = Math.max(80, Math.round(A.width));
@@ -2118,11 +2118,11 @@ const Ot = l.memo(Mr), Fr = ({
     };
     I(), window.addEventListener("scroll", I, !0), window.addEventListener("resize", I);
     let v = null;
-    const g = o?.current;
+    const g = a?.current;
     return typeof ResizeObserver < "u" && g && (v = new ResizeObserver(() => I()), v.observe(g)), () => {
       window.removeEventListener("scroll", I, !0), window.removeEventListener("resize", I), v && g && v.unobserve(g);
     };
-  }, [o, e.x, e.y]), typeof window > "u") return null;
+  }, [a, e.x, e.y]), typeof window > "u") return null;
   let R = document.getElementById("popup-root");
   return R || (R = document.createElement("div"), R.id = "popup-root", document.body.appendChild(R)), de.createPortal(
     /* @__PURE__ */ p(
@@ -2172,7 +2172,7 @@ const Ot = l.memo(Mr), Fr = ({
                     k.preventDefault(), k.stopPropagation(), n(I.value);
                     break;
                   case "Escape":
-                    k.preventDefault(), a(), o?.current?.focus();
+                    k.preventDefault(), o(), a?.current?.focus();
                     break;
                 }
               },
@@ -2220,13 +2220,13 @@ const jt = l.memo(Fr), $r = ({
   value: r,
   onChange: t,
   onError: n,
-  error: a
+  error: o
 }) => {
-  const o = T(e, a), { inputRef: c, error: s, handleChange: i } = _({
+  const a = T(e, o), { inputRef: c, error: s, handleChange: i } = _({
     value: String(r ?? ""),
     onChange: t,
     onError: n,
-    validate: o
+    validate: a
   }), d = Math.max(1, Math.round(e.step ?? 1));
   return /* @__PURE__ */ p(O, { field: e, error: s, children: /* @__PURE__ */ p(
     "input",
@@ -2255,13 +2255,13 @@ const Bt = l.memo($r), Vr = ({
   value: r,
   onChange: t,
   onError: n,
-  error: a
+  error: o
 }) => {
-  const o = T(e, a), { inputRef: c, error: s, handleChange: i } = _({
+  const a = T(e, o), { inputRef: c, error: s, handleChange: i } = _({
     value: r,
     onChange: t,
     onError: n,
-    validate: o
+    validate: a
   });
   return /* @__PURE__ */ p(O, { field: e, error: s, children: /* @__PURE__ */ p(
     "input",
@@ -2283,9 +2283,9 @@ const Ht = l.memo(Vr), Ar = ({
   value: r,
   onChange: t,
   onError: n,
-  error: a
+  error: o
 }) => {
-  const { t: o } = B(), c = T(e, a), s = e.layout?.toLowerCase() === "horizontal" ? "row" : "column", i = l.useRef(n);
+  const { t: a } = B(), c = T(e, o), s = e.layout?.toLowerCase() === "horizontal" ? "row" : "column", i = l.useRef(n);
   l.useEffect(() => {
     i.current = n;
   }, [n]);
@@ -2365,7 +2365,7 @@ const Ht = l.memo(Vr), Ar = ({
                     flex: s === "column" ? 1 : void 0,
                     fontWeight: 400
                   },
-                  children: o(h.label)
+                  children: a(h.label)
                 }
               )
             ]
@@ -2388,8 +2388,8 @@ const qt = l.memo(Ar), Ut = {
   marginRight: "0.25rem",
   userSelect: "none",
   transition: "color 0.12s ease"
-}, Rr = ({ field: e, value: r, onChange: t, onError: n, error: a }) => {
-  const { t: o } = B(), c = T(e, a), s = e.max ?? 5, i = e.icon?.trim() || "★", [d, m] = l.useState(null), u = l.useRef([]), f = l.useMemo(() => Math.min(Math.max(r ?? 0, 0), s), [r, s]), b = l.useMemo(() => c(f) ?? null, [c, f]);
+}, Rr = ({ field: e, value: r, onChange: t, onError: n, error: o }) => {
+  const { t: a } = B(), c = T(e, o), s = e.max ?? 5, i = e.icon?.trim() || "★", [d, m] = l.useState(null), u = l.useRef([]), f = l.useMemo(() => Math.min(Math.max(r ?? 0, 0), s), [r, s]), b = l.useMemo(() => c(f) ?? null, [c, f]);
   l.useEffect(() => {
     n?.(b);
   }, [b, n]);
@@ -2436,7 +2436,7 @@ const qt = l.memo(Ar), Ut = {
             tabIndex: f > 0 ? y === f - 1 ? 0 : -1 : y === 0 ? 0 : -1,
             "aria-checked": E,
             "aria-label": `Rating ${y + 1}`,
-            title: o(`${e.displayName} ${y + 1}`),
+            title: a(`${e.displayName} ${y + 1}`),
             onClick: () => C(y + 1),
             onKeyDown: ($) => N($, y),
             onMouseEnter: () => m(y),
@@ -2456,9 +2456,9 @@ const _t = l.memo(Rr), Dr = ({
   value: r,
   onChange: t,
   onError: n,
-  error: a
+  error: o
 }) => {
-  const { t: o } = B(), c = T(e, a), { inputRef: s, error: i, handleChange: d } = _({
+  const { t: a } = B(), c = T(e, o), { inputRef: s, error: i, handleChange: d } = _({
     value: r,
     onChange: t,
     onError: n,
@@ -2484,7 +2484,7 @@ const _t = l.memo(Rr), Dr = ({
       {
         type: "button",
         onClick: f,
-        "aria-label": o(m ? "Hide password" : "Show password"),
+        "aria-label": a(m ? "Hide password" : "Show password"),
         style: {
           background: "transparent",
           border: "none",
@@ -2500,15 +2500,15 @@ const _t = l.memo(Rr), Dr = ({
   ] }) });
 };
 Dr.displayName = "PasswordInput";
-const Kt = l.memo(Dr), zr = ({ field: e, value: r, onChange: t, onError: n, error: a }) => {
-  const o = T(e, a), c = e.min ?? 0, s = e.max ?? 100, [i, d] = l.useState(
+const Kt = l.memo(Dr), zr = ({ field: e, value: r, onChange: t, onError: n, error: o }) => {
+  const a = T(e, o), c = e.min ?? 0, s = e.max ?? 100, [i, d] = l.useState(
     () => isNaN(Number(r)) ? String(c) : String(Number(r))
   );
   l.useEffect(() => {
     const b = isNaN(Number(r)) ? String(c) : String(Number(r));
     d(b);
   }, [r, c]);
-  const m = l.useMemo(() => o(i) ?? null, [o, i]);
+  const m = l.useMemo(() => a(i) ?? null, [a, i]);
   l.useEffect(() => {
     n?.(m);
   }, [m, n]);
@@ -2567,9 +2567,9 @@ const Gt = l.memo(zr), Pr = ({
   value: r,
   onChange: t,
   onError: n,
-  error: a
+  error: o
 }) => {
-  const { t: o, formStyle: c, fieldStyle: s } = B(), d = T(e, a)(r);
+  const { t: a, formStyle: c, fieldStyle: s } = B(), d = T(e, o)(r);
   l.useEffect(() => {
     n?.(d);
   }, [d, n]);
@@ -2638,7 +2638,7 @@ const Gt = l.memo(zr), Pr = ({
         className: V.label,
         htmlFor: e.name,
         style: { textAlign: "left", justifyContent: "flex-start" },
-        children: o(e.displayName)
+        children: a(e.displayName)
       }
     ),
     /* @__PURE__ */ D("label", { style: b, children: [
@@ -2649,7 +2649,7 @@ const Gt = l.memo(zr), Pr = ({
           type: "checkbox",
           checked: y,
           readOnly: !0,
-          "aria-label": o(e.displayName),
+          "aria-label": a(e.displayName),
           "aria-invalid": !1,
           "aria-describedby": void 0,
           style: C,
@@ -2691,13 +2691,13 @@ const Jt = l.memo(Pr), xe = ({
   value: r,
   onChange: t,
   onError: n,
-  error: a
+  error: o
 }) => {
-  const o = T(e, a), { inputRef: c, error: s, handleChange: i } = _({
+  const a = T(e, o), { inputRef: c, error: s, handleChange: i } = _({
     value: r,
     onChange: t,
     onError: n,
-    validate: o
+    validate: a
   });
   return /* @__PURE__ */ p(O, { field: e, error: s, children: /* @__PURE__ */ p(
     "input",
@@ -2720,13 +2720,13 @@ const Lr = ({
   value: r,
   onChange: t,
   onError: n,
-  error: a
+  error: o
 }) => {
-  const o = T(e, a), { inputRef: c, error: s, handleChange: i } = _({
+  const a = T(e, o), { inputRef: c, error: s, handleChange: i } = _({
     value: r,
     onChange: t,
     onError: n,
-    validate: o
+    validate: a
   });
   return /* @__PURE__ */ p(O, { field: e, error: s, children: /* @__PURE__ */ p(
     "input",
@@ -2753,27 +2753,27 @@ function Xt({
   onClose: t,
   onClickOption: n
 }) {
-  const a = l.useRef(null), o = l.useRef(!1), [c, s] = l.useState({
+  const o = l.useRef(null), a = l.useRef(!1), [c, s] = l.useState({
     top: e?.y ?? 0,
     left: e?.x ?? 0,
     ready: !1
   }), i = typeof window < "u" ? document.getElementById("popup-root") || document.body : null;
   return l.useEffect(() => {
     function d(m) {
-      o.current || m.target.dataset?.popupMenu === "item" || a.current && m.target instanceof Node && !a.current.contains(m.target) && t();
+      a.current || m.target.dataset?.popupMenu === "item" || o.current && m.target instanceof Node && !o.current.contains(m.target) && t();
     }
     return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
   }, [t]), l.useLayoutEffect(() => {
-    if (!a.current || !e || e.x == null || e.y == null)
+    if (!o.current || !e || e.x == null || e.y == null)
       return;
-    const d = a.current.getBoundingClientRect(), m = window.innerWidth, u = window.innerHeight;
+    const d = o.current.getBoundingClientRect(), m = window.innerWidth, u = window.innerHeight;
     let f = e.x, b = e.y;
     f + d.width > m && (f = Math.max(0, m - d.width - 10)), b + d.height > u && (b = Math.max(0, e.y - d.height - 5)), s({ top: b, left: f, ready: !0 });
   }, [e, r]), !i || r === void 0 || r.length === 0 || !e || e.x == null || e.y == null ? null : de.createPortal(
     /* @__PURE__ */ p(
       "div",
       {
-        ref: a,
+        ref: o,
         onMouseDown: (d) => {
           d.stopPropagation();
         },
@@ -2797,11 +2797,11 @@ function Xt({
           {
             "data-popup-menu": "item",
             onMouseDown: (u) => {
-              u.stopPropagation(), o.current = !0;
+              u.stopPropagation(), a.current = !0;
             },
             onClick: (u) => {
               u.stopPropagation(), u.preventDefault(), n(d), t(), setTimeout(() => {
-                o.current = !1;
+                a.current = !1;
               }, 100);
             },
             style: {
@@ -2949,22 +2949,22 @@ const $e = {
   ...Object.keys(Ae)
 ]);
 for (const e of Zt) {
-  const r = {}, t = $e[e] ?? [], n = Ve[e] ?? {}, a = Ae[e] ?? {};
-  for (const o of t) {
-    const c = n[o];
-    r[o] = {
-      name: typeof c == "string" ? c : String(o),
-      shortName: o,
-      factor: o in a ? a[o] : void 0
+  const r = {}, t = $e[e] ?? [], n = Ve[e] ?? {}, o = Ae[e] ?? {};
+  for (const a of t) {
+    const c = n[a];
+    r[a] = {
+      name: typeof c == "string" ? c : String(a),
+      shortName: a,
+      factor: a in o ? o[a] : void 0
     };
   }
-  for (const [o, c] of Object.entries(n))
-    if (!r[o]) {
-      const s = typeof c == "string" ? c : String(o);
-      r[o] = { name: s, shortName: o, factor: o in a ? a[o] : void 0 };
+  for (const [a, c] of Object.entries(n))
+    if (!r[a]) {
+      const s = typeof c == "string" ? c : String(a);
+      r[a] = { name: s, shortName: a, factor: a in o ? o[a] : void 0 };
     }
-  for (const [o, c] of Object.entries(a))
-    r[o] || (r[o] = { name: String(o), shortName: String(o), factor: c });
+  for (const [a, c] of Object.entries(o))
+    r[a] || (r[a] = { name: String(a), shortName: String(a), factor: c });
   Re[e] = r;
 }
 function Or(e, r, t) {
@@ -2984,15 +2984,15 @@ function Tr(e) {
   const r = Re[e];
   if (!r) return null;
   const t = {}, n = [];
-  for (const [o, c] of Object.entries(r))
-    typeof c.factor == "number" && (t[o] = c.factor), n.push(o);
+  for (const [a, c] of Object.entries(r))
+    typeof c.factor == "number" && (t[a] = c.factor), n.push(a);
   return {
     default: Object.keys(r)[0] ?? "",
     units: n,
     factors: t
   };
 }
-const ma = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const mo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   convertTemperature: Or,
   dimensionUnitDisplayMap: Ve,
@@ -3005,8 +3005,8 @@ const ma = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   inputValue: r,
   selectedUnit: t,
   dimension: n,
-  unitFactors: a,
-  onConversionSelect: o,
+  unitFactors: o,
+  onConversionSelect: a,
   t: c
 }) => {
   const [s, i] = l.useState(!1), [d, m] = l.useState(null), [u, f] = l.useState([]), b = l.useCallback(
@@ -3018,7 +3018,7 @@ const ma = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       m({ x: E.left, y: E.bottom });
       const F = [];
       if (n === "temperature")
-        a.units.forEach(($) => {
+        o.units.forEach(($) => {
           const R = Or(t, $, y);
           Number.isFinite(R) && F.push({
             label: `${R.toFixed(6)} ${c($)}`,
@@ -3027,8 +3027,8 @@ const ma = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
           });
         });
       else {
-        const $ = a.factors[t];
-        $ !== void 0 && Object.entries(a.factors).forEach(([R, I]) => {
+        const $ = o.factors[t];
+        $ !== void 0 && Object.entries(o.factors).forEach(([R, I]) => {
           const v = y / $ * I;
           Number.isFinite(v) && F.push({
             label: `${v.toFixed(6)} ${c(R)}`,
@@ -3039,12 +3039,12 @@ const ma = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       }
       f(F), i(F.length > 0);
     },
-    [e, r, t, n, a, c]
+    [e, r, t, n, o, c]
   ), C = l.useCallback(
     (h) => {
-      i(!1), m(null), o(h);
+      i(!1), m(null), a(h);
     },
-    [o]
+    [a]
   ), N = l.useCallback(() => {
     i(!1), m(null);
   }, []);
@@ -3088,36 +3088,36 @@ const ma = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 });
 jr.displayName = "ConversionButton";
 const Br = ({ field: e, value: r, onChange: t, onError: n }) => {
-  const { t: a } = B(), o = T(e), c = e.dimension, s = l.useMemo(() => c ? Tr(c) : null, [c]), i = String(r?.[0] ?? ""), d = String(r?.[1] ?? s?.default ?? ""), [m, u] = l.useState(i), [f, b] = l.useState(d);
+  const { t: o } = B(), a = T(e), c = e.dimension, s = l.useMemo(() => c ? Tr(c) : null, [c]), i = String(r?.[0] ?? ""), d = String(r?.[1] ?? s?.default ?? ""), [m, u] = l.useState(i), [f, b] = l.useState(d);
   l.useEffect(() => {
     u(i);
   }, [i]), l.useEffect(() => {
     b(d);
   }, [d]);
-  const C = o([m, f]);
+  const C = a([m, f]);
   l.useEffect(() => {
     n?.(C);
   }, [C, n]);
   const N = l.useCallback(
     (M) => {
       const $ = M.target.value;
-      u($), o([$, f]), t?.([$, f]);
+      u($), a([$, f]), t?.([$, f]);
     },
-    [f, o, t]
+    [f, a, t]
   ), h = l.useCallback(
     (M) => {
       const $ = M.target.value;
-      b($), o([m, $]), t?.([m, $]);
+      b($), a([m, $]), t?.([m, $]);
     },
-    [m, o, t]
+    [m, a, t]
   ), y = l.useCallback(
     (M) => {
       u(M.value), b(M.unit), t?.([M.value, M.unit]);
     },
     [t]
   ), E = l.useMemo(
-    () => s ? s.units.map((M) => /* @__PURE__ */ p("option", { value: M, children: a(M) }, M)) : [],
-    [s, a]
+    () => s ? s.units.map((M) => /* @__PURE__ */ p("option", { value: M, children: o(M) }, M)) : [],
+    [s, o]
   );
   if (!c || !s) return null;
   const F = !!C || !m.trim();
@@ -3157,7 +3157,7 @@ const Br = ({ field: e, value: r, onChange: t, onError: n }) => {
         dimension: c,
         unitFactors: s,
         onConversionSelect: y,
-        t: a
+        t: o
       }
     )
   ] }) });
@@ -3168,13 +3168,13 @@ const Qt = l.memo(Br), Hr = ({
   value: r,
   onChange: t,
   onError: n,
-  error: a
+  error: o
 }) => {
-  const o = T(e, a), { inputRef: c, error: s, handleChange: i } = _({
+  const a = T(e, o), { inputRef: c, error: s, handleChange: i } = _({
     value: r,
     onChange: t,
     onError: n,
-    validate: o
+    validate: a
   });
   return /* @__PURE__ */ p(O, { field: e, error: s, children: /* @__PURE__ */ p(
     "input",
@@ -3193,19 +3193,19 @@ const Qt = l.memo(Br), Hr = ({
 };
 Hr.displayName = "UrlInput";
 const en = l.memo(Hr), se = new ne();
-function da(e, r) {
+function fo(e, r) {
   se.register(e, r);
 }
 function rn(e) {
   return se.get(e);
 }
-function fa(e) {
+function po(e) {
   return se.has(e);
 }
-function pa(e) {
+function go(e) {
   return se.unregister(e);
 }
-function ga() {
+function ho() {
   return se.list();
 }
 const qr = ({
@@ -3214,7 +3214,7 @@ const qr = ({
   handleChange: t,
   handleError: n
 }) => {
-  const { t: a } = B(), [o, c] = l.useState(!1), [s, i] = l.useState(null), d = l.useCallback(async () => {
+  const { t: o } = B(), [a, c] = l.useState(!1), [s, i] = l.useState(null), d = l.useCallback(async () => {
     if (!e.action) {
       console.warn(`Button "${e.name}" has no action defined`);
       return;
@@ -3227,16 +3227,16 @@ const qr = ({
     }
     c(!0), i(null);
     try {
-      await f(r, t, n, a);
+      await f(r, t, n, o);
     } catch (b) {
       const C = b instanceof Error ? b.message : String(b);
       console.error(`Button handler "${e.action}" failed:`, C), i(C);
     } finally {
       c(!1);
     }
-  }, [e, r, t, n, a]), u = { ...{
-    cursor: o ? "wait" : "pointer",
-    opacity: o ? 0.6 : 1
+  }, [e, r, t, n, o]), u = { ...{
+    cursor: a ? "wait" : "pointer",
+    opacity: a ? 0.6 : 1
   } };
   return e.width && typeof e.width == "number" && e.width > 0 && (u.width = `${e.width}px`), /* @__PURE__ */ p(O, { field: e, rightAlign: !0, error: s, children: /* @__PURE__ */ p(
     "button",
@@ -3244,11 +3244,11 @@ const qr = ({
       type: "button",
       className: V.button,
       onClick: d,
-      disabled: o,
-      "aria-label": a(e.displayName),
-      "aria-busy": o,
+      disabled: a,
+      "aria-label": o(e.displayName),
+      "aria-busy": a,
       style: u,
-      children: a(o ? "Processing..." : e.displayName)
+      children: o(a ? "Processing..." : e.displayName)
     }
   ) });
 };
@@ -3315,11 +3315,11 @@ const tn = l.memo(qr), nn = {
   unit: Qt,
   url: en
 };
-function an(e) {
+function on(e) {
   return e in De;
 }
-function on(e, r) {
-  const { wait: t = 200, leading: n, trailing: a } = r, o = l.memo((c) => {
+function an(e, r) {
+  const { wait: t = 200, leading: n, trailing: o } = r, a = l.memo((c) => {
     const s = l.useRef(c.onChange);
     l.useEffect(() => {
       s.current = c.onChange;
@@ -3329,14 +3329,14 @@ function on(e, r) {
         s.current?.(...m);
       },
       t,
-      { leading: n, trailing: a }
+      { leading: n, trailing: o }
     );
     return l.useEffect(() => d, [d]), l.createElement(
       e,
       { ...c, onChange: i }
     );
   });
-  return o.displayName = "DebouncedFieldWrapper", o;
+  return a.displayName = "DebouncedFieldWrapper", a;
 }
 function Ur(e, r, t) {
   const n = r;
@@ -3344,15 +3344,15 @@ function Ur(e, r, t) {
     console.warn(`Can't overwrite base component type "${e}".`);
     return;
   }
-  const a = nn[e];
-  if (a === !1) {
+  const o = nn[e];
+  if (o === !1) {
     me.register(e, n);
     return;
   }
-  const o = a ?? { wait: 200 };
-  ar ? me.register(e, n) : me.register(
+  const a = o ?? { wait: 200 };
+  or ? me.register(e, n) : me.register(
     e,
-    on(n, o)
+    an(n, a)
   );
 }
 function Wr(e, r) {
@@ -3368,15 +3368,15 @@ function sn() {
   }), Ye = !0);
 }
 const ze = l.memo(
-  ({ field: e, valuesMap: r, handleChange: t, handleError: n, errorsMap: a }) => {
-    const o = _r(e.type), c = r[e.name], s = a ? a[e.name] ?? null : void 0, i = l.useMemo(() => c, [c]), d = l.useCallback(
+  ({ field: e, valuesMap: r, handleChange: t, handleError: n, errorsMap: o }) => {
+    const a = _r(e.type), c = r[e.name], s = o ? o[e.name] ?? null : void 0, i = l.useMemo(() => c, [c]), d = l.useCallback(
       (u) => t(e.name, u),
       [t, e.name]
     ), m = l.useCallback(
       (u) => n?.(e.name, u),
       [n, e.name]
     );
-    return o ? e.type === "button" ? /* @__PURE__ */ p(o, { ...{
+    return a ? e.type === "button" ? /* @__PURE__ */ p(a, { ...{
       field: e,
       value: null,
       valuesMap: r,
@@ -3384,7 +3384,7 @@ const ze = l.memo(
       handleError: n || (() => {
       })
     } }) : /* @__PURE__ */ p(
-      o,
+      a,
       {
         field: e,
         value: i,
@@ -3398,7 +3398,7 @@ const ze = l.memo(
 );
 ze.displayName = "FieldRenderer";
 const Kr = l.memo(
-  ({ groupName: e, defaultOpen: r = !0, fields: t, valuesMap: n, handleChange: a, handleError: o, errorsMap: c, t: s }) => {
+  ({ groupName: e, defaultOpen: r = !0, fields: t, valuesMap: n, handleChange: o, handleError: a, errorsMap: c, t: s }) => {
     const [i, d] = l.useState(r), m = l.useCallback(() => d((u) => !u), []);
     return /* @__PURE__ */ D("fieldset", { className: "reactaform-group", children: [
       /* @__PURE__ */ D("legend", { onClick: m, className: "reactaform-group_legend", children: [
@@ -3410,8 +3410,8 @@ const Kr = l.memo(
         {
           field: u,
           valuesMap: n,
-          handleChange: a,
-          handleError: o,
+          handleChange: o,
+          handleError: a,
           errorsMap: c
         },
         u.name
@@ -3421,62 +3421,62 @@ const Kr = l.memo(
 );
 Kr.displayName = "FieldGroup";
 const Pe = (e, r, t, n) => {
-  const a = r[e];
-  if (!a?.children) return;
-  const o = t[e], c = o != null ? String(o) : "", s = a.children[c];
+  const o = r[e];
+  if (!o?.children) return;
+  const a = t[e], c = a != null ? String(a) : "", s = o.children[c];
   if (Array.isArray(s))
     for (const i of s)
       typeof i == "string" && r[i] && (n[i] = !0, Pe(i, r, t, n));
 }, Gr = (e, r, t) => {
   const n = r[e];
   if (!n?.children) return;
-  const a = Object.values(n.children).flat();
-  for (const o of a)
-    typeof o == "string" && o in t && (t[o] = !1, Gr(o, r, t));
+  const o = Object.values(n.children).flat();
+  for (const a of o)
+    typeof a == "string" && a in t && (t[a] = !1, Gr(a, r, t));
 }, cn = (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;
-}, ln = (e, r, t, n, a) => {
-  const o = { ...e }, c = r[n];
-  if (Gr(n, r, o), a != null && c?.children) {
-    const s = String(a), i = c.children[s];
+  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;
+}, ln = (e, r, t, n, o) => {
+  const a = { ...e }, c = r[n];
+  if (Gr(n, r, a), o != null && c?.children) {
+    const s = String(o), i = c.children[s];
     if (Array.isArray(i))
       for (const d of i)
-        typeof d == "string" && r[d] && (o[d] = !0, Pe(d, r, t, o));
+        typeof d == "string" && r[d] && (a[d] = !0, Pe(d, r, t, a));
   }
-  return o;
+  return a;
 }, un = (e, r) => {
   const t = /* @__PURE__ */ new Map();
-  let n = null, a = null, o = 0;
+  let n = null, o = null, a = 0;
   for (const c of e) {
     const s = c.group;
     if (!s) {
-      n = null, a = null;
+      n = null, o = null;
       continue;
     }
     if (s === n)
-      r[c.name].group = a ?? s;
+      r[c.name].group = o ?? s;
     else {
       if (!t.has(s))
-        t.set(s, 1), a = null, r[c.name].group = s;
+        t.set(s, 1), o = null, r[c.name].group = s;
       else {
         const i = t.get(s), d = `${s}(${i})`;
-        t.set(s, i + 1), a = d, r[c.name].group = d, o++;
+        t.set(s, i + 1), o = d, r[c.name].group = d, a++;
       }
       n = s;
     }
   }
-  return o;
+  return a;
 }, mn = (e, r = {}) => {
   const { includeEmpty: t = !0 } = r, n = [];
-  let a = null, o = [], c = 0;
+  let o = null, a = [], c = 0;
   for (const i of e) {
     const d = i.group || null;
-    d !== a ? ((o.length > 0 || t) && n.push({ name: a, fields: o }), a = d, o = [i]) : o.push(i);
+    d !== o ? ((a.length > 0 || t) && n.push({ name: o, fields: a }), o = d, a = [i]) : a.push(i);
   }
-  (o.length > 0 || t) && n.push({ name: a, fields: o }), c = n.filter((i) => i.fields.length === 0).length;
+  (a.length > 0 || t) && n.push({ name: o, fields: a }), c = n.filter((i) => i.fields.length === 0).length;
   const s = Math.max(0, ...n.map((i) => i.fields.length));
   return {
     groups: n,
@@ -3504,12 +3504,12 @@ Jr(
       version: e.version,
       definition: e.name,
       values: t
-    }, a = JSON.stringify(n, null, 2);
-    alert(a);
+    }, o = JSON.stringify(n, null, 2);
+    alert(o);
   }
 );
-async function pn(e, r, t, n, a, o, c) {
-  const s = a ? Object.values(a).filter(Boolean) : [];
+async function pn(e, r, t, n, o, a, c) {
+  const s = o ? Object.values(o).filter(Boolean) : [];
   if (s.length > 0)
     return {
       success: !1,
@@ -3580,9 +3580,9 @@ async function pn(e, r, t, n, a, o, c) {
       };
   }
   const m = (u) => u ? Array.isArray(u) ? u.map((f) => String(f)) : typeof u == "string" ? u.trim() ? [u] : [] : [String(u)] : [];
-  if (o)
+  if (a)
     try {
-      const u = await o(e, r?.name ?? null, i, n), f = m(u);
+      const u = await a(e, r?.name ?? null, i, n), f = m(u);
       if (f.length > 0)
         return {
           success: !1,
@@ -3665,14 +3665,14 @@ const Yr = ({
 ) : null;
 Yr.displayName = "SubmissionMessage";
 const gn = ({ onClick: e, disabled: r = !1, t }) => {
-  const [n, a] = l.useState(!1);
+  const [n, o] = l.useState(!1);
   return /* @__PURE__ */ p(
     "button",
     {
       onClick: e,
       disabled: r,
-      onMouseEnter: () => a(!0),
-      onMouseLeave: () => a(!1),
+      onMouseEnter: () => o(!0),
+      onMouseLeave: () => o(!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))",
@@ -3695,15 +3695,15 @@ const gn = ({ onClick: e, disabled: r = !1, t }) => {
   instance: r,
   onSubmit: t = void 0,
   onValidation: n = void 0,
-  chunkSize: a = 50,
-  chunkDelay: o = 50
+  chunkSize: o = 50,
+  chunkDelay: a = 50
 }) => {
   const { properties: c, displayName: s } = e, i = B(), { t: d, formStyle: m, language: u, displayInstanceName: f } = i, b = {
     ...i,
     definitionName: e?.name ?? i.definitionName
   }, [C, N] = l.useState("en"), [h, y] = l.useState([]), [E, F] = l.useState({}), [M, $] = l.useState(
     {}
-  ), [R, I] = l.useState({}), [v, g] = l.useState({}), [w, x] = l.useState(null), [k, S] = l.useState(null), [A, j] = l.useState(0), [K, ce] = l.useState(!1), [je, ae] = l.useState(r.name || ""), Y = l.useRef(r), fe = l.useRef(!1);
+  ), [R, I] = l.useState({}), [v, g] = l.useState({}), [w, x] = l.useState(null), [k, S] = l.useState(null), [A, j] = l.useState(0), [K, ce] = l.useState(!1), [je, oe] = l.useState(r.name || ""), Y = l.useRef(r), fe = l.useRef(!1);
   l.useEffect(() => {
     const z = Object.fromEntries(
       c.map((L) => [
@@ -3714,9 +3714,9 @@ const gn = ({ onClick: e, disabled: r = !1, t }) => {
     c.forEach((L) => {
       L.parents && Object.entries(L.parents).forEach(([Q, re]) => {
         const X = z[Q];
-        X && re.forEach((ot) => {
+        X && re.forEach((at) => {
           X.children || (X.children = {});
-          const qe = String(ot);
+          const qe = String(at);
           X.children[qe] = [
             ...X.children[qe] || [],
             L.name
@@ -3739,18 +3739,18 @@ const gn = ({ onClick: e, disabled: r = !1, t }) => {
     const J = Object.fromEntries(q.map((L) => [L.name, !1])), G = requestAnimationFrame(() => {
       y(q), F(z), $(P), I(
         cn(q, P, J, z)
-      ), ce(!0), ae(r.name);
+      ), ce(!0), oe(r.name);
     });
     return () => cancelAnimationFrame(G);
   }, [c, r, e]), l.useEffect(() => {
     if (!K || A >= h.length) return;
     const z = setTimeout(() => {
       j(
-        (q) => Math.min(q + a, h.length)
+        (q) => Math.min(q + o, h.length)
       );
-    }, o);
+    }, a);
     return () => clearTimeout(z);
-  }, [K, A, h.length, a, o]);
+  }, [K, A, h.length, o, a]);
   const Be = l.useCallback(
     (z, q) => {
       x(null), S(null), $((J) => ({ ...J, [z]: q }));
@@ -3777,10 +3777,10 @@ const gn = ({ onClick: e, disabled: r = !1, t }) => {
     let z = 0;
     return z = requestAnimationFrame(() => {
       if (fe.current) {
-        fe.current = !1, Y.current = r, ae(r.name || "");
+        fe.current = !1, Y.current = r, oe(r.name || "");
         return;
       }
-      Y.current = r, x(null), S(null), ae(r.name || "");
+      Y.current = r, x(null), S(null), oe(r.name || "");
     }), () => cancelAnimationFrame(z);
   }, [r, r.name]);
   const He = l.useCallback((z, q) => {
@@ -3806,9 +3806,9 @@ const gn = ({ onClick: e, disabled: r = !1, t }) => {
     const P = await pn(e, Y.current, M, d, q, t, n), J = typeof P.message == "string" ? P.message : String(P.message), G = Object.values(P.errors ?? {}).join(`
 `);
     x(G ? J + `
-` + G : J), S(P.success), P.success || (Y.current.name = z ?? Y.current.name, ae(z ?? ""));
-  }, at = l.useMemo(
-    () => b.fieldValidationMode === "realTime" ? Object.values(v).some(Boolean) : !1,
+` + G : J), S(P.success), P.success || (Y.current.name = z ?? Y.current.name, oe(z ?? ""));
+  }, ot = l.useMemo(
+    () => b.fieldValidationMode === "onEdit" || b.fieldValidationMode === "realTime" ? Object.values(v).some(Boolean) : !1,
     [v, b.fieldValidationMode]
   );
   return /* @__PURE__ */ p(Ee.Provider, { value: b, children: /* @__PURE__ */ D("div", { style: m.container, children: [
@@ -3829,7 +3829,7 @@ const gn = ({ onClick: e, disabled: r = !1, t }) => {
       {
         name: je,
         onChange: (z) => {
-          ae(z), x(null), S(null);
+          oe(z), x(null), S(null);
         }
       }
     ),
@@ -3872,7 +3872,7 @@ const gn = ({ onClick: e, disabled: r = !1, t }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ p(gn, { onClick: nt, disabled: at, t: d })
+    /* @__PURE__ */ p(gn, { onClick: nt, disabled: ot, t: d })
   ] }) });
 }, Xr = {
   en: { name: "English", nativeName: "English" },
@@ -3905,15 +3905,15 @@ const gn = ({ onClick: e, disabled: r = !1, t }) => {
   uk: { name: "Ukrainian", nativeName: "Українська" },
   vi: { name: "Vietnamese", nativeName: "Tiếng Việt" },
   "zh-tw": { name: "Chinese (Traditional)", nativeName: "繁體中文" }
-}, ha = () => Xr, be = /* @__PURE__ */ new Map(), le = /* @__PURE__ */ new Map(), te = /* @__PURE__ */ new Set(), we = /* @__PURE__ */ new Map(), bn = async (e) => {
+}, bo = () => Xr, be = /* @__PURE__ */ new Map(), le = /* @__PURE__ */ new Map(), te = /* @__PURE__ */ new Set(), we = /* @__PURE__ */ new Map(), bn = async (e) => {
   try {
     let r = {};
     const t = e.toLowerCase();
     if (t === "en")
       r = {};
     else if (Xr[t]) {
-      const a = `https://reactaform.com/locales/${t}/common.json`, o = await fetch(a);
-      o.ok && (r = await o.json());
+      const o = `https://reactaform.com/locales/${t}/common.json`, a = await fetch(o);
+      a.ok && (r = await a.json());
     } else
       r = {};
     return {
@@ -3968,9 +3968,9 @@ const gn = ({ onClick: e, disabled: r = !1, t }) => {
   try {
     let n = r;
     !r.includes("/") && !r.includes(".") && (n = `/locales/${e}/${r}.json`);
-    const a = await fetch(n);
-    if (!a.ok)
-      return a.status === 404 ? (le.set(t, {}), we.set(t, {
+    const o = await fetch(n);
+    if (!o.ok)
+      return o.status === 404 ? (le.set(t, {}), we.set(t, {
         loadedAt: /* @__PURE__ */ new Date(),
         size: 0,
         source: "user"
@@ -3981,14 +3981,14 @@ const gn = ({ onClick: e, disabled: r = !1, t }) => {
       }) : (te.add(t), {
         success: !1,
         translations: {},
-        error: `HTTP ${a.status}`,
+        error: `HTTP ${o.status}`,
         fromCache: !1
       });
-    const o = a.headers.get("content-type") || "";
-    !o.includes("application/json") && !o.includes("text/json") && Zr() && console.warn(
-      `Translation file at ${n} has unexpected content-type: ${o}`
+    const a = o.headers.get("content-type") || "";
+    !a.includes("application/json") && !a.includes("text/json") && Zr() && console.warn(
+      `Translation file at ${n} has unexpected content-type: ${a}`
     );
-    const c = await a.text();
+    const c = await o.text();
     if (!c) {
       const d = "Empty translation file";
       return te.add(t), { success: !1, translations: {}, error: d };
@@ -4024,11 +4024,11 @@ const gn = ({ onClick: e, disabled: r = !1, t }) => {
       fromCache: !1
     };
   } catch (n) {
-    const a = `Failed to load user translations: ${n instanceof Error ? n.message : "Unknown error"}`;
+    const o = `Failed to load user translations: ${n instanceof Error ? n.message : "Unknown error"}`;
     return te.add(t), {
       success: !1,
       translations: {},
-      error: a
+      error: o
     };
   }
 };
@@ -4042,15 +4042,15 @@ function Zr() {
 }
 function xn(e, r) {
   return r.length === 0 ? e : e.replace(/\{\{(\d+)\}\}/g, (t, n) => {
-    const a = parseInt(n, 10) - 1, o = r[a];
-    return o == null ? t : String(o);
+    const o = parseInt(n, 10) - 1, a = r[o];
+    return a == null ? t : String(a);
   });
 }
-const wn = (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 = xn(o, a), !c && Zr() && console.debug(
+const wn = (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 = xn(a, o), !c && Zr() && console.debug(
     `Missing translation for "${n}" in language "${e}"`
-  ), o);
+  ), a);
 };
 function Sn(e) {
   return /^[-+]?\d*$/.test(e);
@@ -4065,26 +4065,26 @@ const Nn = ",", kn = (e) => !e || e.trim() === "" ? [] : e.split(Nn).map((r) =>
     return e.min !== void 0 || e.max !== void 0 ? t("Value required when min or max constraints is set") : e.required ? t("Value required") : void 0;
   if (!Sn(n))
     return t("Must be a valid integer");
-  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))
+  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))
     return t(
       "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(
       "Must be {{1}} {{2}}",
       e.maxInclusive ? "≤" : "<",
       e.max
     );
   if (e.step !== void 0) {
-    const o = Number(e.step);
-    if (!Number.isInteger(o))
+    const a = Number(e.step);
+    if (!Number.isInteger(a))
       return t("Invalid step value");
-    if (a % o !== 0)
-      return t("Must be a multiple of {{1}}", o);
+    if (o % a !== 0)
+      return t("Must be a multiple of {{1}}", a);
   }
 };
 function In(e, r, t) {
@@ -4093,19 +4093,19 @@ function In(e, r, t) {
     return e.min !== void 0 || e.max !== void 0 ? t("Value required when min or max constraints is set") : e.required ? t("Value required") : void 0;
   if (!Cn(n))
     return t("Each value must be a valid integer");
-  const a = kn(n);
-  if (e.minCount !== void 0 && a.length < e.minCount)
+  const o = kn(n);
+  if (e.minCount !== void 0 && o.length < e.minCount)
     return t("Minimum number of values: {{1}}", `${e.minCount}`);
-  if (e.maxCount !== void 0 && a.length > e.maxCount)
+  if (e.maxCount !== void 0 && o.length > e.maxCount)
     return t("Maximum number of values: {{1}}", `${e.maxCount}`);
-  for (const o of a) {
-    if (e.min !== void 0 && (e.minInclusive ? o < e.min : o <= e.min))
+  for (const a of o) {
+    if (e.min !== void 0 && (e.minInclusive ? a < e.min : a <= e.min))
       return t(
         "Each value 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(
         "Each value must be {{1}} {{2}}",
         e.maxInclusive ? "≤" : "<",
@@ -4117,23 +4117,23 @@ function Qr(e, r, t) {
   const n = String(r);
   if (n.trim() === "")
     return e.min !== void 0 || e.max !== void 0 ? t("Value required when min or max constraints is set") : e.required ? t("Value required") : void 0;
-  const a = Number(n);
-  if (Number.isNaN(a)) return t("Must be a valid float");
+  const o = Number(n);
+  if (Number.isNaN(o)) return t("Must be a valid float");
   if (e.min !== void 0) {
-    const o = e.type === "slider" ? !0 : e.minInclusive ?? !0;
-    if (o ? a < e.min : a <= e.min)
+    const a = e.type === "slider" ? !0 : e.minInclusive ?? !0;
+    if (a ? o < e.min : o <= e.min)
       return t(
         "Must be {{1}} {{2}}",
-        o ? "≥" : ">",
+        a ? "≥" : ">",
         e.min
       );
   }
   if (e.max !== void 0) {
-    const o = e.type === "slider" ? !0 : e.maxInclusive ?? !0;
-    if (o ? a > e.max : a >= e.max)
+    const a = e.type === "slider" ? !0 : e.maxInclusive ?? !0;
+    if (a ? o > e.max : o >= e.max)
       return t(
         "Must be {{1}} {{2}}",
-        o ? "≤" : "<",
+        a ? "≤" : "<",
         e.max
       );
   }
@@ -4149,19 +4149,19 @@ function Vn(e, r, t) {
     return e.min !== void 0 || e.max !== void 0 ? t("Value required when min or max constraints is set") : e.required ? t("Value required") : void 0;
   if (!Mn(n))
     return t("Each value must be a valid float");
-  const a = $n(n);
-  if (e.minCount !== void 0 && a.length < e.minCount)
+  const o = $n(n);
+  if (e.minCount !== void 0 && o.length < e.minCount)
     return t("Minimum number of values: {{1}}", e.minCount);
-  if (e.maxCount !== void 0 && a.length > e.maxCount)
+  if (e.maxCount !== void 0 && o.length > e.maxCount)
     return t("Maximum number of values: {{1}}", e.maxCount);
-  for (const o of a) {
-    if (e.min !== void 0 && (e.minInclusive ? o < e.min : o <= e.min))
+  for (const a of o) {
+    if (e.min !== void 0 && (e.minInclusive ? a < e.min : a <= e.min))
       return t(
         "Each value 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(
         "Each value must be {{1}} {{2}}",
         e.maxInclusive ? "≤" : "<",
@@ -4170,10 +4170,10 @@ function Vn(e, r, t) {
   }
 }
 const ye = /* @__PURE__ */ new WeakMap();
-function Oe(e, r, t, n, ...a) {
+function Oe(e, r, t, n, ...o) {
   if (e.pattern == null)
     return;
-  const o = String(r);
+  const a = String(r);
   let c = null;
   if (e.pattern) {
     const s = ye.get(e);
@@ -4187,15 +4187,15 @@ function Oe(e, r, t, n, ...a) {
         ye.set(e, { pattern: e.pattern, regex: null }), c = null;
       }
   }
-  if (c && !c.test(o))
-    return e.patternErrorMessage ? t(e.patternErrorMessage) : n ? t(n, ...a) : t("Input does not match pattern: {{1}}", e.pattern);
+  if (c && !c.test(a))
+    return e.patternErrorMessage ? t(e.patternErrorMessage) : n ? t(n, ...o) : t("Input does not match pattern: {{1}}", e.pattern);
 }
 function ue(e, r, t) {
   const n = String(r);
   if (n === "")
     return e.minLength !== void 0 || e.maxLength !== void 0 ? e.required ? t("Value required when minLength or maxLength is set") : void 0 : e.required ? t("Value required") : void 0;
-  const a = Math.max(e.minLength ?? 0, 0);
-  return n.length < a ? t("Must be at least {{1}} characters", a) : e.maxLength !== void 0 && n.length > e.maxLength ? t("Must be at most {{1}} characters", e.maxLength) : Oe(e, r, t, "Invalid text format");
+  const o = Math.max(e.minLength ?? 0, 0);
+  return n.length < o ? t("Must be at least {{1}} characters", o) : e.maxLength !== void 0 && n.length > e.maxLength ? t("Must be at most {{1}} characters", e.maxLength) : Oe(e, r, t, "Invalid text format");
 }
 const Se = (e) => {
   if (!e) return null;
@@ -4211,20 +4211,20 @@ const Se = (e) => {
 function Rn(e, r, t) {
   if (r == null || String(r).trim() === "")
     return e.required ? t("Value required") : void 0;
-  const n = String(r).trim(), a = Se(n);
-  if (a === null)
+  const n = String(r).trim(), o = Se(n);
+  if (o === null)
     return t("Invalid date format");
-  const { minTime: o, maxTime: c } = An(e);
-  if (o !== null && a < o)
+  const { minTime: a, maxTime: c } = An(e);
+  if (a !== null && o < a)
     return t("Date must be on or after {{1}}", e.minDate);
-  if (c !== null && a > c)
+  if (c !== null && o > c)
     return t("Date must be on or before {{1}}", e.maxDate);
 }
 function Dn(e, r, t) {
   const n = String(r);
   if (!n || n.trim() === "")
     return e.required || e.min || e.max ? t("Value required") : void 0;
-  const a = (c) => {
+  const o = (c) => {
     const s = c.split(":").map((m) => parseInt(m, 10));
     if (s.some((m) => Number.isNaN(m))) return NaN;
     const i = s.length;
@@ -4241,16 +4241,16 @@ function Dn(e, r, t) {
     else
       return NaN;
     return d;
-  }, o = a(n);
-  if (Number.isNaN(o)) return t("Invalid time format");
+  }, a = o(n);
+  if (Number.isNaN(a)) return t("Invalid time format");
   if (e.min && typeof e.min == "string") {
-    const c = a(e.min);
-    if (!Number.isNaN(c) && o < c)
+    const c = o(e.min);
+    if (!Number.isNaN(c) && a < c)
       return t("Time must be on or after {{1}}", e.min);
   }
   if (e.max && typeof e.max == "string") {
-    const c = a(e.max);
-    if (!Number.isNaN(c) && o > c)
+    const c = o(e.max);
+    if (!Number.isNaN(c) && a > c)
       return t("Time must be on or before {{1}}", e.max);
   }
 }
@@ -4291,8 +4291,8 @@ function jn(e, r, t) {
   }
 }
 function Bn(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") : void 0 : Qr(e, a, 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") : void 0 : Qr(e, o, t);
 }
 function Hn(e, r, t) {
   if (Array.isArray(r))
@@ -4306,17 +4306,17 @@ function qn(e, r, t) {
   const n = String(r);
   if (n === "" || n === null || n === void 0)
     return e.required ? t("Value required") : void 0;
-  if (!e.options?.some((a) => String(a.value) === n))
+  if (!e.options?.some((o) => String(o.value) === n))
     return t("Invalid option selected");
 }
 function Un(e, r, t) {
-  const a = String(r ?? "").trim();
-  if (a === "")
+  const o = String(r ?? "").trim();
+  if (o === "")
     return e.required ? t("Value required") : void 0;
-  const o = a.split(",").map((c) => c.trim()).filter((c) => c !== "");
-  if (o.length === 0)
+  const a = o.split(",").map((c) => c.trim()).filter((c) => c !== "");
+  if (a.length === 0)
     return e.required ? t("Value required") : void 0;
-  for (const c of o)
+  for (const c of a)
     if (!e.options?.some((s) => String(s.value) === c))
       return t("Invalid option selected");
 }
@@ -4332,22 +4332,22 @@ function Gn(e, r, t) {
   const n = String(r ?? "").trim();
   if (n === "")
     return e.required ? t("Value required") : void 0;
-  let a = r;
-  if (typeof r != "number" && (a = parseFloat(n)), Number.isNaN(a) || a <= 0)
+  let o = r;
+  if (typeof r != "number" && (o = parseFloat(n)), Number.isNaN(o) || o <= 0)
     return t("Invalid value");
-  if (e.max !== void 0 && a > e.max)
+  if (e.max !== void 0 && o > e.max)
     return t("Must be ≤ {{1}}", e.max);
 }
 function Jn(e, r, t) {
   const n = String(r);
   if (n.trim() === "")
     return e.required ? t("Value required") : void 0;
-  const a = Number(n);
-  if (Number.isNaN(a)) return t("Must be a valid float");
-  const o = e.min ?? 0, c = e.max ?? 100;
-  if (a < o)
-    return t("Must be ≥ {{1}}", o);
-  if (a > c)
+  const o = Number(n);
+  if (Number.isNaN(o)) return t("Must be a valid float");
+  const a = e.min ?? 0, c = e.max ?? 100;
+  if (o < a)
+    return t("Must be ≥ {{1}}", a);
+  if (o > c)
     return t("Must be ≤ {{1}}", c);
 }
 let Qe = !1;
@@ -4462,13 +4462,13 @@ const Yn = (e) => ({
   definitionName: r = "",
   defaultStyle: t,
   defaultLanguage: n = "en",
-  defaultTheme: a = "light",
-  defaultLocalizeName: o = "",
-  defaultFieldValidationMode: c = "realTime",
+  defaultTheme: o = "light",
+  defaultLocalizeName: a = "",
+  defaultFieldValidationMode: c = "onEdit",
   className: s = "reactaform-container",
   defaultDisplayInstanceName: i = !0
 }) => {
-  const d = r, m = o, u = a, f = n, b = l.useMemo(
+  const d = r, m = a, u = o, f = n, b = l.useMemo(
     () => t ?? {},
     [t]
   ), [C, N] = l.useState({}), [h, y] = l.useState({});
@@ -4557,7 +4557,7 @@ function Qn(e) {
     }
   return null;
 }
-async function ba(e, r = {}) {
+async function yo(e, r = {}) {
   const { validateSchema: t = !0 } = r;
   try {
     if (!e || typeof e != "string")
@@ -4565,26 +4565,26 @@ async function ba(e, r = {}) {
     const n = e.trim();
     if (!n)
       return { success: !1, error: "jsonData is empty" };
-    let a;
+    let o;
     try {
-      a = JSON.parse(n);
-    } catch (o) {
+      o = JSON.parse(n);
+    } catch (a) {
       return {
         success: !1,
-        error: `Invalid JSON format: ${o instanceof Error ? o.message : "Unknown parsing error"}`
+        error: `Invalid JSON format: ${a instanceof Error ? a.message : "Unknown parsing error"}`
       };
     }
     if (t) {
-      const o = Qn(a);
-      if (o)
-        return { success: !1, error: `Schema validation failed: ${o}` };
+      const a = Qn(o);
+      if (a)
+        return { success: !1, error: `Schema validation failed: ${a}` };
     }
-    return { success: !0, definition: a };
+    return { success: !0, definition: o };
   } catch (n) {
     return { success: !1, error: `Unexpected error loading definition: ${n instanceof Error ? n.message : "Unknown error"}` };
   }
 }
-function ea(e, r) {
+function eo(e, r) {
   try {
     if (!e)
       return { success: !1, error: "Definition is required" };
@@ -4596,13 +4596,13 @@ function ea(e, r) {
       version: e.version ?? "1.0.0",
       values: {}
     }, n = e.properties || [];
-    return Array.isArray(n) && n.forEach((a) => {
-      const o = a;
-      if (o.type === "unit") {
-        const c = o.defaultUnit, s = Number(o.defaultValue) || void 0;
-        t.values[o.name] = [s || 0, c || "m"];
+    return Array.isArray(n) && n.forEach((o) => {
+      const a = o;
+      if (a.type === "unit") {
+        const c = a.defaultUnit, s = Number(a.defaultValue) || void 0;
+        t.values[a.name] = [s || 0, c || "m"];
       } else
-        o.defaultValue !== void 0 && (t.values[o.name] = o.defaultValue);
+        a.defaultValue !== void 0 && (t.values[a.name] = a.defaultValue);
     }), { success: !0, instance: t };
   } catch (t) {
     return {
@@ -4611,7 +4611,7 @@ function ea(e, r) {
     };
   }
 }
-function ya(e) {
+function vo(e) {
   try {
     if (!e)
       return { success: !1, error: "Instance data is required" };
@@ -4635,7 +4635,7 @@ function ya(e) {
     };
   }
 }
-function va(e, r, t) {
+function xo(e, r, t) {
   try {
     if (!e)
       return { success: !1, error: "Instance is required" };
@@ -4648,9 +4648,9 @@ function va(e, r, t) {
       definition: r.name,
       version: r.version,
       values: {}
-    }, a = n.values, o = {};
+    }, o = n.values, a = {};
     (r.properties || []).forEach((i) => {
-      o[i.name] = i;
+      a[i.name] = i;
     });
     const c = (i, d, m) => {
       if (i == null) return i;
@@ -4695,14 +4695,14 @@ function va(e, r, t) {
       return i;
     }, s = e.values || {};
     Object.keys(s).forEach((i) => {
-      const d = s[i], m = o[i];
+      const d = s[i], m = a[i];
       if (!m)
         return;
       const u = Array.isArray(d) ? "array" : d === null ? "null" : typeof d, f = (m.type || "").toLowerCase();
-      u === f || f === "string" && typeof d == "string" ? a[i] = d : a[i] = c(d, f, m);
+      u === f || f === "string" && typeof d == "string" ? o[i] = d : o[i] = c(d, f, m);
     }), (r.properties || []).forEach((i) => {
       const d = i.name;
-      d in a || (a[d] = i.defaultValue);
+      d in o || (o[d] = i.defaultValue);
     });
     try {
       typeof t == "function" && t?.(e, n, r);
@@ -4717,30 +4717,30 @@ function va(e, r, t) {
     };
   }
 }
-function ra(e) {
+function ro(e) {
   const [r, t] = l.useState(null);
   return l.useEffect(() => {
     const n = document.querySelector("[data-reactaform-theme]");
     if (!n) return;
-    const a = n.closest("[data-reactaform-theme]");
-    if (!a) return;
-    const o = () => t(a.getAttribute("data-reactaform-theme"));
-    o();
+    const o = n.closest("[data-reactaform-theme]");
+    if (!o) return;
+    const a = () => t(o.getAttribute("data-reactaform-theme"));
+    a();
     const c = new MutationObserver((s) => {
       for (const i of s)
-        i.type === "attributes" && i.attributeName === "data-reactaform-theme" && o();
+        i.type === "attributes" && i.attributeName === "data-reactaform-theme" && a();
     });
-    return c.observe(a, { attributes: !0, attributeFilter: ["data-reactaform-theme"] }), () => c.disconnect();
+    return c.observe(o, { attributes: !0, attributeFilter: ["data-reactaform-theme"] }), () => c.disconnect();
   }, [e]), r;
 }
-const xa = ({
+const wo = ({
   definitionData: e,
   instance: r,
   language: t,
   className: n,
-  theme: a,
-  style: o,
-  fieldValidationMode: c = "realTime",
+  theme: o,
+  style: a,
+  fieldValidationMode: c = "onEdit",
   displayInstanceName: s = !0,
   onSubmit: i = void 0,
   onValidation: d = void 0
@@ -4751,7 +4751,7 @@ const xa = ({
     } catch {
       return null;
     }
-  }, [e]), u = { fontSize: "inherit", fontFamily: "inherit", ...o }, f = ra(), b = a ?? f ?? "light", C = t ?? "en";
+  }, [e]), u = { fontSize: "inherit", fontFamily: "inherit", ...a }, f = ro(), b = o ?? f ?? "light", C = t ?? "en";
   l.useEffect(() => {
     let h = document.getElementById("popup-root");
     h || (h = document.createElement("div"), h.id = "popup-root", document.body.appendChild(h));
@@ -4759,7 +4759,7 @@ const xa = ({
   const N = l.useMemo(() => {
     if (r) return r;
     if (!m) return null;
-    const h = ea(m, m.name);
+    const h = eo(m, m.name);
     return !h.success || !h.instance ? null : h.instance;
   }, [r, m]);
   return m ? N ? /* @__PURE__ */ p(
@@ -4813,73 +4813,73 @@ function rt(e, r, t) {
       return !1;
   }
 }
-function ta(e) {
+function to(e) {
   const r = [];
   if (e.components)
     for (const t of Object.keys(e.components)) {
       const n = _r(t);
       if (n) {
-        let a;
-        for (const [o, c] of Z)
+        let o;
+        for (const [a, c] of Z)
           if (c.components && c.components[t] === n) {
-            a = o;
+            o = a;
             break;
           }
-        a && a !== e.name && r.push({
+        o && o !== e.name && r.push({
           type: "component",
           name: t,
-          existingPlugin: a,
+          existingPlugin: o,
           newPlugin: e.name
         });
       }
     }
   if (e.fieldCustomValidators)
     for (const [t, n] of Object.entries(e.fieldCustomValidators))
-      for (const a of Object.keys(n)) {
-        const c = W.fieldValidators.get(t)?.get(a);
-        ur(t, a) && c && c !== e.name && r.push({
+      for (const o of Object.keys(n)) {
+        const c = W.fieldValidators.get(t)?.get(o);
+        ur(t, o) && c && c !== e.name && r.push({
           type: "fieldCustomValidator",
-          name: `${t}:${a}`,
+          name: `${t}:${o}`,
           existingPlugin: c,
           newPlugin: e.name
         });
       }
   if (e.fieldTypeValidators)
     for (const t of Object.keys(e.fieldTypeValidators)) {
-      const n = dr(t), a = W.fieldTypeValidators.get(t);
-      n && a && a !== e.name && r.push({
+      const n = dr(t), o = W.fieldTypeValidators.get(t);
+      n && o && o !== e.name && r.push({
         type: "fieldTypeValidator",
         name: `type:${t}`,
-        existingPlugin: a,
+        existingPlugin: o,
         newPlugin: e.name
       });
     }
   if (e.formValidators)
     for (const t of Object.keys(e.formValidators)) {
-      const n = mr(t), a = W.formValidators.get(t);
-      n && a && a !== e.name && r.push({
+      const n = mr(t), o = W.formValidators.get(t);
+      n && o && o !== e.name && r.push({
         type: "formValidator",
         name: t,
-        existingPlugin: a,
+        existingPlugin: o,
         newPlugin: e.name
       });
     }
   if (e.submissionHandlers)
     for (const t of Object.keys(e.submissionHandlers)) {
-      const n = fn(t), a = W.submissionHandlers.get(t);
-      n && a && a !== e.name && r.push({
+      const n = fn(t), o = W.submissionHandlers.get(t);
+      n && o && o !== e.name && r.push({
         type: "submissionHandler",
         name: t,
-        existingPlugin: a,
+        existingPlugin: o,
         newPlugin: e.name
       });
     }
   return r;
 }
-function oe(e, r, t, n, a, o, c, s) {
+function ae(e, r, t, n, o, a, c, s) {
   for (const i of Object.keys(e)) {
     let d;
-    if (s ? d = a.find((m) => m.type === "fieldCustomValidator" && m.name === `${s}:${i}`) : e === n.components ? d = a.find((m) => m.type === "component" && m.name === i) : e === n.formValidators ? d = a.find((m) => m.type === "formValidator" && m.name === i) : e === n.fieldTypeValidators ? d = a.find((m) => m.type === "fieldTypeValidator" && m.name === `type:${i}`) : e === n.submissionHandlers && (d = a.find((m) => m.type === "submissionHandler" && m.name === i)), rt(d || null, o, c))
+    if (s ? d = o.find((m) => m.type === "fieldCustomValidator" && m.name === `${s}:${i}`) : e === n.components ? d = o.find((m) => m.type === "component" && m.name === i) : e === n.formValidators ? d = o.find((m) => m.type === "formValidator" && m.name === i) : e === n.fieldTypeValidators ? d = o.find((m) => m.type === "fieldTypeValidator" && m.name === `type:${i}`) : e === n.submissionHandlers && (d = o.find((m) => m.type === "submissionHandler" && m.name === i)), rt(d || null, a, c))
       if (s) {
         const m = r.get(s) || /* @__PURE__ */ new Map();
         m.set(i, n.name), r.set(s, m), t(i, e[i]);
@@ -4890,19 +4890,19 @@ function oe(e, r, t, n, a, o, c, s) {
         ) : r.set(i, n.name), t(i, e[i]);
   }
 }
-function wa(e, r) {
+function So(e, r) {
   const t = r?.conflictResolution || "error";
   if (Z.has(e.name)) {
-    const a = {
+    const o = {
       type: "plugin",
       name: e.name,
       existingPlugin: e.name,
       newPlugin: e.name
     };
-    if (!rt(a, t, r?.onConflict)) return;
+    if (!rt(o, t, r?.onConflict)) return;
   }
-  const n = ta(e);
-  if (e.components && oe(
+  const n = to(e);
+  if (e.components && ae(
     e.components,
     W.components,
     Wr,
@@ -4911,18 +4911,18 @@ function wa(e, r) {
     t,
     r?.onConflict
   ), e.fieldCustomValidators)
-    for (const [a, o] of Object.entries(e.fieldCustomValidators))
-      oe(
-        o,
+    for (const [o, a] of Object.entries(e.fieldCustomValidators))
+      ae(
+        a,
         W.fieldValidators,
-        (c, s) => gt(a, c, s),
+        (c, s) => gt(o, c, s),
         e,
         n,
         t,
         r?.onConflict,
-        a
+        o
       );
-  e.formValidators && oe(
+  e.formValidators && ae(
     e.formValidators,
     W.formValidators,
     pt,
@@ -4930,7 +4930,7 @@ function wa(e, r) {
     n,
     t,
     r?.onConflict
-  ), e.fieldTypeValidators && oe(
+  ), e.fieldTypeValidators && ae(
     e.fieldTypeValidators,
     W.fieldTypeValidators,
     ht,
@@ -4938,7 +4938,7 @@ function wa(e, r) {
     n,
     t,
     r?.onConflict
-  ), e.submissionHandlers && oe(
+  ), e.submissionHandlers && ae(
     e.submissionHandlers,
     W.submissionHandlers,
     Jr,
@@ -4948,7 +4948,7 @@ function wa(e, r) {
     r?.onConflict
   ), e.setup && e.setup(), Z.set(e.name, e);
 }
-function Sa(e, r = !1) {
+function Co(e, r = !1) {
   const t = Z.get(e);
   if (!t) return !1;
   if (t.cleanup && t.cleanup(), r) {
@@ -4956,12 +4956,12 @@ function Sa(e, r = !1) {
       for (const n of Object.keys(t.components))
         W.components.delete(n);
     if (t.fieldCustomValidators)
-      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);
+      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);
         }
       }
     if (t.formValidators)
@@ -4976,16 +4976,16 @@ function Sa(e, r = !1) {
   }
   return Z.delete(e), !0;
 }
-function Ca(e) {
+function No(e) {
   return Z.get(e);
 }
-function Na() {
+function ko() {
   return Array.from(Z.values());
 }
-function ka(e) {
+function Io(e) {
   return Z.has(e);
 }
-function Ia(e) {
+function Eo(e) {
   for (const [r, t] of Object.entries(e))
     Wr(r, t);
 }
@@ -5010,12 +5010,12 @@ function Ce(e) {
     return !!r && typeof r.name == "string" && typeof r.size == "number";
   }
 }
-function Ea(e, r, t = {}) {
+function Mo(e, r, t = {}) {
   try {
     const {
       includeMetadata: n = !1,
-      dateFormat: a = "iso",
-      fileHandling: o = "metadata",
+      dateFormat: o = "iso",
+      fileHandling: a = "metadata",
       prettify: c = !1,
       excludeFields: s = [],
       includeOnlyFields: i = []
@@ -5038,7 +5038,7 @@ function Ea(e, r, t = {}) {
       if (y === void 0) continue;
       const E = C.get(h);
       try {
-        u[h] = na(y, E, { dateFormat: a, fileHandling: o });
+        u[h] = no(y, E, { dateFormat: o, fileHandling: a });
       } catch (F) {
         d.push(`Error serializing field '${h}': ${String(F)}`), u[h] = null;
       }
@@ -5064,8 +5064,8 @@ function Ea(e, r, t = {}) {
     };
   }
 }
-function na(e, r, t = {}) {
-  const { dateFormat: n = "iso", fileHandling: a = "metadata" } = t;
+function no(e, r, t = {}) {
+  const { dateFormat: n = "iso", fileHandling: o = "metadata" } = t;
   if (e == null)
     return null;
   if (r)
@@ -5075,7 +5075,7 @@ function na(e, r, t = {}) {
       case "date-time":
         return er(e, n);
       case "file":
-        return rr(e, a);
+        return rr(e, o);
       case "int":
       case "integer":
         return typeof e == "string" ? parseInt(e, 10) : e;
@@ -5086,11 +5086,11 @@ function na(e, r, t = {}) {
         return typeof e == "string" ? e === "true" : !!e;
       case "int-array":
       case "float-array":
-        return Array.isArray(e) ? e.map((o) => typeof o == "string" ? Number(o) : o) : e;
+        return Array.isArray(e) ? e.map((a) => typeof a == "string" ? Number(a) : a) : e;
       default:
         return e;
     }
-  return e instanceof Date ? er(e, n) : Ce(e) || Array.isArray(e) && Ce(e[0]) ? rr(e, a) : e;
+  return e instanceof Date ? er(e, n) : Ce(e) || Array.isArray(e) && Ce(e[0]) ? rr(e, o) : e;
 }
 function er(e, r) {
   let t = null;
@@ -5134,12 +5134,12 @@ function tr(e, r) {
     _note: "Base64 encoding requires async implementation"
   };
 }
-function Ma(e, r, t = {}) {
+function Fo(e, r, t = {}) {
   try {
     const {
       strict: n = !1,
-      validateTypes: a = !0,
-      preserveUnknownFields: o = !0,
+      validateTypes: o = !0,
+      preserveUnknownFields: a = !0,
       dateFormat: c = "auto"
     } = t;
     if (!e || typeof e != "string")
@@ -5169,13 +5169,13 @@ function Ma(e, r, t = {}) {
         continue;
       }
       try {
-        m[h] = aa(y, N, { validateTypes: a, dateFormat: c });
+        m[h] = oo(y, N, { validateTypes: o, dateFormat: c });
       } catch (E) {
         const F = `Error deserializing field '${h}': ${String(E)}`;
         n ? d.push(F) : (i.push(F), m[h] = y);
       }
     }
-    if (o)
+    if (a)
       for (const [N, h] of Object.entries(s))
         !b.has(N) && N !== "_metadata" && (n && i.push(`Unknown field '${N}' preserved`), m[N] = h);
     const C = d.length > 0;
@@ -5192,8 +5192,8 @@ function Ma(e, r, t = {}) {
     };
   }
 }
-function aa(e, r, t = {}) {
-  const { validateTypes: n = !0, dateFormat: a = "auto" } = t;
+function oo(e, r, t = {}) {
+  const { validateTypes: n = !0, dateFormat: o = "auto" } = t;
   if (e == null)
     return e;
   try {
@@ -5201,7 +5201,7 @@ function aa(e, r, t = {}) {
       case "date":
       case "datetime":
       case "date-time":
-        return oa(e, a, n);
+        return ao(e, o, n);
       case "int":
       case "integer":
         return Ne(e, n);
@@ -5209,7 +5209,7 @@ function aa(e, r, t = {}) {
       case "number":
         return ke(e, n);
       case "boolean":
-        return ia(e, n);
+        return io(e, n);
       case "int-array":
         return nr(e, "integer", n);
       case "float-array":
@@ -5223,13 +5223,13 @@ function aa(e, r, t = {}) {
       default:
         return e;
     }
-  } catch (o) {
+  } catch (a) {
     if (n)
-      throw new Error(`Type conversion failed: ${String(o)}`);
+      throw new Error(`Type conversion failed: ${String(a)}`);
     return e;
   }
 }
-function Fa(e, r = {}) {
+function $o(e, r = {}) {
   try {
     const { prettify: t = !0, includeMetadata: n = !0 } = r;
     if (!e || typeof e != "object")
@@ -5237,16 +5237,16 @@ function Fa(e, r = {}) {
         success: !1,
         error: "Definition must be a valid object"
       };
-    const a = { ...e };
-    return n && (a._metadata = {
+    const o = { ...e };
+    return n && (o._metadata = {
       serializedAt: (/* @__PURE__ */ new Date()).toISOString(),
-      version: a.version || "1.0.0",
-      propertyCount: (Array.isArray(a.properties) ? a.properties.length : 0) || 0
+      version: o.version || "1.0.0",
+      propertyCount: (Array.isArray(o.properties) ? o.properties.length : 0) || 0
     }), {
       success: !0,
-      data: t ? JSON.stringify(a, null, 2) : JSON.stringify(a),
+      data: t ? JSON.stringify(o, null, 2) : JSON.stringify(o),
       metadata: {
-        fieldCount: (Array.isArray(a.properties) ? a.properties.length : 0) || 0,
+        fieldCount: (Array.isArray(o.properties) ? o.properties.length : 0) || 0,
         excludedFields: [],
         warnings: []
       }
@@ -5258,13 +5258,13 @@ function Fa(e, r = {}) {
     };
   }
 }
-function $a(e, r = {}) {
+function Vo(e, r = {}) {
   try {
     const { strict: t = !1, validateTypes: n = !0 } = r;
-    let a;
+    let o;
     if (typeof e == "string")
       try {
-        a = JSON.parse(e);
+        o = JSON.parse(e);
       } catch (m) {
         return {
           success: !1,
@@ -5272,43 +5272,43 @@ function $a(e, r = {}) {
         };
       }
     else if (e && typeof e == "object")
-      a = { ...e };
+      o = { ...e };
     else
       return {
         success: !1,
         error: "Input must be a string or object"
       };
-    const o = [], c = [], s = ["name", "version", "displayName"];
+    const a = [], c = [], s = ["name", "version", "displayName"];
     for (const m of s)
-      if (!(m in a) || !a[m])
+      if (!(m in o) || !o[m])
         if (t)
           c.push(`Required field '${m}' is missing`);
         else
-          switch (o.push(`Missing field '${m}', using default`), m) {
+          switch (a.push(`Missing field '${m}', using default`), m) {
             case "name":
-              a.name = "unnamed-definition";
+              o.name = "unnamed-definition";
               break;
             case "version":
-              a.version = "1.0.0";
+              o.version = "1.0.0";
               break;
             case "displayName":
-              a.displayName = a.name || "Unnamed Definition";
+              o.displayName = o.name || "Unnamed Definition";
               break;
           }
-    const i = Array.isArray(a.properties) ? a.properties : null;
-    i ? a.properties = i.map((m, u) => {
+    const i = Array.isArray(o.properties) ? o.properties : null;
+    i ? o.properties = i.map((m, u) => {
       const f = ee(m) ? m : {}, b = { ...f };
       if (!f.name) {
         const C = `Property at index ${u} missing 'name'`;
-        t ? c.push(C) : (o.push(`${C}, using 'field_${u}'`), b.name = `field_${u}`);
+        t ? c.push(C) : (a.push(`${C}, using 'field_${u}'`), b.name = `field_${u}`);
       }
-      return f.displayName || (b.displayName = f.name || `Field ${u}`), f.type || (t && n ? c.push(`Property '${f.name || u}' missing 'type'`) : (o.push(`Property '${f.name || u}' missing 'type', using 'string'`), b.type = "string")), f.defaultValue === void 0 && (b.defaultValue = null), f.required === void 0 && (b.required = !1), b;
-    }) : t ? c.push("Properties must be an array") : (o.push("Properties not found or invalid, using empty array"), a.properties = []);
+      return f.displayName || (b.displayName = f.name || `Field ${u}`), f.type || (t && n ? c.push(`Property '${f.name || u}' missing 'type'`) : (a.push(`Property '${f.name || u}' missing 'type', using 'string'`), b.type = "string")), f.defaultValue === void 0 && (b.defaultValue = null), f.required === void 0 && (b.required = !1), b;
+    }) : t ? c.push("Properties must be an array") : (a.push("Properties not found or invalid, using empty array"), o.properties = []);
     const d = c.length > 0;
     return {
       success: !d,
-      data: a,
-      warnings: o.length > 0 ? o : void 0,
+      data: o,
+      warnings: a.length > 0 ? a : void 0,
       validationErrors: d ? c : void 0
     };
   } catch (t) {
@@ -5318,7 +5318,7 @@ function $a(e, r = {}) {
     };
   }
 }
-function oa(e, r, t) {
+function ao(e, r, t) {
   if (e instanceof Date)
     return e;
   if (typeof e == "number") {
@@ -5383,7 +5383,7 @@ function ke(e, r) {
     throw new Error(`Cannot convert ${typeof e} to number`);
   return e;
 }
-function ia(e, r) {
+function io(e, r) {
   if (typeof e == "boolean")
     return e;
   if (typeof e == "string") {
@@ -5402,22 +5402,22 @@ function ia(e, r) {
 function nr(e, r, t) {
   if (!Array.isArray(e)) {
     if (typeof e == "string")
-      return e.split(",").map((a) => a.trim()).filter(Boolean).map((a) => r === "integer" ? Ne(a, t) : ke(a, t));
+      return e.split(",").map((o) => o.trim()).filter(Boolean).map((o) => r === "integer" ? Ne(o, t) : ke(o, t));
     if (t)
       throw new Error(`Expected array, got ${typeof e}`);
     return e;
   }
-  return e.map((n, a) => {
+  return e.map((n, o) => {
     try {
       return r === "integer" ? Ne(n, t) : ke(n, t);
-    } catch (o) {
+    } catch (a) {
       if (t)
-        throw new Error(`Array element ${a}: ${o}`);
+        throw new Error(`Array element ${o}: ${a}`);
       return n;
     }
   });
 }
-function sa() {
+function so() {
   if (!document.getElementById("reactaform-styles"))
     try {
       const e = document.createElement("style");
@@ -5425,47 +5425,47 @@ function sa() {
     } catch {
     }
 }
-typeof document < "u" && sa();
+typeof document < "u" && so();
 export {
   V as CSS_CLASSES,
-  xa as ReactaForm,
+  wo as ReactaForm,
   Zn as ReactaFormProvider,
   hn as ReactaFormRenderer,
   O as StandardFieldLayout,
-  ma as Units,
+  mo as Units,
   U as combineClasses,
-  ea as createInstanceFromDefinition,
-  $a as deserializeDefinition,
-  Ma as deserializeInstance,
-  Na as getAllPlugins,
+  eo as createInstanceFromDefinition,
+  Vo as deserializeDefinition,
+  Fo as deserializeInstance,
+  ko as getAllPlugins,
   rn as getButtonHandler,
   _r as getComponent,
-  Ca as getPlugin,
-  ha as getSupportedLanguages,
-  fa as hasButtonHandler,
-  ka as hasPlugin,
-  sa as injectReactaFormStyles,
+  No as getPlugin,
+  bo as getSupportedLanguages,
+  po as hasButtonHandler,
+  Io as hasPlugin,
+  so as injectReactaFormStyles,
   ie as isDarkTheme,
-  ga as listButtonHandlers,
-  ya as loadInstance,
-  ba as loadJsonDefinition,
-  da as registerButtonHandler,
+  ho as listButtonHandlers,
+  vo as loadInstance,
+  yo as loadJsonDefinition,
+  fo as registerButtonHandler,
   Wr as registerComponent,
-  Ia as registerComponents,
+  Eo as registerComponents,
   gt as registerFieldCustomValidationHandler,
   ht as registerFieldTypeValidationHandler,
   pt as registerFormValidationHandler,
-  wa as registerPlugin,
+  So as registerPlugin,
   Jr as registerSubmissionHandler,
-  Fa as serializeDefinition,
-  Ea as serializeInstance,
-  pa as unregisterButtonHandler,
-  Sa as unregisterPlugin,
-  va as upgradeInstanceToLatestDefinition,
+  $o as serializeDefinition,
+  Mo as serializeInstance,
+  go as unregisterButtonHandler,
+  Co as unregisterPlugin,
+  xo as upgradeInstanceToLatestDefinition,
   lt as useDebouncedCallback,
   T as useFieldValidator,
   B as useReactaFormContext,
   _ as useUncontrolledValidatedInput,
-  ua as validateFieldValue,
+  uo as validateFieldValue,
   fr as validateFieldWithCustomHandler
 };