reactaform 1.1.6 → 1.2.0

package/dist/reactaform.es.js

@@ -1,6 +1,6 @@
-import F, { createContext as hr, useContext as br, useRef as k, useEffect as C, useCallback as Z, useState as V, useMemo as G, memo as ve } from "react";
-import Oe from "react-dom";
-const yr = `/* ReactaForm CSS Custom Properties (CSS Variables) */\r
+import N, { createContext as yr, useContext as xr, useRef as k, useEffect as C, useCallback as Z, useState as D, useMemo as G, memo as ve } from "react";
+import Me from "react-dom";
+const vr = `/* ReactaForm CSS Custom Properties (CSS Variables) */\r
 \r
 /* Default Light Theme */\r
 :root {\r
@@ -289,7 +289,7 @@ const yr = `/* ReactaForm CSS Custom Properties (CSS Variables) */\r
 `;
 var be = { exports: {} }, de = {};
 var qe;
-function xr() {
+function wr() {
   if (qe) return de;
   qe = 1;
   var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
@@ -312,12 +312,12 @@ function xr() {
 }
 var pe = {};
 var Be;
-function vr() {
+function Sr() {
   return Be || (Be = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(h) {
       if (h == null) return null;
       if (typeof h == "function")
-        return h.$$typeof === T ? null : h.displayName || h.name || null;
+        return h.$$typeof === z ? null : h.displayName || h.name || null;
       if (typeof h == "string") return h;
       switch (h) {
         case y:
@@ -328,27 +328,27 @@ function vr() {
           return "StrictMode";
         case j:
           return "Suspense";
-        case N:
+        case I:
           return "SuspenseList";
-        case O:
+        case M:
           return "Activity";
       }
       if (typeof h == "object")
         switch (typeof h.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), h.$$typeof) {
-          case p:
+          case f:
             return "Portal";
           case R:
             return h.displayName || "Context";
-          case A:
+          case F:
             return (h._context.displayName || "Context") + ".Consumer";
           case w:
             var E = h.render;
             return h = h.displayName, h || (h = E.displayName || E.name || "", h = h !== "" ? "ForwardRef(" + h + ")" : "ForwardRef"), h;
           case S:
             return E = h.displayName || null, E !== null ? E : e(h.type) || "Memo";
-          case I:
+          case A:
             E = h._payload, h = h._init;
             try {
               return e(h(E));
@@ -379,7 +379,7 @@ function vr() {
     }
     function o(h) {
       if (h === y) return "<>";
-      if (typeof h == "object" && h !== null && h.$$typeof === I)
+      if (typeof h == "object" && h !== null && h.$$typeof === A)
         return "<...>";
       try {
         var E = e(h);
@@ -459,19 +459,19 @@ function vr() {
         if (U)
           if (ce(_)) {
             for (U = 0; U < _.length; U++)
-              f(_[U]);
+              p(_[U]);
             Object.freeze && Object.freeze(_);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else f(_);
+        else p(_);
       if (J.call(E, "key")) {
         _ = e(h);
-        var D = Object.keys(E).filter(function(K) {
-          return K !== "key";
+        var V = Object.keys(E).filter(function(X) {
+          return X !== "key";
         });
-        U = 0 < D.length ? "{key: someKey, " + D.join(": ..., ") + ": ...}" : "{key: someKey}", M[_ + U] || (D = 0 < D.length ? "{" + D.join(": ..., ") + ": ...}" : "{}", console.error(
+        U = 0 < V.length ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}", O[_ + U] || (V = 0 < V.length ? "{" + V.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -480,9 +480,9 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           U,
           _,
-          D,
+          V,
           _
-        ), M[_ + U] = !0);
+        ), O[_ + U] = !0);
       }
       if (_ = null, B !== void 0 && (n(B), _ = "" + B), s(E) && (n(E.key), _ = "" + E.key), "key" in E) {
         B = {};
@@ -501,13 +501,13 @@ React keys must be passed directly to JSX without using spread:
         ae
       );
     }
-    function f(h) {
-      c(h) ? h._store && (h._store.validated = 1) : typeof h == "object" && h !== null && h.$$typeof === I && (h._payload.status === "fulfilled" ? c(h._payload.value) && h._payload.value._store && (h._payload.value._store.validated = 1) : h._store && (h._store.validated = 1));
+    function p(h) {
+      c(h) ? h._store && (h._store.validated = 1) : typeof h == "object" && h !== null && h.$$typeof === A && (h._payload.status === "fulfilled" ? c(h._payload.value) && h._payload.value._store && (h._payload.value._store.validated = 1) : h._store && (h._store.validated = 1));
     }
     function c(h) {
       return typeof h == "object" && h !== null && h.$$typeof === b;
     }
-    var d = F, b = Symbol.for("react.transitional.element"), p = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), R = Symbol.for("react.context"), w = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), N = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), I = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), T = Symbol.for("react.client.reference"), L = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, ce = Array.isArray, re = console.createTask ? console.createTask : function() {
+    var d = N, b = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), F = Symbol.for("react.consumer"), R = Symbol.for("react.context"), w = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), I = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), M = Symbol.for("react.activity"), z = Symbol.for("react.client.reference"), L = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, ce = Array.isArray, re = console.createTask ? console.createTask : function() {
       return null;
     };
     d = {
@@ -518,7 +518,7 @@ React keys must be passed directly to JSX without using spread:
     var ue, Q = {}, oe = d.react_stack_bottom_frame.bind(
       d,
       a
-    )(), P = re(o(a)), M = {};
+    )(), P = re(o(a)), O = {};
     pe.Fragment = y, pe.jsx = function(h, E, B) {
       var U = 1e4 > L.recentlyCreatedOwnerStacks++;
       return l(
@@ -543,12 +543,12 @@ React keys must be passed directly to JSX without using spread:
   })()), pe;
 }
 var He;
-function wr() {
-  return He || (He = 1, process.env.NODE_ENV === "production" ? be.exports = xr() : be.exports = vr()), be.exports;
+function Cr() {
+  return He || (He = 1, process.env.NODE_ENV === "production" ? be.exports = wr() : be.exports = Sr()), be.exports;
 }
-var g = wr();
-const Me = hr(void 0), z = () => {
-  const e = br(Me);
+var g = Cr();
+const Oe = yr(void 0), T = () => {
+  const e = xr(Oe);
   if (!e)
     throw new Error("❌ useReactaFormContext must be used within a <ReactaFormProvider>");
   return e;
@@ -591,7 +591,7 @@ class we {
     return this.get(r) ?? n;
   }
 }
-function Sr(e, r = 300, n) {
+function jr(e, r = 300, n) {
   const o = k(void 0), t = k(e), a = k(null), s = k(!1);
   C(() => {
     t.current = e;
@@ -635,15 +635,15 @@ const $ = {
   inputSelect: "reactaform-select",
   rangeInput: "reactaform-input--range",
   button: "reactaform-button"
-}, X = (...e) => {
+}, K = (...e) => {
   const r = [];
   for (const n of e)
     n && (typeof n == "string" ? r.push(n) : typeof n == "object" && Object.entries(n).forEach(([o, t]) => {
       t && r.push(o);
     }));
   return r.join(" ");
-}, Ze = ({ content: e, size: r = "medium", animation: n = !0 }) => {
-  const { t: o, darkMode: t, formStyle: a, fieldStyle: s } = z(), [i, u] = V(!1), [m, l] = V({ x: 0, y: 0 }), [f, c] = V(!1), d = k(null), b = k(null), p = k(null), y = G(() => {
+}, er = ({ content: e, size: r = "medium", animation: n = !0 }) => {
+  const { t: o, darkMode: t, formStyle: a, fieldStyle: s } = T(), [i, u] = D(!1), [m, l] = D({ x: 0, y: 0 }), [p, c] = D(!1), d = k(null), b = k(null), f = k(null), y = G(() => {
     const R = {
       icon: {
         display: "inline-flex",
@@ -686,9 +686,9 @@ const $ = {
         opacity: 1,
         visibility: "visible"
       }
-    }, w = (N, S, I) => {
-      const T = N?.[S];
-      return (I && T ? T[I] : void 0) ?? {};
+    }, w = (I, S, A) => {
+      const z = I?.[S];
+      return (A && z ? z[A] : void 0) ?? {};
     };
     return {
       icon: { ...R.icon, ...w(a, "tooltip", "icon"), ...w(s, "tooltip", "icon") },
@@ -698,41 +698,41 @@ const $ = {
   }, [t, r, n, a, s]);
   C(() => {
     if (i) {
-      const A = requestAnimationFrame(() => c(!1)), R = requestAnimationFrame(() => {
+      const F = requestAnimationFrame(() => c(!1)), R = requestAnimationFrame(() => {
         if (d.current) {
           const w = d.current.getBoundingClientRect(), j = 8;
-          p.current = w;
-          const N = w.right + j, S = w.top;
-          l({ x: N, y: S }), c(!0);
+          f.current = w;
+          const I = w.right + j, S = w.top;
+          l({ x: I, y: S }), c(!0);
         }
       });
       return () => {
-        cancelAnimationFrame(R), cancelAnimationFrame(A);
+        cancelAnimationFrame(R), cancelAnimationFrame(F);
       };
     } else
       requestAnimationFrame(() => c(!1));
   }, [i]), C(() => {
-    if (!f) return;
-    const A = requestAnimationFrame(() => {
+    if (!p) return;
+    const F = requestAnimationFrame(() => {
       if (!b.current) return;
-      const R = b.current.getBoundingClientRect(), w = 8, j = typeof window < "u" ? window.innerWidth : 1024, N = typeof window < "u" ? window.innerHeight : 768;
-      let S = m.x, I = m.y;
-      const O = p.current;
-      O && (S = O.right + w, I = O.top + O.height / 2 - R.height / 2 + -4, S + R.width > j - w && (S = O.left - w - R.width)), S + R.width > j - w && (S = Math.max(w, j - R.width - w)), S < w && (S = w), I + R.height > N - w && (I = Math.max(w, N - R.height - w)), I < w && (I = w), (S !== m.x || I !== m.y) && l({ x: S, y: I });
+      const R = b.current.getBoundingClientRect(), w = 8, j = typeof window < "u" ? window.innerWidth : 1024, I = typeof window < "u" ? window.innerHeight : 768;
+      let S = m.x, A = m.y;
+      const M = f.current;
+      M && (S = M.right + w, A = M.top + M.height / 2 - R.height / 2 + -4, S + R.width > j - w && (S = M.left - w - R.width)), S + R.width > j - w && (S = Math.max(w, j - R.width - w)), S < w && (S = w), A + R.height > I - w && (A = Math.max(w, I - R.height - w)), A < w && (A = w), (S !== m.x || A !== m.y) && l({ x: S, y: A });
     });
-    return () => cancelAnimationFrame(A);
-  }, [f, m.x, m.y]);
+    return () => cancelAnimationFrame(F);
+  }, [p, m.x, m.y]);
   const x = typeof document < "u" ? document.getElementById("popup-root") : null, v = /* @__PURE__ */ g.jsx(
     "div",
     {
       ref: b,
       style: {
         ...y.text,
-        transform: f ? "translateY(0) scale(1)" : "translateY(-4px) scale(0.98)",
+        transform: p ? "translateY(0) scale(1)" : "translateY(-4px) scale(0.98)",
         transition: "opacity 120ms ease, transform 120ms ease, visibility 120ms ease",
         width: 240,
         // When positioned is true, apply the visible styles
-        ...f ? y.textVisible : {},
+        ...p ? y.textVisible : {},
         top: m.y,
         left: m.x
       },
@@ -754,7 +754,7 @@ const $ = {
         children: "?"
       }
     ),
-    i && (x ? Oe.createPortal(v, x) : v)
+    i && (x ? Me.createPortal(v, x) : v)
   ] });
 }, Re = ve(({
   field: e,
@@ -762,7 +762,7 @@ const $ = {
   children: n,
   showLabel: o = !0
 }) => {
-  const { t } = z(), a = e?.labelLayout === "column-center" ? "center" : "left";
+  const { t } = T(), a = e?.labelLayout === "column-center" ? "center" : "left";
   return /* @__PURE__ */ g.jsxs(
     "div",
     {
@@ -799,7 +799,7 @@ const $ = {
             },
             children: [
               /* @__PURE__ */ g.jsx("div", { style: { flex: 1, minWidth: 0, maxWidth: "100%" }, children: /* @__PURE__ */ g.jsx("div", { style: { width: "100%" }, children: n }) }),
-              e.tooltip && /* @__PURE__ */ g.jsx(Ze, { content: e.tooltip })
+              e.tooltip && /* @__PURE__ */ g.jsx(er, { content: e.tooltip })
             ]
           }
         ),
@@ -809,13 +809,13 @@ const $ = {
   );
 });
 Re.displayName = "ColumnFieldLayout";
-const Qe = ve(({
+const rr = ve(({
   field: e,
   error: r,
   children: n,
   rightAlign: o = !1
 }) => {
-  const { t } = z(), a = G(() => ({
+  const { t } = T(), a = G(() => ({
     display: "flex",
     flexDirection: "column",
     gap: 0
@@ -850,19 +850,19 @@ const Qe = ve(({
             children: n
           }
         ) : n,
-        e.tooltip && /* @__PURE__ */ g.jsx(Ze, { content: e.tooltip })
+        e.tooltip && /* @__PURE__ */ g.jsx(er, { content: e.tooltip })
       ] }),
       r && /* @__PURE__ */ g.jsx($e, { children: r })
     ] })
   ] });
 });
-Qe.displayName = "RowFieldLayout";
+rr.displayName = "RowFieldLayout";
 const W = ({
   field: e,
   error: r,
   children: n,
   rightAlign: o = !1
-}) => e?.labelLayout === "column-left" || e?.labelLayout === "column-center" ? /* @__PURE__ */ g.jsx(Re, { field: e, error: r, showLabel: !0, children: n }) : e?.type === "checkbox" || e?.type === "switch" ? /* @__PURE__ */ g.jsx(Re, { field: e, error: r, showLabel: !1, children: n }) : /* @__PURE__ */ g.jsx(Qe, { field: e, error: r, rightAlign: o, children: n }), $e = ve(({ children: e }) => {
+}) => e?.labelLayout === "column-left" || e?.labelLayout === "column-center" ? /* @__PURE__ */ g.jsx(Re, { field: e, error: r, showLabel: !0, children: n }) : e?.type === "checkbox" || e?.type === "switch" ? /* @__PURE__ */ g.jsx(Re, { field: e, error: r, showLabel: !1, children: n }) : /* @__PURE__ */ g.jsx(rr, { field: e, error: r, rightAlign: o, children: n }), $e = ve(({ children: e }) => {
   const r = G(() => ({
     color: "var(--reactaform-error-color)",
     fontSize: "13px",
@@ -876,8 +876,8 @@ const W = ({
   return /* @__PURE__ */ g.jsx("div", { style: r, children: e });
 });
 $e.displayName = "ErrorDiv";
-const er = ve(({ name: e, onChange: r }) => {
-  const { t: n } = z();
+const tr = ve(({ name: e, onChange: r }) => {
+  const { t: n } = T();
   return /* @__PURE__ */ g.jsxs("div", { style: { marginBottom: 16 }, children: [
     /* @__PURE__ */ g.jsxs("div", { style: { display: "grid", gridTemplateColumns: "1fr 2fr", gap: 12, alignItems: "center" }, children: [
       /* @__PURE__ */ g.jsx(
@@ -917,8 +917,8 @@ const er = ve(({ name: e, onChange: r }) => {
     /* @__PURE__ */ g.jsx("div", { style: { height: "1px", backgroundColor: "var(--reactaform-separator, #e6e6e6)", marginTop: 12, marginBottom: 12 } })
   ] });
 });
-er.displayName = "InstanceName";
-class Cr extends we {
+tr.displayName = "InstanceName";
+class kr extends we {
   registerInCategory(r, n, o) {
     this.get(r) || this.register(r, {});
     const t = this.get(r);
@@ -934,25 +934,25 @@ class Cr extends we {
     return this.list();
   }
 }
-const rr = new we(), tr = new Cr();
-function Xt(e, r) {
-  rr.register(e, r);
+const nr = new we(), or = new kr();
+function Zt(e, r) {
+  nr.register(e, r);
 }
-function Zt(e, r, n) {
-  tr.registerInCategory(e, r, n);
+function Qt(e, r, n) {
+  or.registerInCategory(e, r, n);
 }
-function jr(e, r) {
-  return tr.getFromCategory(e, r) || null;
+function Rr(e, r) {
+  return or.getFromCategory(e, r) || null;
 }
-function kr(e) {
-  return rr.get(e) || null;
+function Er(e) {
+  return nr.get(e) || null;
 }
 const Ce = /* @__PURE__ */ new Map(), je = /* @__PURE__ */ new Map();
 function Y(e, r, n, o) {
   if (r && typeof r.validationHandlerName == "string") {
     const t = `${e}:${r.validationHandlerName}`;
     if (!Ce.has(t)) {
-      const s = jr(e, r.validationHandlerName);
+      const s = Rr(e, r.validationHandlerName);
       Ce.set(t, s);
     }
     const a = Ce.get(t);
@@ -961,11 +961,11 @@ function Y(e, r, n, o) {
   }
   return null;
 }
-function Rr(e, r, n) {
+function Nr(e, r, n) {
   if (e && typeof e.validationHandlerName == "string") {
     const o = e.validationHandlerName;
     if (!je.has(o)) {
-      const a = kr(o);
+      const a = Er(o);
       je.set(o, a);
     }
     const t = je.get(o);
@@ -977,15 +977,15 @@ function Rr(e, r, n) {
 function ie(e) {
   return typeof e == "object" && e !== null;
 }
-function De(e) {
+function Ve(e) {
   if (!ie(e)) return !1;
   const r = e;
   return typeof r.name == "string" && typeof r.displayName == "string";
 }
-function nr(e) {
+function ar(e) {
   if (!ie(e)) return !1;
   const r = e;
-  return typeof r.name != "string" || typeof r.version != "string" || !Array.isArray(r.properties) ? !1 : r.properties.every((n) => De(n));
+  return typeof r.name != "string" || typeof r.version != "string" || !Array.isArray(r.properties) ? !1 : r.properties.every((n) => Ve(n));
 }
 function Ee(e) {
   try {
@@ -995,7 +995,7 @@ function Ee(e) {
     return !!r && typeof r.name == "string" && typeof r.size == "number";
   }
 }
-function Qt(e, r, n = {}) {
+function en(e, r, n = {}) {
   try {
     const {
       includeMetadata: o = !1,
@@ -1010,7 +1010,7 @@ function Qt(e, r, n = {}) {
         success: !1,
         error: "Instance must be a valid object"
       };
-    const m = [], l = [], f = {}, d = (nr(r) || ie(r) && Array.isArray(r.properties) ? r.properties : []).filter(De), b = new Map(d.map((y) => [y.name, y]));
+    const m = [], l = [], p = {}, d = (ar(r) || ie(r) && Array.isArray(r.properties) ? r.properties : []).filter(Ve), b = new Map(d.map((y) => [y.name, y]));
     for (const [y, x] of Object.entries(e)) {
       if (i.includes(y)) {
         l.push(y);
@@ -1023,21 +1023,21 @@ function Qt(e, r, n = {}) {
       if (x === void 0) continue;
       const v = b.get(y);
       try {
-        f[y] = Er(x, v, { dateFormat: t, fileHandling: a });
-      } catch (A) {
-        m.push(`Error serializing field '${y}': ${String(A)}`), f[y] = null;
+        p[y] = Ir(x, v, { dateFormat: t, fileHandling: a });
+      } catch (F) {
+        m.push(`Error serializing field '${y}': ${String(F)}`), p[y] = null;
       }
     }
-    return o && (f._metadata = {
+    return o && (p._metadata = {
       serializedAt: (/* @__PURE__ */ new Date()).toISOString(),
       version: (ie(r) ? r.version : void 0) || "1.0.0",
-      fieldCount: Object.keys(f).length - 1
+      fieldCount: Object.keys(p).length - 1
       // Exclude metadata itself
     }), {
       success: !0,
-      data: s ? JSON.stringify(f, null, 2) : JSON.stringify(f),
+      data: s ? JSON.stringify(p, null, 2) : JSON.stringify(p),
       metadata: {
-        fieldCount: Object.keys(f).length,
+        fieldCount: Object.keys(p).length,
         excludedFields: l,
         warnings: m
       }
@@ -1049,7 +1049,7 @@ function Qt(e, r, n = {}) {
     };
   }
 }
-function Er(e, r, n = {}) {
+function Ir(e, r, n = {}) {
   const { dateFormat: o = "iso", fileHandling: t = "metadata" } = n;
   if (e == null)
     return null;
@@ -1119,7 +1119,7 @@ function Ye(e, r) {
     _note: "Base64 encoding requires async implementation"
   };
 }
-function en(e, r, n = {}) {
+function rn(e, r, n = {}) {
   try {
     const {
       strict: o = !1,
@@ -1135,10 +1135,10 @@ function en(e, r, n = {}) {
     let i;
     try {
       i = JSON.parse(e);
-    } catch (p) {
+    } catch (f) {
       return {
         success: !1,
-        error: `Invalid JSON: ${p instanceof Error ? p.message : "Unknown parsing error"}`
+        error: `Invalid JSON: ${f instanceof Error ? f.message : "Unknown parsing error"}`
       };
     }
     if (!i || typeof i != "object")
@@ -1146,23 +1146,23 @@ function en(e, r, n = {}) {
         success: !1,
         error: "Parsed data must be an object"
       };
-    const u = [], m = [], l = {}, c = (nr(r) || ie(r) && Array.isArray(r.properties) ? r.properties : []).filter(De), d = new Map(c.map((p) => [p.name, p]));
-    for (const p of c) {
-      const y = p.name, x = i[y];
+    const u = [], m = [], l = {}, c = (ar(r) || ie(r) && Array.isArray(r.properties) ? r.properties : []).filter(Ve), d = new Map(c.map((f) => [f.name, f]));
+    for (const f of c) {
+      const y = f.name, x = i[y];
       if (x === void 0) {
-        o && p.required && m.push(`Required field '${y}' is missing`);
+        o && f.required && m.push(`Required field '${y}' is missing`);
         continue;
       }
       try {
-        l[y] = Nr(x, p, { validateTypes: t, dateFormat: s });
+        l[y] = Ar(x, f, { validateTypes: t, dateFormat: s });
       } catch (v) {
-        const A = `Error deserializing field '${y}': ${String(v)}`;
-        o ? m.push(A) : (u.push(A), l[y] = x);
+        const F = `Error deserializing field '${y}': ${String(v)}`;
+        o ? m.push(F) : (u.push(F), l[y] = x);
       }
     }
     if (a)
-      for (const [p, y] of Object.entries(i))
-        !d.has(p) && p !== "_metadata" && (o && u.push(`Unknown field '${p}' preserved`), l[p] = y);
+      for (const [f, y] of Object.entries(i))
+        !d.has(f) && f !== "_metadata" && (o && u.push(`Unknown field '${f}' preserved`), l[f] = y);
     const b = m.length > 0;
     return {
       success: !b,
@@ -1177,7 +1177,7 @@ function en(e, r, n = {}) {
     };
   }
 }
-function Nr(e, r, n = {}) {
+function Ar(e, r, n = {}) {
   const { validateTypes: o = !0, dateFormat: t = "auto" } = n;
   if (e == null)
     return e;
@@ -1186,7 +1186,7 @@ function Nr(e, r, n = {}) {
       case "date":
       case "datetime":
       case "date-time":
-        return Ir(e, t, o);
+        return Fr(e, t, o);
       case "int":
       case "integer":
         return Ne(e, o);
@@ -1194,7 +1194,7 @@ function Nr(e, r, n = {}) {
       case "number":
         return Ie(e, o);
       case "boolean":
-        return Ar(e, o);
+        return Mr(e, o);
       case "int-array":
         return Je(e, "integer", o);
       case "float-array":
@@ -1214,7 +1214,7 @@ function Nr(e, r, n = {}) {
     return e;
   }
 }
-function rn(e, r = {}) {
+function tn(e, r = {}) {
   try {
     const { prettify: n = !0, includeMetadata: o = !0 } = r;
     if (!e || typeof e != "object")
@@ -1243,7 +1243,7 @@ function rn(e, r = {}) {
     };
   }
 }
-function tn(e, r = {}) {
+function nn(e, r = {}) {
   try {
     const { strict: n = !1, validateTypes: o = !0 } = r;
     let t;
@@ -1281,13 +1281,13 @@ function tn(e, r = {}) {
               break;
           }
     const u = Array.isArray(t.properties) ? t.properties : null;
-    u ? t.properties = u.map((l, f) => {
+    u ? t.properties = u.map((l, p) => {
       const c = ie(l) ? l : {}, d = { ...c };
       if (!c.name) {
-        const b = `Property at index ${f} missing 'name'`;
-        n ? s.push(b) : (a.push(`${b}, using 'field_${f}'`), d.name = `field_${f}`);
+        const b = `Property at index ${p} missing 'name'`;
+        n ? s.push(b) : (a.push(`${b}, using 'field_${p}'`), d.name = `field_${p}`);
       }
-      return c.displayName || (d.displayName = c.name || `Field ${f}`), c.type || (n && o ? s.push(`Property '${c.name || f}' missing 'type'`) : (a.push(`Property '${c.name || f}' missing 'type', using 'string'`), d.type = "string")), c.defaultValue === void 0 && (d.defaultValue = null), c.required === void 0 && (d.required = !1), d;
+      return c.displayName || (d.displayName = c.name || `Field ${p}`), c.type || (n && o ? s.push(`Property '${c.name || p}' missing 'type'`) : (a.push(`Property '${c.name || p}' missing 'type', using 'string'`), d.type = "string")), c.defaultValue === void 0 && (d.defaultValue = null), c.required === void 0 && (d.required = !1), d;
     }) : n ? s.push("Properties must be an array") : (a.push("Properties not found or invalid, using empty array"), t.properties = []);
     const m = s.length > 0;
     return {
@@ -1303,7 +1303,7 @@ function tn(e, r = {}) {
     };
   }
 }
-function Ir(e, r, n) {
+function Fr(e, r, n) {
   if (e instanceof Date)
     return e;
   if (typeof e == "number") {
@@ -1348,7 +1348,7 @@ function Ie(e, r) {
     throw new Error(`Cannot convert ${typeof e} to number`);
   return e;
 }
-function Ar(e, r) {
+function Mr(e, r) {
   if (typeof e == "boolean")
     return e;
   if (typeof e == "string") {
@@ -1382,7 +1382,7 @@ function Je(e, r, n) {
     }
   });
 }
-const Fr = (e, r) => {
+const Or = (e, r) => {
   const n = /* @__PURE__ */ new Map();
   let o = null, t = null, a = 0;
   for (const s of e) {
@@ -1404,7 +1404,7 @@ const Fr = (e, r) => {
     }
   }
   return a;
-}, Or = (e, r = {}) => {
+}, $r = (e, r = {}) => {
   const { includeEmpty: n = !0 } = r, o = [];
   let t = null, a = [], s = 0;
   for (const u of e) {
@@ -1421,21 +1421,21 @@ const Fr = (e, r) => {
       largestGroup: i
     }
   };
-}, ke = /* @__PURE__ */ new Map(), ye = /* @__PURE__ */ new Map(), se = /* @__PURE__ */ new Set(), Ae = /* @__PURE__ */ new Map(), Mr = async (e) => {
+}, ke = /* @__PURE__ */ new Map(), ye = /* @__PURE__ */ new Map(), se = /* @__PURE__ */ new Set(), Ae = /* @__PURE__ */ new Map(), Vr = async (e) => {
   try {
     let r;
     switch (e.toLowerCase()) {
       case "fr":
-        r = (await import("./common-C-TIZ3UJ.js")).default;
+        r = (await import("./common-CTK4jqc5.js")).default;
         break;
       case "de":
-        r = (await import("./common-CkBVkhXb.js")).default;
+        r = (await import("./common-ClNcU_yE.js")).default;
         break;
       case "es":
-        r = (await import("./common-CDu1xkTC.js")).default;
+        r = (await import("./common-DXEjsP3o.js")).default;
         break;
       case "zh-cn":
-        r = (await import("./common-D4RlfeS8.js")).default;
+        r = (await import("./common-DRxsgpaH.js")).default;
         break;
       case "en":
         r = {};
@@ -1455,7 +1455,7 @@ const Fr = (e, r) => {
       error: `Failed to load common translations for ${e}: ${r}`
     };
   }
-}, $r = async (e) => {
+}, Dr = async (e) => {
   if (!e)
     return { success: !1, translations: {}, error: "Language is required" };
   const r = e.toLowerCase();
@@ -1467,13 +1467,13 @@ const Fr = (e, r) => {
       translations: ke.get(r) || {},
       fromCache: !0
     };
-  const n = await Mr(r);
+  const n = await Vr(r);
   return n.success && (ke.set(r, n.translations), Ae.set(r, {
     loadedAt: /* @__PURE__ */ new Date(),
     size: Object.keys(n.translations).length,
     source: "common"
   })), n;
-}, Dr = async (e, r) => {
+}, zr = async (e, r) => {
   if (!e || !r)
     return {
       success: !1,
@@ -1515,7 +1515,7 @@ const Fr = (e, r) => {
       });
     }
     const a = t.headers.get("content-type") || "";
-    !a.includes("application/json") && !a.includes("text/json") && or() && console.warn(
+    !a.includes("application/json") && !a.includes("text/json") && sr() && console.warn(
       `Translation file at ${o} has unexpected content-type: ${a}`
     );
     const s = await t.text();
@@ -1570,7 +1570,7 @@ const Fr = (e, r) => {
     };
   }
 };
-function or() {
+function sr() {
   try {
     if (typeof process < "u" && process?.env?.NODE_ENV === "development")
       return !0;
@@ -1578,7 +1578,7 @@ function or() {
   }
   return !1;
 }
-function Vr(e, r) {
+function Tr(e, r) {
   return r.length === 0 ? e : e.replace(/\{\{(\d+)\}\}/g, (n, o) => {
     const t = parseInt(o, 10) - 1, a = r[t];
     if (a == null)
@@ -1590,12 +1590,12 @@ function Vr(e, r) {
     }
   });
 }
-const Tr = (e, r, n) => (o, ...t) => {
+const Lr = (e, r, n) => (o, ...t) => {
   let a = o, s = !1;
-  return !o || typeof o != "string" ? String(o || "") : (e.toLowerCase() === "en" ? (a = o, s = !0) : Object.prototype.hasOwnProperty.call(n, o) ? (a = n[o], s = !0) : Object.prototype.hasOwnProperty.call(r, o) ? (a = r[o], s = !0) : a = o, a = Vr(a, t), !s && or() && console.debug(
+  return !o || typeof o != "string" ? String(o || "") : (e.toLowerCase() === "en" ? (a = o, s = !0) : Object.prototype.hasOwnProperty.call(n, o) ? (a = n[o], s = !0) : Object.prototype.hasOwnProperty.call(r, o) ? (a = r[o], s = !0) : a = o, a = Tr(a, t), !s && sr() && console.debug(
     `Missing translation for "${o}" in language "${e}"`
   ), a);
-}, Ve = {
+}, De = {
   length: ["m", "cm", "mm", "km", "in", "ft", "yd", "mi"],
   area: ["m^2", "cm^2", "mm^2", "in^2", "ft^2", "yd^2"],
   volume: ["L", "m^3", "cm^3", "mL", "in^3", "ft^3", "yd^3"],
@@ -1603,7 +1603,7 @@ const Tr = (e, r, n) => (o, ...t) => {
   time: ["min", "s", "h", "ms", "d"],
   temperature: ["C", "F", "K"],
   angle: ["deg", "rad", "rev"]
-}, Te = {
+}, ze = {
   length: {
     m: "Meter (m)",
     mm: "Millimeter (mm)",
@@ -1657,7 +1657,7 @@ const Tr = (e, r, n) => (o, ...t) => {
     rad: "Radian (rad)",
     rev: "Revolution (rev)"
   }
-}, ze = {
+}, Te = {
   length: {
     mm: 1e3,
     cm: 100,
@@ -1712,13 +1712,13 @@ const Tr = (e, r, n) => (o, ...t) => {
     rad: Math.PI / 180,
     rev: 1 / 360
   }
-}, Le = {}, zr = /* @__PURE__ */ new Set([
-  ...Object.keys(Ve),
-  ...Object.keys(Te),
-  ...Object.keys(ze)
+}, Le = {}, Pr = /* @__PURE__ */ new Set([
+  ...Object.keys(De),
+  ...Object.keys(ze),
+  ...Object.keys(Te)
 ]);
-for (const e of zr) {
-  const r = {}, n = Ve[e] ?? [], o = Te[e] ?? {}, t = ze[e] ?? {};
+for (const e of Pr) {
+  const r = {}, n = De[e] ?? [], o = ze[e] ?? {}, t = Te[e] ?? {};
   for (const a of n) {
     const s = o[a];
     r[a] = {
@@ -1736,19 +1736,19 @@ for (const e of zr) {
     r[a] || (r[a] = { name: String(a), shortName: String(a), factor: s });
   Le[e] = r;
 }
-const nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const on = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  dimensionUnitDisplayMap: Te,
-  dimensionUnitsMap: Ve,
-  dimensonUnitFactorsMap: ze,
+  dimensionUnitDisplayMap: ze,
+  dimensionUnitsMap: De,
+  dimensonUnitFactorsMap: Te,
   unitsByDimension: Le
-}, Symbol.toStringTag, { value: "Module" })), Lr = ({
+}, Symbol.toStringTag, { value: "Module" })), _r = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { definitionName: t, t: a } = z(), s = k(o);
+  const { definitionName: t, t: a } = T(), s = k(o);
   C(() => {
     s.current = o;
   }, [o]), C(() => {
@@ -1756,8 +1756,8 @@ const nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     s.current?.(l ?? null);
   }, [r, e, t, a]);
   const i = (l) => {
-    const f = l.target.checked;
-    n?.(f, null);
+    const p = l.target.checked;
+    n?.(p, null);
   }, u = (l) => {
     (l.key === " " || l.key === "Spacebar" || l.key === "Space" || l.key === "Enter") && (l.preventDefault(), n?.(!r, null));
   }, m = e.name;
@@ -1810,33 +1810,33 @@ const nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   { label: "Light Gray", value: "#d3d3d3" },
   { label: "Pink", value: "#ffc0cb" }
 ];
-function ar(e) {
+function ir(e) {
   return /^#([0-9A-F]{3}){1,2}$/i.test(e);
 }
-function Pr(e) {
-  if (!ar(e)) return null;
-  const r = sr(e), n = parseInt(r.slice(1), 16);
+function qr(e) {
+  if (!ir(e)) return null;
+  const r = cr(e), n = parseInt(r.slice(1), 16);
   return {
     r: n >> 16 & 255,
     g: n >> 8 & 255,
     b: n & 255
   };
 }
-function sr(e) {
+function cr(e) {
   return e ? (e = e.toLowerCase(), /^#([a-f0-9]){3}$/i.test(e) ? "#" + e.slice(1).split("").map((r) => r + r).join("") : e) : "#000000";
 }
-const _r = ({ field: e, value: r, onChange: n, onError: o }) => {
-  const { t, definitionName: a } = z(), [s, i] = V("#000000"), u = F.useRef(null), m = F.useRef(null), l = F.useRef(o);
-  F.useEffect(() => {
+const Br = ({ field: e, value: r, onChange: n, onError: o }) => {
+  const { t, definitionName: a } = T(), [s, i] = D("#000000"), u = N.useRef(null), m = N.useRef(null), l = N.useRef(o);
+  N.useEffect(() => {
     l.current = o;
   }, [o]), C(() => {
-    const x = r && ar(r) ? r : "#000000", v = sr(x);
+    const x = r && ir(r) ? r : "#000000", v = cr(x);
     i(v);
-  }, [r]), F.useEffect(() => {
+  }, [r]), N.useEffect(() => {
     const x = Y(a, e, r ?? "#000000", t);
     l.current?.(x ?? null);
   }, [r, e, a, t]);
-  const f = (x) => {
+  const p = (x) => {
     const v = x.target.value;
     i(v), n?.(v, null);
   }, c = (x) => {
@@ -1844,7 +1844,7 @@ const _r = ({ field: e, value: r, onChange: n, onError: o }) => {
     i(v), n?.(v, null);
   }, d = Ge.find(
     (x) => x.value === s
-  ), { r: b, g: p, b: y } = Pr(s) || { r: 0, g: 0, b: 0 };
+  ), { r: b, g: f, b: y } = qr(s) || { r: 0, g: 0, b: 0 };
   return /* @__PURE__ */ g.jsx(W, { field: e, error: null, children: /* @__PURE__ */ g.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", width: "100%" }, children: [
     /* @__PURE__ */ g.jsxs(
       "select",
@@ -1852,16 +1852,16 @@ const _r = ({ field: e, value: r, onChange: n, onError: o }) => {
         ref: u,
         id: e.name,
         value: s,
-        onChange: f,
+        onChange: p,
         style: { minWidth: "120px", flex: 1 },
-        className: X($.input, $.inputSelect),
+        className: K($.input, $.inputSelect),
         children: [
           Ge.map((x) => /* @__PURE__ */ g.jsx("option", { value: x.value, children: t(x.label) }, x.value)),
           d ? null : /* @__PURE__ */ g.jsxs("option", { value: s, children: [
             "(",
             b,
             ", ",
-            p,
+            f,
             ", ",
             y,
             ")"
@@ -1907,7 +1907,7 @@ const _r = ({ field: e, value: r, onChange: n, onError: o }) => {
   if (!e) return null;
   const r = new Date(e);
   return isNaN(r.getTime()) ? null : r;
-}, qr = (e) => {
+}, Hr = (e) => {
   if (!e) return "";
   if (/^\d{4}-\d{2}-\d{2}$/.test(e))
     return ge(e) ? e : "";
@@ -1917,35 +1917,35 @@ const _r = ({ field: e, value: r, onChange: n, onError: o }) => {
     return `${o}-${t}-${a}`;
   }
   return "";
-}, Br = ({
+}, Ur = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = z(), { name: s, required: i } = e, u = k(null), m = k(o);
+  const { t, definitionName: a } = T(), { name: s, required: i } = e, u = k(null), m = k(o);
   C(() => {
     m.current = o;
   }, [o]);
-  const l = F.useCallback((c) => {
+  const l = N.useCallback((c) => {
     if (!c || c.trim() === "")
       return i ? t("Value required") : null;
     if (c) {
       const b = ge(c);
       if (!b) return t("Invalid date format");
       if (e.minDate) {
-        const p = ge(e.minDate);
-        if (p && b.getTime() < p.getTime())
+        const f = ge(e.minDate);
+        if (f && b.getTime() < f.getTime())
           return t("Date must be on or after {{1}}", e.minDate);
       }
       if (e.maxDate) {
-        const p = ge(e.maxDate);
-        if (p && b.getTime() > p.getTime())
+        const f = ge(e.maxDate);
+        if (f && b.getTime() > f.getTime())
           return t("Date must be on or before {{1}}", e.maxDate);
       }
     }
     return Y(a, e, c, t) ?? null;
-  }, [e, a, t, i]), f = (c) => {
+  }, [e, a, t, i]), p = (c) => {
     const d = c.target.value, b = l(d);
     n?.(d, b);
   };
@@ -1957,22 +1957,22 @@ const _r = ({ field: e, value: r, onChange: n, onError: o }) => {
     {
       id: s,
       type: "date",
-      value: qr(r),
-      onChange: f,
-      className: X($.input, $.textInput),
+      value: Hr(r),
+      onChange: p,
+      className: K($.input, $.textInput),
       ...e.minDate ? { min: e.minDate } : {},
       ...e.maxDate ? { max: e.maxDate } : {},
       "aria-invalid": !!l(r),
       "aria-describedby": l(r) ? `${s}-error` : void 0
     }
   ) });
-}, Hr = ({
+}, Wr = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = z(), s = k(null), i = k(o);
+  const { t, definitionName: a } = T(), s = k(null), i = k(o);
   C(() => {
     i.current = o;
   }, [o]);
@@ -1981,16 +1981,16 @@ const _r = ({ field: e, value: r, onChange: n, onError: o }) => {
     [e, t, a]
   );
   C(() => {
-    const l = r != null ? String(r) : "", f = u(l);
-    if (f && e.options && e.options.length > 0) {
+    const l = r != null ? String(r) : "", p = u(l);
+    if (p && e.options && e.options.length > 0) {
       const c = String(e.options[0].value);
       s.current && (s.current.value = c), n?.(c, null), i.current?.(null);
     } else
-      s.current && (s.current.value = l), i.current?.(f ?? null);
+      s.current && (s.current.value = l), i.current?.(p ?? null);
   }, [r, u, n, e.options]);
   const m = (l) => {
-    const f = l.target.value, c = u(f);
-    n?.(f, c);
+    const p = l.target.value, c = u(p);
+    n?.(p, c);
   };
   return /* @__PURE__ */ g.jsx(W, { field: e, error: u(String(r ?? "")), children: /* @__PURE__ */ g.jsx(
     "select",
@@ -1998,7 +1998,7 @@ const _r = ({ field: e, value: r, onChange: n, onError: o }) => {
       defaultValue: String(r ?? ""),
       ref: s,
       onChange: m,
-      className: X(
+      className: K(
         $.input,
         $.inputSelect
       ),
@@ -2006,32 +2006,32 @@ const _r = ({ field: e, value: r, onChange: n, onError: o }) => {
     }
   ) });
 };
-function Ur(e) {
+function Yr(e) {
   return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);
 }
-const Wr = ({
+const Jr = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { definitionName: t, t: a } = z(), s = k(null), i = F.useCallback(
-    (f) => {
-      const c = f.trim();
-      return c === "" ? e.required ? a("Value required") : null : Ur(c) ? e.pattern && !new RegExp(e.pattern).test(c) ? a("Email does not match pattern: {{%1}}", {
+  const { definitionName: t, t: a } = T(), s = k(null), i = N.useCallback(
+    (p) => {
+      const c = p.trim();
+      return c === "" ? e.required ? a("Value required") : null : Yr(c) ? e.pattern && !new RegExp(e.pattern).test(c) ? a("Email does not match pattern: {{%1}}", {
         "%1": `${e.pattern}`
-      }) : Y(t, e, f, a) ?? null : a("Must be valid email format");
+      }) : Y(t, e, p, a) ?? null : a("Must be valid email format");
     },
     [e, t, a]
-  ), u = (f) => {
-    const c = f.target.value, d = i(c);
+  ), u = (p) => {
+    const c = p.target.value, d = i(c);
     n?.(c, d);
   }, m = k(null), l = k(o);
   return C(() => {
     l.current = o;
   }, [o]), C(() => {
-    const f = r ?? "", c = i(f);
-    s.current && s.current.value !== String(f) && (s.current.value = String(f)), c !== m.current && (m.current = c, l.current?.(c ?? null));
+    const p = r ?? "", c = i(p);
+    s.current && s.current.value !== String(p) && (s.current.value = String(p)), c !== m.current && (m.current = c, l.current?.(c ?? null));
   }, [r, i]), /* @__PURE__ */ g.jsx(W, { field: e, error: i(String(r ?? "")), children: /* @__PURE__ */ g.jsx(
     "input",
     {
@@ -2040,11 +2040,11 @@ const Wr = ({
       defaultValue: String(r ?? ""),
       ref: s,
       onChange: u,
-      className: X($.input, $.textInput)
+      className: K($.input, $.textInput)
     }
   ) });
-}, Yr = ({ field: e }) => {
-  const { darkMode: r } = z(), {
+}, Gr = ({ field: e }) => {
+  const { darkMode: r } = T(), {
     color: n = r ? "#444444" : "#CCCCCC",
     thickness: o = 1,
     margin: t = "8px 0"
@@ -2061,33 +2061,33 @@ const Wr = ({
       }
     }
   );
-}, Jr = ({ field: e, value: r, onChange: n, onError: o }) => {
-  const { t, definitionName: a } = z(), [s, i] = V(!1), u = k(null), m = k(o);
+}, Kr = ({ field: e, value: r, onChange: n, onError: o }) => {
+  const { t, definitionName: a } = T(), [s, i] = D(!1), u = k(null), m = k(o);
   C(() => {
     m.current = o;
   }, [o]);
-  const l = F.useCallback(
+  const l = N.useCallback(
     (v) => e.required && (!v || Array.isArray(v) && v.length === 0) ? t("Value required") : Y(a, e, v, t) ?? null,
     [e, a, t]
-  ), f = F.useMemo(() => l(r), [r, l]);
+  ), p = N.useMemo(() => l(r), [r, l]);
   C(() => {
     const v = l(r);
     n?.(r, v), m.current?.(v ?? null);
   }, [r, l]);
   const c = (v) => {
-    const A = v.target.files;
+    const F = v.target.files;
     let R = null;
-    if (A && A.length > 0) {
-      const j = Array.from(A);
+    if (F && F.length > 0) {
+      const j = Array.from(F);
       e.multiple ? R = [...Array.isArray(r) ? r : [], ...j] : R = j[0];
     }
     const w = l(R);
     n?.(R, w);
   }, d = (v) => {
     v.preventDefault(), v.stopPropagation(), i(!1);
-    const A = v.dataTransfer.files;
-    if (A && A.length > 0) {
-      const R = Array.from(A);
+    const F = v.dataTransfer.files;
+    if (F && F.length > 0) {
+      const R = Array.from(F);
       let w = null;
       e.multiple ? w = [...Array.isArray(r) ? r : [], ...R] : w = R[0];
       const j = l(w);
@@ -2095,15 +2095,15 @@ const Wr = ({
     }
   }, b = (v) => {
     v.preventDefault(), v.stopPropagation(), i(!0);
-  }, p = (v) => {
+  }, f = (v) => {
     v.preventDefault(), v.stopPropagation(), i(!1);
   }, y = (v) => {
     if (Array.isArray(r) && typeof v == "number") {
-      const A = r.filter((j, N) => N !== v), R = A.length > 0 ? A : null, w = l(R);
+      const F = r.filter((j, I) => I !== v), R = F.length > 0 ? F : null, w = l(R);
       n?.(R, w);
     } else {
-      const A = l(null);
-      n?.(null, A);
+      const F = l(null);
+      n?.(null, F);
     }
   }, x = () => {
     const v = Array.isArray(r) ? r : r ? [r] : [];
@@ -2112,7 +2112,7 @@ const Wr = ({
       display: "flex",
       flexDirection: "column",
       gap: "6px"
-    }, children: v.map((A, R) => /* @__PURE__ */ g.jsxs(
+    }, children: v.map((F, R) => /* @__PURE__ */ g.jsxs(
       "div",
       {
         style: {
@@ -2133,7 +2133,7 @@ const Wr = ({
             overflow: "hidden",
             textOverflow: "ellipsis",
             whiteSpace: "nowrap"
-          }, children: A.name }),
+          }, children: F.name }),
           /* @__PURE__ */ g.jsx(
             "button",
             {
@@ -2163,19 +2163,19 @@ const Wr = ({
           )
         ]
       },
-      `${A.name}-${R}`
+      `${F.name}-${R}`
     )) });
   };
-  return /* @__PURE__ */ g.jsx(W, { field: e, error: f, children: /* @__PURE__ */ g.jsxs("div", { style: { width: "100%" }, children: [
+  return /* @__PURE__ */ g.jsx(W, { field: e, error: p, children: /* @__PURE__ */ g.jsxs("div", { style: { width: "100%" }, children: [
     /* @__PURE__ */ g.jsxs(
       "div",
       {
         onDrop: d,
         onDragOver: b,
-        onDragLeave: p,
+        onDragLeave: f,
         style: {
           position: "relative",
-          border: `1px dashed ${s ? "var(--reactaform-color-primary, #2563eb)" : f ? "var(--reactaform-color-error, #ef4444)" : "var(--reactaform-border-color, #d1d5db)"}`,
+          border: `1px dashed ${s ? "var(--reactaform-color-primary, #2563eb)" : p ? "var(--reactaform-color-error, #ef4444)" : "var(--reactaform-border-color, #d1d5db)"}`,
           borderRadius: "var(--reactaform-border-radius, 4px)",
           padding: "8px 12px",
           textAlign: "center",
@@ -2234,37 +2234,37 @@ const Wr = ({
     ),
     x()
   ] }) });
-}, Gr = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/;
-function Kr(e) {
-  return e.split(",").map((r) => r.trim()).every((r) => Gr.test(r));
+}, Xr = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/;
+function Zr(e) {
+  return e.split(",").map((r) => r.trim()).every((r) => Xr.test(r));
 }
-const Xr = (e) => !e || e.trim() === "" ? [] : e.split(",").map((r) => r.trim()).filter(Boolean).map(Number), Zr = ({
+const Qr = (e) => !e || e.trim() === "" ? [] : e.split(",").map((r) => r.trim()).filter(Boolean).map(Number), et = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = z(), [s, i] = V(
+  const { t, definitionName: a } = T(), [s, i] = D(
     Array.isArray(r) ? r.join(", ") : String(r ?? "")
-  ), u = F.useCallback(
+  ), u = N.useCallback(
     (c) => {
       if (c.trim() === "")
         return e.required ? t("Value required") : null;
-      if (!Kr(c))
+      if (!Zr(c))
         return t("Each value must be a valid float");
-      const d = Xr(c);
+      const d = Qr(c);
       if (e.minCount !== void 0 && d.length < e.minCount)
         return t("Minimum number of values: {{1}}", e.minCount);
       if (e.maxCount !== void 0 && d.length > e.maxCount)
         return t("Maximum number of values: {{1}}", e.maxCount);
-      for (const p of d) {
-        if (e.min !== void 0 && (e.minInclusive ? p < e.min : p <= e.min))
+      for (const f of d) {
+        if (e.min !== void 0 && (e.minInclusive ? f < e.min : f <= e.min))
           return t(
             "Each value must be {{1}} {{2}}",
             e.minInclusive ? "≥" : ">",
             e.min
           );
-        if (e.max !== void 0 && (e.maxInclusive ? p > e.max : p >= e.max))
+        if (e.max !== void 0 && (e.maxInclusive ? f > e.max : f >= e.max))
           return t(
             "Each value must be {{1}} {{2}}",
             e.maxInclusive ? "≤" : "<",
@@ -2277,38 +2277,38 @@ const Xr = (e) => !e || e.trim() === "" ? [] : e.split(",").map((r) => r.trim())
   ), m = (c) => {
     const d = c.target.value, b = u(d);
     i(d), n?.(d, b);
-  }, l = k(null), f = k(o);
+  }, l = k(null), p = k(o);
   return C(() => {
-    f.current = o;
+    p.current = o;
   }, [o]), C(() => {
     const c = Array.isArray(r) ? r.join(", ") : String(r ?? ""), d = u(c);
-    d !== l.current && (l.current = d, f.current?.(d ?? null));
+    d !== l.current && (l.current = d, p.current?.(d ?? null));
   }, [r, e.required, u, t]), /* @__PURE__ */ g.jsx(W, { field: e, error: u(s), children: /* @__PURE__ */ g.jsx(
     "input",
     {
       type: "text",
       value: s,
       onChange: m,
-      className: X($.input, $.textInput),
+      className: K($.input, $.textInput),
       style: { flex: 1 }
     }
   ) });
-}, Qr = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/, et = (e) => {
+}, rt = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/, tt = (e) => {
   const r = Number.parseFloat(e);
   return Number.isNaN(r) ? null : r;
-}, rt = ({
+}, nt = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = z(), s = k(null), i = F.useCallback(
-    (f) => {
-      if (f.trim() === "")
+  const { t, definitionName: a } = T(), s = k(null), i = N.useCallback(
+    (p) => {
+      if (p.trim() === "")
         return e.required ? t("Value required") : null;
-      if (!Qr.test(f))
+      if (!rt.test(p))
         return t("Must be a valid float");
-      const c = et(f);
+      const c = tt(p);
       return c === null ? t("Must be a valid float") : e.min !== void 0 && (e.minInclusive ? c < e.min : c <= e.min) ? t(
         "Must be {{1}} {{2}}",
         e.minInclusive ? "≥" : ">",
@@ -2324,11 +2324,11 @@ const Xr = (e) => !e || e.trim() === "" ? [] : e.split(",").map((r) => r.trim())
   C(() => {
     m.current = o;
   }, [o]), C(() => {
-    const f = String(r ?? ""), c = i(f);
-    c !== u.current && (u.current = c, m.current?.(c ?? null)), s.current && document.activeElement !== s.current && (s.current.value = f);
+    const p = String(r ?? ""), c = i(p);
+    c !== u.current && (u.current = c, m.current?.(c ?? null)), s.current && document.activeElement !== s.current && (s.current.value = p);
   }, [r, e, i, t]);
-  const l = (f) => {
-    const c = f.target.value, d = i(c);
+  const l = (p) => {
+    const c = p.target.value, d = i(c);
     n?.(c, d);
   };
   return /* @__PURE__ */ g.jsx(W, { field: e, error: i(String(r ?? "")), children: /* @__PURE__ */ g.jsx(
@@ -2339,14 +2339,14 @@ const Xr = (e) => !e || e.trim() === "" ? [] : e.split(",").map((r) => r.trim())
       defaultValue: String(r ?? ""),
       ref: s,
       onChange: l,
-      className: X(
+      className: K(
         $.input,
         $.inputNumber
       )
     }
   ) });
 };
-function tt() {
+function ot() {
   try {
     return "/";
   } catch {
@@ -2358,46 +2358,46 @@ function tt() {
   }
   return "/";
 }
-const nt = ({ field: e, value: r }) => {
-  const { language: n, t: o } = z(), t = e.alignment || "center", a = {
+const at = ({ field: e, value: r }) => {
+  const { language: n, t: o } = T(), t = e.alignment || "center", a = {
     left: "flex-start",
     center: "center",
     right: "flex-end"
   }, s = typeof r == "string" ? r : "";
   let i = s && s.trim() !== "" ? s : typeof e.defaultValue == "string" ? e.defaultValue : "";
-  i && !i.startsWith("/") && (i = `${tt()}${i}`);
-  const u = e.localized?.split(";").map((y) => y.trim()), [m, l] = V(i || ""), f = k(i || null);
+  i && !i.startsWith("/") && (i = `${ot()}${i}`);
+  const u = e.localized?.split(";").map((y) => y.trim()), [m, l] = D(i || ""), p = k(i || null);
   if (C(() => {
     if (!i) return;
     const y = i.split("/"), x = y.pop(), v = x.lastIndexOf(".");
     if (v === -1) return;
-    const A = x.substring(0, v), R = x.substring(v);
+    const F = x.substring(0, v), R = x.substring(v);
     let w = null;
-    u?.includes(n) && (w = `${A}_${n}${R}`);
+    u?.includes(n) && (w = `${F}_${n}${R}`);
     const j = new AbortController();
     if (w) {
-      const N = [...y, w].join("/");
-      fetch(N, { method: "HEAD", signal: j.signal }).then((S) => {
-        const I = S.ok ? N : i;
-        I !== f.current && (f.current = I, l(I));
+      const I = [...y, w].join("/");
+      fetch(I, { method: "HEAD", signal: j.signal }).then((S) => {
+        const A = S.ok ? I : i;
+        A !== p.current && (p.current = A, l(A));
       }).catch(() => {
-        i !== f.current && (f.current = i, l(i));
+        i !== p.current && (p.current = i, l(i));
       });
     } else {
-      const N = i;
-      N !== f.current && (f.current = N, requestAnimationFrame(() => l(N)));
+      const I = i;
+      I !== p.current && (p.current = I, requestAnimationFrame(() => l(I)));
     }
     return () => {
       j.abort();
     };
   }, [i, n, u]), !m) return null;
-  const { width: c, height: d } = e, b = {}, p = {
+  const { width: c, height: d } = e, b = {}, f = {
     borderRadius: "8px",
     objectFit: "contain",
     boxShadow: "0 2px 6px rgba(0,0,0,0.1)",
     margin: "0 0 8px 0"
   };
-  return c && d ? (b.width = c, b.height = d, p.width = `${c}px`, p.height = `${d}px`) : c && !d ? (b.width = c, p.width = `${c}px`, p.height = "auto") : !c && d && (b.height = d, p.width = "auto", p.height = `${d}px`), /* @__PURE__ */ g.jsx(W, { field: e, children: /* @__PURE__ */ g.jsx(
+  return c && d ? (b.width = c, b.height = d, f.width = `${c}px`, f.height = `${d}px`) : c && !d ? (b.width = c, f.width = `${c}px`, f.height = "auto") : !c && d && (b.height = d, f.width = "auto", f.height = `${d}px`), /* @__PURE__ */ g.jsx(W, { field: e, children: /* @__PURE__ */ g.jsx(
     "div",
     {
       "data-testid": "image-wrapper",
@@ -2412,36 +2412,36 @@ const nt = ({ field: e, value: r }) => {
           src: m,
           alt: o?.(e.displayName || "Image") || e.displayName || "Image",
           ...b,
-          style: p
+          style: f
         }
       )
     }
   ) });
 };
-function ot(e) {
+function st(e) {
   const r = /^-?\d+$/;
   return e.split(",").map((n) => n.trim()).every((n) => r.test(n));
 }
-const at = ({
+const it = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = z(), s = ",", [i, u] = V(
+  const { t, definitionName: a } = T(), s = ",", [i, u] = D(
     Array.isArray(r) ? r.join(s + " ") : String(r ?? "")
-  ), m = (b) => !b || b.trim() === "" ? [] : b.split(s).map((p) => p.trim()).filter(Boolean).map((p) => Number(p)), l = F.useCallback(
+  ), m = (b) => !b || b.trim() === "" ? [] : b.split(s).map((f) => f.trim()).filter(Boolean).map((f) => Number(f)), l = N.useCallback(
     (b) => {
       if (b.trim() === "")
         return e.required ? t("Value required") : null;
-      if (!ot(b))
+      if (!st(b))
         return t("Each value must be a valid integer");
-      const p = m(b);
-      if (e.minCount !== void 0 && p.length < e.minCount)
+      const f = m(b);
+      if (e.minCount !== void 0 && f.length < e.minCount)
         return t("Minimum number of values: {{1}}", `${e.minCount}`);
-      if (e.maxCount !== void 0 && p.length > e.maxCount)
+      if (e.maxCount !== void 0 && f.length > e.maxCount)
         return t("Maximum number of values: {{1}}", `${e.maxCount}`);
-      for (const x of p) {
+      for (const x of f) {
         if (e.min !== void 0 && (e.minInclusive ? x < e.min : x <= e.min))
           return t(
             "Each value must be {{1}} {{2}}",
@@ -2455,48 +2455,48 @@ const at = ({
             e.max
           );
       }
-      return Y(a, e, p, t) ?? null;
+      return Y(a, e, f, t) ?? null;
     },
     [a, e, t]
-  ), f = (b) => {
-    const p = b.target.value, y = l(p);
-    u(p), n?.(p, y);
+  ), p = (b) => {
+    const f = b.target.value, y = l(f);
+    u(f), n?.(f, y);
   }, c = k(null), d = k(
     o
   );
   return C(() => {
     d.current = o;
   }, [o]), C(() => {
-    const b = Array.isArray(r) ? r.join(s + " ") : String(r ?? ""), p = l(b);
-    p !== c.current && (c.current = p, d.current?.(p ?? null));
+    const b = Array.isArray(r) ? r.join(s + " ") : String(r ?? ""), f = l(b);
+    f !== c.current && (c.current = f, d.current?.(f ?? null));
   }, [r, e.required, l, t]), /* @__PURE__ */ g.jsx(W, { field: e, error: l(i), children: /* @__PURE__ */ g.jsx(
     "input",
     {
       type: "text",
       value: i,
-      onChange: f,
-      className: X($.input, $.textInput),
+      onChange: p,
+      className: K($.input, $.textInput),
       style: { flex: 1 }
     }
   ) });
 };
-function st(e) {
+function ct(e) {
   return /^[-+]?\d*$/.test(e);
 }
-const it = ({
+const lt = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = z(), s = k(null), i = Z((c) => {
+  const { t, definitionName: a } = T(), s = k(null), i = Z((c) => {
     const d = parseInt(c, 10);
     return Number.isNaN(d) ? null : d;
-  }, []), u = F.useCallback(
+  }, []), u = N.useCallback(
     (c) => {
       if (c.trim() === "")
         return e.required ? t("Value required") : null;
-      if (!st(c))
+      if (!ct(c))
         return t("Must be a valid integer");
       const d = i(c);
       if (d === null) return t("Must be a valid integer");
@@ -2513,11 +2513,11 @@ const it = ({
           e.max
         );
       if (e.step !== void 0) {
-        const p = Number(e.step);
-        if (!Number.isInteger(p))
+        const f = Number(e.step);
+        if (!Number.isInteger(f))
           return t("Invalid step value");
-        if (d % p !== 0)
-          return t("Must be a multiple of {{1}}", p);
+        if (d % f !== 0)
+          return t("Must be a multiple of {{1}}", f);
       }
       return Y(a, e, d, t) ?? null;
     },
@@ -2529,7 +2529,7 @@ const it = ({
     const c = String(r ?? ""), d = u(c);
     d !== m.current && (m.current = d, l.current?.(d ?? null)), s.current && document.activeElement !== s.current && (s.current.value = c);
   }, [r, e, u, t]);
-  const f = (c) => {
+  const p = (c) => {
     const d = c.target.value, b = u(d);
     n?.(d, b);
   };
@@ -2540,31 +2540,31 @@ const it = ({
       type: "text",
       defaultValue: String(r ?? ""),
       ref: s,
-      onChange: f,
-      className: X(
+      onChange: p,
+      className: K(
         $.input,
         $.inputNumber
       )
     }
   ) });
-}, ct = ({
+}, ut = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = z(), s = e.minHeight ?? "80px", i = F.useRef(null), u = F.useRef(null), m = F.useRef(
+  const { t, definitionName: a } = T(), s = e.minHeight ?? "80px", i = N.useRef(null), u = N.useRef(null), m = N.useRef(
     o
   );
-  F.useEffect(() => {
+  N.useEffect(() => {
     m.current = o;
   }, [o]);
-  const l = F.useCallback(
+  const l = N.useCallback(
     (d) => d.trim() === "" ? e.required ? t("Value required") : null : e.minLength !== void 0 && d.length < e.minLength ? t("Must be at least {{1}} characters", e.minLength) : e.maxLength !== void 0 && d.length > e.maxLength ? t("Must be at most {{1}} characters", e.maxLength) : Y(a, e, d, t),
     [e, a, t]
-  ), f = (d) => {
-    const b = d.target.value, p = l(b);
-    n?.(b, p);
+  ), p = (d) => {
+    const b = d.target.value, f = l(b);
+    n?.(b, f);
   };
   C(() => {
     const d = l(r);
@@ -2573,17 +2573,17 @@ const it = ({
   const c = {
     defaultValue: String(r ?? ""),
     ref: i,
-    onChange: f,
+    onChange: p,
     style: {
       resize: "vertical",
       minHeight: s,
       width: "100%",
       boxSizing: "border-box"
     },
-    className: X($.input, $.textInput)
+    className: K($.input, $.textInput)
   };
   return /* @__PURE__ */ g.jsx(W, { field: e, error: l(r), children: /* @__PURE__ */ g.jsx("textarea", { ...c }) });
-}, lt = ({
+}, mt = ({
   field: e,
   value: r,
   onChange: n,
@@ -2593,28 +2593,28 @@ const it = ({
   C(() => {
     t.current = o;
   }, [o]);
-  const { t: a, darkMode: s, formStyle: i, fieldStyle: u, definitionName: m } = z(), l = (S, I, O) => {
-    if (!I) return {};
-    const L = S?.[I];
-    return (O && L ? L[O] : void 0) ?? {};
-  }, f = k(null), [c, d] = V(!1), [b, p] = V(
+  const { t: a, darkMode: s, formStyle: i, fieldStyle: u, definitionName: m } = T(), l = (S, A, M) => {
+    if (!A) return {};
+    const L = S?.[A];
+    return (M && L ? L[M] : void 0) ?? {};
+  }, p = k(null), [c, d] = D(!1), [b, f] = D(
     null
   ), y = G(
     () => e.options.map((S) => ({ value: S.value, label: a(S.label) })),
     [e.options, a]
   ), x = G(() => {
-    const S = Array.isArray(r) ? r : [], I = new Set(y.map((O) => O.value));
-    return S.filter((O) => I.has(O));
+    const S = Array.isArray(r) ? r : [], A = new Set(y.map((M) => M.value));
+    return S.filter((M) => A.has(M));
   }, [r, y]), v = (S) => {
-    const I = Array.isArray(S) ? S : [];
-    return e.required && I.length === 0 ? a("Value required") : Y(m, e, I, a) ?? null;
-  }, A = () => {
-    if (!f.current) return;
-    const S = f.current.getBoundingClientRect();
-    p({ x: S.left, y: S.bottom }), d((I) => !I);
+    const A = Array.isArray(S) ? S : [];
+    return e.required && A.length === 0 ? a("Value required") : Y(m, e, A, a) ?? null;
+  }, F = () => {
+    if (!p.current) return;
+    const S = p.current.getBoundingClientRect();
+    f({ x: S.left, y: S.bottom }), d((A) => !A);
   }, R = (S) => {
-    const I = x.includes(S) ? x.filter((T) => T !== S) : [...x, S], O = v(I);
-    t.current?.(O ?? null), n?.(I, O);
+    const A = x.includes(S) ? x.filter((z) => z !== S) : [...x, S], M = v(A);
+    t.current?.(M ?? null), n?.(A, M);
   }, w = G(() => ({
     height: "var(--reactaform-input-height, 2.5rem)",
     padding: "var(--reactaform-input-padding, 8px)",
@@ -2642,7 +2642,7 @@ const it = ({
     padding: 0,
     ...l(i, "multiSelect", "clearButton"),
     ...l(u, void 0, "clearButton")
-  }), [i, u]), N = G(() => ({
+  }), [i, u]), I = G(() => ({
     position: "absolute",
     right: "0.7em",
     top: "50%",
@@ -2657,16 +2657,16 @@ const it = ({
     /* @__PURE__ */ g.jsx(W, { field: e, error: null, children: /* @__PURE__ */ g.jsx("div", { style: { width: "100%" }, children: /* @__PURE__ */ g.jsxs(
       "div",
       {
-        ref: f,
+        ref: p,
         className: "reactaform-multiselection-control",
         style: w,
-        onClick: A,
+        onClick: F,
         tabIndex: 0,
         role: "button",
         "aria-haspopup": "listbox",
         "aria-expanded": c,
         onKeyDown: (S) => {
-          (S.key === "Enter" || S.key === " ") && (S.preventDefault(), A());
+          (S.key === "Enter" || S.key === " ") && (S.preventDefault(), F());
         },
         children: [
           /* @__PURE__ */ g.jsxs(
@@ -2693,24 +2693,24 @@ const it = ({
               children: /* @__PURE__ */ g.jsx("span", { style: j, "aria-hidden": !0, children: "✖" })
             }
           ),
-          /* @__PURE__ */ g.jsx("span", { style: N, "aria-hidden": !0, children: "▼" })
+          /* @__PURE__ */ g.jsx("span", { style: I, "aria-hidden": !0, children: "▼" })
         ]
       }
     ) }) }),
     c && b && /* @__PURE__ */ g.jsx(
-      ut,
+      ft,
       {
         position: b,
         options: y,
         selectedValues: x,
         onToggleOption: R,
         onClose: () => d(!1),
-        controlRef: f,
+        controlRef: p,
         darkMode: s
       }
     )
   ] });
-}, ut = ({
+}, ft = ({
   position: e,
   options: r,
   selectedValues: n,
@@ -2719,10 +2719,10 @@ const it = ({
   controlRef: a,
   darkMode: s
 }) => {
-  const i = k(null), [u, m] = V(-1), { formStyle: l, fieldStyle: f } = z(), c = (j, N, S) => {
-    if (!N) return {};
-    const O = j?.[N];
-    return (S && O ? O[S] : void 0) ?? {};
+  const i = k(null), [u, m] = D(-1), { formStyle: l, fieldStyle: p } = T(), c = (j, I, S) => {
+    if (!I) return {};
+    const M = j?.[I];
+    return (S && M ? M[S] : void 0) ?? {};
   }, d = G(() => ({
     maxHeight: 200,
     overflowY: "auto",
@@ -2735,8 +2735,8 @@ const it = ({
     color: "var(--reactaform-text-color, #000)",
     fontSize: "var(--reactaform-popup-font-size, 0.875rem)",
     ...c(l, "multiSelect", "popup"),
-    ...c(f, void 0, "popup")
-  }), [l, f]), b = G(() => ({
+    ...c(p, void 0, "popup")
+  }), [l, p]), b = G(() => ({
     padding: "6px 8px",
     cursor: "pointer",
     display: "flex",
@@ -2744,11 +2744,11 @@ const it = ({
     background: "transparent",
     color: "var(--reactaform-text-color, #000)",
     ...c(l, "multiSelect", "option"),
-    ...c(f, void 0, "option")
-  }), [l, f]);
+    ...c(p, void 0, "option")
+  }), [l, p]);
   C(() => {
-    const j = (N) => {
-      const S = N.target;
+    const j = (I) => {
+      const S = I.target;
       !i.current?.contains(S) && !a.current?.contains(S) && t();
     };
     return document.addEventListener("mousedown", j), () => document.removeEventListener("mousedown", j);
@@ -2759,29 +2759,29 @@ const it = ({
     const j = i.current.querySelector(`#multi-opt-${u}`);
     j && requestAnimationFrame(() => j.focus());
   }, [u]);
-  const p = 250, y = 200, [x, v] = V(
+  const f = 250, y = 200, [x, v] = D(
     null
-  ), [A, R] = V(null);
+  ), [F, R] = D(null);
   if (C(() => {
     if (typeof window > "u") return;
     const j = () => {
-      let I = e.x, O = e.y, T = p;
+      let A = e.x, M = e.y, z = f;
       const L = a?.current;
       if (L) {
         const J = L.getBoundingClientRect();
-        I = J.left, O = J.bottom, T = Math.max(80, Math.round(J.width));
+        A = J.left, M = J.bottom, z = Math.max(80, Math.round(J.width));
       }
-      I = Math.min(I, window.innerWidth - T), O = Math.min(O, window.innerHeight - y), v({ left: I, top: O }), R(T);
+      A = Math.min(A, window.innerWidth - z), M = Math.min(M, window.innerHeight - y), v({ left: A, top: M }), R(z);
     };
     j(), window.addEventListener("scroll", j, !0), window.addEventListener("resize", j);
-    let N = null;
+    let I = null;
     const S = a?.current;
-    return typeof ResizeObserver < "u" && S && (N = new ResizeObserver(() => j()), N.observe(S)), () => {
-      window.removeEventListener("scroll", j, !0), window.removeEventListener("resize", j), N && S && N.unobserve(S);
+    return typeof ResizeObserver < "u" && S && (I = new ResizeObserver(() => j()), I.observe(S)), () => {
+      window.removeEventListener("scroll", j, !0), window.removeEventListener("resize", j), I && S && I.unobserve(S);
     };
   }, [a, e.x, e.y]), typeof window > "u") return null;
   let w = document.getElementById("popup-root");
-  return w || (w = document.createElement("div"), w.id = "popup-root", document.body.appendChild(w)), Oe.createPortal(
+  return w || (w = document.createElement("div"), w.id = "popup-root", document.body.appendChild(w)), Me.createPortal(
     /* @__PURE__ */ g.jsx(
       "div",
       {
@@ -2792,56 +2792,56 @@ const it = ({
           position: "absolute",
           top: x ? x.top : e.y,
           left: x ? x.left : e.x,
-          width: A ?? p,
+          width: F ?? f,
           // spread the static popup styles
           ...d
         },
         "data-reactaform-theme": s ? "dark" : "light",
-        children: r.map((j, N) => {
-          const S = n.includes(j.value), I = s ? "var(--reactaform-hover-bg, rgba(255,255,255,0.01))" : "var(--reactaform-hover-bg, #eee)", O = {
+        children: r.map((j, I) => {
+          const S = n.includes(j.value), A = s ? "var(--reactaform-hover-bg, rgba(255,255,255,0.01))" : "var(--reactaform-hover-bg, #eee)", M = {
             ...b,
-            background: N === u ? I : b.background
+            background: I === u ? A : b.background
           };
           return /* @__PURE__ */ g.jsxs(
             "div",
             {
-              id: `multi-opt-${N}`,
-              onMouseDown: (T) => {
-                T.stopPropagation(), o(j.value);
+              id: `multi-opt-${I}`,
+              onMouseDown: (z) => {
+                z.stopPropagation(), o(j.value);
               },
-              onKeyDown: (T) => {
+              onKeyDown: (z) => {
                 const L = r.length;
-                switch (T.key) {
+                switch (z.key) {
                   case "ArrowDown":
-                    T.preventDefault(), m((J) => (J + 1) % L);
+                    z.preventDefault(), m((J) => (J + 1) % L);
                     break;
                   case "ArrowUp":
-                    T.preventDefault(), m((J) => (J - 1 + L) % L);
+                    z.preventDefault(), m((J) => (J - 1 + L) % L);
                     break;
                   case "Home":
-                    T.preventDefault(), m(0);
+                    z.preventDefault(), m(0);
                     break;
                   case "End":
-                    T.preventDefault(), m(L - 1);
+                    z.preventDefault(), m(L - 1);
                     break;
                   case "Enter":
                   case " ":
-                    T.preventDefault(), T.stopPropagation(), o(j.value);
+                    z.preventDefault(), z.stopPropagation(), o(j.value);
                     break;
                   case "Escape":
-                    T.preventDefault(), t(), a?.current?.focus();
+                    z.preventDefault(), t(), a?.current?.focus();
                     break;
                 }
               },
-              tabIndex: N === u ? 0 : -1,
+              tabIndex: I === u ? 0 : -1,
               role: "option",
               "aria-selected": S,
-              style: O,
-              onMouseEnter: (T) => {
-                T.currentTarget.style.background = I, m(N);
+              style: M,
+              onMouseEnter: (z) => {
+                z.currentTarget.style.background = A, m(I);
               },
-              onMouseLeave: (T) => {
-                T.currentTarget.style.background = "transparent", m((L) => L === N ? -1 : L);
+              onMouseLeave: (z) => {
+                z.currentTarget.style.background = "transparent", m((L) => L === I ? -1 : L);
               },
               children: [
                 /* @__PURE__ */ g.jsx(
@@ -2870,16 +2870,16 @@ const it = ({
     ),
     w
   );
-}, mt = ({
+}, dt = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = z(), s = F.useRef(null), i = e.min ?? void 0, u = e.max ?? void 0, m = Math.max(1, Math.round(e.step ?? 1)), l = Z(
-    (p) => isNaN(p) ? t("Must be a valid integer") : Number.isInteger(p) ? i !== void 0 && p < i ? t("Must be �?{{1}}", i) : u !== void 0 && p > u ? t("Must be �?{{1}}", u) : Y(a, e, p, t) ?? null : t("Must be an integer"),
+  const { t, definitionName: a } = T(), s = N.useRef(null), i = e.min ?? void 0, u = e.max ?? void 0, m = Math.max(1, Math.round(e.step ?? 1)), l = Z(
+    (f) => isNaN(f) ? t("Must be a valid integer") : Number.isInteger(f) ? i !== void 0 && f < i ? t("Must be �?{{1}}", i) : u !== void 0 && f > u ? t("Must be �?{{1}}", u) : Y(a, e, f, t) ?? null : t("Must be an integer"),
     [a, e, t, i, u]
-  ), f = k(null), c = k(
+  ), p = k(null), c = k(
     o
   );
   C(() => {
@@ -2887,14 +2887,14 @@ const it = ({
   }, [o]), C(() => {
     if (document.activeElement === s.current) return;
     const y = String(r), x = l(r);
-    s.current && (s.current.value = y), x !== f.current && (f.current = x, c.current?.(x ?? null));
+    s.current && (s.current.value = y), x !== p.current && (p.current = x, c.current?.(x ?? null));
   }, [r, l]);
-  const d = (p) => {
-    if (p.trim() === "") return e.required ? t("Value required") : null;
-    const x = Number(p);
+  const d = (f) => {
+    if (f.trim() === "") return e.required ? t("Value required") : null;
+    const x = Number(f);
     return l(x);
-  }, b = (p) => {
-    const y = p.target.value, x = p.target.valueAsNumber, v = d(y);
+  }, b = (f) => {
+    const y = f.target.value, x = f.target.valueAsNumber, v = d(y);
     n?.(x, v);
   };
   return /* @__PURE__ */ g.jsx(W, { field: e, error: d(String(r ?? "")), children: /* @__PURE__ */ g.jsx(
@@ -2912,15 +2912,15 @@ const it = ({
       className: $.input
     }
   ) });
-}, ft = ({
+}, pt = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t } = z(), a = F.useRef(null), { definitionName: s } = z(), i = Z(
-    (f) => {
-      const c = String(f ?? "").trim();
+  const { t } = T(), a = N.useRef(null), { definitionName: s } = T(), i = Z(
+    (p) => {
+      const c = String(p ?? "").trim();
       if (c === "")
         return e.required ? t("Value required") : null;
       if (e.pattern)
@@ -2939,11 +2939,11 @@ const it = ({
   C(() => {
     m.current = o;
   }, [o]), C(() => {
-    const f = String(r ?? ""), c = i(f);
-    a.current && a.current.value !== String(f) && (a.current.value = String(f)), c !== u.current && (u.current = c, m.current?.(c ?? null));
+    const p = String(r ?? ""), c = i(p);
+    a.current && a.current.value !== String(p) && (a.current.value = String(p)), c !== u.current && (u.current = c, m.current?.(c ?? null));
   }, [r, i]);
-  const l = (f) => {
-    const c = f.target.value, d = c.trim();
+  const l = (p) => {
+    const c = p.target.value, d = c.trim();
     let b = null;
     if (d === "") {
       b = e.required ? t("Value required") : null, n?.(c, b);
@@ -2958,33 +2958,33 @@ const it = ({
       defaultValue: String(r ?? ""),
       ref: a,
       onChange: l,
-      className: X($.input, $.textInput)
+      className: K($.input, $.textInput)
     }
   ) });
-}, dt = ({ field: e, value: r, onChange: n, onError: o }) => {
-  const { t, definitionName: a } = z(), s = e.layout?.toLowerCase() === "horizontal" ? "row" : "column", i = k(null), u = k(o);
+}, gt = ({ field: e, value: r, onChange: n, onError: o }) => {
+  const { t, definitionName: a } = T(), s = e.layout?.toLowerCase() === "horizontal" ? "row" : "column", i = k(null), u = k(o);
   C(() => {
     u.current = o;
   }, [o]);
   const m = Z(
-    (f) => f === "" || f === null || f === void 0 ? t("Value required") : !e.options || e.options.length === 0 ? null : e.options.some((d) => d.value === f) ? Y(a, e, f, t) ?? null : t("Invalid option selected"),
+    (p) => p === "" || p === null || p === void 0 ? t("Value required") : !e.options || e.options.length === 0 ? null : e.options.some((d) => d.value === p) ? Y(a, e, p, t) ?? null : t("Invalid option selected"),
     [e, t, a]
   );
   C(() => {
-    const f = r != null ? String(r) : "", c = m(f);
+    const p = r != null ? String(r) : "", c = m(p);
     if (u.current?.(c ?? null), i.current) {
       const d = Array.from(
         i.current.querySelectorAll("input[type=radio]")
       );
       if (c && e.options && e.options.length > 0) {
         const b = String(e.options[0].value);
-        d.forEach((p) => p.checked = p.value === b), n?.(b, null);
+        d.forEach((f) => f.checked = f.value === b), n?.(b, null);
       } else
-        d.forEach((b) => b.checked = b.value === f);
+        d.forEach((b) => b.checked = b.value === p);
     }
   }, [r, m, n, e.options]);
-  const l = (f) => {
-    const c = f.target.value, d = m(c);
+  const l = (p) => {
+    const c = p.target.value, d = m(c);
     u.current?.(d ?? null), n?.(c, d);
   };
   return /* @__PURE__ */ g.jsx(W, { field: e, error: m(String(r ?? "")), children: /* @__PURE__ */ g.jsx(
@@ -2999,7 +2999,7 @@ const it = ({
         width: "100%"
       },
       ref: i,
-      children: (e.options ?? []).map((f) => /* @__PURE__ */ g.jsxs(
+      children: (e.options ?? []).map((p) => /* @__PURE__ */ g.jsxs(
         "label",
         {
           style: {
@@ -3014,22 +3014,22 @@ const it = ({
               {
                 type: "radio",
                 name: e.name,
-                value: String(f.value),
-                defaultChecked: String(r ?? "") === String(f.value),
+                value: String(p.value),
+                defaultChecked: String(r ?? "") === String(p.value),
                 onChange: l
               }
             ),
-            t(f.label)
+            t(p.label)
           ]
         },
-        String(f.value)
+        String(p.value)
       ))
     }
   ) });
-}, pt = {
+}, ht = {
   display: "flex",
   gap: 4
-}, gt = {
+}, bt = {
   cursor: "pointer",
   fontSize: "1.5rem",
   lineHeight: 1,
@@ -3037,33 +3037,33 @@ const it = ({
   marginRight: "0.25rem",
   userSelect: "none",
   transition: "color 0.12s ease"
-}, ht = ({
+}, yt = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = z(), [s, i] = V(null), u = e.max || 5, m = Z(
+  const { t, definitionName: a } = T(), [s, i] = D(null), u = e.max || 5, m = Z(
     (b) => e.required && b === 0 ? t("Value required") : Y(a, e, b, t) ?? null,
     [e, t, a]
-  ), l = k(null), f = k(o);
+  ), l = k(null), p = k(o);
   C(() => {
-    f.current = o;
+    p.current = o;
   }, [o]), C(() => {
     let b = r || 0;
     r < 0 && (b = 0), r > u && (b = u);
-    const p = m(b);
-    p !== l.current && (l.current = p, f.current?.(p ?? null));
+    const f = m(b);
+    f !== l.current && (l.current = f, p.current?.(f ?? null));
   }, [r, m, u]);
   const c = (b) => {
-    const p = m(b);
-    n?.(b, p);
+    const f = m(b);
+    n?.(b, f);
   }, d = (() => {
     let b = r || 0;
     return b < 0 && (b = 0), b > u && (b = u), b;
   })();
-  return /* @__PURE__ */ g.jsx(W, { field: e, error: m(d), children: /* @__PURE__ */ g.jsx("div", { style: pt, children: (() => {
-    const b = e.icon, p = b && String(b).trim() ? String(b) : "★";
+  return /* @__PURE__ */ g.jsx(W, { field: e, error: m(d), children: /* @__PURE__ */ g.jsx("div", { style: ht, children: (() => {
+    const b = e.icon, f = b && String(b).trim() ? String(b) : "★";
     return [...Array(u)].map((y, x) => {
       const v = x < d, R = s !== null && x <= s || v ? "gold" : "lightgray";
       return /* @__PURE__ */ g.jsx(
@@ -3072,46 +3072,105 @@ const it = ({
           onClick: () => c(x + 1),
           onMouseEnter: () => i(x),
           onMouseLeave: () => i(null),
-          style: { ...gt, color: R },
+          style: { ...bt, color: R },
           "aria-label": `Rating ${x + 1}`,
           title: t(`${e.displayName} ${x + 1}`),
-          children: p
+          children: f
         },
         x
       );
     });
   })() }) });
-}, bt = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/;
-function yt(e) {
-  return bt.test(e);
+}, xt = ({
+  field: e,
+  value: r,
+  onChange: n,
+  onError: o
+}) => {
+  const { t, definitionName: a } = T(), s = N.useRef(null), i = N.useRef(null), u = N.useRef(
+    o
+  );
+  N.useEffect(() => {
+    u.current = o;
+  }, [o]);
+  const m = G(
+    () => e.pattern ? new RegExp(e.pattern) : null,
+    [e.pattern]
+  ), l = N.useCallback(
+    (f) => f === "" ? e.required ? t("Value required") : null : e.minLength !== void 0 && f.length < e.minLength ? t("Must be at least {{1}} characters", e.minLength) : e.maxLength !== void 0 && f.length > e.maxLength ? t("Must be at most {{1}} characters", e.maxLength) : m && !m.test(f) ? t("Input does not match pattern: {{1}}", e.pattern) : Y(a, e, f, t),
+    [e, a, t, m]
+  ), p = (f) => {
+    const y = f.target.value, x = l(y);
+    n?.(y, x);
+  };
+  C(() => {
+    const f = l(r ?? "");
+    s.current && s.current.value !== String(r ?? "") && (s.current.value = String(r ?? "")), f !== i.current && (i.current = f, u.current?.(f ?? null));
+  }, [r, l]);
+  const [c, d] = N.useState(!1), b = () => d((f) => !f);
+  return /* @__PURE__ */ g.jsx(W, { field: e, error: l(String(r ?? "")), children: /* @__PURE__ */ g.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, width: "100%" }, children: [
+    /* @__PURE__ */ g.jsx(
+      "input",
+      {
+        id: e.name,
+        type: c ? "text" : "password",
+        defaultValue: String(r ?? ""),
+        ref: s,
+        onChange: p,
+        className: K($.input, $.textInput),
+        style: { flex: 1, minWidth: 0 }
+      }
+    ),
+    /* @__PURE__ */ g.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: b,
+        "aria-label": t(c ? "Hide password" : "Show password"),
+        style: {
+          background: "transparent",
+          border: "none",
+          cursor: "pointer",
+          fontSize: 16,
+          lineHeight: 1,
+          padding: "4px 6px",
+          flexShrink: 0
+        },
+        children: c ? "🙈" : "👁️"
+      }
+    )
+  ] }) });
+}, vt = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/;
+function wt(e) {
+  return vt.test(e);
 }
-const xt = ({
+const St = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = z(), s = k(null), i = k(null), u = F.useCallback(
+  const { t, definitionName: a } = T(), s = k(null), i = k(null), u = N.useCallback(
     (b) => {
-      let p = null;
+      let f = null;
       if (b.trim() === "")
         return t("Value required");
-      if (!yt(b))
+      if (!wt(b))
         return t("Invalid number");
       const y = Number(b);
-      return typeof e.min == "number" && y < e.min ? t("Value should be at least {{1}}", e.min) : typeof e.max == "number" && y > e.max ? t("Value should be at most {{1}}", e.max) : (p || (p = Y(a, e, y, t)), p);
+      return typeof e.min == "number" && y < e.min ? t("Value should be at least {{1}}", e.min) : typeof e.max == "number" && y > e.max ? t("Value should be at most {{1}}", e.max) : (f || (f = Y(a, e, y, t)), f);
     },
     [a, e, t]
   ), m = k(null), l = k(o);
   C(() => {
     l.current = o;
   }, [o]), C(() => {
-    const b = String(r), p = u(b);
-    i.current && document.activeElement !== i.current && (i.current.value = isNaN(Number(b)) ? String(e.min ?? 0) : String(Number(b))), s.current && document.activeElement !== s.current && (s.current.value = b), p !== m.current && (m.current = p, l.current?.(p ?? null));
+    const b = String(r), f = u(b);
+    i.current && document.activeElement !== i.current && (i.current.value = isNaN(Number(b)) ? String(e.min ?? 0) : String(Number(b))), s.current && document.activeElement !== s.current && (s.current.value = b), f !== m.current && (m.current = f, l.current?.(f ?? null));
   }, [r, u, e.min]);
-  const f = e.min ?? 0, c = e.max ?? 100, d = (b) => {
-    const p = b.target.value, y = u(p);
-    n?.(p, y);
+  const p = e.min ?? 0, c = e.max ?? 100, d = (b) => {
+    const f = b.target.value, y = u(f);
+    n?.(f, y);
   };
   return /* @__PURE__ */ g.jsx(W, { field: e, error: u(String(r ?? "")), children: /* @__PURE__ */ g.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", width: "100%" }, children: [
     /* @__PURE__ */ g.jsx(
@@ -3119,9 +3178,9 @@ const xt = ({
       {
         ref: i,
         type: "range",
-        defaultValue: isNaN(Number(r)) ? String(f) : String(Number(r)),
+        defaultValue: isNaN(Number(r)) ? String(p) : String(Number(r)),
         onChange: d,
-        min: f,
+        min: p,
         max: c,
         style: {
           padding: "0px, 0px",
@@ -3146,28 +3205,28 @@ const xt = ({
           textAlign: "center",
           flexShrink: 0
         },
-        className: X($.input, $.textInput)
+        className: K($.input, $.textInput)
       }
     )
   ] }) });
-}, vt = ({
+}, Ct = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, formStyle: a, fieldStyle: s, definitionName: i } = z(), u = a, m = s, l = (w, j, N) => {
+  const { t, formStyle: a, fieldStyle: s, definitionName: i } = T(), u = a, m = s, l = (w, j, I) => {
     if (!j) return {};
     const S = w?.[j];
-    return (N && S ? S[N] : void 0) ?? {};
-  }, f = F.useMemo(() => ({
+    return (I && S ? S[I] : void 0) ?? {};
+  }, p = N.useMemo(() => ({
     display: "inline-block",
     position: "relative",
     width: 44,
     height: 24,
     ...l(u, "switch", "label"),
     ...l(m, void 0, "label")
-  }), [u, m]), c = F.useMemo(() => ({
+  }), [u, m]), c = N.useMemo(() => ({
     position: "absolute",
     opacity: 0,
     top: 0,
@@ -3180,7 +3239,7 @@ const xt = ({
     // Make hidden input non-interactive to avoid event conflicts
     ...l(u, "switch", "hiddenInput"),
     ...l(m, void 0, "hiddenInput")
-  }), [u, m]), d = F.useMemo(() => ({
+  }), [u, m]), d = N.useMemo(() => ({
     position: "absolute",
     cursor: "pointer",
     top: 0,
@@ -3199,7 +3258,7 @@ const xt = ({
     borderColor: "transparent",
     ...l(u, "switch", "slider"),
     ...l(m, void 0, "slider")
-  }), [u, m]), b = F.useMemo(() => ({
+  }), [u, m]), b = N.useMemo(() => ({
     position: "absolute",
     height: 16,
     width: 16,
@@ -3211,18 +3270,18 @@ const xt = ({
     boxShadow: "0 1px 3px rgba(0, 0, 0, 0.3)",
     ...l(u, "switch", "knob"),
     ...l(m, void 0, "knob")
-  }), [u, m]), p = !!r, y = F.useRef(null), x = F.useRef(o), v = F.useCallback((w) => w ? Y(i, e, w, t) ?? null : e.required ? t("Value required") : null, [e, t, i]), A = () => {
-    const w = !p, j = v(w);
+  }), [u, m]), f = !!r, y = N.useRef(null), x = N.useRef(o), v = N.useCallback((w) => w ? Y(i, e, w, t) ?? null : e.required ? t("Value required") : null, [e, t, i]), F = () => {
+    const w = !f, j = v(w);
     n?.(w, j);
   };
-  F.useEffect(() => {
+  N.useEffect(() => {
     x.current = o;
-  }, [o]), F.useEffect(() => {
-    const w = v(p);
+  }, [o]), N.useEffect(() => {
+    const w = v(f);
     w !== y.current && (y.current = w, x.current?.(w ?? null));
-  }, [p, e, v]);
+  }, [f, e, v]);
   const R = e.name;
-  return /* @__PURE__ */ g.jsx(W, { field: e, error: v(p), rightAlign: !1, children: /* @__PURE__ */ g.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
+  return /* @__PURE__ */ g.jsx(W, { field: e, error: v(f), rightAlign: !1, children: /* @__PURE__ */ g.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
     /* @__PURE__ */ g.jsx(
       "label",
       {
@@ -3232,13 +3291,13 @@ const xt = ({
         children: t(e.displayName)
       }
     ),
-    /* @__PURE__ */ g.jsxs("label", { style: f, children: [
+    /* @__PURE__ */ g.jsxs("label", { style: p, children: [
       /* @__PURE__ */ g.jsx(
         "input",
         {
           id: e.name,
           type: "checkbox",
-          checked: p,
+          checked: f,
           readOnly: !0,
           "aria-label": t(e.displayName),
           style: c,
@@ -3251,19 +3310,19 @@ const xt = ({
           role: "switch",
           "data-testid": "switch",
           tabIndex: 0,
-          "aria-checked": p,
-          onClick: A,
+          "aria-checked": f,
+          onClick: F,
           onKeyDown: (w) => {
-            (w.key === " " || w.key === "Spacebar" || w.key === "Space" || w.key === "Enter") && (w.preventDefault(), A());
+            (w.key === " " || w.key === "Spacebar" || w.key === "Space" || w.key === "Enter") && (w.preventDefault(), F());
           },
-          className: `reactaform-switch ${p ? "active checked on" : ""} `,
-          style: p ? { ...d, backgroundColor: "var(--reactaform-switch-on-bg, #22c55e)", borderColor: "var(--reactaform-switch-on-border, #16a34a)" } : d,
+          className: `reactaform-switch ${f ? "active checked on" : ""} `,
+          style: f ? { ...d, backgroundColor: "var(--reactaform-switch-on-bg, #22c55e)", borderColor: "var(--reactaform-switch-on-border, #16a34a)" } : d,
           children: /* @__PURE__ */ g.jsx(
             "span",
             {
               style: {
                 ...b,
-                transform: p ? "translateX(20px)" : void 0
+                transform: f ? "translateX(20px)" : void 0
               }
             }
           )
@@ -3277,19 +3336,19 @@ const xt = ({
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = z(), s = F.useRef(null), i = F.useRef(null), u = F.useRef(
+  const { t, definitionName: a } = T(), s = N.useRef(null), i = N.useRef(null), u = N.useRef(
     o
   );
-  F.useEffect(() => {
+  N.useEffect(() => {
     u.current = o;
   }, [o]);
   const m = G(
     () => e.pattern ? new RegExp(e.pattern) : null,
     [e.pattern]
-  ), l = F.useCallback(
+  ), l = N.useCallback(
     (c) => c.trim() === "" ? e.required ? t("Value required") : null : e.minLength !== void 0 && c.length < e.minLength ? t("Must be at least {{1}} characters", e.minLength) : e.maxLength !== void 0 && c.length > e.maxLength ? t("Must be at most {{1}} characters", e.maxLength) : m && !m.test(c) ? t("Input does not match pattern: {{1}}", e.pattern) : Y(a, e, c, t),
     [e, a, t, m]
-  ), f = (c) => {
+  ), p = (c) => {
     const d = c.target.value, b = l(d);
     n?.(d, b);
   };
@@ -3303,25 +3362,25 @@ const xt = ({
       type: "text",
       defaultValue: String(r ?? ""),
       ref: s,
-      onChange: f,
-      className: X($.input, $.textInput)
+      onChange: p,
+      className: K($.input, $.textInput)
     }
   ) });
-}, wt = ({
+}, jt = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = z(), s = k(null), i = k(o), u = e.includeSeconds ?? !0;
+  const { t, definitionName: a } = T(), s = k(null), i = k(o), u = e.includeSeconds ?? !0;
   C(() => {
     i.current = o;
   }, [o]);
-  const m = F.useCallback((f) => {
-    if (!f || f.trim() === "")
+  const m = N.useCallback((p) => {
+    if (!p || p.trim() === "")
       return e.required || e.min || e.max ? t("Value required") : null;
-    const c = (p) => {
-      const y = p.split(":").map((v) => parseInt(v, 10));
+    const c = (f) => {
+      const y = f.split(":").map((v) => parseInt(v, 10));
       if (y.some((v) => Number.isNaN(v))) return NaN;
       let x = 0;
       if (y.length === 3)
@@ -3333,26 +3392,26 @@ const xt = ({
       else
         return NaN;
       return x;
-    }, d = c(f);
+    }, d = c(p);
     if (Number.isNaN(d)) return t("Invalid time format");
     if (e.min && typeof e.min == "string") {
-      const p = c(e.min);
-      if (!Number.isNaN(p) && d < p)
+      const f = c(e.min);
+      if (!Number.isNaN(f) && d < f)
         return t("Time must be on or after {{1}}", e.min);
     }
     if (e.max && typeof e.max == "string") {
-      const p = c(e.max);
-      if (!Number.isNaN(p) && d > p)
+      const f = c(e.max);
+      if (!Number.isNaN(f) && d > f)
         return t("Time must be on or before {{1}}", e.max);
     }
-    return Y(a, e, f, t) ?? null;
-  }, [e, a, t]), l = (f) => {
-    const c = f.target.value, d = m(c);
+    return Y(a, e, p, t) ?? null;
+  }, [e, a, t]), l = (p) => {
+    const c = p.target.value, d = m(c);
     n?.(c, d);
   };
   return C(() => {
-    const f = m(r);
-    f !== s.current && (s.current = f, i.current?.(f ?? null));
+    const p = m(r);
+    p !== s.current && (s.current = p, i.current?.(p ?? null));
   }, [r, m]), /* @__PURE__ */ g.jsx(W, { field: e, error: m(r), children: /* @__PURE__ */ g.jsx(
     "input",
     {
@@ -3363,11 +3422,11 @@ const xt = ({
       onChange: l,
       min: typeof e.min == "string" ? e.min : void 0,
       max: typeof e.max == "string" ? e.max : void 0,
-      className: X($.input, $.textInput)
+      className: K($.input, $.textInput)
     }
   ) });
 };
-function St({
+function kt({
   pos: e,
   options: r,
   onClose: n,
@@ -3380,8 +3439,8 @@ function St({
     }
     return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
   }, [n]), !s || r === void 0 || r.length === 0 || !e || e.x == null || e.y == null) return null;
-  const i = e.x, u = e.y, m = typeof window < "u" ? window.innerWidth : 1024, l = Math.max(0, m - 160), f = Math.max(0, Math.min(i, l)), c = Math.max(0, u);
-  return Oe.createPortal(
+  const i = e.x, u = e.y, m = typeof window < "u" ? window.innerWidth : 1024, l = Math.max(0, m - 160), p = Math.max(0, Math.min(i, l)), c = Math.max(0, u);
+  return Me.createPortal(
     /* @__PURE__ */ g.jsx(
       "div",
       {
@@ -3392,7 +3451,7 @@ function St({
         style: {
           position: "fixed",
           top: c,
-          left: f,
+          left: p,
           backgroundColor: "var(--reactaform-primary-bg, #fff)",
           border: "1px solid var(--reactaform-border-color, #ccc)",
           borderRadius: "var(--reactaform-border-radius, 4px)",
@@ -3405,11 +3464,11 @@ function St({
           "div",
           {
             "data-popup-menu": "item",
-            onMouseDown: (p) => {
-              p.stopPropagation(), a.current = !0;
+            onMouseDown: (f) => {
+              f.stopPropagation(), a.current = !0;
             },
-            onClick: (p) => {
-              p.stopPropagation(), p.preventDefault(), o(d), n(), setTimeout(() => {
+            onClick: (f) => {
+              f.stopPropagation(), f.preventDefault(), o(d), n(), setTimeout(() => {
                 a.current = !1;
               }, 100);
             },
@@ -3420,11 +3479,11 @@ function St({
               borderBottom: b < r.length - 1 ? "1px solid var(--reactaform-border-light, #eee)" : void 0,
               transition: "background-color 0.15s ease"
             },
-            onMouseEnter: (p) => {
-              p.currentTarget.style.backgroundColor = "var(--reactaform-hover-bg, #e0e0e0)";
+            onMouseEnter: (f) => {
+              f.currentTarget.style.backgroundColor = "var(--reactaform-hover-bg, #e0e0e0)";
             },
-            onMouseLeave: (p) => {
-              p.currentTarget.style.backgroundColor = "transparent";
+            onMouseLeave: (f) => {
+              f.currentTarget.style.backgroundColor = "transparent";
             },
             children: d.label
           },
@@ -3436,7 +3495,7 @@ function St({
   );
 }
 const he = {};
-function Ct(e, r) {
+function Rt(e, r) {
   if (e in he)
     return;
   const n = Le[e] ?? {}, o = {}, t = {}, a = {};
@@ -3450,7 +3509,7 @@ function Ct(e, r) {
     reverseLabels: a
   };
 }
-function jt(e, r, n) {
+function Et(e, r, n) {
   if (e === "C") {
     if (r === "F") return n * (9 / 5) + 32;
     if (r === "K") return n + 273.15;
@@ -3463,11 +3522,11 @@ function jt(e, r, n) {
   }
   return n;
 }
-function kt(e, r, n) {
+function Nt(e, r, n) {
   if (!Number.isFinite(e)) return [];
   if (n === he.temperature)
     return Object.keys(n.labels).map((a) => {
-      const s = jt(r, a, e);
+      const s = Et(r, a, e);
       return Number.isFinite(s) ? { label: `${s.toFixed(6)} ${a}`, value: s.toString(), unit: a } : { label: `${String(s)} ${a}`, value: String(s), unit: a };
     });
   const t = n.factors[r];
@@ -3479,74 +3538,74 @@ function kt(e, r, n) {
 function xe(e, r) {
   return e in r.labels ? e : r.reverseLabels && r.reverseLabels[e] ? r.reverseLabels[e] : null;
 }
-const Rt = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/, Et = ({
+const It = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/, At = ({
   unitFactors: e,
   field: r,
   value: n,
   onChange: o,
   onError: t
 }) => {
-  const { t: a, definitionName: s } = z(), i = k(null), u = k(null), m = k(null), [l, f] = V(null), [c, d] = V(null), [b, p] = V(!1), [y, x] = V(null), [v, A] = V([]), R = Z(
-    (P, M) => {
+  const { t: a, definitionName: s } = T(), i = k(null), u = k(null), m = k(null), [l, p] = D(null), [c, d] = D(null), [b, f] = D(!1), [y, x] = D(null), [v, F] = D([]), R = Z(
+    (P, O) => {
       if (!P || P.trim() === "")
         return r.required ? a("Value required") : null;
-      if (!Rt.test(P)) return a("Must be a valid number");
-      const h = Y(s, r, [P, M], a);
+      if (!It.test(P)) return a("Must be a valid number");
+      const h = Y(s, r, [P, O], a);
       return h || null;
     },
     [s, r, a]
   ), w = e.reverseLabels !== void 0 ? e.reverseLabels : Object.fromEntries(
-    Object.entries(e.labels).map(([P, M]) => [M, P])
+    Object.entries(e.labels).map(([P, O]) => [O, P])
   );
   C(() => {
     const P = String(n[0]);
-    let M = n[1] ?? e.default;
-    M = xe(M, e) || M;
+    let O = n[1] ?? e.default;
+    O = xe(O, e) || O;
     const h = document.activeElement;
-    h === i.current || h === u.current || (i.current && (i.current.value = P), u.current && (u.current.value = M), m.current !== null && (cancelAnimationFrame(m.current), m.current = null), m.current = requestAnimationFrame(() => {
-      m.current = null, f(null), d(null);
+    h === i.current || h === u.current || (i.current && (i.current.value = P), u.current && (u.current.value = O), m.current !== null && (cancelAnimationFrame(m.current), m.current = null), m.current = requestAnimationFrame(() => {
+      m.current = null, p(null), d(null);
     }));
   }, [n, e]), C(() => () => {
     m.current !== null && (cancelAnimationFrame(m.current), m.current = null);
   }, []);
-  const j = k(null), N = k(
+  const j = k(null), I = k(
     t
   );
   C(() => {
-    N.current = t;
+    I.current = t;
   }, [t]), C(() => {
     const P = String(n[0]);
-    let M = n[1] ?? e.default;
-    M = xe(M, e) || M;
-    const h = R(P, M);
-    h !== j.current && (j.current = h, N.current?.(h ?? null));
+    let O = n[1] ?? e.default;
+    O = xe(O, e) || O;
+    const h = R(P, O);
+    h !== j.current && (j.current = h, I.current?.(h ?? null));
   }, [n, e, R]);
-  const S = (P, M, h) => {
-    const E = w[M] || M;
+  const S = (P, O, h) => {
+    const E = w[O] || O;
     o?.([P, E], h);
-  }, I = (P) => {
-    const M = P.target.value, h = u.current ? u.current.value : e.default, E = R(M, h);
-    f(M), S(M, h, E);
-  }, O = (P) => {
-    const M = P.target.value, h = i.current ? i.current.value : String(n[0] ?? ""), E = R(h, M);
-    d(M), u.current && (u.current.value = M), S(h, M, E);
-  }, T = (P) => {
-    const M = i.current ? i.current.value : String(n[0] ?? ""), h = parseFloat(M), E = u.current ? u.current.value : e.default;
-    if (R(M, E) || !M.trim() || !Number.isFinite(h))
+  }, A = (P) => {
+    const O = P.target.value, h = u.current ? u.current.value : e.default, E = R(O, h);
+    p(O), S(O, h, E);
+  }, M = (P) => {
+    const O = P.target.value, h = i.current ? i.current.value : String(n[0] ?? ""), E = R(h, O);
+    d(O), u.current && (u.current.value = O), S(h, O, E);
+  }, z = (P) => {
+    const O = i.current ? i.current.value : String(n[0] ?? ""), h = parseFloat(O), E = u.current ? u.current.value : e.default;
+    if (R(O, E) || !O.trim() || !Number.isFinite(h))
       return;
     const U = P.currentTarget.getBoundingClientRect(), ne = U.left, ae = U.bottom;
     x({ x: ne, y: ae });
-    const _ = kt(h, E, e);
+    const _ = Nt(h, E, e);
     if (_.length === 0) {
-      A([]), p(!1);
+      F([]), f(!1);
       return;
     }
-    A(_), p((D) => !D);
+    F(_), f((V) => !V);
   }, L = (P) => {
-    const { value: M, unit: h } = P;
-    p(!1), x(null), i.current && (i.current.value = M), u.current && (u.current.value = h), f(M), d(h);
-    const E = R(M, h);
-    S(M, h, E);
+    const { value: O, unit: h } = P;
+    f(!1), x(null), i.current && (i.current.value = O), u.current && (u.current.value = h), p(O), d(h);
+    const E = R(O, h);
+    S(O, h, E);
   }, J = String(n[0] ?? ""), ce = xe(n[1] ?? e.default, e) || (n[1] ?? e.default), re = l ?? J, Q = !!R(re, c ?? ce) || !re.trim(), oe = {
     width: "var(--reactaform-unit-btn-width, 2.5em)",
     height: "var(--reactaform-unit-btn-height, 2.5em)",
@@ -3568,9 +3627,9 @@ const Rt = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/, Et = ({
         type: "text",
         ref: i,
         defaultValue: String(n[0] ?? ""),
-        onChange: I,
+        onChange: A,
         style: { width: "var(--reactaform-unit-input-width, 100px)" },
-        className: X($.input, $.textInput)
+        className: K($.input, $.textInput)
       }
     ),
     /* @__PURE__ */ g.jsx(
@@ -3578,8 +3637,8 @@ const Rt = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/, Et = ({
       {
         ref: u,
         defaultValue: xe(n[1] ?? e.default, e) || (n[1] ?? e.default),
-        onChange: O,
-        className: X(
+        onChange: M,
+        className: K(
           $.input,
           $.inputSelect
         ),
@@ -3590,7 +3649,7 @@ const Rt = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/, Et = ({
       /* @__PURE__ */ g.jsx(
         "button",
         {
-          onClick: T,
+          onClick: z,
           "aria-disabled": Q,
           disabled: Q,
           style: oe,
@@ -3610,12 +3669,12 @@ const Rt = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/, Et = ({
         }
       ),
       b && v && /* @__PURE__ */ g.jsx(
-        St,
+        kt,
         {
           pos: y,
           options: v,
           onClose: () => {
-            x(null), p(!1);
+            x(null), f(!1);
           },
           onClickOption: L
         }
@@ -3623,13 +3682,13 @@ const Rt = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/, Et = ({
     ] })
   ] }) });
 };
-function Nt({ field: e, value: r, onChange: n }) {
-  const { t: o } = z(), t = e.dimension;
+function Ft({ field: e, value: r, onChange: n }) {
+  const { t: o } = T(), t = e.dimension;
   if (!t) return null;
-  he[t] || Ct(t, o);
+  he[t] || Rt(t, o);
   const a = he[t];
   return a ? /* @__PURE__ */ g.jsx(
-    Et,
+    At,
     {
       unitFactors: a,
       field: e,
@@ -3638,33 +3697,48 @@ function Nt({ field: e, value: r, onChange: n }) {
     }
   ) : null;
 }
-const It = /^(https?|ftp|file):\/\/[-A-Z0-9+&@#/%?=~_|!:,.;]*[-A-Z0-9+&@#/%=~_|]$/i, At = (e) => {
+const Xe = /^(https?|ftp|file):\/\/[-A-Z0-9+&@#/%?=~_|!:,.;]*[-A-Z0-9+&@#/%=~_|]$/i, Ze = (e) => {
   try {
     return new URL(e), !0;
   } catch {
     return !1;
   }
-}, Ft = ({
+}, Mt = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = z(), s = k(null), i = Z(
-    (f) => {
-      const c = f.trim();
-      return c === "" ? e.required ? t("Value required") : null : !It.test(c) && !At(c) ? t("Must be a valid URL") : Y(a, e, c, t) ?? null;
+  const { t, definitionName: a } = T(), s = k(null), i = Z(
+    (p) => {
+      const c = p.trim();
+      if (c === "")
+        return e.required ? t("Value required") : null;
+      if (!Xe.test(c) && !Ze(c)) {
+        const b = e.allowRelative === !0;
+        let f = !1;
+        if (Xe.test(c) || Ze(c))
+          f = !0;
+        else if (b)
+          try {
+            new URL(c, "http://example.com"), f = !0;
+          } catch {
+            f = !1;
+          }
+        if (!f) return t("Must be a valid URL");
+      }
+      return Y(a, e, c, t) ?? null;
     },
     [a, e, t]
-  ), u = (f) => {
-    const c = f.target.value, d = i(c);
+  ), u = (p) => {
+    const c = p.target.value, d = i(c);
     n?.(c.trim(), d);
   }, m = k(null), l = k(o);
   return C(() => {
     l.current = o;
   }, [o]), C(() => {
-    const f = r ?? "", c = i(f);
-    s.current && s.current.value !== String(f) && (s.current.value = String(f)), c !== m.current && (m.current = c, l.current?.(c ?? null));
+    const p = r ?? "", c = i(p);
+    s.current && s.current.value !== String(p) && (s.current.value = String(p)), c !== m.current && (m.current = c, l.current?.(c ?? null));
   }, [r, i]), /* @__PURE__ */ g.jsx(W, { field: e, error: i(String(r ?? "")), children: /* @__PURE__ */ g.jsx(
     "input",
     {
@@ -3674,7 +3748,7 @@ const It = /^(https?|ftp|file):\/\/[-A-Z0-9+&@#/%?=~_|!:,.;]*[-A-Z0-9+&@#/%=~_|]
       ref: s,
       onChange: u,
       style: { alignItems: "left" },
-      className: X($.input, $.textInput),
+      className: K($.input, $.textInput),
       placeholder: "https://example.com"
     }
   ) });
@@ -3688,35 +3762,36 @@ const It = /^(https?|ftp|file):\/\/[-A-Z0-9+&@#/%?=~_|!:,.;]*[-A-Z0-9+&@#/%=~_|]
   "stepper",
   "color",
   "rating"
-]), ir = {
-  checkbox: Lr,
-  color: _r,
-  date: Br,
-  dropdown: Hr,
-  email: Wr,
-  file: Jr,
-  float: rt,
-  "float-array": Zr,
-  image: nt,
-  int: it,
-  "int-array": at,
-  "multi-selection": lt,
-  multiline: ct,
-  phone: ft,
-  radio: dt,
-  rating: ht,
-  separator: Yr,
-  slider: xt,
+]), lr = {
+  checkbox: _r,
+  color: Br,
+  date: Ur,
+  dropdown: Wr,
+  email: Jr,
+  file: Kr,
+  float: nt,
+  "float-array": et,
+  image: at,
+  int: lt,
+  "int-array": it,
+  "multi-selection": mt,
+  multiline: ut,
+  password: xt,
+  phone: pt,
+  radio: gt,
+  rating: yt,
+  separator: Gr,
+  slider: St,
   string: Ke,
-  stepper: mt,
-  switch: vt,
+  stepper: dt,
+  switch: Ct,
   text: Ke,
-  time: wt,
-  unit: Nt,
-  url: Ft
+  time: jt,
+  unit: Ft,
+  url: Mt
 };
-function cr(e, r, n) {
-  if (!n && e in ir) {
+function ur(e, r, n) {
+  if (!n && e in lr) {
     console.warn(
       `Can't Overwrite Base Component type "${e}".`
     );
@@ -3727,7 +3802,7 @@ function cr(e, r, n) {
     return;
   }
   const o = (t) => {
-    const { callback: s, cancel: i } = Sr(
+    const { callback: s, cancel: i } = jr(
       (...u) => {
         const m = t.onChange;
         typeof m == "function" && m(...u);
@@ -3736,30 +3811,30 @@ function cr(e, r, n) {
     );
     return C(() => () => {
       i();
-    }, [i]), F.createElement(r, { ...t, onChange: s });
+    }, [i]), N.createElement(r, { ...t, onChange: s });
   };
   Fe.register(e, o);
 }
-function on(e, r) {
-  cr(e, r, !1);
+function an(e, r) {
+  ur(e, r, !1);
 }
-function Mt(e) {
+function $t(e) {
   return Fe.get(e);
 }
-let Xe = !1;
-function lr() {
-  Xe || (Object.entries(ir).forEach(([e, r]) => {
-    cr(e, r, !0);
-  }), Xe = !0);
+let Qe = !1;
+function mr() {
+  Qe || (Object.entries(lr).forEach(([e, r]) => {
+    ur(e, r, !0);
+  }), Qe = !0);
 }
-const ur = new we();
-function $t(e, r) {
-  ur.register(e, r);
+const fr = new we();
+function Vt(e, r) {
+  fr.register(e, r);
 }
 function Dt(e) {
-  return ur.get(e);
+  return fr.get(e);
 }
-$t(
+Vt(
   "Preset_AlertSubmitHandler",
   (e, r, n) => {
     const o = {
@@ -3771,11 +3846,11 @@ $t(
     alert(t);
   }
 );
-const mr = F.memo(({ field: e, value: r, handleChange: n, handleError: o }) => {
-  const t = Mt(e.type), a = F.useCallback(
+const dr = N.memo(({ field: e, value: r, handleChange: n, handleError: o }) => {
+  const t = $t(e.type), a = N.useCallback(
     (i, u) => n(e.name, i, u),
     [n, e.name]
-  ), s = F.useCallback(
+  ), s = N.useCallback(
     (i) => o?.(e.name, i),
     [o, e.name]
   );
@@ -3789,9 +3864,9 @@ const mr = F.memo(({ field: e, value: r, handleChange: n, handleError: o }) => {
     }
   ) : null;
 }, (e, r) => e.field === r.field && e.value === r.value && e.handleChange === r.handleChange && e.handleError === r.handleError);
-mr.displayName = "FieldWrapper";
-const fr = (e, r, n, o) => /* @__PURE__ */ g.jsx(
-  mr,
+dr.displayName = "FieldWrapper";
+const pr = (e, r, n, o) => /* @__PURE__ */ g.jsx(
+  dr,
   {
     field: e,
     value: r[e.name],
@@ -3799,8 +3874,8 @@ const fr = (e, r, n, o) => /* @__PURE__ */ g.jsx(
     handleError: o
   },
   e.name
-), dr = F.memo(({ groupName: e, isOpen: r, fields: n, valuesMap: o, handleChange: t, handleError: a, toggleGroup: s, t: i }) => {
-  const u = F.useCallback(() => s(e), [s, e]), { formStyle: m, fieldStyle: l } = z(), f = F.useMemo(() => ({
+), gr = N.memo(({ groupName: e, isOpen: r, fields: n, valuesMap: o, handleChange: t, handleError: a, toggleGroup: s, t: i }) => {
+  const u = N.useCallback(() => s(e), [s, e]), { formStyle: m, fieldStyle: l } = T(), p = N.useMemo(() => ({
     border: "1px solid var(--reactaform-border-color, #bbb)",
     padding: "var(--reactaform-fieldset-padding, 0.5em)",
     borderRadius: "var(--reactaform-border-radius, 4px)",
@@ -3808,7 +3883,7 @@ const fr = (e, r, n, o) => /* @__PURE__ */ g.jsx(
     // allow per-form overrides if provider exposes them
     ...m?.fieldset || {},
     ...l?.fieldset || {}
-  }), [m, l]), c = F.useMemo(() => ({
+  }), [m, l]), c = N.useMemo(() => ({
     fontWeight: "bold",
     cursor: "pointer",
     display: "flex",
@@ -3819,23 +3894,23 @@ const fr = (e, r, n, o) => /* @__PURE__ */ g.jsx(
     ...m?.legend || {},
     ...l?.legend || {}
   }), [m, l]);
-  return /* @__PURE__ */ g.jsxs("fieldset", { style: f, children: [
+  return /* @__PURE__ */ g.jsxs("fieldset", { style: p, children: [
     /* @__PURE__ */ g.jsxs("legend", { onClick: u, style: c, children: [
       /* @__PURE__ */ g.jsx("span", { children: i(e) }),
       /* @__PURE__ */ g.jsx("span", { children: r ? "▼" : "▶" })
     ] }),
-    r && n.map((d) => /* @__PURE__ */ g.jsx("div", { children: fr(d, o, t, a) }, d.name))
+    r && n.map((d) => /* @__PURE__ */ g.jsx("div", { children: pr(d, o, t, a) }, d.name))
   ] });
 });
-dr.displayName = "FieldGroup";
-const Vt = (e, r, n, o, t, a, s, i, u) => {
-  const m = r.slice(0, i).filter((d) => s[d.name]), f = Or(m).groups, c = [];
-  return f.forEach((d) => {
+gr.displayName = "FieldGroup";
+const zt = (e, r, n, o, t, a, s, i, u) => {
+  const m = r.slice(0, i).filter((d) => s[d.name]), p = $r(m).groups, c = [];
+  return p.forEach((d) => {
     if (d.name) {
       const b = e[d.name] ?? !0;
       c.push(
         /* @__PURE__ */ g.jsx(
-          dr,
+          gr,
           {
             groupName: d.name,
             isOpen: b,
@@ -3850,7 +3925,7 @@ const Vt = (e, r, n, o, t, a, s, i, u) => {
         )
       );
     } else
-      d.fields.forEach((b) => c.push(/* @__PURE__ */ g.jsx("div", { children: fr(b, n, t, a) }, b.name)));
+      d.fields.forEach((b) => c.push(/* @__PURE__ */ g.jsx("div", { children: pr(b, n, t, a) }, b.name)));
   }), c;
 }, Tt = (e) => {
   const r = {};
@@ -3864,19 +3939,19 @@ const Vt = (e, r, n, o, t, a, s, i, u) => {
   (t.children[s] || []).forEach((u) => {
     o[u] = !0, Pe(u, r, n, o);
   });
-}, pr = (e, r, n) => {
+}, hr = (e, r, n) => {
   const o = r[e];
   o?.children && Object.values(o.children).flat().forEach((t) => {
-    n[t] = !1, pr(t, r, n);
+    n[t] = !1, hr(t, r, n);
   });
-}, zt = (e, r, n, o) => {
+}, Lt = (e, r, n, o) => {
   const t = { ...n };
   return e.forEach((a) => {
     (!a.parents || Object.keys(a.parents).length === 0) && (t[a.name] = !0, Pe(a.name, o, r, t));
   }), t;
-}, Lt = (e, r, n, o, t) => {
+}, Pt = (e, r, n, o, t) => {
   const a = { ...e };
-  if (pr(o, r, a), t != null) {
+  if (hr(o, r, a), t != null) {
     const s = r[o];
     if (s?.children) {
       const i = String(t);
@@ -3887,7 +3962,7 @@ const Vt = (e, r, n, o, t, a, s, i, u) => {
   }
   return a;
 };
-function Pt(e, r, n, o, t) {
+function _t(e, r, n, o, t) {
   const a = Object.values(t).filter(Boolean);
   if (a.length > 0)
     return {
@@ -3898,17 +3973,17 @@ function Pt(e, r, n, o, t) {
   const s = { ...n }, i = [];
   if (e && Array.isArray(e.properties))
     for (const m of e.properties) {
-      const l = m.name, f = s[l];
-      if (f == null) continue;
+      const l = m.name, p = s[l];
+      if (p == null) continue;
       const c = m.type;
       try {
-        if ((c === "int" || c === "number" || c === "float") && typeof f == "string") {
-          const d = Number(String(f).trim());
+        if (c === "int" || c === "number" || c === "float") {
+          const d = Number(String(p).trim());
           isNaN(d) ? i.push(o(`Invalid number format for field ${m.displayName || l}`)) : s[l] = d;
-        } else if ((c === "int-array" || c === "float-array") && typeof f == "string") {
-          const b = String(f).split(",").map((p) => p.trim()).filter(Boolean).map((p) => {
-            const y = Number(p);
-            return isNaN(y) ? (i.push(o(`Invalid number "${p}" in array for field ${m.displayName || l}`)), 0) : y;
+        } else if (c === "int-array" || c === "float-array") {
+          const b = String(p).split(",").map((f) => f.trim()).filter(Boolean).map((f) => {
+            const y = Number(f);
+            return isNaN(y) ? (i.push(o(`Invalid number "${f}" in array for field ${m.displayName || l}`)), 0) : y;
           });
           i.length === 0 && (s[l] = b);
         }
@@ -3922,7 +3997,7 @@ function Pt(e, r, n, o, t) {
       message: o("Data transformation errors occurred."),
       errors: i
     };
-  const u = Rr(e, s, o);
+  const u = Nr(e, s, o);
   if (u && u.length > 0)
     return {
       success: !1,
@@ -3954,20 +4029,20 @@ function Pt(e, r, n, o, t) {
     data: s
   };
 }
-const _t = ({
+const qt = ({
   definition: e,
   instance: r,
   chunkSize: n = 50,
   chunkDelay: o = 50
 }) => {
-  const { properties: t, displayName: a } = e, s = z(), { t: i, formStyle: u, language: m } = s, l = {
+  const { properties: t, displayName: a } = e, s = T(), { t: i, formStyle: u, language: m } = s, l = {
     ...s,
     definitionName: e?.name ?? s.definitionName
-  }, [f, c] = V("en"), [d, b] = V([]), [p, y] = V({}), [x, v] = V(
+  }, [p, c] = D("en"), [d, b] = D([]), [f, y] = D({}), [x, v] = D(
     {}
-  ), [A, R] = V({}), [w, j] = V({}), [N, S] = V({}), [I, O] = V(null), [T, L] = V(null), [J, ce] = V(0), [re, ue] = V(!1), [Q, oe] = V(!1), [P, M] = V(r.name || ""), h = k(r), E = k(!1);
+  ), [F, R] = D({}), [w, j] = D({}), [I, S] = D({}), [A, M] = D(null), [z, L] = D(null), [J, ce] = D(0), [re, ue] = D(!1), [Q, oe] = D(!1), [P, O] = D(r.name || ""), h = k(r), E = k(!1);
   C(() => {
-    const D = Object.fromEntries(
+    const V = Object.fromEntries(
       t.map((H) => [
         H.name,
         { ...H, children: {} }
@@ -3975,52 +4050,52 @@ const _t = ({
     );
     t.forEach((H) => {
       H.parents && Object.entries(H.parents).forEach(([me, Se]) => {
-        const fe = D[me];
-        fe && Se.forEach((gr) => {
+        const fe = V[me];
+        fe && Se.forEach((br) => {
           fe.children || (fe.children = {});
-          const _e = String(gr);
+          const _e = String(br);
           fe.children[_e] = [
             ...fe.children[_e] || [],
             H.name
           ];
         });
       });
-    }), Fr(t, D);
+    }), Or(t, V);
     const q = Object.values(
-      D
-    ), K = {};
+      V
+    ), X = {};
     q.forEach((H) => {
       if (H.type === "unit") {
         const me = typeof H.defaultValue == "number" ? String(H.defaultValue) : "", Se = typeof H.defaultUnit == "string" ? H.defaultUnit : String(H.defaultUnit ?? "m");
-        K[H.name] = [me, Se];
+        X[H.name] = [me, Se];
       } else
-        K[H.name] = H.defaultValue;
+        X[H.name] = H.defaultValue;
     }), h.current = r, Object.keys(r.values).forEach((H) => {
-      D[H] !== void 0 && (K[H] = r.values[H]);
+      V[H] !== void 0 && (X[H] = r.values[H]);
     });
     const ee = Tt(q), te = {};
     q.forEach((H) => {
       H.group && !(H.group in te) && (te[H.group] = !0);
     });
     const le = requestAnimationFrame(() => {
-      b(q), y(D), v(K), R(
-        zt(q, K, ee, D)
-      ), j(te), ue(!0), M(r.name);
+      b(q), y(V), v(X), R(
+        Lt(q, X, ee, V)
+      ), j(te), ue(!0), O(r.name);
     });
     return () => cancelAnimationFrame(le);
   }, [t, r, e]), C(() => {
     if (!re || J >= d.length) return;
-    const D = setTimeout(() => {
+    const V = setTimeout(() => {
       ce(
         (q) => Math.min(q + n, d.length)
       );
     }, o);
-    return () => clearTimeout(D);
+    return () => clearTimeout(V);
   }, [re, J, d.length, n, o]);
   const B = Z(
-    (D, q, K) => {
-      O(null), L(null), v((ee) => {
-        const te = { ...ee, [D]: q }, le = p[D];
+    (V, q, X) => {
+      M(null), L(null), v((ee) => {
+        const te = { ...ee, [V]: q }, le = f[V];
         return le && [
           "checkbox",
           "dropdown",
@@ -4028,52 +4103,52 @@ const _t = ({
           "radio",
           "switch"
         ].includes(le.type) && R(
-          (me) => Lt(
+          (me) => Pt(
             me,
-            p,
+            f,
             te,
-            D,
+            V,
             String(q)
           )
         ), te;
-      }), S((ee) => K ? { ...ee, [D]: K } : Object.fromEntries(Object.entries(ee).filter(([le]) => le !== D)));
+      }), S((ee) => X ? { ...ee, [V]: X } : Object.fromEntries(Object.entries(ee).filter(([le]) => le !== V)));
     },
-    [p, O, L]
+    [f, M, L]
   );
   C(() => {
-    let D = 0;
-    return D = requestAnimationFrame(() => {
-      m !== f && (c(m || "en"), O(null), L(null));
-    }), () => cancelAnimationFrame(D);
-  }, [m, f]), C(() => {
-    let D = 0;
-    return D = requestAnimationFrame(() => {
+    let V = 0;
+    return V = requestAnimationFrame(() => {
+      m !== p && (c(m || "en"), M(null), L(null));
+    }), () => cancelAnimationFrame(V);
+  }, [m, p]), C(() => {
+    let V = 0;
+    return V = requestAnimationFrame(() => {
       if (E.current) {
-        E.current = !1, h.current = r, M(r.name || "");
+        E.current = !1, h.current = r, O(r.name || "");
         return;
       }
-      h.current = r, O(null), L(null), M(r.name || "");
-    }), () => cancelAnimationFrame(D);
+      h.current = r, M(null), L(null), O(r.name || "");
+    }), () => cancelAnimationFrame(V);
   }, [r, r.name]);
-  const U = Z((D, q) => {
-    S((K) => q ? { ...K, [D]: String(q) } : Object.fromEntries(Object.entries(K).filter(([te]) => te !== D)));
+  const U = Z((V, q) => {
+    S((X) => q ? { ...X, [V]: String(q) } : Object.fromEntries(Object.entries(X).filter(([te]) => te !== V)));
   }, []), ne = () => {
     E.current = !0;
-    const D = h.current?.name;
+    const V = h.current?.name;
     h.current.name = P;
-    const q = Pt(e, h.current, x, i, N), K = typeof q.message == "string" ? q.message : String(q.message), ee = Object.values(q.errors ?? {}).join(`
+    const q = _t(e, h.current, x, i, I), X = typeof q.message == "string" ? q.message : String(q.message), ee = Object.values(q.errors ?? {}).join(`
 `);
-    O(ee ? K + `
-` + ee : K), L(q.success), q.success || (h.current.name = D ?? h.current.name, M(D ?? ""));
-  }, ae = (D) => {
-    j((q) => ({ ...q, [D]: !q[D] }));
+    M(ee ? X + `
+` + ee : X), L(q.success), q.success || (h.current.name = V ?? h.current.name, O(V ?? ""));
+  }, ae = (V) => {
+    j((q) => ({ ...q, [V]: !q[V] }));
   }, _ = G(
-    () => Object.values(N).some(Boolean),
-    [N]
+    () => Object.values(I).some(Boolean),
+    [I]
   );
-  return /* @__PURE__ */ g.jsx(Me.Provider, { value: l, children: /* @__PURE__ */ g.jsxs("div", { style: u.container, children: [
+  return /* @__PURE__ */ g.jsx(Oe.Provider, { value: l, children: /* @__PURE__ */ g.jsxs("div", { style: u.container, children: [
     a && /* @__PURE__ */ g.jsx("h2", { style: u.titleStyle, children: i(a) }),
-    I && /* @__PURE__ */ g.jsxs(
+    A && /* @__PURE__ */ g.jsxs(
       "div",
       {
         role: "status",
@@ -4081,20 +4156,20 @@ const _t = ({
           marginBottom: 12,
           padding: 12,
           borderRadius: 6,
-          backgroundColor: T ? "rgba(76, 175, 80, 0.12)" : "rgba(225, 29, 72, 0.06)",
-          border: `1px solid ${T ? "rgba(76,175,80,0.3)" : "rgba(225,29,72,0.12)"}`,
-          color: T ? "var(--reactaform-success-color, #4CAF50)" : "var(--reactaform-error-color, #e11d48)",
+          backgroundColor: z ? "rgba(76, 175, 80, 0.12)" : "rgba(225, 29, 72, 0.06)",
+          border: `1px solid ${z ? "rgba(76,175,80,0.3)" : "rgba(225,29,72,0.12)"}`,
+          color: z ? "var(--reactaform-success-color, #4CAF50)" : "var(--reactaform-error-color, #e11d48)",
           display: "flex",
           alignItems: "center",
           justifyContent: "space-between"
         },
         children: [
-          /* @__PURE__ */ g.jsx("div", { style: { whiteSpace: "pre-wrap", flex: 1 }, children: I }),
+          /* @__PURE__ */ g.jsx("div", { style: { whiteSpace: "pre-wrap", flex: 1 }, children: A }),
           /* @__PURE__ */ g.jsx(
             "button",
             {
               onClick: () => {
-                O(null), L(null);
+                M(null), L(null);
               },
               "aria-label": i("Dismiss"),
               style: {
@@ -4113,23 +4188,23 @@ const _t = ({
       }
     ),
     r && /* @__PURE__ */ g.jsx(
-      er,
+      tr,
       {
         name: P,
-        onChange: (D) => {
-          M(D), O(null), L(null);
+        onChange: (V) => {
+          O(V), M(null), L(null);
         }
       }
     ),
     /* @__PURE__ */ g.jsxs(g.Fragment, { children: [
-      Vt(
+      zt(
         w,
         d,
         x,
         i,
         B,
         U,
-        A,
+        F,
         J,
         ae
       ),
@@ -4169,8 +4244,8 @@ const _t = ({
     )
   ] }) });
 };
-lr();
-const qt = (e, r = !1) => ({
+mr();
+const Bt = (e, r = !1) => ({
   container: {
     padding: "var(--reactaform-space-sm, 8px)",
     margin: "0 auto",
@@ -4211,7 +4286,7 @@ const qt = (e, r = !1) => ({
     lineHeight: "1.2",
     textAlign: "left"
   }
-}), Bt = (e, r = !1) => {
+}), Ht = (e, r = !1) => {
   const n = {
     color: "var(--reactaform-color-text)",
     fontFamily: e?.fontFamily || "var(--reactaform-font-family, inherit)",
@@ -4270,7 +4345,7 @@ const qt = (e, r = !1) => ({
       display: "block"
     }
   };
-}, Ht = ({
+}, Ut = ({
   children: e,
   definitionName: r = "",
   defaultStyle: n,
@@ -4279,36 +4354,36 @@ const qt = (e, r = !1) => ({
   defaultLocalizeName: a = "",
   className: s = "reactaform-container"
 }) => {
-  const i = r, u = a, m = t, l = o, f = G(
+  const i = r, u = a, m = t, l = o, p = G(
     () => n ?? {},
     [n]
-  ), [c, d] = V({}), [b, p] = V({}), [y, x] = V({}), [v, A] = V({});
+  ), [c, d] = D({}), [b, f] = D({}), [y, x] = D({}), [v, F] = D({});
   C(() => {
     let S = !0;
     return (async () => {
       if (l === "en") {
-        S && (d({}), p({}));
+        S && (d({}), f({}));
         return;
       }
       try {
-        const O = await $r(l), T = O.success ? O.translations : {};
-        S && d(T);
-        const L = await Dr(l, u), J = L.success ? L.translations : {};
-        S && p(J);
+        const M = await Dr(l), z = M.success ? M.translations : {};
+        S && d(z);
+        const L = await zr(l, u), J = L.success ? L.translations : {};
+        S && f(J);
       } catch {
-        S && (d({}), p({}));
+        S && (d({}), f({}));
       }
     })(), () => {
       S = !1;
     };
   }, [l, u]), C(() => {
-    A(qt(f, m)), x(Bt(f, m));
-  }, [f, m]);
+    F(Bt(p, m)), x(Ht(p, m));
+  }, [p, m]);
   const R = G(
-    () => Tr(l, c, b),
+    () => Lr(l, c, b),
     [l, c, b]
   ), w = Z(
-    (S, ...I) => R(S, ...I),
+    (S, ...A) => R(S, ...A),
     [R]
   ), j = G(
     () => ({
@@ -4320,18 +4395,18 @@ const qt = (e, r = !1) => ({
       t: w
     }),
     [i, l, m, y, v, w]
-  ), N = f?.height ? { height: "100%" } : void 0;
-  return /* @__PURE__ */ g.jsx(Me.Provider, { value: j, children: /* @__PURE__ */ g.jsx(
+  ), I = p?.height ? { height: "100%" } : void 0;
+  return /* @__PURE__ */ g.jsx(Oe.Provider, { value: j, children: /* @__PURE__ */ g.jsx(
     "div",
     {
       "data-reactaform-theme": m ? "dark" : "light",
       className: s,
-      style: N,
+      style: I,
       children: e
     }
   ) });
 };
-function Ut(e) {
+function Wt(e) {
   if (!e || typeof e != "object") return "Definition must be an object";
   const r = e;
   if (!r.name || typeof r.name != "string") return "Definition must include a 'name' string";
@@ -4346,7 +4421,7 @@ function Ut(e) {
     }
   return null;
 }
-async function an(e, r = {}) {
+async function sn(e, r = {}) {
   const { validateSchema: n = !0 } = r;
   try {
     if (!e || typeof e != "string")
@@ -4364,7 +4439,7 @@ async function an(e, r = {}) {
       };
     }
     if (n) {
-      const a = Ut(t);
+      const a = Wt(t);
       if (a)
         return { success: !1, error: `Schema validation failed: ${a}` };
     }
@@ -4373,7 +4448,7 @@ async function an(e, r = {}) {
     return { success: !1, error: `Unexpected error loading definition: ${o instanceof Error ? o.message : "Unknown error"}` };
   }
 }
-function Wt(e, r) {
+function Yt(e, r) {
   try {
     if (!e)
       return { success: !1, error: "Definition is required" };
@@ -4396,7 +4471,7 @@ function Wt(e, r) {
     };
   }
 }
-function sn(e) {
+function cn(e) {
   try {
     if (!e)
       return { success: !1, error: "Instance data is required" };
@@ -4420,9 +4495,9 @@ function sn(e) {
     };
   }
 }
-lr();
-function Yt(e) {
-  const [r, n] = V(null);
+mr();
+function Jt(e) {
+  const [r, n] = D(null);
   return C(() => {
     const o = document.querySelector("[data-reactaform-theme]");
     if (!o) return;
@@ -4437,7 +4512,7 @@ function Yt(e) {
     return s.observe(t, { attributes: !0, attributeFilter: ["data-reactaform-theme"] }), () => s.disconnect();
   }, [e]), r;
 }
-const cn = ({
+const ln = ({
   definitionData: e,
   instance: r,
   language: n,
@@ -4451,21 +4526,21 @@ const cn = ({
     } catch {
       return null;
     }
-  }, [e]), i = { fontSize: "inherit", fontFamily: "inherit", ...a }, u = Yt(), m = t ?? u === "dark", l = n ?? "en";
+  }, [e]), i = { fontSize: "inherit", fontFamily: "inherit", ...a }, u = Jt(), m = t ?? u === "dark", l = n ?? "en";
   if (C(() => {
     let c = document.getElementById("popup-root");
     c || (c = document.createElement("div"), c.id = "popup-root", document.body.appendChild(c));
   }, []), !s)
     return /* @__PURE__ */ g.jsx("div", { style: { color: "red" }, children: "Error: No form definition provided." });
-  let f = r;
-  if (!f) {
-    const c = Wt(s, s.name);
+  let p = r;
+  if (!p) {
+    const c = Yt(s, s.name);
     if (!c.success || !c.instance)
       return /* @__PURE__ */ g.jsx("div", { style: { color: "red" }, children: "Error: Failed to create instance from definition." });
-    f = c.instance;
+    p = c.instance;
   }
   return /* @__PURE__ */ g.jsx(
-    Ht,
+    Ut,
     {
       definitionName: s.name,
       defaultStyle: i,
@@ -4474,46 +4549,46 @@ const cn = ({
       defaultLocalizeName: s.localization || "",
       className: o,
       children: /* @__PURE__ */ g.jsx(
-        _t,
+        qt,
         {
           definition: s,
-          instance: f
+          instance: p
         }
       )
     }
   );
 };
-function Jt() {
+function Gt() {
   if (!(typeof document > "u") && !document.getElementById("reactaform-styles"))
     try {
       const e = document.createElement("style");
-      e.id = "reactaform-styles", e.textContent = yr, document.head.appendChild(e);
+      e.id = "reactaform-styles", e.textContent = vr, document.head.appendChild(e);
     } catch {
     }
 }
-Jt();
+Gt();
 export {
   $ as CSS_CLASSES,
-  cn as ReactaForm,
-  Ht as ReactaFormProvider,
-  _t as ReactaFormRenderer,
+  ln as ReactaForm,
+  Ut as ReactaFormProvider,
+  qt as ReactaFormRenderer,
   W as StandardFieldLayout,
-  nn as Units,
-  X as combineClasses,
-  Wt as createInstanceFromDefinition,
-  tn as deserializeDefinition,
-  en as deserializeInstance,
-  Mt as getComponent,
-  sn as loadInstance,
-  an as loadJsonDefinition,
-  on as registerComponent,
-  Zt as registerFieldValidationHandler,
-  Xt as registerFormValidationHandler,
-  $t as registerSubmissionHandler,
-  rn as serializeDefinition,
-  Qt as serializeInstance,
-  Sr as useDebouncedCallback,
-  z as useReactaFormContext,
+  on as Units,
+  K as combineClasses,
+  Yt as createInstanceFromDefinition,
+  nn as deserializeDefinition,
+  rn as deserializeInstance,
+  $t as getComponent,
+  cn as loadInstance,
+  sn as loadJsonDefinition,
+  an as registerComponent,
+  Qt as registerFieldValidationHandler,
+  Zt as registerFormValidationHandler,
+  Vt as registerSubmissionHandler,
+  tn as serializeDefinition,
+  en as serializeInstance,
+  jr as useDebouncedCallback,
+  T as useReactaFormContext,
   Y as validateFieldValue,
-  Rr as validateFormValues
+  Nr as validateFormValues
 };