reactaform 1.1.3 → 1.1.5

package/dist/reactaform.es.js

@@ -1,7 +1,6 @@
-import A, { createContext as kr, useContext as Rr, useRef as k, useEffect as C, useCallback as Q, useState as V, useMemo as G, memo as ke } from "react";
-import ze from "react-dom";
-import { List as Er } from "react-window";
-const Nr = `/* ReactaForm CSS Custom Properties (CSS Variables) */\r
+import A, { createContext as br, useContext as yr, useRef as k, useEffect as C, useCallback as Z, useState as T, useMemo as G, memo as ve } from "react";
+import Me from "react-dom";
+const xr = `/* ReactaForm CSS Custom Properties (CSS Variables) */\r
 \r
 /* Default Light Theme */\r
 :root {\r
@@ -288,39 +287,39 @@ const Nr = `/* ReactaForm CSS Custom Properties (CSS Variables) */\r
   \r
 }\r
 `;
-var we = { exports: {} }, ge = {};
-var We;
-function Ir() {
-  if (We) return ge;
-  We = 1;
+var be = { exports: {} }, de = {};
+var qe;
+function vr() {
+  if (qe) return de;
+  qe = 1;
   var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
   function n(o, t, a) {
-    var c = null;
-    if (a !== void 0 && (c = "" + a), t.key !== void 0 && (c = "" + t.key), "key" in t) {
+    var i = null;
+    if (a !== void 0 && (i = "" + a), t.key !== void 0 && (i = "" + t.key), "key" in t) {
       a = {};
-      for (var i in t)
-        i !== "key" && (a[i] = t[i]);
+      for (var s in t)
+        s !== "key" && (a[s] = t[s]);
     } else a = t;
     return t = a.ref, {
       $$typeof: e,
       type: o,
-      key: c,
+      key: i,
       ref: t !== void 0 ? t : null,
       props: a
     };
   }
-  return ge.Fragment = r, ge.jsx = n, ge.jsxs = n, ge;
+  return de.Fragment = r, de.jsx = n, de.jsxs = n, de;
 }
-var he = {};
-var Ye;
-function Ar() {
-  return Ye || (Ye = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(b) {
-      if (b == null) return null;
-      if (typeof b == "function")
-        return b.$$typeof === z ? null : b.displayName || b.name || null;
-      if (typeof b == "string") return b;
-      switch (b) {
+var pe = {};
+var Be;
+function wr() {
+  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 === z ? null : h.displayName || h.name || null;
+      if (typeof h == "string") return h;
+      switch (h) {
         case y:
           return "Fragment";
         case S:
@@ -331,230 +330,230 @@ function Ar() {
           return "Suspense";
         case E:
           return "SuspenseList";
-        case T:
+        case M:
           return "Activity";
       }
-      if (typeof b == "object")
-        switch (typeof b.tag == "number" && console.error(
+      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."
-        ), b.$$typeof) {
+        ), h.$$typeof) {
           case p:
             return "Portal";
-          case F:
-            return b.displayName || "Context";
           case I:
-            return (b._context.displayName || "Context") + ".Consumer";
+            return h.displayName || "Context";
+          case F:
+            return (h._context.displayName || "Context") + ".Consumer";
           case w:
-            var R = b.render;
-            return b = b.displayName, b || (b = R.displayName || R.name || "", b = b !== "" ? "ForwardRef(" + b + ")" : "ForwardRef"), b;
+            var R = h.render;
+            return h = h.displayName, h || (h = R.displayName || R.name || "", h = h !== "" ? "ForwardRef(" + h + ")" : "ForwardRef"), h;
           case v:
-            return R = b.displayName || null, R !== null ? R : e(b.type) || "Memo";
+            return R = h.displayName || null, R !== null ? R : e(h.type) || "Memo";
           case N:
-            R = b._payload, b = b._init;
+            R = h._payload, h = h._init;
             try {
-              return e(b(R));
+              return e(h(R));
             } catch {
             }
         }
       return null;
     }
-    function r(b) {
-      return "" + b;
+    function r(h) {
+      return "" + h;
     }
-    function n(b) {
+    function n(h) {
       try {
-        r(b);
+        r(h);
         var R = !1;
       } catch {
         R = !0;
       }
       if (R) {
         R = console;
-        var q = R.error, P = typeof Symbol == "function" && Symbol.toStringTag && b[Symbol.toStringTag] || b.constructor.name || "Object";
-        return q.call(
+        var B = R.error, U = typeof Symbol == "function" && Symbol.toStringTag && h[Symbol.toStringTag] || h.constructor.name || "Object";
+        return B.call(
           R,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          P
-        ), r(b);
+          U
+        ), r(h);
       }
     }
-    function o(b) {
-      if (b === y) return "<>";
-      if (typeof b == "object" && b !== null && b.$$typeof === N)
+    function o(h) {
+      if (h === y) return "<>";
+      if (typeof h == "object" && h !== null && h.$$typeof === N)
         return "<...>";
       try {
-        var R = e(b);
+        var R = e(h);
         return R ? "<" + R + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function t() {
-      var b = H.A;
-      return b === null ? null : b.getOwner();
+      var h = L.A;
+      return h === null ? null : h.getOwner();
     }
     function a() {
       return Error("react-stack-top-frame");
     }
-    function c(b) {
-      if (J.call(b, "key")) {
-        var R = Object.getOwnPropertyDescriptor(b, "key").get;
+    function i(h) {
+      if (J.call(h, "key")) {
+        var R = Object.getOwnPropertyDescriptor(h, "key").get;
         if (R && R.isReactWarning) return !1;
       }
-      return b.key !== void 0;
+      return h.key !== void 0;
     }
-    function i(b, R) {
-      function q() {
-        oe || (oe = !0, console.error(
+    function s(h, R) {
+      function B() {
+        ue || (ue = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           R
         ));
       }
-      q.isReactWarning = !0, Object.defineProperty(b, "key", {
-        get: q,
+      B.isReactWarning = !0, Object.defineProperty(h, "key", {
+        get: B,
         configurable: !0
       });
     }
-    function m() {
-      var b = e(this.type);
-      return re[b] || (re[b] = !0, console.error(
+    function u() {
+      var h = e(this.type);
+      return Q[h] || (Q[h] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), b = this.props.ref, b !== void 0 ? b : null;
+      )), h = this.props.ref, h !== void 0 ? h : null;
     }
-    function f(b, R, q, P, Z, se) {
-      var B = q.ref;
-      return b = {
-        $$typeof: h,
-        type: b,
+    function m(h, R, B, U, ne, ae) {
+      var _ = B.ref;
+      return h = {
+        $$typeof: b,
+        type: h,
         key: R,
-        props: q,
-        _owner: P
-      }, (B !== void 0 ? B : null) !== null ? Object.defineProperty(b, "ref", {
+        props: B,
+        _owner: U
+      }, (_ !== void 0 ? _ : null) !== null ? Object.defineProperty(h, "ref", {
         enumerable: !1,
-        get: m
-      }) : Object.defineProperty(b, "ref", { enumerable: !1, value: null }), b._store = {}, Object.defineProperty(b._store, "validated", {
+        get: u
+      }) : Object.defineProperty(h, "ref", { enumerable: !1, value: null }), h._store = {}, Object.defineProperty(h._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(b, "_debugInfo", {
+      }), Object.defineProperty(h, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(b, "_debugStack", {
+      }), Object.defineProperty(h, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Z
-      }), Object.defineProperty(b, "_debugTask", {
+        value: ne
+      }), Object.defineProperty(h, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: se
-      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
+        value: ae
+      }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
     }
-    function l(b, R, q, P, Z, se) {
-      var B = R.children;
-      if (B !== void 0)
-        if (P)
-          if (ee(B)) {
-            for (P = 0; P < B.length; P++)
-              d(B[P]);
-            Object.freeze && Object.freeze(B);
+    function l(h, R, B, U, ne, ae) {
+      var _ = R.children;
+      if (_ !== void 0)
+        if (U)
+          if (ce(_)) {
+            for (U = 0; U < _.length; U++)
+              d(_[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 d(B);
+        else d(_);
       if (J.call(R, "key")) {
-        B = e(b);
-        var te = Object.keys(R).filter(function(xe) {
-          return xe !== "key";
+        _ = e(h);
+        var V = Object.keys(R).filter(function(K) {
+          return K !== "key";
         });
-        P = 0 < te.length ? "{key: someKey, " + te.join(": ..., ") + ": ...}" : "{key: someKey}", M[B + P] || (te = 0 < te.length ? "{" + te.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} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          P,
-          B,
-          te,
-          B
-        ), M[B + P] = !0);
+          U,
+          _,
+          V,
+          _
+        ), O[_ + U] = !0);
       }
-      if (B = null, q !== void 0 && (n(q), B = "" + q), c(R) && (n(R.key), B = "" + R.key), "key" in R) {
-        q = {};
-        for (var fe in R)
-          fe !== "key" && (q[fe] = R[fe]);
-      } else q = R;
-      return B && i(
-        q,
-        typeof b == "function" ? b.displayName || b.name || "Unknown" : b
-      ), f(
-        b,
+      if (_ = null, B !== void 0 && (n(B), _ = "" + B), i(R) && (n(R.key), _ = "" + R.key), "key" in R) {
+        B = {};
+        for (var q in R)
+          q !== "key" && (B[q] = R[q]);
+      } else B = R;
+      return _ && s(
+        B,
+        typeof h == "function" ? h.displayName || h.name || "Unknown" : h
+      ), m(
+        h,
+        _,
         B,
-        q,
         t(),
-        Z,
-        se
+        ne,
+        ae
       );
     }
-    function d(b) {
-      s(b) ? b._store && (b._store.validated = 1) : typeof b == "object" && b !== null && b.$$typeof === N && (b._payload.status === "fulfilled" ? s(b._payload.value) && b._payload.value._store && (b._payload.value._store.validated = 1) : b._store && (b._store.validated = 1));
+    function d(h) {
+      c(h) ? h._store && (h._store.validated = 1) : typeof h == "object" && h !== null && h.$$typeof === N && (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 s(b) {
-      return typeof b == "object" && b !== null && b.$$typeof === h;
+    function c(h) {
+      return typeof h == "object" && h !== null && h.$$typeof === b;
     }
-    var u = A, h = Symbol.for("react.transitional.element"), p = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), I = Symbol.for("react.consumer"), F = Symbol.for("react.context"), w = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), T = Symbol.for("react.activity"), z = Symbol.for("react.client.reference"), H = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, ee = Array.isArray, ae = console.createTask ? console.createTask : function() {
+    var f = A, b = Symbol.for("react.transitional.element"), p = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), F = Symbol.for("react.consumer"), I = Symbol.for("react.context"), w = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), M = Symbol.for("react.activity"), z = Symbol.for("react.client.reference"), L = f.__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;
     };
-    u = {
-      react_stack_bottom_frame: function(b) {
-        return b();
+    f = {
+      react_stack_bottom_frame: function(h) {
+        return h();
       }
     };
-    var oe, re = {}, ue = u.react_stack_bottom_frame.bind(
-      u,
+    var ue, Q = {}, oe = f.react_stack_bottom_frame.bind(
+      f,
       a
-    )(), L = ae(o(a)), M = {};
-    he.Fragment = y, he.jsx = function(b, R, q) {
-      var P = 1e4 > H.recentlyCreatedOwnerStacks++;
+    )(), P = re(o(a)), O = {};
+    pe.Fragment = y, pe.jsx = function(h, R, B) {
+      var U = 1e4 > L.recentlyCreatedOwnerStacks++;
       return l(
-        b,
+        h,
         R,
-        q,
+        B,
         !1,
-        P ? Error("react-stack-top-frame") : ue,
-        P ? ae(o(b)) : L
+        U ? Error("react-stack-top-frame") : oe,
+        U ? re(o(h)) : P
       );
-    }, he.jsxs = function(b, R, q) {
-      var P = 1e4 > H.recentlyCreatedOwnerStacks++;
+    }, pe.jsxs = function(h, R, B) {
+      var U = 1e4 > L.recentlyCreatedOwnerStacks++;
       return l(
-        b,
+        h,
         R,
-        q,
+        B,
         !0,
-        P ? Error("react-stack-top-frame") : ue,
-        P ? ae(o(b)) : L
+        U ? Error("react-stack-top-frame") : oe,
+        U ? re(o(h)) : P
       );
     };
-  })()), he;
+  })()), pe;
 }
-var Je;
-function Fr() {
-  return Je || (Je = 1, process.env.NODE_ENV === "production" ? we.exports = Ir() : we.exports = Ar()), we.exports;
+var He;
+function Sr() {
+  return He || (He = 1, process.env.NODE_ENV === "production" ? be.exports = vr() : be.exports = wr()), be.exports;
 }
-var g = Fr();
-const je = kr(void 0), D = () => {
-  const e = Rr(je);
+var g = Sr();
+const Oe = br(void 0), D = () => {
+  const e = yr(Oe);
   if (!e)
     throw new Error("❌ useReactaFormContext must be used within a <ReactaFormProvider>");
   return e;
 };
-class Re {
+class we {
   map = {};
   register(r, n) {
     this.map[r] = n;
@@ -592,8 +591,8 @@ class Re {
     return this.get(r) ?? n;
   }
 }
-function Or(e, r = 300, n) {
-  const o = k(void 0), t = k(e), a = k(null), c = k(!1);
+function Cr(e, r = 300, n) {
+  const o = k(void 0), t = k(e), a = k(null), i = k(!1);
   C(() => {
     t.current = e;
   }, [e]), C(
@@ -602,32 +601,32 @@ function Or(e, r = 300, n) {
     },
     []
   );
-  const i = Q(() => {
-    o.current !== void 0 && (window.clearTimeout(o.current), o.current = void 0), a.current = null, c.current = !1;
-  }, []), m = Q(() => {
+  const s = Z(() => {
+    o.current !== void 0 && (window.clearTimeout(o.current), o.current = void 0), a.current = null, i.current = !1;
+  }, []), u = Z(() => {
     if (o.current !== void 0 && (window.clearTimeout(o.current), o.current = void 0), a.current)
       try {
         t.current(...a.current);
       } finally {
-        a.current = null, c.current = !1;
+        a.current = null, i.current = !1;
       }
   }, []);
-  return { callback: Q(
+  return { callback: Z(
     (...l) => {
-      if (n?.leading === !0 && !c.current) {
-        c.current = !0, t.current(...l), window.clearTimeout(o.current), o.current = window.setTimeout(() => {
-          c.current = !1, o.current = void 0;
+      if (n?.leading === !0 && !i.current) {
+        i.current = !0, t.current(...l), window.clearTimeout(o.current), o.current = window.setTimeout(() => {
+          i.current = !1, o.current = void 0;
         }, r);
         return;
       }
       a.current = l, window.clearTimeout(o.current), o.current = window.setTimeout(() => {
-        o.current = void 0, a.current && (t.current(...a.current), a.current = null, c.current = !1);
+        o.current = void 0, a.current && (t.current(...a.current), a.current = null, i.current = !1);
       }, r);
     },
     [r, n?.leading]
-  ), cancel: i, flush: m };
+  ), cancel: s, flush: u };
 }
-const O = {
+const $ = {
   field: "reactaform-field",
   label: "reactaform-label",
   input: "reactaform-input",
@@ -643,9 +642,9 @@ const O = {
       t && r.push(o);
     }));
   return r.join(" ");
-}, tr = ({ content: e, size: r = "medium", animation: n = !0 }) => {
-  const { t: o, darkMode: t, formStyle: a, fieldStyle: c } = D(), [i, m] = V(!1), [f, l] = V({ x: 0, y: 0 }), [d, s] = V(!1), u = k(null), h = k(null), p = k(null), y = G(() => {
-    const F = {
+}, Ze = ({ content: e, size: r = "medium", animation: n = !0 }) => {
+  const { t: o, darkMode: t, formStyle: a, fieldStyle: i } = D(), [s, u] = T(!1), [m, l] = T({ x: 0, y: 0 }), [d, c] = T(!1), f = k(null), b = k(null), p = k(null), y = G(() => {
+    const I = {
       icon: {
         display: "inline-flex",
         alignItems: "center",
@@ -692,41 +691,41 @@ const O = {
       return (N && z ? z[N] : void 0) ?? {};
     };
     return {
-      icon: { ...F.icon, ...w(a, "tooltip", "icon"), ...w(c, "tooltip", "icon") },
-      text: { ...F.text, ...w(a, "tooltip", "text"), ...w(c, "tooltip", "text") },
-      textVisible: F.textVisible
+      icon: { ...I.icon, ...w(a, "tooltip", "icon"), ...w(i, "tooltip", "icon") },
+      text: { ...I.text, ...w(a, "tooltip", "text"), ...w(i, "tooltip", "text") },
+      textVisible: I.textVisible
     };
-  }, [t, r, n, a, c]);
+  }, [t, r, n, a, i]);
   C(() => {
-    if (i) {
-      const I = requestAnimationFrame(() => s(!1)), F = requestAnimationFrame(() => {
-        if (u.current) {
-          const w = u.current.getBoundingClientRect(), j = 8;
+    if (s) {
+      const F = requestAnimationFrame(() => c(!1)), I = requestAnimationFrame(() => {
+        if (f.current) {
+          const w = f.current.getBoundingClientRect(), j = 8;
           p.current = w;
           const E = w.right + j, v = w.top;
-          l({ x: E, y: v }), s(!0);
+          l({ x: E, y: v }), c(!0);
         }
       });
       return () => {
-        cancelAnimationFrame(F), cancelAnimationFrame(I);
+        cancelAnimationFrame(I), cancelAnimationFrame(F);
       };
     } else
-      requestAnimationFrame(() => s(!1));
-  }, [i]), C(() => {
+      requestAnimationFrame(() => c(!1));
+  }, [s]), C(() => {
     if (!d) return;
-    const I = requestAnimationFrame(() => {
-      if (!h.current) return;
-      const F = h.current.getBoundingClientRect(), w = 8, j = typeof window < "u" ? window.innerWidth : 1024, E = typeof window < "u" ? window.innerHeight : 768;
-      let v = f.x, N = f.y;
-      const T = p.current;
-      T && (v = T.right + w, N = T.top + T.height / 2 - F.height / 2 + -4, v + F.width > j - w && (v = T.left - w - F.width)), v + F.width > j - w && (v = Math.max(w, j - F.width - w)), v < w && (v = w), N + F.height > E - w && (N = Math.max(w, E - F.height - w)), N < w && (N = w), (v !== f.x || N !== f.y) && l({ x: v, y: N });
+    const F = requestAnimationFrame(() => {
+      if (!b.current) return;
+      const I = b.current.getBoundingClientRect(), w = 8, j = typeof window < "u" ? window.innerWidth : 1024, E = typeof window < "u" ? window.innerHeight : 768;
+      let v = m.x, N = m.y;
+      const M = p.current;
+      M && (v = M.right + w, N = M.top + M.height / 2 - I.height / 2 + -4, v + I.width > j - w && (v = M.left - w - I.width)), v + I.width > j - w && (v = Math.max(w, j - I.width - w)), v < w && (v = w), N + I.height > E - w && (N = Math.max(w, E - I.height - w)), N < w && (N = w), (v !== m.x || N !== m.y) && l({ x: v, y: N });
     });
-    return () => cancelAnimationFrame(I);
-  }, [d, f.x, f.y]);
+    return () => cancelAnimationFrame(F);
+  }, [d, m.x, m.y]);
   const x = typeof document < "u" ? document.getElementById("popup-root") : null, S = /* @__PURE__ */ g.jsx(
     "div",
     {
-      ref: h,
+      ref: b,
       style: {
         ...y.text,
         transform: d ? "translateY(0) scale(1)" : "translateY(-4px) scale(0.98)",
@@ -734,8 +733,8 @@ const O = {
         width: 240,
         // When positioned is true, apply the visible styles
         ...d ? y.textVisible : {},
-        top: f.y,
-        left: f.x
+        top: m.y,
+        left: m.x
       },
       "data-reactaform-theme": t ? "dark" : "light",
       children: o(e)
@@ -746,18 +745,18 @@ const O = {
       "span",
       {
         "data-testid": "tooltip-icon",
-        ref: u,
-        onMouseEnter: () => m(!0),
-        onMouseLeave: () => m(!1),
+        ref: f,
+        onMouseEnter: () => u(!0),
+        onMouseLeave: () => u(!1),
         style: {
           ...y.icon
         },
         children: "?"
       }
     ),
-    i && (x ? ze.createPortal(S, x) : S)
+    s && (x ? Me.createPortal(S, x) : S)
   ] });
-}, Fe = ke(({
+}, Re = ve(({
   field: e,
   error: r,
   children: n,
@@ -767,7 +766,7 @@ const O = {
   return /* @__PURE__ */ g.jsxs(
     "div",
     {
-      className: `${O.field} column-layout`,
+      className: `${$.field} column-layout`,
       style: {
         display: "flex",
         flexDirection: "column",
@@ -778,7 +777,7 @@ const O = {
         o && /* @__PURE__ */ g.jsx("div", { style: { textAlign: a, width: "100%" }, children: /* @__PURE__ */ g.jsx(
           "label",
           {
-            className: O.label,
+            className: $.label,
             htmlFor: e.name,
             style: {
               textAlign: a,
@@ -800,17 +799,17 @@ const O = {
             },
             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(tr, { content: e.tooltip })
+              e.tooltip && /* @__PURE__ */ g.jsx(Ze, { content: e.tooltip })
             ]
           }
         ),
-        r && /* @__PURE__ */ g.jsx(De, { children: r })
+        r && /* @__PURE__ */ g.jsx($e, { children: r })
       ]
     }
   );
 });
-Fe.displayName = "ColumnFieldLayout";
-const nr = ke(({
+Re.displayName = "ColumnFieldLayout";
+const Qe = ve(({
   field: e,
   error: r,
   children: n,
@@ -820,24 +819,24 @@ const nr = ke(({
     display: "flex",
     flexDirection: "column",
     gap: 0
-  }), []), c = G(() => ({
+  }), []), i = G(() => ({
     display: "flex",
     flexDirection: "row",
     alignItems: "center",
     gap: "3px"
   }), []);
-  return /* @__PURE__ */ g.jsxs("div", { className: `${O.field} row-layout`, children: [
+  return /* @__PURE__ */ g.jsxs("div", { className: `${$.field} row-layout`, children: [
     /* @__PURE__ */ g.jsx(
       "label",
       {
-        className: O.label,
+        className: $.label,
         htmlFor: e.name,
         style: { textAlign: "left", justifyContent: "flex-start" },
         children: t(e.displayName)
       }
     ),
     /* @__PURE__ */ g.jsxs("div", { style: a, children: [
-      /* @__PURE__ */ g.jsxs("div", { style: c, children: [
+      /* @__PURE__ */ g.jsxs("div", { style: i, children: [
         o ? /* @__PURE__ */ g.jsx(
           "div",
           {
@@ -851,19 +850,19 @@ const nr = ke(({
             children: n
           }
         ) : n,
-        e.tooltip && /* @__PURE__ */ g.jsx(tr, { content: e.tooltip })
+        e.tooltip && /* @__PURE__ */ g.jsx(Ze, { content: e.tooltip })
       ] }),
-      r && /* @__PURE__ */ g.jsx(De, { children: r })
+      r && /* @__PURE__ */ g.jsx($e, { children: r })
     ] })
   ] });
 });
-nr.displayName = "RowFieldLayout";
+Qe.displayName = "RowFieldLayout";
 const W = ({
   field: e,
   error: r,
   children: n,
   rightAlign: o = !1
-}) => e?.labelLayout === "column-left" || e?.labelLayout === "column-center" ? /* @__PURE__ */ g.jsx(Fe, { field: e, error: r, showLabel: !0, children: n }) : e?.type === "checkbox" || e?.type === "switch" ? /* @__PURE__ */ g.jsx(Fe, { field: e, error: r, showLabel: !1, children: n }) : /* @__PURE__ */ g.jsx(nr, { field: e, error: r, rightAlign: o, children: n }), De = ke(({ 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(Qe, { field: e, error: r, rightAlign: o, children: n }), $e = ve(({ children: e }) => {
   const r = G(() => ({
     color: "var(--reactaform-error-color)",
     fontSize: "13px",
@@ -876,8 +875,8 @@ const W = ({
   }), []);
   return /* @__PURE__ */ g.jsx("div", { style: r, children: e });
 });
-De.displayName = "ErrorDiv";
-const or = ke(({ name: e, onChange: r }) => {
+$e.displayName = "ErrorDiv";
+const er = ve(({ name: e, onChange: r }) => {
   const { t: n } = D();
   return /* @__PURE__ */ g.jsxs("div", { style: { marginBottom: 16 }, children: [
     /* @__PURE__ */ g.jsxs("div", { style: { display: "grid", gridTemplateColumns: "1fr 2fr", gap: 12, alignItems: "center" }, children: [
@@ -918,8 +917,8 @@ const or = ke(({ name: e, onChange: r }) => {
     /* @__PURE__ */ g.jsx("div", { style: { height: "1px", backgroundColor: "var(--reactaform-separator, #e6e6e6)", marginTop: 12, marginBottom: 12 } })
   ] });
 });
-or.displayName = "InstanceName";
-class Mr extends Re {
+er.displayName = "InstanceName";
+class jr extends we {
   registerInCategory(r, n, o) {
     this.get(r) || this.register(r, {});
     const t = this.get(r);
@@ -935,112 +934,112 @@ class Mr extends Re {
     return this.list();
   }
 }
-const ar = new Re(), sr = new Mr();
-function sn(e, r) {
-  ar.register(e, r);
+const rr = new we(), tr = new jr();
+function Xt(e, r) {
+  rr.register(e, r);
 }
-function cn(e, r, n) {
-  sr.registerInCategory(e, r, n);
+function Zt(e, r, n) {
+  tr.registerInCategory(e, r, n);
 }
-function $r(e, r) {
-  return sr.getFromCategory(e, r) || null;
+function kr(e, r) {
+  return tr.getFromCategory(e, r) || null;
 }
-function Vr(e) {
-  return ar.get(e) || null;
+function Rr(e) {
+  return rr.get(e) || null;
 }
-const Ne = /* @__PURE__ */ new Map(), Ie = /* @__PURE__ */ new Map();
+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 (!Ne.has(t)) {
-      const c = $r(e, r.validationHandlerName);
-      Ne.set(t, c);
+    if (!Ce.has(t)) {
+      const i = kr(e, r.validationHandlerName);
+      Ce.set(t, i);
     }
-    const a = Ne.get(t);
+    const a = Ce.get(t);
     if (a)
       return a(n, o) || null;
   }
   return null;
 }
-function Tr(e, r, n) {
+function Er(e, r, n) {
   if (e && typeof e.validationHandlerName == "string") {
     const o = e.validationHandlerName;
-    if (!Ie.has(o)) {
-      const a = Vr(o);
-      Ie.set(o, a);
+    if (!je.has(o)) {
+      const a = Rr(o);
+      je.set(o, a);
     }
-    const t = Ie.get(o);
+    const t = je.get(o);
     if (t)
       return t(r, n) || null;
   }
   return null;
 }
-function le(e) {
+function ie(e) {
   return typeof e == "object" && e !== null;
 }
-function Le(e) {
-  if (!le(e)) return !1;
+function Ve(e) {
+  if (!ie(e)) return !1;
   const r = e;
   return typeof r.name == "string" && typeof r.displayName == "string";
 }
-function ir(e) {
-  if (!le(e)) return !1;
+function nr(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) => Le(n));
+  return typeof r.name != "string" || typeof r.version != "string" || !Array.isArray(r.properties) ? !1 : r.properties.every((n) => Ve(n));
 }
-function Oe(e) {
+function Ee(e) {
   try {
     return typeof File < "u" && e instanceof File;
   } catch {
-    const r = le(e) ? e : void 0;
+    const r = ie(e) ? e : void 0;
     return !!r && typeof r.name == "string" && typeof r.size == "number";
   }
 }
-function ln(e, r, n = {}) {
+function Qt(e, r, n = {}) {
   try {
     const {
       includeMetadata: o = !1,
       dateFormat: t = "iso",
       fileHandling: a = "metadata",
-      prettify: c = !1,
-      excludeFields: i = [],
-      includeOnlyFields: m = []
+      prettify: i = !1,
+      excludeFields: s = [],
+      includeOnlyFields: u = []
     } = n;
     if (!e || typeof e != "object")
       return {
         success: !1,
         error: "Instance must be a valid object"
       };
-    const f = [], l = [], d = {}, u = (ir(r) || le(r) && Array.isArray(r.properties) ? r.properties : []).filter(Le), h = new Map(u.map((y) => [y.name, y]));
+    const m = [], l = [], d = {}, f = (nr(r) || ie(r) && Array.isArray(r.properties) ? r.properties : []).filter(Ve), b = new Map(f.map((y) => [y.name, y]));
     for (const [y, x] of Object.entries(e)) {
-      if (i.includes(y)) {
+      if (s.includes(y)) {
         l.push(y);
         continue;
       }
-      if (m.length > 0 && !m.includes(y)) {
+      if (u.length > 0 && !u.includes(y)) {
         l.push(y);
         continue;
       }
       if (x === void 0) continue;
-      const S = h.get(y);
+      const S = b.get(y);
       try {
-        d[y] = zr(x, S, { dateFormat: t, fileHandling: a });
-      } catch (I) {
-        f.push(`Error serializing field '${y}': ${String(I)}`), d[y] = null;
+        d[y] = Nr(x, S, { dateFormat: t, fileHandling: a });
+      } catch (F) {
+        m.push(`Error serializing field '${y}': ${String(F)}`), d[y] = null;
       }
     }
     return o && (d._metadata = {
       serializedAt: (/* @__PURE__ */ new Date()).toISOString(),
-      version: (le(r) ? r.version : void 0) || "1.0.0",
+      version: (ie(r) ? r.version : void 0) || "1.0.0",
       fieldCount: Object.keys(d).length - 1
       // Exclude metadata itself
     }), {
       success: !0,
-      data: c ? JSON.stringify(d, null, 2) : JSON.stringify(d),
+      data: i ? JSON.stringify(d, null, 2) : JSON.stringify(d),
       metadata: {
         fieldCount: Object.keys(d).length,
         excludedFields: l,
-        warnings: f
+        warnings: m
       }
     };
   } catch (o) {
@@ -1050,7 +1049,7 @@ function ln(e, r, n = {}) {
     };
   }
 }
-function zr(e, r, n = {}) {
+function Nr(e, r, n = {}) {
   const { dateFormat: o = "iso", fileHandling: t = "metadata" } = n;
   if (e == null)
     return null;
@@ -1059,9 +1058,9 @@ function zr(e, r, n = {}) {
       case "date":
       case "datetime":
       case "date-time":
-        return Ge(e, o);
+        return Ue(e, o);
       case "file":
-        return Ke(e, t);
+        return We(e, t);
       case "int":
       case "integer":
         return typeof e == "string" ? parseInt(e, 10) : e;
@@ -1076,9 +1075,9 @@ function zr(e, r, n = {}) {
       default:
         return e;
     }
-  return e instanceof Date ? Ge(e, o) : Oe(e) || Array.isArray(e) && Oe(e[0]) ? Ke(e, t) : e;
+  return e instanceof Date ? Ue(e, o) : Ee(e) || Array.isArray(e) && Ee(e[0]) ? We(e, t) : e;
 }
-function Ge(e, r) {
+function Ue(e, r) {
   let n = null;
   if (e instanceof Date)
     n = e;
@@ -1100,11 +1099,11 @@ function Ge(e, r) {
       return n.toISOString();
   }
 }
-function Ke(e, r) {
-  return r === "skip" ? null : Array.isArray(e) ? e.map((n) => Xe(n, r)) : Xe(e, r);
+function We(e, r) {
+  return r === "skip" ? null : Array.isArray(e) ? e.map((n) => Ye(n, r)) : Ye(e, r);
 }
-function Xe(e, r) {
-  if (!Oe(e))
+function Ye(e, r) {
+  if (!Ee(e))
     return e;
   const n = e;
   return r === "metadata" ? {
@@ -1120,56 +1119,56 @@ function Xe(e, r) {
     _note: "Base64 encoding requires async implementation"
   };
 }
-function un(e, r, n = {}) {
+function en(e, r, n = {}) {
   try {
     const {
       strict: o = !1,
       validateTypes: t = !0,
       preserveUnknownFields: a = !0,
-      dateFormat: c = "auto"
+      dateFormat: i = "auto"
     } = n;
     if (!e || typeof e != "string")
       return {
         success: !1,
         error: "Serialized data must be a non-empty string"
       };
-    let i;
+    let s;
     try {
-      i = JSON.parse(e);
+      s = JSON.parse(e);
     } catch (p) {
       return {
         success: !1,
         error: `Invalid JSON: ${p instanceof Error ? p.message : "Unknown parsing error"}`
       };
     }
-    if (!i || typeof i != "object")
+    if (!s || typeof s != "object")
       return {
         success: !1,
         error: "Parsed data must be an object"
       };
-    const m = [], f = [], l = {}, s = (ir(r) || le(r) && Array.isArray(r.properties) ? r.properties : []).filter(Le), u = new Map(s.map((p) => [p.name, p]));
-    for (const p of s) {
-      const y = p.name, x = i[y];
+    const u = [], m = [], l = {}, c = (nr(r) || ie(r) && Array.isArray(r.properties) ? r.properties : []).filter(Ve), f = new Map(c.map((p) => [p.name, p]));
+    for (const p of c) {
+      const y = p.name, x = s[y];
       if (x === void 0) {
-        o && p.required && f.push(`Required field '${y}' is missing`);
+        o && p.required && m.push(`Required field '${y}' is missing`);
         continue;
       }
       try {
-        l[y] = Dr(x, p, { validateTypes: t, dateFormat: c });
+        l[y] = Ir(x, p, { validateTypes: t, dateFormat: i });
       } catch (S) {
-        const I = `Error deserializing field '${y}': ${String(S)}`;
-        o ? f.push(I) : (m.push(I), l[y] = x);
+        const F = `Error deserializing field '${y}': ${String(S)}`;
+        o ? m.push(F) : (u.push(F), l[y] = x);
       }
     }
     if (a)
-      for (const [p, y] of Object.entries(i))
-        !u.has(p) && p !== "_metadata" && (o && m.push(`Unknown field '${p}' preserved`), l[p] = y);
-    const h = f.length > 0;
+      for (const [p, y] of Object.entries(s))
+        !f.has(p) && p !== "_metadata" && (o && u.push(`Unknown field '${p}' preserved`), l[p] = y);
+    const b = m.length > 0;
     return {
-      success: !h,
+      success: !b,
       data: l,
-      warnings: m.length > 0 ? m : void 0,
-      validationErrors: h ? f : void 0
+      warnings: u.length > 0 ? u : void 0,
+      validationErrors: b ? m : void 0
     };
   } catch (o) {
     return {
@@ -1178,7 +1177,7 @@ function un(e, r, n = {}) {
     };
   }
 }
-function Dr(e, r, n = {}) {
+function Ir(e, r, n = {}) {
   const { validateTypes: o = !0, dateFormat: t = "auto" } = n;
   if (e == null)
     return e;
@@ -1187,19 +1186,19 @@ function Dr(e, r, n = {}) {
       case "date":
       case "datetime":
       case "date-time":
-        return Lr(e, t, o);
+        return Ar(e, t, o);
       case "int":
       case "integer":
-        return Me(e, o);
+        return Ne(e, o);
       case "float":
       case "number":
-        return $e(e, o);
+        return Ie(e, o);
       case "boolean":
-        return Pr(e, o);
+        return Fr(e, o);
       case "int-array":
-        return Ze(e, "integer", o);
+        return Je(e, "integer", o);
       case "float-array":
-        return Ze(e, "number", o);
+        return Je(e, "number", o);
       case "string":
       case "text":
       case "email":
@@ -1215,7 +1214,7 @@ function Dr(e, r, n = {}) {
     return e;
   }
 }
-function mn(e, r = {}) {
+function rn(e, r = {}) {
   try {
     const { prettify: n = !0, includeMetadata: o = !0 } = r;
     if (!e || typeof e != "object")
@@ -1244,7 +1243,7 @@ function mn(e, r = {}) {
     };
   }
 }
-function fn(e, r = {}) {
+function tn(e, r = {}) {
   try {
     const { strict: n = !1, validateTypes: o = !0 } = r;
     let t;
@@ -1264,11 +1263,11 @@ function fn(e, r = {}) {
         success: !1,
         error: "Input must be a string or object"
       };
-    const a = [], c = [], i = ["name", "version", "displayName"];
-    for (const l of i)
+    const a = [], i = [], s = ["name", "version", "displayName"];
+    for (const l of s)
       if (!t[l])
         if (n)
-          c.push(`Required field '${l}' is missing`);
+          i.push(`Required field '${l}' is missing`);
         else
           switch (a.push(`Missing field '${l}', using default`), l) {
             case "name":
@@ -1281,21 +1280,21 @@ function fn(e, r = {}) {
               t.displayName = t.name || "Unnamed Definition";
               break;
           }
-    const m = Array.isArray(t.properties) ? t.properties : null;
-    m ? t.properties = m.map((l, d) => {
-      const s = le(l) ? l : {}, u = { ...s };
-      if (!s.name) {
-        const h = `Property at index ${d} missing 'name'`;
-        n ? c.push(h) : (a.push(`${h}, using 'field_${d}'`), u.name = `field_${d}`);
+    const u = Array.isArray(t.properties) ? t.properties : null;
+    u ? t.properties = u.map((l, d) => {
+      const c = ie(l) ? l : {}, f = { ...c };
+      if (!c.name) {
+        const b = `Property at index ${d} missing 'name'`;
+        n ? i.push(b) : (a.push(`${b}, using 'field_${d}'`), f.name = `field_${d}`);
       }
-      return s.displayName || (u.displayName = s.name || `Field ${d}`), s.type || (n && o ? c.push(`Property '${s.name || d}' missing 'type'`) : (a.push(`Property '${s.name || d}' missing 'type', using 'string'`), u.type = "string")), s.defaultValue === void 0 && (u.defaultValue = null), s.required === void 0 && (u.required = !1), u;
-    }) : n ? c.push("Properties must be an array") : (a.push("Properties not found or invalid, using empty array"), t.properties = []);
-    const f = c.length > 0;
+      return c.displayName || (f.displayName = c.name || `Field ${d}`), c.type || (n && o ? i.push(`Property '${c.name || d}' missing 'type'`) : (a.push(`Property '${c.name || d}' missing 'type', using 'string'`), f.type = "string")), c.defaultValue === void 0 && (f.defaultValue = null), c.required === void 0 && (f.required = !1), f;
+    }) : n ? i.push("Properties must be an array") : (a.push("Properties not found or invalid, using empty array"), t.properties = []);
+    const m = i.length > 0;
     return {
-      success: !f,
+      success: !m,
       data: t,
       warnings: a.length > 0 ? a : void 0,
-      validationErrors: f ? c : void 0
+      validationErrors: m ? i : void 0
     };
   } catch (n) {
     return {
@@ -1304,7 +1303,7 @@ function fn(e, r = {}) {
     };
   }
 }
-function Lr(e, r, n) {
+function Ar(e, r, n) {
   if (e instanceof Date)
     return e;
   if (typeof e == "number") {
@@ -1323,7 +1322,7 @@ function Lr(e, r, n) {
     throw new Error(`Cannot convert ${typeof e} to Date`);
   return e;
 }
-function Me(e, r) {
+function Ne(e, r) {
   if (typeof e == "number" && Number.isInteger(e))
     return e;
   if (typeof e == "string" && e.trim() !== "") {
@@ -1336,7 +1335,7 @@ function Me(e, r) {
     throw new Error(`Cannot convert ${typeof e} to integer`);
   return e;
 }
-function $e(e, r) {
+function Ie(e, r) {
   if (typeof e == "number")
     return e;
   if (typeof e == "string" && e.trim() !== "") {
@@ -1349,7 +1348,7 @@ function $e(e, r) {
     throw new Error(`Cannot convert ${typeof e} to number`);
   return e;
 }
-function Pr(e, r) {
+function Fr(e, r) {
   if (typeof e == "boolean")
     return e;
   if (typeof e == "string") {
@@ -1365,17 +1364,17 @@ function Pr(e, r) {
     throw new Error(`Cannot convert ${typeof e} to boolean`);
   return e;
 }
-function Ze(e, r, n) {
+function Je(e, r, n) {
   if (!Array.isArray(e)) {
     if (typeof e == "string")
-      return e.split(",").map((t) => t.trim()).filter(Boolean).map((t) => r === "integer" ? Me(t, n) : $e(t, n));
+      return e.split(",").map((t) => t.trim()).filter(Boolean).map((t) => r === "integer" ? Ne(t, n) : Ie(t, n));
     if (n)
       throw new Error(`Expected array, got ${typeof e}`);
     return e;
   }
   return e.map((o, t) => {
     try {
-      return r === "integer" ? Me(o, n) : $e(o, n);
+      return r === "integer" ? Ne(o, n) : Ie(o, n);
     } catch (a) {
       if (n)
         throw new Error(`Array element ${t}: ${a}`);
@@ -1383,46 +1382,46 @@ function Ze(e, r, n) {
     }
   });
 }
-const _r = (e, r) => {
+const Mr = (e, r) => {
   const n = /* @__PURE__ */ new Map();
   let o = null, t = null, a = 0;
-  for (const c of e) {
-    const i = c.group;
-    if (!i) {
+  for (const i of e) {
+    const s = i.group;
+    if (!s) {
       o = null, t = null;
       continue;
     }
-    if (i === o)
-      r[c.name].group = t ?? i;
+    if (s === o)
+      r[i.name].group = t ?? s;
     else {
-      if (!n.has(i))
-        n.set(i, 1), t = null, r[c.name].group = i;
+      if (!n.has(s))
+        n.set(s, 1), t = null, r[i.name].group = s;
       else {
-        const m = n.get(i), f = `${i}(${m})`;
-        n.set(i, m + 1), t = f, r[c.name].group = f, a++;
+        const u = n.get(s), m = `${s}(${u})`;
+        n.set(s, u + 1), t = m, r[i.name].group = m, a++;
       }
-      o = i;
+      o = s;
     }
   }
   return a;
-}, cr = (e, r = {}) => {
+}, Or = (e, r = {}) => {
   const { includeEmpty: n = !0 } = r, o = [];
-  let t = null, a = [], c = 0;
-  for (const m of e) {
-    const f = m.group || null;
-    f !== t ? ((a.length > 0 || n) && (a.length === 0 && c++, o.push({ name: t, fields: a })), t = f, a = [m]) : a.push(m);
+  let t = null, a = [], i = 0;
+  for (const u of e) {
+    const m = u.group || null;
+    m !== t ? ((a.length > 0 || n) && (a.length === 0 && i++, o.push({ name: t, fields: a })), t = m, a = [u]) : a.push(u);
   }
-  (a.length > 0 || n) && (a.length === 0 && c++, o.push({ name: t, fields: a }));
-  const i = Math.max(0, ...o.map((m) => m.fields.length));
+  (a.length > 0 || n) && (a.length === 0 && i++, o.push({ name: t, fields: a }));
+  const s = Math.max(0, ...o.map((u) => u.fields.length));
   return {
     groups: o,
     metadata: {
       totalGroups: o.length,
-      emptyGroups: c,
-      largestGroup: i
+      emptyGroups: i,
+      largestGroup: s
     }
   };
-}, Ae = /* @__PURE__ */ new Map(), Se = /* @__PURE__ */ new Map(), ce = /* @__PURE__ */ new Set(), Ve = /* @__PURE__ */ new Map(), qr = async (e) => {
+}, ke = /* @__PURE__ */ new Map(), ye = /* @__PURE__ */ new Map(), se = /* @__PURE__ */ new Set(), Ae = /* @__PURE__ */ new Map(), $r = async (e) => {
   try {
     let r;
     switch (e.toLowerCase()) {
@@ -1456,25 +1455,25 @@ const _r = (e, r) => {
       error: `Failed to load common translations for ${e}: ${r}`
     };
   }
-}, Br = async (e) => {
+}, Vr = async (e) => {
   if (!e)
     return { success: !1, translations: {}, error: "Language is required" };
   const r = e.toLowerCase();
   if (r === "en")
     return { success: !0, translations: {}, fromCache: !1 };
-  if (Ae.has(r))
+  if (ke.has(r))
     return {
       success: !0,
-      translations: Ae.get(r) || {},
+      translations: ke.get(r) || {},
       fromCache: !0
     };
-  const n = await qr(r);
-  return n.success && (Ae.set(r, n.translations), Ve.set(r, {
+  const n = await $r(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;
-}, Hr = async (e, r) => {
+}, Tr = async (e, r) => {
   if (!e || !r)
     return {
       success: !1,
@@ -1482,17 +1481,17 @@ const _r = (e, r) => {
       error: "Both language and localizeName are required"
     };
   const n = `${e.toLowerCase()}/${r}`;
-  if (ce.has(n))
+  if (se.has(n))
     return {
       success: !1,
       translations: {},
       error: "Previously failed to load",
       fromCache: !0
     };
-  if (Se.has(n))
+  if (ye.has(n))
     return {
       success: !0,
-      translations: Se.get(n) || {},
+      translations: ye.get(n) || {},
       fromCache: !0
     };
   try {
@@ -1500,8 +1499,8 @@ const _r = (e, r) => {
     !r.includes("/") && !r.includes(".") && (o = `/locales/${e}/${r}.json`);
     const t = await fetch(o);
     if (!t.ok) {
-      const f = `HTTP ${t.status}: ${t.statusText}`;
-      return t.status === 404 ? (Se.set(n, {}), Ve.set(n, {
+      const m = `HTTP ${t.status}: ${t.statusText}`;
+      return t.status === 404 ? (ye.set(n, {}), Ae.set(n, {
         loadedAt: /* @__PURE__ */ new Date(),
         size: 0,
         source: "user"
@@ -1509,69 +1508,69 @@ const _r = (e, r) => {
         success: !0,
         translations: {},
         fromCache: !1
-      }) : (ce.add(n), {
+      }) : (se.add(n), {
         success: !1,
         translations: {},
-        error: f
+        error: m
       });
     }
     const a = t.headers.get("content-type") || "";
-    !a.includes("application/json") && !a.includes("text/json") && lr() && console.warn(
+    !a.includes("application/json") && !a.includes("text/json") && or() && console.warn(
       `Translation file at ${o} has unexpected content-type: ${a}`
     );
-    const c = await t.text();
-    if (!c) {
-      const f = "Empty translation file";
-      return ce.add(n), { success: !1, translations: {}, error: f };
+    const i = await t.text();
+    if (!i) {
+      const m = "Empty translation file";
+      return se.add(n), { success: !1, translations: {}, error: m };
     }
-    let i;
+    let s;
     try {
-      i = JSON.parse(c);
-    } catch (f) {
-      const l = `Invalid JSON in translation file: ${f instanceof Error ? f.message : String(f)}`;
-      return ce.add(n), { success: !1, translations: {}, error: l };
+      s = JSON.parse(i);
+    } catch (m) {
+      const l = `Invalid JSON in translation file: ${m instanceof Error ? m.message : String(m)}`;
+      return se.add(n), { success: !1, translations: {}, error: l };
     }
-    if (!i || typeof i != "object") {
-      const f = "Invalid translation file format";
-      return ce.add(n), {
+    if (!s || typeof s != "object") {
+      const m = "Invalid translation file format";
+      return se.add(n), {
         success: !1,
         translations: {},
-        error: f
+        error: m
       };
     }
-    const m = Object.fromEntries(
-      Object.entries(i).map(([f, l]) => [
-        f,
+    const u = Object.fromEntries(
+      Object.entries(s).map(([m, l]) => [
+        m,
         typeof l == "string" ? l : String(l)
       ])
     );
-    if (!m || typeof m != "object") {
-      const f = "Invalid translation file format";
-      return ce.add(n), {
+    if (!u || typeof u != "object") {
+      const m = "Invalid translation file format";
+      return se.add(n), {
         success: !1,
         translations: {},
-        error: f
+        error: m
       };
     }
-    return Se.set(n, m), Ve.set(n, {
+    return ye.set(n, u), Ae.set(n, {
       loadedAt: /* @__PURE__ */ new Date(),
-      size: Object.keys(m).length,
+      size: Object.keys(u).length,
       source: "user"
     }), {
       success: !0,
-      translations: m,
+      translations: u,
       fromCache: !1
     };
   } catch (o) {
     const t = `Failed to load user translations: ${o instanceof Error ? o.message : "Unknown error"}`;
-    return ce.add(n), {
+    return se.add(n), {
       success: !1,
       translations: {},
       error: t
     };
   }
 };
-function lr() {
+function or() {
   try {
     if (typeof process < "u" && process?.env?.NODE_ENV === "development")
       return !0;
@@ -1579,7 +1578,7 @@ function lr() {
   }
   return !1;
 }
-function Ur(e, r) {
+function zr(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)
@@ -1591,12 +1590,12 @@ function Ur(e, r) {
     }
   });
 }
-const Wr = (e, r, n) => (o, ...t) => {
-  let a = o, c = !1;
-  return !o || typeof o != "string" ? String(o || "") : (e.toLowerCase() === "en" ? (a = o, c = !0) : Object.prototype.hasOwnProperty.call(n, o) ? (a = n[o], c = !0) : Object.prototype.hasOwnProperty.call(r, o) ? (a = r[o], c = !0) : a = o, a = Ur(a, t), !c && lr() && console.debug(
+const Dr = (e, r, n) => (o, ...t) => {
+  let a = o, i = !1;
+  return !o || typeof o != "string" ? String(o || "") : (e.toLowerCase() === "en" ? (a = o, i = !0) : Object.prototype.hasOwnProperty.call(n, o) ? (a = n[o], i = !0) : Object.prototype.hasOwnProperty.call(r, o) ? (a = r[o], i = !0) : a = o, a = zr(a, t), !i && or() && console.debug(
     `Missing translation for "${o}" in language "${e}"`
   ), a);
-}, Pe = {
+}, Te = {
   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"],
@@ -1604,7 +1603,7 @@ const Wr = (e, r, n) => (o, ...t) => {
   time: ["min", "s", "h", "ms", "d"],
   temperature: ["C", "F", "K"],
   angle: ["deg", "rad", "rev"]
-}, _e = {
+}, ze = {
   length: {
     m: "Meter (m)",
     mm: "Millimeter (mm)",
@@ -1658,7 +1657,7 @@ const Wr = (e, r, n) => (o, ...t) => {
     rad: "Radian (rad)",
     rev: "Revolution (rev)"
   }
-}, qe = {
+}, De = {
   length: {
     mm: 1e3,
     cm: 100,
@@ -1713,61 +1712,61 @@ const Wr = (e, r, n) => (o, ...t) => {
     rad: Math.PI / 180,
     rev: 1 / 360
   }
-}, Be = {}, Yr = /* @__PURE__ */ new Set([
-  ...Object.keys(Pe),
-  ...Object.keys(_e),
-  ...Object.keys(qe)
+}, Le = {}, Lr = /* @__PURE__ */ new Set([
+  ...Object.keys(Te),
+  ...Object.keys(ze),
+  ...Object.keys(De)
 ]);
-for (const e of Yr) {
-  const r = {}, n = Pe[e] ?? [], o = _e[e] ?? {}, t = qe[e] ?? {};
+for (const e of Lr) {
+  const r = {}, n = Te[e] ?? [], o = ze[e] ?? {}, t = De[e] ?? {};
   for (const a of n) {
-    const c = o[a];
+    const i = o[a];
     r[a] = {
-      name: typeof c == "string" ? c : String(a),
+      name: typeof i == "string" ? i : String(a),
       shortName: a,
       factor: Object.prototype.hasOwnProperty.call(t, a) ? t[a] : void 0
     };
   }
-  for (const [a, c] of Object.entries(o))
+  for (const [a, i] of Object.entries(o))
     if (!r[a]) {
-      const i = typeof c == "string" ? c : String(a);
-      r[a] = { name: i, shortName: a, factor: Object.prototype.hasOwnProperty.call(t, a) ? t[a] : void 0 };
+      const s = typeof i == "string" ? i : String(a);
+      r[a] = { name: s, shortName: a, factor: Object.prototype.hasOwnProperty.call(t, a) ? t[a] : void 0 };
     }
-  for (const [a, c] of Object.entries(t))
-    r[a] || (r[a] = { name: String(a), shortName: String(a), factor: c });
-  Be[e] = r;
+  for (const [a, i] of Object.entries(t))
+    r[a] || (r[a] = { name: String(a), shortName: String(a), factor: i });
+  Le[e] = r;
 }
-const dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  dimensionUnitDisplayMap: _e,
-  dimensionUnitsMap: Pe,
-  dimensonUnitFactorsMap: qe,
-  unitsByDimension: Be
-}, Symbol.toStringTag, { value: "Module" })), Jr = ({
+  dimensionUnitDisplayMap: ze,
+  dimensionUnitsMap: Te,
+  dimensonUnitFactorsMap: De,
+  unitsByDimension: Le
+}, Symbol.toStringTag, { value: "Module" })), Pr = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { definitionName: t, t: a } = D(), c = k(o);
+  const { definitionName: t, t: a } = D(), i = k(o);
   C(() => {
-    c.current = o;
+    i.current = o;
   }, [o]), C(() => {
     const l = Y(t, e, r ?? !1, a);
-    c.current?.(l ?? null);
+    i.current?.(l ?? null);
   }, [r, e, t, a]);
-  const i = (l) => {
+  const s = (l) => {
     const d = l.target.checked;
     n?.(d, null);
-  }, m = (l) => {
+  }, u = (l) => {
     (l.key === " " || l.key === "Spacebar" || l.key === "Space" || l.key === "Enter") && (l.preventDefault(), n?.(!r, null));
-  }, f = e.name;
+  }, m = e.name;
   return /* @__PURE__ */ g.jsx(W, { field: e, rightAlign: !1, children: /* @__PURE__ */ g.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
     /* @__PURE__ */ g.jsx(
       "label",
       {
-        className: O.label,
-        htmlFor: f,
+        className: $.label,
+        htmlFor: m,
         style: { textAlign: "left", justifyContent: "flex-start" },
         children: a(e.displayName)
       }
@@ -1775,12 +1774,12 @@ const dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     /* @__PURE__ */ g.jsx(
       "input",
       {
-        id: f,
+        id: m,
         "data-testid": "boolean-checkbox",
         type: "checkbox",
         checked: !!r,
-        onChange: i,
-        onKeyDown: m,
+        onChange: s,
+        onKeyDown: u,
         "aria-checked": !!r,
         style: {
           cursor: "pointer",
@@ -1795,7 +1794,7 @@ const dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       }
     )
   ] }) });
-}, Qe = [
+}, Ge = [
   { label: "Black", value: "#000000" },
   { label: "White", value: "#ffffff" },
   { label: "Red", value: "#ff0000" },
@@ -1811,62 +1810,62 @@ const dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   { label: "Light Gray", value: "#d3d3d3" },
   { label: "Pink", value: "#ffc0cb" }
 ];
-function ur(e) {
+function ar(e) {
   return /^#([0-9A-F]{3}){1,2}$/i.test(e);
 }
-function Gr(e) {
-  if (!ur(e)) return null;
-  const r = mr(e), n = parseInt(r.slice(1), 16);
+function _r(e) {
+  if (!ar(e)) return null;
+  const r = sr(e), n = parseInt(r.slice(1), 16);
   return {
     r: n >> 16 & 255,
     g: n >> 8 & 255,
     b: n & 255
   };
 }
-function mr(e) {
+function sr(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 Kr = ({ field: e, value: r, onChange: n, onError: o }) => {
-  const { t, definitionName: a } = D(), [c, i] = V("#000000"), m = A.useRef(null), f = A.useRef(null), l = A.useRef(o);
+const qr = ({ field: e, value: r, onChange: n, onError: o }) => {
+  const { t, definitionName: a } = D(), [i, s] = T("#000000"), u = A.useRef(null), m = A.useRef(null), l = A.useRef(o);
   A.useEffect(() => {
     l.current = o;
   }, [o]), C(() => {
-    const x = r && ur(r) ? r : "#000000", S = mr(x);
-    i(S);
+    const x = r && ar(r) ? r : "#000000", S = sr(x);
+    s(S);
   }, [r]), A.useEffect(() => {
     const x = Y(a, e, r ?? "#000000", t);
     l.current?.(x ?? null);
   }, [r, e, a, t]);
   const d = (x) => {
     const S = x.target.value;
-    i(S), n?.(S, null);
-  }, s = (x) => {
+    s(S), n?.(S, null);
+  }, c = (x) => {
     const S = x.target.value;
-    i(S), n?.(S, null);
-  }, u = Qe.find(
-    (x) => x.value === c
-  ), { r: h, g: p, b: y } = Gr(c) || { r: 0, g: 0, b: 0 };
+    s(S), n?.(S, null);
+  }, f = Ge.find(
+    (x) => x.value === i
+  ), { r: b, g: p, b: y } = _r(i) || { 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",
       {
-        ref: m,
+        ref: u,
         id: e.name,
-        value: c,
+        value: i,
         onChange: d,
         style: { minWidth: "120px", flex: 1 },
-        className: X(O.input, O.inputSelect),
+        className: X($.input, $.inputSelect),
         children: [
-          Qe.map((x) => /* @__PURE__ */ g.jsx("option", { value: x.value, children: t(x.label) }, x.value)),
-          u ? null : /* @__PURE__ */ g.jsxs("option", { value: c, children: [
+          Ge.map((x) => /* @__PURE__ */ g.jsx("option", { value: x.value, children: t(x.label) }, x.value)),
+          f ? null : /* @__PURE__ */ g.jsxs("option", { value: i, children: [
             "(",
-            h,
+            b,
             ", ",
             p,
             ", ",
             y,
             ")"
-          ] }, c)
+          ] }, i)
         ]
       }
     ),
@@ -1879,7 +1878,7 @@ const Kr = ({ field: e, value: r, onChange: n, onError: o }) => {
           display: "inline-block",
           border: "1px solid #ccc",
           borderRadius: "4px",
-          backgroundColor: c,
+          backgroundColor: i,
           cursor: "pointer",
           overflow: "hidden",
           flexShrink: 0
@@ -1887,10 +1886,10 @@ const Kr = ({ field: e, value: r, onChange: n, onError: o }) => {
         children: /* @__PURE__ */ g.jsx(
           "input",
           {
-            ref: f,
+            ref: m,
             type: "color",
-            value: c,
-            onChange: s,
+            value: i,
+            onChange: c,
             style: {
               opacity: 0,
               width: "100%",
@@ -1904,147 +1903,147 @@ const Kr = ({ field: e, value: r, onChange: n, onError: o }) => {
       }
     )
   ] }) });
-}, be = (e) => {
+}, ge = (e) => {
   if (!e) return null;
   const r = new Date(e);
   return isNaN(r.getTime()) ? null : r;
-}, Xr = (e) => {
+}, Br = (e) => {
   if (!e) return "";
   if (/^\d{4}-\d{2}-\d{2}$/.test(e))
-    return be(e) ? e : "";
-  const n = be(e);
+    return ge(e) ? e : "";
+  const n = ge(e);
   if (n) {
     const o = n.getFullYear(), t = String(n.getMonth() + 1).padStart(2, "0"), a = String(n.getDate()).padStart(2, "0");
     return `${o}-${t}-${a}`;
   }
   return "";
-}, Zr = ({
+}, Hr = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = D(), { name: c, required: i } = e, m = k(null), f = k(o);
+  const { t, definitionName: a } = D(), { name: i, required: s } = e, u = k(null), m = k(o);
   C(() => {
-    f.current = o;
+    m.current = o;
   }, [o]);
-  const l = A.useCallback((s) => {
-    if (!s || s.trim() === "")
-      return i ? t("Value required") : null;
-    if (s) {
-      const h = be(s);
-      if (!h) return t("Invalid date format");
+  const l = A.useCallback((c) => {
+    if (!c || c.trim() === "")
+      return s ? t("Value required") : null;
+    if (c) {
+      const b = ge(c);
+      if (!b) return t("Invalid date format");
       if (e.minDate) {
-        const p = be(e.minDate);
-        if (p && h.getTime() < p.getTime())
+        const p = ge(e.minDate);
+        if (p && b.getTime() < p.getTime())
           return t("Date must be on or after {{1}}", e.minDate);
       }
       if (e.maxDate) {
-        const p = be(e.maxDate);
-        if (p && h.getTime() > p.getTime())
+        const p = ge(e.maxDate);
+        if (p && b.getTime() > p.getTime())
           return t("Date must be on or before {{1}}", e.maxDate);
       }
     }
-    return Y(a, e, s, t) ?? null;
-  }, [e, a, t, i]), d = (s) => {
-    const u = s.target.value, h = l(u);
-    n?.(u, h);
+    return Y(a, e, c, t) ?? null;
+  }, [e, a, t, s]), d = (c) => {
+    const f = c.target.value, b = l(f);
+    n?.(f, b);
   };
   return C(() => {
-    const s = l(r);
-    s !== m.current && (m.current = s, f.current?.(s ?? null));
+    const c = l(r);
+    c !== u.current && (u.current = c, m.current?.(c ?? null));
   }, [r, l]), /* @__PURE__ */ g.jsx(W, { field: e, error: l(r), children: /* @__PURE__ */ g.jsx(
     "input",
     {
-      id: c,
+      id: i,
       type: "date",
-      value: Xr(r),
+      value: Br(r),
       onChange: d,
-      className: X(O.input, O.textInput),
+      className: X($.input, $.textInput),
       ...e.minDate ? { min: e.minDate } : {},
       ...e.maxDate ? { max: e.maxDate } : {},
       "aria-invalid": !!l(r),
-      "aria-describedby": l(r) ? `${c}-error` : void 0
+      "aria-describedby": l(r) ? `${i}-error` : void 0
     }
   ) });
-}, Qr = ({
+}, Ur = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = D(), c = k(null), i = k(o);
+  const { t, definitionName: a } = D(), i = k(null), s = k(o);
   C(() => {
-    i.current = o;
+    s.current = o;
   }, [o]);
-  const m = Q(
-    (l) => l === "" || l === null || l === void 0 ? t("Value required") : !e.options || e.options.length === 0 ? null : e.options.some((s) => s.value === l) ? Y(a, e, l, t) ?? null : t("Invalid option selected"),
+  const u = Z(
+    (l) => l === "" || l === null || l === void 0 ? t("Value required") : !e.options || e.options.length === 0 ? null : e.options.some((c) => c.value === l) ? Y(a, e, l, t) ?? null : t("Invalid option selected"),
     [e, t, a]
   );
   C(() => {
-    const l = r != null ? String(r) : "", d = m(l);
+    const l = r != null ? String(r) : "", d = u(l);
     if (d && e.options && e.options.length > 0) {
-      const s = String(e.options[0].value);
-      c.current && (c.current.value = s), n?.(s, null), i.current?.(null);
+      const c = String(e.options[0].value);
+      i.current && (i.current.value = c), n?.(c, null), s.current?.(null);
     } else
-      c.current && (c.current.value = l), i.current?.(d ?? null);
-  }, [r, m, n, e.options]);
-  const f = (l) => {
-    const d = l.target.value, s = m(d);
-    n?.(d, s);
+      i.current && (i.current.value = l), s.current?.(d ?? null);
+  }, [r, u, n, e.options]);
+  const m = (l) => {
+    const d = l.target.value, c = u(d);
+    n?.(d, c);
   };
-  return /* @__PURE__ */ g.jsx(W, { field: e, error: m(String(r ?? "")), children: /* @__PURE__ */ g.jsx(
+  return /* @__PURE__ */ g.jsx(W, { field: e, error: u(String(r ?? "")), children: /* @__PURE__ */ g.jsx(
     "select",
     {
       defaultValue: String(r ?? ""),
-      ref: c,
-      onChange: f,
+      ref: i,
+      onChange: m,
       className: X(
-        O.input,
-        O.inputSelect
+        $.input,
+        $.inputSelect
       ),
       children: (e.options ?? []).map((l) => /* @__PURE__ */ g.jsx("option", { value: String(l.value), children: t(l.label) }, String(l.value)))
     }
   ) });
 };
-function et(e) {
+function Wr(e) {
   return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);
 }
-const rt = ({
+const Yr = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { definitionName: t, t: a } = D(), c = k(null), i = A.useCallback(
+  const { definitionName: t, t: a } = D(), i = k(null), s = A.useCallback(
     (d) => {
-      const s = d.trim();
-      return s === "" ? e.required ? a("Value required") : null : et(s) ? e.pattern && !new RegExp(e.pattern).test(s) ? a("Email does not match pattern: {{%1}}", {
+      const c = d.trim();
+      return c === "" ? e.required ? a("Value required") : null : Wr(c) ? e.pattern && !new RegExp(e.pattern).test(c) ? a("Email does not match pattern: {{%1}}", {
         "%1": `${e.pattern}`
       }) : Y(t, e, d, a) ?? null : a("Must be valid email format");
     },
     [e, t, a]
-  ), m = (d) => {
-    const s = d.target.value, u = i(s);
-    n?.(s, u);
-  }, f = k(null), l = k(o);
+  ), u = (d) => {
+    const c = d.target.value, f = s(c);
+    n?.(c, f);
+  }, m = k(null), l = k(o);
   return C(() => {
     l.current = o;
   }, [o]), C(() => {
-    const d = r ?? "", s = i(d);
-    c.current && c.current.value !== String(d) && (c.current.value = String(d)), s !== f.current && (f.current = s, l.current?.(s ?? null));
-  }, [r, i]), /* @__PURE__ */ g.jsx(W, { field: e, error: i(String(r ?? "")), children: /* @__PURE__ */ g.jsx(
+    const d = r ?? "", c = s(d);
+    i.current && i.current.value !== String(d) && (i.current.value = String(d)), c !== m.current && (m.current = c, l.current?.(c ?? null));
+  }, [r, s]), /* @__PURE__ */ g.jsx(W, { field: e, error: s(String(r ?? "")), children: /* @__PURE__ */ g.jsx(
     "input",
     {
       id: e.name,
       type: "email",
       defaultValue: String(r ?? ""),
-      ref: c,
-      onChange: m,
-      className: X(O.input, O.textInput)
+      ref: i,
+      onChange: u,
+      className: X($.input, $.textInput)
     }
   ) });
-}, tt = ({ field: e }) => {
+}, Jr = ({ field: e }) => {
   const { darkMode: r } = D(), {
     color: n = r ? "#444444" : "#CCCCCC",
     thickness: o = 1,
@@ -2063,31 +2062,31 @@ const rt = ({
     }
   );
 };
-function fr({
+function ir({
   pos: e,
   options: r,
   onClose: n,
   onClickOption: o
 }) {
-  const t = k(null), a = k(!1), c = typeof window < "u" ? document.getElementById("popup-root") || document.body : null;
+  const t = k(null), a = k(!1), i = typeof window < "u" ? document.getElementById("popup-root") || document.body : null;
   if (C(() => {
-    function u(h) {
-      a.current || h.target.dataset?.popupMenu === "item" || t.current && h.target instanceof Node && !t.current.contains(h.target) && n();
+    function f(b) {
+      a.current || b.target.dataset?.popupMenu === "item" || t.current && b.target instanceof Node && !t.current.contains(b.target) && n();
     }
-    return document.addEventListener("mousedown", u), () => document.removeEventListener("mousedown", u);
-  }, [n]), !c || r === void 0 || r.length === 0 || !e || e.x == null || e.y == null) return null;
-  const i = e.x, m = e.y, f = typeof window < "u" ? window.innerWidth : 1024, l = Math.max(0, f - 160), d = Math.max(0, Math.min(i, l)), s = Math.max(0, m);
-  return ze.createPortal(
+    return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
+  }, [n]), !i || r === void 0 || r.length === 0 || !e || e.x == null || e.y == null) return null;
+  const s = e.x, u = e.y, m = typeof window < "u" ? window.innerWidth : 1024, l = Math.max(0, m - 160), d = Math.max(0, Math.min(s, l)), c = Math.max(0, u);
+  return Me.createPortal(
     /* @__PURE__ */ g.jsx(
       "div",
       {
         ref: t,
-        onMouseDown: (u) => {
-          u.stopPropagation();
+        onMouseDown: (f) => {
+          f.stopPropagation();
         },
         style: {
           position: "fixed",
-          top: s,
+          top: c,
           left: d,
           backgroundColor: "var(--reactaform-primary-bg, #fff)",
           border: "1px solid var(--reactaform-border-color, #ccc)",
@@ -2097,7 +2096,7 @@ function fr({
           minWidth: "var(--reactaform-menu-min-width, 150px)",
           pointerEvents: "auto"
         },
-        children: r.map((u, h) => /* @__PURE__ */ g.jsx(
+        children: r.map((f, b) => /* @__PURE__ */ g.jsx(
           "div",
           {
             "data-popup-menu": "item",
@@ -2105,7 +2104,7 @@ function fr({
               p.stopPropagation(), a.current = !0;
             },
             onClick: (p) => {
-              p.stopPropagation(), p.preventDefault(), o(u), n(), setTimeout(() => {
+              p.stopPropagation(), p.preventDefault(), o(f), n(), setTimeout(() => {
                 a.current = !1;
               }, 100);
             },
@@ -2113,7 +2112,7 @@ function fr({
               padding: "var(--reactaform-menu-item-padding, 8px 12px)",
               cursor: "pointer",
               fontSize: "var(--reactaform-menu-item-font-size, 0.8em)",
-              borderBottom: h < r.length - 1 ? "1px solid var(--reactaform-border-light, #eee)" : void 0,
+              borderBottom: b < r.length - 1 ? "1px solid var(--reactaform-border-light, #eee)" : void 0,
               transition: "background-color 0.15s ease"
             },
             onMouseEnter: (p) => {
@@ -2122,47 +2121,47 @@ function fr({
             onMouseLeave: (p) => {
               p.currentTarget.style.backgroundColor = "transparent";
             },
-            children: u.label
+            children: f.label
           },
-          u.label ?? h
+          f.label ?? b
         ))
       }
     ),
-    c
+    i
   );
 }
-const nt = ({ field: e, value: r, onChange: n, onError: o }) => {
-  const { t, definitionName: a } = D(), [c, i] = V(!1), [m, f] = V(null), [l, d] = V([]), s = k(null), u = k(o);
+const Gr = ({ field: e, value: r, onChange: n, onError: o }) => {
+  const { t, definitionName: a } = D(), [i, s] = T(!1), [u, m] = T(null), [l, d] = T([]), c = k(null), f = k(o);
   C(() => {
-    u.current = o;
+    f.current = o;
   }, [o]);
-  const h = A.useCallback(
+  const b = A.useCallback(
     (S) => e.required && (!S || Array.isArray(S) && S.length === 0) ? t("Value required") : Y(a, e, S, t) ?? null,
     [e, a, t]
-  ), p = A.useMemo(() => h(r), [r, h]);
+  ), p = A.useMemo(() => b(r), [r, b]);
   C(() => {
-    const S = h(r);
-    n?.(r, S), u.current?.(S ?? null);
-  }, [r, h]);
+    const S = b(r);
+    n?.(r, S), f.current?.(S ?? null);
+  }, [r, b]);
   const y = (S) => {
-    const I = S.target.files;
-    let F = null;
-    I && I.length > 0 && (F = e.multiple ? Array.from(I) : I[0]);
-    const w = h(F);
-    n?.(F, w);
+    const F = S.target.files;
+    let I = null;
+    F && F.length > 0 && (I = e.multiple ? Array.from(F) : F[0]);
+    const w = b(I);
+    n?.(I, w);
   }, x = (S) => {
     if (p)
       return;
-    let I = null;
+    let F = null;
     try {
-      I = S.currentTarget.getBoundingClientRect();
+      F = S.currentTarget.getBoundingClientRect();
     } catch {
-      I = null;
+      F = null;
     }
-    const F = I && typeof I.left == "number" ? I.left : 10, w = I && typeof I.bottom == "number" ? I.bottom : 20;
-    f({ x: F, y: w });
+    const I = F && typeof F.left == "number" ? F.left : 10, w = F && typeof F.bottom == "number" ? F.bottom : 20;
+    m({ x: I, y: w });
     let j = [];
-    Array.isArray(r) ? j = r ? r.map((E) => ({ label: E.name })) : [] : j = r ? [{ label: r.name }] : [], j.length === 0 && (j = [{ label: t("No file selected") }]), d(j), i((E) => !E);
+    Array.isArray(r) ? j = r ? r.map((E) => ({ label: E.name })) : [] : j = r ? [{ label: r.name }] : [], j.length === 0 && (j = [{ label: t("No file selected") }]), d(j), s((E) => !E);
   };
   return /* @__PURE__ */ g.jsx(W, { field: e, error: p, children: /* @__PURE__ */ g.jsxs(
     "div",
@@ -2178,7 +2177,7 @@ const nt = ({ field: e, value: r, onChange: n, onError: o }) => {
           "input",
           {
             id: e.name,
-            ref: s,
+            ref: c,
             type: "file",
             accept: e.accept,
             multiple: e.multiple,
@@ -2196,7 +2195,7 @@ const nt = ({ field: e, value: r, onChange: n, onError: o }) => {
           "label",
           {
             htmlFor: e.name,
-            className: O.button,
+            className: $.button,
             style: {
               width: "100%",
               height: "inherit",
@@ -2210,9 +2209,9 @@ const nt = ({ field: e, value: r, onChange: n, onError: o }) => {
           {
             onClick: x,
             "aria-haspopup": !0,
-            "aria-expanded": c,
+            "aria-expanded": i,
             "aria-label": t("Show selected files"),
-            className: O.button,
+            className: $.button,
             style: {
               height: "inherit",
               display: "inline-block"
@@ -2220,13 +2219,13 @@ const nt = ({ field: e, value: r, onChange: n, onError: o }) => {
             children: /* @__PURE__ */ g.jsx("span", { children: "⋮" })
           }
         ),
-        c && m && l && l.length > 0 && /* @__PURE__ */ g.jsx(
-          fr,
+        i && u && l && l.length > 0 && /* @__PURE__ */ g.jsx(
+          ir,
           {
-            pos: m,
+            pos: u,
             options: l,
             onClose: () => {
-              f(null), i(!1);
+              m(null), s(!1);
             },
             onClickOption: () => {
             }
@@ -2235,30 +2234,30 @@ const nt = ({ field: e, value: r, onChange: n, onError: o }) => {
       ]
     }
   ) });
-}, ot = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/;
-function at(e) {
-  return e.split(",").map((r) => r.trim()).every((r) => ot.test(r));
+}, Kr = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/;
+function Xr(e) {
+  return e.split(",").map((r) => r.trim()).every((r) => Kr.test(r));
 }
-const st = (e) => !e || e.trim() === "" ? [] : e.split(",").map((r) => r.trim()).filter(Boolean).map(Number), it = ({
+const Zr = (e) => !e || e.trim() === "" ? [] : e.split(",").map((r) => r.trim()).filter(Boolean).map(Number), Qr = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = D(), [c, i] = V(
+  const { t, definitionName: a } = D(), [i, s] = T(
     Array.isArray(r) ? r.join(", ") : String(r ?? "")
-  ), m = A.useCallback(
-    (s) => {
-      if (s.trim() === "")
+  ), u = A.useCallback(
+    (c) => {
+      if (c.trim() === "")
         return e.required ? t("Value required") : null;
-      if (!at(s))
+      if (!Xr(c))
         return t("Each value must be a valid float");
-      const u = st(s);
-      if (e.minCount !== void 0 && u.length < e.minCount)
+      const f = Zr(c);
+      if (e.minCount !== void 0 && f.length < e.minCount)
         return t("Minimum number of values: {{1}}", e.minCount);
-      if (e.maxCount !== void 0 && u.length > e.maxCount)
+      if (e.maxCount !== void 0 && f.length > e.maxCount)
         return t("Maximum number of values: {{1}}", e.maxCount);
-      for (const p of u) {
+      for (const p of f) {
         if (e.min !== void 0 && (e.minInclusive ? p < e.min : p <= e.min))
           return t(
             "Each value must be {{1}} {{2}}",
@@ -2272,82 +2271,82 @@ const st = (e) => !e || e.trim() === "" ? [] : e.split(",").map((r) => r.trim())
             e.max
           );
       }
-      return Y(a, e, u, t) ?? null;
+      return Y(a, e, f, t) ?? null;
     },
     [a, e, t]
-  ), f = (s) => {
-    const u = s.target.value, h = m(u);
-    i(u), n?.(u, h);
+  ), m = (c) => {
+    const f = c.target.value, b = u(f);
+    s(f), n?.(f, b);
   }, l = k(null), d = k(o);
   return C(() => {
     d.current = o;
   }, [o]), C(() => {
-    const s = Array.isArray(r) ? r.join(", ") : String(r ?? ""), u = m(s);
-    u !== l.current && (l.current = u, d.current?.(u ?? null));
-  }, [r, e.required, m, t]), /* @__PURE__ */ g.jsx(W, { field: e, error: m(c), children: /* @__PURE__ */ g.jsx(
+    const c = Array.isArray(r) ? r.join(", ") : String(r ?? ""), f = u(c);
+    f !== l.current && (l.current = f, d.current?.(f ?? null));
+  }, [r, e.required, u, t]), /* @__PURE__ */ g.jsx(W, { field: e, error: u(i), children: /* @__PURE__ */ g.jsx(
     "input",
     {
       type: "text",
-      value: c,
-      onChange: f,
-      className: X(O.input, O.textInput),
+      value: i,
+      onChange: m,
+      className: X($.input, $.textInput),
       style: { flex: 1 }
     }
   ) });
-}, ct = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/, lt = (e) => {
+}, et = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/, rt = (e) => {
   const r = Number.parseFloat(e);
   return Number.isNaN(r) ? null : r;
-}, ut = ({
+}, tt = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = D(), c = k(null), i = A.useCallback(
+  const { t, definitionName: a } = D(), i = k(null), s = A.useCallback(
     (d) => {
       if (d.trim() === "")
         return e.required ? t("Value required") : null;
-      if (!ct.test(d))
+      if (!et.test(d))
         return t("Must be a valid float");
-      const s = lt(d);
-      return s === null ? t("Must be a valid float") : e.min !== void 0 && (e.minInclusive ? s < e.min : s <= e.min) ? t(
+      const c = rt(d);
+      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 ? "≥" : ">",
         e.min
-      ) : e.max !== void 0 && (e.maxInclusive ? s > e.max : s >= e.max) ? t(
+      ) : e.max !== void 0 && (e.maxInclusive ? c > e.max : c >= e.max) ? t(
         "Must be {{1}} {{2}}",
         e.maxInclusive ? "≤" : "<",
         e.max
-      ) : Y(a, e, s, t) ?? null;
+      ) : Y(a, e, c, t) ?? null;
     },
     [e, a, t]
-  ), m = k(null), f = k(o);
+  ), u = k(null), m = k(o);
   C(() => {
-    f.current = o;
+    m.current = o;
   }, [o]), C(() => {
-    const d = String(r ?? ""), s = i(d);
-    s !== m.current && (m.current = s, f.current?.(s ?? null)), c.current && document.activeElement !== c.current && (c.current.value = d);
-  }, [r, e, i, t]);
+    const d = String(r ?? ""), c = s(d);
+    c !== u.current && (u.current = c, m.current?.(c ?? null)), i.current && document.activeElement !== i.current && (i.current.value = d);
+  }, [r, e, s, t]);
   const l = (d) => {
-    const s = d.target.value, u = i(s);
-    n?.(s, u);
+    const c = d.target.value, f = s(c);
+    n?.(c, f);
   };
-  return /* @__PURE__ */ g.jsx(W, { field: e, error: i(String(r ?? "")), children: /* @__PURE__ */ g.jsx(
+  return /* @__PURE__ */ g.jsx(W, { field: e, error: s(String(r ?? "")), children: /* @__PURE__ */ g.jsx(
     "input",
     {
       id: e.name,
       type: "text",
       defaultValue: String(r ?? ""),
-      ref: c,
+      ref: i,
       onChange: l,
       className: X(
-        O.input,
-        O.inputNumber
+        $.input,
+        $.inputNumber
       )
     }
   ) });
 };
-function mt() {
+function nt() {
   try {
     return "/";
   } catch {
@@ -2359,46 +2358,46 @@ function mt() {
   }
   return "/";
 }
-const ft = ({ field: e, value: r }) => {
+const ot = ({ field: e, value: r }) => {
   const { language: n, t: o } = D(), t = e.alignment || "center", a = {
     left: "flex-start",
     center: "center",
     right: "flex-end"
-  }, c = typeof r == "string" ? r : "";
-  let i = c && c.trim() !== "" ? c : typeof e.defaultValue == "string" ? e.defaultValue : "";
-  i && !i.startsWith("/") && (i = `${mt()}${i}`);
-  const m = e.localized?.split(";").map((y) => y.trim()), [f, l] = V(i || ""), d = k(i || null);
+  }, i = typeof r == "string" ? r : "";
+  let s = i && i.trim() !== "" ? i : typeof e.defaultValue == "string" ? e.defaultValue : "";
+  s && !s.startsWith("/") && (s = `${nt()}${s}`);
+  const u = e.localized?.split(";").map((y) => y.trim()), [m, l] = T(s || ""), d = k(s || null);
   if (C(() => {
-    if (!i) return;
-    const y = i.split("/"), x = y.pop(), S = x.lastIndexOf(".");
+    if (!s) return;
+    const y = s.split("/"), x = y.pop(), S = x.lastIndexOf(".");
     if (S === -1) return;
-    const I = x.substring(0, S), F = x.substring(S);
+    const F = x.substring(0, S), I = x.substring(S);
     let w = null;
-    m?.includes(n) && (w = `${I}_${n}${F}`);
+    u?.includes(n) && (w = `${F}_${n}${I}`);
     const j = new AbortController();
     if (w) {
       const E = [...y, w].join("/");
       fetch(E, { method: "HEAD", signal: j.signal }).then((v) => {
-        const N = v.ok ? E : i;
+        const N = v.ok ? E : s;
         N !== d.current && (d.current = N, l(N));
       }).catch(() => {
-        i !== d.current && (d.current = i, l(i));
+        s !== d.current && (d.current = s, l(s));
       });
     } else {
-      const E = i;
+      const E = s;
       E !== d.current && (d.current = E, requestAnimationFrame(() => l(E)));
     }
     return () => {
       j.abort();
     };
-  }, [i, n, m]), !f) return null;
-  const { width: s, height: u } = e, h = {}, p = {
+  }, [s, n, u]), !m) return null;
+  const { width: c, height: f } = e, b = {}, p = {
     borderRadius: "8px",
     objectFit: "contain",
     boxShadow: "0 2px 6px rgba(0,0,0,0.1)",
     margin: "0 0 8px 0"
   };
-  return s && u ? (h.width = s, h.height = u, p.width = `${s}px`, p.height = `${u}px`) : s && !u ? (h.width = s, p.width = `${s}px`, p.height = "auto") : !s && u && (h.height = u, p.width = "auto", p.height = `${u}px`), /* @__PURE__ */ g.jsx(W, { field: e, children: /* @__PURE__ */ g.jsx(
+  return c && f ? (b.width = c, b.height = f, p.width = `${c}px`, p.height = `${f}px`) : c && !f ? (b.width = c, p.width = `${c}px`, p.height = "auto") : !c && f && (b.height = f, p.width = "auto", p.height = `${f}px`), /* @__PURE__ */ g.jsx(W, { field: e, children: /* @__PURE__ */ g.jsx(
     "div",
     {
       "data-testid": "image-wrapper",
@@ -2410,34 +2409,34 @@ const ft = ({ field: e, value: r }) => {
       children: /* @__PURE__ */ g.jsx(
         "img",
         {
-          src: f,
+          src: m,
           alt: o?.(e.displayName || "Image") || e.displayName || "Image",
-          ...h,
+          ...b,
           style: p
         }
       )
     }
   ) });
 };
-function dt(e) {
+function at(e) {
   const r = /^-?\d+$/;
   return e.split(",").map((n) => n.trim()).every((n) => r.test(n));
 }
-const pt = ({
+const st = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = D(), c = ",", [i, m] = V(
-    Array.isArray(r) ? r.join(c + " ") : String(r ?? "")
-  ), f = (h) => !h || h.trim() === "" ? [] : h.split(c).map((p) => p.trim()).filter(Boolean).map((p) => Number(p)), l = A.useCallback(
-    (h) => {
-      if (h.trim() === "")
+  const { t, definitionName: a } = D(), i = ",", [s, u] = T(
+    Array.isArray(r) ? r.join(i + " ") : String(r ?? "")
+  ), m = (b) => !b || b.trim() === "" ? [] : b.split(i).map((p) => p.trim()).filter(Boolean).map((p) => Number(p)), l = A.useCallback(
+    (b) => {
+      if (b.trim() === "")
         return e.required ? t("Value required") : null;
-      if (!dt(h))
+      if (!at(b))
         return t("Each value must be a valid integer");
-      const p = f(h);
+      const p = m(b);
       if (e.minCount !== void 0 && p.length < e.minCount)
         return t("Minimum number of values: {{1}}", `${e.minCount}`);
       if (e.maxCount !== void 0 && p.length > e.maxCount)
@@ -2459,55 +2458,55 @@ const pt = ({
       return Y(a, e, p, t) ?? null;
     },
     [a, e, t]
-  ), d = (h) => {
-    const p = h.target.value, y = l(p);
-    m(p), n?.(p, y);
-  }, s = k(null), u = k(
+  ), d = (b) => {
+    const p = b.target.value, y = l(p);
+    u(p), n?.(p, y);
+  }, c = k(null), f = k(
     o
   );
   return C(() => {
-    u.current = o;
+    f.current = o;
   }, [o]), C(() => {
-    const h = Array.isArray(r) ? r.join(c + " ") : String(r ?? ""), p = l(h);
-    p !== s.current && (s.current = p, u.current?.(p ?? null));
-  }, [r, e.required, l, t]), /* @__PURE__ */ g.jsx(W, { field: e, error: l(i), children: /* @__PURE__ */ g.jsx(
+    const b = Array.isArray(r) ? r.join(i + " ") : String(r ?? ""), p = l(b);
+    p !== c.current && (c.current = p, f.current?.(p ?? null));
+  }, [r, e.required, l, t]), /* @__PURE__ */ g.jsx(W, { field: e, error: l(s), children: /* @__PURE__ */ g.jsx(
     "input",
     {
       type: "text",
-      value: i,
+      value: s,
       onChange: d,
-      className: X(O.input, O.textInput),
+      className: X($.input, $.textInput),
       style: { flex: 1 }
     }
   ) });
 };
-function gt(e) {
+function it(e) {
   return /^[-+]?\d*$/.test(e);
 }
-const ht = ({
+const ct = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = D(), c = k(null), i = Q((s) => {
-    const u = parseInt(s, 10);
-    return Number.isNaN(u) ? null : u;
-  }, []), m = A.useCallback(
-    (s) => {
-      if (s.trim() === "")
+  const { t, definitionName: a } = D(), i = k(null), s = Z((c) => {
+    const f = parseInt(c, 10);
+    return Number.isNaN(f) ? null : f;
+  }, []), u = A.useCallback(
+    (c) => {
+      if (c.trim() === "")
         return e.required ? t("Value required") : null;
-      if (!gt(s))
+      if (!it(c))
         return t("Must be a valid integer");
-      const u = i(s);
-      if (u === null) return t("Must be a valid integer");
-      if (e.min !== void 0 && (e.minInclusive ? u < e.min : u <= e.min))
+      const f = s(c);
+      if (f === null) return t("Must be a valid integer");
+      if (e.min !== void 0 && (e.minInclusive ? f < e.min : f <= e.min))
         return t(
           "Must be {{1}} {{2}}",
           e.minInclusive ? "≥" : ">",
           e.min
         );
-      if (e.max !== void 0 && (e.maxInclusive ? u > e.max : u >= e.max))
+      if (e.max !== void 0 && (e.maxInclusive ? f > e.max : f >= e.max))
         return t(
           "Must be {{1}} {{2}}",
           e.maxInclusive ? "≤" : "<",
@@ -2517,74 +2516,74 @@ const ht = ({
         const p = Number(e.step);
         if (!Number.isInteger(p))
           return t("Invalid step value");
-        if (u % p !== 0)
+        if (f % p !== 0)
           return t("Must be a multiple of {{1}}", p);
       }
-      return Y(a, e, u, t) ?? null;
+      return Y(a, e, f, t) ?? null;
     },
-    [e, a, t, i]
-  ), f = k(null), l = k(o);
+    [e, a, t, s]
+  ), m = k(null), l = k(o);
   C(() => {
     l.current = o;
   }, [o]), C(() => {
-    const s = String(r ?? ""), u = m(s);
-    u !== f.current && (f.current = u, l.current?.(u ?? null)), c.current && document.activeElement !== c.current && (c.current.value = s);
-  }, [r, e, m, t]);
-  const d = (s) => {
-    const u = s.target.value, h = m(u);
-    n?.(u, h);
+    const c = String(r ?? ""), f = u(c);
+    f !== m.current && (m.current = f, l.current?.(f ?? null)), i.current && document.activeElement !== i.current && (i.current.value = c);
+  }, [r, e, u, t]);
+  const d = (c) => {
+    const f = c.target.value, b = u(f);
+    n?.(f, b);
   };
-  return /* @__PURE__ */ g.jsx(W, { field: e, error: m(String(r ?? "")), children: /* @__PURE__ */ g.jsx(
+  return /* @__PURE__ */ g.jsx(W, { field: e, error: u(String(r ?? "")), children: /* @__PURE__ */ g.jsx(
     "input",
     {
       id: e.name,
       type: "text",
       defaultValue: String(r ?? ""),
-      ref: c,
+      ref: i,
       onChange: d,
       className: X(
-        O.input,
-        O.inputNumber
+        $.input,
+        $.inputNumber
       )
     }
   ) });
-}, bt = ({
+}, lt = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = D(), c = e.minHeight ?? "80px", i = A.useRef(null), m = A.useRef(null), f = A.useRef(
+  const { t, definitionName: a } = D(), i = e.minHeight ?? "80px", s = A.useRef(null), u = A.useRef(null), m = A.useRef(
     o
   );
   A.useEffect(() => {
-    f.current = o;
+    m.current = o;
   }, [o]);
   const l = A.useCallback(
-    (u) => u.trim() === "" ? e.required ? t("Value required") : null : e.minLength !== void 0 && u.length < e.minLength ? t("Must be at least {{1}} characters", e.minLength) : e.maxLength !== void 0 && u.length > e.maxLength ? t("Must be at most {{1}} characters", e.maxLength) : Y(a, e, u, t),
+    (f) => f.trim() === "" ? 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) : Y(a, e, f, t),
     [e, a, t]
-  ), d = (u) => {
-    const h = u.target.value, p = l(h);
-    n?.(h, p);
+  ), d = (f) => {
+    const b = f.target.value, p = l(b);
+    n?.(b, p);
   };
   C(() => {
-    const u = l(r);
-    u !== m.current && (m.current = u, f.current?.(u ?? null)), i.current && i.current.value !== String(r ?? "") && (i.current.value = String(r ?? ""));
+    const f = l(r);
+    f !== u.current && (u.current = f, m.current?.(f ?? null)), s.current && s.current.value !== String(r ?? "") && (s.current.value = String(r ?? ""));
   }, [r, l]);
-  const s = {
+  const c = {
     defaultValue: String(r ?? ""),
-    ref: i,
+    ref: s,
     onChange: d,
     style: {
       resize: "vertical",
-      minHeight: c,
+      minHeight: i,
       width: "100%",
       boxSizing: "border-box"
     },
-    className: X(O.input, O.textInput)
+    className: X($.input, $.textInput)
   };
-  return /* @__PURE__ */ g.jsx(W, { field: e, error: l(r), children: /* @__PURE__ */ g.jsx("textarea", { ...s }) });
-}, yt = ({
+  return /* @__PURE__ */ g.jsx(W, { field: e, error: l(r), children: /* @__PURE__ */ g.jsx("textarea", { ...c }) });
+}, ut = ({
   field: e,
   value: r,
   onChange: n,
@@ -2594,28 +2593,28 @@ const ht = ({
   C(() => {
     t.current = o;
   }, [o]);
-  const { t: a, darkMode: c, formStyle: i, fieldStyle: m, definitionName: f } = D(), l = (v, N, T) => {
+  const { t: a, darkMode: i, formStyle: s, fieldStyle: u, definitionName: m } = D(), l = (v, N, M) => {
     if (!N) return {};
-    const H = v?.[N];
-    return (T && H ? H[T] : void 0) ?? {};
-  }, d = k(null), [s, u] = V(!1), [h, p] = V(
+    const L = v?.[N];
+    return (M && L ? L[M] : void 0) ?? {};
+  }, d = k(null), [c, f] = T(!1), [b, p] = T(
     null
   ), y = G(
     () => e.options.map((v) => ({ value: v.value, label: a(v.label) })),
     [e.options, a]
   ), x = G(() => {
-    const v = Array.isArray(r) ? r : [], N = new Set(y.map((T) => T.value));
-    return v.filter((T) => N.has(T));
+    const v = Array.isArray(r) ? r : [], N = new Set(y.map((M) => M.value));
+    return v.filter((M) => N.has(M));
   }, [r, y]), S = (v) => {
     const N = Array.isArray(v) ? v : [];
-    return e.required && N.length === 0 ? a("Value required") : Y(f, e, N, a) ?? null;
-  }, I = () => {
+    return e.required && N.length === 0 ? a("Value required") : Y(m, e, N, a) ?? null;
+  }, F = () => {
     if (!d.current) return;
     const v = d.current.getBoundingClientRect();
-    p({ x: v.left, y: v.bottom }), u((N) => !N);
-  }, F = (v) => {
-    const N = x.includes(v) ? x.filter((z) => z !== v) : [...x, v], T = S(N);
-    t.current?.(T ?? null), n?.(N, T);
+    p({ x: v.left, y: v.bottom }), f((N) => !N);
+  }, I = (v) => {
+    const N = x.includes(v) ? x.filter((z) => z !== v) : [...x, v], M = S(N);
+    t.current?.(M ?? null), n?.(N, M);
   }, w = G(() => ({
     height: "var(--reactaform-input-height, 2.5rem)",
     padding: "var(--reactaform-input-padding, 8px)",
@@ -2628,9 +2627,9 @@ const ht = ({
     border: "1px solid var(--reactaform-border-color, #ccc)",
     background: "var(--reactaform-secondary-bg, #fff)",
     color: "var(--reactaform-text-color, #000)",
-    ...l(i, "multiSelect", "control"),
-    ...l(m, void 0, "control")
-  }), [i, m]), j = G(() => ({
+    ...l(s, "multiSelect", "control"),
+    ...l(u, void 0, "control")
+  }), [s, u]), j = G(() => ({
     position: "absolute",
     right: "1.5em",
     top: "50%",
@@ -2641,9 +2640,9 @@ const ht = ({
     fontSize: "0.8em",
     color: "var(--reactaform-text-muted, #999)",
     padding: 0,
-    ...l(i, "multiSelect", "clearButton"),
-    ...l(m, void 0, "clearButton")
-  }), [i, m]), E = G(() => ({
+    ...l(s, "multiSelect", "clearButton"),
+    ...l(u, void 0, "clearButton")
+  }), [s, u]), E = G(() => ({
     position: "absolute",
     right: "0.7em",
     top: "50%",
@@ -2651,9 +2650,9 @@ const ht = ({
     pointerEvents: "none",
     fontSize: "0.8em",
     color: "var(--reactaform-text-muted, #999)",
-    ...l(i, "multiSelect", "arrow"),
-    ...l(m, void 0, "arrow")
-  }), [i, m]);
+    ...l(s, "multiSelect", "arrow"),
+    ...l(u, void 0, "arrow")
+  }), [s, u]);
   return /* @__PURE__ */ g.jsxs("div", { children: [
     /* @__PURE__ */ g.jsx(W, { field: e, error: null, children: /* @__PURE__ */ g.jsx("div", { style: { width: "100%" }, children: /* @__PURE__ */ g.jsxs(
       "div",
@@ -2661,13 +2660,13 @@ const ht = ({
         ref: d,
         className: "reactaform-multiselection-control",
         style: w,
-        onClick: I,
+        onClick: F,
         tabIndex: 0,
         role: "button",
         "aria-haspopup": "listbox",
-        "aria-expanded": s,
+        "aria-expanded": c,
         onKeyDown: (v) => {
-          (v.key === "Enter" || v.key === " ") && (v.preventDefault(), I());
+          (v.key === "Enter" || v.key === " ") && (v.preventDefault(), F());
         },
         children: [
           /* @__PURE__ */ g.jsxs(
@@ -2698,33 +2697,33 @@ const ht = ({
         ]
       }
     ) }) }),
-    s && h && /* @__PURE__ */ g.jsx(
-      xt,
+    c && b && /* @__PURE__ */ g.jsx(
+      mt,
       {
-        position: h,
+        position: b,
         options: y,
         selectedValues: x,
-        onToggleOption: F,
-        onClose: () => u(!1),
+        onToggleOption: I,
+        onClose: () => f(!1),
         controlRef: d,
-        darkMode: c
+        darkMode: i
       }
     )
   ] });
-}, xt = ({
+}, mt = ({
   position: e,
   options: r,
   selectedValues: n,
   onToggleOption: o,
   onClose: t,
   controlRef: a,
-  darkMode: c
+  darkMode: i
 }) => {
-  const i = k(null), [m, f] = V(-1), { formStyle: l, fieldStyle: d } = D(), s = (j, E, v) => {
+  const s = k(null), [u, m] = T(-1), { formStyle: l, fieldStyle: d } = D(), c = (j, E, v) => {
     if (!E) return {};
-    const T = j?.[E];
-    return (v && T ? T[v] : void 0) ?? {};
-  }, u = G(() => ({
+    const M = j?.[E];
+    return (v && M ? M[v] : void 0) ?? {};
+  }, f = G(() => ({
     maxHeight: 200,
     overflowY: "auto",
     background: "var(--reactaform-secondary-bg, #fff)",
@@ -2735,44 +2734,44 @@ const ht = ({
     pointerEvents: "auto",
     color: "var(--reactaform-text-color, #000)",
     fontSize: "var(--reactaform-popup-font-size, 0.875rem)",
-    ...s(l, "multiSelect", "popup"),
-    ...s(d, void 0, "popup")
-  }), [l, d]), h = G(() => ({
+    ...c(l, "multiSelect", "popup"),
+    ...c(d, void 0, "popup")
+  }), [l, d]), b = G(() => ({
     padding: "6px 8px",
     cursor: "pointer",
     display: "flex",
     alignItems: "center",
     background: "transparent",
     color: "var(--reactaform-text-color, #000)",
-    ...s(l, "multiSelect", "option"),
-    ...s(d, void 0, "option")
+    ...c(l, "multiSelect", "option"),
+    ...c(d, void 0, "option")
   }), [l, d]);
   C(() => {
     const j = (E) => {
       const v = E.target;
-      !i.current?.contains(v) && !a.current?.contains(v) && t();
+      !s.current?.contains(v) && !a.current?.contains(v) && t();
     };
     return document.addEventListener("mousedown", j), () => document.removeEventListener("mousedown", j);
   }, [t, a]), C(() => {
-    i.current && r.length > 0 && requestAnimationFrame(() => f((j) => j === -1 ? 0 : j));
+    s.current && r.length > 0 && requestAnimationFrame(() => m((j) => j === -1 ? 0 : j));
   }, [r.length]), C(() => {
-    if (!i.current || m < 0) return;
-    const j = i.current.querySelector(`#multi-opt-${m}`);
+    if (!s.current || u < 0) return;
+    const j = s.current.querySelector(`#multi-opt-${u}`);
     j && requestAnimationFrame(() => j.focus());
-  }, [m]);
-  const p = 250, y = 200, [x, S] = V(
+  }, [u]);
+  const p = 250, y = 200, [x, S] = T(
     null
-  ), [I, F] = V(null);
+  ), [F, I] = T(null);
   if (C(() => {
     if (typeof window > "u") return;
     const j = () => {
-      let N = e.x, T = e.y, z = p;
-      const H = a?.current;
-      if (H) {
-        const J = H.getBoundingClientRect();
-        N = J.left, T = J.bottom, z = Math.max(80, Math.round(J.width));
+      let N = e.x, M = e.y, z = p;
+      const L = a?.current;
+      if (L) {
+        const J = L.getBoundingClientRect();
+        N = J.left, M = J.bottom, z = Math.max(80, Math.round(J.width));
       }
-      N = Math.min(N, window.innerWidth - z), T = Math.min(T, window.innerHeight - y), S({ left: N, top: T }), F(z);
+      N = Math.min(N, window.innerWidth - z), M = Math.min(M, window.innerHeight - y), S({ left: N, top: M }), I(z);
     };
     j(), window.addEventListener("scroll", j, !0), window.addEventListener("resize", j);
     let E = null;
@@ -2782,26 +2781,26 @@ const ht = ({
     };
   }, [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)), ze.createPortal(
+  return w || (w = document.createElement("div"), w.id = "popup-root", document.body.appendChild(w)), Me.createPortal(
     /* @__PURE__ */ g.jsx(
       "div",
       {
-        ref: i,
+        ref: s,
         role: "listbox",
-        "aria-activedescendant": m >= 0 ? `multi-opt-${m}` : void 0,
+        "aria-activedescendant": u >= 0 ? `multi-opt-${u}` : void 0,
         style: {
           position: "absolute",
           top: x ? x.top : e.y,
           left: x ? x.left : e.x,
-          width: I ?? p,
+          width: F ?? p,
           // spread the static popup styles
-          ...u
+          ...f
         },
-        "data-reactaform-theme": c ? "dark" : "light",
+        "data-reactaform-theme": i ? "dark" : "light",
         children: r.map((j, E) => {
-          const v = n.includes(j.value), N = c ? "var(--reactaform-hover-bg, rgba(255,255,255,0.01))" : "var(--reactaform-hover-bg, #eee)", T = {
-            ...h,
-            background: E === m ? N : h.background
+          const v = n.includes(j.value), N = i ? "var(--reactaform-hover-bg, rgba(255,255,255,0.01))" : "var(--reactaform-hover-bg, #eee)", M = {
+            ...b,
+            background: E === u ? N : b.background
           };
           return /* @__PURE__ */ g.jsxs(
             "div",
@@ -2811,19 +2810,19 @@ const ht = ({
                 z.stopPropagation(), o(j.value);
               },
               onKeyDown: (z) => {
-                const H = r.length;
+                const L = r.length;
                 switch (z.key) {
                   case "ArrowDown":
-                    z.preventDefault(), f((J) => (J + 1) % H);
+                    z.preventDefault(), m((J) => (J + 1) % L);
                     break;
                   case "ArrowUp":
-                    z.preventDefault(), f((J) => (J - 1 + H) % H);
+                    z.preventDefault(), m((J) => (J - 1 + L) % L);
                     break;
                   case "Home":
-                    z.preventDefault(), f(0);
+                    z.preventDefault(), m(0);
                     break;
                   case "End":
-                    z.preventDefault(), f(H - 1);
+                    z.preventDefault(), m(L - 1);
                     break;
                   case "Enter":
                   case " ":
@@ -2834,15 +2833,15 @@ const ht = ({
                     break;
                 }
               },
-              tabIndex: E === m ? 0 : -1,
+              tabIndex: E === u ? 0 : -1,
               role: "option",
               "aria-selected": v,
-              style: T,
+              style: M,
               onMouseEnter: (z) => {
-                z.currentTarget.style.background = N, f(E);
+                z.currentTarget.style.background = N, m(E);
               },
               onMouseLeave: (z) => {
-                z.currentTarget.style.background = "transparent", f((H) => H === E ? -1 : H);
+                z.currentTarget.style.background = "transparent", m((L) => L === E ? -1 : L);
               },
               children: [
                 /* @__PURE__ */ g.jsx(
@@ -2856,7 +2855,7 @@ const ht = ({
                       width: "1.125em",
                       height: "1.125em",
                       verticalAlign: "middle",
-                      accentColor: c ? "#10b981" : "#22c55e",
+                      accentColor: i ? "#10b981" : "#22c55e",
                       cursor: "pointer"
                     }
                   }
@@ -2871,135 +2870,135 @@ const ht = ({
     ),
     w
   );
-}, vt = ({
+}, ft = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = D(), c = A.useRef(null), i = e.min ?? void 0, m = e.max ?? void 0, f = Math.max(1, Math.round(e.step ?? 1)), l = Q(
-    (p) => isNaN(p) ? t("Must be a valid integer") : Number.isInteger(p) ? i !== void 0 && p < i ? t("Must be �?{{1}}", i) : m !== void 0 && p > m ? t("Must be �?{{1}}", m) : Y(a, e, p, t) ?? null : t("Must be an integer"),
-    [a, e, t, i, m]
-  ), d = k(null), s = k(
+  const { t, definitionName: a } = D(), i = A.useRef(null), s = 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) ? s !== void 0 && p < s ? t("Must be �?{{1}}", s) : u !== void 0 && p > u ? t("Must be �?{{1}}", u) : Y(a, e, p, t) ?? null : t("Must be an integer"),
+    [a, e, t, s, u]
+  ), d = k(null), c = k(
     o
   );
   C(() => {
-    s.current = o;
+    c.current = o;
   }, [o]), C(() => {
-    if (document.activeElement === c.current) return;
+    if (document.activeElement === i.current) return;
     const y = String(r), x = l(r);
-    c.current && (c.current.value = y), x !== d.current && (d.current = x, s.current?.(x ?? null));
+    i.current && (i.current.value = y), x !== d.current && (d.current = x, c.current?.(x ?? null));
   }, [r, l]);
-  const u = (p) => {
+  const f = (p) => {
     if (p.trim() === "") return e.required ? t("Value required") : null;
     const x = Number(p);
     return l(x);
-  }, h = (p) => {
-    const y = p.target.value, x = p.target.valueAsNumber, S = u(y);
+  }, b = (p) => {
+    const y = p.target.value, x = p.target.valueAsNumber, S = f(y);
     n?.(x, S);
   };
-  return /* @__PURE__ */ g.jsx(W, { field: e, error: u(String(r ?? "")), children: /* @__PURE__ */ g.jsx(
+  return /* @__PURE__ */ g.jsx(W, { field: e, error: f(String(r ?? "")), children: /* @__PURE__ */ g.jsx(
     "input",
     {
-      ref: c,
+      ref: i,
       id: e.name,
       type: "number",
       defaultValue: String(r ?? ""),
-      min: i,
-      max: m,
-      step: f,
-      onChange: h,
+      min: s,
+      max: u,
+      step: m,
+      onChange: b,
       style: { width: "100%", height: "100%" },
-      className: O.input
+      className: $.input
     }
   ) });
-}, wt = ({
+}, dt = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t } = D(), a = A.useRef(null), { definitionName: c } = D(), i = Q(
+  const { t } = D(), a = A.useRef(null), { definitionName: i } = D(), s = Z(
     (d) => {
-      const s = String(d ?? "").trim();
-      if (s === "")
+      const c = String(d ?? "").trim();
+      if (c === "")
         return e.required ? t("Value required") : null;
       if (e.pattern)
         try {
-          if (!new RegExp(e.pattern).test(s))
+          if (!new RegExp(e.pattern).test(c))
             return t(
               "Phone number does not match pattern: {{1}}",
               `${e.pattern}`
             );
         } catch {
         }
-      return Y(c, e, s, t);
+      return Y(i, e, c, t);
     },
-    [c, e, t]
-  ), m = k(null), f = k(o);
+    [i, e, t]
+  ), u = k(null), m = k(o);
   C(() => {
-    f.current = o;
+    m.current = o;
   }, [o]), C(() => {
-    const d = String(r ?? ""), s = i(d);
-    a.current && a.current.value !== String(d) && (a.current.value = String(d)), s !== m.current && (m.current = s, f.current?.(s ?? null));
-  }, [r, i]);
+    const d = String(r ?? ""), c = s(d);
+    a.current && a.current.value !== String(d) && (a.current.value = String(d)), c !== u.current && (u.current = c, m.current?.(c ?? null));
+  }, [r, s]);
   const l = (d) => {
-    const s = d.target.value, u = s.trim();
-    let h = null;
-    if (u === "") {
-      h = e.required ? t("Value required") : null, n?.(s, h);
+    const c = d.target.value, f = c.trim();
+    let b = null;
+    if (f === "") {
+      b = e.required ? t("Value required") : null, n?.(c, b);
       return;
     }
-    !h && e.pattern && !new RegExp(e.pattern).test(u) && (h = t("Phone number does not match pattern: {{1}}", `${e.pattern}`)), n?.(s, h);
+    !b && e.pattern && !new RegExp(e.pattern).test(f) && (b = t("Phone number does not match pattern: {{1}}", `${e.pattern}`)), n?.(c, b);
   };
-  return /* @__PURE__ */ g.jsx(W, { field: e, error: i(String(r ?? "")), children: /* @__PURE__ */ g.jsx(
+  return /* @__PURE__ */ g.jsx(W, { field: e, error: s(String(r ?? "")), children: /* @__PURE__ */ g.jsx(
     "input",
     {
       type: "tel",
       defaultValue: String(r ?? ""),
       ref: a,
       onChange: l,
-      className: X(O.input, O.textInput)
+      className: X($.input, $.textInput)
     }
   ) });
-}, St = ({ field: e, value: r, onChange: n, onError: o }) => {
-  const { t, definitionName: a } = D(), c = e.layout?.toLowerCase() === "horizontal" ? "row" : "column", i = k(null), m = k(o);
+}, pt = ({ field: e, value: r, onChange: n, onError: o }) => {
+  const { t, definitionName: a } = D(), i = e.layout?.toLowerCase() === "horizontal" ? "row" : "column", s = k(null), u = k(o);
   C(() => {
-    m.current = o;
+    u.current = o;
   }, [o]);
-  const f = Q(
-    (d) => d === "" || d === null || d === void 0 ? t("Value required") : !e.options || e.options.length === 0 ? null : e.options.some((u) => u.value === d) ? Y(a, e, d, t) ?? null : t("Invalid option selected"),
+  const m = Z(
+    (d) => d === "" || d === null || d === void 0 ? t("Value required") : !e.options || e.options.length === 0 ? null : e.options.some((f) => f.value === d) ? Y(a, e, d, t) ?? null : t("Invalid option selected"),
     [e, t, a]
   );
   C(() => {
-    const d = r != null ? String(r) : "", s = f(d);
-    if (m.current?.(s ?? null), i.current) {
-      const u = Array.from(
-        i.current.querySelectorAll("input[type=radio]")
+    const d = r != null ? String(r) : "", c = m(d);
+    if (u.current?.(c ?? null), s.current) {
+      const f = Array.from(
+        s.current.querySelectorAll("input[type=radio]")
       );
-      if (s && e.options && e.options.length > 0) {
-        const h = String(e.options[0].value);
-        u.forEach((p) => p.checked = p.value === h), n?.(h, null);
+      if (c && e.options && e.options.length > 0) {
+        const b = String(e.options[0].value);
+        f.forEach((p) => p.checked = p.value === b), n?.(b, null);
       } else
-        u.forEach((h) => h.checked = h.value === d);
+        f.forEach((b) => b.checked = b.value === d);
     }
-  }, [r, f, n, e.options]);
+  }, [r, m, n, e.options]);
   const l = (d) => {
-    const s = d.target.value, u = f(s);
-    m.current?.(u ?? null), n?.(s, u);
+    const c = d.target.value, f = m(c);
+    u.current?.(f ?? null), n?.(c, f);
   };
-  return /* @__PURE__ */ g.jsx(W, { field: e, error: f(String(r ?? "")), children: /* @__PURE__ */ g.jsx(
+  return /* @__PURE__ */ g.jsx(W, { field: e, error: m(String(r ?? "")), children: /* @__PURE__ */ g.jsx(
     "div",
     {
       style: {
         display: "flex",
-        flexDirection: c,
-        flexWrap: c === "row" ? "wrap" : "nowrap",
-        gap: c === "row" ? "12px" : "4px",
-        alignItems: c === "row" ? "center" : "flex-start",
+        flexDirection: i,
+        flexWrap: i === "row" ? "wrap" : "nowrap",
+        gap: i === "row" ? "12px" : "4px",
+        alignItems: i === "row" ? "center" : "flex-start",
         width: "100%"
       },
-      ref: i,
+      ref: s,
       children: (e.options ?? []).map((d) => /* @__PURE__ */ g.jsxs(
         "label",
         {
@@ -3027,10 +3026,10 @@ const ht = ({
       ))
     }
   ) });
-}, Ct = {
+}, gt = {
   display: "flex",
   gap: 4
-}, jt = {
+}, ht = {
   cursor: "pointer",
   fontSize: "1.5rem",
   lineHeight: 1,
@@ -3038,42 +3037,42 @@ const ht = ({
   marginRight: "0.25rem",
   userSelect: "none",
   transition: "color 0.12s ease"
-}, kt = ({
+}, bt = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = D(), [c, i] = V(null), m = e.max || 5, f = Q(
-    (h) => e.required && h === 0 ? t("Value required") : Y(a, e, h, t) ?? null,
+  const { t, definitionName: a } = D(), [i, s] = T(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), d = k(o);
   C(() => {
     d.current = o;
   }, [o]), C(() => {
-    let h = r || 0;
-    r < 0 && (h = 0), r > m && (h = m);
-    const p = f(h);
+    let b = r || 0;
+    r < 0 && (b = 0), r > u && (b = u);
+    const p = m(b);
     p !== l.current && (l.current = p, d.current?.(p ?? null));
-  }, [r, f, m]);
-  const s = (h) => {
-    const p = f(h);
-    n?.(h, p);
-  }, u = (() => {
-    let h = r || 0;
-    return h < 0 && (h = 0), h > m && (h = m), h;
+  }, [r, m, u]);
+  const c = (b) => {
+    const p = m(b);
+    n?.(b, p);
+  }, f = (() => {
+    let b = r || 0;
+    return b < 0 && (b = 0), b > u && (b = u), b;
   })();
-  return /* @__PURE__ */ g.jsx(W, { field: e, error: f(u), children: /* @__PURE__ */ g.jsx("div", { style: Ct, children: (() => {
-    const h = e.icon, p = h && String(h).trim() ? String(h) : "★";
-    return [...Array(m)].map((y, x) => {
-      const S = x < u, F = c !== null && x <= c || S ? "gold" : "lightgray";
+  return /* @__PURE__ */ g.jsx(W, { field: e, error: m(f), children: /* @__PURE__ */ g.jsx("div", { style: gt, children: (() => {
+    const b = e.icon, p = b && String(b).trim() ? String(b) : "★";
+    return [...Array(u)].map((y, x) => {
+      const S = x < f, I = i !== null && x <= i || S ? "gold" : "lightgray";
       return /* @__PURE__ */ g.jsx(
         "span",
         {
-          onClick: () => s(x + 1),
-          onMouseEnter: () => i(x),
-          onMouseLeave: () => i(null),
-          style: { ...jt, color: F },
+          onClick: () => c(x + 1),
+          onMouseEnter: () => s(x),
+          onMouseLeave: () => s(null),
+          style: { ...ht, color: I },
           "aria-label": `Rating ${x + 1}`,
           title: t(`${e.displayName} ${x + 1}`),
           children: p
@@ -3082,63 +3081,63 @@ const ht = ({
       );
     });
   })() }) });
-}, Rt = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/;
-function Et(e) {
-  return Rt.test(e);
+}, yt = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/;
+function xt(e) {
+  return yt.test(e);
 }
-const Nt = ({
+const vt = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = D(), c = k(null), i = k(null), m = A.useCallback(
-    (h) => {
+  const { t, definitionName: a } = D(), i = k(null), s = k(null), u = A.useCallback(
+    (b) => {
       let p = null;
-      if (h.trim() === "")
+      if (b.trim() === "")
         return t("Value required");
-      if (!Et(h))
+      if (!xt(b))
         return t("Invalid number");
-      const y = Number(h);
+      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);
     },
     [a, e, t]
-  ), f = k(null), l = k(o);
+  ), m = k(null), l = k(o);
   C(() => {
     l.current = o;
   }, [o]), C(() => {
-    const h = String(r), p = m(h);
-    i.current && document.activeElement !== i.current && (i.current.value = isNaN(Number(h)) ? String(e.min ?? 0) : String(Number(h))), c.current && document.activeElement !== c.current && (c.current.value = h), p !== f.current && (f.current = p, l.current?.(p ?? null));
-  }, [r, m, e.min]);
-  const d = e.min ?? 0, s = e.max ?? 100, u = (h) => {
-    const p = h.target.value, y = m(p);
+    const b = String(r), p = u(b);
+    s.current && document.activeElement !== s.current && (s.current.value = isNaN(Number(b)) ? String(e.min ?? 0) : String(Number(b))), i.current && document.activeElement !== i.current && (i.current.value = b), p !== m.current && (m.current = p, l.current?.(p ?? null));
+  }, [r, u, e.min]);
+  const d = e.min ?? 0, c = e.max ?? 100, f = (b) => {
+    const p = b.target.value, y = u(p);
     n?.(p, y);
   };
-  return /* @__PURE__ */ g.jsx(W, { field: e, error: m(String(r ?? "")), children: /* @__PURE__ */ g.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", width: "100%" }, children: [
+  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(
       "input",
       {
-        ref: i,
+        ref: s,
         type: "range",
         defaultValue: isNaN(Number(r)) ? String(d) : String(Number(r)),
-        onChange: u,
+        onChange: f,
         min: d,
-        max: s,
+        max: c,
         style: {
           padding: "0px, 0px",
           // Remove padding to make Chrome browser works fine.
           flex: 1
         },
-        className: O.rangeInput
+        className: $.rangeInput
       }
     ),
     /* @__PURE__ */ g.jsx(
       "input",
       {
-        ref: c,
+        ref: i,
         type: "text",
         defaultValue: String(r ?? ""),
-        onChange: u,
+        onChange: f,
         required: !0,
         style: {
           width: "40px",
@@ -3147,17 +3146,17 @@ const Nt = ({
           textAlign: "center",
           flexShrink: 0
         },
-        className: X(O.input, O.textInput)
+        className: X($.input, $.textInput)
       }
     )
   ] }) });
-}, It = ({
+}, wt = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, formStyle: a, fieldStyle: c, definitionName: i } = D(), m = a, f = c, l = (w, j, E) => {
+  const { t, formStyle: a, fieldStyle: i, definitionName: s } = D(), u = a, m = i, l = (w, j, E) => {
     if (!j) return {};
     const v = w?.[j];
     return (E && v ? v[E] : void 0) ?? {};
@@ -3166,9 +3165,9 @@ const Nt = ({
     position: "relative",
     width: 44,
     height: 24,
-    ...l(m, "switch", "label"),
-    ...l(f, void 0, "label")
-  }), [m, f]), s = A.useMemo(() => ({
+    ...l(u, "switch", "label"),
+    ...l(m, void 0, "label")
+  }), [u, m]), c = A.useMemo(() => ({
     position: "absolute",
     opacity: 0,
     top: 0,
@@ -3179,9 +3178,9 @@ const Nt = ({
     cursor: "pointer",
     pointerEvents: "none",
     // Make hidden input non-interactive to avoid event conflicts
-    ...l(m, "switch", "hiddenInput"),
-    ...l(f, void 0, "hiddenInput")
-  }), [m, f]), u = A.useMemo(() => ({
+    ...l(u, "switch", "hiddenInput"),
+    ...l(m, void 0, "hiddenInput")
+  }), [u, m]), f = A.useMemo(() => ({
     position: "absolute",
     cursor: "pointer",
     top: 0,
@@ -3198,9 +3197,9 @@ const Nt = ({
     borderWidth: 2,
     borderStyle: "solid",
     borderColor: "transparent",
-    ...l(m, "switch", "slider"),
-    ...l(f, void 0, "slider")
-  }), [m, f]), h = A.useMemo(() => ({
+    ...l(u, "switch", "slider"),
+    ...l(m, void 0, "slider")
+  }), [u, m]), b = A.useMemo(() => ({
     position: "absolute",
     height: 16,
     width: 16,
@@ -3210,9 +3209,9 @@ const Nt = ({
     transition: "0.3s",
     borderRadius: "50%",
     boxShadow: "0 1px 3px rgba(0, 0, 0, 0.3)",
-    ...l(m, "switch", "knob"),
-    ...l(f, void 0, "knob")
-  }), [m, f]), p = !!r, y = A.useRef(null), x = A.useRef(o), S = A.useCallback((w) => w ? Y(i, e, w, t) ?? null : e.required ? t("Value required") : null, [e, t, i]), I = () => {
+    ...l(u, "switch", "knob"),
+    ...l(m, void 0, "knob")
+  }), [u, m]), p = !!r, y = A.useRef(null), x = A.useRef(o), S = A.useCallback((w) => w ? Y(s, e, w, t) ?? null : e.required ? t("Value required") : null, [e, t, s]), F = () => {
     const w = !p, j = S(w);
     n?.(w, j);
   };
@@ -3222,13 +3221,13 @@ const Nt = ({
     const w = S(p);
     w !== y.current && (y.current = w, x.current?.(w ?? null));
   }, [p, e, S]);
-  const F = e.name;
+  const I = e.name;
   return /* @__PURE__ */ g.jsx(W, { field: e, error: S(p), rightAlign: !1, children: /* @__PURE__ */ g.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
     /* @__PURE__ */ g.jsx(
       "label",
       {
-        className: O.label,
-        htmlFor: F,
+        className: $.label,
+        htmlFor: I,
         style: { textAlign: "left", justifyContent: "flex-start" },
         children: t(e.displayName)
       }
@@ -3242,7 +3241,7 @@ const Nt = ({
           checked: p,
           readOnly: !0,
           "aria-label": t(e.displayName),
-          style: s,
+          style: c,
           tabIndex: -1
         }
       ),
@@ -3253,17 +3252,17 @@ const Nt = ({
           "data-testid": "switch",
           tabIndex: 0,
           "aria-checked": p,
-          onClick: I,
+          onClick: F,
           onKeyDown: (w) => {
-            (w.key === " " || w.key === "Spacebar" || w.key === "Space" || w.key === "Enter") && (w.preventDefault(), I());
+            (w.key === " " || w.key === "Spacebar" || w.key === "Space" || w.key === "Enter") && (w.preventDefault(), F());
           },
           className: `reactaform-switch ${p ? "active checked on" : ""} `,
-          style: p ? { ...u, backgroundColor: "var(--reactaform-switch-on-bg, #22c55e)", borderColor: "var(--reactaform-switch-on-border, #16a34a)" } : u,
+          style: p ? { ...f, backgroundColor: "var(--reactaform-switch-on-bg, #22c55e)", borderColor: "var(--reactaform-switch-on-border, #16a34a)" } : f,
           children: /* @__PURE__ */ g.jsx(
             "span",
             {
               style: {
-                ...h,
+                ...b,
                 transform: p ? "translateX(20px)" : void 0
               }
             }
@@ -3272,56 +3271,56 @@ const Nt = ({
       )
     ] })
   ] }) });
-}, er = ({
+}, Ke = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = D(), c = A.useRef(null), i = A.useRef(null), m = A.useRef(
+  const { t, definitionName: a } = D(), i = A.useRef(null), s = A.useRef(null), u = A.useRef(
     o
   );
   A.useEffect(() => {
-    m.current = o;
+    u.current = o;
   }, [o]);
-  const f = G(
+  const m = G(
     () => e.pattern ? new RegExp(e.pattern) : null,
     [e.pattern]
   ), l = A.useCallback(
-    (s) => s.trim() === "" ? e.required ? t("Value required") : null : e.minLength !== void 0 && s.length < e.minLength ? t("Must be at least {{1}} characters", e.minLength) : e.maxLength !== void 0 && s.length > e.maxLength ? t("Must be at most {{1}} characters", e.maxLength) : f && !f.test(s) ? t("Input does not match pattern: {{1}}", e.pattern) : Y(a, e, s, t),
-    [e, a, t, f]
-  ), d = (s) => {
-    const u = s.target.value, h = l(u);
-    n?.(u, h);
+    (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]
+  ), d = (c) => {
+    const f = c.target.value, b = l(f);
+    n?.(f, b);
   };
   return C(() => {
-    const s = l(r);
-    c.current && c.current.value !== String(r ?? "") && (c.current.value = String(r ?? "")), s !== i.current && (i.current = s, m.current?.(s ?? null));
+    const c = l(r);
+    i.current && i.current.value !== String(r ?? "") && (i.current.value = String(r ?? "")), c !== s.current && (s.current = c, u.current?.(c ?? null));
   }, [r, l]), /* @__PURE__ */ g.jsx(W, { field: e, error: l(String(r ?? "")), children: /* @__PURE__ */ g.jsx(
     "input",
     {
       id: e.name,
       type: "text",
       defaultValue: String(r ?? ""),
-      ref: c,
+      ref: i,
       onChange: d,
-      className: X(O.input, O.textInput)
+      className: X($.input, $.textInput)
     }
   ) });
-}, At = ({
+}, St = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = D(), c = k(null), i = k(o), m = e.includeSeconds ?? !0;
+  const { t, definitionName: a } = D(), i = k(null), s = k(o), u = e.includeSeconds ?? !0;
   C(() => {
-    i.current = o;
+    s.current = o;
   }, [o]);
-  const f = A.useCallback((d) => {
+  const m = A.useCallback((d) => {
     if (!d || d.trim() === "")
       return e.required || e.min || e.max ? t("Value required") : null;
-    const s = (p) => {
+    const c = (p) => {
       const y = p.split(":").map((S) => parseInt(S, 10));
       if (y.some((S) => Number.isNaN(S))) return NaN;
       let x = 0;
@@ -3334,55 +3333,55 @@ const Nt = ({
       else
         return NaN;
       return x;
-    }, u = s(d);
-    if (Number.isNaN(u)) return t("Invalid time format");
+    }, f = c(d);
+    if (Number.isNaN(f)) return t("Invalid time format");
     if (e.min && typeof e.min == "string") {
-      const p = s(e.min);
-      if (!Number.isNaN(p) && u < p)
+      const p = c(e.min);
+      if (!Number.isNaN(p) && f < p)
         return t("Time must be on or after {{1}}", e.min);
     }
     if (e.max && typeof e.max == "string") {
-      const p = s(e.max);
-      if (!Number.isNaN(p) && u > p)
+      const p = c(e.max);
+      if (!Number.isNaN(p) && f > p)
         return t("Time must be on or before {{1}}", e.max);
     }
     return Y(a, e, d, t) ?? null;
   }, [e, a, t]), l = (d) => {
-    const s = d.target.value, u = f(s);
-    n?.(s, u);
+    const c = d.target.value, f = m(c);
+    n?.(c, f);
   };
   return C(() => {
-    const d = f(r);
-    d !== c.current && (c.current = d, i.current?.(d ?? null));
-  }, [r, f]), /* @__PURE__ */ g.jsx(W, { field: e, error: f(r), children: /* @__PURE__ */ g.jsx(
+    const d = m(r);
+    d !== i.current && (i.current = d, s.current?.(d ?? null));
+  }, [r, m]), /* @__PURE__ */ g.jsx(W, { field: e, error: m(r), children: /* @__PURE__ */ g.jsx(
     "input",
     {
       id: e.name,
       type: "time",
       value: r,
-      step: m ? 1 : 60,
+      step: u ? 1 : 60,
       onChange: l,
       min: typeof e.min == "string" ? e.min : void 0,
       max: typeof e.max == "string" ? e.max : void 0,
-      className: X(O.input, O.textInput)
+      className: X($.input, $.textInput)
     }
   ) });
-}, ye = {};
-function Ft(e, r) {
-  if (e in ye)
+}, he = {};
+function Ct(e, r) {
+  if (e in he)
     return;
-  const n = Be[e] ?? {}, o = {}, t = {}, a = {};
-  for (const [i, m] of Object.entries(n))
-    typeof m.factor == "number" && (o[i] = m.factor), t[i] = r(i), a[r(i)] = i;
-  const c = Object.keys(n)[0] ?? "";
-  ye[e] = {
-    default: c,
+  const n = Le[e] ?? {}, o = {}, t = {}, a = {};
+  for (const [s, u] of Object.entries(n))
+    typeof u.factor == "number" && (o[s] = u.factor), t[s] = r(s), a[r(s)] = s;
+  const i = Object.keys(n)[0] ?? "";
+  he[e] = {
+    default: i,
     factors: o,
     labels: t,
     reverseLabels: a
   };
 }
-function Ot(e, r, n) {
+function jt(e, r, n) {
   if (e === "C") {
     if (r === "F") return n * (9 / 5) + 32;
     if (r === "K") return n + 273.15;
@@ -3395,51 +3394,51 @@ function Ot(e, r, n) {
   }
   return n;
 }
-function Mt(e, r, n) {
+function kt(e, r, n) {
   if (!Number.isFinite(e)) return [];
-  if (n === ye.temperature)
+  if (n === he.temperature)
     return Object.keys(n.labels).map((a) => {
-      const c = Ot(r, a, e);
-      return Number.isFinite(c) ? { label: `${c.toFixed(6)} ${a}`, value: c.toString(), unit: a } : { label: `${String(c)} ${a}`, value: String(c), unit: a };
+      const i = jt(r, a, e);
+      return Number.isFinite(i) ? { label: `${i.toFixed(6)} ${a}`, value: i.toString(), unit: a } : { label: `${String(i)} ${a}`, value: String(i), unit: a };
     });
   const t = n.factors[r];
-  return t === void 0 ? [] : Object.entries(n.factors).map(([a, c]) => {
-    const i = e / t * c;
-    return Number.isFinite(i) ? { label: `${i.toFixed(6)} ${a}`, value: i.toString(), unit: a } : { label: `${String(i)} ${a}`, value: String(i), unit: a };
+  return t === void 0 ? [] : Object.entries(n.factors).map(([a, i]) => {
+    const s = e / t * i;
+    return Number.isFinite(s) ? { label: `${s.toFixed(6)} ${a}`, value: s.toString(), unit: a } : { label: `${String(s)} ${a}`, value: String(s), unit: a };
   });
 }
-function Ce(e, r) {
+function xe(e, r) {
   return e in r.labels ? e : r.reverseLabels && r.reverseLabels[e] ? r.reverseLabels[e] : null;
 }
-const $t = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/, Vt = ({
+const Rt = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/, Et = ({
   unitFactors: e,
   field: r,
   value: n,
   onChange: o,
   onError: t
 }) => {
-  const { t: a, definitionName: c } = D(), i = k(null), m = k(null), f = k(null), [l, d] = V(null), [s, u] = V(null), [h, p] = V(!1), [y, x] = V(null), [S, I] = V([]), F = Q(
-    (L, M) => {
-      if (!L || L.trim() === "")
+  const { t: a, definitionName: i } = D(), s = k(null), u = k(null), m = k(null), [l, d] = T(null), [c, f] = T(null), [b, p] = T(!1), [y, x] = T(null), [S, F] = T([]), I = Z(
+    (P, O) => {
+      if (!P || P.trim() === "")
         return r.required ? a("Value required") : null;
-      if (!$t.test(L)) return a("Must be a valid number");
-      const b = Y(c, r, [L, M], a);
-      return b || null;
+      if (!Rt.test(P)) return a("Must be a valid number");
+      const h = Y(i, r, [P, O], a);
+      return h || null;
     },
-    [c, r, a]
+    [i, r, a]
   ), w = e.reverseLabels !== void 0 ? e.reverseLabels : Object.fromEntries(
-    Object.entries(e.labels).map(([L, M]) => [M, L])
+    Object.entries(e.labels).map(([P, O]) => [O, P])
   );
   C(() => {
-    const L = String(n[0]);
-    let M = n[1] ?? e.default;
-    M = Ce(M, e) || M;
-    const b = document.activeElement;
-    b === i.current || b === m.current || (i.current && (i.current.value = L), m.current && (m.current.value = M), f.current !== null && (cancelAnimationFrame(f.current), f.current = null), f.current = requestAnimationFrame(() => {
-      f.current = null, d(null), u(null);
+    const P = String(n[0]);
+    let O = n[1] ?? e.default;
+    O = xe(O, e) || O;
+    const h = document.activeElement;
+    h === s.current || h === u.current || (s.current && (s.current.value = P), u.current && (u.current.value = O), m.current !== null && (cancelAnimationFrame(m.current), m.current = null), m.current = requestAnimationFrame(() => {
+      m.current = null, d(null), f(null);
     }));
   }, [n, e]), C(() => () => {
-    f.current !== null && (cancelAnimationFrame(f.current), f.current = null);
+    m.current !== null && (cancelAnimationFrame(m.current), m.current = null);
   }, []);
   const j = k(null), E = k(
     t
@@ -3447,75 +3446,75 @@ const $t = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/, Vt = ({
   C(() => {
     E.current = t;
   }, [t]), C(() => {
-    const L = String(n[0]);
-    let M = n[1] ?? e.default;
-    M = Ce(M, e) || M;
-    const b = F(L, M);
-    b !== j.current && (j.current = b, E.current?.(b ?? null));
-  }, [n, e, F]);
-  const v = (L, M, b) => {
-    const R = w[M] || M;
-    o?.([L, R], b);
-  }, N = (L) => {
-    const M = L.target.value, b = m.current ? m.current.value : e.default, R = F(M, b);
-    d(M), v(M, b, R);
-  }, T = (L) => {
-    const M = L.target.value, b = i.current ? i.current.value : String(n[0] ?? ""), R = F(b, M);
-    u(M), m.current && (m.current.value = M), v(b, M, R);
-  }, z = (L) => {
-    const M = i.current ? i.current.value : String(n[0] ?? ""), b = parseFloat(M), R = m.current ? m.current.value : e.default;
-    if (F(M, R) || !M.trim() || !Number.isFinite(b))
+    const P = String(n[0]);
+    let O = n[1] ?? e.default;
+    O = xe(O, e) || O;
+    const h = I(P, O);
+    h !== j.current && (j.current = h, E.current?.(h ?? null));
+  }, [n, e, I]);
+  const v = (P, O, h) => {
+    const R = w[O] || O;
+    o?.([P, R], h);
+  }, N = (P) => {
+    const O = P.target.value, h = u.current ? u.current.value : e.default, R = I(O, h);
+    d(O), v(O, h, R);
+  }, M = (P) => {
+    const O = P.target.value, h = s.current ? s.current.value : String(n[0] ?? ""), R = I(h, O);
+    f(O), u.current && (u.current.value = O), v(h, O, R);
+  }, z = (P) => {
+    const O = s.current ? s.current.value : String(n[0] ?? ""), h = parseFloat(O), R = u.current ? u.current.value : e.default;
+    if (I(O, R) || !O.trim() || !Number.isFinite(h))
       return;
-    const P = L.currentTarget.getBoundingClientRect(), Z = P.left, se = P.bottom;
-    x({ x: Z, y: se });
-    const B = Mt(b, R, e);
-    if (B.length === 0) {
-      I([]), p(!1);
+    const U = P.currentTarget.getBoundingClientRect(), ne = U.left, ae = U.bottom;
+    x({ x: ne, y: ae });
+    const _ = kt(h, R, e);
+    if (_.length === 0) {
+      F([]), p(!1);
       return;
     }
-    I(B), p((te) => !te);
-  }, H = (L) => {
-    const { value: M, unit: b } = L;
-    p(!1), x(null), i.current && (i.current.value = M), m.current && (m.current.value = b), d(M), u(b);
-    const R = F(M, b);
-    v(M, b, R);
-  }, J = String(n[0] ?? ""), ee = Ce(n[1] ?? e.default, e) || (n[1] ?? e.default), ae = l ?? J, re = !!F(ae, s ?? ee) || !ae.trim(), ue = {
+    F(_), p((V) => !V);
+  }, L = (P) => {
+    const { value: O, unit: h } = P;
+    p(!1), x(null), s.current && (s.current.value = O), u.current && (u.current.value = h), d(O), f(h);
+    const R = I(O, h);
+    v(O, h, R);
+  }, J = String(n[0] ?? ""), ce = xe(n[1] ?? e.default, e) || (n[1] ?? e.default), re = l ?? J, Q = !!I(re, c ?? ce) || !re.trim(), oe = {
     width: "var(--reactaform-unit-btn-width, 2.5em)",
     height: "var(--reactaform-unit-btn-height, 2.5em)",
     padding: "var(--reactaform-unit-btn-padding, 0)",
     border: "none",
     borderRadius: "var(--reactaform-button-border-radius, var(--reactaform-border-radius, 0.25em))",
-    backgroundColor: re ? "var(--reactaform-button-disabled-bg, #cccccc)" : "var(--reactaform-button-bg, var(--reactaform-success-color))",
+    backgroundColor: Q ? "var(--reactaform-button-disabled-bg, #cccccc)" : "var(--reactaform-button-bg, var(--reactaform-success-color))",
     color: "var(--reactaform-button-text, #ffffff)",
-    cursor: re ? "var(--reactaform-button-disabled-cursor, not-allowed)" : "pointer",
-    opacity: re ? +"var(--reactaform-button-disabled-opacity, 0.6)" : 1,
+    cursor: Q ? "var(--reactaform-button-disabled-cursor, not-allowed)" : "pointer",
+    opacity: Q ? +"var(--reactaform-button-disabled-opacity, 0.6)" : 1,
     display: "flex",
     alignItems: "center",
     justifyContent: "center"
   };
-  return /* @__PURE__ */ g.jsx(W, { field: r, error: F(J, ee), children: /* @__PURE__ */ g.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "var(--reactaform-unit-gap, 8px)", width: "100%" }, children: [
+  return /* @__PURE__ */ g.jsx(W, { field: r, error: I(J, ce), children: /* @__PURE__ */ g.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "var(--reactaform-unit-gap, 8px)", width: "100%" }, children: [
     /* @__PURE__ */ g.jsx(
       "input",
       {
         type: "text",
-        ref: i,
+        ref: s,
         defaultValue: String(n[0] ?? ""),
         onChange: N,
         style: { width: "var(--reactaform-unit-input-width, 100px)" },
-        className: X(O.input, O.textInput)
+        className: X($.input, $.textInput)
       }
     ),
     /* @__PURE__ */ g.jsx(
       "select",
       {
-        ref: m,
-        defaultValue: Ce(n[1] ?? e.default, e) || (n[1] ?? e.default),
-        onChange: T,
+        ref: u,
+        defaultValue: xe(n[1] ?? e.default, e) || (n[1] ?? e.default),
+        onChange: M,
         className: X(
-          O.input,
-          O.inputSelect
+          $.input,
+          $.inputSelect
         ),
-        children: Object.keys(e.labels).map((L) => /* @__PURE__ */ g.jsx("option", { value: L, children: e.labels[L] ?? L }, L))
+        children: Object.keys(e.labels).map((P) => /* @__PURE__ */ g.jsx("option", { value: P, children: e.labels[P] ?? P }, P))
       }
     ),
     /* @__PURE__ */ g.jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [
@@ -3523,10 +3522,10 @@ const $t = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/, Vt = ({
         "button",
         {
           onClick: z,
-          "aria-disabled": re,
-          disabled: re,
-          style: ue,
-          className: O.button,
+          "aria-disabled": Q,
+          disabled: Q,
+          style: oe,
+          className: $.button,
           children: /* @__PURE__ */ g.jsx(
             "span",
             {
@@ -3541,27 +3540,27 @@ const $t = /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][-+]?\d+)?$/, Vt = ({
           )
         }
       ),
-      h && S && /* @__PURE__ */ g.jsx(
-        fr,
+      b && S && /* @__PURE__ */ g.jsx(
+        ir,
         {
           pos: y,
           options: S,
           onClose: () => {
             x(null), p(!1);
           },
-          onClickOption: H
+          onClickOption: L
         }
       )
     ] })
   ] }) });
 };
-function Tt({ field: e, value: r, onChange: n }) {
+function Nt({ field: e, value: r, onChange: n }) {
   const { t: o } = D(), t = e.dimension;
   if (!t) return null;
-  ye[t] || Ft(t, o);
-  const a = ye[t];
+  he[t] || Ct(t, o);
+  const a = he[t];
   return a ? /* @__PURE__ */ g.jsx(
-    Vt,
+    Et,
     {
       unitFactors: a,
       field: e,
@@ -3570,47 +3569,47 @@ function Tt({ field: e, value: r, onChange: n }) {
     }
   ) : null;
 }
-const zt = /^(https?|ftp|file):\/\/[-A-Z0-9+&@#/%?=~_|!:,.;]*[-A-Z0-9+&@#/%=~_|]$/i, Dt = (e) => {
+const It = /^(https?|ftp|file):\/\/[-A-Z0-9+&@#/%?=~_|!:,.;]*[-A-Z0-9+&@#/%=~_|]$/i, At = (e) => {
   try {
     return new URL(e), !0;
   } catch {
     return !1;
   }
-}, Lt = ({
+}, Ft = ({
   field: e,
   value: r,
   onChange: n,
   onError: o
 }) => {
-  const { t, definitionName: a } = D(), c = k(null), i = Q(
+  const { t, definitionName: a } = D(), i = k(null), s = Z(
     (d) => {
-      const s = d.trim();
-      return s === "" ? e.required ? t("Value required") : null : !zt.test(s) && !Dt(s) ? t("Must be a valid URL") : Y(a, e, s, t) ?? null;
+      const c = d.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;
     },
     [a, e, t]
-  ), m = (d) => {
-    const s = d.target.value, u = i(s);
-    n?.(s.trim(), u);
-  }, f = k(null), l = k(o);
+  ), u = (d) => {
+    const c = d.target.value, f = s(c);
+    n?.(c.trim(), f);
+  }, m = k(null), l = k(o);
   return C(() => {
     l.current = o;
   }, [o]), C(() => {
-    const d = r ?? "", s = i(d);
-    c.current && c.current.value !== String(d) && (c.current.value = String(d)), s !== f.current && (f.current = s, l.current?.(s ?? null));
-  }, [r, i]), /* @__PURE__ */ g.jsx(W, { field: e, error: i(String(r ?? "")), children: /* @__PURE__ */ g.jsx(
+    const d = r ?? "", c = s(d);
+    i.current && i.current.value !== String(d) && (i.current.value = String(d)), c !== m.current && (m.current = c, l.current?.(c ?? null));
+  }, [r, s]), /* @__PURE__ */ g.jsx(W, { field: e, error: s(String(r ?? "")), children: /* @__PURE__ */ g.jsx(
     "input",
     {
       id: e.name,
       type: "url",
       defaultValue: String(r ?? ""),
-      ref: c,
-      onChange: m,
+      ref: i,
+      onChange: u,
       style: { alignItems: "left" },
-      className: X(O.input, O.textInput),
+      className: X($.input, $.textInput),
       placeholder: "https://example.com"
     }
   ) });
-}, Te = new Re(), Pt = /* @__PURE__ */ new Set([
+}, Fe = new we(), Mt = /* @__PURE__ */ new Set([
   "checkbox",
   "switch",
   "dropdown",
@@ -3620,78 +3619,78 @@ const zt = /^(https?|ftp|file):\/\/[-A-Z0-9+&@#/%?=~_|!:,.;]*[-A-Z0-9+&@#/%=~_|]
   "stepper",
   "color",
   "rating"
-]), dr = {
-  checkbox: Jr,
-  color: Kr,
-  date: Zr,
-  dropdown: Qr,
-  email: rt,
-  file: nt,
-  float: ut,
-  "float-array": it,
-  image: ft,
-  int: ht,
-  "int-array": pt,
-  "multi-selection": yt,
-  multiline: bt,
-  phone: wt,
-  radio: St,
-  rating: kt,
-  separator: tt,
-  slider: Nt,
-  string: er,
-  stepper: vt,
-  switch: It,
-  text: er,
-  time: At,
-  unit: Tt,
-  url: Lt
+]), cr = {
+  checkbox: Pr,
+  color: qr,
+  date: Hr,
+  dropdown: Ur,
+  email: Yr,
+  file: Gr,
+  float: tt,
+  "float-array": Qr,
+  image: ot,
+  int: ct,
+  "int-array": st,
+  "multi-selection": ut,
+  multiline: lt,
+  phone: dt,
+  radio: pt,
+  rating: bt,
+  separator: Jr,
+  slider: vt,
+  string: Ke,
+  stepper: ft,
+  switch: wt,
+  text: Ke,
+  time: St,
+  unit: Nt,
+  url: Ft
 };
-function pr(e, r, n) {
-  if (!n && e in dr) {
+function lr(e, r, n) {
+  if (!n && e in cr) {
     console.warn(
       `Can't Overwrite Base Component type "${e}".`
     );
     return;
   }
-  if (Pt.has(e)) {
-    Te.register(e, r);
+  if (Mt.has(e)) {
+    Fe.register(e, r);
     return;
   }
   const o = (t) => {
-    const { callback: c, cancel: i } = Or(
-      (...m) => {
-        const f = t.onChange;
-        typeof f == "function" && f(...m);
+    const { callback: i, cancel: s } = Cr(
+      (...u) => {
+        const m = t.onChange;
+        typeof m == "function" && m(...u);
       },
       200
     );
     return C(() => () => {
-      i();
-    }, [i]), A.createElement(r, { ...t, onChange: c });
+      s();
+    }, [s]), A.createElement(r, { ...t, onChange: i });
   };
-  Te.register(e, o);
+  Fe.register(e, o);
 }
-function pn(e, r) {
-  pr(e, r, !1);
+function on(e, r) {
+  lr(e, r, !1);
 }
-function gr(e) {
-  return Te.get(e);
+function Ot(e) {
+  return Fe.get(e);
 }
-let rr = !1;
-function hr() {
-  rr || (Object.entries(dr).forEach(([e, r]) => {
-    pr(e, r, !0);
-  }), rr = !0);
+let Xe = !1;
+function ur() {
+  Xe || (Object.entries(cr).forEach(([e, r]) => {
+    lr(e, r, !0);
+  }), Xe = !0);
 }
-const br = new Re();
-function _t(e, r) {
-  br.register(e, r);
+const mr = new we();
+function $t(e, r) {
+  mr.register(e, r);
 }
-function qt(e) {
-  return br.get(e);
+function Vt(e) {
+  return mr.get(e);
 }
-_t(
+$t(
   "Preset_AlertSubmitHandler",
   (e, r, n) => {
     const o = {
@@ -3703,12 +3702,12 @@ _t(
     alert(t);
   }
 );
-const yr = A.memo(({ field: e, value: r, handleChange: n, handleError: o }) => {
-  const t = gr(e.type), a = A.useCallback(
-    (i, m) => n(e.name, i, m),
+const fr = A.memo(({ field: e, value: r, handleChange: n, handleError: o }) => {
+  const t = Ot(e.type), a = A.useCallback(
+    (s, u) => n(e.name, s, u),
     [n, e.name]
-  ), c = A.useCallback(
-    (i) => o?.(e.name, i),
+  ), i = A.useCallback(
+    (s) => o?.(e.name, s),
     [o, e.name]
   );
   return t ? /* @__PURE__ */ g.jsx(
@@ -3717,13 +3716,13 @@ const yr = A.memo(({ field: e, value: r, handleChange: n, handleError: o }) => {
       field: e,
       value: r,
       onChange: a,
-      onError: c
+      onError: i
     }
   ) : null;
 }, (e, r) => e.field === r.field && e.value === r.value && e.handleChange === r.handleChange && e.handleError === r.handleError);
-yr.displayName = "FieldWrapper";
-const xr = (e, r, n, o) => /* @__PURE__ */ g.jsx(
-  yr,
+fr.displayName = "FieldWrapper";
+const dr = (e, r, n, o) => /* @__PURE__ */ g.jsx(
+  fr,
   {
     field: e,
     value: r[e.name],
@@ -3731,16 +3730,16 @@ const xr = (e, r, n, o) => /* @__PURE__ */ g.jsx(
     handleError: o
   },
   e.name
-), vr = A.memo(({ groupName: e, isOpen: r, fields: n, valuesMap: o, handleChange: t, handleError: a, toggleGroup: c, t: i }) => {
-  const m = A.useCallback(() => c(e), [c, e]), { formStyle: f, fieldStyle: l } = D(), d = A.useMemo(() => ({
+), pr = A.memo(({ groupName: e, isOpen: r, fields: n, valuesMap: o, handleChange: t, handleError: a, toggleGroup: i, t: s }) => {
+  const u = A.useCallback(() => i(e), [i, e]), { formStyle: m, fieldStyle: l } = D(), d = A.useMemo(() => ({
     border: "1px solid var(--reactaform-border-color, #bbb)",
     padding: "var(--reactaform-fieldset-padding, 0.5em)",
     borderRadius: "var(--reactaform-border-radius, 4px)",
     marginBottom: "var(--reactaform-space, 8px)",
     // allow per-form overrides if provider exposes them
-    ...f?.fieldset || {},
+    ...m?.fieldset || {},
     ...l?.fieldset || {}
-  }), [f, l]), s = A.useMemo(() => ({
+  }), [m, l]), c = A.useMemo(() => ({
     fontWeight: "bold",
     cursor: "pointer",
     display: "flex",
@@ -3748,165 +3747,78 @@ const xr = (e, r, n, o) => /* @__PURE__ */ g.jsx(
     alignItems: "center",
     padding: "0 var(--reactaform-space, 8px)",
     color: "var(--reactaform-text-color, inherit)",
-    ...f?.legend || {},
+    ...m?.legend || {},
     ...l?.legend || {}
-  }), [f, l]);
+  }), [m, l]);
   return /* @__PURE__ */ g.jsxs("fieldset", { style: d, children: [
-    /* @__PURE__ */ g.jsxs("legend", { onClick: m, style: s, children: [
-      /* @__PURE__ */ g.jsx("span", { children: i(e) }),
+    /* @__PURE__ */ g.jsxs("legend", { onClick: u, style: c, children: [
+      /* @__PURE__ */ g.jsx("span", { children: s(e) }),
       /* @__PURE__ */ g.jsx("span", { children: r ? "▼" : "▶" })
     ] }),
-    r && n.map((u) => /* @__PURE__ */ g.jsx("div", { children: xr(u, o, t, a) }, u.name))
+    r && n.map((f) => /* @__PURE__ */ g.jsx("div", { children: dr(f, o, t, a) }, f.name))
   ] });
 });
-vr.displayName = "FieldGroup";
-const Bt = (e, r, n, o, t, a, c, i, m) => {
-  const f = r.slice(0, i).filter((u) => c[u.name]), d = cr(f).groups, s = [];
-  return d.forEach((u) => {
-    if (u.name) {
-      const h = e[u.name] ?? !0;
-      s.push(
+pr.displayName = "FieldGroup";
+const Tt = (e, r, n, o, t, a, i, s, u) => {
+  const m = r.slice(0, s).filter((f) => i[f.name]), d = Or(m).groups, c = [];
+  return d.forEach((f) => {
+    if (f.name) {
+      const b = e[f.name] ?? !0;
+      c.push(
         /* @__PURE__ */ g.jsx(
-          vr,
+          pr,
           {
-            groupName: u.name,
-            isOpen: h,
-            fields: u.fields,
+            groupName: f.name,
+            isOpen: b,
+            fields: f.fields,
             valuesMap: n,
             handleChange: t,
             handleError: a,
-            toggleGroup: m,
+            toggleGroup: u,
             t: o
           },
-          u.name
+          f.name
         )
       );
     } else
-      u.fields.forEach((h) => s.push(/* @__PURE__ */ g.jsx("div", { children: xr(h, n, t, a) }, h.name)));
-  }), s;
-}, Ht = ({
-  fields: e,
-  visibility: r,
-  groupState: n,
-  toggleGroup: o,
-  t,
-  renderField: a,
-  containerHeight: c = 600,
-  estimatedFieldHeight: i = 60
-}) => {
-  const m = k(null), f = G(() => {
-    const s = e.filter((p) => r[p.name]), u = cr(s), h = [];
-    return u.groups.forEach((p) => {
-      if (p.name) {
-        const y = n[p.name] ?? !0;
-        h.push({
-          type: "group-header",
-          groupName: p.name,
-          isOpen: y
-        }), y && p.fields.forEach((x) => {
-          h.push({
-            type: "field",
-            field: x
-          });
-        });
-      } else
-        p.fields.forEach((y) => {
-          h.push({
-            type: "field",
-            field: y
-          });
-        });
-    }), h;
-  }, [e, r, n]), l = (s) => {
-    const u = f[s];
-    if (!u) return i;
-    if (u.type === "group-header")
-      return 50;
-    const h = u.field?.type;
-    return h === "multiline" ? 120 : h === "separator" ? 30 : h === "image" ? 200 : i;
-  }, d = A.useCallback(({ index: s, style: u }) => {
-    const h = f[s];
-    return h ? h.type === "group-header" && h.groupName ? /* @__PURE__ */ g.jsx("div", { style: u, children: /* @__PURE__ */ g.jsx(
-      "fieldset",
-      {
-        style: {
-          border: "1px solid var(--reactaform-border-color, #bbb)",
-          padding: "0",
-          borderRadius: "var(--reactaform-border-radius, 4px)",
-          marginBottom: "var(--reactaform-space, 8px)"
-        },
-        children: /* @__PURE__ */ g.jsxs(
-          "legend",
-          {
-            onClick: () => o(h.groupName),
-            style: {
-              fontWeight: "bold",
-              cursor: "pointer",
-              display: "flex",
-              justifyContent: "space-between",
-              alignItems: "center",
-              padding: "0 var(--reactaform-space, 8px)",
-              color: "var(--reactaform-text-color, inherit)"
-            },
-            children: [
-              /* @__PURE__ */ g.jsx("span", { children: t(h.groupName) }),
-              /* @__PURE__ */ g.jsx("span", { children: h.isOpen ? "▼" : "▶" })
-            ]
-          }
-        )
-      }
-    ) }) : h.type === "field" && h.field ? /* @__PURE__ */ g.jsx("div", { style: u, children: a(h.field) }, h.field.name) : /* @__PURE__ */ g.jsx("div", { style: u }) : /* @__PURE__ */ g.jsx("div", { style: u });
-  }, [f, o, a, t]);
-  return f.length === 0 ? /* @__PURE__ */ g.jsx("div", { style: { padding: "var(--reactaform-space, 8px)", color: "var(--reactaform-text-muted, #666)" }, children: t("No fields to display") }) : (
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    /* @__PURE__ */ g.jsx(
-      Er,
-      {
-        listRef: m,
-        defaultHeight: c,
-        rowCount: f.length,
-        rowHeight: l,
-        rowComponent: d,
-        rowProps: {}
-      }
-    )
-  );
-}, Ut = (e) => {
+      f.fields.forEach((b) => c.push(/* @__PURE__ */ g.jsx("div", { children: dr(b, n, t, a) }, b.name)));
+  }), c;
+}, zt = (e) => {
   const r = {};
   return e.forEach((n) => {
     r[n.name] = !1;
   }), r;
-}, He = (e, r, n, o) => {
+}, Pe = (e, r, n, o) => {
   const t = r[e];
   if (!t?.children) return;
-  const a = n[e], c = a != null ? String(a) : "";
-  (t.children[c] || []).forEach((m) => {
-    o[m] = !0, He(m, r, n, o);
+  const a = n[e], i = a != null ? String(a) : "";
+  (t.children[i] || []).forEach((u) => {
+    o[u] = !0, Pe(u, r, n, o);
   });
-}, wr = (e, r, n) => {
+}, gr = (e, r, n) => {
   const o = r[e];
   o?.children && Object.values(o.children).flat().forEach((t) => {
-    n[t] = !1, wr(t, r, n);
+    n[t] = !1, gr(t, r, n);
   });
-}, Wt = (e, r, n, o) => {
+}, Dt = (e, r, n, o) => {
   const t = { ...n };
   return e.forEach((a) => {
-    (!a.parents || Object.keys(a.parents).length === 0) && (t[a.name] = !0, He(a.name, o, r, t));
+    (!a.parents || Object.keys(a.parents).length === 0) && (t[a.name] = !0, Pe(a.name, o, r, t));
   }), t;
-}, Yt = (e, r, n, o, t) => {
+}, Lt = (e, r, n, o, t) => {
   const a = { ...e };
-  if (wr(o, r, a), t != null) {
-    const c = r[o];
-    if (c?.children) {
-      const i = String(t);
-      (c.children[i] || []).forEach((f) => {
-        a[f] = !0, He(f, r, n, a);
+  if (gr(o, r, a), t != null) {
+    const i = r[o];
+    if (i?.children) {
+      const s = String(t);
+      (i.children[s] || []).forEach((m) => {
+        a[m] = !0, Pe(m, r, n, a);
       });
     }
   }
   return a;
 };
-function Jt(e, r, n, o, t) {
+function Pt(e, r, n, o, t) {
   const a = Object.values(t).filter(Boolean);
   if (a.length > 0)
     return {
@@ -3914,45 +3826,45 @@ function Jt(e, r, n, o, t) {
       message: o("Please fix validation errors before submitting."),
       errors: a
     };
-  const c = { ...n }, i = [];
+  const i = { ...n }, s = [];
   if (e && Array.isArray(e.properties))
-    for (const f of e.properties) {
-      const l = f.name, d = c[l];
+    for (const m of e.properties) {
+      const l = m.name, d = i[l];
       if (d == null) continue;
-      const s = f.type;
+      const c = m.type;
       try {
-        if ((s === "int" || s === "number" || s === "float") && typeof d == "string") {
-          const u = Number(String(d).trim());
-          isNaN(u) ? i.push(o(`Invalid number format for field ${f.displayName || l}`)) : c[l] = u;
-        } else if ((s === "int-array" || s === "float-array") && typeof d == "string") {
-          const h = String(d).split(",").map((p) => p.trim()).filter(Boolean).map((p) => {
+        if ((c === "int" || c === "number" || c === "float") && typeof d == "string") {
+          const f = Number(String(d).trim());
+          isNaN(f) ? s.push(o(`Invalid number format for field ${m.displayName || l}`)) : i[l] = f;
+        } else if ((c === "int-array" || c === "float-array") && typeof d == "string") {
+          const b = String(d).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 ${f.displayName || l}`)), 0) : y;
+            return isNaN(y) ? (s.push(o(`Invalid number "${p}" in array for field ${m.displayName || l}`)), 0) : y;
           });
-          i.length === 0 && (c[l] = h);
+          s.length === 0 && (i[l] = b);
         }
-      } catch (u) {
-        i.push(o(`Error processing field ${f.displayName || l}: ${u}`));
+      } catch (f) {
+        s.push(o(`Error processing field ${m.displayName || l}: ${f}`));
       }
     }
-  if (i.length > 0)
+  if (s.length > 0)
     return {
       success: !1,
       message: o("Data transformation errors occurred."),
-      errors: i
+      errors: s
     };
-  const m = Tr(e, c, o);
-  if (m && m.length > 0)
+  const u = Er(e, i, o);
+  if (u && u.length > 0)
     return {
       success: !1,
       message: "Validation Fail",
-      errors: m
+      errors: u
     };
   if (e && typeof e.submitHandlerName == "string") {
-    const f = qt(e.submitHandlerName);
-    if (f)
+    const m = Vt(e.submitHandlerName);
+    if (m)
       try {
-        const l = f(e, r?.name ?? null, c, o);
+        const l = m(e, r?.name ?? null, i, o);
         if (l && l.length > 0)
           return {
             success: !1,
@@ -3970,147 +3882,129 @@ function Jt(e, r, n, o, t) {
   return {
     success: !0,
     message: o("Form submitted successfully."),
-    data: c
+    data: i
   };
 }
-const Gt = ({
+const _t = ({
   definition: e,
   instance: r,
   chunkSize: n = 50,
-  chunkDelay: o = 50,
-  enableVirtualization: t = !1,
-  virtualizationThreshold: a = 50,
-  virtualContainerHeight: c = 600,
-  estimatedFieldHeight: i = 60
+  chunkDelay: o = 50
 }) => {
-  const { properties: m, displayName: f } = e, l = D(), { t: d, formStyle: s, language: u } = l, h = {
-    ...l,
-    definitionName: e?.name ?? l.definitionName
-  }, [p, y] = V("en"), [x, S] = V([]), [I, F] = V({}), [w, j] = V(
+  const { properties: t, displayName: a } = e, i = D(), { t: s, formStyle: u, language: m } = i, l = {
+    ...i,
+    definitionName: e?.name ?? i.definitionName
+  }, [d, c] = T("en"), [f, b] = T([]), [p, y] = T({}), [x, S] = T(
     {}
-  ), [E, v] = V({}), [N, T] = V({}), [z, H] = V({}), [J, ee] = V(null), [ae, oe] = V(null), [re, ue] = V(0), [L, M] = V(!1), [b, R] = V(!1), [q, P] = V(r.name || ""), Z = k(r), se = k(!1);
+  ), [F, I] = T({}), [w, j] = T({}), [E, v] = T({}), [N, M] = T(null), [z, L] = T(null), [J, ce] = T(0), [re, ue] = T(!1), [Q, oe] = T(!1), [P, O] = T(r.name || ""), h = k(r), R = k(!1);
   C(() => {
-    const $ = Object.fromEntries(
-      m.map((U) => [
-        U.name,
-        { ...U, children: {} }
+    const V = Object.fromEntries(
+      t.map((H) => [
+        H.name,
+        { ...H, children: {} }
       ])
     );
-    m.forEach((U) => {
-      U.parents && Object.entries(U.parents).forEach(([de, Ee]) => {
-        const pe = $[de];
-        pe && Ee.forEach((jr) => {
-          pe.children || (pe.children = {});
-          const Ue = String(jr);
-          pe.children[Ue] = [
-            ...pe.children[Ue] || [],
-            U.name
+    t.forEach((H) => {
+      H.parents && Object.entries(H.parents).forEach(([me, Se]) => {
+        const fe = V[me];
+        fe && Se.forEach((hr) => {
+          fe.children || (fe.children = {});
+          const _e = String(hr);
+          fe.children[_e] = [
+            ...fe.children[_e] || [],
+            H.name
           ];
         });
       });
-    }), _r(m, $);
-    const _ = Object.values(
-      $
+    }), Mr(t, V);
+    const q = Object.values(
+      V
     ), K = {};
-    _.forEach((U) => {
-      if (U.type === "unit") {
-        const de = typeof U.defaultValue == "number" ? String(U.defaultValue) : "", Ee = typeof U.defaultUnit == "string" ? U.defaultUnit : String(U.defaultUnit ?? "m");
-        K[U.name] = [de, Ee];
+    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];
       } else
-        K[U.name] = U.defaultValue;
-    }), Z.current = r, Object.keys(r.values).forEach((U) => {
-      $[U] !== void 0 && (K[U] = r.values[U]);
+        K[H.name] = H.defaultValue;
+    }), h.current = r, Object.keys(r.values).forEach((H) => {
+      V[H] !== void 0 && (K[H] = r.values[H]);
     });
-    const ne = Ut(_), ie = {};
-    _.forEach((U) => {
-      U.group && !(U.group in ie) && (ie[U.group] = !0);
+    const ee = zt(q), te = {};
+    q.forEach((H) => {
+      H.group && !(H.group in te) && (te[H.group] = !0);
     });
-    const me = requestAnimationFrame(() => {
-      S(_), F($), j(K), v(
-        Wt(_, K, ne, $)
-      ), T(ie), M(!0), P(r.name);
+    const le = requestAnimationFrame(() => {
+      b(q), y(V), S(K), I(
+        Dt(q, K, ee, V)
+      ), j(te), ue(!0), O(r.name);
     });
-    return () => cancelAnimationFrame(me);
-  }, [m, r, e]), C(() => {
-    if (!L || re >= x.length) return;
-    const $ = setTimeout(() => {
-      ue(
-        (_) => Math.min(_ + n, x.length)
+    return () => cancelAnimationFrame(le);
+  }, [t, r, e]), C(() => {
+    if (!re || J >= f.length) return;
+    const V = setTimeout(() => {
+      ce(
+        (q) => Math.min(q + n, f.length)
       );
     }, o);
-    return () => clearTimeout($);
-  }, [L, re, x.length, n, o]);
-  const B = Q(
-    ($, _, K) => {
-      ee(null), oe(null), j((ne) => {
-        const ie = { ...ne, [$]: _ }, me = I[$];
-        return me && [
+    return () => clearTimeout(V);
+  }, [re, J, f.length, n, o]);
+  const B = Z(
+    (V, q, K) => {
+      M(null), L(null), S((ee) => {
+        const te = { ...ee, [V]: q }, le = p[V];
+        return le && [
           "checkbox",
           "dropdown",
           "multi-select",
           "radio",
           "switch"
-        ].includes(me.type) && v(
-          (de) => Yt(
-            de,
-            I,
-            ie,
-            $,
-            String(_)
+        ].includes(le.type) && I(
+          (me) => Lt(
+            me,
+            p,
+            te,
+            V,
+            String(q)
           )
-        ), ie;
-      }), H((ne) => K ? { ...ne, [$]: K } : Object.fromEntries(Object.entries(ne).filter(([me]) => me !== $)));
+        ), te;
+      }), v((ee) => K ? { ...ee, [V]: K } : Object.fromEntries(Object.entries(ee).filter(([le]) => le !== V)));
     },
-    [I, ee, oe]
+    [p, M, L]
   );
   C(() => {
-    let $ = 0;
-    return $ = requestAnimationFrame(() => {
-      u !== p && (y(u || "en"), ee(null), oe(null));
-    }), () => cancelAnimationFrame($);
-  }, [u, p]), C(() => {
-    let $ = 0;
-    return $ = requestAnimationFrame(() => {
-      if (se.current) {
-        se.current = !1, Z.current = r, P(r.name || "");
+    let V = 0;
+    return V = requestAnimationFrame(() => {
+      m !== d && (c(m || "en"), M(null), L(null));
+    }), () => cancelAnimationFrame(V);
+  }, [m, d]), C(() => {
+    let V = 0;
+    return V = requestAnimationFrame(() => {
+      if (R.current) {
+        R.current = !1, h.current = r, O(r.name || "");
         return;
       }
-      Z.current = r, ee(null), oe(null), P(r.name || "");
-    }), () => cancelAnimationFrame($);
+      h.current = r, M(null), L(null), O(r.name || "");
+    }), () => cancelAnimationFrame(V);
   }, [r, r.name]);
-  const te = Q(($, _) => {
-    H((K) => _ ? { ...K, [$]: String(_) } : Object.fromEntries(Object.entries(K).filter(([ie]) => ie !== $)));
-  }, []), fe = () => {
-    se.current = !0;
-    const $ = Z.current?.name;
-    Z.current.name = q;
-    const _ = Jt(e, Z.current, w, d, z), K = typeof _.message == "string" ? _.message : String(_.message), ne = Object.values(_.errors ?? {}).join(`
+  const U = Z((V, q) => {
+    v((K) => q ? { ...K, [V]: String(q) } : Object.fromEntries(Object.entries(K).filter(([te]) => te !== V)));
+  }, []), ne = () => {
+    R.current = !0;
+    const V = h.current?.name;
+    h.current.name = P;
+    const q = Pt(e, h.current, x, s, E), K = typeof q.message == "string" ? q.message : String(q.message), ee = Object.values(q.errors ?? {}).join(`
 `);
-    ee(ne ? K + `
-` + ne : K), oe(_.success), _.success || (Z.current.name = $ ?? Z.current.name, P($ ?? ""));
-  }, xe = ($) => {
-    T((_) => ({ ..._, [$]: !_[$] }));
-  }, Sr = Q(
-    ($) => {
-      const _ = gr($.type);
-      return _ ? /* @__PURE__ */ g.jsx("div", { children: /* @__PURE__ */ g.jsx(
-        _,
-        {
-          field: $,
-          value: w[$.name],
-          onChange: (K, ne) => B($.name, K, ne),
-          onError: (K) => te($.name, K)
-        }
-      ) }, $.name) : null;
-    },
-    [w, B, te]
-  ), ve = G(
-    () => Object.values(z).some(Boolean),
-    [z]
-  ), Cr = G(() => t ? x.filter((_) => E[_.name]).length >= a : !1, [t, x, E, a]);
-  return L ? /* @__PURE__ */ g.jsx(je.Provider, { value: h, children: /* @__PURE__ */ g.jsxs("div", { style: s.container, children: [
-    f && /* @__PURE__ */ g.jsx("h2", { style: s.titleStyle, children: d(f) }),
-    J && /* @__PURE__ */ g.jsxs(
+    M(ee ? K + `
+` + ee : K), 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(E).some(Boolean),
+    [E]
+  );
+  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: s(a) }),
+    N && /* @__PURE__ */ g.jsxs(
       "div",
       {
         role: "status",
@@ -4118,22 +4012,22 @@ const Gt = ({
           marginBottom: 12,
           padding: 12,
           borderRadius: 6,
-          backgroundColor: ae ? "rgba(76, 175, 80, 0.12)" : "rgba(225, 29, 72, 0.06)",
-          border: `1px solid ${ae ? "rgba(76,175,80,0.3)" : "rgba(225,29,72,0.12)"}`,
-          color: ae ? "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: J }),
+          /* @__PURE__ */ g.jsx("div", { style: { whiteSpace: "pre-wrap", flex: 1 }, children: N }),
           /* @__PURE__ */ g.jsx(
             "button",
             {
               onClick: () => {
-                ee(null), oe(null);
+                M(null), L(null);
               },
-              "aria-label": d("Dismiss"),
+              "aria-label": s("Dismiss"),
               style: {
                 marginLeft: 12,
                 background: "transparent",
@@ -4150,42 +4044,27 @@ const Gt = ({
       }
     ),
     r && /* @__PURE__ */ g.jsx(
-      or,
+      er,
       {
-        name: q,
-        onChange: ($) => {
-          P($), ee(null), oe(null);
+        name: P,
+        onChange: (V) => {
+          O(V), M(null), L(null);
         }
       }
     ),
-    Cr ? /* @__PURE__ */ g.jsx(
-      Ht,
-      {
-        fields: x,
-        valuesMap: w,
-        visibility: E,
-        groupState: N,
-        handleChange: B,
-        handleError: te,
-        toggleGroup: xe,
-        t: d,
-        renderField: Sr,
-        containerHeight: c,
-        estimatedFieldHeight: i
-      }
-    ) : /* @__PURE__ */ g.jsxs(g.Fragment, { children: [
-      Bt(
-        N,
-        x,
+    /* @__PURE__ */ g.jsxs(g.Fragment, { children: [
+      Tt(
         w,
-        d,
+        f,
+        x,
+        s,
         B,
-        te,
-        E,
-        re,
-        xe
+        U,
+        F,
+        J,
+        ae
       ),
-      re < x.length && /* @__PURE__ */ g.jsx(
+      J < f.length && /* @__PURE__ */ g.jsx(
         "div",
         {
           style: {
@@ -4198,31 +4077,31 @@ const Gt = ({
     /* @__PURE__ */ g.jsx(
       "button",
       {
-        onClick: fe,
-        disabled: ve,
-        onMouseEnter: () => R(!0),
-        onMouseLeave: () => R(!1),
+        onClick: ne,
+        disabled: _,
+        onMouseEnter: () => oe(!0),
+        onMouseLeave: () => oe(!1),
         style: {
           padding: "var(--reactaform-button-padding, var(--reactaform-space) 12px)",
-          backgroundColor: ve ? "var(--reactaform-button-disabled-bg, #cccccc)" : "var(--reactaform-button-bg, var(--reactaform-success-color))",
+          backgroundColor: _ ? "var(--reactaform-button-disabled-bg, #cccccc)" : "var(--reactaform-button-bg, var(--reactaform-success-color))",
           color: "var(--reactaform-button-text, #ffffff)",
           border: "none",
           borderRadius: "4px",
-          cursor: ve ? "var(--reactaform-button-disabled-cursor, not-allowed)" : "pointer",
+          cursor: _ ? "var(--reactaform-button-disabled-cursor, not-allowed)" : "pointer",
           fontSize: "var(--reactaform-button-font-size, 14px)",
           fontWeight: "var(--reactaform-button-font-weight, 500)",
           boxShadow: "var(--reactaform-button-shadow, none)",
           marginTop: "var(--reactaform-button-margin-top, 0.5em)",
           transition: "opacity 0.2s ease",
-          opacity: ve ? "var(--reactaform-button-disabled-opacity, 0.6)" : b ? "var(--reactaform-button-hover-opacity, 0.9)" : "1"
+          opacity: _ ? "var(--reactaform-button-disabled-opacity, 0.6)" : Q ? "var(--reactaform-button-hover-opacity, 0.9)" : "1"
         },
-        children: d("Submit")
+        children: s("Submit")
       }
     )
-  ] }) }) : /* @__PURE__ */ g.jsx(je.Provider, { value: h, children: /* @__PURE__ */ g.jsx("div", { children: "Initializing form..." }) });
+  ] }) });
 };
-hr();
-const Kt = (e, r = !1) => ({
+ur();
+const qt = (e, r = !1) => ({
   container: {
     padding: "var(--reactaform-space-sm, 8px)",
     margin: "0 auto",
@@ -4263,7 +4142,7 @@ const Kt = (e, r = !1) => ({
     lineHeight: "1.2",
     textAlign: "left"
   }
-}), Xt = (e, r = !1) => {
+}), Bt = (e, r = !1) => {
   const n = {
     color: "var(--reactaform-color-text)",
     fontFamily: e?.fontFamily || "var(--reactaform-font-family, inherit)",
@@ -4322,68 +4201,68 @@ const Kt = (e, r = !1) => ({
       display: "block"
     }
   };
-}, Zt = ({
+}, Ht = ({
   children: e,
   definitionName: r = "",
   defaultStyle: n,
   defaultLanguage: o = "en",
   defaultDarkMode: t = !1,
   defaultLocalizeName: a = "",
-  className: c = "reactaform-container"
+  className: i = "reactaform-container"
 }) => {
-  const i = r, m = a, f = t, l = o, d = G(
+  const s = r, u = a, m = t, l = o, d = G(
     () => n ?? {},
     [n]
-  ), [s, u] = V({}), [h, p] = V({}), [y, x] = V({}), [S, I] = V({});
+  ), [c, f] = T({}), [b, p] = T({}), [y, x] = T({}), [S, F] = T({});
   C(() => {
     let v = !0;
     return (async () => {
       if (l === "en") {
-        v && (u({}), p({}));
+        v && (f({}), p({}));
         return;
       }
       try {
-        const T = await Br(l), z = T.success ? T.translations : {};
-        v && u(z);
-        const H = await Hr(l, m), J = H.success ? H.translations : {};
+        const M = await Vr(l), z = M.success ? M.translations : {};
+        v && f(z);
+        const L = await Tr(l, u), J = L.success ? L.translations : {};
         v && p(J);
       } catch {
-        v && (u({}), p({}));
+        v && (f({}), p({}));
       }
     })(), () => {
       v = !1;
     };
-  }, [l, m]), C(() => {
-    I(Kt(d, f)), x(Xt(d, f));
-  }, [d, f]);
-  const F = G(
-    () => Wr(l, s, h),
-    [l, s, h]
-  ), w = Q(
-    (v, ...N) => F(v, ...N),
-    [F]
+  }, [l, u]), C(() => {
+    F(qt(d, m)), x(Bt(d, m));
+  }, [d, m]);
+  const I = G(
+    () => Dr(l, c, b),
+    [l, c, b]
+  ), w = Z(
+    (v, ...N) => I(v, ...N),
+    [I]
   ), j = G(
     () => ({
-      definitionName: i,
+      definitionName: s,
       language: l,
-      darkMode: f,
+      darkMode: m,
       formStyle: S,
       fieldStyle: y,
       t: w
     }),
-    [i, l, f, y, S, w]
+    [s, l, m, y, S, w]
   ), E = d?.height ? { height: "100%" } : void 0;
-  return /* @__PURE__ */ g.jsx(je.Provider, { value: j, children: /* @__PURE__ */ g.jsx(
+  return /* @__PURE__ */ g.jsx(Oe.Provider, { value: j, children: /* @__PURE__ */ g.jsx(
     "div",
     {
-      "data-reactaform-theme": f ? "dark" : "light",
-      className: c,
+      "data-reactaform-theme": m ? "dark" : "light",
+      className: i,
       style: E,
       children: e
     }
   ) });
 };
-function Qt(e) {
+function Ut(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";
@@ -4398,7 +4277,7 @@ function Qt(e) {
     }
   return null;
 }
-async function gn(e, r = {}) {
+async function an(e, r = {}) {
   const { validateSchema: n = !0 } = r;
   try {
     if (!e || typeof e != "string")
@@ -4416,7 +4295,7 @@ async function gn(e, r = {}) {
       };
     }
     if (n) {
-      const a = Qt(t);
+      const a = Ut(t);
       if (a)
         return { success: !1, error: `Schema validation failed: ${a}` };
     }
@@ -4425,7 +4304,7 @@ async function gn(e, r = {}) {
     return { success: !1, error: `Unexpected error loading definition: ${o instanceof Error ? o.message : "Unknown error"}` };
   }
 }
-function en(e, r) {
+function Wt(e, r) {
   try {
     if (!e)
       return { success: !1, error: "Definition is required" };
@@ -4448,7 +4327,7 @@ function en(e, r) {
     };
   }
 }
-function hn(e) {
+function sn(e) {
   try {
     if (!e)
       return { success: !1, error: "Instance data is required" };
@@ -4472,9 +4351,9 @@ function hn(e) {
     };
   }
 }
-hr();
-function rn(e) {
-  const [r, n] = V(null);
+ur();
+function Yt(e) {
+  const [r, n] = T(null);
   return C(() => {
     const o = document.querySelector("[data-reactaform-theme]");
     if (!o) return;
@@ -4482,14 +4361,14 @@ function rn(e) {
     if (!t) return;
     const a = () => n(t.getAttribute("data-reactaform-theme"));
     a();
-    const c = new MutationObserver((i) => {
-      for (const m of i)
-        m.type === "attributes" && m.attributeName === "data-reactaform-theme" && a();
+    const i = new MutationObserver((s) => {
+      for (const u of s)
+        u.type === "attributes" && u.attributeName === "data-reactaform-theme" && a();
     });
-    return c.observe(t, { attributes: !0, attributeFilter: ["data-reactaform-theme"] }), () => c.disconnect();
+    return i.observe(t, { attributes: !0, attributeFilter: ["data-reactaform-theme"] }), () => i.disconnect();
   }, [e]), r;
 }
-const bn = ({
+const cn = ({
   definitionData: e,
   instance: r,
   language: n,
@@ -4497,75 +4376,75 @@ const bn = ({
   darkMode: t,
   style: a
 }) => {
-  const c = G(() => {
+  const i = G(() => {
     try {
       return typeof e == "string" ? JSON.parse(e) : e ?? null;
     } catch {
       return null;
     }
-  }, [e]), i = { fontSize: "inherit", fontFamily: "inherit", ...a }, m = rn(), f = t ?? m === "dark", l = n ?? "en";
+  }, [e]), s = { fontSize: "inherit", fontFamily: "inherit", ...a }, u = Yt(), m = t ?? u === "dark", l = n ?? "en";
   if (C(() => {
-    let s = document.getElementById("popup-root");
-    s || (s = document.createElement("div"), s.id = "popup-root", document.body.appendChild(s));
-  }, []), !c)
+    let c = document.getElementById("popup-root");
+    c || (c = document.createElement("div"), c.id = "popup-root", document.body.appendChild(c));
+  }, []), !i)
     return /* @__PURE__ */ g.jsx("div", { style: { color: "red" }, children: "Error: No form definition provided." });
   let d = r;
   if (!d) {
-    const s = en(c, c.name);
-    if (!s.success || !s.instance)
+    const c = Wt(i, i.name);
+    if (!c.success || !c.instance)
       return /* @__PURE__ */ g.jsx("div", { style: { color: "red" }, children: "Error: Failed to create instance from definition." });
-    d = s.instance;
+    d = c.instance;
   }
   return /* @__PURE__ */ g.jsx(
-    Zt,
+    Ht,
     {
-      definitionName: c.name,
-      defaultStyle: i,
+      definitionName: i.name,
+      defaultStyle: s,
       defaultLanguage: l,
-      defaultDarkMode: f,
-      defaultLocalizeName: c.localization || "",
+      defaultDarkMode: m,
+      defaultLocalizeName: i.localization || "",
       className: o,
       children: /* @__PURE__ */ g.jsx(
-        Gt,
+        _t,
         {
-          definition: c,
+          definition: i,
           instance: d
         }
       )
     }
   );
 };
-function tn() {
+function Jt() {
   if (!(typeof document > "u") && !document.getElementById("reactaform-styles"))
     try {
       const e = document.createElement("style");
-      e.id = "reactaform-styles", e.textContent = Nr, document.head.appendChild(e);
+      e.id = "reactaform-styles", e.textContent = xr, document.head.appendChild(e);
     } catch {
     }
 }
-tn();
+Jt();
 export {
-  O as CSS_CLASSES,
-  bn as ReactaForm,
-  Zt as ReactaFormProvider,
-  Gt as ReactaFormRenderer,
+  $ as CSS_CLASSES,
+  cn as ReactaForm,
+  Ht as ReactaFormProvider,
+  _t as ReactaFormRenderer,
   W as StandardFieldLayout,
-  dn as Units,
+  nn as Units,
   X as combineClasses,
-  en as createInstanceFromDefinition,
-  fn as deserializeDefinition,
-  un as deserializeInstance,
-  gr as getComponent,
-  hn as loadInstance,
-  gn as loadJsonDefinition,
-  pn as registerComponent,
-  cn as registerFieldValidationHandler,
-  sn as registerFormValidationHandler,
-  _t as registerSubmissionHandler,
-  mn as serializeDefinition,
-  ln as serializeInstance,
-  Or as useDebouncedCallback,
+  Wt as createInstanceFromDefinition,
+  tn as deserializeDefinition,
+  en as deserializeInstance,
+  Ot 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,
+  Cr as useDebouncedCallback,
   D as useReactaFormContext,
   Y as validateFieldValue,
-  Tr as validateFormValues
+  Er as validateFormValues
 };