@arudovwen/form-builder-react 1.4.51 → 1.5.0

package/dist/form-builder.es.js

@@ -1,7 +1,7 @@
 import mi, { createContext as mo, useState as P, useMemo as oi, useEffect as D, forwardRef as ye, createElement as Sn, Fragment as Zi, useContext as ji, useRef as Ci, useCallback as $, memo as an } from "react";
 import { v4 as Ai } from "uuid";
 import bo from "react-datepicker";
-import { Listbox as di, Transition as wi, Combobox as Ri, ComboboxInput as vo, ComboboxButton as ho, ComboboxOptions as po, ComboboxOption as go } from "@headlessui/react";
+import { Listbox as di, Transition as Ei, Combobox as Ri, ComboboxInput as vo, ComboboxButton as ho, ComboboxOptions as po, ComboboxOption as go } from "@headlessui/react";
 import { toast as ki, Toaster as Ae } from "sonner";
 import Ii from "axios";
 import sn from "react-currency-input-field";
@@ -28,11 +28,11 @@ function Co() {
   ie = 1;
   var i = mi, e = Symbol.for("react.element"), o = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, a = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
   function u(t, d, r) {
-    var c, v = {}, h = null, p = null;
-    r !== void 0 && (h = "" + r), d.key !== void 0 && (h = "" + d.key), d.ref !== void 0 && (p = d.ref);
+    var c, v = {}, h = null, b = null;
+    r !== void 0 && (h = "" + r), d.key !== void 0 && (h = "" + d.key), d.ref !== void 0 && (b = d.ref);
     for (c in d) s.call(d, c) && !l.hasOwnProperty(c) && (v[c] = d[c]);
     if (t && t.defaultProps) for (c in d = t.defaultProps, d) v[c] === void 0 && (v[c] = d[c]);
-    return { $$typeof: e, type: t, key: h, ref: p, props: v, _owner: a.current };
+    return { $$typeof: e, type: t, key: h, ref: b, props: v, _owner: a.current };
   }
   return Gi.Fragment = o, Gi.jsx = u, Gi.jsxs = u, Gi;
 }
@@ -49,58 +49,58 @@ var Hi = {};
 var ne;
 function Mo() {
   return ne || (ne = 1, process.env.NODE_ENV !== "production" && function() {
-    var i = mi, e = Symbol.for("react.element"), o = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), t = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), r = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), y = Symbol.iterator, f = "@@iterator";
-    function g(b) {
-      if (b === null || typeof b != "object")
+    var i = mi, e = Symbol.for("react.element"), o = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), t = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), r = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), f = Symbol.iterator, x = "@@iterator";
+    function g(m) {
+      if (m === null || typeof m != "object")
         return null;
-      var C = y && b[y] || b[f];
-      return typeof C == "function" ? C : null;
+      var k = f && m[f] || m[x];
+      return typeof k == "function" ? k : null;
     }
-    var m = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function x(b) {
+    var p = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function y(m) {
       {
-        for (var C = arguments.length, M = new Array(C > 1 ? C - 1 : 0), V = 1; V < C; V++)
+        for (var k = arguments.length, M = new Array(k > 1 ? k - 1 : 0), V = 1; V < k; V++)
           M[V - 1] = arguments[V];
-        j("error", b, M);
+        C("error", m, M);
       }
     }
-    function j(b, C, M) {
+    function C(m, k, M) {
       {
-        var V = m.ReactDebugCurrentFrame, ei = V.getStackAddendum();
-        ei !== "" && (C += "%s", M = M.concat([ei]));
+        var V = p.ReactDebugCurrentFrame, ei = V.getStackAddendum();
+        ei !== "" && (k += "%s", M = M.concat([ei]));
         var ai = M.map(function(Q) {
           return String(Q);
         });
-        ai.unshift("Warning: " + C), Function.prototype.apply.call(console[b], console, ai);
+        ai.unshift("Warning: " + k), Function.prototype.apply.call(console[m], console, ai);
       }
     }
-    var S = !1, N = !1, A = !1, k = !1, O = !1, ii;
+    var S = !1, N = !1, A = !1, j = !1, O = !1, ii;
     ii = Symbol.for("react.module.reference");
-    function z(b) {
-      return !!(typeof b == "string" || typeof b == "function" || b === s || b === l || O || b === a || b === r || b === c || k || b === p || S || N || A || typeof b == "object" && b !== null && (b.$$typeof === h || b.$$typeof === v || b.$$typeof === u || b.$$typeof === t || b.$$typeof === d || // This needs to include all possible module reference object
+    function z(m) {
+      return !!(typeof m == "string" || typeof m == "function" || m === s || m === l || O || m === a || m === r || m === c || j || m === b || S || N || A || typeof m == "object" && m !== null && (m.$$typeof === h || m.$$typeof === v || m.$$typeof === u || m.$$typeof === t || m.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      b.$$typeof === ii || b.getModuleId !== void 0));
+      m.$$typeof === ii || m.getModuleId !== void 0));
     }
-    function Z(b, C, M) {
-      var V = b.displayName;
+    function Z(m, k, M) {
+      var V = m.displayName;
       if (V)
         return V;
-      var ei = C.displayName || C.name || "";
+      var ei = k.displayName || k.name || "";
       return ei !== "" ? M + "(" + ei + ")" : M;
     }
-    function w(b) {
-      return b.displayName || "Context";
+    function E(m) {
+      return m.displayName || "Context";
     }
-    function W(b) {
-      if (b == null)
+    function W(m) {
+      if (m == null)
         return null;
-      if (typeof b.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof b == "function")
-        return b.displayName || b.name || null;
-      if (typeof b == "string")
-        return b;
-      switch (b) {
+      if (typeof m.tag == "number" && y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof m == "function")
+        return m.displayName || m.name || null;
+      if (typeof m == "string")
+        return m;
+      switch (m) {
         case s:
           return "Fragment";
         case o:
@@ -114,21 +114,21 @@ function Mo() {
         case c:
           return "SuspenseList";
       }
-      if (typeof b == "object")
-        switch (b.$$typeof) {
+      if (typeof m == "object")
+        switch (m.$$typeof) {
           case t:
-            var C = b;
-            return w(C) + ".Consumer";
+            var k = m;
+            return E(k) + ".Consumer";
           case u:
-            var M = b;
-            return w(M._context) + ".Provider";
+            var M = m;
+            return E(M._context) + ".Provider";
           case d:
-            return Z(b, b.render, "ForwardRef");
+            return Z(m, m.render, "ForwardRef");
           case v:
-            var V = b.displayName || null;
-            return V !== null ? V : W(b.type) || "Memo";
+            var V = m.displayName || null;
+            return V !== null ? V : W(m.type) || "Memo";
           case h: {
-            var ei = b, ai = ei._payload, Q = ei._init;
+            var ei = m, ai = ei._payload, Q = ei._init;
             try {
               return W(Q(ai));
             } catch (Y) {
@@ -138,28 +138,28 @@ function Mo() {
         }
       return null;
     }
-    var I = Object.assign, G = 0, H, R, T, E, U, ci, ni;
+    var I = Object.assign, G = 0, H, R, T, w, U, ci, ni;
     function si() {
     }
     si.__reactDisabledLog = !0;
     function hi() {
       {
         if (G === 0) {
-          H = console.log, R = console.info, T = console.warn, E = console.error, U = console.group, ci = console.groupCollapsed, ni = console.groupEnd;
-          var b = {
+          H = console.log, R = console.info, T = console.warn, w = console.error, U = console.group, ci = console.groupCollapsed, ni = console.groupEnd;
+          var m = {
             configurable: !0,
             enumerable: !0,
             value: si,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: b,
-            log: b,
-            warn: b,
-            error: b,
-            group: b,
-            groupCollapsed: b,
-            groupEnd: b
+            info: m,
+            log: m,
+            warn: m,
+            error: m,
+            group: m,
+            groupCollapsed: m,
+            groupEnd: m
           });
         }
         G++;
@@ -168,40 +168,40 @@ function Mo() {
     function vi() {
       {
         if (G--, G === 0) {
-          var b = {
+          var m = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: I({}, b, {
+            log: I({}, m, {
               value: H
             }),
-            info: I({}, b, {
+            info: I({}, m, {
               value: R
             }),
-            warn: I({}, b, {
+            warn: I({}, m, {
               value: T
             }),
-            error: I({}, b, {
-              value: E
+            error: I({}, m, {
+              value: w
             }),
-            group: I({}, b, {
+            group: I({}, m, {
               value: U
             }),
-            groupCollapsed: I({}, b, {
+            groupCollapsed: I({}, m, {
               value: ci
             }),
-            groupEnd: I({}, b, {
+            groupEnd: I({}, m, {
               value: ni
             })
           });
         }
-        G < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        G < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var L = m.ReactCurrentDispatcher, K;
-    function X(b, C, M) {
+    var L = p.ReactCurrentDispatcher, K;
+    function X(m, k, M) {
       {
         if (K === void 0)
           try {
@@ -211,7 +211,7 @@ function Mo() {
             K = V && V[1] || "";
           }
         return `
-` + K + b;
+` + K + m;
       }
     }
     var ui = !1, J;
@@ -219,11 +219,11 @@ function Mo() {
       var li = typeof WeakMap == "function" ? WeakMap : Map;
       J = new li();
     }
-    function pi(b, C) {
-      if (!b || ui)
+    function pi(m, k) {
+      if (!m || ui)
         return "";
       {
-        var M = J.get(b);
+        var M = J.get(m);
         if (M !== void 0)
           return M;
       }
@@ -234,7 +234,7 @@ function Mo() {
       var ai;
       ai = L.current, L.current = null, hi();
       try {
-        if (C) {
+        if (k) {
           var Q = function() {
             throw Error();
           };
@@ -248,14 +248,14 @@ function Mo() {
             } catch (yi) {
               V = yi;
             }
-            Reflect.construct(b, [], Q);
+            Reflect.construct(m, [], Q);
           } else {
             try {
               Q.call();
             } catch (yi) {
               V = yi;
             }
-            b.call(Q.prototype);
+            m.call(Q.prototype);
           }
         } else {
           try {
@@ -263,7 +263,7 @@ function Mo() {
           } catch (yi) {
             V = yi;
           }
-          b();
+          m();
         }
       } catch (yi) {
         if (yi && V && typeof yi.stack == "string") {
@@ -278,7 +278,7 @@ function Mo() {
                   if (ri--, bi--, bi < 0 || Y[ri] !== fi[bi]) {
                     var Ni = `
 ` + Y[ri].replace(" at new ", " at ");
-                    return b.displayName && Ni.includes("<anonymous>") && (Ni = Ni.replace("<anonymous>", b.displayName)), typeof b == "function" && J.set(b, Ni), Ni;
+                    return m.displayName && Ni.includes("<anonymous>") && (Ni = Ni.replace("<anonymous>", m.displayName)), typeof m == "function" && J.set(m, Ni), Ni;
                   }
                 while (ri >= 1 && bi >= 0);
               break;
@@ -287,150 +287,150 @@ function Mo() {
       } finally {
         ui = !1, L.current = ai, vi(), Error.prepareStackTrace = ei;
       }
-      var Pi = b ? b.displayName || b.name : "", Bi = Pi ? X(Pi) : "";
-      return typeof b == "function" && J.set(b, Bi), Bi;
+      var Pi = m ? m.displayName || m.name : "", Bi = Pi ? X(Pi) : "";
+      return typeof m == "function" && J.set(m, Bi), Bi;
     }
-    function Si(b, C, M) {
-      return pi(b, !1);
+    function Si(m, k, M) {
+      return pi(m, !1);
     }
-    function Mi(b) {
-      var C = b.prototype;
-      return !!(C && C.isReactComponent);
+    function Mi(m) {
+      var k = m.prototype;
+      return !!(k && k.isReactComponent);
     }
-    function zi(b, C, M) {
-      if (b == null)
+    function zi(m, k, M) {
+      if (m == null)
         return "";
-      if (typeof b == "function")
-        return pi(b, Mi(b));
-      if (typeof b == "string")
-        return X(b);
-      switch (b) {
+      if (typeof m == "function")
+        return pi(m, Mi(m));
+      if (typeof m == "string")
+        return X(m);
+      switch (m) {
         case r:
           return X("Suspense");
         case c:
           return X("SuspenseList");
       }
-      if (typeof b == "object")
-        switch (b.$$typeof) {
+      if (typeof m == "object")
+        switch (m.$$typeof) {
           case d:
-            return Si(b.render);
+            return Si(m.render);
           case v:
-            return zi(b.type, C, M);
+            return zi(m.type, k, M);
           case h: {
-            var V = b, ei = V._payload, ai = V._init;
+            var V = m, ei = V._payload, ai = V._init;
             try {
-              return zi(ai(ei), C, M);
+              return zi(ai(ei), k, M);
             } catch (Q) {
             }
           }
         }
       return "";
     }
-    var Ki = Object.prototype.hasOwnProperty, Gn = {}, Hn = m.ReactDebugCurrentFrame;
-    function _i(b) {
-      if (b) {
-        var C = b._owner, M = zi(b.type, b._source, C ? C.type : null);
+    var Ki = Object.prototype.hasOwnProperty, Gn = {}, Hn = p.ReactDebugCurrentFrame;
+    function _i(m) {
+      if (m) {
+        var k = m._owner, M = zi(m.type, m._source, k ? k.type : null);
         Hn.setExtraStackFrame(M);
       } else
         Hn.setExtraStackFrame(null);
     }
-    function We(b, C, M, V, ei) {
+    function We(m, k, M, V, ei) {
       {
         var ai = Function.call.bind(Ki);
-        for (var Q in b)
-          if (ai(b, Q)) {
+        for (var Q in m)
+          if (ai(m, Q)) {
             var Y = void 0;
             try {
-              if (typeof b[Q] != "function") {
-                var fi = Error((V || "React class") + ": " + M + " type `" + Q + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof b[Q] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof m[Q] != "function") {
+                var fi = Error((V || "React class") + ": " + M + " type `" + Q + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof m[Q] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw fi.name = "Invariant Violation", fi;
               }
-              Y = b[Q](C, Q, V, M, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              Y = m[Q](k, Q, V, M, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (ri) {
               Y = ri;
             }
-            Y && !(Y instanceof Error) && (_i(ei), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", V || "React class", M, Q, typeof Y), _i(null)), Y instanceof Error && !(Y.message in Gn) && (Gn[Y.message] = !0, _i(ei), x("Failed %s type: %s", M, Y.message), _i(null));
+            Y && !(Y instanceof Error) && (_i(ei), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", V || "React class", M, Q, typeof Y), _i(null)), Y instanceof Error && !(Y.message in Gn) && (Gn[Y.message] = !0, _i(ei), y("Failed %s type: %s", M, Y.message), _i(null));
           }
       }
     }
     var Ue = Array.isArray;
-    function dn(b) {
-      return Ue(b);
+    function dn(m) {
+      return Ue(m);
     }
-    function ze(b) {
+    function ze(m) {
       {
-        var C = typeof Symbol == "function" && Symbol.toStringTag, M = C && b[Symbol.toStringTag] || b.constructor.name || "Object";
+        var k = typeof Symbol == "function" && Symbol.toStringTag, M = k && m[Symbol.toStringTag] || m.constructor.name || "Object";
         return M;
       }
     }
-    function _e(b) {
+    function _e(m) {
       try {
-        return Vn(b), !1;
-      } catch (C) {
+        return Vn(m), !1;
+      } catch (k) {
         return !0;
       }
     }
-    function Vn(b) {
-      return "" + b;
+    function Vn(m) {
+      return "" + m;
     }
-    function Fn(b) {
-      if (_e(b))
-        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ze(b)), Vn(b);
+    function Fn(m) {
+      if (_e(m))
+        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ze(m)), Vn(m);
     }
-    var Wn = m.ReactCurrentOwner, Je = {
+    var Wn = p.ReactCurrentOwner, Je = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, Un, zn;
-    function Ye(b) {
-      if (Ki.call(b, "ref")) {
-        var C = Object.getOwnPropertyDescriptor(b, "ref").get;
-        if (C && C.isReactWarning)
+    function Ye(m) {
+      if (Ki.call(m, "ref")) {
+        var k = Object.getOwnPropertyDescriptor(m, "ref").get;
+        if (k && k.isReactWarning)
           return !1;
       }
-      return b.ref !== void 0;
+      return m.ref !== void 0;
     }
-    function qe(b) {
-      if (Ki.call(b, "key")) {
-        var C = Object.getOwnPropertyDescriptor(b, "key").get;
-        if (C && C.isReactWarning)
+    function qe(m) {
+      if (Ki.call(m, "key")) {
+        var k = Object.getOwnPropertyDescriptor(m, "key").get;
+        if (k && k.isReactWarning)
           return !1;
       }
-      return b.key !== void 0;
+      return m.key !== void 0;
     }
-    function Ze(b, C) {
-      typeof b.ref == "string" && Wn.current;
+    function Ze(m, k) {
+      typeof m.ref == "string" && Wn.current;
     }
-    function $e(b, C) {
+    function $e(m, k) {
       {
         var M = function() {
-          Un || (Un = !0, x("%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://reactjs.org/link/special-props)", C));
+          Un || (Un = !0, y("%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://reactjs.org/link/special-props)", k));
         };
-        M.isReactWarning = !0, Object.defineProperty(b, "key", {
+        M.isReactWarning = !0, Object.defineProperty(m, "key", {
           get: M,
           configurable: !0
         });
       }
     }
-    function Qe(b, C) {
+    function Qe(m, k) {
       {
         var M = function() {
-          zn || (zn = !0, x("%s: `ref` 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://reactjs.org/link/special-props)", C));
+          zn || (zn = !0, y("%s: `ref` 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://reactjs.org/link/special-props)", k));
         };
-        M.isReactWarning = !0, Object.defineProperty(b, "ref", {
+        M.isReactWarning = !0, Object.defineProperty(m, "ref", {
           get: M,
           configurable: !0
         });
       }
     }
-    var Xe = function(b, C, M, V, ei, ai, Q) {
+    var Xe = function(m, k, M, V, ei, ai, Q) {
       var Y = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
         // Built-in properties that belong on the element
-        type: b,
-        key: C,
+        type: m,
+        key: k,
         ref: M,
         props: Q,
         // Record the component responsible for creating this element.
@@ -453,169 +453,169 @@ function Mo() {
         value: ei
       }), Object.freeze && (Object.freeze(Y.props), Object.freeze(Y)), Y;
     };
-    function io(b, C, M, V, ei) {
+    function io(m, k, M, V, ei) {
       {
         var ai, Q = {}, Y = null, fi = null;
-        M !== void 0 && (Fn(M), Y = "" + M), qe(C) && (Fn(C.key), Y = "" + C.key), Ye(C) && (fi = C.ref, Ze(C, ei));
-        for (ai in C)
-          Ki.call(C, ai) && !Je.hasOwnProperty(ai) && (Q[ai] = C[ai]);
-        if (b && b.defaultProps) {
-          var ri = b.defaultProps;
+        M !== void 0 && (Fn(M), Y = "" + M), qe(k) && (Fn(k.key), Y = "" + k.key), Ye(k) && (fi = k.ref, Ze(k, ei));
+        for (ai in k)
+          Ki.call(k, ai) && !Je.hasOwnProperty(ai) && (Q[ai] = k[ai]);
+        if (m && m.defaultProps) {
+          var ri = m.defaultProps;
           for (ai in ri)
             Q[ai] === void 0 && (Q[ai] = ri[ai]);
         }
         if (Y || fi) {
-          var bi = typeof b == "function" ? b.displayName || b.name || "Unknown" : b;
+          var bi = typeof m == "function" ? m.displayName || m.name || "Unknown" : m;
           Y && $e(Q, bi), fi && Qe(Q, bi);
         }
-        return Xe(b, Y, fi, ei, V, Wn.current, Q);
+        return Xe(m, Y, fi, ei, V, Wn.current, Q);
       }
     }
-    var un = m.ReactCurrentOwner, _n = m.ReactDebugCurrentFrame;
-    function Li(b) {
-      if (b) {
-        var C = b._owner, M = zi(b.type, b._source, C ? C.type : null);
+    var un = p.ReactCurrentOwner, _n = p.ReactDebugCurrentFrame;
+    function Li(m) {
+      if (m) {
+        var k = m._owner, M = zi(m.type, m._source, k ? k.type : null);
         _n.setExtraStackFrame(M);
       } else
         _n.setExtraStackFrame(null);
     }
     var tn;
     tn = !1;
-    function cn(b) {
-      return typeof b == "object" && b !== null && b.$$typeof === e;
+    function cn(m) {
+      return typeof m == "object" && m !== null && m.$$typeof === e;
     }
     function Jn() {
       {
         if (un.current) {
-          var b = W(un.current.type);
-          if (b)
+          var m = W(un.current.type);
+          if (m)
             return `
 
-Check the render method of \`` + b + "`.";
+Check the render method of \`` + m + "`.";
         }
         return "";
       }
     }
-    function no(b) {
+    function no(m) {
       return "";
     }
     var Yn = {};
-    function eo(b) {
+    function eo(m) {
       {
-        var C = Jn();
-        if (!C) {
-          var M = typeof b == "string" ? b : b.displayName || b.name;
-          M && (C = `
+        var k = Jn();
+        if (!k) {
+          var M = typeof m == "string" ? m : m.displayName || m.name;
+          M && (k = `
 
 Check the top-level render call using <` + M + ">.");
         }
-        return C;
+        return k;
       }
     }
-    function qn(b, C) {
+    function qn(m, k) {
       {
-        if (!b._store || b._store.validated || b.key != null)
+        if (!m._store || m._store.validated || m.key != null)
           return;
-        b._store.validated = !0;
-        var M = eo(C);
+        m._store.validated = !0;
+        var M = eo(k);
         if (Yn[M])
           return;
         Yn[M] = !0;
         var V = "";
-        b && b._owner && b._owner !== un.current && (V = " It was passed a child from " + W(b._owner.type) + "."), Li(b), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', M, V), Li(null);
+        m && m._owner && m._owner !== un.current && (V = " It was passed a child from " + W(m._owner.type) + "."), Li(m), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', M, V), Li(null);
       }
     }
-    function Zn(b, C) {
+    function Zn(m, k) {
       {
-        if (typeof b != "object")
+        if (typeof m != "object")
           return;
-        if (dn(b))
-          for (var M = 0; M < b.length; M++) {
-            var V = b[M];
-            cn(V) && qn(V, C);
+        if (dn(m))
+          for (var M = 0; M < m.length; M++) {
+            var V = m[M];
+            cn(V) && qn(V, k);
           }
-        else if (cn(b))
-          b._store && (b._store.validated = !0);
-        else if (b) {
-          var ei = g(b);
-          if (typeof ei == "function" && ei !== b.entries)
-            for (var ai = ei.call(b), Q; !(Q = ai.next()).done; )
-              cn(Q.value) && qn(Q.value, C);
+        else if (cn(m))
+          m._store && (m._store.validated = !0);
+        else if (m) {
+          var ei = g(m);
+          if (typeof ei == "function" && ei !== m.entries)
+            for (var ai = ei.call(m), Q; !(Q = ai.next()).done; )
+              cn(Q.value) && qn(Q.value, k);
         }
       }
     }
-    function oo(b) {
+    function oo(m) {
       {
-        var C = b.type;
-        if (C == null || typeof C == "string")
+        var k = m.type;
+        if (k == null || typeof k == "string")
           return;
         var M;
-        if (typeof C == "function")
-          M = C.propTypes;
-        else if (typeof C == "object" && (C.$$typeof === d || // Note: Memo only checks outer props here.
+        if (typeof k == "function")
+          M = k.propTypes;
+        else if (typeof k == "object" && (k.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        C.$$typeof === v))
-          M = C.propTypes;
+        k.$$typeof === v))
+          M = k.propTypes;
         else
           return;
         if (M) {
-          var V = W(C);
-          We(M, b.props, "prop", V, b);
-        } else if (C.PropTypes !== void 0 && !tn) {
+          var V = W(k);
+          We(M, m.props, "prop", V, m);
+        } else if (k.PropTypes !== void 0 && !tn) {
           tn = !0;
-          var ei = W(C);
-          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", ei || "Unknown");
+          var ei = W(k);
+          y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", ei || "Unknown");
         }
-        typeof C.getDefaultProps == "function" && !C.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof k.getDefaultProps == "function" && !k.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function ao(b) {
+    function ao(m) {
       {
-        for (var C = Object.keys(b.props), M = 0; M < C.length; M++) {
-          var V = C[M];
+        for (var k = Object.keys(m.props), M = 0; M < k.length; M++) {
+          var V = k[M];
           if (V !== "children" && V !== "key") {
-            Li(b), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", V), Li(null);
+            Li(m), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", V), Li(null);
             break;
           }
         }
-        b.ref !== null && (Li(b), x("Invalid attribute `ref` supplied to `React.Fragment`."), Li(null));
+        m.ref !== null && (Li(m), y("Invalid attribute `ref` supplied to `React.Fragment`."), Li(null));
       }
     }
     var $n = {};
-    function Qn(b, C, M, V, ei, ai) {
+    function Qn(m, k, M, V, ei, ai) {
       {
-        var Q = z(b);
+        var Q = z(m);
         if (!Q) {
           var Y = "";
-          (b === void 0 || typeof b == "object" && b !== null && Object.keys(b).length === 0) && (Y += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          (m === void 0 || typeof m == "object" && m !== null && Object.keys(m).length === 0) && (Y += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var fi = no();
           fi ? Y += fi : Y += Jn();
           var ri;
-          b === null ? ri = "null" : dn(b) ? ri = "array" : b !== void 0 && b.$$typeof === e ? (ri = "<" + (W(b.type) || "Unknown") + " />", Y = " Did you accidentally export a JSX literal instead of a component?") : ri = typeof b, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ri, Y);
+          m === null ? ri = "null" : dn(m) ? ri = "array" : m !== void 0 && m.$$typeof === e ? (ri = "<" + (W(m.type) || "Unknown") + " />", Y = " Did you accidentally export a JSX literal instead of a component?") : ri = typeof m, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ri, Y);
         }
-        var bi = io(b, C, M, ei, ai);
+        var bi = io(m, k, M, ei, ai);
         if (bi == null)
           return bi;
         if (Q) {
-          var Ni = C.children;
+          var Ni = k.children;
           if (Ni !== void 0)
             if (V)
               if (dn(Ni)) {
                 for (var Pi = 0; Pi < Ni.length; Pi++)
-                  Zn(Ni[Pi], b);
+                  Zn(Ni[Pi], m);
                 Object.freeze && Object.freeze(Ni);
               } else
-                x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                y("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
-              Zn(Ni, b);
+              Zn(Ni, m);
         }
-        if (Ki.call(C, "key")) {
-          var Bi = W(b), yi = Object.keys(C).filter(function(ro) {
+        if (Ki.call(k, "key")) {
+          var Bi = W(m), yi = Object.keys(k).filter(function(ro) {
             return ro !== "key";
           }), rn = yi.length > 0 ? "{key: someKey, " + yi.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!$n[Bi + rn]) {
             var co = yi.length > 0 ? "{" + yi.join(": ..., ") + ": ...}" : "{}";
-            x(`A props object containing a "key" prop is being spread into JSX:
+            y(`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:
@@ -623,14 +623,14 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, rn, Bi, co, Bi), $n[Bi + rn] = !0;
           }
         }
-        return b === s ? ao(bi) : oo(bi), bi;
+        return m === s ? ao(bi) : oo(bi), bi;
       }
     }
-    function so(b, C, M) {
-      return Qn(b, C, M, !0);
+    function so(m, k, M) {
+      return Qn(m, k, M, !0);
     }
-    function lo(b, C, M) {
-      return Qn(b, C, M, !1);
+    function lo(m, k, M) {
+      return Qn(m, k, M, !1);
     }
     var uo = lo, to = so;
     Hi.Fragment = s, Hi.jsx = uo, Hi.jsxs = to;
@@ -649,13 +649,13 @@ const gi = mo(void 0), oe = {
   disabled: !1,
   isHidden: !1
 }, Se = ({ children: i }) => {
-  const [e, o] = P(!0), [s, a] = P({}), [l, u] = P({}), [t, d] = P([oe]), [r, c] = P(!1), [v, h] = P(null), [p, y] = P([
+  const [e, o] = P(!0), [s, a] = P({}), [l, u] = P({}), [t, d] = P([oe]), [r, c] = P(!1), [v, h] = P(null), [b, f] = P([
     0
-  ]), [f, g] = P(""), m = mi.useCallback(() => {
-  }, []), x = mi.useCallback(() => {
+  ]), [x, g] = P(""), p = mi.useCallback(() => {
+  }, []), y = mi.useCallback(() => {
     const I = Ai();
-    d((G) => [...G, { ...oe, id: I }]), h(I), y([t.length]);
-  }, [t]), j = mi.useCallback((I) => {
+    d((G) => [...G, { ...oe, id: I }]), h(I), f([t.length]);
+  }, [t]), C = mi.useCallback((I) => {
     d(
       (G) => G.filter((H) => H.id !== I)
     ), h(null);
@@ -666,10 +666,10 @@ const gi = mo(void 0), oe = {
       );
       R && d(
         (T) => T == null ? void 0 : T.map(
-          (E) => E.id === G ? {
-            ...E,
-            questionData: E.questionData.filter((U) => R.type === "grid" ? U.gridId !== R.id && U.id !== R.id : U.id !== I)
-          } : E
+          (w) => w.id === G ? {
+            ...w,
+            questionData: w.questionData.filter((U) => R.type === "grid" ? U.gridId !== R.id && U.id !== R.id : U.id !== I)
+          } : w
         )
       );
     },
@@ -682,7 +682,7 @@ const gi = mo(void 0), oe = {
         (U) => U.id === I
       );
       if (R === -1) return;
-      const T = H.questionData[R], E = (U, ci = {}) => ({
+      const T = H.questionData[R], w = (U, ci = {}) => ({
         ...JSON.parse(JSON.stringify(U)),
         id: Ai(),
         ...ci
@@ -695,10 +695,10 @@ const gi = mo(void 0), oe = {
           if (T.type === "grid") {
             const hi = (si = ni == null ? void 0 : ni.map((li, pi) => ({ e: li, i: pi })).filter(
               ({ e: li }) => li.id === T.id || li.gridId === T.id
-            )) == null ? void 0 : si.map(({ i: li }) => li), vi = hi.length ? Math.max(...hi) + 1 : R + 1, L = Ai(), K = E(T, {});
+            )) == null ? void 0 : si.map(({ i: li }) => li), vi = hi.length ? Math.max(...hi) + 1 : R + 1, L = Ai(), K = w(T, {});
             K.id = L;
             const X = ni.filter((li) => li.gridId === T.id), ui = X == null ? void 0 : X.map(
-              (li) => E(li, { gridId: L })
+              (li) => w(li, { gridId: L })
             ), J = [
               ...ni.slice(0, vi),
               K,
@@ -707,7 +707,7 @@ const gi = mo(void 0), oe = {
             ];
             return { ...ci, questionData: J };
           } else {
-            const hi = E(
+            const hi = w(
               T,
               T.gridId ? { gridId: T.gridId } : {}
             ), vi = [
@@ -730,7 +730,7 @@ const gi = mo(void 0), oe = {
       );
     },
     []
-  ), k = mi.useCallback((I, G) => {
+  ), j = mi.useCallback((I, G) => {
     d(
       (H) => H == null ? void 0 : H.map(
         (R) => R.id === G ? {
@@ -760,10 +760,10 @@ const gi = mo(void 0), oe = {
       d(
         (R) => R == null ? void 0 : R.map(
           (T) => {
-            var E;
+            var w;
             return T.id === H ? {
               ...T,
-              questionData: (E = T.questionData) == null ? void 0 : E.map(
+              questionData: (w = T.questionData) == null ? void 0 : w.map(
                 (U) => {
                   var ci;
                   return U.type === "grid" && U.gridData ? {
@@ -793,7 +793,7 @@ const gi = mo(void 0), oe = {
           return R.id === G ? {
             ...R,
             questionData: (T = R.questionData) == null ? void 0 : T.map(
-              (E) => E.id === I.id ? { ...E, ...I } : E
+              (w) => w.id === I.id ? { ...w, ...I } : w
             )
           } : R;
         }
@@ -806,7 +806,7 @@ const gi = mo(void 0), oe = {
         sectionId: H,
         targetIndex: R,
         targetId: T,
-        targetGridId: E,
+        targetGridId: w,
         targetCol: U
       } = I;
       d(
@@ -815,18 +815,18 @@ const gi = mo(void 0), oe = {
           const si = [...ni.questionData], hi = si.findIndex((L) => L.id === G);
           if (hi === -1) return ni;
           const vi = { ...si[hi] };
-          if (E !== void 0 && U !== void 0) {
+          if (w !== void 0 && U !== void 0) {
             if (vi.type === "grid") return ni;
             const L = si.findIndex(
               (X) => {
                 var ui;
-                return X.id !== G && X.gridId === E && ((ui = X.gridPosition) == null ? void 0 : ui.col) === U;
+                return X.id !== G && X.gridId === w && ((ui = X.gridPosition) == null ? void 0 : ui.col) === U;
               }
             );
             let K = si.map(
               (X) => X.id === G ? {
                 ...X,
-                gridId: E,
+                gridId: w,
                 gridPosition: { col: U }
               } : X
             );
@@ -836,13 +836,13 @@ const gi = mo(void 0), oe = {
               return delete J.gridId, delete J.gridPosition, J;
             })), { ...ni, questionData: K };
           }
-          if (vi.gridId && R !== void 0 && E === void 0) {
+          if (vi.gridId && R !== void 0 && w === void 0) {
             const L = { ...vi };
             delete L.gridId, delete L.gridPosition;
             const K = si.filter((ui) => ui.id !== G), X = Math.min(R, K.length);
             return K.splice(X, 0, L), { ...ni, questionData: K };
           }
-          if (!vi.gridId && R !== void 0 && E === void 0 && !T) {
+          if (!vi.gridId && R !== void 0 && w === void 0 && !T) {
             si.splice(hi, 1);
             const L = Math.min(R, si.length);
             return si.splice(L, 0, vi), { ...ni, questionData: si };
@@ -856,7 +856,7 @@ const gi = mo(void 0), oe = {
       );
     },
     []
-  ), w = mi.useCallback((I, G) => {
+  ), E = mi.useCallback((I, G) => {
     d(
       (H) => H == null ? void 0 : H.map(
         (R) => R.id === G ? {
@@ -869,27 +869,27 @@ const gi = mo(void 0), oe = {
     () => ({
       formData: t,
       setFormData: d,
-      handleDragStop: m,
+      handleDragStop: p,
       removeElement: S,
       elementData: l,
       setElementData: u,
       updateElementPosition: A,
-      addElement: k,
+      addElement: j,
       addElementInPosition: O,
       updateElement: z,
-      addSection: x,
-      removeSection: j,
-      updateSection: w,
+      addSection: y,
+      removeSection: C,
+      updateSection: E,
       isDragging: r,
       setIsDragging: c,
       selectedSection: v,
       setSelectedSection: h,
-      activeSections: p,
-      setActiveSections: y,
+      activeSections: b,
+      setActiveSections: f,
       updateGridElement: ii,
       answerData: s,
       setAnswerData: a,
-      uploadUrl: f,
+      uploadUrl: x,
       setUploadUrl: g,
       duplicateElement: N,
       moveElement: Z,
@@ -898,22 +898,22 @@ const gi = mo(void 0), oe = {
     }),
     [
       t,
-      m,
+      p,
       S,
       l,
       A,
-      k,
+      j,
       O,
       z,
-      x,
-      j,
-      w,
+      y,
+      C,
+      E,
       r,
       v,
-      p,
+      b,
       ii,
       s,
-      f,
+      x,
       N,
       Z,
       e
@@ -1120,13 +1120,13 @@ const Nn = ({
 }) => {
   const r = i ? new Date(i) : null, [c, v] = P(r);
   D(() => {
-    const p = i ? new Date(i) : null;
-    (p && c && p.getTime() !== c.getTime() || !p && c || p && !c) && v(p);
+    const b = i ? new Date(i) : null;
+    (b && c && b.getTime() !== c.getTime() || !b && c || b && !c) && v(b);
   }, [i]), D(() => {
     e && e(a, c);
   }, [c, e, a]);
-  const h = (p) => {
-    v(p);
+  const h = (b) => {
+    v(b);
   };
   return /* @__PURE__ */ n.jsx("div", { className: "builder_date__picker", children: /* @__PURE__ */ n.jsx(
     bo,
@@ -1149,7 +1149,7 @@ const Nn = ({
     }
   ) });
 };
-function Eo({
+function wo({
   element: i,
   validationData: e
 }) {
@@ -1195,7 +1195,7 @@ function bn({
     }
   ) });
 }
-function wo(i, e) {
+function Eo(i, e) {
   const o = i.icons, s = i.aliases || /* @__PURE__ */ Object.create(null), a = /* @__PURE__ */ Object.create(null);
   function l(u) {
     if (o[u]) return a[u] = [];
@@ -1217,11 +1217,11 @@ const je = Object.freeze({
   rotate: 0,
   vFlip: !1,
   hFlip: !1
-}), En = Object.freeze({
+}), wn = Object.freeze({
   ...je,
   ...nn
 }), jn = Object.freeze({
-  ...En,
+  ...wn,
   body: "",
   hidden: !1
 });
@@ -1250,7 +1250,7 @@ function ke(i, e) {
   i.not_found instanceof Array && i.not_found.forEach((a) => {
     e(a, null), o.push(a);
   });
-  const s = wo(i);
+  const s = Eo(i);
   for (const a in s) {
     const l = s[a];
     l && (e(a, Po(i, a, l)), o.push(a));
@@ -1376,11 +1376,11 @@ function Ko(i, e) {
   const s = Oi(e, o);
   return !!Me(s, i);
 }
-const Ee = Object.freeze({
+const we = Object.freeze({
   width: null,
   height: null
-}), we = Object.freeze({
-  ...Ee,
+}), Ee = Object.freeze({
+  ...we,
   ...nn
 }), Go = /(-?[0-9.]*[0-9]+[0-9.]*)/g, Ho = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
 function de(i, e, o) {
@@ -1425,10 +1425,10 @@ function Wo(i, e, o) {
 const Uo = (i) => i === "unset" || i === "undefined" || i === "none";
 function zo(i, e) {
   const o = {
-    ...En,
+    ...wn,
     ...i
   }, s = {
-    ...we,
+    ...Ee,
     ...e
   }, a = {
     left: o.left,
@@ -1437,12 +1437,12 @@ function zo(i, e) {
     height: o.height
   };
   let l = o.body;
-  [o, s].forEach((f) => {
-    const g = [], m = f.hFlip, x = f.vFlip;
-    let j = f.rotate;
-    m ? x ? j += 2 : (g.push("translate(" + (a.width + a.left).toString() + " " + (0 - a.top).toString() + ")"), g.push("scale(-1 1)"), a.top = a.left = 0) : x && (g.push("translate(" + (0 - a.left).toString() + " " + (a.height + a.top).toString() + ")"), g.push("scale(1 -1)"), a.top = a.left = 0);
+  [o, s].forEach((x) => {
+    const g = [], p = x.hFlip, y = x.vFlip;
+    let C = x.rotate;
+    p ? y ? C += 2 : (g.push("translate(" + (a.width + a.left).toString() + " " + (0 - a.top).toString() + ")"), g.push("scale(-1 1)"), a.top = a.left = 0) : y && (g.push("translate(" + (0 - a.left).toString() + " " + (a.height + a.top).toString() + ")"), g.push("scale(1 -1)"), a.top = a.left = 0);
     let S;
-    switch (j < 0 && (j -= Math.floor(j / 4) * 4), j = j % 4, j) {
+    switch (C < 0 && (C -= Math.floor(C / 4) * 4), C = C % 4, C) {
       case 1:
         S = a.height / 2 + a.top, g.unshift("rotate(90 " + S.toString() + " " + S.toString() + ")");
         break;
@@ -1453,24 +1453,24 @@ function zo(i, e) {
         S = a.width / 2 + a.left, g.unshift("rotate(-90 " + S.toString() + " " + S.toString() + ")");
         break;
     }
-    j % 2 === 1 && (a.left !== a.top && (S = a.left, a.left = a.top, a.top = S), a.width !== a.height && (S = a.width, a.width = a.height, a.height = S)), g.length && (l = Wo(l, '<g transform="' + g.join(" ") + '">', "</g>"));
+    C % 2 === 1 && (a.left !== a.top && (S = a.left, a.left = a.top, a.top = S), a.width !== a.height && (S = a.width, a.width = a.height, a.height = S)), g.length && (l = Wo(l, '<g transform="' + g.join(" ") + '">', "</g>"));
   });
   const u = s.width, t = s.height, d = a.width, r = a.height;
   let c, v;
   u === null ? (v = t === null ? "1em" : t === "auto" ? r : t, c = de(v, d / r)) : (c = u === "auto" ? d : u, v = t === null ? de(c, r / d) : t === "auto" ? r : t);
-  const h = {}, p = (f, g) => {
-    Uo(g) || (h[f] = g.toString());
+  const h = {}, b = (x, g) => {
+    Uo(g) || (h[x] = g.toString());
   };
-  p("width", c), p("height", v);
-  const y = [
+  b("width", c), b("height", v);
+  const f = [
     a.left,
     a.top,
     d,
     r
   ];
-  return h.viewBox = y.join(" "), {
+  return h.viewBox = f.join(" "), {
     attributes: h,
-    viewBox: y,
+    viewBox: f,
     body: l
   };
 }
@@ -1494,7 +1494,7 @@ function Zo(i, e) {
 function Cn(i) {
   return kn[i] || kn[""];
 }
-function wn(i) {
+function En(i) {
   let e;
   if (typeof i.resources == "string") e = [i.resources];
   else if (e = i.resources, !(e instanceof Array) || !e.length) return null;
@@ -1511,9 +1511,9 @@ function wn(i) {
 }
 const Ln = /* @__PURE__ */ Object.create(null), Vi = ["https://api.simplesvg.com", "https://api.unisvg.com"], Qi = [];
 for (; Vi.length > 0; ) Vi.length === 1 || Math.random() > 0.5 ? Qi.push(Vi.shift()) : Qi.push(Vi.pop());
-Ln[""] = wn({ resources: ["https://api.iconify.design"].concat(Qi) });
+Ln[""] = En({ resources: ["https://api.iconify.design"].concat(Qi) });
 function $o(i, e) {
-  const o = wn(e);
+  const o = En(e);
   return o === null ? !1 : (Ln[i] = o, !0);
 }
 function Pn(i) {
@@ -1713,26 +1713,26 @@ function ra(i, e, o, s) {
   if (i.random) {
     let A = i.resources.slice(0);
     for (u = []; A.length > 1; ) {
-      const k = Math.floor(Math.random() * A.length);
-      u.push(A[k]), A = A.slice(0, k).concat(A.slice(k + 1));
+      const j = Math.floor(Math.random() * A.length);
+      u.push(A[j]), A = A.slice(0, j).concat(A.slice(j + 1));
     }
     u = u.concat(A);
   } else u = i.resources.slice(l).concat(i.resources.slice(0, l));
   const t = Date.now();
-  let d = "pending", r = 0, c, v = null, h = [], p = [];
-  typeof s == "function" && p.push(s);
-  function y() {
+  let d = "pending", r = 0, c, v = null, h = [], b = [];
+  typeof s == "function" && b.push(s);
+  function f() {
     v && (clearTimeout(v), v = null);
   }
-  function f() {
-    d === "pending" && (d = "aborted"), y(), h.forEach((A) => {
+  function x() {
+    d === "pending" && (d = "aborted"), f(), h.forEach((A) => {
       A.status === "pending" && (A.status = "aborted");
     }), h = [];
   }
-  function g(A, k) {
-    k && (p = []), typeof A == "function" && p.push(A);
+  function g(A, j) {
+    j && (b = []), typeof A == "function" && b.push(A);
   }
-  function m() {
+  function p() {
     return {
       startTime: t,
       payload: e,
@@ -1740,21 +1740,21 @@ function ra(i, e, o, s) {
       queriesSent: r,
       queriesPending: h.length,
       subscribe: g,
-      abort: f
+      abort: x
     };
   }
-  function x() {
-    d = "failed", p.forEach((A) => {
+  function y() {
+    d = "failed", b.forEach((A) => {
       A(void 0, c);
     });
   }
-  function j() {
+  function C() {
     h.forEach((A) => {
       A.status === "pending" && (A.status = "aborted");
     }), h = [];
   }
-  function S(A, k, O) {
-    const ii = k !== "success";
+  function S(A, j, O) {
+    const ii = j !== "success";
     switch (h = h.filter((z) => z !== A), d) {
       case "pending":
         break;
@@ -1764,46 +1764,46 @@ function ra(i, e, o, s) {
       default:
         return;
     }
-    if (k === "abort") {
-      c = O, x();
+    if (j === "abort") {
+      c = O, y();
       return;
     }
     if (ii) {
-      c = O, h.length || (u.length ? N() : x());
+      c = O, h.length || (u.length ? N() : y());
       return;
     }
-    if (y(), j(), !i.random) {
+    if (f(), C(), !i.random) {
       const z = i.resources.indexOf(A.resource);
       z !== -1 && z !== i.index && (i.index = z);
     }
-    d = "completed", p.forEach((z) => {
+    d = "completed", b.forEach((z) => {
       z(O);
     });
   }
   function N() {
     if (d !== "pending") return;
-    y();
+    f();
     const A = u.shift();
     if (A === void 0) {
       if (h.length) {
         v = setTimeout(() => {
-          y(), d === "pending" && (j(), x());
+          f(), d === "pending" && (C(), y());
         }, i.timeout);
         return;
       }
-      x();
+      y();
       return;
     }
-    const k = {
+    const j = {
       status: "pending",
       resource: A,
       callback: (O, ii) => {
-        S(k, O, ii);
+        S(j, O, ii);
       }
     };
-    h.push(k), r++, v = setTimeout(N, i.rotate), o(A, e, k.callback);
+    h.push(j), r++, v = setTimeout(N, i.rotate), o(A, e, j.callback);
   }
-  return setTimeout(N), m;
+  return setTimeout(N), p;
 }
 function Pe(i) {
   const e = {
@@ -1858,7 +1858,7 @@ function ba(i, e, o) {
     const u = ma(i);
     u && (s = u.redundancy);
   } else {
-    const l = wn(i);
+    const l = En(i);
     if (l) {
       s = Pe(l);
       const u = i.resources ? i.resources[0] : "", t = Cn(u);
@@ -1923,11 +1923,11 @@ function pa(i, e) {
       a.forEach((c) => {
         const v = l(c, s, o);
         re(v, (h) => {
-          const p = h ? {
+          const b = h ? {
             prefix: s,
             icons: { [c]: h }
           } : null;
-          Fi(i, [c], p);
+          Fi(i, [c], b);
         });
       });
       return;
@@ -1965,8 +1965,8 @@ const ga = (i, e) => {
     const v = a[r] || (a[r] = /* @__PURE__ */ Object.create(null));
     v[c] || (v[c] = []);
   }), s.pending.forEach((d) => {
-    const { provider: r, prefix: c, name: v } = d, h = Oi(r, c), p = h.pendingIcons || (h.pendingIcons = /* @__PURE__ */ new Set());
-    p.has(v) || (p.add(v), a[r][c].push(v));
+    const { provider: r, prefix: c, name: v } = d, h = Oi(r, c), b = h.pendingIcons || (h.pendingIcons = /* @__PURE__ */ new Set());
+    b.has(v) || (b.add(v), a[r][c].push(v));
   }), l.forEach((d) => {
     const r = a[d.provider][d.prefix];
     r.length && pa(d, r);
@@ -1976,7 +1976,7 @@ function fa(i, e) {
   const o = { ...i };
   for (const s in e) {
     const a = e[s], l = typeof a;
-    s in Ee ? (a === null || a && (l === "string" || l === "number")) && (o[s] = a) : l === typeof o[s] && (o[s] = s === "rotate" ? a % 4 : a);
+    s in we ? (a === null || a && (l === "string" || l === "number")) && (o[s] = a) : l === typeof o[s] && (o[s] = s === "rotate" ? a % 4 : a);
   }
   return o;
 }
@@ -2044,7 +2044,7 @@ function Ma(i) {
   return Wi === void 0 && Ca(), Wi ? Wi.createHTML(i) : i;
 }
 const Re = {
-  ...we,
+  ...Ee,
   inline: !1
 }, Ta = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -2071,32 +2071,32 @@ for (const i in be) {
   for (const o in me)
     e[i + o] = me[o];
 }
-const Ea = {
+const wa = {
   ...Re,
   inline: !0
 };
 function ve(i) {
   return i + (i.match(/^[-0-9.]+$/) ? "px" : "");
 }
-const wa = (i, e, o) => {
-  const s = e.inline ? Ea : Re, a = fa(s, e), l = e.mode || "svg", u = {}, t = e.style || {}, d = {
+const Ea = (i, e, o) => {
+  const s = e.inline ? wa : Re, a = fa(s, e), l = e.mode || "svg", u = {}, t = e.style || {}, d = {
     ...l === "svg" ? Ta : {}
   };
   if (o) {
     const g = ln(o, !1, !0);
     if (g) {
-      const m = ["iconify"], x = [
+      const p = ["iconify"], y = [
         "provider",
         "prefix"
       ];
-      for (const j of x)
-        g[j] && m.push("iconify--" + g[j]);
-      d.className = m.join(" ");
+      for (const C of y)
+        g[C] && p.push("iconify--" + g[C]);
+      d.className = p.join(" ");
     }
   }
   for (let g in e) {
-    const m = e[g];
-    if (m !== void 0)
+    const p = e[g];
+    if (p !== void 0)
       switch (g) {
         // Properties to ignore
         case "icon":
@@ -2109,38 +2109,38 @@ const wa = (i, e, o) => {
           break;
         // Forward ref
         case "_ref":
-          d.ref = m;
+          d.ref = p;
           break;
         // Merge class names
         case "className":
-          d[g] = (d[g] ? d[g] + " " : "") + m;
+          d[g] = (d[g] ? d[g] + " " : "") + p;
           break;
         // Boolean attributes
         case "inline":
         case "hFlip":
         case "vFlip":
-          a[g] = m === !0 || m === "true" || m === 1;
+          a[g] = p === !0 || p === "true" || p === 1;
           break;
         // Flip as string: 'horizontal,vertical'
         case "flip":
-          typeof m == "string" && ya(a, m);
+          typeof p == "string" && ya(a, p);
           break;
         // Color: copy to style
         case "color":
-          u.color = m;
+          u.color = p;
           break;
         // Rotation as string
         case "rotate":
-          typeof m == "string" ? a[g] = Aa(m) : typeof m == "number" && (a[g] = m);
+          typeof p == "string" ? a[g] = Aa(p) : typeof p == "number" && (a[g] = p);
           break;
         // Remove aria-hidden
         case "ariaHidden":
         case "aria-hidden":
-          m !== !0 && m !== "true" && delete d["aria-hidden"];
+          p !== !0 && p !== "true" && delete d["aria-hidden"];
           break;
         // Copy missing property if it does not exist in customisations
         default:
-          s[g] === void 0 && (d[g] = m);
+          s[g] === void 0 && (d[g] = p);
       }
   }
   const r = zo(i, a), c = r.attributes;
@@ -2149,23 +2149,23 @@ const wa = (i, e, o) => {
       ...u,
       ...t
     }, Object.assign(d, c);
-    let g = 0, m = e.id;
-    return typeof m == "string" && (m = m.replace(/-/g, "_")), d.dangerouslySetInnerHTML = {
-      __html: Ma(qo(r.body, m ? () => m + "ID" + g++ : "iconifyReact"))
+    let g = 0, p = e.id;
+    return typeof p == "string" && (p = p.replace(/-/g, "_")), d.dangerouslySetInnerHTML = {
+      __html: Ma(qo(r.body, p ? () => p + "ID" + g++ : "iconifyReact"))
     }, Sn("svg", d);
   }
-  const { body: v, width: h, height: p } = i, y = l === "mask" || (l === "bg" ? !1 : v.indexOf("currentColor") !== -1), f = Sa(v, {
+  const { body: v, width: h, height: b } = i, f = l === "mask" || (l === "bg" ? !1 : v.indexOf("currentColor") !== -1), x = Sa(v, {
     ...c,
     width: h + "",
-    height: p + ""
+    height: b + ""
   });
   return d.style = {
     ...u,
-    "--svg": ka(f),
+    "--svg": ka(x),
     width: ve(c.width),
     height: ve(c.height),
     ...Ba,
-    ...y ? Mn : De,
+    ...f ? Mn : De,
     ...t
   }, Sn("span", d);
 };
@@ -2204,19 +2204,19 @@ if (typeof document != "undefined" && typeof window != "undefined") {
 }
 function Ie(i) {
   const [e, o] = P(!!i.ssr), [s, a] = P({});
-  function l(p) {
-    if (p) {
-      const y = i.icon;
-      if (typeof y == "object")
+  function l(b) {
+    if (b) {
+      const f = i.icon;
+      if (typeof f == "object")
         return {
           name: "",
-          data: y
+          data: f
         };
-      const f = le(y);
-      if (f)
+      const x = le(f);
+      if (x)
         return {
-          name: y,
-          data: f
+          name: f,
+          data: x
         };
     }
     return {
@@ -2225,41 +2225,41 @@ function Ie(i) {
   }
   const [u, t] = P(l(!!i.ssr));
   function d() {
-    const p = s.callback;
-    p && (p(), a({}));
+    const b = s.callback;
+    b && (b(), a({}));
   }
-  function r(p) {
-    if (JSON.stringify(u) !== JSON.stringify(p))
-      return d(), t(p), !0;
+  function r(b) {
+    if (JSON.stringify(u) !== JSON.stringify(b))
+      return d(), t(b), !0;
   }
   function c() {
-    var p;
-    const y = i.icon;
-    if (typeof y == "object") {
+    var b;
+    const f = i.icon;
+    if (typeof f == "object") {
       r({
         name: "",
-        data: y
+        data: f
       });
       return;
     }
-    const f = le(y);
+    const x = le(f);
     if (r({
-      name: y,
-      data: f
+      name: f,
+      data: x
     }))
-      if (f === void 0) {
-        const g = ga([y], c);
+      if (x === void 0) {
+        const g = ga([f], c);
         a({
           callback: g
         });
-      } else f && ((p = i.onLoad) === null || p === void 0 || p.call(i, y));
+      } else x && ((b = i.onLoad) === null || b === void 0 || b.call(i, f));
   }
   D(() => (o(!0), d), []), D(() => {
     e && c();
   }, [i.icon, e]);
   const { name: v, data: h } = u;
-  return h ? wa({
-    ...En,
+  return h ? Ea({
+    ...wn,
     ...h
   }, i, v) : i.children ? i.children : i.fallback ? i.fallback : Sn("span", {});
 }
@@ -2327,7 +2327,7 @@ function Rn({
             ]
           }
         ),
-        /* @__PURE__ */ n.jsx(wi, { as: Zi, leave: "custom-select__transition", children: /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ n.jsx(Ei, { as: Zi, leave: "custom-select__transition", children: /* @__PURE__ */ n.jsx(
           di.Options,
           {
             anchor: "bottom start",
@@ -2337,16 +2337,16 @@ function Rn({
                 di.Option,
                 {
                   value: v,
-                  className: ({ active: p }) => `custom-select__option ${p ? "custom-select__option--active" : ""}`,
-                  children: ({ selected: p }) => /* @__PURE__ */ n.jsxs("div", { className: "custom-select__option-row", children: [
+                  className: ({ active: b }) => `custom-select__option ${b ? "custom-select__option--active" : ""}`,
+                  children: ({ selected: b }) => /* @__PURE__ */ n.jsxs("div", { className: "custom-select__option-row", children: [
                     /* @__PURE__ */ n.jsx(
                       "span",
                       {
-                        className: `custom-select__option-label ${p ? "custom-select__option--selected" : ""}`,
+                        className: `custom-select__option-label ${b ? "custom-select__option--selected" : ""}`,
                         children: v.label
                       }
                     ),
-                    p && /* @__PURE__ */ n.jsx("span", { className: "custom-select__check", children: "✓" })
+                    b && /* @__PURE__ */ n.jsx("span", { className: "custom-select__check", children: "✓" })
                   ] })
                 },
                 h
@@ -2388,13 +2388,13 @@ function Ke({
   }, [i]), D(() => {
     if (l === "pdf" && (i != null && i.startsWith("data:")))
       try {
-        const p = atob(i.split(",")[1]), y = new ArrayBuffer(p.length), f = new Uint8Array(y);
-        for (let x = 0; x < p.length; x++)
-          f[x] = p.charCodeAt(x);
-        const g = new Blob([y], { type: "application/pdf" }), m = URL.createObjectURL(g);
-        return d(m), () => URL.revokeObjectURL(m);
-      } catch (p) {
-        console.error("Error creating blob URL:", p);
+        const b = atob(i.split(",")[1]), f = new ArrayBuffer(b.length), x = new Uint8Array(f);
+        for (let y = 0; y < b.length; y++)
+          x[y] = b.charCodeAt(y);
+        const g = new Blob([f], { type: "application/pdf" }), p = URL.createObjectURL(g);
+        return d(p), () => URL.revokeObjectURL(p);
+      } catch (b) {
+        console.error("Error creating blob URL:", b);
       }
     else
       d(null);
@@ -2402,15 +2402,15 @@ function Ke({
   const r = () => {
     l === "image" || l === "pdf" ? a(!0) : window.open(t || i, "_blank");
   }, c = () => a(!1), v = e || (i == null ? void 0 : i.split("/").pop()) || "Unknown file";
-  function h(p, y = "download") {
-    if (!p) return;
-    if (p.startsWith("data:")) {
+  function h(b, f = "download") {
+    if (!b) return;
+    if (b.startsWith("data:")) {
       const g = document.createElement("a");
-      g.href = p, g.download = y, document.body.appendChild(g), g.click(), document.body.removeChild(g);
+      g.href = b, g.download = f, document.body.appendChild(g), g.click(), document.body.removeChild(g);
       return;
     }
-    const f = document.createElement("a");
-    f.href = p, f.setAttribute("download", y), document.body.appendChild(f), f.click(), document.body.removeChild(f);
+    const x = document.createElement("a");
+    x.href = b, x.setAttribute("download", f), document.body.appendChild(x), x.click(), document.body.removeChild(x);
   }
   return /* @__PURE__ */ n.jsxs("div", { className: "mt-2 field-control !py-1 !bg-gray-50 !flex justify-between gap-x-8 items-center", children: [
     /* @__PURE__ */ n.jsxs(
@@ -2456,7 +2456,7 @@ function Ke({
           "div",
           {
             className: "relative bg-white p-8 rounded-lg w-full max-w-[90vw] max-h-[90vh] overflow-auto",
-            onClick: (p) => p.stopPropagation(),
+            onClick: (b) => b.stopPropagation(),
             children: [
               /* @__PURE__ */ n.jsx(
                 "button",
@@ -2516,38 +2516,38 @@ function Ia({
   const h = oi(
     () => l == null ? void 0 : l.map((S) => S.value).join(", "),
     [l]
-  ), p = oi(
+  ), b = oi(
     () => l == null ? void 0 : l.map((S) => S.label).join(", "),
     [l]
-  ), y = $(
+  ), f = $(
     async (S) => {
       var A;
       const N = xi("token");
       try {
-        const { data: k } = await Ii.post(u, S, {
+        const { data: j } = await Ii.post(u, S, {
           headers: {
             Authorization: `Bearer ${N}`
           }
         });
-        return (A = k == null ? void 0 : k.data) == null ? void 0 : A.url;
-      } catch (k) {
-        throw console.error("File upload error:", k), new Error("Failed to upload file to server");
+        return (A = j == null ? void 0 : j.data) == null ? void 0 : A.url;
+      } catch (j) {
+        throw console.error("File upload error:", j), new Error("Failed to upload file to server");
       }
     },
     [u]
-  ), f = $(
+  ), x = $(
     (S) => new Promise((N, A) => {
-      const k = new FileReader();
-      k.onloadend = async () => {
+      const j = new FileReader();
+      j.onloadend = async () => {
         try {
-          const O = k.result.replace(
+          const O = j.result.replace(
             /^data:.*;base64,/,
             ""
-          ), ii = u ? await y({
+          ), ii = u ? await f({
             base64: O,
             ext: `.${S.name.split(".").pop()}`,
             fileName: S.name
-          }) : k.result;
+          }) : j.result;
           N({
             base64: ii,
             type: S.type,
@@ -2556,29 +2556,29 @@ function Ia({
         } catch (O) {
           A(O);
         }
-      }, k.onerror = () => A(new Error("File read failed")), k.readAsDataURL(S);
+      }, j.onerror = () => A(new Error("File read failed")), j.readAsDataURL(S);
     }),
-    [u, y]
+    [u, f]
   ), g = $(
     (S) => {
       var A;
-      const N = h ? (A = h.split(",")) == null ? void 0 : A.map((k) => k.trim()) : [];
-      for (const k of S) {
-        if (k.size > Da)
+      const N = h ? (A = h.split(",")) == null ? void 0 : A.map((j) => j.trim()) : [];
+      for (const j of S) {
+        if (j.size > Da)
           return ki.error(
-            `File "${k.name}" exceeds 5MB limit (${(k.size / 1024 / 1024).toFixed(2)}MB)`
+            `File "${j.name}" exceeds 5MB limit (${(j.size / 1024 / 1024).toFixed(2)}MB)`
           ), !1;
         if (N.length && !N.some(
-          (O) => k.type === O || k.name.toLowerCase().endsWith(O.replace("*", ""))
+          (O) => j.type === O || j.name.toLowerCase().endsWith(O.replace("*", ""))
         ))
           return ki.error(
-            `File "${k.name}" is not an allowed type. Allowed: ${p || "any"}`
+            `File "${j.name}" is not an allowed type. Allowed: ${b || "any"}`
           ), !1;
       }
       return !0;
     },
-    [h, p]
-  ), m = $(
+    [h, b]
+  ), p = $(
     async (S) => {
       const N = Array.from(S.target.files || []);
       if (!(!N.length || c)) {
@@ -2588,8 +2588,8 @@ function Ia({
         }
         try {
           v(!0);
-          const A = await Promise.all(N == null ? void 0 : N.map(f)), k = s && d ? [...d, ...A] : A;
-          r(k), i(k), ki.success(`Successfully uploaded ${N.length} file(s)`);
+          const A = await Promise.all(N == null ? void 0 : N.map(x)), j = s && d ? [...d, ...A] : A;
+          r(j), i(j), ki.success(`Successfully uploaded ${N.length} file(s)`);
         } catch (A) {
           console.error("Upload error:", A), ki.error("Failed to upload file(s). Please try again.");
         } finally {
@@ -2597,16 +2597,16 @@ function Ia({
         }
       }
     },
-    [c, g, f, i, s, d]
-  ), x = $(
+    [c, g, x, i, s, d]
+  ), y = $(
     (S) => {
       c || (t.current && (t.current.value = ""), r((N) => {
-        const A = S === void 0 ? null : (N == null ? void 0 : N.filter((k, O) => O !== S)) || null;
+        const A = S === void 0 ? null : (N == null ? void 0 : N.filter((j, O) => O !== S)) || null;
         return i(A), A;
       }), o == null || o());
     },
     [o, i, c]
-  ), j = d && d.length > 0;
+  ), C = d && d.length > 0;
   return /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col items-start gap-2", children: [
     !e && /* @__PURE__ */ n.jsxs("div", { className: "!flex field-control !py-0 !px-0 relative", children: [
       /* @__PURE__ */ n.jsx(
@@ -2614,7 +2614,7 @@ function Ia({
         {
           ref: t,
           type: "file",
-          onChange: m,
+          onChange: p,
           disabled: e || c,
           multiple: s,
           accept: h || "",
@@ -2625,19 +2625,19 @@ function Ia({
                      hover:file:bg-blue-100 disabled:opacity-50 disabled:cursor-not-allowed`
         }
       ),
-      j && /* @__PURE__ */ n.jsx(
+      C && /* @__PURE__ */ n.jsx(
         "button",
         {
           type: "button",
           className: "p-2 text-lg text-red-500 hover:text-red-600 transition-colors disabled:opacity-50",
-          onClick: () => x(),
+          onClick: () => y(),
           disabled: c,
           "aria-label": "Remove all files",
           children: /* @__PURE__ */ n.jsx(_, { icon: "lets-icons:trash-duotone" })
         }
       )
     ] }),
-    j && /* @__PURE__ */ n.jsxs("div", { className: "relative grid gap-y-1 flex-1 w-full", children: [
+    C && /* @__PURE__ */ n.jsxs("div", { className: "relative grid gap-y-1 flex-1 w-full", children: [
       c && /* @__PURE__ */ n.jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-white/60 rounded", children: /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-2 text-sm text-blue-600 font-medium", children: [
         /* @__PURE__ */ n.jsx("span", { className: "animate-spin h-4 w-4 border-2 border-blue-500 border-t-transparent rounded-full" }),
         "Uploading..."
@@ -2647,7 +2647,7 @@ function Ia({
         {
           fileUrl: S.base64,
           fileName: S.name,
-          removeFile: () => x(N)
+          removeFile: () => y(N)
         },
         `${S.name}-${N}`
       )))
@@ -2728,13 +2728,13 @@ const F = ({
   trigger: c,
   prefix: v,
   disabled: h,
-  watch: p,
-  min: y,
-  max: f,
+  watch: b,
+  min: f,
+  max: x,
   description: g
 }) => {
-  var x, j, S, N;
-  const m = o ? { ...o(e) } : {};
+  var y, C, S, N;
+  const p = o ? { ...o(e) } : {};
   if (l === "amount")
     return /* @__PURE__ */ n.jsxs("div", { className: "space-y-1.5 relative", children: [
       /* @__PURE__ */ n.jsx(
@@ -2758,12 +2758,12 @@ const F = ({
           disabled: h
         }
       ),
-      (s == null ? void 0 : s[e]) && /* @__PURE__ */ n.jsx("p", { className: "mt-1 text-sm text-red-600", children: (x = s[e]) == null ? void 0 : x.message })
+      (s == null ? void 0 : s[e]) && /* @__PURE__ */ n.jsx("p", { className: "mt-1 text-sm text-red-600", children: (y = s[e]) == null ? void 0 : y.message })
     ] });
   if (["checkbox", "radio"].includes(l)) {
-    const A = (p == null ? void 0 : p(e)) || null;
-    let k = !1;
-    return A && (A != null && A.length && l === "checkbox" ? k = A == null ? void 0 : A.includes(r) : k = A == r), /* @__PURE__ */ n.jsxs("div", { className: "space-y-1", children: [
+    const A = (b == null ? void 0 : b(e)) || null;
+    let j = !1;
+    return A && (A != null && A.length && l === "checkbox" ? j = A == null ? void 0 : A.includes(r) : j = A == r), /* @__PURE__ */ n.jsxs("div", { className: "space-y-1", children: [
       /* @__PURE__ */ n.jsxs(
         "label",
         {
@@ -2772,7 +2772,7 @@ const F = ({
             /* @__PURE__ */ n.jsx(
               "input",
               {
-                ...m,
+                ...p,
                 type: l,
                 value: r || "",
                 disabled: h,
@@ -2791,7 +2791,7 @@ const F = ({
             peer-disabled:opacity-60
             peer-disabled:cursor-not-allowed
           `,
-                children: k && /* @__PURE__ */ n.jsx(
+                children: j && /* @__PURE__ */ n.jsx(
                   _,
                   {
                     icon: "meteor-icons:check",
@@ -2807,7 +2807,7 @@ const F = ({
           ]
         }
       ),
-      (s == null ? void 0 : s[e]) && /* @__PURE__ */ n.jsx("p", { className: "ml-8 text-sm text-red-600", children: (j = s[e]) == null ? void 0 : j.message })
+      (s == null ? void 0 : s[e]) && /* @__PURE__ */ n.jsx("p", { className: "ml-8 text-sm text-red-600", children: (C = s[e]) == null ? void 0 : C.message })
     ] });
   }
   return l === "textarea" ? /* @__PURE__ */ n.jsxs("div", { className: "space-y-1.5 relative", children: [
@@ -2821,7 +2821,7 @@ const F = ({
     /* @__PURE__ */ n.jsx(
       "textarea",
       {
-        ...m,
+        ...p,
         className: `field-control ${s != null && s[e] ? "border-red-300" : "border-[#D0D5DD]"} ${a}`,
         placeholder: u,
         disabled: h
@@ -2839,13 +2839,13 @@ const F = ({
     /* @__PURE__ */ n.jsx(
       "input",
       {
-        ...m,
+        ...p,
         type: l,
         className: `field-control ${s != null && s[e] ? "border-red-300" : "border-[#D0D5DD]"} ${a}`,
         placeholder: t ? "" : u,
         disabled: h,
-        min: y,
-        max: f
+        min: f,
+        max: x
       }
     ),
     (s == null ? void 0 : s[e]) && /* @__PURE__ */ n.jsx("p", { className: "mt-1 text-sm text-red-600", children: (N = s[e]) == null ? void 0 : N.message })
@@ -2915,36 +2915,36 @@ const Di = ({
   isFloatingLabel: c,
   subText: v,
   labelClass: h = "text-[10px]",
-  loading: p,
-  disabled: y
+  loading: b,
+  disabled: f
 }) => {
-  const [f, g] = P(r ? [] : null), m = Ci(!1), x = oi(() => !t || !i || i.length === 0 ? r ? [] : null : r ? Array.isArray(t) ? i.filter((N) => t.some(
+  const [x, g] = P(r ? [] : null), p = Ci(!1), y = oi(() => !t || !i || i.length === 0 ? r ? [] : null : r ? Array.isArray(t) ? i.filter((N) => t.some(
     (A) => {
-      var k;
-      return typeof N.value == "object" ? ((k = N.value) == null ? void 0 : k.id) === (A == null ? void 0 : A.id) : N.value === A;
+      var j;
+      return typeof N.value == "object" ? ((j = N.value) == null ? void 0 : j.id) === (A == null ? void 0 : A.id) : N.value === A;
     }
   )) : [] : i.find((N) => {
     var A;
     return typeof N.value == "string" && typeof t == "string" ? N.value.toLowerCase() === t.toLowerCase() : typeof N.value == "object" && typeof t == "object" ? ((A = N.value) == null ? void 0 : A.id) === (t == null ? void 0 : t.id) : N.value === t;
   }) || null, [t, i, r]);
   D(() => {
-    if (m.current) {
-      m.current = !1;
+    if (p.current) {
+      p.current = !1;
       return;
     }
-    if (r && Array.isArray(x) && Array.isArray(f)) {
-      const N = f == null ? void 0 : f.map((k) => k.value), A = x == null ? void 0 : x.map((k) => k.value);
-      JSON.stringify(N) !== JSON.stringify(A) && g(x);
-    } else (x == null ? void 0 : x.value) !== (f == null ? void 0 : f.value) && g(x);
-  }, [x, r]);
-  const j = $((N) => {
+    if (r && Array.isArray(y) && Array.isArray(x)) {
+      const N = x == null ? void 0 : x.map((j) => j.value), A = y == null ? void 0 : y.map((j) => j.value);
+      JSON.stringify(N) !== JSON.stringify(A) && g(y);
+    } else (y == null ? void 0 : y.value) !== (x == null ? void 0 : x.value) && g(y);
+  }, [y, r]);
+  const C = $((N) => {
     var A;
-    if (m.current = !0, g(N), a) {
-      const k = r ? Array.isArray(N) ? N == null ? void 0 : N.map((O) => O.value) : [] : (A = N == null ? void 0 : N.value) != null ? A : null;
-      a(l, k), d == null || d(l);
+    if (p.current = !0, g(N), a) {
+      const j = r ? Array.isArray(N) ? N == null ? void 0 : N.map((O) => O.value) : [] : (A = N == null ? void 0 : N.value) != null ? A : null;
+      a(l, j), d == null || d(l);
     }
-    s && !m.current && s(l);
-  }, [a, l, d, s, r]), S = oi(() => p ? "Fetching data..." : f ? r && Array.isArray(f) ? f.length > 0 ? f == null ? void 0 : f.map((N) => N.label).join(", ") : e : (f == null ? void 0 : f.label) || e : e, [f, p, e, r]);
+    s && !p.current && s(l);
+  }, [a, l, d, s, r]), S = oi(() => b ? "Fetching data..." : x ? r && Array.isArray(x) ? x.length > 0 ? x == null ? void 0 : x.map((N) => N.label).join(", ") : e : (x == null ? void 0 : x.label) || e : e, [x, b, e, r]);
   return /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
     !c && u && /* @__PURE__ */ n.jsx("label", { className: "block text-sm text-[#686878] darks:text-white/70 mb-2", children: u }),
     c && u && /* @__PURE__ */ n.jsx(
@@ -2960,17 +2960,17 @@ const Di = ({
     /* @__PURE__ */ n.jsx(
       di,
       {
-        value: f,
-        onChange: j,
+        value: x,
+        onChange: C,
         multiple: r,
-        disabled: y || p,
+        disabled: f || b,
         children: /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ n.jsxs(di.Button, { className: "field-control", disabled: y || p, children: [
+          /* @__PURE__ */ n.jsxs(di.Button, { className: "field-control", disabled: f || b, children: [
             /* @__PURE__ */ n.jsx(
               "span",
               {
                 className: q("block text-sm text-left truncate", {
-                  "opacity-60": !f || p
+                  "opacity-60": !x || b
                 }),
                 children: S
               }
@@ -2978,13 +2978,13 @@ const Di = ({
             /* @__PURE__ */ n.jsx("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ n.jsx(_, { icon: "lucide:chevron-down" }) })
           ] }),
           /* @__PURE__ */ n.jsx(
-            wi,
+            Ei,
             {
               leave: "transition ease-in duration-100",
               leaveFrom: "opacity-100",
               leaveTo: "opacity-0",
               children: /* @__PURE__ */ n.jsx(di.Options, { anchor: "bottom start", className: "select-button-options", children: i.length === 0 ? /* @__PURE__ */ n.jsx("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No options available" }) : i == null ? void 0 : i.map((N, A) => {
-                var k;
+                var j;
                 return /* @__PURE__ */ n.jsx(
                   di.Option,
                   {
@@ -2992,7 +2992,7 @@ const Di = ({
                     className: ({ active: O }) => q("select-option", { active: O }),
                     children: ({ selected: O }) => /* @__PURE__ */ n.jsx("div", { className: q("option-text", { selected: O }), children: N.label })
                   },
-                  ((k = N.value) == null ? void 0 : k.id) || N.value || A
+                  ((j = N.value) == null ? void 0 : j.id) || N.value || A
                 );
               }) })
             }
@@ -3013,23 +3013,23 @@ function Tn({
   name: l
 }) {
   const [u, t] = P(""), d = oi(() => {
-    const p = e != null ? e : o;
-    return i.find((y) => y.value === p || y.label === p) || null;
+    const b = e != null ? e : o;
+    return i.find((f) => f.value === b || f.label === b) || null;
   }, [e, o, i]), [r, c] = P(d);
   D(() => {
     if (e !== void 0) {
-      const p = i.find((y) => y.value === e || y.label === e) || null;
-      c(p);
+      const b = i.find((f) => f.value === e || f.label === e) || null;
+      c(b);
     }
   }, [e, i]);
   const v = oi(() => {
     if (u === "") return i;
-    const p = u.toLowerCase();
+    const b = u.toLowerCase();
     return i.filter(
-      (y) => y.label.toLowerCase().includes(p)
+      (f) => f.label.toLowerCase().includes(b)
     );
-  }, [u, i]), h = $((p) => {
-    c(p), s(l, p);
+  }, [u, i]), h = $((b) => {
+    c(b), s(l, b);
   }, [l, s]);
   return /* @__PURE__ */ n.jsx("div", { className: "relative w-full", children: /* @__PURE__ */ n.jsxs(
     Ri,
@@ -3043,21 +3043,21 @@ function Tn({
             vo,
             {
               className: "field-control",
-              displayValue: (p) => (p == null ? void 0 : p.label) || "",
-              onChange: (p) => t(p.target.value),
+              displayValue: (b) => (b == null ? void 0 : b.label) || "",
+              onChange: (b) => t(b.target.value),
               placeholder: "Select an option..."
             }
           ),
           /* @__PURE__ */ n.jsx(ho, { className: "absolute inset-y-0 right-0 flex items-center px-2 text-gray-400 hover:text-gray-600", children: /* @__PURE__ */ n.jsx(_, { icon: "octicon:chevron-down-12" }) })
         ] }),
-        /* @__PURE__ */ n.jsx(po, { anchor: "bottom start", className: "select-options__combo", children: v.length === 0 ? /* @__PURE__ */ n.jsx("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No results found." }) : v == null ? void 0 : v.map((p) => /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ n.jsx(po, { anchor: "bottom start", className: "select-options__combo", children: v.length === 0 ? /* @__PURE__ */ n.jsx("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No results found." }) : v == null ? void 0 : v.map((b) => /* @__PURE__ */ n.jsx(
           go,
           {
-            value: p,
-            className: ({ active: y, selected: f }) => q("select-option", { active: y, selected: f }),
-            children: ({ selected: y }) => /* @__PURE__ */ n.jsx("div", { className: q("option-text", { selected: y }), children: p.label })
+            value: b,
+            className: ({ active: f, selected: x }) => q("select-option", { active: f, selected: x }),
+            children: ({ selected: f }) => /* @__PURE__ */ n.jsx("div", { className: q("option-text", { selected: f }), children: b.label })
           },
-          p.value
+          b.value
         )) })
       ]
     }
@@ -3670,8 +3670,8 @@ const ls = () => /* @__PURE__ */ n.jsx("blockquote", { className: "bg-gray-100 p
       const v = c.target.result, h = jo.parse(v, { header: !0 });
       i(e, h.data);
     }, r.readAsText(d)) : d.name.endsWith(".xlsx") || d.name.endsWith(".xls") ? (r.onload = (c) => {
-      const v = new Uint8Array(c.target.result), h = Xn.read(v, { type: "array" }), p = h.SheetNames[0], y = h.Sheets[p], f = Xn.utils.sheet_to_json(y);
-      i(e, f);
+      const v = new Uint8Array(c.target.result), h = Xn.read(v, { type: "array" }), b = h.SheetNames[0], f = h.Sheets[b], x = Xn.utils.sheet_to_json(f);
+      i(e, x);
     }, r.readAsArrayBuffer(d)) : ki.error("Unsupported file type. Please upload a CSV or Excel file.");
   };
   return /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
@@ -3778,7 +3778,7 @@ function bs({
     });
   }, [l, u, a]), d = (r, c, v) => {
     const h = u == null ? void 0 : u.map(
-      (p, y) => y === r ? { ...p, [c]: v } : p
+      (b, f) => f === r ? { ...b, [c]: v } : b
     );
     e("visibilityDependentFields", h);
   };
@@ -3812,11 +3812,11 @@ function bs({
           di,
           {
             value: r.fieldType,
-            onChange: (p) => d(c, "fieldType", p),
+            onChange: (b) => d(c, "fieldType", b),
             children: /* @__PURE__ */ n.jsxs("div", { className: "listbox-wrapper", children: [
               /* @__PURE__ */ n.jsx(di.Button, { className: "listbox-button", children: r.fieldType }),
               /* @__PURE__ */ n.jsx(
-                wi,
+                Ei,
                 {
                   as: Zi,
                   leave: "transition ease-in duration-100",
@@ -3827,14 +3827,14 @@ function bs({
                     {
                       className: "listbox-options ",
                       anchor: "bottom",
-                      children: gn == null ? void 0 : gn.map((p) => /* @__PURE__ */ n.jsx(
+                      children: gn == null ? void 0 : gn.map((b) => /* @__PURE__ */ n.jsx(
                         di.Option,
                         {
-                          value: p,
+                          value: b,
                           className: "listbox-option",
-                          children: p
+                          children: b
                         },
-                        p
+                        b
                       ))
                     }
                   )
@@ -3847,11 +3847,11 @@ function bs({
           di,
           {
             value: r.operator,
-            onChange: (p) => d(c, "operator", p),
+            onChange: (b) => d(c, "operator", b),
             children: /* @__PURE__ */ n.jsxs("div", { className: "listbox-wrapper", children: [
               /* @__PURE__ */ n.jsx(di.Button, { className: "listbox-button", children: r.operator.replace("_", " ") }),
               /* @__PURE__ */ n.jsx(
-                wi,
+                Ei,
                 {
                   as: Zi,
                   leave: "transition ease-in duration-100",
@@ -3862,14 +3862,14 @@ function bs({
                     {
                       className: "listbox-options ",
                       anchor: "bottom",
-                      children: (v = r.fieldType === "number" ? [...pe, ...ms] : pe) == null ? void 0 : v.map((p) => /* @__PURE__ */ n.jsx(
+                      children: (v = r.fieldType === "number" ? [...pe, ...ms] : pe) == null ? void 0 : v.map((b) => /* @__PURE__ */ n.jsx(
                         di.Option,
                         {
-                          value: p,
+                          value: b,
                           className: "listbox-option",
-                          children: p.replace("_", " ")
+                          children: b.replace("_", " ")
                         },
-                        p
+                        b
                       ))
                     }
                   )
@@ -3883,7 +3883,7 @@ function bs({
           {
             type: r.fieldType,
             value: r.fieldValue || "",
-            onChange: (p) => d(c, "fieldValue", p.target.value),
+            onChange: (b) => d(c, "fieldValue", b.target.value),
             placeholder: "Value",
             className: "field-value"
           }
@@ -3891,11 +3891,11 @@ function bs({
           di,
           {
             value: (h = r.fieldValue) != null ? h : "",
-            onChange: (p) => d(c, "fieldValue", p),
+            onChange: (b) => d(c, "fieldValue", b),
             children: /* @__PURE__ */ n.jsxs("div", { className: "listbox-wrapper", children: [
               /* @__PURE__ */ n.jsx(di.Button, { className: "listbox-button", children: r.fieldValue === !0 ? "True" : r.fieldValue === !1 ? "False" : "Select value" }),
               /* @__PURE__ */ n.jsx(
-                wi,
+                Ei,
                 {
                   as: Zi,
                   leave: "transition ease-in duration-100",
@@ -4016,12 +4016,12 @@ const vs = B.object().shape({
     (L) => !qi.includes(o.inputType) || L.key !== "validation"
   ), { updateElement: a } = mi.useContext(gi), [l, u] = P("basic"), [t, d] = P(!1), [r, c] = P("manual"), v = xi("config"), {
     register: h,
-    handleSubmit: p,
-    control: y,
-    setValue: f,
+    handleSubmit: b,
+    control: f,
+    setValue: x,
     watch: g,
-    trigger: m,
-    formState: { errors: x, isSubmitting: j, isValid: S },
+    trigger: p,
+    formState: { errors: y, isSubmitting: C, isValid: S },
     reset: N
   } = Bn({
     resolver: Dn(vs),
@@ -4029,22 +4029,22 @@ const vs = B.object().shape({
       ...o,
       options: o.options || []
     }
-  }), A = g(), { fields: k, append: O, remove: ii } = mn({
-    control: y,
+  }), A = g(), { fields: j, append: O, remove: ii } = mn({
+    control: f,
     name: "options"
   }), {
     fields: z,
     append: Z,
-    remove: w
+    remove: E
   } = mn({
-    control: y,
+    control: f,
     name: "options1"
   }), {
     fields: W,
     append: I,
     remove: G
   } = mn({
-    control: y,
+    control: f,
     name: "dataColumns"
   });
   D(() => {
@@ -4056,7 +4056,7 @@ const vs = B.object().shape({
     headers: {
       Authorization: `Bearer ${xi("token")}`
     }
-  }, E = $(async () => {
+  }, w = $(async () => {
     var L, K, X;
     if (!A.apiUrl || !/^https?:\/\//.test(A.apiUrl)) {
       ki.info("Please provide a valid API URL");
@@ -4074,16 +4074,16 @@ const vs = B.object().shape({
         ki.error("Expected an array in response (data, record, or result).");
         return;
       }
-      ((L = o.type) == null ? void 0 : L.toLowerCase()) === "datagrid" ? f("dataColumns", li) : f("options", li);
+      ((L = o.type) == null ? void 0 : L.toLowerCase()) === "datagrid" ? x("dataColumns", li) : x("options", li);
     } catch (ui) {
       const J = ((X = (K = ui == null ? void 0 : ui.response) == null ? void 0 : K.data) == null ? void 0 : X.message) || (ui == null ? void 0 : ui.message) || "Unable to load options";
       ki.error(J);
     } finally {
       d(!1);
     }
-  }, [o.type, f, A.apiUrl]), U = ["manual", "api", "sheet"];
+  }, [o.type, x, A.apiUrl]), U = ["manual", "api", "sheet"];
   function ci() {
-    r === "api" && E();
+    r === "api" && w();
   }
   const ni = () => /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col justify-start gap-y-1", children: [
     /* @__PURE__ */ n.jsx("div", { className: "flex items-center mb-4 gap-x-5", children: U == null ? void 0 : U.map((L) => /* @__PURE__ */ n.jsxs("label", { className: "items-center text-base capitalize gap-x-3", children: [
@@ -4111,7 +4111,7 @@ const vs = B.object().shape({
               watch: g,
               label: "Load Options from Api",
               name: "apiUrl",
-              errors: x,
+              errors: y,
               register: h,
               className: "!w-full",
               placeholder: "https://example.com/options",
@@ -4137,13 +4137,13 @@ const vs = B.object().shape({
       {
         isFloating: !0,
         label: "Load options form sheet (csv, xlsx)",
-        setValue: f,
+        setValue: x,
         name: "options"
       }
     ) }),
     /* @__PURE__ */ n.jsxs("div", { children: [
       /* @__PURE__ */ n.jsx("h3", { className: "mb-4 text-sm text-gray-500", children: "Parent Options " }),
-      k == null ? void 0 : k.map((L, K) => /* @__PURE__ */ n.jsxs(
+      j == null ? void 0 : j.map((L, K) => /* @__PURE__ */ n.jsxs(
         "div",
         {
           className: "flex items-center mb-1 gap-x-4 last:mb-0",
@@ -4155,7 +4155,7 @@ const vs = B.object().shape({
                 label: K === 0 ? "Label" : "",
                 name: `options.${K}.label`,
                 register: h,
-                errors: x,
+                errors: y,
                 element: o,
                 placeholder: "Label"
               }
@@ -4167,7 +4167,7 @@ const vs = B.object().shape({
                 label: K === 0 ? "Value" : "",
                 name: `options.${K}.value`,
                 register: h,
-                errors: x,
+                errors: y,
                 element: o,
                 placeholder: "Value"
               }
@@ -4175,7 +4175,7 @@ const vs = B.object().shape({
             /* @__PURE__ */ n.jsx(
               "button",
               {
-                disabled: k.length === 1,
+                disabled: j.length === 1,
                 type: "button",
                 className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
                 onClick: () => ii(K),
@@ -4220,7 +4220,7 @@ const vs = B.object().shape({
                   label: "Label",
                   name: `options1.${K}.label`,
                   register: h,
-                  errors: x,
+                  errors: y,
                   element: o,
                   placeholder: "Label",
                   isFloating: !0
@@ -4233,7 +4233,7 @@ const vs = B.object().shape({
                   label: "Value",
                   name: `options1.${K}.value`,
                   register: h,
-                  errors: x,
+                  errors: y,
                   element: o,
                   placeholder: "Value",
                   isFloating: !0
@@ -4246,7 +4246,7 @@ const vs = B.object().shape({
                   label: "Key",
                   name: `options1.${K}.key`,
                   register: h,
-                  errors: x,
+                  errors: y,
                   element: o,
                   placeholder: "Key",
                   isFloating: !0
@@ -4258,7 +4258,7 @@ const vs = B.object().shape({
                   disabled: z.length === 1,
                   type: "button",
                   className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
-                  onClick: () => w(K),
+                  onClick: () => E(K),
                   children: /* @__PURE__ */ n.jsx(_, { icon: "iconamoon:sign-times-fill" })
                 }
               )
@@ -4310,7 +4310,7 @@ const vs = B.object().shape({
               watch: g,
               label: "Load Columns from Api",
               name: "apiUrl",
-              errors: x,
+              errors: y,
               register: h,
               className: "!w-full",
               placeholder: "https://example.com/columns",
@@ -4337,7 +4337,7 @@ const vs = B.object().shape({
       {
         isFloating: !0,
         label: "Load columns form sheet (csv, xlsx)",
-        setValue: f,
+        setValue: x,
         name: "dataColumns"
       }
     ) }),
@@ -4362,8 +4362,8 @@ const vs = B.object().shape({
           ],
           register: h,
           name: `dataColumns.${K}.type`,
-          setValue: f,
-          trigger: m,
+          setValue: x,
+          trigger: p,
           value: A.dataColumns[K].type
         }
       ) }),
@@ -4374,7 +4374,7 @@ const vs = B.object().shape({
           label: K === 0 ? "Field key" : "",
           name: `dataColumns.${K}.field`,
           register: h,
-          errors: x,
+          errors: y,
           element: o,
           placeholder: "fieldKey"
         }
@@ -4386,7 +4386,7 @@ const vs = B.object().shape({
           label: K === 0 ? "Display header" : "",
           name: `dataColumns.${K}.headerName`,
           register: h,
-          errors: x,
+          errors: y,
           element: o,
           placeholder: "header"
         }
@@ -4430,8 +4430,8 @@ const vs = B.object().shape({
         Authorization: `Bearer ${L}`
       }
     });
-    K === 200 && f("options", (X == null ? void 0 : X.data) || X);
-  }, [f, A.url]);
+    K === 200 && x("options", (X == null ? void 0 : X.data) || X);
+  }, [x, A.url]);
   D(() => {
     o.type === "document" && A.url && hi();
   }, [A.url, o.type, hi]);
@@ -4466,7 +4466,7 @@ const vs = B.object().shape({
         /* @__PURE__ */ n.jsxs(
           "form",
           {
-            onSubmit: p(H),
+            onSubmit: b(H),
             className: "w-full flex-1 flex flex-col",
             children: [
               /* @__PURE__ */ n.jsxs("div", { className: "flex-1", children: [
@@ -4480,7 +4480,7 @@ const vs = B.object().shape({
                         label: "Value",
                         name: "value",
                         register: h,
-                        errors: x,
+                        errors: y,
                         element: o
                       }
                     ) }),
@@ -4492,7 +4492,7 @@ const vs = B.object().shape({
                           label: "Label",
                           name: "inputLabel",
                           register: h,
-                          errors: x,
+                          errors: y,
                           element: o
                         }
                       ),
@@ -4504,7 +4504,7 @@ const vs = B.object().shape({
                           label: "Child Label",
                           name: "childLabel",
                           register: h,
-                          errors: x,
+                          errors: y,
                           element: o
                         }
                       )
@@ -4516,7 +4516,7 @@ const vs = B.object().shape({
                         label: "Placeholder",
                         name: "placeholder",
                         register: h,
-                        errors: x,
+                        errors: y,
                         element: o
                       }
                     ),
@@ -4527,7 +4527,7 @@ const vs = B.object().shape({
                         label: "Prefix",
                         name: "prefix",
                         register: h,
-                        errors: x,
+                        errors: y,
                         element: o
                       }
                     ),
@@ -4540,7 +4540,7 @@ const vs = B.object().shape({
                           label: "Api Url",
                           name: "url",
                           register: h,
-                          errors: x,
+                          errors: y,
                           element: o
                         }
                       ),
@@ -4560,8 +4560,8 @@ const vs = B.object().shape({
                           ],
                           register: h,
                           name: "method",
-                          setValue: f,
-                          trigger: m,
+                          setValue: x,
+                          trigger: p,
                           value: g("method")
                         }
                       ),
@@ -4581,8 +4581,8 @@ const vs = B.object().shape({
                           ],
                           register: h,
                           name: "responseType",
-                          setValue: f,
-                          trigger: m,
+                          setValue: x,
+                          trigger: p,
                           value: g("responseType")
                         }
                       )
@@ -4591,7 +4591,7 @@ const vs = B.object().shape({
                       ss,
                       {
                         onChange: (L) => {
-                          f("denominators", L);
+                          x("denominators", L);
                         },
                         value: g("denominators")
                       }
@@ -4603,7 +4603,7 @@ const vs = B.object().shape({
                         label: "Short Description",
                         name: "description",
                         register: h,
-                        errors: x,
+                        errors: y,
                         element: o
                       }
                     ),
@@ -4615,8 +4615,8 @@ const vs = B.object().shape({
                           options: Za,
                           register: h,
                           name: "dateFormat",
-                          setValue: f,
-                          trigger: m,
+                          setValue: x,
+                          trigger: p,
                           value: g("dateFormat")
                         }
                       ),
@@ -4627,7 +4627,7 @@ const vs = B.object().shape({
                           label: "Allow Range",
                           name: "canHaveDateRange",
                           register: h,
-                          errors: x,
+                          errors: y,
                           element: o,
                           type: "checkbox",
                           value: A.canHaveDateRange
@@ -4639,7 +4639,7 @@ const vs = B.object().shape({
                           {
                             name: "minDate",
                             value: A == null ? void 0 : A.minDate,
-                            onGetValue: f,
+                            onGetValue: x,
                             placeholder: "Select min date"
                           }
                         ),
@@ -4648,7 +4648,7 @@ const vs = B.object().shape({
                           {
                             name: "maxDate",
                             value: A == null ? void 0 : A.minDate,
-                            onGetValue: f,
+                            onGetValue: x,
                             placeholder: "Select max date",
                             minDate: A == null ? void 0 : A.minDate
                           }
@@ -4661,7 +4661,7 @@ const vs = B.object().shape({
                           label: "Allow Year Picker",
                           name: "allowYearPicker",
                           register: h,
-                          errors: x,
+                          errors: y,
                           element: o,
                           type: "checkbox",
                           value: A.allowYearPicker
@@ -4675,7 +4675,7 @@ const vs = B.object().shape({
                         label: "Allow States",
                         name: "showState",
                         register: h,
-                        errors: x,
+                        errors: y,
                         element: o,
                         type: "checkbox",
                         value: A.showState
@@ -4697,8 +4697,8 @@ const vs = B.object().shape({
                         ],
                         register: h,
                         name: "selectType",
-                        setValue: f,
-                        trigger: m,
+                        setValue: x,
+                        trigger: p,
                         value: g("selectType")
                       }
                     ),
@@ -4709,7 +4709,7 @@ const vs = B.object().shape({
                         label: "Number of columns (max: 4)",
                         name: "columns",
                         register: h,
-                        errors: x,
+                        errors: y,
                         element: o,
                         max: 4,
                         min: 1
@@ -4724,7 +4724,7 @@ const vs = B.object().shape({
                             label: "Document Options Url",
                             name: "url",
                             register: h,
-                            errors: x,
+                            errors: y,
                             element: o
                           }
                         ),
@@ -4739,7 +4739,7 @@ const vs = B.object().shape({
                             label: "Document Validation Url",
                             name: "validationUrl",
                             register: h,
-                            errors: x,
+                            errors: y,
                             element: o
                           }
                         ),
@@ -4752,7 +4752,7 @@ const vs = B.object().shape({
                           label: "Signature Page Url",
                           name: "signatureLink",
                           register: h,
-                          errors: x,
+                          errors: y,
                           element: o
                         }
                       ) })
@@ -4766,7 +4766,7 @@ const vs = B.object().shape({
                           label: "Allow Multiple Uploads",
                           name: "isMultiple",
                           register: h,
-                          errors: x,
+                          errors: y,
                           element: o,
                           type: "checkbox",
                           value: A.isMultiple
@@ -4780,7 +4780,7 @@ const vs = B.object().shape({
                             id: "acceptedFiles",
                             value: A == null ? void 0 : A.acceptedFiles
                           },
-                          validationData: { register: h, setValue: f, trigger: m, watch: g },
+                          validationData: { register: h, setValue: x, trigger: p, watch: g },
                           placeholder: "Choose file types"
                         }
                       )
@@ -4794,7 +4794,7 @@ const vs = B.object().shape({
                           label: "Toggle Visibility",
                           name: "isHidden",
                           register: h,
-                          errors: x,
+                          errors: y,
                           element: o,
                           type: "checkbox",
                           value: A.isHidden
@@ -4805,8 +4805,8 @@ const vs = B.object().shape({
                         bs,
                         {
                           register: h,
-                          setValue: f,
-                          trigger: m,
+                          setValue: x,
+                          trigger: p,
                           watch: g,
                           id: o == null ? void 0 : o.id
                         }
@@ -4822,7 +4822,7 @@ const vs = B.object().shape({
                           label: "Required",
                           name: "isRequired",
                           register: h,
-                          errors: x,
+                          errors: y,
                           element: o,
                           type: "checkbox",
                           value: A.isRequired
@@ -4836,7 +4836,7 @@ const vs = B.object().shape({
                           label: "Error message text",
                           name: "requiredMessage",
                           register: h,
-                          errors: x,
+                          errors: y,
                           element: o
                         }
                       ) })
@@ -4850,7 +4850,7 @@ const vs = B.object().shape({
                             label: "Min Length",
                             name: "minLength",
                             register: h,
-                            errors: x,
+                            errors: y,
                             element: o,
                             type: "number"
                           }
@@ -4863,7 +4863,7 @@ const vs = B.object().shape({
                             label: "Error message text",
                             name: "minLengthMessage",
                             register: h,
-                            errors: x,
+                            errors: y,
                             element: o
                           }
                         ) })
@@ -4876,7 +4876,7 @@ const vs = B.object().shape({
                             label: "Max Length",
                             name: "maxLength",
                             register: h,
-                            errors: x,
+                            errors: y,
                             element: o,
                             type: "number"
                           }
@@ -4889,7 +4889,7 @@ const vs = B.object().shape({
                             label: "Error message text",
                             name: "maxLengthMessage",
                             register: h,
-                            errors: x,
+                            errors: y,
                             element: o
                           }
                         ) })
@@ -4904,7 +4904,7 @@ const vs = B.object().shape({
                             label: "Min Amount",
                             name: "minAmount",
                             register: h,
-                            errors: x,
+                            errors: y,
                             element: o,
                             type: "amount"
                           }
@@ -4917,7 +4917,7 @@ const vs = B.object().shape({
                             label: "Error message text",
                             name: "minAmountMessage",
                             register: h,
-                            errors: x,
+                            errors: y,
                             element: o
                           }
                         ) })
@@ -4930,7 +4930,7 @@ const vs = B.object().shape({
                             label: "Max Amount",
                             name: "maxAmount",
                             register: h,
-                            errors: x,
+                            errors: y,
                             element: o,
                             type: "amount"
                           }
@@ -4943,7 +4943,7 @@ const vs = B.object().shape({
                             label: "Error message text",
                             name: "maxAmountMessage",
                             register: h,
-                            errors: x,
+                            errors: y,
                             element: o
                           }
                         ) })
@@ -4966,10 +4966,10 @@ const vs = B.object().shape({
                   "button",
                   {
                     type: "submit",
-                    disabled: !S || j,
+                    disabled: !S || C,
                     style: { background: (v == null ? void 0 : v.buttonColor) || "#333" },
-                    className: `flex-1 px-4 py-2.5 ${!S || j ? "bg-[#F2F4F7]" : "bg-[#2563EB]"} ${!S || j ? "text-[#98A2B3]" : "text-white"} rounded-lg shadow-xs font-semibold font-onest disabled:opacity-50 editor_option__save`,
-                    children: j ? "Saving..." : "Save"
+                    className: `flex-1 px-4 py-2.5 ${!S || C ? "bg-[#F2F4F7]" : "bg-[#2563EB]"} ${!S || C ? "text-[#98A2B3]" : "text-white"} rounded-lg shadow-xs font-semibold font-onest disabled:opacity-50 editor_option__save`,
+                    children: C ? "Saving..." : "Save"
                   }
                 )
               ] })
@@ -4991,7 +4991,7 @@ const vs = B.object().shape({
     ), d = $(() => {
       l(e.id, e.sectionId);
     }, [e.id, e.sectionId, l]);
-    return /* @__PURE__ */ n.jsxs("div", { className: "w-full", children: [
+    return /* @__PURE__ */ n.jsxs("div", { className: "w-full min-w-0", children: [
       s && /* @__PURE__ */ n.jsx(
         ps,
         {
@@ -5177,54 +5177,54 @@ function ys({
   validationData: e
 }) {
   var A;
-  const { register: o = () => ({}), setValue: s, watch: a } = e || {}, [l, u] = P(), [t, d] = P(!1), [r, c] = P(!1), [v, h] = P(""), p = a && a(i == null ? void 0 : i.id);
+  const { register: o = () => ({}), setValue: s, watch: a } = e || {}, [l, u] = P(), [t, d] = P(!1), [r, c] = P(!1), [v, h] = P(""), b = a && a(i == null ? void 0 : i.id);
   D(() => {
-    u(p);
-  }, [p]);
-  const [y, f] = P("");
+    u(b);
+  }, [b]);
+  const [f, x] = P("");
   D(() => {
     o(i.id);
   }, [i.id, o]);
-  const { url: g, method: m, responseType: x } = i || {}, S = {
+  const { url: g, method: p, responseType: y } = i || {}, S = {
     headers: {
       Authorization: `Bearer ${xi("token")}`
     }
   }, N = $(
-    async (k) => {
-      var O, ii, z, Z, w, W, I, G, H, R, T;
-      if (!(!g || !m)) {
+    async (j) => {
+      var O, ii, z, Z, E, W, I, G, H, R, T;
+      if (!(!g || !p)) {
         d(!0);
         try {
-          let E;
-          if (m.toLowerCase() === "get") {
-            const U = `${g}?value=${k}`;
-            E = await Ii.get(U, S);
-          } else if (m.toLowerCase() === "post")
-            E = await Ii.post(g, { value: k }, S);
+          let w;
+          if (p.toLowerCase() === "get") {
+            const U = `${g}?value=${j}`;
+            w = await Ii.get(U, S);
+          } else if (p.toLowerCase() === "post")
+            w = await Ii.post(g, { value: j }, S);
           else
             throw new Error("Unsupported HTTP method");
-          E.status === 200 && ((((ii = (O = E == null ? void 0 : E.data) == null ? void 0 : O.data) == null ? void 0 : ii.status) || ((z = E == null ? void 0 : E.data) == null ? void 0 : z.status)) === !0 ? (c(!0), x === "string" ? h(
-            ((w = (Z = E == null ? void 0 : E.data) == null ? void 0 : Z.data) == null ? void 0 : w.description) || ((W = E == null ? void 0 : E.data) == null ? void 0 : W.description) || "Validation successful"
-          ) : f(
-            ((G = (I = E == null ? void 0 : E.data) == null ? void 0 : I.data) == null ? void 0 : G.description) || ((H = E == null ? void 0 : E.data) == null ? void 0 : H.description) || {}
-          )) : (console.error("Invalid input:", k), h("Unable to validate input"), c(!1)));
-        } catch (E) {
-          console.error("Error validating input:", E), h(
-            ((T = (R = E == null ? void 0 : E.response) == null ? void 0 : R.data) == null ? void 0 : T.message) || "Unable to validate input"
+          w.status === 200 && ((((ii = (O = w == null ? void 0 : w.data) == null ? void 0 : O.data) == null ? void 0 : ii.status) || ((z = w == null ? void 0 : w.data) == null ? void 0 : z.status)) === !0 ? (c(!0), y === "string" ? h(
+            ((E = (Z = w == null ? void 0 : w.data) == null ? void 0 : Z.data) == null ? void 0 : E.description) || ((W = w == null ? void 0 : w.data) == null ? void 0 : W.description) || "Validation successful"
+          ) : x(
+            ((G = (I = w == null ? void 0 : w.data) == null ? void 0 : I.data) == null ? void 0 : G.description) || ((H = w == null ? void 0 : w.data) == null ? void 0 : H.description) || {}
+          )) : (console.error("Invalid input:", j), h("Unable to validate input"), c(!1)));
+        } catch (w) {
+          console.error("Error validating input:", w), h(
+            ((T = (R = w == null ? void 0 : w.response) == null ? void 0 : R.data) == null ? void 0 : T.message) || "Unable to validate input"
           ), c(!1);
         } finally {
           d(!1);
         }
       }
     },
-    [m, x, g]
+    [p, y, g]
   );
   return D(() => {
     if (l) {
-      const k = setTimeout(() => {
+      const j = setTimeout(() => {
         N(l);
       }, 700);
-      return () => clearTimeout(k);
+      return () => clearTimeout(j);
     }
   }, [N, l]), /* @__PURE__ */ n.jsxs("div", { children: [
     /* @__PURE__ */ n.jsxs("div", { className: "relative flex items-center", children: [
@@ -5235,8 +5235,8 @@ function ys({
           type: (i == null ? void 0 : i.inputType) || "text",
           className: q("field-control", i == null ? void 0 : i.customClass),
           ...o(i == null ? void 0 : i.id),
-          onChange: (k) => {
-            u(k.target.value), s(i == null ? void 0 : i.id, k.target.value);
+          onChange: (j) => {
+            u(j.target.value), s(i == null ? void 0 : i.id, j.target.value);
           },
           disabled: e == null ? void 0 : e.isReadOnly
         }
@@ -5278,20 +5278,20 @@ function ys({
         r && !t && /* @__PURE__ */ n.jsx("span", { className: "block pr-3 text-lg text-green-600", children: /* @__PURE__ */ n.jsx(_, { icon: "gg:check-o" }) })
       ] })
     ] }),
-    v && x === "string" && /* @__PURE__ */ n.jsx(
+    v && y === "string" && /* @__PURE__ */ n.jsx(
       "span",
       {
         className: `${r ? "text-green-600" : "text-red-600"} text-sm`,
         children: v
       }
     ),
-    x === "object" && /* @__PURE__ */ n.jsx("div", { className: "grid grid-cols-2 gap-6 mt-2 text-sm text-gray-600", children: (A = Object.entries(y)) == null ? void 0 : A.map(([k, O]) => /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-2", children: [
+    y === "object" && /* @__PURE__ */ n.jsx("div", { className: "grid grid-cols-2 gap-6 mt-2 text-sm text-gray-600", children: (A = Object.entries(f)) == null ? void 0 : A.map(([j, O]) => /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-2", children: [
       /* @__PURE__ */ n.jsxs("span", { className: "font-semibold", children: [
-        k,
+        j,
         ":"
       ] }),
       fs(O) ? /* @__PURE__ */ n.jsx(xs, { imageUrl: O }) : /* @__PURE__ */ n.jsx("span", { children: String(O) })
-    ] }, k)) })
+    ] }, j)) })
   ] });
 }
 function As({
@@ -5351,7 +5351,7 @@ function As({
                 className: "border border-gray-100 rounded w-full px-3 py-1 outline-none",
                 decimalsLimit: 6,
                 value: r.value,
-                onValueChange: (p) => u(p, c),
+                onValueChange: (b) => u(b, c),
                 disabled: e,
                 allowNegativeValue: !1
               }
@@ -5428,11 +5428,11 @@ function Ms({
   const r = (c) => (s == null ? void 0 : s.rowId) === i.id && (s == null ? void 0 : s.field) === c;
   return /* @__PURE__ */ n.jsxs("tr", { children: [
     e.map((c) => {
-      var x;
-      const v = i[c.field], h = c.editable && !o, p = r(c.field), { isValidating: y, result: f } = t(i.id, c.field);
+      var y;
+      const v = i[c.field], h = c.editable && !o, b = r(c.field), { isValidating: f, result: x } = t(i.id, c.field);
       let g = "border-gray-300";
-      c.validate && ((f == null ? void 0 : f.isValid) === !1 ? g = "border-red-500 bg-red-50" : (f == null ? void 0 : f.isValid) === !0 && (g = "border-green-500 bg-green-50"));
-      const m = `w-full px-2 py-1 border rounded outline-none ${g}`;
+      c.validate && ((x == null ? void 0 : x.isValid) === !1 ? g = "border-red-500 bg-red-50" : (x == null ? void 0 : x.isValid) === !0 && (g = "border-green-500 bg-green-50"));
+      const p = `w-full px-2 py-1 border rounded outline-none ${g}`;
       return /* @__PURE__ */ n.jsx(
         "td",
         {
@@ -5442,24 +5442,24 @@ function Ms({
             rowId: i.id,
             field: c.field
           }),
-          children: h && p ? /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
+          children: h && b ? /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
             c.type === "number" ? /* @__PURE__ */ n.jsx(
               sn,
               {
                 value: v,
                 decimalsLimit: 6,
                 allowNegativeValue: !1,
-                className: m,
-                onValueChange: (j) => l(j, i.id, c.field),
+                className: p,
+                onValueChange: (C) => l(C, i.id, c.field),
                 onBlur: () => {
                   a(null), u(v, i.id, c.field, c);
                 },
                 autoFocus: !0
               }
-            ) : c.type === "checkbox" ? /* @__PURE__ */ n.jsx("div", { className: "flex items-center gap-x-4", children: ["yes", "no"].map((j) => {
-              const S = j === "yes", N = `radio-${i.id}-${String(
+            ) : c.type === "checkbox" ? /* @__PURE__ */ n.jsx("div", { className: "flex items-center gap-x-4", children: ["yes", "no"].map((C) => {
+              const S = C === "yes", N = `radio-${i.id}-${String(
                 c.field
-              )}-${j}`;
+              )}-${C}`;
               return /* @__PURE__ */ n.jsxs(
                 "label",
                 {
@@ -5479,33 +5479,33 @@ function Ms({
                     /* @__PURE__ */ n.jsx("span", { className: "text-sm", children: S ? "Yes" : "No" })
                   ]
                 },
-                j
+                C
               );
             }) }) : /* @__PURE__ */ n.jsx(
               "input",
               {
                 type: "text",
                 value: String(v != null ? v : ""),
-                onChange: (j) => l(j.target.value, i.id, c.field),
+                onChange: (C) => l(C.target.value, i.id, c.field),
                 onBlur: () => {
                   a(null), u(v, i.id, c.field, c);
                 },
-                className: m,
+                className: p,
                 autoFocus: !0
               }
             ),
-            y && /* @__PURE__ */ n.jsx("div", { className: "absolute right-1 top-1", children: /* @__PURE__ */ n.jsx("div", { className: "w-4 h-4 border-2 border-blue-500 rounded-full border-t-transparent animate-spin" }) })
-          ] }) : c.validate && f ? /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-2", children: [
+            f && /* @__PURE__ */ n.jsx("div", { className: "absolute right-1 top-1", children: /* @__PURE__ */ n.jsx("div", { className: "w-4 h-4 border-2 border-blue-500 rounded-full border-t-transparent animate-spin" }) })
+          ] }) : c.validate && x ? /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ n.jsxs("span", { children: [
               String(v != null ? v : ""),
               " ",
-              f.data && `[${f.data}]`
+              x.data && `[${x.data}]`
             ] }),
-            f.isValid ? /* @__PURE__ */ n.jsx("span", { className: "text-xs text-green-600", children: "✓" }) : /* @__PURE__ */ n.jsx(
+            x.isValid ? /* @__PURE__ */ n.jsx("span", { className: "text-xs text-green-600", children: "✓" }) : /* @__PURE__ */ n.jsx(
               "span",
               {
                 className: "text-xs text-red-600 cursor-help",
-                title: (x = f.error) != null ? x : "",
+                title: (y = x.error) != null ? y : "",
                 children: "✗"
               }
             )
@@ -5533,45 +5533,32 @@ function Bs({
   isReadOnly: o = !1,
   columns: s
 }) {
-  const [a, l] = P(i), [u, t] = P(null), d = Ci(null), [r, c] = P(0);
+  const [a, l] = P(i), [u, t] = P(null), d = Ci(null);
   D(() => {
-    const f = document.getElementById("form");
-    if (!f) return;
-    const g = (x) => {
-      const j = x.getBoundingClientRect().width;
-      c(j ? j - 48 : 0);
-    };
-    g(f);
-    const m = new ResizeObserver((x) => {
-      for (const j of x)
-        g(j.target);
-    });
-    return m.observe(f), () => m.disconnect();
-  }, []), D(() => {
-    l((f) => JSON.stringify(f) !== JSON.stringify(i) ? i : f);
+    l((b) => JSON.stringify(b) !== JSON.stringify(i) ? i : b);
   }, [i]), D(() => {
     e == null || e(a);
   }, [a, e]), D(() => {
-    const f = (g) => {
-      d.current && !d.current.contains(g.target) && t(null);
+    const b = (f) => {
+      d.current && !d.current.contains(f.target) && t(null);
     };
-    return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
+    return document.addEventListener("mousedown", b), () => document.removeEventListener("mousedown", b);
   }, []);
-  const v = $(
-    (f, g, m) => {
+  const r = $(
+    (b, f, x) => {
       l(
-        (x) => x.map(
-          (j) => j.id === g ? { ...j, [m]: f } : j
+        (g) => g.map(
+          (p) => p.id === f ? { ...p, [x]: b } : p
         )
       );
     },
     []
-  ), h = $(() => {
-    const f = Ai(), g = s.reduce((m, x) => (m[x.field] = x.field === "id" ? f : "", m), {});
-    l((m) => [...m, { id: f, ...g }]);
-  }, [s]), p = $((f) => {
-    l((g) => g.filter((m) => m.id !== f));
-  }, []), y = $(
+  ), c = $(() => {
+    const b = Ai(), f = s.reduce((x, g) => (x[g.field] = g.field === "id" ? b : "", x), {});
+    l((x) => [...x, { id: b, ...f }]);
+  }, [s]), v = $((b) => {
+    l((f) => f.filter((x) => x.id !== b));
+  }, []), h = $(
     () => ({
       isValidating: !1,
       result: void 0
@@ -5582,64 +5569,57 @@ function Bs({
     /* @__PURE__ */ n.jsx("div", { className: "flex justify-end", children: !o && /* @__PURE__ */ n.jsx(
       "button",
       {
-        onClick: h,
+        onClick: c,
         type: "button",
         className: "px-2 py-1 mb-3 text-xs text-white bg-gray-600 rounded hover:bg-gray-700",
         children: "Add Row"
       }
     ) }),
-    /* @__PURE__ */ n.jsx(
-      "div",
-      {
-        className: "w-full max-w-full overflow-x-auto",
-        style: { maxWidth: `${r}px` },
-        children: /* @__PURE__ */ n.jsxs("table", { className: "min-w-max w-full text-sm border-collapse rounded table-auto bg-gray-50", children: [
-          /* @__PURE__ */ n.jsx("thead", { children: /* @__PURE__ */ n.jsxs("tr", { className: "bg-gray-100", children: [
-            s.map((f, g) => {
-              var m;
-              return /* @__PURE__ */ n.jsxs(
-                "th",
-                {
-                  className: "px-3 py-2 text-xs font-semibold text-left text-gray-600 border whitespace-nowrap",
-                  children: [
-                    (m = f.headerName) != null ? m : String(f.field),
-                    f.validate && /* @__PURE__ */ n.jsx("span", { className: "ml-1 text-blue-600", children: "*" })
-                  ]
-                },
-                `${String(f.id)}-${g}`
-              );
-            }),
-            !o && /* @__PURE__ */ n.jsx("th", { className: "w-10 px-2 py-2 border" })
-          ] }) }),
-          /* @__PURE__ */ n.jsx("tbody", { children: a.length > 0 ? a.map((f) => /* @__PURE__ */ n.jsx(
-            Ts,
+    /* @__PURE__ */ n.jsx("div", { className: "w-full max-w-full overflow-x-auto border rounded-lg", children: /* @__PURE__ */ n.jsxs("table", { className: "min-w-max w-full text-sm border-collapse rounded table-auto bg-gray-50", children: [
+      /* @__PURE__ */ n.jsx("thead", { children: /* @__PURE__ */ n.jsxs("tr", { className: "bg-gray-100", children: [
+        s.map((b, f) => {
+          var x;
+          return /* @__PURE__ */ n.jsxs(
+            "th",
             {
-              row: f,
-              columns: s,
-              isReadOnly: o,
-              editingCell: u,
-              setEditingCell: t,
-              handleCellChange: v,
-              debouncedValidate: () => {
-              },
-              getValidationStatus: y,
-              deleteRow: p
+              className: "px-3 py-2 text-xs font-semibold text-left text-gray-600 border whitespace-nowrap",
+              children: [
+                (x = b.headerName) != null ? x : String(b.field),
+                b.validate && /* @__PURE__ */ n.jsx("span", { className: "ml-1 text-blue-600", children: "*" })
+              ]
             },
-            f.id
-          )) : /* @__PURE__ */ n.jsx("tr", { children: /* @__PURE__ */ n.jsx(
-            "td",
-            {
-              colSpan: s.length + (o ? 0 : 1),
-              className: "p-2 text-xs text-center text-gray-400",
-              children: "No data available"
-            }
-          ) }) })
-        ] })
-      }
-    )
+            `${String(b.id)}-${f}`
+          );
+        }),
+        !o && /* @__PURE__ */ n.jsx("th", { className: "w-10 px-2 py-2 border" })
+      ] }) }),
+      /* @__PURE__ */ n.jsx("tbody", { children: a.length > 0 ? a.map((b) => /* @__PURE__ */ n.jsx(
+        Ts,
+        {
+          row: b,
+          columns: s,
+          isReadOnly: o,
+          editingCell: u,
+          setEditingCell: t,
+          handleCellChange: r,
+          debouncedValidate: () => {
+          },
+          getValidationStatus: h,
+          deleteRow: v
+        },
+        b.id
+      )) : /* @__PURE__ */ n.jsx("tr", { children: /* @__PURE__ */ n.jsx(
+        "td",
+        {
+          colSpan: s.length + (o ? 0 : 1),
+          className: "p-2 text-xs text-center text-gray-400",
+          children: "No data available"
+        }
+      ) }) })
+    ] }) })
   ] });
 }
-function Es({
+function ws({
   element: i,
   validationData: e
 }) {
@@ -5682,40 +5662,40 @@ const ge = ({
   isMultiple: c = !1,
   isFloatingLabel: v = !1,
   subText: h,
-  labelClass: p = "",
-  loading: y,
-  disabled: f
+  labelClass: b = "",
+  loading: f,
+  disabled: x
 }) => {
-  const [g, m] = P(c ? [] : null), x = q("custom-select__control", i), j = oi(() => e, [e]);
+  const [g, p] = P(c ? [] : null), y = q("custom-select__control", i), C = oi(() => e, [e]);
   return D(() => {
     const S = e == null ? void 0 : e.find((N) => {
       var A;
       return typeof N.value == "string" && typeof d == "string" ? N.value.toLowerCase() === d.toLowerCase() : typeof N.value == "object" && typeof d == "object" ? ((A = N.value) == null ? void 0 : A.id) === (d == null ? void 0 : d.id) : N.value === d;
     });
-    m(S || null);
+    p(S || null);
   }, [d, e]), D(() => {
     g && l && a && (l(u, g == null ? void 0 : g.value), a(u), r == null || r(u));
   }, [u, g]), /* @__PURE__ */ n.jsxs("div", { className: "custom-select", children: [
     t && !v && /* @__PURE__ */ n.jsx("label", { className: "custom-select__label", children: t }),
-    v && t && /* @__PURE__ */ n.jsx("label", { className: q("custom-select__floating-label", p), children: t }),
+    v && t && /* @__PURE__ */ n.jsx("label", { className: q("custom-select__floating-label", b), children: t }),
     /* @__PURE__ */ n.jsx(
       di,
       {
         value: g,
-        onChange: m,
+        onChange: p,
         multiple: c,
-        disabled: f,
+        disabled: x,
         children: /* @__PURE__ */ n.jsxs("div", { className: "custom-select__wrapper", children: [
-          /* @__PURE__ */ n.jsxs(di.Button, { className: x, disabled: f, children: [
-            y ? /* @__PURE__ */ n.jsx("span", { className: "custom-select__loading", children: "Fetching data..." }) : /* @__PURE__ */ n.jsx("span", { className: "custom-select__value", children: (g == null ? void 0 : g.label) || /* @__PURE__ */ n.jsx("span", { className: "custom-select__placeholder", children: o }) }),
+          /* @__PURE__ */ n.jsxs(di.Button, { className: y, disabled: x, children: [
+            f ? /* @__PURE__ */ n.jsx("span", { className: "custom-select__loading", children: "Fetching data..." }) : /* @__PURE__ */ n.jsx("span", { className: "custom-select__value", children: (g == null ? void 0 : g.label) || /* @__PURE__ */ n.jsx("span", { className: "custom-select__placeholder", children: o }) }),
             /* @__PURE__ */ n.jsx("span", { className: "custom-select__icon", children: /* @__PURE__ */ n.jsx(_, { icon: "lucide:chevron-down" }) })
           ] }),
           /* @__PURE__ */ n.jsx(
-            wi,
+            Ei,
             {
               as: mi.Fragment,
               leave: "custom-select__transition",
-              children: /* @__PURE__ */ n.jsx(di.Options, { className: "custom-select__options", anchor: "bottom", children: j == null ? void 0 : j.map((S, N) => /* @__PURE__ */ n.jsx(
+              children: /* @__PURE__ */ n.jsx(di.Options, { className: "custom-select__options", anchor: "bottom", children: C == null ? void 0 : C.map((S, N) => /* @__PURE__ */ n.jsx(
                 di.Option,
                 {
                   value: S,
@@ -5744,36 +5724,36 @@ const ge = ({
     h && !s && /* @__PURE__ */ n.jsx("p", { className: "custom-select__subtext", children: h }),
     s && /* @__PURE__ */ n.jsx("span", { className: "custom-select__error", children: s.message })
   ] });
-}, ws = ({
+}, Es = ({
   element: i,
   validationData: e
 }) => {
-  var f;
+  var x;
   const {
     register: o = () => ({}),
     trigger: s,
     setValue: a,
     watch: l,
     isReadOnly: u
-  } = e || {}, t = (f = i == null ? void 0 : i.id) != null ? f : "cascadeValue", [d, r] = P(""), [c, v] = P(""), h = (g, m) => {
-    const x = g && m ? `${g}_${m}` : "";
-    a == null || a(t, x), s == null || s(t);
-  }, p = (g, m) => {
-    g === "first" ? (r(m), v(""), h(m, "")) : (v(m), h(d, m));
+  } = e || {}, t = (x = i == null ? void 0 : i.id) != null ? x : "cascadeValue", [d, r] = P(""), [c, v] = P(""), h = (g, p) => {
+    const y = g && p ? `${g}_${p}` : "";
+    a == null || a(t, y), s == null || s(t);
+  }, b = (g, p) => {
+    g === "first" ? (r(p), v(""), h(p, "")) : (v(p), h(d, p));
   };
   D(() => {
     if (l) {
       const g = l(t);
       if (g != null && g.includes("_")) {
-        const [m, x] = g.split("_");
-        r(m), v(x);
+        const [p, y] = g.split("_");
+        r(p), v(y);
       }
     }
   }, [l, t]);
-  const y = oi(
+  const f = oi(
     () => {
       var g;
-      return (g = i.options1) == null ? void 0 : g.filter((m) => m.key === d);
+      return (g = i.options1) == null ? void 0 : g.filter((p) => p.key === d);
     },
     [i.options1, d]
   );
@@ -5782,7 +5762,7 @@ const ge = ({
     /* @__PURE__ */ n.jsx("div", { className: "relative", children: /* @__PURE__ */ n.jsx(
       ge,
       {
-        setValue: (g, m) => p("first", m),
+        setValue: (g, p) => b("first", p),
         options: i.options,
         name: `${t}`,
         register: o,
@@ -5794,8 +5774,8 @@ const ge = ({
       /* @__PURE__ */ n.jsx(
         ge,
         {
-          setValue: (g, m) => p("second", m),
-          options: y,
+          setValue: (g, p) => b("second", p),
+          options: f,
           name: `${t}`,
           register: o,
           value: c
@@ -5813,27 +5793,27 @@ const ge = ({
   element: u,
   validationData: t
 }) => {
-  var m;
+  var p;
   const {
     register: d = () => ({}),
     trigger: r,
     setValue: c,
     watch: v,
     isReadOnly: h
-  } = t || {}, p = (m = v == null ? void 0 : v(u.id)) != null ? m : 0, [y, f] = P(null);
+  } = t || {}, b = (p = v == null ? void 0 : v(u.id)) != null ? p : 0, [f, x] = P(null);
   D(() => {
-    p == null && (c == null || c(u.id, i));
+    b == null && (c == null || c(u.id, i));
   }, []);
-  const g = (x) => {
+  const g = (y) => {
     if (!o && !h) {
-      const j = x + 1;
-      c == null || c(u.id, j), r == null || r(u.id), s == null || s(j);
+      const C = y + 1;
+      c == null || c(u.id, C), r == null || r(u.id), s == null || s(C);
     }
   };
   return /* @__PURE__ */ n.jsxs("div", { className: `flex gap-1 ${l}`, children: [
     /* @__PURE__ */ n.jsx("input", { type: "hidden", ...d(u.id) }),
-    Array.from({ length: e }, (x, j) => {
-      const S = y !== null ? j <= y : j < p;
+    Array.from({ length: e }, (y, C) => {
+      const S = f !== null ? C <= f : C < b;
       return /* @__PURE__ */ n.jsx(
         Oe,
         {
@@ -5841,11 +5821,11 @@ const ge = ({
           className: `cursor-pointer transition-colors ${S ? "text-yellow-400" : "text-gray-300"}`,
           width: a,
           height: a,
-          onMouseEnter: () => !(o || h) && f(j),
-          onMouseLeave: () => !(o || h) && f(null),
-          onClick: () => g(j)
+          onMouseEnter: () => !(o || h) && x(C),
+          onMouseLeave: () => !(o || h) && x(null),
+          onClick: () => g(C)
         },
-        j
+        C
       );
     })
   ] });
@@ -5861,24 +5841,24 @@ function fe({
     isReadOnly: l,
     watch: u
   } = e || {}, t = (u == null ? void 0 : u(i.id)) || "", { country: d, state: r } = oi(() => {
-    var y;
+    var f;
     if (typeof t == "string" && t.includes(",")) {
-      const [f, g] = (y = t.split(",")) == null ? void 0 : y.map((m) => m.trim());
-      return { country: g, state: f };
+      const [x, g] = (f = t.split(",")) == null ? void 0 : f.map((p) => p.trim());
+      return { country: g, state: x };
     }
     return { country: t, state: "" };
   }, [t]), c = Ci(t), v = oi(() => {
-    var y, f;
-    return d ? ((f = (y = Xi.find((g) => g.name === d)) == null ? void 0 : y.states) == null ? void 0 : f.map((g) => ({
+    var f, x;
+    return d ? ((x = (f = Xi.find((g) => g.name === d)) == null ? void 0 : f.states) == null ? void 0 : x.map((g) => ({
       label: g.name,
       value: g.name
     }))) || [] : [];
-  }, [d]), h = (y, f) => {
-    const m = (f == null ? void 0 : f.value) || "";
-    s && m !== c.current && (s(i.id, m), a == null || a(i.id), c.current = m);
-  }, p = (y, f) => {
-    const g = (f == null ? void 0 : f.value) || "", m = g ? `${g}, ${d}` : d;
-    s && m !== c.current && (s(i.id, m), a == null || a(i.id), c.current = m);
+  }, [d]), h = (f, x) => {
+    const p = (x == null ? void 0 : x.value) || "";
+    s && p !== c.current && (s(i.id, p), a == null || a(i.id), c.current = p);
+  }, b = (f, x) => {
+    const g = (x == null ? void 0 : x.value) || "", p = g ? `${g}, ${d}` : d;
+    s && p !== c.current && (s(i.id, p), a == null || a(i.id), c.current = p);
   };
   return D(() => {
     c.current = t;
@@ -5901,7 +5881,7 @@ function fe({
         Tn,
         {
           options: v,
-          onGetValue: p,
+          onGetValue: b,
           name: `${i.id}-state`,
           readOnly: l,
           defaultValue: r
@@ -5916,7 +5896,7 @@ function Ps({
   validationData: e
 }) {
   const { register: o = () => ({}), isReadOnly: s } = e || {}, { validationUrl: a, documentObj: l, signatureLink: u } = i, t = oi(() => xi("config"), []), [d, r] = P(!1), [c, v] = P(!1), h = $(async () => {
-    var p, y;
+    var b, f;
     if (!(!a || !l))
       try {
         v(!0);
@@ -5924,25 +5904,25 @@ function Ps({
           headers: {
             Authorization: `Bearer ${xi("token")}`
           }
-        }, { data: m } = await Ii.get(
+        }, { data: p } = await Ii.get(
           `${a}/${l}`,
           g
-        ), x = !!((y = (p = m == null ? void 0 : m.data) == null ? void 0 : p.isSigned) != null ? y : m != null && m.isSigned);
-        return r(x), x;
-      } catch (f) {
-        console.error("Failed to check sign status", f);
+        ), y = !!((f = (b = p == null ? void 0 : p.data) == null ? void 0 : b.isSigned) != null ? f : p != null && p.isSigned);
+        return r(y), y;
+      } catch (x) {
+        console.error("Failed to check sign status", x);
       } finally {
         v(!1);
       }
   }, [a, l]);
   return D(() => {
-    let p = null;
+    let b = null;
     return !d && l && a && (async () => {
-      await h() || (p = setInterval(async () => {
-        await h() && p && clearInterval(p);
+      await h() || (b = setInterval(async () => {
+        await h() && b && clearInterval(b);
       }, 2e3));
     })(), () => {
-      p && clearInterval(p);
+      b && clearInterval(b);
     };
   }, [h, d, l, a]), /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-2", children: [
     /* @__PURE__ */ n.jsx(
@@ -6240,41 +6220,41 @@ function Rs({
   horizontal: c,
   description: v,
   validate: h,
-  onChange: p,
-  onError: y
+  onChange: b,
+  onError: f
 }) {
-  const [f, g] = P(""), [m, x] = P(null), [j, S] = P(""), N = oi(
+  const [x, g] = P(""), [p, y] = P(null), [C, S] = P(""), N = oi(
     () => {
-      var w;
-      return (w = fn == null ? void 0 : fn.slice().sort((W, I) => W.label.localeCompare(I.label))) == null ? void 0 : w.map((W) => ({ ...W, phone: `+${W.phone}` }));
+      var E;
+      return (E = fn == null ? void 0 : fn.slice().sort((W, I) => W.label.localeCompare(I.label))) == null ? void 0 : E.map((W) => ({ ...W, phone: `+${W.phone}` }));
     },
     []
-  ), A = oi(() => f ? N.filter(
-    (w) => `${w.label} ${w.phone}`.toLowerCase().includes(f.toLowerCase())
-  ) : N, [f, N]), k = (m == null ? void 0 : m.min) || 10, O = (m == null ? void 0 : m.max) || 10, ii = () => j ? `${(m == null ? void 0 : m.phone) || "+234"}-${j}` : "", z = (w) => {
-    if (!w) return { code: "+234", number: "" };
-    const W = w.split(/[-\s]/);
+  ), A = oi(() => x ? N.filter(
+    (E) => `${E.label} ${E.phone}`.toLowerCase().includes(x.toLowerCase())
+  ) : N, [x, N]), j = (p == null ? void 0 : p.min) || 10, O = (p == null ? void 0 : p.max) || 10, ii = () => C ? `${(p == null ? void 0 : p.phone) || "+234"}-${C}` : "", z = (E) => {
+    if (!E) return { code: "+234", number: "" };
+    const W = E.split(/[-\s]/);
     return { code: W[0], number: W.slice(1).join(" ") };
   };
   D(() => {
     if (u) {
-      const w = z(u);
-      x(
-        N.find((W) => W.phone === w.code) || N[0]
-      ), S(w.number);
+      const E = z(u);
+      y(
+        N.find((W) => W.phone === E.code) || N[0]
+      ), S(E.number);
     }
   }, [u, N]);
   const Z = oi(() => {
     if (t) return t;
-    const w = j.length;
-    return s && w === 0 ? "Phone number is required" : w > 0 && !/^\d+$/.test(j) ? "Phone number must contain only digits" : w > 0 && w < k ? `Minimum length is ${k}` : w > O ? `Maximum length is ${O}` : "";
-  }, [t, j, k, O, s]);
+    const E = C.length;
+    return s && E === 0 ? "Phone number is required" : E > 0 && !/^\d+$/.test(C) ? "Phone number must contain only digits" : E > 0 && E < j ? `Minimum length is ${j}` : E > O ? `Maximum length is ${O}` : "";
+  }, [t, C, j, O, s]);
   return D(() => {
-    p == null || p(ii()), y == null || y(Z || null);
-  }, [j, m, Z]), /* @__PURE__ */ n.jsxs(
+    b == null || b(ii()), f == null || f(Z || null);
+  }, [C, p, Z]), /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: `relative formGroup ${Z && !r ? "has-error" : ""} ${c ? "flex" : ""} ${!Z && j.length > 0 && !r ? "is-valid" : ""}`,
+      className: `relative formGroup ${Z && !r ? "has-error" : ""} ${c ? "flex" : ""} ${!Z && C.length > 0 && !r ? "is-valid" : ""}`,
       children: [
         i && /* @__PURE__ */ n.jsxs(
           "label",
@@ -6291,29 +6271,29 @@ function Rs({
         ),
         /* @__PURE__ */ n.jsxs("div", { className: "relative !flex items-center input-control text-[#667085] !py-0 field-control", children: [
           /* @__PURE__ */ n.jsx(_, { icon: "lucide:phone-call" }),
-          /* @__PURE__ */ n.jsx(Ri, { value: m, onChange: x, children: /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ n.jsx(Ri, { value: p, onChange: y, children: /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
             /* @__PURE__ */ n.jsx(
               Ri.Input,
               {
                 className: "pl-3 pr-4 mr-1 text-sm bg-white  py-[10px] outline-none whitespace-nowrap max-w-[70px]",
-                displayValue: (w) => (w == null ? void 0 : w.phone) || "+234",
+                displayValue: (E) => (E == null ? void 0 : E.phone) || "+234",
                 placeholder: "+234",
-                onChange: (w) => g(w.target.value)
+                onChange: (E) => g(E.target.value)
               }
             ),
             /* @__PURE__ */ n.jsx(Ri.Button, { className: "absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ n.jsx(_, { icon: "lucide:chevron-down" }) }),
-            /* @__PURE__ */ n.jsx(Ri.Options, { className: "absolute z-10 w-[250px] left-0 bg-white border rounded-md shadow-lg max-h-[400px] overflow-y-auto", children: A == null ? void 0 : A.map((w, W) => /* @__PURE__ */ n.jsxs(
+            /* @__PURE__ */ n.jsx(Ri.Options, { className: "absolute z-10 w-[250px] left-0 bg-white border rounded-md shadow-lg max-h-[400px] overflow-y-auto", children: A == null ? void 0 : A.map((E, W) => /* @__PURE__ */ n.jsxs(
               Ri.Option,
               {
-                value: w,
+                value: E,
                 className: "px-4 py-2 cursor-pointer hover:bg-gray-100",
                 children: [
-                  w.phone,
+                  E.phone,
                   " - ",
-                  w.label
+                  E.label
                 ]
               },
-              `${w.code}+ ${W}`
+              `${E.code}+ ${W}`
             )) })
           ] }) }),
           /* @__PURE__ */ n.jsxs("div", { className: "relative flex items-center flex-1 z-[1]", children: [
@@ -6322,20 +6302,20 @@ function Rs({
               {
                 type: "tel",
                 inputMode: "numeric",
-                value: j,
+                value: C,
                 disabled: d,
                 readOnly: r,
-                onChange: (w) => {
-                  const W = w.target.value.replace(/\D/g, "");
+                onChange: (E) => {
+                  const W = E.target.value.replace(/\D/g, "");
                   S(W);
                 },
                 placeholder: e,
                 className: "w-full px-3 outline-none",
                 maxLength: O,
-                minLength: k
+                minLength: j
               }
             ),
-            /* @__PURE__ */ n.jsx("div", { className: "absolute flex text-xl -translate-y-1/2 top-1/2 right-4", children: !Z && j.length > 0 && !r && /* @__PURE__ */ n.jsx("span", { className: "text-green-500", children: /* @__PURE__ */ n.jsx(_, { icon: "bi:check-lg" }) }) })
+            /* @__PURE__ */ n.jsx("div", { className: "absolute flex text-xl -translate-y-1/2 top-1/2 right-4", children: !Z && C.length > 0 && !r && /* @__PURE__ */ n.jsx("span", { className: "text-green-500", children: /* @__PURE__ */ n.jsx(_, { icon: "bi:check-lg" }) }) })
           ] })
         ] }),
         v && /* @__PURE__ */ n.jsx("span", { className: "block text-[#475467] font-light leading-4 text-xs mt-2", children: v })
@@ -6433,13 +6413,13 @@ const He = {
   multiSelect: Rn,
   numberField: bn,
   amountField: gs,
-  date: Eo,
+  date: wo,
   password: Ka,
   checkbox: Va,
   radio: Ga,
   email: bn,
   file: Oa,
-  dataGrid: Es,
+  dataGrid: ws,
   section: Ha,
   validateInput: ys,
   tableInput: Ss,
@@ -6448,7 +6428,7 @@ const He = {
   header: ks,
   basicText: Cs,
   phoneField: Ds,
-  cascadeSelect: ws,
+  cascadeSelect: Es,
   rating: Ls,
   country: fe,
   bank: fe,
@@ -6470,7 +6450,7 @@ const He = {
 }, On = ({ col: i, children: e, customClass: o }) => /* @__PURE__ */ n.jsx(
   "div",
   {
-    className: q("w-full bg-white", o),
+    className: q("w-full bg-white min-w-0", o),
     style: { gridColumn: i },
     children: e
   }
@@ -6492,37 +6472,37 @@ const He = {
   } = ji(gi), h = oi(
     () => Array.from({ length: i.columns }),
     [i.columns]
-  ), [p, y] = P(null);
+  ), [b, f] = P(null);
   D(() => {
     const S = () => {
-      y(null), d(!1);
+      f(null), d(!1);
     };
     return document.addEventListener("dragend", S), () => document.removeEventListener("dragend", S);
   }, [d]);
-  const f = $(
+  const x = $(
     (S, N) => {
-      S.preventDefault(), S.stopPropagation(), S.dataTransfer.dropEffect = "move", y(N);
+      S.preventDefault(), S.stopPropagation(), S.dataTransfer.dropEffect = "move", f(N);
     },
     []
   ), g = $(
     (S, N) => {
-      S.preventDefault(), S.stopPropagation(), y(N);
+      S.preventDefault(), S.stopPropagation(), f(N);
     },
     []
-  ), m = $(
+  ), p = $(
     (S, N) => {
       const A = S.relatedTarget;
-      A && S.currentTarget.contains(A) || y((k) => k === N ? null : k);
+      A && S.currentTarget.contains(A) || f((j) => j === N ? null : j);
     },
     []
-  ), x = $(
+  ), y = $(
     (S, N) => {
       var O;
-      S.preventDefault(), S.stopPropagation(), d(!1), y(null);
-      const A = N + 1, k = S.dataTransfer.getData("elementId");
-      if (k) {
+      S.preventDefault(), S.stopPropagation(), d(!1), f(null);
+      const A = N + 1, j = S.dataTransfer.getData("elementId");
+      if (j) {
         r({
-          draggedId: k,
+          draggedId: j,
           sectionId: e,
           targetGridId: i.id,
           targetCol: A
@@ -6534,13 +6514,13 @@ const He = {
         if (!ii) return;
         const z = JSON.parse(ii);
         if ((z == null ? void 0 : z.type) === "grid") return;
-        const Z = u.find((I) => I.id === e), w = (O = Z == null ? void 0 : Z.questionData) == null ? void 0 : O.find(
+        const Z = u.find((I) => I.id === e), E = (O = Z == null ? void 0 : Z.questionData) == null ? void 0 : O.find(
           (I) => {
             var G;
             return I.gridId === i.id && ((G = I.gridPosition) == null ? void 0 : G.col) === A;
           }
         );
-        w && v(w.id, e);
+        E && v(E.id, e);
         const W = {
           ...z,
           id: Ai(),
@@ -6554,59 +6534,59 @@ const He = {
       }
     },
     [t, i.id, u, e, d, r]
-  ), j = (S, N, A) => {
+  ), C = (S, N, A) => {
     var G, H, R;
-    const k = S + 1, O = (H = (G = u.find((T) => T.id === e)) == null ? void 0 : G.questionData) == null ? void 0 : H.find(
+    const j = S + 1, O = (H = (G = u.find((T) => T.id === e)) == null ? void 0 : G.questionData) == null ? void 0 : H.find(
       (T) => {
-        var E;
-        return T.gridId === i.id && ((E = T.gridPosition) == null ? void 0 : E.col) === k;
+        var w;
+        return T.gridId === i.id && ((w = T.gridPosition) == null ? void 0 : w.col) === j;
       }
     ), ii = (R = O == null ? void 0 : O.id) != null ? R : null, z = Array.isArray(o) && o.find((T) => {
-      var E;
-      return ((E = T == null ? void 0 : T.props) == null ? void 0 : E.col) === k;
-    }), Z = c && p === S, w = !!z, W = c && !!l, I = w && ii && A === "edit" ? {
+      var w;
+      return ((w = T == null ? void 0 : T.props) == null ? void 0 : w.col) === j;
+    }), Z = c && b === S, E = !!z, W = c && !!l, I = E && ii && A === "edit" ? {
       draggable: !0,
       onDragStart: (T) => {
         T.stopPropagation(), T.dataTransfer.setData("elementId", ii), T.dataTransfer.setData("properties", ii), T.dataTransfer.effectAllowed = "move", d(!0);
       },
       onDragEnd: () => {
-        y(null), d(!1);
+        f(null), d(!1);
       }
     } : {};
-    return /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsxs(
+    return /* @__PURE__ */ n.jsx("div", { className: "min-w-0", children: /* @__PURE__ */ n.jsxs(
       "div",
       {
         id: `grid-cell-${i.id}-${S}`,
         ...I,
-        onDrop: (T) => x(T, S),
+        onDrop: (T) => y(T, S),
         onDragEnter: (T) => g(T, S),
-        onDragOver: (T) => f(T, S),
-        onDragLeave: (T) => m(T, S),
+        onDragOver: (T) => x(T, S),
+        onDragLeave: (T) => p(T, S),
         className: q(
-          "relative border  rounded-lg min-h-[110px]",
+          "relative border  rounded-lg min-h-[110px] min-w-0",
           "flex items-center justify-center",
           "transition-all duration-200 ease-in-out",
           A === "edit" ? "py-3 " : "",
-          w && A === "edit" && "cursor-grab active:cursor-grabbing border-none",
+          E && A === "edit" && "cursor-grab active:cursor-grabbing border-none",
           N,
           !W && !Z && "bg-white border-gray-200 text-gray-300",
-          W && !Z && !w && "bg-blue-50 border-blue-200 border-dashed text-blue-300",
-          W && !Z && w && "bg-white border-orange-200 border-dashed",
-          Z && !w && "bg-blue-100 border-blue-400 border-dashed shadow-inner scale-[1.01] text-blue-500",
-          Z && w && "bg-orange-50 border-orange-400 border-dashed shadow-inner scale-[1.01] text-orange-500"
+          W && !Z && !E && "bg-blue-50 border-blue-200 border-dashed text-blue-300",
+          W && !Z && E && "bg-white border-orange-200 border-dashed",
+          Z && !E && "bg-blue-100 border-blue-400 border-dashed shadow-inner scale-[1.01] text-blue-500",
+          Z && E && "bg-orange-50 border-orange-400 border-dashed shadow-inner scale-[1.01] text-orange-500"
         ),
         children: [
-          w && A === "edit" && /* @__PURE__ */ n.jsx("div", { className: "absolute top-1 left-1/2 -translate-x-1/2 flex items-center gap-0.5 px-2 py-0.5 rounded-full bg-gray-100 hover:bg-blue-100 text-gray-400 hover:text-blue-500 cursor-grab active:cursor-grabbing transition-colors z-10 opacity-60 hover:opacity-100 pointer-events-none select-none", children: /* @__PURE__ */ n.jsx(_, { icon: "ph:dots-six-bold" }) }),
-          Z && !w && /* @__PURE__ */ n.jsxs("span", { className: "absolute inset-0 flex flex-col items-center justify-center gap-1 text-blue-400 text-xs font-medium pointer-events-none", children: [
+          E && A === "edit" && /* @__PURE__ */ n.jsx("div", { className: "absolute top-1 left-1/2 -translate-x-1/2 flex items-center gap-0.5 px-2 py-0.5 rounded-full bg-gray-100 hover:bg-blue-100 text-gray-400 hover:text-blue-500 cursor-grab active:cursor-grabbing transition-colors z-10 opacity-60 hover:opacity-100 pointer-events-none select-none", children: /* @__PURE__ */ n.jsx(_, { icon: "ph:dots-six-bold" }) }),
+          Z && !E && /* @__PURE__ */ n.jsxs("span", { className: "absolute inset-0 flex flex-col items-center justify-center gap-1 text-blue-400 text-xs font-medium pointer-events-none", children: [
             /* @__PURE__ */ n.jsx(_, { icon: "ph:plus-bold" }),
             "Drop here"
           ] }),
-          Z && w && /* @__PURE__ */ n.jsx("span", { className: "absolute top-1 right-1 text-xs text-orange-400 font-medium pointer-events-none px-1 py-0.5 bg-orange-50 rounded", children: "Replace" }),
+          Z && E && /* @__PURE__ */ n.jsx("span", { className: "absolute top-1 right-1 text-xs text-orange-400 font-medium pointer-events-none px-1 py-0.5 bg-orange-50 rounded", children: "Replace" }),
           /* @__PURE__ */ n.jsx(
             "div",
             {
               className: q(
-                "w-full select-none",
+                "w-full select-none min-w-0",
                 Z && "opacity-50 pointer-events-none"
               ),
               children: z || /* @__PURE__ */ n.jsx("span", { className: "flex items-center justify-center text-gray-300", children: A === "edit" && /* @__PURE__ */ n.jsx(_, { icon: "ph:plus-bold" }) })
@@ -6621,10 +6601,10 @@ const He = {
     {
       className: "grid w-full gap-3  items-center",
       style: {
-        gridTemplateColumns: `repeat(${i.columns}, 1fr)`
+        gridTemplateColumns: `repeat(${i.columns}, minmax(0, 1fr))`
       },
       children: h == null ? void 0 : h.map(
-        (S, N) => j(N, s, a)
+        (S, N) => C(N, s, a)
       )
     }
   ) });
@@ -6674,13 +6654,13 @@ function Hs({ elementData: i, sectionId: e }) {
     moveElement: u
   } = ji(gi), [t, d] = P(null), r = oi(
     () => {
-      var m;
-      return ((m = o.find((x) => x.id === e)) == null ? void 0 : m.questionData) || [];
+      var p;
+      return ((p = o.find((y) => y.id === e)) == null ? void 0 : p.questionData) || [];
     },
     [o, e]
   ), c = $(
-    (m, x) => {
-      m.dataTransfer.setData("elementId", x), m.dataTransfer.setData("properties", x), m.dataTransfer.effectAllowed = "move", d(x), a(!0);
+    (p, y) => {
+      p.dataTransfer.setData("elementId", y), p.dataTransfer.setData("properties", y), p.dataTransfer.effectAllowed = "move", d(y), a(!0);
     },
     [a]
   ), v = $(() => {
@@ -6690,93 +6670,93 @@ function Hs({ elementData: i, sectionId: e }) {
     !s && t && d(null);
   }, [s, t]);
   const h = $(
-    (m) => {
-      m.preventDefault(), m.stopPropagation();
-      const x = m.dataTransfer.getData("elementId"), j = m.currentTarget.id;
-      if (!x || !j || x === j) {
+    (p) => {
+      p.preventDefault(), p.stopPropagation();
+      const y = p.dataTransfer.getData("elementId"), C = p.currentTarget.id;
+      if (!y || !C || y === C) {
         v();
         return;
       }
-      const S = r.find((A) => A.id === x), N = r.findIndex(
-        (A) => A.id === j
+      const S = r.find((A) => A.id === y), N = r.findIndex(
+        (A) => A.id === C
       );
-      S != null && S.gridId && N !== -1 ? u({ draggedId: x, sectionId: e, targetIndex: N }) : u({ draggedId: x, sectionId: e, targetId: j }), d(null), a(!1);
+      S != null && S.gridId && N !== -1 ? u({ draggedId: y, sectionId: e, targetIndex: N }) : u({ draggedId: y, sectionId: e, targetId: C }), d(null), a(!1);
     },
     [e, u, a, v, r]
-  ), p = $(
-    (m, x) => {
-      m.preventDefault(), m.stopPropagation(), a(!1);
-      const j = m.dataTransfer.getData("elementId");
-      if (j) {
-        u({ draggedId: j, sectionId: e, targetIndex: x }), d(null);
+  ), b = $(
+    (p, y) => {
+      p.preventDefault(), p.stopPropagation(), a(!1);
+      const C = p.dataTransfer.getData("elementId");
+      if (C) {
+        u({ draggedId: C, sectionId: e, targetIndex: y }), d(null);
         return;
       }
       try {
-        const S = JSON.parse(m.dataTransfer.getData("properties"));
+        const S = JSON.parse(p.dataTransfer.getData("properties"));
         if ((S == null ? void 0 : S.type) === "section") return;
         const N = { ...S, id: Ai(), sectionId: e };
-        l(N, e, x), d(null);
+        l(N, e, y), d(null);
       } catch (S) {
         console.error("Drop error:", S);
       }
     },
     [l, e, a, u]
-  ), y = $(
-    (m, x = !1) => /* @__PURE__ */ n.jsx(
+  ), f = $(
+    (p, y = !1) => /* @__PURE__ */ n.jsx(
       "div",
       {
-        id: m.id,
+        id: p.id,
         draggable: !0,
-        onDragStart: (j) => c(j, m.id),
-        onDragOver: x ? void 0 : (j) => {
-          j.preventDefault(), j.stopPropagation();
+        onDragStart: (C) => c(C, p.id),
+        onDragOver: y ? void 0 : (C) => {
+          C.preventDefault(), C.stopPropagation();
         },
-        onDrop: x ? void 0 : h,
+        onDrop: y ? void 0 : h,
         onDragEnd: v,
         className: q(
           "cursor-grab active:cursor-grabbing border p-4 w-full rounded-lg",
           "transition-all duration-200 ease-in-out",
-          t === m.id ? "opacity-40 scale-[0.98] bg-gray-100 border-dashed border-blue-300 shadow-inner" : t ? "bg-white border-dashed border-blue-200 shadow-sm" : "bg-white border-gray-200 shadow-sm hover:border-blue-300 hover:shadow-md"
+          t === p.id ? "opacity-40 scale-[0.98] bg-gray-100 border-dashed border-blue-300 shadow-inner" : t ? "bg-white border-dashed border-blue-200 shadow-sm" : "bg-white border-gray-200 shadow-sm hover:border-blue-300 hover:shadow-md"
         ),
-        children: Os(m, e)
+        children: Os(p, e)
       },
-      m.id
+      p.id
     ),
     [t, h, e, c, v]
-  ), f = oi(() => (i == null ? void 0 : i.reduce((m, x) => (x.gridId && (m[x.gridId] = m[x.gridId] || [], m[x.gridId].push(x)), m), {})) || {}, [i]);
+  ), x = oi(() => (i == null ? void 0 : i.reduce((p, y) => (y.gridId && (p[y.gridId] = p[y.gridId] || [], p[y.gridId].push(y)), p), {})) || {}, [i]);
   if (!(i != null && i.length))
     return /* @__PURE__ */ n.jsx(
       "div",
       {
-        onDragOver: (m) => m.preventDefault(),
-        onDrop: (m) => p(m, 0),
+        onDragOver: (p) => p.preventDefault(),
+        onDrop: (p) => b(p, 0),
         onDragEnd: v,
         className: "w-full h-full flex items-center justify-center text-gray-400 min-h-[200px] p-10 col-span-2 border border-dashed border-gray-300 rounded-lg",
         children: "Drag or click an element to display"
       }
     );
-  const g = i.filter((m) => !m.gridId);
+  const g = i.filter((p) => !p.gridId);
   return /* @__PURE__ */ n.jsxs("div", { className: "relative flex flex-col w-full h-full gap-2", children: [
     /* @__PURE__ */ n.jsx(
       xn,
       {
         index: 0,
         isDragging: s,
-        onDrop: p,
+        onDrop: b,
         onDragEnd: v
       }
     ),
-    g.map((m) => {
-      const x = r.findIndex((j) => j.id === m.id);
-      if (m.type === "grid") {
-        const j = f[m.id] || [], S = t === m.id, N = !!t && !S;
+    g.map((p) => {
+      const y = r.findIndex((C) => C.id === p.id);
+      if (p.type === "grid") {
+        const C = x[p.id] || [], S = t === p.id, N = !!t && !S;
         return /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-0", children: [
           /* @__PURE__ */ n.jsx(
             "div",
             {
-              id: m.id,
+              id: p.id,
               draggable: !0,
-              onDragStart: (A) => c(A, m.id),
+              onDragStart: (A) => c(A, p.id),
               onDragOver: (A) => {
                 A.preventDefault(), A.stopPropagation();
               },
@@ -6787,17 +6767,17 @@ function Hs({ elementData: i, sectionId: e }) {
                 "transition-all duration-200 ease-in-out",
                 S ? "opacity-40 scale-[0.98] bg-gray-100 border-dashed border-blue-400 shadow-inner" : N ? "bg-white border-dashed border-blue-200" : "bg-white border-gray-200 shadow-sm hover:border-blue-300 hover:shadow-md"
               ),
-              children: /* @__PURE__ */ n.jsx(In, { element: m, state: "edit", children: /* @__PURE__ */ n.jsx(
+              children: /* @__PURE__ */ n.jsx(In, { element: p, state: "edit", children: /* @__PURE__ */ n.jsx(
                 Kn,
                 {
-                  element: m,
+                  element: p,
                   sectionId: e,
                   state: Gs,
                   draggedElementId: t,
-                  children: j == null ? void 0 : j.map(
+                  children: C == null ? void 0 : C.map(
                     (A) => {
-                      var k;
-                      return /* @__PURE__ */ n.jsx(On, { col: (k = A.gridPosition) == null ? void 0 : k.col, children: y(A, !0) }, A.id);
+                      var j;
+                      return /* @__PURE__ */ n.jsx(On, { col: (j = A.gridPosition) == null ? void 0 : j.col, children: f(A, !0) }, A.id);
                     }
                   )
                 }
@@ -6807,26 +6787,26 @@ function Hs({ elementData: i, sectionId: e }) {
           /* @__PURE__ */ n.jsx(
             xn,
             {
-              index: x + 1,
+              index: y + 1,
               isDragging: s,
-              onDrop: p,
+              onDrop: b,
               onDragEnd: v
             }
           )
-        ] }, m.id);
+        ] }, p.id);
       }
       return /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-0", children: [
-        y(m),
+        f(p),
         /* @__PURE__ */ n.jsx(
           xn,
           {
-            index: x + 1,
+            index: y + 1,
             isDragging: s,
-            onDrop: p,
+            onDrop: b,
             onDragEnd: v
           }
         )
-      ] }, m.id);
+      ] }, p.id);
     })
   ] });
 }
@@ -6849,8 +6829,8 @@ const Vs = an(Hs), Fs = B.object({
   if (mi.useEffect(() => {
     i || c();
   }, [i, c]), !i) return null;
-  const v = (p) => {
-    s(p, o.id), e();
+  const v = (b) => {
+    s(b, o.id), e();
   }, h = u();
   return /* @__PURE__ */ n.jsx("div", { className: "fixed inset-0 bg-black/30 flex items-center justify-center z-[999] cursor-default no-drag select-none", children: /* @__PURE__ */ n.jsxs("div", { className: "min-w-[600px] bg-white rounded-xl shadow-xl relative flex flex-col items-center", children: [
     /* @__PURE__ */ n.jsxs("div", { className: "w-full px-6 pt-6 pb-5 flex flex-col items-start gap-4 z-10 mb-6", children: [
@@ -6953,8 +6933,8 @@ const Vs = an(Hs), Fs = B.object({
   const v = Ci(null), h = Ci(i.questionData.length);
   return D(() => {
     i.questionData.length > h.current && v.current && requestAnimationFrame(() => {
-      var p;
-      (p = v.current) == null || p.scrollTo({
+      var b;
+      (b = v.current) == null || b.scrollTo({
         top: v.current.scrollHeight,
         behavior: "smooth"
       });
@@ -7055,34 +7035,34 @@ const Vs = an(Hs), Fs = B.object({
     setActiveSections: v
   } = ji(gi), h = Ci((u == null ? void 0 : u.length) || 0);
   D(() => {
-    var m;
-    d(((m = u[0]) == null ? void 0 : m.id) || null);
+    var p;
+    d(((p = u[0]) == null ? void 0 : p.id) || null);
   }, []), D(() => {
     (u == null ? void 0 : u.length) > h.current && s.current && requestAnimationFrame(() => {
-      var m;
-      (m = s.current) == null || m.scrollTo({
+      var p;
+      (p = s.current) == null || p.scrollTo({
         top: s.current.scrollHeight,
         behavior: "smooth"
       });
     }), h.current = (u == null ? void 0 : u.length) || 0;
   }, [u == null ? void 0 : u.length]);
-  const p = $((m) => {
-    m.preventDefault(), m.dataTransfer.dropEffect = "move", s.current && (s.current.scrollTop = s.current.scrollHeight);
+  const b = $((p) => {
+    p.preventDefault(), p.dataTransfer.dropEffect = "move", s.current && (s.current.scrollTop = s.current.scrollHeight);
   }, []);
-  function y(m) {
-    c.includes(m) ? v(
-      (x) => x.filter((j) => j !== m)
-    ) : v((x) => [...x, m]);
+  function f(p) {
+    c.includes(p) ? v(
+      (y) => y.filter((C) => C !== p)
+    ) : v((y) => [...y, p]);
   }
-  function f(m) {
-    o.current = m, e(!0);
+  function x(p) {
+    o.current = p, e(!0);
   }
   const g = xi("config");
   return /* @__PURE__ */ n.jsxs(
     "div",
     {
       ref: s,
-      className: "relative flex flex-col h-full pb-5 mx-auto gap-x-4 overflow-y-auto",
+      className: "relative flex flex-col h-full pb-5 mx-auto gap-x-4 ",
       children: [
         i && /* @__PURE__ */ n.jsx(
           Ws,
@@ -7092,40 +7072,47 @@ const Vs = an(Hs), Fs = B.object({
             section: o.current
           }
         ),
-        /* @__PURE__ */ n.jsxs("div", { className: "relative flex flex-col flex-1 w-full gap-y-3", children: [
-          u == null ? void 0 : u.map(
-            (m, x) => /* @__PURE__ */ n.jsx(
-              Us,
-              {
-                section: m,
-                index: x,
-                selectedSection: r,
-                setSelectedSection: d,
-                activeSections: c,
-                toggleSection: y,
-                handleSectionEdit: f,
-                removeSection: a,
-                formDataLength: u.length,
-                onDragOver: p,
-                setIsDragging: t
-              },
-              m.id
-            )
-          ),
-          /* @__PURE__ */ n.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ n.jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: () => l(),
-              style: { color: (g == null ? void 0 : g.buttonColor) || "#333" },
-              className: "text-sm font-medium",
-              children: [
-                "+ Add section",
-                " "
-              ]
-            }
-          ) })
-        ] })
+        /* @__PURE__ */ n.jsxs(
+          "div",
+          {
+            id: "section-container",
+            className: "relative flex flex-col flex-1 w-full gap-y-3 container overflow-y-auto",
+            children: [
+              u == null ? void 0 : u.map(
+                (p, y) => /* @__PURE__ */ n.jsx(
+                  Us,
+                  {
+                    section: p,
+                    index: y,
+                    selectedSection: r,
+                    setSelectedSection: d,
+                    activeSections: c,
+                    toggleSection: f,
+                    handleSectionEdit: x,
+                    removeSection: a,
+                    formDataLength: u.length,
+                    onDragOver: b,
+                    setIsDragging: t
+                  },
+                  p.id
+                )
+              ),
+              /* @__PURE__ */ n.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ n.jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => l(),
+                  style: { color: (g == null ? void 0 : g.buttonColor) || "#333" },
+                  className: "text-sm font-medium",
+                  children: [
+                    "+ Add section",
+                    " "
+                  ]
+                }
+              ) })
+            ]
+          }
+        )
       ]
     }
   );
@@ -7177,7 +7164,7 @@ function Js({
       }
     ),
     /* @__PURE__ */ n.jsx(
-      wi,
+      Ei,
       {
         show: l,
         as: "div",
@@ -7187,8 +7174,8 @@ function Js({
         leave: "transition-all duration-300 ease-in-out origin-right",
         leaveFrom: "opacity-100 w-2/5 translate-x-0",
         leaveTo: "opacity-0 w-0 translate-x-10 px-0 overflow-hidden border-transparent shadow-none",
-        className: "shrink-0    overflow-y-auto no-scrollbar max-h-[calc(100vh-70px)] form_preview w-2/5",
-        children: /* @__PURE__ */ n.jsx("div", { className: "px-2 shadow_box  min-w-[320px] bg-white border border-gray-100 rounded-lg", children: /* @__PURE__ */ n.jsx(_s, {}) })
+        className: "shrink-0 overflow-y-auto no-scrollbar max-h-[calc(100vh-70px)] form_preview w-2/5 min-w-0",
+        children: /* @__PURE__ */ n.jsx("div", { className: "px-2 shadow_box min-w-0 bg-white border border-gray-100 rounded-lg container", children: /* @__PURE__ */ n.jsx(_s, {}) })
       }
     )
   ] });
@@ -7202,38 +7189,38 @@ const An = [
   { key: "advancedData", title: "Advanced / Data" }
 ], Ys = () => {
   const [i, e] = P(""), { setIsDragging: o, addElement: s, selectedSection: a } = ji(gi), l = $(
-    (p, y) => {
+    (b, f) => {
       if (!a) {
         ki.error("Please select a section to add an element.");
         return;
       }
-      p.dataTransfer.setData("properties", JSON.stringify(y)), p.dataTransfer.effectAllowed = "move", o(!0);
+      b.dataTransfer.setData("properties", JSON.stringify(f)), b.dataTransfer.effectAllowed = "move", o(!0);
     },
     [o, a]
   );
-  function u(p) {
+  function u(b) {
     if (!a) {
       ki.error("Please select a section to add an element.");
       return;
     }
-    const y = {
-      ...p,
+    const f = {
+      ...b,
       id: Ai(),
       sectionId: a
     };
-    s(y, a);
+    s(f, a);
   }
   const t = xi("config") || {}, d = t.elementColor, r = t.elementBgColor, c = t.elementBorderColor, v = Ya.filter(
-    (p) => p.label.toLowerCase().includes(i.toLowerCase())
-  ), h = An == null ? void 0 : An.map((p) => ({
-    title: p.title,
+    (b) => b.label.toLowerCase().includes(i.toLowerCase())
+  ), h = An == null ? void 0 : An.map((b) => ({
+    title: b.title,
     elements: v.filter(
-      (y) => {
-        var f;
-        return (f = qa[p.key]) == null ? void 0 : f.includes(y.type);
+      (f) => {
+        var x;
+        return (x = qa[b.key]) == null ? void 0 : x.includes(f.type);
       }
     )
-  })).filter((p) => p.elements.length > 0);
+  })).filter((b) => b.elements.length > 0);
   return /* @__PURE__ */ n.jsxs("div", { className: "pt-4 flex flex-col gap-y-6", children: [
     /* @__PURE__ */ n.jsx("div", { className: "px-5", children: /* @__PURE__ */ n.jsx(
       "input",
@@ -7241,19 +7228,19 @@ const An = [
         className: "field-control",
         placeholder: "Search",
         value: i,
-        onChange: (p) => e(p.target.value),
+        onChange: (b) => e(b.target.value),
         name: "search",
         id: "search"
       }
     ) }),
-    /* @__PURE__ */ n.jsx("div", { className: "flex-1 overflow-y-auto no-scrollbar max-h-[calc(100vh-100px)]", children: /* @__PURE__ */ n.jsx("ul", { className: "grid gap-y-5 mt-3 px-5 ", children: h == null ? void 0 : h.map((p, y) => {
-      var f;
+    /* @__PURE__ */ n.jsx("div", { className: "flex-1 overflow-y-auto no-scrollbar max-h-[calc(100vh-100px)]", children: /* @__PURE__ */ n.jsx("ul", { className: "grid gap-y-5 mt-3 px-5 ", children: h == null ? void 0 : h.map((b, f) => {
+      var x;
       return /* @__PURE__ */ n.jsxs("li", { children: [
-        /* @__PURE__ */ n.jsx("h4", { className: "mb-2 text-[11px] font-bold text-gray-500 uppercase", children: p.title }),
-        /* @__PURE__ */ n.jsx("ul", { className: "grid grid-cols-2 gap-y-3 gap-x-4 mb-3", children: (f = p.elements) == null ? void 0 : f.map((g) => /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ n.jsx("h4", { className: "mb-2 text-[11px] font-bold text-gray-500 uppercase", children: b.title }),
+        /* @__PURE__ */ n.jsx("ul", { className: "grid grid-cols-2 gap-y-3 gap-x-4 mb-3", children: (x = b.elements) == null ? void 0 : x.map((g) => /* @__PURE__ */ n.jsx(
           "li",
           {
-            onDragStart: (m) => l(m, g),
+            onDragStart: (p) => l(p, g),
             onDragEnd: () => o(!1),
             onClick: () => u(g),
             style: {
@@ -7279,10 +7266,10 @@ const An = [
           },
           g.type
         )) })
-      ] }, y);
+      ] }, f);
     }) }) })
   ] });
-}, qs = an(Ys), Ei = ({
+}, qs = an(Ys), wi = ({
   text: i = "",
   isDisabled: e = !1,
   isLoading: o = !1,
@@ -7297,14 +7284,14 @@ const An = [
   style: v,
   onClick: h
 }) => {
-  const p = q(
+  const b = q(
     "btn inline-flex justify-center",
     {
       "pointer-events-none": o,
       "opacity-40 cursor-not-allowed": e
     },
     s
-  ), y = () => o ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+  ), f = () => o ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsxs(
       "svg",
       {
@@ -7341,16 +7328,16 @@ const An = [
     i && /* @__PURE__ */ n.jsx("span", { children: i }),
     a && l === "right" && /* @__PURE__ */ n.jsx("span", { className: `ml-[6px] ${u}`, children: /* @__PURE__ */ n.jsx(_, { icon: a }) })
   ] });
-  return r ? /* @__PURE__ */ n.jsx("div", { className: p, children: y() }) : d ? /* @__PURE__ */ n.jsx(ko, { to: d, className: p, children: y() }) : /* @__PURE__ */ n.jsx(
+  return r ? /* @__PURE__ */ n.jsx("div", { className: b, children: f() }) : d ? /* @__PURE__ */ n.jsx(ko, { to: d, className: b, children: f() }) : /* @__PURE__ */ n.jsx(
     "button",
     {
       disabled: e,
       type: c,
-      className: p,
+      className: b,
       "data-testid": "btn",
       onClick: h,
       style: v,
-      children: y()
+      children: f()
     }
   );
 };
@@ -7411,7 +7398,7 @@ const $s = ({
       }
     ),
     " ",
-    /* @__PURE__ */ n.jsx("div", { className: "max-h-[80vh] overflow-y-auto  h-max  w-full max-w-[650px] min-w-0 border border-[#D5D9EB] rounded-lg    bg-white form_submit", children: /* @__PURE__ */ n.jsx(
+    /* @__PURE__ */ n.jsx("div", { className: "max-h-[80vh] overflow-y-auto  h-max  w-full max-w-[650px] min-w-0 border border-[#D5D9EB] rounded-lg    bg-white form_submit container", children: /* @__PURE__ */ n.jsx(
       Fe,
       {
         form_data: o,
@@ -7457,15 +7444,15 @@ function Xs({
   publishLoading: u,
   onTitleChange: t
 }) {
-  const { formData: d, setShowPreview: r, showPreview: c } = ji(gi), [v, h] = P(!1), [p, y] = P(!1), [f, g] = P(i || ""), m = xi("config");
-  function x() {
+  const { formData: d, setShowPreview: r, showPreview: c } = ji(gi), [v, h] = P(!1), [b, f] = P(!1), [x, g] = P(i || ""), p = xi("config");
+  function y() {
     localStorage.setItem("formData", JSON.stringify(d)), o == null || o(d);
   }
-  function j() {
+  function C() {
     localStorage.setItem("formData", JSON.stringify(d)), s == null || s(d);
   }
   function S() {
-    y(!1), t && f !== i && t(f.trim());
+    f(!1), t && x !== i && t(x.trim());
   }
   return /* @__PURE__ */ n.jsxs("div", { className: "px-[30px] py-3 flex justify-between items-center bg-[#F9F9FB] top_bar border-b h-full", children: [
     /* @__PURE__ */ n.jsxs("span", { className: "flex items-center gap-x-2", children: [
@@ -7474,17 +7461,17 @@ function Xs({
         {
           type: "button",
           onClick: () => e(),
-          style: { color: (m == null ? void 0 : m.buttonColor) || "#333" },
+          style: { color: (p == null ? void 0 : p.buttonColor) || "#333" },
           className: "flex items-center gap-x-3",
           children: /* @__PURE__ */ n.jsx(Qs, {})
         }
       ),
       " ",
-      p ? /* @__PURE__ */ n.jsx(
+      b ? /* @__PURE__ */ n.jsx(
         "input",
         {
           type: "text",
-          value: f,
+          value: x,
           onChange: (N) => g(N.target.value),
           onBlur: S,
           autoFocus: !0,
@@ -7495,8 +7482,8 @@ function Xs({
         {
           title: "Click to edit",
           className: "text-base font-semibold cursor-pointer form_title",
-          onClick: () => y(!0),
-          children: f || "Untitled"
+          onClick: () => f(!0),
+          children: x || "Untitled"
         }
       )
     ] }),
@@ -7510,37 +7497,37 @@ function Xs({
     ),
     /* @__PURE__ */ n.jsxs("div", { className: "flex justify-end text-xs gap-x-3", children: [
       /* @__PURE__ */ n.jsx(
-        Ei,
+        wi,
         {
           onClick: () => r((N) => !N),
           text: c ? "Hide Preview" : "Preview",
           btnClass: "px-2  bg-transparent font-medium text-sm form_preview",
           icon: c ? "iconamoon:eye-off-duotone" : "solar:eye-bold-duotone",
           iconClass: "text-base",
-          style: { color: (m == null ? void 0 : m.buttonColor) || "#333" },
+          style: { color: (p == null ? void 0 : p.buttonColor) || "#333" },
           isDisabled: a,
           isLoading: a
         }
       ),
       /* @__PURE__ */ n.jsx(
-        Ei,
+        wi,
         {
-          onClick: x,
+          onClick: y,
           text: "Save",
           btnClass: "px-2  bg-transparent font-medium text-sm form_save__btn",
           icon: "lets-icons:save-duotone",
           iconClass: "text-base",
-          style: { color: (m == null ? void 0 : m.buttonColor) || "#333" },
+          style: { color: (p == null ? void 0 : p.buttonColor) || "#333" },
           isDisabled: l,
           isLoading: l
         }
       ),
       /* @__PURE__ */ n.jsx(
-        Ei,
+        wi,
         {
-          onClick: j,
+          onClick: C,
           text: "Publish",
-          style: { background: (m == null ? void 0 : m.buttonColor) || "#333" },
+          style: { background: (p == null ? void 0 : p.buttonColor) || "#333" },
           btnClass: "border-[#98A2B3] font-medium text-sm py-2 px-6 text-white rounded-lg form_publish__btn",
           isDisabled: u,
           isLoading: u
@@ -7575,8 +7562,8 @@ function il({
   return /* @__PURE__ */ n.jsxs(Se, { children: [
     /* @__PURE__ */ n.jsx(Ae, { position: "top-right", richColors: !0, closeButton: !0 }),
     /* @__PURE__ */ n.jsx("div", { className: "w-full h-full bg-[#F8F9FC] flex flex-col", children: /* @__PURE__ */ n.jsxs("div", { className: "flex flex-1 ", children: [
-      /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx("div", { className: "w-[270px]  h-screen  border-r border-[#E4E7EC] bg-white ", children: /* @__PURE__ */ n.jsx(qs, {}) }) }),
-      /* @__PURE__ */ n.jsxs("div", { className: "flex-1 h-full max-h-full z-[1]", children: [
+      /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx("div", { className: "w-[250px]  h-screen  border-r border-[#E4E7EC] bg-white ", children: /* @__PURE__ */ n.jsx(qs, {}) }) }),
+      /* @__PURE__ */ n.jsxs("div", { className: "flex-1 h-full max-h-full z-[1] w-[calc(100%-250px)]", children: [
         /* @__PURE__ */ n.jsx("div", { className: " h-[70px]", children: /* @__PURE__ */ n.jsx(
           Xs,
           {
@@ -7731,8 +7718,8 @@ const en = ({ element: i, validationData: e }) => {
       }
     }
   ) : !0, [l, s, i]);
-  return o ? /* @__PURE__ */ n.jsxs("div", { className: u ? "" : "invisible h-0", children: [
-    /* @__PURE__ */ n.jsxs("div", { className: "mb-1.5", children: [
+  return o ? /* @__PURE__ */ n.jsxs("div", { className: `${u ? "" : "invisible h-0"} min-w-0 w-full`, children: [
+    /* @__PURE__ */ n.jsxs("div", { className: "mb-1.5 min-w-0", children: [
       i.inputLabel && /* @__PURE__ */ n.jsxs("label", { className: "block text-sm font-medium  input_label", children: [
         i.inputLabel,
         " ",
@@ -7761,7 +7748,7 @@ const en = ({ element: i, validationData: e }) => {
   ] }) : null;
 }, on = (i, e) => i != null && i.allowEdit ? { ...e, isReadOnly: !1 } : e;
 function ll({ form_data: i, options: e }) {
-  const o = (a, l) => /* @__PURE__ */ n.jsx(
+  const o = (a, l) => /* @__PURE__ */ n.jsx("div", { className: "min-w-0", children: /* @__PURE__ */ n.jsx(
     Kn,
     {
       element: a,
@@ -7787,14 +7774,13 @@ function ll({ form_data: i, options: e }) {
           u.id
         );
       })
-    },
-    a.id
-  ), s = (a) => {
+    }
+  ) }, a.id), s = (a) => {
     var l, u;
     return /* @__PURE__ */ n.jsxs(
       "div",
       {
-        className: q("group relative grid gap-y-[6px]", a.elementClass),
+        className: q("group relative grid gap-y-[6px] min-w-0", a.elementClass),
         children: [
           /* @__PURE__ */ n.jsx(
             en,
@@ -7814,12 +7800,12 @@ function ll({ form_data: i, options: e }) {
     const l = /* @__PURE__ */ new Map();
     return (u = a.questionData) == null || u.forEach((d) => {
       d.gridId && (l.has(d.gridId) || l.set(d.gridId, []), l.get(d.gridId).push(d));
-    }), /* @__PURE__ */ n.jsxs("div", { className: "pb-6 section_box", children: [
+    }), /* @__PURE__ */ n.jsxs("div", { className: "pb-6 section_box min-w-0", children: [
       (a.title || a.description) && /* @__PURE__ */ n.jsxs("div", { className: "py-4 border-b border-gray-100 mb-7 section_box__title", children: [
         a.title && /* @__PURE__ */ n.jsx("h2", { className: "text-lg font-semibold mb-[4px]", children: a.title }),
         a.description && /* @__PURE__ */ n.jsx("p", { className: "text-sm", children: a.description })
       ] }),
-      /* @__PURE__ */ n.jsx("div", { className: "grid gap-y-6 section_box__content", children: (t = a.questionData) == null ? void 0 : t.map((d) => d.gridId ? null : d.type === "grid" ? o(
+      /* @__PURE__ */ n.jsx("div", { className: "grid gap-y-6 section_box__content min-w-0", children: (t = a.questionData) == null ? void 0 : t.map((d) => d.gridId ? null : d.type === "grid" ? o(
         d,
         l.get(d.id) || []
       ) : s(d)) })
@@ -7828,13 +7814,13 @@ function ll({ form_data: i, options: e }) {
 }
 function dl({ form_data: i, options: e, current: o }) {
   var s;
-  return /* @__PURE__ */ n.jsx("div", { className: "grid gap-y-3 multi_section__content", children: (s = i[o].questionData) == null ? void 0 : s.map((a) => {
+  return /* @__PURE__ */ n.jsx("div", { className: "grid gap-y-3 multi_section__content min-w-0", children: (s = i[o].questionData) == null ? void 0 : s.map((a) => {
     var l, u;
     if (a.type === "grid") {
       const t = i[o].questionData.filter(
         (d) => d.gridId === a.id
       );
-      return /* @__PURE__ */ n.jsx(
+      return /* @__PURE__ */ n.jsx("div", { className: "min-w-0", children: /* @__PURE__ */ n.jsx(
         Kn,
         {
           element: a,
@@ -7860,15 +7846,14 @@ function dl({ form_data: i, options: e, current: o }) {
               d.id
             );
           })
-        },
-        a.id
-      );
+        }
+      ) }, a.id);
     }
     return a.gridId ? null : /* @__PURE__ */ n.jsxs(
       "div",
       {
         className: q(
-          "group relative grid gap-y-[6px]",
+          "group relative grid gap-y-[6px] min-w-0",
           a.elementClass
         ),
         children: [
@@ -7902,7 +7887,7 @@ const tl = ({
   uploadUrl: r
 }) => {
   var ni, si, hi, vi, L, K, X, ui;
-  const { setAnswerData: c, setUploadUrl: v } = ji(gi), [h, p] = P(0), y = oi(
+  const { setAnswerData: c, setUploadUrl: v } = ji(gi), [h, b] = P(0), f = oi(
     () => i.filter((J) => !J.isHidden).map((J) => {
       var pi;
       return J.isDisabled || J.disabled ? {
@@ -7914,26 +7899,26 @@ const tl = ({
       } : J;
     }),
     [i]
-  ), f = (ni = y == null ? void 0 : y.length) != null ? ni : 0, g = xi("config"), m = oi(
-    () => sl(y),
-    [y]
-  ), x = Bn({
-    resolver: Dn(m),
+  ), x = (ni = f == null ? void 0 : f.length) != null ? ni : 0, g = xi("config"), p = oi(
+    () => sl(f),
+    [f]
+  ), y = Bn({
+    resolver: Dn(p),
     mode: "onSubmit",
     defaultValues: {}
   }), {
-    register: j,
+    register: C,
     setValue: S,
     control: N,
     handleSubmit: A,
-    reset: k,
+    reset: j,
     getValues: O,
     watch: ii,
     formState: { errors: z, isSubmitting: Z },
-    trigger: w,
+    trigger: E,
     setError: W,
     clearErrors: I
-  } = x, G = yo({ control: N }), H = oi(
+  } = y, G = yo({ control: N }), H = oi(
     () => G,
     [JSON.stringify(G)]
   ), R = $(
@@ -7945,8 +7930,8 @@ const tl = ({
   D(() => {
     v(r);
   }, [v, r]), D(() => {
-    if (!(y != null && y.length) || !a) return;
-    const J = y.flatMap(
+    if (!(f != null && f.length) || !a) return;
+    const J = f.flatMap(
       (li) => {
         var pi;
         return (pi = li.questionData) == null ? void 0 : pi.map((Si) => ({
@@ -7963,16 +7948,16 @@ const tl = ({
     R(J), c(H);
   }, [
     H,
-    y,
+    f,
     R,
     a,
     c
   ]), D(() => {
-    e != null && e.length && k(ul(e));
-  }, [e, k]);
+    e != null && e.length && j(ul(e));
+  }, [e, j]);
   const T = $(
     (J) => {
-      const li = y.flatMap(
+      const li = f.flatMap(
         (pi) => {
           var Si;
           return (Si = pi.questionData) == null ? void 0 : Si.map((Mi) => ({
@@ -7988,25 +7973,25 @@ const tl = ({
       );
       Object.keys(z).length > 0 || s == null || s(li);
     },
-    [z, y, s]
-  ), E = $(async () => {
+    [z, f, s]
+  ), w = $(async () => {
     var J, li;
     if (!o) {
-      const pi = (li = (J = y == null ? void 0 : y[h]) == null ? void 0 : J.questionData) == null ? void 0 : li.map(
+      const pi = (li = (J = f == null ? void 0 : f[h]) == null ? void 0 : J.questionData) == null ? void 0 : li.map(
         (Mi) => Mi.id
       );
-      if (!await w(pi)) return;
+      if (!await E(pi)) return;
     }
-    p((pi) => pi + 1);
-  }, [h, y, o, w]), U = $(() => {
-    p((J) => J - 1);
+    b((pi) => pi + 1);
+  }, [h, f, o, E]), U = $(() => {
+    b((J) => J - 1);
   }, []), ci = oi(
     () => ({
-      register: j,
+      register: C,
       setValue: S,
       watch: ii,
       errors: z,
-      trigger: w,
+      trigger: E,
       isSubmitting: Z,
       isReadOnly: l,
       getValues: O,
@@ -8014,11 +7999,11 @@ const tl = ({
       clearErrors: I
     }),
     [
-      j,
+      C,
       S,
       ii,
       z,
-      w,
+      E,
       Z,
       l,
       O,
@@ -8026,48 +8011,47 @@ const tl = ({
       I
     ]
   );
-  return /* @__PURE__ */ n.jsxs(Ao, { ...x, children: [
+  return /* @__PURE__ */ n.jsxs(Ao, { ...y, children: [
     /* @__PURE__ */ n.jsx(Ae, { position: "top-right", richColors: !0, closeButton: !0 }),
     /* @__PURE__ */ n.jsxs(
       "form",
       {
-        id: "form",
         onSubmit: A(T),
         className: "container h-full mx-auto",
         children: [
-          /* @__PURE__ */ n.jsx("div", { className: "relative flex flex-col w-full py-4 gap-y-12", children: /* @__PURE__ */ n.jsxs(
+          /* @__PURE__ */ n.jsx("div", { className: "relative flex flex-col w-full min-w-0 py-4 gap-y-12", children: /* @__PURE__ */ n.jsxs(
             "div",
             {
-              className: "multi_section__box",
+              className: "multi_section__box min-w-0",
               children: [
-                u === "multi" && (((si = y == null ? void 0 : y[h]) == null ? void 0 : si.title) || ((hi = y == null ? void 0 : y[h]) == null ? void 0 : hi.description)) && /* @__PURE__ */ n.jsxs("div", { className: "py-4 mb-4 border-b border-gray-100 multi_section__title", children: [
-                  ((vi = y[h]) == null ? void 0 : vi.title) && /* @__PURE__ */ n.jsx("h2", { className: "text-lg font-semibold mb-[6px]", children: (L = y[h]) == null ? void 0 : L.title }),
-                  ((K = y[h]) == null ? void 0 : K.description) && /* @__PURE__ */ n.jsx("p", { className: "text-sm", children: (X = y[h]) == null ? void 0 : X.description })
+                u === "multi" && (((si = f == null ? void 0 : f[h]) == null ? void 0 : si.title) || ((hi = f == null ? void 0 : f[h]) == null ? void 0 : hi.description)) && /* @__PURE__ */ n.jsxs("div", { className: "py-4 mb-4 border-b border-gray-100 multi_section__title", children: [
+                  ((vi = f[h]) == null ? void 0 : vi.title) && /* @__PURE__ */ n.jsx("h2", { className: "text-lg font-semibold mb-[6px]", children: (L = f[h]) == null ? void 0 : L.title }),
+                  ((K = f[h]) == null ? void 0 : K.description) && /* @__PURE__ */ n.jsx("p", { className: "text-sm", children: (X = f[h]) == null ? void 0 : X.description })
                 ] }),
                 u === "multi" ? /* @__PURE__ */ n.jsx(
                   dl,
                   {
-                    form_data: y,
+                    form_data: f,
                     options: ci,
                     current: h
                   }
                 ) : /* @__PURE__ */ n.jsx(
                   ll,
                   {
-                    form_data: y,
+                    form_data: f,
                     options: ci
                   }
                 )
               ]
             },
-            (ui = y == null ? void 0 : y[h]) == null ? void 0 : ui.id
+            (ui = f == null ? void 0 : f[h]) == null ? void 0 : ui.id
           ) }),
           !d && /* @__PURE__ */ n.jsx("footer", { className: "flex items-center justify-end gap-4 footer flex-wrap", children: u === "multi" ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
             /* @__PURE__ */ n.jsxs("div", { className: "flex gap-x-4 justify-between navigation_container w-full", children: [
               /* @__PURE__ */ n.jsxs("div", { children: [
                 " ",
                 h > 0 && /* @__PURE__ */ n.jsx(
-                  Ei,
+                  wi,
                   {
                     type: "button",
                     text: "Back",
@@ -8076,19 +8060,19 @@ const tl = ({
                   }
                 )
               ] }),
-              h < f - 1 && /* @__PURE__ */ n.jsx(
-                Ei,
+              h < x - 1 && /* @__PURE__ */ n.jsx(
+                wi,
                 {
                   type: "button",
                   text: "Next",
-                  onClick: E,
+                  onClick: w,
                   style: { background: (g == null ? void 0 : g.buttonColor) || "#333" },
                   btnClass: "text-gray-700 next_btn text-sm border-[#98A2B3] !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg continue_btn"
                 }
               )
             ] }),
-            (h === f - 1 || l) && !o && (t != null ? t : /* @__PURE__ */ n.jsx(
-              Ei,
+            (h === x - 1 || l) && !o && (t != null ? t : /* @__PURE__ */ n.jsx(
+              wi,
               {
                 isDisabled: Z || Object.keys(z).length > 0,
                 isLoading: Z,
@@ -8099,7 +8083,7 @@ const tl = ({
               }
             ))
           ] }) : !o && (t != null ? t : /* @__PURE__ */ n.jsx(
-            Ei,
+            wi,
             {
               isDisabled: Z || Object.keys(z).length > 0,
               isLoading: Z,
@@ -8132,12 +8116,12 @@ function Fe({
     u && Ge("config", u);
   }, [u]);
   const h = $(
-    (p) => {
-      c && c(p);
+    (b) => {
+      c && c(b);
     },
     [c]
   );
-  return l ? /* @__PURE__ */ n.jsx(Ve, {}) : e ? /* @__PURE__ */ n.jsxs("div", { id: "form", className: "w-full h-full", children: [
+  return l ? /* @__PURE__ */ n.jsx(Ve, {}) : e ? /* @__PURE__ */ n.jsxs("div", { className: "w-full h-full min-w-0", children: [
     /* @__PURE__ */ n.jsx("div", { id: "root-portal" }),
     /* @__PURE__ */ n.jsx(Se, { children: /* @__PURE__ */ n.jsx(
       cl,