@arudovwen/form-builder-react 1.5.7 → 1.5.8

package/dist/form-builder.es.js

@@ -1,9 +1,9 @@
-import { jsx as n, Fragment as ti, jsxs as b } from "react/jsx-runtime";
-import si, { createContext as ae, useState as P, useMemo as $, useEffect as R, forwardRef as In, createElement as _i, Fragment as wi, useContext as mi, useRef as hi, useCallback as Z, memo as Oi } from "react";
+import { jsx as n, Fragment as ti, jsxs as v } from "react/jsx-runtime";
+import si, { createContext as ae, useState as P, useMemo as $, useEffect as I, forwardRef as In, createElement as _i, Fragment as wi, useContext as bi, useRef as mi, useCallback as Z, memo as Oi } from "react";
 import { v4 as ri } from "uuid";
 import se from "react-datepicker";
 import { Listbox as ii, Transition as yi, Combobox as Ai, ComboboxInput as le, ComboboxButton as de, ComboboxOptions as ue, ComboboxOption as ce } from "@headlessui/react";
-import { toast as vi, Toaster as Dn } from "sonner";
+import { toast as hi, Toaster as Dn } from "sonner";
 import xi from "axios";
 import Gi from "react-currency-input-field";
 import { createPortal as te } from "react-dom";
@@ -21,73 +21,73 @@ const ci = ae(void 0), gn = {
   disabled: !1,
   isHidden: !1
 }, Kn = ({ children: i }) => {
-  const [e, o] = P(!0), [s, a] = P({}), [l, d] = P({}), [u, c] = P([gn]), [r, t] = P(!1), [h, m] = P(null), [v, f] = P([
+  const [e, o] = P(!0), [s, a] = P({}), [l, d] = P({}), [u, c] = P([gn]), [r, t] = P(!1), [h, m] = P(null), [b, f] = P([
     0
   ]), [y, g] = P(""), p = si.useCallback(() => {
-  }, []), S = si.useCallback(() => {
+  }, []), A = si.useCallback(() => {
     const K = ri();
-    c((O) => [...O, { ...gn, id: K }]), m(K), f([u.length]);
+    c((G) => [...G, { ...gn, id: K }]), m(K), f([u.length]);
   }, [u]), C = si.useCallback((K) => {
     c(
-      (O) => O.filter((D) => D.id !== K)
+      (G) => G.filter((D) => D.id !== K)
     ), m(null);
   }, []), x = si.useCallback(
-    (K, O) => {
-      const D = u.find((B) => B.id === O), E = D == null ? void 0 : D.questionData.find(
+    (K, G) => {
+      const D = u.find((B) => B.id === G), E = D == null ? void 0 : D.questionData.find(
         (B) => B.id === K
       );
       E && c(
         (B) => B == null ? void 0 : B.map(
-          (L) => L.id === O ? {
+          (L) => L.id === G ? {
             ...L,
-            questionData: L.questionData.filter((z) => E.type === "grid" ? z.gridId !== E.id && z.id !== E.id : z.id !== K)
+            questionData: L.questionData.filter((J) => E.type === "grid" ? J.gridId !== E.id && J.id !== E.id : J.id !== K)
           } : L
         )
       );
     },
     [u, c]
   ), k = si.useCallback(
-    (K, O) => {
-      const D = u.find((z) => z.id === O);
+    (K, G) => {
+      const D = u.find((J) => J.id === G);
       if (!D) return;
       const E = D.questionData.findIndex(
-        (z) => z.id === K
+        (J) => J.id === K
       );
       if (E === -1) return;
-      const B = D.questionData[E], L = (z, ai = {}) => ({
-        ...JSON.parse(JSON.stringify(z)),
+      const B = D.questionData[E], L = (J, ai = {}) => ({
+        ...JSON.parse(JSON.stringify(J)),
         id: ri(),
         ...ai
       });
       c(
-        (z) => z == null ? void 0 : z.map((ai) => {
+        (J) => J == null ? void 0 : J.map((ai) => {
           var ni;
-          if (ai.id !== O) return ai;
+          if (ai.id !== G) return ai;
           const _ = [...ai.questionData];
           if (B.type === "grid") {
             const ui = (ni = _ == null ? void 0 : _.map((X, oi) => ({ e: X, i: oi })).filter(
               ({ e: X }) => X.id === B.id || X.gridId === B.id
-            )) == null ? void 0 : ni.map(({ i: X }) => X), li = ui.length ? Math.max(...ui) + 1 : E + 1, I = ri(), J = L(B, {});
-            J.id = I;
-            const j = _.filter((X) => X.gridId === B.id), G = j == null ? void 0 : j.map(
-              (X) => L(X, { gridId: I })
+            )) == null ? void 0 : ni.map(({ i: X }) => X), li = ui.length ? Math.max(...ui) + 1 : E + 1, R = ri(), F = L(B, {});
+            F.id = R;
+            const j = _.filter((X) => X.gridId === B.id), H = j == null ? void 0 : j.map(
+              (X) => L(X, { gridId: R })
             ), V = [
               ..._.slice(0, li),
-              J,
-              ...G,
+              F,
+              ...H,
               ..._.slice(li)
             ];
             return { ...ai, questionData: V };
           } else if (B.gridId) {
-            const { gridId: ui, gridPosition: li, ...I } = B, J = L(I, {}), j = _.reduce(
+            const { gridId: ui, gridPosition: li, ...R } = B, F = L(R, {}), j = _.reduce(
               (V, X, oi) => X.id === B.gridId || X.gridId === B.gridId ? oi : V,
               E
-            ), G = [
+            ), H = [
               ..._.slice(0, j + 1),
-              J,
+              F,
               ..._.slice(j + 1)
             ];
-            return { ...ai, questionData: G };
+            return { ...ai, questionData: H };
           } else {
             const ui = L(B, {}), li = [
               ..._.slice(0, E + 1),
@@ -100,29 +100,29 @@ const ci = ae(void 0), gn = {
       );
     },
     [u, c]
-  ), A = si.useCallback(
-    (K, O) => {
+  ), S = si.useCallback(
+    (K, G) => {
       c(
         (D) => D == null ? void 0 : D.map(
-          (E) => E.id === O ? { ...E, questionData: K } : E
+          (E) => E.id === G ? { ...E, questionData: K } : E
         )
       );
     },
     []
-  ), N = si.useCallback((K, O) => {
+  ), N = si.useCallback((K, G) => {
     c(
       (D) => D == null ? void 0 : D.map(
-        (E) => E.id === O ? {
+        (E) => E.id === G ? {
           ...E,
           questionData: [...E.questionData, K]
         } : E
       )
     );
   }, []), T = si.useCallback(
-    (K, O, D) => {
+    (K, G, D) => {
       c(
         (E) => E == null ? void 0 : E.map(
-          (B) => B.id === O ? {
+          (B) => B.id === G ? {
             ...B,
             questionData: [
               ...B.questionData.slice(0, D),
@@ -135,7 +135,7 @@ const ci = ae(void 0), gn = {
     },
     []
   ), Q = si.useCallback(
-    (K, O, D) => {
+    (K, G, D) => {
       c(
         (E) => E == null ? void 0 : E.map(
           (B) => {
@@ -143,19 +143,19 @@ const ci = ae(void 0), gn = {
             return B.id === D ? {
               ...B,
               questionData: (L = B.questionData) == null ? void 0 : L.map(
-                (z) => {
+                (J) => {
                   var ai;
-                  return z.type === "grid" && z.gridData ? {
-                    ...z,
-                    gridData: (ai = z.gridData) == null ? void 0 : ai.map(
+                  return J.type === "grid" && J.gridData ? {
+                    ...J,
+                    gridData: (ai = J.gridData) == null ? void 0 : ai.map(
                       (_, ni) => ni === K ? {
                         ..._,
-                        ...O
+                        ...G
                       } : _
                     ).concat(
-                      K >= z.gridData.length ? { ...O } : []
+                      K >= J.gridData.length ? { ...G } : []
                     )
-                  } : z;
+                  } : J;
                 }
               )
             } : B;
@@ -164,12 +164,12 @@ const ci = ae(void 0), gn = {
       );
     },
     []
-  ), U = si.useCallback((K, O) => {
+  ), z = si.useCallback((K, G) => {
     c(
       (D) => D == null ? void 0 : D.map(
         (E) => {
           var B;
-          return E.id === O ? {
+          return E.id === G ? {
             ...E,
             questionData: (B = E.questionData) == null ? void 0 : B.map(
               (L) => L.id === K.id ? { ...L, ...K } : L
@@ -181,64 +181,64 @@ const ci = ae(void 0), gn = {
   }, []), q = si.useCallback(
     (K) => {
       const {
-        draggedId: O,
+        draggedId: G,
         sectionId: D,
         targetIndex: E,
         targetId: B,
         targetGridId: L,
-        targetCol: z
+        targetCol: J
       } = K;
       c(
         (ai) => ai.map((_) => {
           if (_.id !== D) return _;
-          const ni = [..._.questionData], ui = ni.findIndex((I) => I.id === O);
+          const ni = [..._.questionData], ui = ni.findIndex((R) => R.id === G);
           if (ui === -1) return _;
           const li = { ...ni[ui] };
-          if (L !== void 0 && z !== void 0) {
+          if (L !== void 0 && J !== void 0) {
             if (li.type === "grid") return _;
-            const I = ni.findIndex(
+            const R = ni.findIndex(
               (j) => {
-                var G;
-                return j.id !== O && j.gridId === L && ((G = j.gridPosition) == null ? void 0 : G.col) === z;
+                var H;
+                return j.id !== G && j.gridId === L && ((H = j.gridPosition) == null ? void 0 : H.col) === J;
               }
             );
-            let J = ni.map(
-              (j) => j.id === O ? {
+            let F = ni.map(
+              (j) => j.id === G ? {
                 ...j,
                 gridId: L,
-                gridPosition: { col: z }
+                gridPosition: { col: J }
               } : j
             );
-            return I !== -1 && (J = J.map((j, G) => {
-              if (G !== I) return j;
+            return R !== -1 && (F = F.map((j, H) => {
+              if (H !== R) return j;
               const V = { ...j };
               return delete V.gridId, delete V.gridPosition, V;
-            })), { ..._, questionData: J };
+            })), { ..._, questionData: F };
           }
           if (li.gridId && E !== void 0 && L === void 0) {
-            const I = { ...li };
-            delete I.gridId, delete I.gridPosition;
-            const J = ni.filter((G) => G.id !== O), j = Math.min(E, J.length);
-            return J.splice(j, 0, I), { ..._, questionData: J };
+            const R = { ...li };
+            delete R.gridId, delete R.gridPosition;
+            const F = ni.filter((H) => H.id !== G), j = Math.min(E, F.length);
+            return F.splice(j, 0, R), { ..._, questionData: F };
           }
           if (!li.gridId && E !== void 0 && L === void 0 && !B) {
             ni.splice(ui, 1);
-            const I = Math.min(E, ni.length);
-            return ni.splice(I, 0, li), { ..._, questionData: ni };
+            const R = Math.min(E, ni.length);
+            return ni.splice(R, 0, li), { ..._, questionData: ni };
           }
           if (B) {
-            const I = ni.findIndex((J) => J.id === B);
-            return I === -1 ? _ : (ni.splice(ui, 1), ni.splice(I, 0, li), { ..._, questionData: ni });
+            const R = ni.findIndex((F) => F.id === B);
+            return R === -1 ? _ : (ni.splice(ui, 1), ni.splice(R, 0, li), { ..._, questionData: ni });
           }
           return _;
         })
       );
     },
     []
-  ), w = si.useCallback((K, O) => {
+  ), w = si.useCallback((K, G) => {
     c(
       (D) => D == null ? void 0 : D.map(
-        (E) => E.id === O ? {
+        (E) => E.id === G ? {
           ...E,
           ...K
         } : E
@@ -252,18 +252,18 @@ const ci = ae(void 0), gn = {
       removeElement: x,
       elementData: l,
       setElementData: d,
-      updateElementPosition: A,
+      updateElementPosition: S,
       addElement: N,
       addElementInPosition: T,
-      updateElement: U,
-      addSection: S,
+      updateElement: z,
+      addSection: A,
       removeSection: C,
       updateSection: w,
       isDragging: r,
       setIsDragging: t,
       selectedSection: h,
       setSelectedSection: m,
-      activeSections: v,
+      activeSections: b,
       setActiveSections: f,
       updateGridElement: Q,
       answerData: s,
@@ -280,16 +280,16 @@ const ci = ae(void 0), gn = {
       p,
       x,
       l,
-      A,
+      S,
       N,
       T,
-      U,
-      S,
+      z,
+      A,
       C,
       w,
       r,
       h,
-      v,
+      b,
       Q,
       s,
       y,
@@ -309,12 +309,12 @@ function On(i) {
   } else for (o in i) i[o] && (s && (s += " "), s += o);
   return s;
 }
-function W() {
+function U() {
   for (var i, e, o = 0, s = "", a = arguments.length; o < a; o++) (i = arguments[o]) && (e = On(i)) && (s && (s += " "), s += e);
   return s;
 }
 function fe({ type: i = "calendar", className: e }) {
-  return /* @__PURE__ */ n(ti, { children: i === "calendar" ? /* @__PURE__ */ b(
+  return /* @__PURE__ */ n(ti, { children: i === "calendar" ? /* @__PURE__ */ v(
     "svg",
     {
       width: "20",
@@ -430,7 +430,7 @@ function fe({ type: i = "calendar", className: e }) {
         )
       ]
     }
-  ) : /* @__PURE__ */ b(
+  ) : /* @__PURE__ */ v(
     "svg",
     {
       width: "20",
@@ -498,10 +498,10 @@ const $i = ({
   showYearDropdown: c
 }) => {
   const r = i ? new Date(i) : null, [t, h] = P(r);
-  return R(() => {
-    const v = i ? new Date(i) : null;
-    (v && t && v.getTime() !== t.getTime() || !v && t || v && !t) && h(v);
-  }, [i]), R(() => {
+  return I(() => {
+    const b = i ? new Date(i) : null;
+    (b && t && b.getTime() !== t.getTime() || !b && t || b && !t) && h(b);
+  }, [i]), I(() => {
     e && e(a, t);
   }, [t, e, a]), /* @__PURE__ */ n("div", { className: "builder_date__picker", children: /* @__PURE__ */ n(
     se,
@@ -512,8 +512,8 @@ const $i = ({
       dateFormat: s,
       disabled: o,
       selected: t,
-      onChange: (v) => {
-        h(v);
+      onChange: (b) => {
+        h(b);
       },
       className: "field-control",
       portalId: "root-portal",
@@ -536,7 +536,7 @@ function ye({
     watch: a
   } = e || {};
   let l;
-  return a && (l = a()[i.id]), R(() => {
+  return a && (l = a()[i.id]), I(() => {
     o(i.id);
   }, [i.id]), /* @__PURE__ */ n(
     $i,
@@ -563,7 +563,7 @@ function Vi({
     {
       placeholder: (i == null ? void 0 : i.placeholder) || "",
       type: (i == null ? void 0 : i.inputType) || "text",
-      className: W("field-control", i == null ? void 0 : i.customClass),
+      className: U("field-control", i == null ? void 0 : i.customClass),
       ...o(i == null ? void 0 : i.id),
       disabled: e == null ? void 0 : e.isReadOnly,
       inputMode: (i == null ? void 0 : i.inputMode) || void 0,
@@ -815,9 +815,9 @@ function Ie(i, e) {
   };
   let l = o.body;
   [o, s].forEach((y) => {
-    const g = [], p = y.hFlip, S = y.vFlip;
+    const g = [], p = y.hFlip, A = y.vFlip;
     let C = y.rotate;
-    p ? S ? C += 2 : (g.push("translate(" + (a.width + a.left).toString() + " " + (0 - a.top).toString() + ")"), g.push("scale(-1 1)"), a.top = a.left = 0) : S && (g.push("translate(" + (0 - a.left).toString() + " " + (a.height + a.top).toString() + ")"), g.push("scale(1 -1)"), a.top = a.left = 0);
+    p ? A ? C += 2 : (g.push("translate(" + (a.width + a.left).toString() + " " + (0 - a.top).toString() + ")"), g.push("scale(-1 1)"), a.top = a.left = 0) : A && (g.push("translate(" + (0 - a.left).toString() + " " + (a.height + a.top).toString() + ")"), g.push("scale(1 -1)"), a.top = a.left = 0);
     let x;
     switch (C < 0 && (C -= Math.floor(C / 4) * 4), C = C % 4, C) {
       case 1:
@@ -835,10 +835,10 @@ function Ie(i, e) {
   const d = s.width, u = s.height, c = a.width, r = a.height;
   let t, h;
   d === null ? (h = u === null ? "1em" : u === "auto" ? r : u, t = Sn(h, c / r)) : (t = d === "auto" ? c : d, h = u === null ? Sn(t, r / c) : u === "auto" ? r : u);
-  const m = {}, v = (y, g) => {
+  const m = {}, b = (y, g) => {
     Re(g) || (m[y] = g.toString());
   };
-  v("width", t), v("height", h);
+  b("width", t), b("height", h);
   const f = [
     a.left,
     a.top,
@@ -1088,26 +1088,26 @@ function io(i, e, o, s) {
   const a = i.resources.length, l = i.random ? Math.floor(Math.random() * a) : i.index;
   let d;
   if (i.random) {
-    let A = i.resources.slice(0);
-    for (d = []; A.length > 1; ) {
-      const N = Math.floor(Math.random() * A.length);
-      d.push(A[N]), A = A.slice(0, N).concat(A.slice(N + 1));
+    let S = i.resources.slice(0);
+    for (d = []; S.length > 1; ) {
+      const N = Math.floor(Math.random() * S.length);
+      d.push(S[N]), S = S.slice(0, N).concat(S.slice(N + 1));
     }
-    d = d.concat(A);
+    d = d.concat(S);
   } else d = i.resources.slice(l).concat(i.resources.slice(0, l));
   const u = Date.now();
-  let c = "pending", r = 0, t, h = null, m = [], v = [];
-  typeof s == "function" && v.push(s);
+  let c = "pending", r = 0, t, h = null, m = [], b = [];
+  typeof s == "function" && b.push(s);
   function f() {
     h && (clearTimeout(h), h = null);
   }
   function y() {
-    c === "pending" && (c = "aborted"), f(), m.forEach((A) => {
-      A.status === "pending" && (A.status = "aborted");
+    c === "pending" && (c = "aborted"), f(), m.forEach((S) => {
+      S.status === "pending" && (S.status = "aborted");
     }), m = [];
   }
-  function g(A, N) {
-    N && (v = []), typeof A == "function" && v.push(A);
+  function g(S, N) {
+    N && (b = []), typeof S == "function" && b.push(S);
   }
   function p() {
     return {
@@ -1120,19 +1120,19 @@ function io(i, e, o, s) {
       abort: y
     };
   }
-  function S() {
-    c = "failed", v.forEach((A) => {
-      A(void 0, t);
+  function A() {
+    c = "failed", b.forEach((S) => {
+      S(void 0, t);
     });
   }
   function C() {
-    m.forEach((A) => {
-      A.status === "pending" && (A.status = "aborted");
+    m.forEach((S) => {
+      S.status === "pending" && (S.status = "aborted");
     }), m = [];
   }
-  function x(A, N, T) {
+  function x(S, N, T) {
     const Q = N !== "success";
-    switch (m = m.filter((U) => U !== A), c) {
+    switch (m = m.filter((z) => z !== S), c) {
       case "pending":
         break;
       case "failed":
@@ -1142,43 +1142,43 @@ function io(i, e, o, s) {
         return;
     }
     if (N === "abort") {
-      t = T, S();
+      t = T, A();
       return;
     }
     if (Q) {
-      t = T, m.length || (d.length ? k() : S());
+      t = T, m.length || (d.length ? k() : A());
       return;
     }
     if (f(), C(), !i.random) {
-      const U = i.resources.indexOf(A.resource);
-      U !== -1 && U !== i.index && (i.index = U);
+      const z = i.resources.indexOf(S.resource);
+      z !== -1 && z !== i.index && (i.index = z);
     }
-    c = "completed", v.forEach((U) => {
-      U(T);
+    c = "completed", b.forEach((z) => {
+      z(T);
     });
   }
   function k() {
     if (c !== "pending") return;
     f();
-    const A = d.shift();
-    if (A === void 0) {
+    const S = d.shift();
+    if (S === void 0) {
       if (m.length) {
         h = setTimeout(() => {
-          f(), c === "pending" && (C(), S());
+          f(), c === "pending" && (C(), A());
         }, i.timeout);
         return;
       }
-      S();
+      A();
       return;
     }
     const N = {
       status: "pending",
-      resource: A,
+      resource: S,
       callback: (T, Q) => {
         x(N, T, Q);
       }
     };
-    m.push(N), r++, h = setTimeout(k, i.rotate), o(A, e, N.callback);
+    m.push(N), r++, h = setTimeout(k, i.rotate), o(S, e, N.callback);
   }
   return setTimeout(k), p;
 }
@@ -1300,11 +1300,11 @@ function so(i, e) {
       a.forEach((t) => {
         const h = l(t, s, o);
         Cn(h, (m) => {
-          const v = m ? {
+          const b = m ? {
             prefix: s,
             icons: { [t]: m }
           } : null;
-          Ci(i, [t], v);
+          Ci(i, [t], b);
         });
       });
       return;
@@ -1342,8 +1342,8 @@ const lo = (i, e) => {
     const h = a[r] || (a[r] = /* @__PURE__ */ Object.create(null));
     h[t] || (h[t] = []);
   }), s.pending.forEach((c) => {
-    const { provider: r, prefix: t, name: h } = c, m = Ni(r, t), v = m.pendingIcons || (m.pendingIcons = /* @__PURE__ */ new Set());
-    v.has(h) || (v.add(h), a[r][t].push(h));
+    const { provider: r, prefix: t, name: h } = c, m = Ni(r, t), b = m.pendingIcons || (m.pendingIcons = /* @__PURE__ */ new Set());
+    b.has(h) || (b.add(h), a[r][t].push(h));
   }), l.forEach((c) => {
     const r = a[c.provider][c.prefix];
     r.length && so(c, r);
@@ -1462,11 +1462,11 @@ const So = (i, e, o) => {
   if (o) {
     const g = Hi(o, !1, !0);
     if (g) {
-      const p = ["iconify"], S = [
+      const p = ["iconify"], A = [
         "provider",
         "prefix"
       ];
-      for (const C of S)
+      for (const C of A)
         g[C] && p.push("iconify--" + g[C]);
       c.className = p.join(" ");
     }
@@ -1531,10 +1531,10 @@ const So = (i, e, o) => {
       __html: go(Ge(r.body, p ? () => p + "ID" + g++ : "iconifyReact"))
     }, _i("svg", c);
   }
-  const { body: h, width: m, height: v } = i, f = l === "mask" || (l === "bg" ? !1 : h.indexOf("currentColor") !== -1), y = mo(h, {
+  const { body: h, width: m, height: b } = i, f = l === "mask" || (l === "bg" ? !1 : h.indexOf("currentColor") !== -1), y = mo(h, {
     ...t,
     width: m + "",
-    height: v + ""
+    height: b + ""
   });
   return c.style = {
     ...d,
@@ -1581,8 +1581,8 @@ if (typeof document != "undefined" && typeof window != "undefined") {
 }
 function _n(i) {
   const [e, o] = P(!!i.ssr), [s, a] = P({});
-  function l(v) {
-    if (v) {
+  function l(b) {
+    if (b) {
       const f = i.icon;
       if (typeof f == "object")
         return {
@@ -1602,15 +1602,15 @@ function _n(i) {
   }
   const [d, u] = P(l(!!i.ssr));
   function c() {
-    const v = s.callback;
-    v && (v(), a({}));
+    const b = s.callback;
+    b && (b(), a({}));
   }
-  function r(v) {
-    if (JSON.stringify(d) !== JSON.stringify(v))
-      return c(), u(v), !0;
+  function r(b) {
+    if (JSON.stringify(d) !== JSON.stringify(b))
+      return c(), u(b), !0;
   }
   function t() {
-    var v;
+    var b;
     const f = i.icon;
     if (typeof f == "object") {
       r({
@@ -1629,9 +1629,9 @@ function _n(i) {
         a({
           callback: g
         });
-      } else y && ((v = i.onLoad) === null || v === void 0 || v.call(i, f));
+      } else y && ((b = i.onLoad) === null || b === void 0 || b.call(i, f));
   }
-  R(() => (o(!0), c), []), R(() => {
+  I(() => (o(!0), c), []), I(() => {
     e && t();
   }, [i.icon, e]);
   const { name: h, data: m } = d;
@@ -1649,7 +1649,7 @@ In((i, e) => _n({
   ...i,
   _ref: e
 }));
-function F({
+function W({
   icon: i,
   iconClass: e
 }) {
@@ -1674,17 +1674,17 @@ function rn({
     () => c == null ? void 0 : c.map((m) => m.label).join(", "),
     [c]
   );
-  return R(() => {
+  return I(() => {
     s(i.id);
-  }, [i.id, s]), R(() => {
+  }, [i.id, s]), I(() => {
     if (!d) return;
-    const m = d((v) => {
-      const f = v[i.id];
+    const m = d((b) => {
+      const f = b[i.id];
       f !== void 0 && r(Array.isArray(f) ? f : []);
     });
     return () => {
-      var v;
-      return (v = m.unsubscribe) == null ? void 0 : v.call(m);
+      var b;
+      return (b = m.unsubscribe) == null ? void 0 : b.call(m);
     };
   }, [d, i.id]), /* @__PURE__ */ n("div", { className: "custom-select", children: /* @__PURE__ */ n(
     ii,
@@ -1696,15 +1696,15 @@ function rn({
       multiple: !0,
       disabled: l,
       by: "value",
-      children: /* @__PURE__ */ b("div", { className: "custom-select__wrapper", children: [
-        /* @__PURE__ */ b(
+      children: /* @__PURE__ */ v("div", { className: "custom-select__wrapper", children: [
+        /* @__PURE__ */ v(
           ii.Button,
           {
             className: "custom-select__control field-control",
             disabled: l,
             children: [
               /* @__PURE__ */ n("span", { className: "custom-select__value", children: (c == null ? void 0 : c.length) > 0 ? t : /* @__PURE__ */ n("span", { className: "custom-select__placeholder", children: o != null ? o : " Select options" }) }),
-              /* @__PURE__ */ n("span", { className: "custom-select__icon", children: /* @__PURE__ */ n(F, { icon: "lucide:chevron-down" }) })
+              /* @__PURE__ */ n("span", { className: "custom-select__icon", children: /* @__PURE__ */ n(W, { icon: "lucide:chevron-down" }) })
             ]
           }
         ),
@@ -1714,12 +1714,12 @@ function rn({
             anchor: "bottom start",
             className: "custom-select__options",
             children: (h = i == null ? void 0 : i.options) == null ? void 0 : h.map(
-              (m, v) => /* @__PURE__ */ n(
+              (m, b) => /* @__PURE__ */ n(
                 ii.Option,
                 {
                   value: m,
                   className: ({ active: f }) => `custom-select__option ${f ? "custom-select__option--active" : ""}`,
-                  children: ({ selected: f }) => /* @__PURE__ */ b("div", { className: "custom-select__option-row", children: [
+                  children: ({ selected: f }) => /* @__PURE__ */ v("div", { className: "custom-select__option-row", children: [
                     /* @__PURE__ */ n(
                       "span",
                       {
@@ -1730,7 +1730,7 @@ function rn({
                     f && /* @__PURE__ */ n("span", { className: "custom-select__check", children: "✓" })
                   ] })
                 },
-                v
+                b
               )
             )
           }
@@ -1764,18 +1764,18 @@ function Qn({
   removeFile: o
 }) {
   const [s, a] = P(!1), [l, d] = P("unknown"), [u, c] = P(null);
-  R(() => {
+  I(() => {
     i && d(No(i));
-  }, [i]), R(() => {
+  }, [i]), I(() => {
     if (l === "pdf" && (i != null && i.startsWith("data:")))
       try {
-        const v = atob(i.split(",")[1]), f = new ArrayBuffer(v.length), y = new Uint8Array(f);
-        for (let S = 0; S < v.length; S++)
-          y[S] = v.charCodeAt(S);
+        const b = atob(i.split(",")[1]), f = new ArrayBuffer(b.length), y = new Uint8Array(f);
+        for (let A = 0; A < b.length; A++)
+          y[A] = b.charCodeAt(A);
         const g = new Blob([f], { type: "application/pdf" }), p = URL.createObjectURL(g);
         return c(p), () => URL.revokeObjectURL(p);
-      } catch (v) {
-        console.error("Error creating blob URL:", v);
+      } catch (b) {
+        console.error("Error creating blob URL:", b);
       }
     else
       c(null);
@@ -1783,31 +1783,31 @@ function Qn({
   const r = () => {
     l === "image" || l === "pdf" ? a(!0) : window.open(u || i, "_blank");
   }, t = () => a(!1), h = e || (i == null ? void 0 : i.split("/").pop()) || "Unknown file";
-  function m(v, f = "download") {
-    if (!v) return;
-    if (v.startsWith("data:")) {
+  function m(b, f = "download") {
+    if (!b) return;
+    if (b.startsWith("data:")) {
       const g = document.createElement("a");
-      g.href = v, g.download = f, 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 y = document.createElement("a");
-    y.href = v, y.setAttribute("download", f), document.body.appendChild(y), y.click(), document.body.removeChild(y);
+    y.href = b, y.setAttribute("download", f), document.body.appendChild(y), y.click(), document.body.removeChild(y);
   }
-  return /* @__PURE__ */ b("div", { className: "mt-2 field-control !py-1 !bg-gray-50 !flex justify-between gap-x-8 items-center", children: [
-    /* @__PURE__ */ b(
+  return /* @__PURE__ */ v("div", { className: "mt-2 field-control !py-1 !bg-gray-50 !flex justify-between gap-x-8 items-center", children: [
+    /* @__PURE__ */ v(
       "div",
       {
         onClick: r,
         className: "!flex items-center rounded cursor-pointer   gap-x-3",
         title: `Click to preview ${h}`,
         children: [
-          l === "image" && /* @__PURE__ */ n("div", { className: "flex items-center justify-center ", children: /* @__PURE__ */ n(F, { iconClass: "text-4xl", icon: "fluent-color:image-48" }) }),
-          l !== "image" && /* @__PURE__ */ n(F, { icon: ko[l], iconClass: "text-4xl" }),
+          l === "image" && /* @__PURE__ */ n("div", { className: "flex items-center justify-center ", children: /* @__PURE__ */ n(W, { iconClass: "text-4xl", icon: "fluent-color:image-48" }) }),
+          l !== "image" && /* @__PURE__ */ n(W, { icon: ko[l], iconClass: "text-4xl" }),
           /* @__PURE__ */ n("span", { className: "text-sm font-semibold text-center text-gray-700 truncate max-w-[300px]", children: h })
         ]
       }
     ),
-    /* @__PURE__ */ b("div", { className: "flex gap-x-1 items-center", children: [
+    /* @__PURE__ */ v("div", { className: "flex gap-x-1 items-center", children: [
       /* @__PURE__ */ n(
         "button",
         {
@@ -1815,7 +1815,7 @@ function Qn({
           className: "p-2",
           onClick: () => m(u || i, e),
           title: `Download ${h}`,
-          children: /* @__PURE__ */ n(F, { icon: "streamline-flex:download-tray-solid" })
+          children: /* @__PURE__ */ n(W, { icon: "streamline-flex:download-tray-solid" })
         }
       ),
       o && /* @__PURE__ */ n(
@@ -1824,7 +1824,7 @@ function Qn({
           type: "button",
           className: "p-2 text-lg text-red-500",
           onClick: o,
-          children: /* @__PURE__ */ n(F, { icon: "lets-icons:trash-duotone" })
+          children: /* @__PURE__ */ n(W, { icon: "lets-icons:trash-duotone" })
         }
       )
     ] }),
@@ -1833,11 +1833,11 @@ function Qn({
       {
         className: "fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50",
         onClick: t,
-        children: /* @__PURE__ */ b(
+        children: /* @__PURE__ */ v(
           "div",
           {
             className: "relative bg-white p-8 rounded-lg w-full max-w-[90vw] max-h-[90vh] overflow-auto",
-            onClick: (v) => v.stopPropagation(),
+            onClick: (b) => b.stopPropagation(),
             children: [
               /* @__PURE__ */ n(
                 "button",
@@ -1890,19 +1890,19 @@ function Mo({
   list: a = null,
   accept: l = []
 }) {
-  const { uploadUrl: d } = mi(ci), u = hi(null), [c, r] = P(a), [t, h] = P(!1);
-  R(() => {
+  const { uploadUrl: d } = bi(ci), u = mi(null), [c, r] = P(a), [t, h] = P(!1);
+  I(() => {
     r(a);
   }, [a]);
   const m = $(
     () => l == null ? void 0 : l.map((x) => x.value).join(", "),
     [l]
-  ), v = $(
+  ), b = $(
     () => l == null ? void 0 : l.map((x) => x.label).join(", "),
     [l]
   ), f = Z(
     async (x) => {
-      var A;
+      var S;
       const k = di("token");
       try {
         const { data: N } = await xi.post(d, x, {
@@ -1910,14 +1910,14 @@ function Mo({
             Authorization: `Bearer ${k}`
           }
         });
-        return (A = N == null ? void 0 : N.data) == null ? void 0 : A.url;
+        return (S = N == null ? void 0 : N.data) == null ? void 0 : S.url;
       } catch (N) {
         throw console.error("File upload error:", N), new Error("Failed to upload file to server");
       }
     },
     [d]
   ), y = Z(
-    (x) => new Promise((k, A) => {
+    (x) => new Promise((k, S) => {
       const N = new FileReader();
       N.onloadend = async () => {
         try {
@@ -1935,30 +1935,30 @@ function Mo({
             name: x.name
           });
         } catch (T) {
-          A(T);
+          S(T);
         }
-      }, N.onerror = () => A(new Error("File read failed")), N.readAsDataURL(x);
+      }, N.onerror = () => S(new Error("File read failed")), N.readAsDataURL(x);
     }),
     [d, f]
   ), g = Z(
     (x) => {
-      var A;
-      const k = m ? (A = m.split(",")) == null ? void 0 : A.map((N) => N.trim()) : [];
+      var S;
+      const k = m ? (S = m.split(",")) == null ? void 0 : S.map((N) => N.trim()) : [];
       for (const N of x) {
         if (N.size > Co)
-          return vi.error(
+          return hi.error(
             `File "${N.name}" exceeds 5MB limit (${(N.size / 1024 / 1024).toFixed(2)}MB)`
           ), !1;
         if (k.length && !k.some(
           (T) => N.type === T || N.name.toLowerCase().endsWith(T.replace("*", ""))
         ))
-          return vi.error(
-            `File "${N.name}" is not an allowed type. Allowed: ${v || "any"}`
+          return hi.error(
+            `File "${N.name}" is not an allowed type. Allowed: ${b || "any"}`
           ), !1;
       }
       return !0;
     },
-    [m, v]
+    [m, b]
   ), p = Z(
     async (x) => {
       const k = Array.from(x.target.files || []);
@@ -1969,27 +1969,27 @@ function Mo({
         }
         try {
           h(!0);
-          const A = await Promise.all(k == null ? void 0 : k.map(y)), N = s && c ? [...c, ...A] : A;
-          r(N), i(N), vi.success(`Successfully uploaded ${k.length} file(s)`);
-        } catch (A) {
-          console.error("Upload error:", A), vi.error("Failed to upload file(s). Please try again.");
+          const S = await Promise.all(k == null ? void 0 : k.map(y)), N = s && c ? [...c, ...S] : S;
+          r(N), i(N), hi.success(`Successfully uploaded ${k.length} file(s)`);
+        } catch (S) {
+          console.error("Upload error:", S), hi.error("Failed to upload file(s). Please try again.");
         } finally {
           h(!1), u.current && (u.current.value = "");
         }
       }
     },
     [t, g, y, i, s, c]
-  ), S = Z(
+  ), A = Z(
     (x) => {
       t || (u.current && (u.current.value = ""), r((k) => {
-        const A = x === void 0 ? null : (k == null ? void 0 : k.filter((N, T) => T !== x)) || null;
-        return i(A), A;
+        const S = x === void 0 ? null : (k == null ? void 0 : k.filter((N, T) => T !== x)) || null;
+        return i(S), S;
       }), o == null || o());
     },
     [o, i, t]
   ), C = c && c.length > 0;
-  return /* @__PURE__ */ b("div", { className: "flex flex-col items-start gap-2", children: [
-    !e && /* @__PURE__ */ b("div", { className: "!flex field-control !py-0 !px-0 relative", children: [
+  return /* @__PURE__ */ v("div", { className: "flex flex-col items-start gap-2", children: [
+    !e && /* @__PURE__ */ v("div", { className: "!flex field-control !py-0 !px-0 relative", children: [
       /* @__PURE__ */ n(
         "input",
         {
@@ -2011,15 +2011,15 @@ function Mo({
         {
           type: "button",
           className: "p-2 text-lg text-red-500 hover:text-red-600 transition-colors disabled:opacity-50",
-          onClick: () => S(),
+          onClick: () => A(),
           disabled: t,
           "aria-label": "Remove all files",
-          children: /* @__PURE__ */ n(F, { icon: "lets-icons:trash-duotone" })
+          children: /* @__PURE__ */ n(W, { icon: "lets-icons:trash-duotone" })
         }
       )
     ] }),
-    C && /* @__PURE__ */ b("div", { className: "relative grid gap-y-1 flex-1 w-full", children: [
-      t && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-white/60 rounded", children: /* @__PURE__ */ b("div", { className: "flex items-center gap-2 text-sm text-blue-600 font-medium", children: [
+    C && /* @__PURE__ */ v("div", { className: "relative grid gap-y-1 flex-1 w-full", children: [
+      t && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-white/60 rounded", children: /* @__PURE__ */ v("div", { className: "flex items-center gap-2 text-sm text-blue-600 font-medium", children: [
         /* @__PURE__ */ n("span", { className: "animate-spin h-4 w-4 border-2 border-blue-500 border-t-transparent rounded-full" }),
         "Uploading..."
       ] }) }),
@@ -2028,7 +2028,7 @@ function Mo({
         {
           fileUrl: x.base64,
           fileName: x.name,
-          removeFile: () => S(k)
+          removeFile: () => A(k)
         },
         `${x.name}-${k}`
       )))
@@ -2043,9 +2043,9 @@ function Bo({ element: i, validationData: e }) {
     isReadOnly: d,
     watch: u
   } = e || {};
-  R(() => {
+  I(() => {
     a(i.id);
-  }, [i.id, a]), R(() => {
+  }, [i.id, a]), I(() => {
     if (u) {
       const h = u((m) => {
         s(m[i.id]);
@@ -2064,7 +2064,7 @@ function Bo({ element: i, validationData: e }) {
   ), r = () => {
     l == null || l(i.id, null), s(null);
   };
-  return /* @__PURE__ */ b("div", { children: [
+  return /* @__PURE__ */ v("div", { children: [
     !d && /* @__PURE__ */ n(
       Mo,
       {
@@ -2089,13 +2089,13 @@ function Lo({
     {
       placeholder: i.placeholder,
       type: i.inputType,
-      className: W("field-control", i == null ? void 0 : i.customClass),
+      className: U("field-control", i == null ? void 0 : i.customClass),
       ...o(i.id),
       disabled: e == null ? void 0 : e.isReadOnly
     }
   );
 }
-const H = ({
+const O = ({
   label: i,
   name: e,
   register: o,
@@ -2109,16 +2109,16 @@ const H = ({
   trigger: t,
   prefix: h,
   disabled: m,
-  watch: v,
+  watch: b,
   min: f,
   max: y,
   description: g,
   onChange: p
 }) => {
-  var C, x, k, A;
-  const S = o ? { ...o(e) } : {};
+  var C, x, k, S;
+  const A = o ? { ...o(e) } : {};
   if (l === "amount")
-    return /* @__PURE__ */ b("div", { className: "space-y-1.5 relative", children: [
+    return /* @__PURE__ */ v("div", { className: "space-y-1.5 relative", children: [
       /* @__PURE__ */ n(
         "label",
         {
@@ -2143,10 +2143,10 @@ const H = ({
       (s == null ? void 0 : s[e]) && /* @__PURE__ */ n("p", { className: "mt-1 text-sm text-red-600", children: (C = s[e]) == null ? void 0 : C.message })
     ] });
   if (["checkbox", "radio"].includes(l)) {
-    const N = (v == null ? void 0 : v(e)) || null;
+    const N = (b == null ? void 0 : b(e)) || null;
     let T = !1;
-    return N && (N != null && N.length && l === "checkbox" ? T = N == null ? void 0 : N.includes(r) : T = N == r), /* @__PURE__ */ b("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ b(
+    return N && (N != null && N.length && l === "checkbox" ? T = N == null ? void 0 : N.includes(r) : T = N == r), /* @__PURE__ */ v("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ v(
         "label",
         {
           className: `flex  gap-3 cursor-pointer select-none ${g ? "items-start" : "items-center"}`,
@@ -2154,7 +2154,7 @@ const H = ({
             /* @__PURE__ */ n(
               "input",
               {
-                ...S,
+                ...A,
                 type: l,
                 value: r || "",
                 disabled: m,
@@ -2174,7 +2174,7 @@ const H = ({
             peer-disabled:cursor-not-allowed
           `,
                 children: T && /* @__PURE__ */ n(
-                  F,
+                  W,
                   {
                     icon: "meteor-icons:check",
                     iconClass: "w-3.5 h-3.5 text-white"
@@ -2182,7 +2182,7 @@ const H = ({
                 )
               }
             ),
-            /* @__PURE__ */ b("div", { children: [
+            /* @__PURE__ */ v("div", { children: [
               /* @__PURE__ */ n("span", { className: "text-sm leading-none block font-medium text-[#344054] font-onest", children: i }),
               g && /* @__PURE__ */ n("span", { className: "text-xs font-medium leading-none text-[#5c6c86] font-onest", children: g })
             ] })
@@ -2192,7 +2192,7 @@ const H = ({
       (s == null ? void 0 : s[e]) && /* @__PURE__ */ n("p", { className: "ml-8 text-sm text-red-600", children: (x = s[e]) == null ? void 0 : x.message })
     ] });
   }
-  return l === "textarea" ? /* @__PURE__ */ b("div", { className: "space-y-1.5 relative", children: [
+  return l === "textarea" ? /* @__PURE__ */ v("div", { className: "space-y-1.5 relative", children: [
     /* @__PURE__ */ n(
       "label",
       {
@@ -2203,10 +2203,10 @@ const H = ({
     /* @__PURE__ */ n(
       "textarea",
       {
-        ...S,
+        ...A,
         onChange: (N) => {
           var T;
-          (T = S.onChange) == null || T.call(S, N), p == null || p(N);
+          (T = A.onChange) == null || T.call(A, N), p == null || p(N);
         },
         className: `field-control ${s != null && s[e] ? "border-red-300" : "border-[#D0D5DD]"} ${a}`,
         placeholder: d,
@@ -2214,7 +2214,7 @@ const H = ({
       }
     ),
     (s == null ? void 0 : s[e]) && /* @__PURE__ */ n("p", { className: "mt-1 text-sm text-red-600", children: (k = s[e]) == null ? void 0 : k.message })
-  ] }) : /* @__PURE__ */ b("div", { className: " relative w-full", children: [
+  ] }) : /* @__PURE__ */ v("div", { className: " relative w-full", children: [
     i && /* @__PURE__ */ n(
       "label",
       {
@@ -2225,10 +2225,10 @@ const H = ({
     /* @__PURE__ */ n(
       "input",
       {
-        ...S,
+        ...A,
         onChange: (N) => {
           var T;
-          (T = S.onChange) == null || T.call(S, N), p == null || p(N);
+          (T = A.onChange) == null || T.call(A, N), p == null || p(N);
         },
         type: l,
         className: `field-control ${s != null && s[e] ? "border-red-300" : "border-[#D0D5DD]"} ${a}`,
@@ -2238,7 +2238,7 @@ const H = ({
         max: y
       }
     ),
-    (s == null ? void 0 : s[e]) && /* @__PURE__ */ n("p", { className: "mt-1 text-sm text-red-600", children: (A = s[e]) == null ? void 0 : A.message })
+    (s == null ? void 0 : s[e]) && /* @__PURE__ */ n("p", { className: "mt-1 text-sm text-red-600", children: (S = s[e]) == null ? void 0 : S.message })
   ] });
 };
 function To({
@@ -2247,9 +2247,9 @@ function To({
 }) {
   var a;
   const { register: o = () => ({}), watch: s } = e || {};
-  return /* @__PURE__ */ n("div", { className: W("grid gap-y-[6px]", i.customClass), children: (a = i == null ? void 0 : i.options) == null ? void 0 : a.map(
+  return /* @__PURE__ */ n("div", { className: U("grid gap-y-[6px]", i.customClass), children: (a = i == null ? void 0 : i.options) == null ? void 0 : a.map(
     (l) => /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
-      H,
+      O,
       {
         placeholder: i.placeholder,
         type: i.inputType,
@@ -2275,9 +2275,9 @@ function Po({
 }) {
   var a;
   const { register: o = () => ({}), watch: s } = e || {};
-  return /* @__PURE__ */ n("div", { className: W("grid gap-y-[6px]", i.customClass), children: (a = i == null ? void 0 : i.options) == null ? void 0 : a.map(
+  return /* @__PURE__ */ n("div", { className: U("grid gap-y-[6px]", i.customClass), children: (a = i == null ? void 0 : i.options) == null ? void 0 : a.map(
     (l) => /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
-      H,
+      O,
       {
         placeholder: i.placeholder,
         type: i.inputType,
@@ -2305,42 +2305,42 @@ const Si = ({
   isFloatingLabel: t,
   subText: h,
   labelClass: m = "text-[10px]",
-  loading: v,
+  loading: b,
   disabled: f
 }) => {
-  const [y, g] = P(r ? [] : null), p = hi(!1), S = $(() => !u || !i || i.length === 0 ? r ? [] : null : r ? Array.isArray(u) ? i.filter((k) => u.some(
-    (A) => {
+  const [y, g] = P(r ? [] : null), p = mi(!1), A = $(() => !u || !i || i.length === 0 ? r ? [] : null : r ? Array.isArray(u) ? i.filter((k) => u.some(
+    (S) => {
       var N;
-      return typeof k.value == "object" ? ((N = k.value) == null ? void 0 : N.id) === (A == null ? void 0 : A.id) : k.value === A;
+      return typeof k.value == "object" ? ((N = k.value) == null ? void 0 : N.id) === (S == null ? void 0 : S.id) : k.value === S;
     }
   )) : [] : i.find((k) => {
-    var A;
-    return typeof k.value == "string" && typeof u == "string" ? k.value.toLowerCase() === u.toLowerCase() : typeof k.value == "object" && typeof u == "object" ? ((A = k.value) == null ? void 0 : A.id) === (u == null ? void 0 : u.id) : k.value === u;
+    var S;
+    return typeof k.value == "string" && typeof u == "string" ? k.value.toLowerCase() === u.toLowerCase() : typeof k.value == "object" && typeof u == "object" ? ((S = k.value) == null ? void 0 : S.id) === (u == null ? void 0 : u.id) : k.value === u;
   }) || null, [u, i, r]);
-  R(() => {
+  I(() => {
     if (p.current) {
       p.current = !1;
       return;
     }
-    if (r && Array.isArray(S) && Array.isArray(y)) {
-      const k = y == null ? void 0 : y.map((N) => N.value), A = S == null ? void 0 : S.map((N) => N.value);
-      JSON.stringify(k) !== JSON.stringify(A) && g(S);
-    } else (S == null ? void 0 : S.value) !== (y == null ? void 0 : y.value) && g(S);
-  }, [S, r]);
+    if (r && Array.isArray(A) && Array.isArray(y)) {
+      const k = y == null ? void 0 : y.map((N) => N.value), S = A == null ? void 0 : A.map((N) => N.value);
+      JSON.stringify(k) !== JSON.stringify(S) && g(A);
+    } else (A == null ? void 0 : A.value) !== (y == null ? void 0 : y.value) && g(A);
+  }, [A, r]);
   const C = Z((k) => {
-    var A;
+    var S;
     if (p.current = !0, g(k), a) {
-      const N = r ? Array.isArray(k) ? k == null ? void 0 : k.map((T) => T.value) : [] : (A = k == null ? void 0 : k.value) != null ? A : null;
+      const N = r ? Array.isArray(k) ? k == null ? void 0 : k.map((T) => T.value) : [] : (S = k == null ? void 0 : k.value) != null ? S : null;
       a(l, N), c == null || c(l);
     }
     s && !p.current && s(l);
-  }, [a, l, c, s, r]), x = $(() => v ? "Fetching data..." : y ? r && Array.isArray(y) ? y.length > 0 ? y == null ? void 0 : y.map((k) => k.label).join(", ") : e : (y == null ? void 0 : y.label) || e : e, [y, v, e, r]);
-  return /* @__PURE__ */ b("div", { className: "relative", children: [
+  }, [a, l, c, s, r]), x = $(() => b ? "Fetching data..." : y ? r && Array.isArray(y) ? y.length > 0 ? y == null ? void 0 : y.map((k) => k.label).join(", ") : e : (y == null ? void 0 : y.label) || e : e, [y, b, e, r]);
+  return /* @__PURE__ */ v("div", { className: "relative", children: [
     !t && d && /* @__PURE__ */ n("label", { className: "block text-sm text-[#686878] darks:text-white/70 mb-2", children: d }),
     t && d && /* @__PURE__ */ n(
       "label",
       {
-        className: W(
+        className: U(
           "z-[40] absolute bg-white py-[2px] px-1 -top-[10px] left-3",
           m
         ),
@@ -2353,19 +2353,19 @@ const Si = ({
         value: y,
         onChange: C,
         multiple: r,
-        disabled: f || v,
-        children: /* @__PURE__ */ b("div", { className: "relative", children: [
-          /* @__PURE__ */ b(ii.Button, { className: "field-control", disabled: f || v, children: [
+        disabled: f || b,
+        children: /* @__PURE__ */ v("div", { className: "relative", children: [
+          /* @__PURE__ */ v(ii.Button, { className: "field-control", disabled: f || b, children: [
             /* @__PURE__ */ n(
               "span",
               {
-                className: W("block text-sm text-left truncate", {
-                  "opacity-60": !y || v
+                className: U("block text-sm text-left truncate", {
+                  "opacity-60": !y || b
                 }),
                 children: x
               }
             ),
-            /* @__PURE__ */ n("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ n(F, { icon: "lucide:chevron-down" }) })
+            /* @__PURE__ */ n("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ n(W, { icon: "lucide:chevron-down" }) })
           ] }),
           /* @__PURE__ */ n(
             yi,
@@ -2373,16 +2373,16 @@ const Si = ({
               leave: "transition ease-in duration-100",
               leaveFrom: "opacity-100",
               leaveTo: "opacity-0",
-              children: /* @__PURE__ */ n(ii.Options, { anchor: "bottom start", className: "select-button-options", children: i.length === 0 ? /* @__PURE__ */ n("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No options available" }) : i == null ? void 0 : i.map((k, A) => {
+              children: /* @__PURE__ */ n(ii.Options, { anchor: "bottom start", className: "select-button-options", children: i.length === 0 ? /* @__PURE__ */ n("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No options available" }) : i == null ? void 0 : i.map((k, S) => {
                 var N;
                 return /* @__PURE__ */ n(
                   ii.Option,
                   {
                     value: k,
-                    className: ({ active: T }) => W("select-option", { active: T }),
-                    children: ({ selected: T }) => /* @__PURE__ */ n("div", { className: W("option-text", { selected: T }), children: k.label })
+                    className: ({ active: T }) => U("select-option", { active: T }),
+                    children: ({ selected: T }) => /* @__PURE__ */ n("div", { className: U("option-text", { selected: T }), children: k.label })
                   },
-                  ((N = k.value) == null ? void 0 : N.id) || k.value || A
+                  ((N = k.value) == null ? void 0 : N.id) || k.value || S
                 );
               }) })
             }
@@ -2403,51 +2403,51 @@ function on({
   name: l
 }) {
   const [d, u] = P(""), c = $(() => {
-    const v = e != null ? e : o;
-    return i.find((f) => f.value === v || f.label === v) || null;
+    const b = e != null ? e : o;
+    return i.find((f) => f.value === b || f.label === b) || null;
   }, [e, o, i]), [r, t] = P(c);
-  R(() => {
+  I(() => {
     if (e !== void 0) {
-      const v = i.find((f) => f.value === e || f.label === e) || null;
-      t(v);
+      const b = i.find((f) => f.value === e || f.label === e) || null;
+      t(b);
     }
   }, [e, i]);
   const h = $(() => {
     if (d === "") return i;
-    const v = d.toLowerCase();
+    const b = d.toLowerCase();
     return i.filter(
-      (f) => f.label.toLowerCase().includes(v)
+      (f) => f.label.toLowerCase().includes(b)
     );
-  }, [d, i]), m = Z((v) => {
-    t(v), s(l, v);
+  }, [d, i]), m = Z((b) => {
+    t(b), s(l, b);
   }, [l, s]);
-  return /* @__PURE__ */ n("div", { className: "relative w-full", children: /* @__PURE__ */ b(
+  return /* @__PURE__ */ n("div", { className: "relative w-full", children: /* @__PURE__ */ v(
     Ai,
     {
       value: r,
       onChange: m,
       disabled: a,
       children: [
-        /* @__PURE__ */ b("div", { className: "relative", children: [
+        /* @__PURE__ */ v("div", { className: "relative", children: [
           /* @__PURE__ */ n(
             le,
             {
               className: "field-control",
-              displayValue: (v) => (v == null ? void 0 : v.label) || "",
-              onChange: (v) => u(v.target.value),
+              displayValue: (b) => (b == null ? void 0 : b.label) || "",
+              onChange: (b) => u(b.target.value),
               placeholder: "Select an option..."
             }
           ),
-          /* @__PURE__ */ n(de, { className: "absolute inset-y-0 right-0 flex items-center px-2 text-gray-400 hover:text-gray-600", children: /* @__PURE__ */ n(F, { icon: "octicon:chevron-down-12" }) })
+          /* @__PURE__ */ n(de, { className: "absolute inset-y-0 right-0 flex items-center px-2 text-gray-400 hover:text-gray-600", children: /* @__PURE__ */ n(W, { icon: "octicon:chevron-down-12" }) })
         ] }),
-        /* @__PURE__ */ n(ue, { anchor: "bottom start", className: "select-options__combo", children: h.length === 0 ? /* @__PURE__ */ n("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No results found." }) : h == null ? void 0 : h.map((v) => /* @__PURE__ */ n(
+        /* @__PURE__ */ n(ue, { anchor: "bottom start", className: "select-options__combo", children: h.length === 0 ? /* @__PURE__ */ n("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No results found." }) : h == null ? void 0 : h.map((b) => /* @__PURE__ */ n(
           ce,
           {
-            value: v,
-            className: ({ active: f, selected: y }) => W("select-option", { active: f, selected: y }),
-            children: ({ selected: f }) => /* @__PURE__ */ n("div", { className: W("option-text", { selected: f }), children: v.label })
+            value: b,
+            className: ({ active: f, selected: y }) => U("select-option", { active: f, selected: y }),
+            children: ({ selected: f }) => /* @__PURE__ */ n("div", { className: U("option-text", { selected: f }), children: b.label })
           },
-          v.value
+          b.value
         )) })
       ]
     }
@@ -2465,7 +2465,7 @@ function Eo({
     watch: l
   } = e || {};
   let d;
-  return l && (d = l()[i.id]), R(() => {
+  return l && (d = l()[i.id]), I(() => {
     o(i.id);
   }, [i.id, o]), /* @__PURE__ */ n(ti, { children: i.selectType === "list" ? /* @__PURE__ */ n(
     Si,
@@ -2476,7 +2476,7 @@ function Eo({
       setValue: a,
       trigger: s,
       value: d,
-      className: W("field-control", i == null ? void 0 : i.customClass),
+      className: U("field-control", i == null ? void 0 : i.customClass),
       disabled: e == null ? void 0 : e.isReadOnly
     }
   ) : /* @__PURE__ */ n(
@@ -2500,7 +2500,7 @@ function Ro({
     {
       placeholder: i.placeholder,
       rows: 4,
-      className: W("field-control resize-none", i == null ? void 0 : i.customClass),
+      className: U("field-control resize-none", i == null ? void 0 : i.customClass),
       ...o(i.id),
       disabled: e == null ? void 0 : e.isReadOnly
     }
@@ -2542,24 +2542,24 @@ const Io = ({
   activeTab: a,
   btnClass: l = ""
 }) => {
-  const d = W(
+  const d = U(
     "flex gap-x-3 mb-8 w-full no-scrollbar overflow-x-auto border-b-2 border-[#EAECF0] darks:border-gray-500",
     e
   );
   return /* @__PURE__ */ n("div", { className: d, children: i == null ? void 0 : i.map((u) => {
-    const c = a === u.key, r = o[u.key] || 0, t = W(
+    const c = a === u.key, r = o[u.key] || 0, t = U(
       "capitalize text-sm  whitespace-nowrap no-scrollbar font-semibold pb-[14px] border-b-2 border-[#EAECF0] px-6 flex items-center  gap-x-1 flex-1 text-center",
       `${i.length === 1 ? "justify-start" : "justify-center"}`,
       l
-    ), h = W({
+    ), h = U({
       "border-gray-500 border-primary border-primary-500  text-primary text-primary-500": c,
       "border-transparent text-gray-400 ": !c
     }), m = r > 0 && /* @__PURE__ */ n("span", { className: "text-xs h-6 min-w-[24px] rounded-full flex justify-center items-center border border-[#EAECF0] darks:border-gray-500 bg-[#F9FAFB] darks:bg-gray-800 text-[#454745] darks:text-white/80", children: r });
-    return /* @__PURE__ */ b(
+    return /* @__PURE__ */ v(
       "button",
       {
         onClick: () => s(u.key),
-        className: W(t, h),
+        className: U(t, h),
         "aria-selected": c,
         role: "tab",
         type: "button",
@@ -2958,7 +2958,7 @@ function Yo({
   const [s, a] = P(
     (i == null ? void 0 : i.length) > 0 ? i : [{ value: "" }]
   );
-  R(() => {
+  I(() => {
     (i == null ? void 0 : i.length) > 0 && JSON.stringify(i) !== JSON.stringify(s) && a(i);
   }, [i]);
   function l(c, r) {
@@ -2981,16 +2981,16 @@ function Yo({
     const r = s.filter((t, h) => h !== c);
     a(r), e && e(r);
   }
-  return R(() => {
+  return I(() => {
     o && o(JSON.stringify({ values: s }));
-  }, [o, s]), /* @__PURE__ */ b("div", { className: "]", children: [
-    /* @__PURE__ */ b("div", { className: "border border-gray-200 rounded-lg overflow-hidden", children: [
+  }, [o, s]), /* @__PURE__ */ v("div", { className: "]", children: [
+    /* @__PURE__ */ v("div", { className: "border border-gray-200 rounded-lg overflow-hidden", children: [
       /* @__PURE__ */ n("div", { className: "grid text-sm font-bold border-b border-gray-100 bg-gray-50", children: /* @__PURE__ */ n("div", { className: "px-2 py-2", children: /* @__PURE__ */ n("span", { className: "", children: "Add Denominations" }) }) }),
       s == null ? void 0 : s.map((c, r) => /* @__PURE__ */ n(
         "div",
         {
           className: "grid text-sm border-b border-gray-100",
-          children: /* @__PURE__ */ b("div", { className: "flex items-center gap-x-4 px-2 py-1", children: [
+          children: /* @__PURE__ */ v("div", { className: "flex items-center gap-x-4 px-2 py-1", children: [
             /* @__PURE__ */ n("span", { className: "flex-1", children: /* @__PURE__ */ n(
               Gi,
               {
@@ -3028,14 +3028,14 @@ function Yo({
     ) })
   ] });
 }
-const _o = () => /* @__PURE__ */ n("blockquote", { className: "bg-gray-100 p-4 rounded-md text-gray-700", children: /* @__PURE__ */ b("ul", { children: [
-  /* @__PURE__ */ b("li", { className: "text-xs", children: [
+const _o = () => /* @__PURE__ */ n("blockquote", { className: "bg-gray-100 p-4 rounded-md text-gray-700", children: /* @__PURE__ */ v("ul", { children: [
+  /* @__PURE__ */ v("li", { className: "text-xs", children: [
     "API URL example format: ",
     /* @__PURE__ */ n("code", { children: "https://example.com/validation?value={value}" })
   ] }),
-  /* @__PURE__ */ b("li", { className: "text-xs", children: [
+  /* @__PURE__ */ v("li", { className: "text-xs", children: [
     /* @__PURE__ */ n("span", { className: "block mb-1", children: "  Response example format:" }),
-    /* @__PURE__ */ n("pre", { className: "bg-white p-2 rounded-md", children: /* @__PURE__ */ b("code", { children: [
+    /* @__PURE__ */ n("pre", { className: "bg-white p-2 rounded-md", children: /* @__PURE__ */ v("code", { children: [
       "{ ",
       /* @__PURE__ */ n("br", {}),
       '  "data": { ',
@@ -3049,13 +3049,13 @@ const _o = () => /* @__PURE__ */ n("blockquote", { className: "bg-gray-100 p-4 r
       "}"
     ] }) })
   ] })
-] }) }), $o = () => /* @__PURE__ */ n("blockquote", { className: "bg-gray-100 p-4 rounded-md text-gray-700 text-sm space-y-3", children: /* @__PURE__ */ b("ul", { className: "list-disc list-inside space-y-1", children: [
-  /* @__PURE__ */ b("li", { children: [
+] }) }), $o = () => /* @__PURE__ */ n("blockquote", { className: "bg-gray-100 p-4 rounded-md text-gray-700 text-sm space-y-3", children: /* @__PURE__ */ v("ul", { className: "list-disc list-inside space-y-1", children: [
+  /* @__PURE__ */ v("li", { children: [
     /* @__PURE__ */ n("strong", { children: "Method:" }),
     " ",
     /* @__PURE__ */ n("code", { children: "GET" })
   ] }),
-  /* @__PURE__ */ b("li", { children: [
+  /* @__PURE__ */ v("li", { children: [
     /* @__PURE__ */ n("strong", { children: "Response format:" }),
     /* @__PURE__ */ n("pre", { className: "bg-white p-2 mt-1 rounded-md overflow-auto text-xs", children: /* @__PURE__ */ n("code", { children: `{
   "data": [
@@ -3084,8 +3084,8 @@ const _o = () => /* @__PURE__ */ n("blockquote", { className: "bg-gray-100 p-4 r
   type: a
 }) => {
   const [l, d] = P(""), u = di("config");
-  return /* @__PURE__ */ b("div", { children: [
-    /* @__PURE__ */ b("div", { className: "relative", children: [
+  return /* @__PURE__ */ v("div", { children: [
+    /* @__PURE__ */ v("div", { className: "relative", children: [
       /* @__PURE__ */ n(
         "label",
         {
@@ -3104,7 +3104,7 @@ const _o = () => /* @__PURE__ */ n("blockquote", { className: "bg-gray-100 p-4 r
             d(t.name);
             const h = new FileReader();
             t.name.endsWith(".csv") ? (h.onload = (m) => {
-              const v = m.target.result, f = pe.parse(v, { header: !0 });
+              const b = m.target.result, f = pe.parse(b, { header: !0 });
               i(
                 e,
                 (a === "dataGrid" ? sn : an)(
@@ -3112,17 +3112,17 @@ const _o = () => /* @__PURE__ */ n("blockquote", { className: "bg-gray-100 p-4 r
                 )
               );
             }, h.readAsText(t)) : t.name.endsWith(".xlsx") || t.name.endsWith(".xls") ? (h.onload = (m) => {
-              const v = new Uint8Array(m.target.result), f = pn.read(v, { type: "array" }), y = f.SheetNames[0], g = f.Sheets[y], p = pn.utils.sheet_to_json(g);
+              const b = new Uint8Array(m.target.result), f = pn.read(b, { type: "array" }), y = f.SheetNames[0], g = f.Sheets[y], p = pn.utils.sheet_to_json(g);
               i(
                 e,
                 (a === "dataGrid" ? sn : an)(p)
               );
-            }, h.readAsArrayBuffer(t)) : vi.error("Unsupported file type. Please upload a CSV or Excel file.");
+            }, h.readAsArrayBuffer(t)) : hi.error("Unsupported file type. Please upload a CSV or Excel file.");
           },
           className: "mb-4 field-control file:bg-gray-600 file:text-white file:text-sm file:rounded file:border-gray-600 file:outline-none"
         }
       ),
-      l && /* @__PURE__ */ b("p", { className: "text-xs text-gray-600 mb-2", children: [
+      l && /* @__PURE__ */ v("p", { className: "text-xs text-gray-600 mb-2", children: [
         "Uploaded: ",
         l
       ] })
@@ -3140,13 +3140,13 @@ const _o = () => /* @__PURE__ */ n("blockquote", { className: "bg-gray-100 p-4 r
       }
     )
   ] });
-}, Qo = () => /* @__PURE__ */ n("blockquote", { className: "bg-gray-100 p-4 rounded-md text-gray-700 text-sm space-y-3", children: /* @__PURE__ */ b("ul", { className: "list-disc list-inside space-y-1", children: [
-  /* @__PURE__ */ b("li", { children: [
+}, Qo = () => /* @__PURE__ */ n("blockquote", { className: "bg-gray-100 p-4 rounded-md text-gray-700 text-sm space-y-3", children: /* @__PURE__ */ v("ul", { className: "list-disc list-inside space-y-1", children: [
+  /* @__PURE__ */ v("li", { children: [
     /* @__PURE__ */ n("strong", { children: "Method:" }),
     " ",
     /* @__PURE__ */ n("code", { children: "GET" })
   ] }),
-  /* @__PURE__ */ b("li", { children: [
+  /* @__PURE__ */ v("li", { children: [
     /* @__PURE__ */ n("strong", { children: "Response format:" }),
     /* @__PURE__ */ n("pre", { className: "bg-white p-2 mt-1 rounded-md overflow-auto text-xs", children: /* @__PURE__ */ n("code", { children: `{
   "data": [
@@ -3154,7 +3154,7 @@ const _o = () => /* @__PURE__ */ n("blockquote", { className: "bg-gray-100 p-4 r
   ]
 }` }) })
   ] })
-] }) }), Xo = () => /* @__PURE__ */ n("blockquote", { className: "p-4 space-y-3 text-xs text-gray-700 bg-gray-100 rounded-md", children: /* @__PURE__ */ n("ul", { className: "space-y-1 ", children: /* @__PURE__ */ b("li", { children: [
+] }) }), Xo = () => /* @__PURE__ */ n("blockquote", { className: "p-4 space-y-3 text-xs text-gray-700 bg-gray-100 rounded-md", children: /* @__PURE__ */ n("ul", { className: "space-y-1 ", children: /* @__PURE__ */ v("li", { children: [
   /* @__PURE__ */ n("span", { children: "Method:" }),
   " ",
   /* @__PURE__ */ n("code", { children: "GET" }),
@@ -3165,17 +3165,17 @@ const _o = () => /* @__PURE__ */ n("blockquote", { className: "bg-gray-100 p-4 r
     { "name": "Document Name", "id": "documentMainId", ...restObject },   
   ]
 }` }) })
-] }) }) }), ia = () => /* @__PURE__ */ n("blockquote", { className: "p-4 text-gray-700 bg-gray-100 rounded-md", children: /* @__PURE__ */ b("ul", { children: [
-  /* @__PURE__ */ b("li", { className: "text-xs", children: [
+] }) }) }), ia = () => /* @__PURE__ */ n("blockquote", { className: "p-4 text-gray-700 bg-gray-100 rounded-md", children: /* @__PURE__ */ v("ul", { children: [
+  /* @__PURE__ */ v("li", { className: "text-xs", children: [
     "Method: GET ",
     /* @__PURE__ */ n("br", {}),
     "URL format:",
     " ",
     /* @__PURE__ */ n("code", { children: "https://example.com/validation/{documentId}" })
   ] }),
-  /* @__PURE__ */ b("li", { className: "text-xs", children: [
+  /* @__PURE__ */ v("li", { className: "text-xs", children: [
     /* @__PURE__ */ n("span", { className: "block mb-1", children: " Response example format:" }),
-    /* @__PURE__ */ n("pre", { className: "p-2 bg-white rounded-md", children: /* @__PURE__ */ b("code", { children: [
+    /* @__PURE__ */ n("pre", { className: "p-2 bg-white rounded-md", children: /* @__PURE__ */ v("code", { children: [
       "{ ",
       /* @__PURE__ */ n("br", {}),
       '  "data": { ',
@@ -3204,7 +3204,7 @@ function oa({
   watch: s,
   id: a
 }) {
-  const { formData: l } = mi(ci), d = s("visibilityDependentFields") || [], u = $(() => {
+  const { formData: l } = bi(ci), d = s("visibilityDependentFields") || [], u = $(() => {
     var r;
     return (r = na(l).filter((t) => t.id !== a)) == null ? void 0 : r.map((t) => {
       const h = d.find(
@@ -3222,11 +3222,11 @@ function oa({
     });
   }, [l, d, a]), c = (r, t, h) => {
     const m = d == null ? void 0 : d.map(
-      (v, f) => f === r ? { ...v, [t]: h } : v
+      (b, f) => f === r ? { ...b, [t]: h } : b
     );
     e("visibilityDependentFields", m);
   };
-  return /* @__PURE__ */ b("div", { className: "visibility-editor", children: [
+  return /* @__PURE__ */ v("div", { className: "visibility-editor", children: [
     /* @__PURE__ */ n("label", { className: "label", children: "Select Dependent Fields" }),
     /* @__PURE__ */ n(
       rn,
@@ -3241,7 +3241,7 @@ function oa({
     ),
     d.length > 0 && /* @__PURE__ */ n("div", { className: "py-1 bg-gray-100 rounded dependent-fields", children: d == null ? void 0 : d.map((r, t) => {
       var h, m;
-      return /* @__PURE__ */ b("div", { className: "dependent-field", children: [
+      return /* @__PURE__ */ v("div", { className: "dependent-field", children: [
         /* @__PURE__ */ n(
           "input",
           {
@@ -3256,8 +3256,8 @@ function oa({
           ii,
           {
             value: r.fieldType,
-            onChange: (v) => c(t, "fieldType", v),
-            children: /* @__PURE__ */ b("div", { className: "listbox-wrapper", children: [
+            onChange: (b) => c(t, "fieldType", b),
+            children: /* @__PURE__ */ v("div", { className: "listbox-wrapper", children: [
               /* @__PURE__ */ n(ii.Button, { className: "listbox-button", children: r.fieldType }),
               /* @__PURE__ */ n(
                 yi,
@@ -3271,14 +3271,14 @@ function oa({
                     {
                       className: "listbox-options ",
                       anchor: "bottom",
-                      children: zi == null ? void 0 : zi.map((v) => /* @__PURE__ */ n(
+                      children: zi == null ? void 0 : zi.map((b) => /* @__PURE__ */ n(
                         ii.Option,
                         {
-                          value: v,
+                          value: b,
                           className: "listbox-option",
-                          children: v
+                          children: b
                         },
-                        v
+                        b
                       ))
                     }
                   )
@@ -3291,8 +3291,8 @@ function oa({
           ii,
           {
             value: r.operator,
-            onChange: (v) => c(t, "operator", v),
-            children: /* @__PURE__ */ b("div", { className: "listbox-wrapper", children: [
+            onChange: (b) => c(t, "operator", b),
+            children: /* @__PURE__ */ v("div", { className: "listbox-wrapper", children: [
               /* @__PURE__ */ n(ii.Button, { className: "listbox-button", children: r.operator.replace("_", " ") }),
               /* @__PURE__ */ n(
                 yi,
@@ -3306,14 +3306,14 @@ function oa({
                     {
                       className: "listbox-options ",
                       anchor: "bottom",
-                      children: (h = r.fieldType === "number" ? [...wn, ...ea] : wn) == null ? void 0 : h.map((v) => /* @__PURE__ */ n(
+                      children: (h = r.fieldType === "number" ? [...wn, ...ea] : wn) == null ? void 0 : h.map((b) => /* @__PURE__ */ n(
                         ii.Option,
                         {
-                          value: v,
+                          value: b,
                           className: "listbox-option",
-                          children: v.replace("_", " ")
+                          children: b.replace("_", " ")
                         },
-                        v
+                        b
                       ))
                     }
                   )
@@ -3327,7 +3327,7 @@ function oa({
           {
             type: r.fieldType,
             value: r.fieldValue || "",
-            onChange: (v) => c(t, "fieldValue", v.target.value),
+            onChange: (b) => c(t, "fieldValue", b.target.value),
             placeholder: "Value",
             className: "field-value"
           }
@@ -3335,8 +3335,8 @@ function oa({
           ii,
           {
             value: (m = r.fieldValue) != null ? m : "",
-            onChange: (v) => c(t, "fieldValue", v),
-            children: /* @__PURE__ */ b("div", { className: "listbox-wrapper", children: [
+            onChange: (b) => c(t, "fieldValue", b),
+            children: /* @__PURE__ */ v("div", { className: "listbox-wrapper", children: [
               /* @__PURE__ */ n(ii.Button, { className: "listbox-button", children: r.fieldValue === !0 ? "True" : r.fieldValue === !1 ? "False" : "Select value" }),
               /* @__PURE__ */ n(
                 yi,
@@ -3345,7 +3345,7 @@ function oa({
                   leave: "transition ease-in duration-100",
                   leaveFrom: "opacity-100",
                   leaveTo: "opacity-0",
-                  children: /* @__PURE__ */ b(
+                  children: /* @__PURE__ */ v(
                     ii.Options,
                     {
                       className: "listbox-options ",
@@ -3457,15 +3457,15 @@ const aa = M.object().shape({
   element: o
 }) => {
   const s = sa.filter(
-    (I) => !Ti.includes(o.inputType) || I.key !== "validation"
+    (R) => !Ti.includes(o.inputType) || R.key !== "validation"
   ), { updateElement: a } = si.useContext(ci), [l, d] = P("basic"), [u, c] = P(!1), [r, t] = P("manual"), h = di("config"), {
     register: m,
-    handleSubmit: v,
+    handleSubmit: b,
     control: f,
     setValue: y,
     watch: g,
     trigger: p,
-    formState: { errors: S, isSubmitting: C, isValid: x },
+    formState: { errors: A, isSubmitting: C, isValid: x },
     reset: k
   } = ln({
     resolver: mn(aa),
@@ -3473,11 +3473,11 @@ const aa = M.object().shape({
       ...o,
       options: o.options || []
     }
-  }), A = g(), { fields: N, append: T, remove: Q } = ji({
+  }), S = g(), { fields: N, append: T, remove: Q } = ji({
     control: f,
     name: "options"
   }), {
-    fields: U,
+    fields: z,
     append: q,
     remove: w
   } = ji({
@@ -3486,78 +3486,78 @@ const aa = M.object().shape({
   }), {
     fields: Y,
     append: K,
-    remove: O
+    remove: G
   } = ji({
     control: f,
     name: "dataColumns"
   });
-  R(() => {
+  I(() => {
     i || k();
   }, [i, k]);
-  const D = (I) => {
-    a(I, o.sectionId), e();
+  const D = (R) => {
+    a(R, o.sectionId), e();
   }, B = {
     headers: {
       Authorization: `Bearer ${di("token")}`
     }
   }, L = Z(async () => {
-    var I, J, j;
-    if (!A.apiUrl || !/^https?:\/\//.test(A.apiUrl)) {
-      vi.info("Please provide a valid API URL");
+    var R, F, j;
+    if (!S.apiUrl || !/^https?:\/\//.test(S.apiUrl)) {
+      hi.info("Please provide a valid API URL");
       return;
     }
     try {
       c(!0);
-      const { status: G, data: V } = await xi.get(A.apiUrl, B);
-      if (G !== 200 || !V) {
-        vi.error("Unexpected response from server.");
+      const { status: H, data: V } = await xi.get(S.apiUrl, B);
+      if (H !== 200 || !V) {
+        hi.error("Unexpected response from server.");
         return;
       }
       const X = V.data || V.record || V.result;
       if (!Array.isArray(X)) {
-        vi.error("Expected an array in response (data, record, or result).");
+        hi.error("Expected an array in response (data, record, or result).");
         return;
       }
-      ((I = o.type) == null ? void 0 : I.toLowerCase()) === "datagrid" ? y("dataColumns", sn(X)) : y("options", an(X));
-    } catch (G) {
-      const V = ((j = (J = G == null ? void 0 : G.response) == null ? void 0 : J.data) == null ? void 0 : j.message) || (G == null ? void 0 : G.message) || "Unable to load options";
-      vi.error(V);
+      ((R = o.type) == null ? void 0 : R.toLowerCase()) === "datagrid" ? y("dataColumns", sn(X)) : y("options", an(X));
+    } catch (H) {
+      const V = ((j = (F = H == null ? void 0 : H.response) == null ? void 0 : F.data) == null ? void 0 : j.message) || (H == null ? void 0 : H.message) || "Unable to load options";
+      hi.error(V);
     } finally {
       c(!1);
     }
-  }, [o.type, y, A.apiUrl]), z = ["manual", "api", "sheet"];
+  }, [o.type, y, S.apiUrl]), J = ["manual", "api", "sheet"];
   function ai() {
     r === "api" && L();
   }
   const _ = () => {
-    var I, J;
-    return /* @__PURE__ */ b("div", { className: "flex flex-col justify-start gap-y-1", children: [
-      /* @__PURE__ */ n("div", { className: "flex items-center mb-4 gap-x-5", children: z == null ? void 0 : z.map((j) => /* @__PURE__ */ b("label", { className: "items-center text-base capitalize gap-x-3", children: [
+    var R, F;
+    return /* @__PURE__ */ v("div", { className: "flex flex-col justify-start gap-y-1", children: [
+      /* @__PURE__ */ n("div", { className: "flex items-center mb-4 gap-x-5", children: J == null ? void 0 : J.map((j) => /* @__PURE__ */ v("label", { className: "items-center text-base capitalize gap-x-3", children: [
         /* @__PURE__ */ n(
           "input",
           {
             type: "radio",
             name: "optionType",
-            onChange: (G) => t(G.target.value),
+            onChange: (H) => t(H.target.value),
             value: j
           }
         ),
         " ",
-        /* @__PURE__ */ b("span", { children: [
+        /* @__PURE__ */ v("span", { children: [
           j,
           " options"
         ] })
       ] }, j)) }),
-      r === "api" && /* @__PURE__ */ b("div", { className: "mb-4", children: [
-        /* @__PURE__ */ b("div", { className: "flex items-center gap-x-2", children: [
-          /* @__PURE__ */ b("div", { className: "relative flex items-center w-full mb-2", children: [
+      r === "api" && /* @__PURE__ */ v("div", { className: "mb-4", children: [
+        /* @__PURE__ */ v("div", { className: "flex items-center gap-x-2", children: [
+          /* @__PURE__ */ v("div", { className: "relative flex items-center w-full mb-2", children: [
             /* @__PURE__ */ n(
-              H,
+              O,
               {
                 watch: g,
                 label: "Load Options from Api",
                 name: "apiUrl",
-                errors: S,
+                errors: A,
                 register: m,
                 className: "!w-full",
                 placeholder: "https://example.com/options",
@@ -3587,26 +3587,26 @@ const aa = M.object().shape({
           name: "options"
         }
       ) }),
-      /* @__PURE__ */ b("div", { children: [
-        /* @__PURE__ */ n("h3", { className: "mb-4 text-sm text-gray-500 font-semibold", children: ((I = o == null ? void 0 : o.type) == null ? void 0 : I.toLowerCase()) === "matrix" ? "Rows Options" : "Parent Options" }),
-        N == null ? void 0 : N.map((j, G) => /* @__PURE__ */ b(
+      /* @__PURE__ */ v("div", { children: [
+        /* @__PURE__ */ n("h3", { className: "mb-4 text-sm text-gray-500 font-semibold", children: ((R = o == null ? void 0 : o.type) == null ? void 0 : R.toLowerCase()) === "matrix" ? "Rows Options" : "Parent Options" }),
+        N == null ? void 0 : N.map((j, H) => /* @__PURE__ */ v(
           "div",
           {
             className: "flex items-center mb-1 gap-x-4 last:mb-0",
             children: [
               /* @__PURE__ */ n("div", { className: "flex-1", children: /* @__PURE__ */ n(
-                H,
+                O,
                 {
                   watch: g,
-                  label: G === 0 ? "Label" : "",
-                  name: `options.${G}.label`,
+                  label: H === 0 ? "Label" : "",
+                  name: `options.${H}.label`,
                   register: m,
-                  errors: S,
+                  errors: A,
                   element: o,
                   placeholder: "Label",
                   onChange: (V) => {
                     const oi = V.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
-                    y(`options.${G}.value`, oi, {
+                    y(`options.${H}.value`, oi, {
                       shouldValidate: !0,
                       shouldDirty: !0
                     });
@@ -3614,13 +3614,13 @@ const aa = M.object().shape({
                 }
               ) }),
               /* @__PURE__ */ n("div", { className: "flex-1", children: /* @__PURE__ */ n(
-                H,
+                O,
                 {
                   watch: g,
-                  label: G === 0 ? "Value" : "",
-                  name: `options.${G}.value`,
+                  label: H === 0 ? "Value" : "",
+                  name: `options.${H}.value`,
                   register: m,
-                  errors: S,
+                  errors: A,
                   element: o,
                   placeholder: "Value"
                 }
@@ -3631,8 +3631,8 @@ const aa = M.object().shape({
                   disabled: N.length === 1,
                   type: "button",
                   className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
-                  onClick: () => Q(G),
-                  children: /* @__PURE__ */ n(F, { icon: "iconamoon:sign-times-fill" })
+                  onClick: () => Q(H),
+                  children: /* @__PURE__ */ n(W, { icon: "iconamoon:sign-times-fill" })
                 }
               )
             ]
@@ -3640,45 +3640,45 @@ const aa = M.object().shape({
           j.id
         )),
         " ",
-        /* @__PURE__ */ b("div", { children: [
+        /* @__PURE__ */ v("div", { children: [
           " ",
-          /* @__PURE__ */ b(
+          /* @__PURE__ */ v(
             "button",
             {
               type: "button",
               className: "flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",
               onClick: () => T({ label: "", value: "", id: ri() }),
               children: [
-                /* @__PURE__ */ n(F, { icon: "qlementine-icons:plus-16" }),
+                /* @__PURE__ */ n(W, { icon: "qlementine-icons:plus-16" }),
                 " Add Option"
               ]
             }
           )
         ] })
       ] }),
-      ["cascadeselect", "matrix"].includes(o.type.toLowerCase()) && /* @__PURE__ */ b(ti, { children: [
+      ["cascadeselect", "matrix"].includes(o.type.toLowerCase()) && /* @__PURE__ */ v(ti, { children: [
         /* @__PURE__ */ n("hr", { className: "my-5" }),
-        /* @__PURE__ */ b("div", { children: [
+        /* @__PURE__ */ v("div", { children: [
           " ",
-          /* @__PURE__ */ n("h3", { className: "mb-4 text-sm text-gray-500 font-semibold", children: ((J = o == null ? void 0 : o.type) == null ? void 0 : J.toLowerCase()) === "matrix" ? "Columns Options" : "Child Options" }),
-          U == null ? void 0 : U.map((j, G) => /* @__PURE__ */ b(
+          /* @__PURE__ */ n("h3", { className: "mb-4 text-sm text-gray-500 font-semibold", children: ((F = o == null ? void 0 : o.type) == null ? void 0 : F.toLowerCase()) === "matrix" ? "Columns Options" : "Child Options" }),
+          z == null ? void 0 : z.map((j, H) => /* @__PURE__ */ v(
             "div",
             {
               className: "flex items-center mb-1 gap-x-4 last:mb-0",
               children: [
                 /* @__PURE__ */ n("div", { className: "flex-1", children: /* @__PURE__ */ n(
-                  H,
+                  O,
                   {
                     watch: g,
-                    label: G === 0 ? "Label" : "",
-                    name: `options1.${G}.label`,
+                    label: H === 0 ? "Label" : "",
+                    name: `options1.${H}.label`,
                     register: m,
-                    errors: S,
+                    errors: A,
                     element: o,
                     placeholder: "Label",
                     onChange: (V) => {
                       const oi = V.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
-                      y(`options1.${G}.value`, oi, {
+                      y(`options1.${H}.value`, oi, {
                         shouldValidate: !0,
                         shouldDirty: !0
                       });
@@ -3686,25 +3686,25 @@ const aa = M.object().shape({
                   }
                 ) }),
                 /* @__PURE__ */ n("div", { className: "flex-1", children: /* @__PURE__ */ n(
-                  H,
+                  O,
                   {
                     watch: g,
-                    label: G === 0 ? "Value" : "",
-                    name: `options1.${G}.value`,
+                    label: H === 0 ? "Value" : "",
+                    name: `options1.${H}.value`,
                     register: m,
-                    errors: S,
+                    errors: A,
                     element: o,
                     placeholder: "Value"
                   }
                 ) }),
                 /* @__PURE__ */ n("div", { className: "flex-1", children: /* @__PURE__ */ n(
-                  H,
+                  O,
                   {
                     watch: g,
-                    label: G === 0 ? "Key" : "",
-                    name: `options1.${G}.key`,
+                    label: H === 0 ? "Key" : "",
+                    name: `options1.${H}.key`,
                     register: m,
-                    errors: S,
+                    errors: A,
                     element: o,
                     placeholder: "Key"
                   }
@@ -3712,27 +3712,27 @@ const aa = M.object().shape({
                 /* @__PURE__ */ n(
                   "button",
                   {
-                    disabled: U.length === 1,
+                    disabled: z.length === 1,
                     type: "button",
                     className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
-                    onClick: () => w(G),
-                    children: /* @__PURE__ */ n(F, { icon: "iconamoon:sign-times-fill" })
+                    onClick: () => w(H),
+                    children: /* @__PURE__ */ n(W, { icon: "iconamoon:sign-times-fill" })
                   }
                 )
               ]
             },
             j.id
           )),
-          /* @__PURE__ */ b("div", { children: [
+          /* @__PURE__ */ v("div", { children: [
             " ",
-            /* @__PURE__ */ b(
+            /* @__PURE__ */ v(
               "button",
               {
                 type: "button",
                 className: "flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",
                 onClick: () => q({ label: "", value: "", key: "", id: ri() }),
                 children: [
-                  /* @__PURE__ */ n(F, { icon: "qlementine-icons:plus-16" }),
+                  /* @__PURE__ */ n(W, { icon: "qlementine-icons:plus-16" }),
                   " Add Option"
                 ]
               }
@@ -3741,34 +3741,34 @@ const aa = M.object().shape({
         ] })
       ] })
     ] });
-  }, ni = () => /* @__PURE__ */ b("div", { className: "flex flex-col justify-start gap-y-1", children: [
-    /* @__PURE__ */ n("div", { className: "flex items-center mb-4 gap-x-5", children: z == null ? void 0 : z.map((I) => /* @__PURE__ */ b("label", { className: "items-center text-base capitalize gap-x-3", children: [
+  }, ni = () => /* @__PURE__ */ v("div", { className: "flex flex-col justify-start gap-y-1", children: [
+    /* @__PURE__ */ n("div", { className: "flex items-center mb-4 gap-x-5", children: J == null ? void 0 : J.map((R) => /* @__PURE__ */ v("label", { className: "items-center text-base capitalize gap-x-3", children: [
       /* @__PURE__ */ n(
         "input",
         {
           type: "radio",
           name: "optionType",
-          onChange: (J) => t(J.target.value),
-          value: I,
-          checked: I === r
+          onChange: (F) => t(F.target.value),
+          value: R,
+          checked: R === r
         }
       ),
       " ",
-      /* @__PURE__ */ b("span", { children: [
-        I,
+      /* @__PURE__ */ v("span", { children: [
+        R,
         " options"
       ] })
-    ] }, I)) }),
-    r === "api" && /* @__PURE__ */ b("div", { className: "mb-4", children: [
-      /* @__PURE__ */ b("div", { className: "flex items-center gap-x-2", children: [
-        /* @__PURE__ */ b("div", { className: "relative flex items-center w-full mb-2", children: [
+    ] }, R)) }),
+    r === "api" && /* @__PURE__ */ v("div", { className: "mb-4", children: [
+      /* @__PURE__ */ v("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ v("div", { className: "relative flex items-center w-full mb-2", children: [
           /* @__PURE__ */ n(
-            H,
+            O,
             {
               watch: g,
               label: "Load Columns from Api",
               name: "apiUrl",
-              errors: S,
+              errors: A,
               register: m,
               className: "!w-full",
               placeholder: "https://example.com/columns"
@@ -3798,11 +3798,11 @@ const aa = M.object().shape({
         name: "dataColumns"
       }
     ) }),
-    /* @__PURE__ */ n("div", { className: "grid gap-y-3", children: Y == null ? void 0 : Y.map((I, J) => /* @__PURE__ */ b("div", { className: "flex items-center gap-x-4 ", children: [
+    /* @__PURE__ */ n("div", { className: "grid gap-y-3", children: Y == null ? void 0 : Y.map((R, F) => /* @__PURE__ */ v("div", { className: "flex items-center gap-x-4 ", children: [
       /* @__PURE__ */ n("div", { className: "min-w-[140px]", children: /* @__PURE__ */ n(
         Si,
         {
-          label: J === 0 ? "Type" : "",
+          label: F === 0 ? "Type" : "",
           options: [
             {
               label: "Text",
@@ -3818,45 +3818,58 @@ const aa = M.object().shape({
             }
           ],
           register: m,
-          name: `dataColumns.${J}.type`,
+          name: `dataColumns.${F}.type`,
           setValue: y,
           trigger: p,
-          value: A.dataColumns[J].type
+          value: S.dataColumns[F].type
         }
       ) }),
       /* @__PURE__ */ n("div", { className: "flex-1", children: /* @__PURE__ */ n(
-        H,
+        O,
         {
           watch: g,
-          label: J === 0 ? "Display header" : "",
-          name: `dataColumns.${J}.headerName`,
+          label: F === 0 ? "Display header" : "",
+          name: `dataColumns.${F}.headerName`,
           register: m,
           onChange: (j) => {
             const V = j.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
-            y(`dataColumns.${J}.field`, V, {
+            y(`dataColumns.${F}.field`, V, {
               shouldValidate: !0,
               shouldDirty: !0
             });
           },
-          errors: S,
+          errors: A,
           element: o,
           placeholder: "header"
         }
       ) }),
+      /* @__PURE__ */ n("div", { className: "flex-1", children: /* @__PURE__ */ n(
+        O,
+        {
+          watch: g,
+          label: F === 0 ? "Field key" : "",
+          name: `dataColumns.${F}.field`,
+          register: m,
+          errors: A,
+          element: o,
+          placeholder: "fieldKey",
+          disabled: !0
+        }
+      ) }),
       /* @__PURE__ */ n(
         "button",
         {
           disabled: Y.length === 1,
           type: "button",
           className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
-          onClick: () => O(J),
-          children: /* @__PURE__ */ n(F, { icon: "iconamoon:sign-times-fill" })
+          onClick: () => G(F),
+          children: /* @__PURE__ */ n(W, { icon: "iconamoon:sign-times-fill" })
         }
       )
-    ] }, I.id)) }),
-    /* @__PURE__ */ b("div", { children: [
+    ] }, R.id)) }),
+    /* @__PURE__ */ v("div", { children: [
       " ",
-      /* @__PURE__ */ b(
+      /* @__PURE__ */ v(
         "button",
         {
           type: "button",
@@ -3870,39 +3883,39 @@ const aa = M.object().shape({
             validate: !1
           }),
           children: [
-            /* @__PURE__ */ n(F, { icon: "qlementine-icons:plus-16" }),
+            /* @__PURE__ */ n(W, { icon: "qlementine-icons:plus-16" }),
             " Add column"
           ]
         }
       )
     ] })
   ] }), ui = Z(async () => {
-    const I = di("token"), { status: J, data: j } = await xi.get(A.url, {
+    const R = di("token"), { status: F, data: j } = await xi.get(S.url, {
       headers: {
-        Authorization: `Bearer ${I}`
+        Authorization: `Bearer ${R}`
       }
     });
-    J === 200 && y("options", (j == null ? void 0 : j.data) || j);
-  }, [y, A.url]);
-  R(() => {
-    o.type === "document" && A.url && ui();
-  }, [A.url, o.type, ui]);
+    F === 200 && y("options", (j == null ? void 0 : j.data) || j);
+  }, [y, S.url]);
+  I(() => {
+    o.type === "document" && S.url && ui();
+  }, [S.url, o.type, ui]);
   const li = /* @__PURE__ */ n(
     "div",
     {
       className: "fixed inset-0 bg-gray-800/40 backdrop-blur-sm flex items-center justify-end z-[999] cursor-default",
-      onMouseDown: (I) => I.stopPropagation(),
-      onPointerDown: (I) => I.stopPropagation(),
-      onDragStart: (I) => {
-        I.preventDefault(), I.stopPropagation();
+      onMouseDown: (R) => R.stopPropagation(),
+      onPointerDown: (R) => R.stopPropagation(),
+      onDragStart: (R) => {
+        R.preventDefault(), R.stopPropagation();
       },
-      children: /* @__PURE__ */ b("div", { className: "w-full lg:w-2/3 xl:w-2/5 bg-white h-screen  shadow-xl relative flex flex-col  items-center", children: [
+      children: /* @__PURE__ */ v("div", { className: "w-full lg:w-2/3 xl:w-2/5 bg-white h-screen  shadow-xl relative flex flex-col  items-center", children: [
         /* @__PURE__ */ n(
           "button",
           {
             className: "bg-white h-10 w-10 flex justify-center items-center absolute top-1 -left-12 rounded-lg hover:bg-gray-50",
             onClick: e,
-            children: /* @__PURE__ */ n(F, { icon: "tabler:x", iconClass: "text-xl" })
+            children: /* @__PURE__ */ n(W, { icon: "tabler:x", iconClass: "text-xl" })
           }
         ),
         /* @__PURE__ */ n("div", { className: "w-full pt-4", children: /* @__PURE__ */ n(
@@ -3915,84 +3928,84 @@ const aa = M.object().shape({
             btnClass: " !text-left"
           }
         ) }),
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ v(
           "form",
           {
-            onSubmit: v(D),
+            onSubmit: b(D),
             className: "w-full flex-1 flex flex-col",
             children: [
-              /* @__PURE__ */ b("div", { className: "flex-1", children: [
+              /* @__PURE__ */ v("div", { className: "flex-1", children: [
                 " ",
-                /* @__PURE__ */ b("div", { className: " max-h-[70vh] overflow-y-auto flex-1", children: [
-                  l === "basic" && /* @__PURE__ */ b("div", { className: "z-10 flex flex-col w-full gap-5 px-6", children: [
+                /* @__PURE__ */ v("div", { className: " max-h-[70vh] overflow-y-auto flex-1", children: [
+                  l === "basic" && /* @__PURE__ */ v("div", { className: "z-10 flex flex-col w-full gap-5 px-6", children: [
                     Ui.includes(o.inputType) && /* @__PURE__ */ n(ti, { children: /* @__PURE__ */ n(
-                      H,
+                      O,
                       {
                         watch: g,
                         label: "Value",
                         name: "value",
                         register: m,
-                        errors: S,
+                        errors: A,
                         element: o
                       }
                     ) }),
-                    !Ui.includes(o.inputType) && !Ti.includes(o.inputType) && /* @__PURE__ */ b(ti, { children: [
+                    !Ui.includes(o.inputType) && !Ti.includes(o.inputType) && /* @__PURE__ */ v(ti, { children: [
                       /* @__PURE__ */ n(
-                        H,
+                        O,
                         {
                           watch: g,
                           label: "Label",
                           name: "inputLabel",
                           register: m,
-                          errors: S,
+                          errors: A,
                           element: o
                         }
                       ),
                       " ",
                       o.type.toLowerCase() === "cascadeselect" && /* @__PURE__ */ n(
-                        H,
+                        O,
                         {
                           watch: g,
                           label: "Child Label",
                           name: "childLabel",
                           register: m,
-                          errors: S,
+                          errors: A,
                           element: o
                         }
                       )
                     ] }),
                     Wo.includes(o.inputType) && /* @__PURE__ */ n(
-                      H,
+                      O,
                       {
                         watch: g,
                         label: "Placeholder",
                         name: "placeholder",
                         register: m,
-                        errors: S,
+                        errors: A,
                         element: o
                       }
                     ),
                     Vo.includes(o.inputType) && /* @__PURE__ */ n(
-                      H,
+                      O,
                       {
                         watch: g,
                         label: "Prefix",
                         name: "prefix",
                         register: m,
-                        errors: S,
+                        errors: A,
                         element: o
                       }
                     ),
-                    Jo.includes(o.inputType) && /* @__PURE__ */ b("div", { className: "grid gap-y-4", children: [
+                    Jo.includes(o.inputType) && /* @__PURE__ */ v("div", { className: "grid gap-y-4", children: [
                       /* @__PURE__ */ n(_o, {}),
                       /* @__PURE__ */ n(
-                        H,
+                        O,
                         {
                           watch: g,
                           label: "Api Url",
                           name: "url",
                           register: m,
-                          errors: S,
+                          errors: A,
                           element: o
                         }
                       ),
@@ -4042,24 +4055,24 @@ const aa = M.object().shape({
                     Zo.includes(o.inputType) && /* @__PURE__ */ n(
                       Yo,
                       {
-                        onChange: (I) => {
-                          y("denominators", I);
+                        onChange: (R) => {
+                          y("denominators", R);
                         },
                         value: g("denominators")
                       }
                     ),
                     !Ui.includes(o.inputType) && !Ti.includes(o.inputType) && /* @__PURE__ */ n(
-                      H,
+                      O,
                       {
                         watch: g,
                         label: "Short Description",
                         name: "description",
                         register: m,
-                        errors: S,
+                        errors: A,
                         element: o
                       }
                     ),
-                    o.type.toLowerCase() === "date" && /* @__PURE__ */ b(ti, { children: [
+                    o.type.toLowerCase() === "date" && /* @__PURE__ */ v(ti, { children: [
                       /* @__PURE__ */ n(
                         Si,
                         {
@@ -4073,24 +4086,24 @@ const aa = M.object().shape({
                         }
                       ),
                       /* @__PURE__ */ n(
-                        H,
+                        O,
                         {
                           watch: g,
                           label: "Allow Range",
                           name: "canHaveDateRange",
                           register: m,
-                          errors: S,
+                          errors: A,
                           element: o,
                           type: "checkbox",
-                          value: A.canHaveDateRange
+                          value: S.canHaveDateRange
                         }
                       ),
-                      (A == null ? void 0 : A.canHaveDateRange) && /* @__PURE__ */ b("div", { className: "grid grid-cols-2 gap-4", children: [
+                      (S == null ? void 0 : S.canHaveDateRange) && /* @__PURE__ */ v("div", { className: "grid grid-cols-2 gap-4", children: [
                         /* @__PURE__ */ n(
                           $i,
                           {
                             name: "minDate",
-                            value: A == null ? void 0 : A.minDate,
+                            value: S == null ? void 0 : S.minDate,
                             onGetValue: y,
                             placeholder: "Select min date"
                           }
@@ -4099,38 +4112,38 @@ const aa = M.object().shape({
                           $i,
                           {
                             name: "maxDate",
-                            value: A == null ? void 0 : A.minDate,
+                            value: S == null ? void 0 : S.minDate,
                             onGetValue: y,
                             placeholder: "Select max date",
-                            minDate: A == null ? void 0 : A.minDate
+                            minDate: S == null ? void 0 : S.minDate
                           }
                         )
                       ] }),
                       /* @__PURE__ */ n(
-                        H,
+                        O,
                         {
                           watch: g,
                           label: "Allow Year Picker",
                           name: "allowYearPicker",
                           register: m,
-                          errors: S,
+                          errors: A,
                           element: o,
                           type: "checkbox",
-                          value: A.allowYearPicker
+                          value: S.allowYearPicker
                         }
                       )
                     ] }),
                     o.type.toLowerCase() === "country" && /* @__PURE__ */ n(
-                      H,
+                      O,
                       {
                         watch: g,
                         label: "Allow States",
                         name: "showState",
                         register: m,
-                        errors: S,
+                        errors: A,
                         element: o,
                         type: "checkbox",
-                        value: A.showState
+                        value: S.showState
                       }
                     ),
                     o.type.toLowerCase() === "selectfield" && /* @__PURE__ */ n(
@@ -4155,73 +4168,73 @@ const aa = M.object().shape({
                       }
                     ),
                     o.type.toLowerCase() === "grid" && /* @__PURE__ */ n(
-                      H,
+                      O,
                       {
                         watch: g,
                         label: "Number of columns (max: 4)",
                         name: "columns",
                         register: m,
-                        errors: S,
+                        errors: A,
                         element: o,
                         max: 4,
                         min: 1
                       }
                     ),
-                    o.type.toLowerCase() === "document" && /* @__PURE__ */ b("div", { className: "grid gap-y-6", children: [
-                      /* @__PURE__ */ b("div", { className: "grid gap-y-1", children: [
+                    o.type.toLowerCase() === "document" && /* @__PURE__ */ v("div", { className: "grid gap-y-6", children: [
+                      /* @__PURE__ */ v("div", { className: "grid gap-y-1", children: [
                         /* @__PURE__ */ n(
-                          H,
+                          O,
                           {
                             watch: g,
                             label: "Document Options Url",
                             name: "url",
                             register: m,
-                            errors: S,
+                            errors: A,
                             element: o
                           }
                         ),
                         " ",
                         /* @__PURE__ */ n(Xo, {})
                       ] }),
-                      /* @__PURE__ */ b("div", { className: "grid gap-y-1", children: [
+                      /* @__PURE__ */ v("div", { className: "grid gap-y-1", children: [
                         /* @__PURE__ */ n(
-                          H,
+                          O,
                           {
                             watch: g,
                             label: "Document Validation Url",
                             name: "validationUrl",
                             register: m,
-                            errors: S,
+                            errors: A,
                             element: o
                           }
                         ),
                         /* @__PURE__ */ n(ia, {})
                       ] }),
                       /* @__PURE__ */ n("div", { className: "grid gap-y-1", children: /* @__PURE__ */ n(
-                        H,
+                        O,
                         {
                           watch: g,
                           label: "Signature Page Url",
                           name: "signatureLink",
                           register: m,
-                          errors: S,
+                          errors: A,
                           element: o
                         }
                       ) })
                     ] }),
                     o.type.toLowerCase() === "datagrid" && ni(),
-                    o.type.toLowerCase() === "file" && /* @__PURE__ */ b(ti, { children: [
+                    o.type.toLowerCase() === "file" && /* @__PURE__ */ v(ti, { children: [
                       /* @__PURE__ */ n(
-                        H,
+                        O,
                         {
                           watch: g,
                           label: "Allow Multiple Uploads",
                           name: "isMultiple",
                           register: m,
-                          errors: S,
+                          errors: A,
                           element: o,
                           type: "checkbox",
-                          value: A.isMultiple
+                          value: S.isMultiple
                         }
                       ),
                       /* @__PURE__ */ n(
@@ -4230,7 +4243,7 @@ const aa = M.object().shape({
                           element: {
                             options: qo,
                             id: "acceptedFiles",
-                            value: A == null ? void 0 : A.acceptedFiles
+                            value: S == null ? void 0 : S.acceptedFiles
                           },
                           validationData: { register: m, setValue: y, trigger: p, watch: g },
                           placeholder: "Choose file types"
@@ -4238,22 +4251,22 @@ const aa = M.object().shape({
                       )
                     ] }),
                     zo.includes(o.inputType) && _(),
-                    /* @__PURE__ */ b("div", { children: [
+                    /* @__PURE__ */ v("div", { children: [
                       /* @__PURE__ */ n("div", { className: "w-[150px] mb-4", children: /* @__PURE__ */ n(
-                        H,
+                        O,
                         {
                           watch: g,
                           label: "Toggle Visibility",
                           name: "isHidden",
                           register: m,
-                          errors: S,
+                          errors: A,
                           element: o,
                           type: "checkbox",
-                          value: A.isHidden
+                          value: S.isHidden
                         }
                       ) }),
                       " ",
-                      A.isHidden && /* @__PURE__ */ n(
+                      S.isHidden && /* @__PURE__ */ n(
                         oa,
                         {
                           register: m,
@@ -4265,137 +4278,137 @@ const aa = M.object().shape({
                       )
                     ] })
                   ] }),
-                  !Ti.includes(o.type.toLowerCase()) && l === "validation" && /* @__PURE__ */ b("div", { className: "z-10 flex flex-col w-full gap-5 px-6", children: [
-                    /* @__PURE__ */ b("div", { className: "flex items-center gap-x-6", children: [
+                  !Ti.includes(o.type.toLowerCase()) && l === "validation" && /* @__PURE__ */ v("div", { className: "z-10 flex flex-col w-full gap-5 px-6", children: [
+                    /* @__PURE__ */ v("div", { className: "flex items-center gap-x-6", children: [
                       /* @__PURE__ */ n("div", { className: "w-[150px]", children: /* @__PURE__ */ n(
-                        H,
+                        O,
                         {
                           watch: g,
                           label: "Required",
                           name: "isRequired",
                           register: m,
-                          errors: S,
+                          errors: A,
                           element: o,
                           type: "checkbox",
-                          value: A.isRequired
+                          value: S.isRequired
                         }
                       ) }),
                       " ",
                       /* @__PURE__ */ n("div", { className: "flex-1", children: /* @__PURE__ */ n(
-                        H,
+                        O,
                         {
                           watch: g,
                           label: "Error message text",
                           name: "requiredMessage",
                           register: m,
-                          errors: S,
+                          errors: A,
                           element: o
                         }
                       ) })
                     ] }),
-                    Fo.includes(o.inputType) && /* @__PURE__ */ b(ti, { children: [
-                      /* @__PURE__ */ b("div", { className: "flex items-center gap-x-6", children: [
+                    Fo.includes(o.inputType) && /* @__PURE__ */ v(ti, { children: [
+                      /* @__PURE__ */ v("div", { className: "flex items-center gap-x-6", children: [
                         /* @__PURE__ */ n("div", { className: "w-[150px]", children: /* @__PURE__ */ n(
-                          H,
+                          O,
                           {
                             watch: g,
                             label: "Min Length",
                             name: "minLength",
                             register: m,
-                            errors: S,
+                            errors: A,
                             element: o,
                             type: "number"
                           }
                         ) }),
                         " ",
                         /* @__PURE__ */ n("div", { className: "flex-1", children: /* @__PURE__ */ n(
-                          H,
+                          O,
                           {
                             watch: g,
                             label: "Error message text",
                             name: "minLengthMessage",
                             register: m,
-                            errors: S,
+                            errors: A,
                             element: o
                           }
                         ) })
                       ] }),
-                      /* @__PURE__ */ b("div", { className: "flex items-center gap-x-6", children: [
+                      /* @__PURE__ */ v("div", { className: "flex items-center gap-x-6", children: [
                         /* @__PURE__ */ n("div", { className: "w-[150px]", children: /* @__PURE__ */ n(
-                          H,
+                          O,
                           {
                             watch: g,
                             label: "Max Length",
                             name: "maxLength",
                             register: m,
-                            errors: S,
+                            errors: A,
                             element: o,
                             type: "number"
                           }
                         ) }),
                         " ",
                         /* @__PURE__ */ n("div", { className: "flex-1", children: /* @__PURE__ */ n(
-                          H,
+                          O,
                           {
                             watch: g,
                             label: "Error message text",
                             name: "maxLengthMessage",
                             register: m,
-                            errors: S,
+                            errors: A,
                             element: o
                           }
                         ) })
                       ] })
                     ] }),
-                    Uo.includes(o.inputType) && /* @__PURE__ */ b(ti, { children: [
-                      /* @__PURE__ */ b("div", { className: "flex items-center gap-x-6", children: [
+                    Uo.includes(o.inputType) && /* @__PURE__ */ v(ti, { children: [
+                      /* @__PURE__ */ v("div", { className: "flex items-center gap-x-6", children: [
                         /* @__PURE__ */ n("div", { className: "w-[150px]", children: /* @__PURE__ */ n(
-                          H,
+                          O,
                           {
                             watch: g,
                             label: "Min Amount",
                             name: "minAmount",
                             register: m,
-                            errors: S,
+                            errors: A,
                             element: o,
                             type: "amount"
                           }
                         ) }),
                         " ",
                         /* @__PURE__ */ n("div", { className: "flex-1", children: /* @__PURE__ */ n(
-                          H,
+                          O,
                           {
                             watch: g,
                             label: "Error message text",
                             name: "minAmountMessage",
                             register: m,
-                            errors: S,
+                            errors: A,
                             element: o
                           }
                         ) })
                       ] }),
-                      /* @__PURE__ */ b("div", { className: "flex items-center gap-x-6", children: [
+                      /* @__PURE__ */ v("div", { className: "flex items-center gap-x-6", children: [
                         /* @__PURE__ */ n("div", { className: "w-[150px]", children: /* @__PURE__ */ n(
-                          H,
+                          O,
                           {
                             watch: g,
                             label: "Max Amount",
                             name: "maxAmount",
                             register: m,
-                            errors: S,
+                            errors: A,
                             element: o,
                             type: "amount"
                           }
                         ) }),
                         " ",
                         /* @__PURE__ */ n("div", { className: "flex-1", children: /* @__PURE__ */ n(
-                          H,
+                          O,
                           {
                             watch: g,
                             label: "Error message text",
                             name: "maxAmountMessage",
                             register: m,
-                            errors: S,
+                            errors: A,
                             element: o
                           }
                         ) })
@@ -4404,7 +4417,7 @@ const aa = M.object().shape({
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ b("div", { className: "sticky flex w-full gap-3 px-6 pt-8 pb-10 mt-10 border-t", children: [
+              /* @__PURE__ */ v("div", { className: "sticky flex w-full gap-3 px-6 pt-8 pb-10 mt-10 border-t", children: [
                 /* @__PURE__ */ n(
                   "button",
                   {
@@ -4443,7 +4456,7 @@ const aa = M.object().shape({
     ), c = Z(() => {
       l(e.id, e.sectionId);
     }, [e.id, e.sectionId, l]);
-    return /* @__PURE__ */ b("div", { className: "w-full min-w-0", children: [
+    return /* @__PURE__ */ v("div", { className: "w-full min-w-0", children: [
       s && /* @__PURE__ */ n(
         la,
         {
@@ -4452,20 +4465,20 @@ const aa = M.object().shape({
           element: e
         }
       ),
-      /* @__PURE__ */ b("div", { className: "flex items-center justify-between mb-2", children: [
-        /* @__PURE__ */ b("span", { children: [
+      /* @__PURE__ */ v("div", { className: "flex items-center justify-between mb-2", children: [
+        /* @__PURE__ */ v("span", { children: [
           " ",
-          e.inputLabel && /* @__PURE__ */ b("label", { className: "text-sm font-medium input_label", children: [
+          e.inputLabel && /* @__PURE__ */ v("label", { className: "text-sm font-medium input_label", children: [
             e.inputLabel,
             " ",
-            u && /* @__PURE__ */ b("span", { className: "text-gray-400 text-xs", children: [
+            u && /* @__PURE__ */ v("span", { className: "text-gray-400 text-xs", children: [
               "(",
               u == null ? void 0 : u.toLowerCase(),
               ")"
             ] })
           ] })
         ] }),
-        i === "edit" && /* @__PURE__ */ b("span", { className: "flex items-center gap-x-3", children: [
+        i === "edit" && /* @__PURE__ */ v("span", { className: "flex items-center gap-x-3", children: [
           /* @__PURE__ */ n(
             "button",
             {
@@ -4473,7 +4486,7 @@ const aa = M.object().shape({
               className: "text-sm outline-none hover:opacity-80 py-1 text-gray-600",
               onClick: () => d(e == null ? void 0 : e.id, e.sectionId),
               title: "Duplicate",
-              children: /* @__PURE__ */ n(F, { icon: "tabler:copy", iconClass: "text-base" })
+              children: /* @__PURE__ */ n(W, { icon: "tabler:copy", iconClass: "text-base" })
             }
           ),
           /* @__PURE__ */ n(
@@ -4483,7 +4496,7 @@ const aa = M.object().shape({
               className: "text-sm outline-none hover:opacity-80 text-gray-600 py-1",
               onClick: () => a(!0),
               title: "Edit",
-              children: /* @__PURE__ */ n(F, { icon: "circum:edit", iconClass: "text-base" })
+              children: /* @__PURE__ */ n(W, { icon: "circum:edit", iconClass: "text-base" })
             }
           ),
           /* @__PURE__ */ n(
@@ -4493,7 +4506,7 @@ const aa = M.object().shape({
               className: "text-sm outline-none hover:opacity-80 text-gray-600 py-1",
               onClick: c,
               title: "Remove",
-              children: /* @__PURE__ */ n(F, { icon: "iconamoon:trash", iconClass: "text-base" })
+              children: /* @__PURE__ */ n(W, { icon: "iconamoon:trash", iconClass: "text-base" })
             }
           )
         ] })
@@ -4516,7 +4529,7 @@ function da({
   } = e || {};
   let u;
   return l && (u = l()[i.id]), /* @__PURE__ */ n(
-    H,
+    O,
     {
       placeholder: i.placeholder,
       type: i.inputType,
@@ -4543,7 +4556,7 @@ const ca = ({ imageUrl: i }) => {
   }, a = () => {
     o(!1);
   };
-  return /* @__PURE__ */ b("div", { children: [
+  return /* @__PURE__ */ v("div", { children: [
     /* @__PURE__ */ n(
       "img",
       {
@@ -4577,7 +4590,7 @@ const ca = ({ imageUrl: i }) => {
           alignItems: "center"
         },
         onClick: a,
-        children: /* @__PURE__ */ b(
+        children: /* @__PURE__ */ v(
           "div",
           {
             className: "modal-content",
@@ -4628,37 +4641,37 @@ function ta({
   element: i,
   validationData: e
 }) {
-  var A;
-  const { register: o = () => ({}), setValue: s, watch: a } = e || {}, [l, d] = P(), [u, c] = P(!1), [r, t] = P(!1), [h, m] = P(""), v = a && a(i == null ? void 0 : i.id);
-  R(() => {
-    d(v);
-  }, [v]);
+  var S;
+  const { register: o = () => ({}), setValue: s, watch: a } = e || {}, [l, d] = P(), [u, c] = P(!1), [r, t] = P(!1), [h, m] = P(""), b = a && a(i == null ? void 0 : i.id);
+  I(() => {
+    d(b);
+  }, [b]);
   const [f, y] = P("");
-  R(() => {
+  I(() => {
     o(i.id);
   }, [i.id, o]);
-  const { url: g, method: p, responseType: S } = i || {}, x = {
+  const { url: g, method: p, responseType: A } = i || {}, x = {
     headers: {
       Authorization: `Bearer ${di("token")}`
     }
   }, k = Z(
     async (N) => {
-      var T, Q, U, q, w, Y, K, O, D, E, B;
+      var T, Q, z, q, w, Y, K, G, D, E, B;
       if (!(!g || !p)) {
         c(!0);
         try {
           let L;
           if (p.toLowerCase() === "get") {
-            const z = `${g}?value=${N}`;
-            L = await xi.get(z, x);
+            const J = `${g}?value=${N}`;
+            L = await xi.get(J, x);
           } else if (p.toLowerCase() === "post")
             L = await xi.post(g, { value: N }, x);
           else
             throw new Error("Unsupported HTTP method");
-          L.status === 200 && ((((Q = (T = L == null ? void 0 : L.data) == null ? void 0 : T.data) == null ? void 0 : Q.status) || ((U = L == null ? void 0 : L.data) == null ? void 0 : U.status)) === !0 ? (t(!0), S === "string" ? m(
+          L.status === 200 && ((((Q = (T = L == null ? void 0 : L.data) == null ? void 0 : T.data) == null ? void 0 : Q.status) || ((z = L == null ? void 0 : L.data) == null ? void 0 : z.status)) === !0 ? (t(!0), A === "string" ? m(
             ((w = (q = L == null ? void 0 : L.data) == null ? void 0 : q.data) == null ? void 0 : w.description) || ((Y = L == null ? void 0 : L.data) == null ? void 0 : Y.description) || "Validation successful"
           ) : y(
-            ((O = (K = L == null ? void 0 : L.data) == null ? void 0 : K.data) == null ? void 0 : O.description) || ((D = L == null ? void 0 : L.data) == null ? void 0 : D.description) || {}
+            ((G = (K = L == null ? void 0 : L.data) == null ? void 0 : K.data) == null ? void 0 : G.description) || ((D = L == null ? void 0 : L.data) == null ? void 0 : D.description) || {}
           )) : (console.error("Invalid input:", N), m("Unable to validate input"), t(!1)));
         } catch (L) {
           console.error("Error validating input:", L), m(
@@ -4669,23 +4682,23 @@ function ta({
         }
       }
     },
-    [p, S, g]
+    [p, A, g]
   );
-  return R(() => {
+  return I(() => {
     if (l) {
       const N = setTimeout(() => {
         k(l);
       }, 700);
       return () => clearTimeout(N);
     }
-  }, [k, l]), /* @__PURE__ */ b("div", { children: [
-    /* @__PURE__ */ b("div", { className: "relative flex items-center", children: [
+  }, [k, l]), /* @__PURE__ */ v("div", { children: [
+    /* @__PURE__ */ v("div", { className: "relative flex items-center", children: [
       /* @__PURE__ */ n(
         "input",
         {
           placeholder: (i == null ? void 0 : i.placeholder) || "",
           type: (i == null ? void 0 : i.inputType) || "text",
-          className: W("field-control", i == null ? void 0 : i.customClass),
+          className: U("field-control", i == null ? void 0 : i.customClass),
           ...o(i == null ? void 0 : i.id),
           onChange: (N) => {
             d(N.target.value), s(i == null ? void 0 : i.id, N.target.value);
@@ -4693,10 +4706,10 @@ function ta({
           disabled: e == null ? void 0 : e.isReadOnly
         }
       ),
-      /* @__PURE__ */ b("span", { className: "absolute right-0", children: [
-        u && /* @__PURE__ */ b("span", { children: [
+      /* @__PURE__ */ v("span", { className: "absolute right-0", children: [
+        u && /* @__PURE__ */ v("span", { children: [
           " ",
-          /* @__PURE__ */ b(
+          /* @__PURE__ */ v(
             "svg",
             {
               className: "animate-spin -ml-1 mr-3 h-5 w-5",
@@ -4727,18 +4740,18 @@ function ta({
             }
           )
         ] }),
-        r && !u && /* @__PURE__ */ n("span", { className: "block pr-3 text-lg text-green-600", children: /* @__PURE__ */ n(F, { icon: "gg:check-o" }) })
+        r && !u && /* @__PURE__ */ n("span", { className: "block pr-3 text-lg text-green-600", children: /* @__PURE__ */ n(W, { icon: "gg:check-o" }) })
       ] })
     ] }),
-    h && S === "string" && /* @__PURE__ */ n(
+    h && A === "string" && /* @__PURE__ */ n(
       "span",
       {
         className: `${r ? "text-green-600" : "text-red-600"} text-sm`,
         children: h
       }
     ),
-    S === "object" && /* @__PURE__ */ n("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(([N, T]) => /* @__PURE__ */ b("div", { className: "flex items-center gap-x-2", children: [
-      /* @__PURE__ */ b("span", { className: "font-semibold", children: [
+    A === "object" && /* @__PURE__ */ n("div", { className: "grid grid-cols-2 gap-6 mt-2 text-sm text-gray-600", children: (S = Object.entries(f)) == null ? void 0 : S.map(([N, T]) => /* @__PURE__ */ v("div", { className: "flex items-center gap-x-2", children: [
+      /* @__PURE__ */ v("span", { className: "font-semibold", children: [
         N,
         ":"
       ] }),
@@ -4772,9 +4785,9 @@ function ra({
     }, 0),
     [a]
   );
-  return R(() => {
+  return I(() => {
     i && i(a);
-  }, [a]), R(() => {
+  }, [a]), I(() => {
     if (s != null && s.length) {
       const r = s == null ? void 0 : s.map((t, h) => ({
         key: t.value,
@@ -4782,15 +4795,15 @@ function ra({
       }));
       l(r);
     }
-  }, [o, s]), /* @__PURE__ */ n("div", { className: "mt-2", children: /* @__PURE__ */ b("div", { className: "border border-gray-200 rounded-lg overflow-hidden text-gray-700", children: [
-    /* @__PURE__ */ b("div", { className: "grid grid-cols-3 text-sm font-bold border-b border-gray-100 bg-gray-50", children: [
+  }, [o, s]), /* @__PURE__ */ n("div", { className: "mt-2", children: /* @__PURE__ */ v("div", { className: "border border-gray-200 rounded-lg overflow-hidden text-gray-700", children: [
+    /* @__PURE__ */ v("div", { className: "grid grid-cols-3 text-sm font-bold border-b border-gray-100 bg-gray-50", children: [
       /* @__PURE__ */ n("div", { className: "border-r px-4 py-2", children: /* @__PURE__ */ n("span", { className: "", children: "Denomination" }) }),
       /* @__PURE__ */ n("div", { className: "border-r px-4 py-2", children: /* @__PURE__ */ n("span", { children: "Quantity" }) }),
       /* @__PURE__ */ n("div", { className: "px-4 py-2", children: /* @__PURE__ */ n("span", { children: "Sub total" }) })
     ] }),
     a == null ? void 0 : a.map((r, t) => {
       var h, m;
-      return /* @__PURE__ */ b(
+      return /* @__PURE__ */ v(
         "div",
         {
           className: "grid grid-cols-3 text-sm border-b border-gray-100",
@@ -4803,7 +4816,7 @@ function ra({
                 className: "border border-gray-100 rounded w-full px-3 py-1 outline-none",
                 decimalsLimit: 6,
                 value: r.value,
-                onValueChange: (v) => d(v, t),
+                onValueChange: (b) => d(b, t),
                 disabled: e,
                 allowNegativeValue: !1
               }
@@ -4814,7 +4827,7 @@ function ra({
         t + "index"
       );
     }),
-    /* @__PURE__ */ b("div", { className: "grid grid-cols-3 text-sm font-bold bg-gray-50", children: [
+    /* @__PURE__ */ v("div", { className: "grid grid-cols-3 text-sm font-bold bg-gray-50", children: [
       /* @__PURE__ */ n("div", { className: "border-r px-4 py-3 col-span-2 text-right", children: "Total" }),
       /* @__PURE__ */ n("div", { className: "px-4 py-3", children: c == null ? void 0 : c.toLocaleString() })
     ] })
@@ -4825,7 +4838,7 @@ function ma({
   validationData: e
 }) {
   const { register: o = () => ({}), setValue: s, getValues: a } = e || {}, l = a && a(i == null ? void 0 : i.id) || [];
-  return R(() => {
+  return I(() => {
     o(i.id);
   }, [i.id, o]), /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
     ra,
@@ -4840,10 +4853,10 @@ function ma({
   ) });
 }
 function ba({ element: i }) {
-  return /* @__PURE__ */ n("div", { className: W("py-6", i == null ? void 0 : i.customClass) });
+  return /* @__PURE__ */ n("div", { className: U("py-6", i == null ? void 0 : i.customClass) });
 }
 function va({ element: i }) {
-  return /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n("hr", { className: W("border-gray-200 my-4", i == null ? void 0 : i.customClass) }) });
+  return /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n("hr", { className: U("border-gray-200 my-4", i == null ? void 0 : i.customClass) }) });
 }
 function ha({
   element: i,
@@ -4874,9 +4887,9 @@ function ga({
   getValidationStatus: a,
   deleteRow: l
 }) {
-  return /* @__PURE__ */ b("tr", { children: [
+  return /* @__PURE__ */ v("tr", { children: [
     e.map((d) => {
-      var v;
+      var b;
       const u = i[d.field], c = d.editable && !o, { isValidating: r, result: t } = a(i.id, d.field);
       let h = "border-gray-300";
       d.validate && ((t == null ? void 0 : t.isValid) === !1 ? h = "border-red-500 bg-red-50" : (t == null ? void 0 : t.isValid) === !0 && (h = "border-green-500 bg-green-50"));
@@ -4885,7 +4898,7 @@ function ga({
         "td",
         {
           className: "px-3 py-1 border-b border-r last:border-r-0",
-          children: c ? /* @__PURE__ */ b("div", { className: "relative", children: [
+          children: c ? /* @__PURE__ */ v("div", { className: "relative", children: [
             d.type === "number" ? /* @__PURE__ */ n(
               Gi,
               {
@@ -4897,7 +4910,7 @@ function ga({
               }
             ) : d.type === "checkbox" ? /* @__PURE__ */ n("div", { className: "flex items-center gap-x-4", children: ["yes", "no"].map((f) => {
               const y = f === "yes", g = `radio-${i.id}-${String(d.field)}-${f}`;
-              return /* @__PURE__ */ b(
+              return /* @__PURE__ */ v(
                 "label",
                 {
                   htmlFor: g,
@@ -4928,8 +4941,8 @@ function ga({
               }
             ),
             r && /* @__PURE__ */ n("div", { className: "absolute right-1 top-1", children: /* @__PURE__ */ n("div", { className: "w-4 h-4 border-2 border-blue-500 rounded-full border-t-transparent animate-spin" }) })
-          ] }) : d.validate && t ? /* @__PURE__ */ b("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ b("span", { children: [
+          ] }) : d.validate && t ? /* @__PURE__ */ v("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ v("span", { children: [
               String(u != null ? u : ""),
               " ",
               t.data && `[${t.data}]`
@@ -4938,7 +4951,7 @@ function ga({
               "span",
               {
                 className: "text-xs text-red-600 cursor-help",
-                title: (v = t.error) != null ? v : "",
+                title: (b = t.error) != null ? b : "",
                 children: "✗"
               }
             )
@@ -4954,7 +4967,7 @@ function ga({
         onClick: () => l(i.id),
         className: "text-red-500 hover:text-red-700",
         "aria-label": "Delete row",
-        children: /* @__PURE__ */ n(F, { icon: "lets-icons:trash-duotone", iconClass: "text-xl" })
+        children: /* @__PURE__ */ n(W, { icon: "lets-icons:trash-duotone", iconClass: "text-xl" })
       }
     ) })
   ] });
@@ -4967,43 +4980,48 @@ function ya({
   columns: s
 }) {
   const [a, l] = P(i), d = di("config");
-  R(() => {
+  I(() => {
     l((h) => JSON.stringify(h) !== JSON.stringify(i) ? i : h);
-  }, [i]), R(() => {
-    e == null || e(a);
-  }, [a, e]);
+  }, [i]);
   const u = Z(
-    (h, m, v) => {
-      l(
-        (f) => f.map(
-          (y) => y.id === m ? { ...y, [v]: h } : y
-        )
-      );
+    (h, m, b) => {
+      l((f) => {
+        const y = f.map(
+          (g) => g.id === m ? { ...g, [b]: h } : g
+        );
+        return e == null || e(y), y;
+      });
     },
-    []
+    [e]
   ), c = Z(() => {
-    const h = ri(), m = s.reduce((v, f) => (v[f.field] = f.field === "id" ? h : "", v), {});
-    l((v) => [...v, { id: h, ...m }]);
-  }, [s]), r = Z((h) => {
-    l((m) => m.filter((v) => v.id !== h));
-  }, []), t = Z(
+    const h = ri(), m = s.reduce((b, f) => (b[f.field] = f.field === "id" ? h : "", b), {});
+    l((b) => {
+      const f = [...b, { id: h, ...m }];
+      return e == null || e(f), f;
+    });
+  }, [s, e]), r = Z((h) => {
+    l((m) => {
+      const b = m.filter((f) => f.id !== h);
+      return e == null || e(b), b;
+    });
+  }, [e]), t = Z(
     (h, m) => ({
       isValidating: !1,
       result: void 0
     }),
     []
   );
-  return /* @__PURE__ */ b("div", { className: "mt-3 rounded", children: [
-    /* @__PURE__ */ n("div", { className: "w-full max-w-full overflow-x-auto border rounded-lg", children: /* @__PURE__ */ b("table", { className: "min-w-max w-full text-sm border-collapse table-auto", children: [
-      /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ b("tr", { className: "bg-gray-100", children: [
+  return /* @__PURE__ */ v("div", { className: "mt-3 rounded", children: [
+    /* @__PURE__ */ n("div", { className: "w-full max-w-full overflow-x-auto border rounded-lg", children: /* @__PURE__ */ v("table", { className: "min-w-max w-full text-sm border-collapse table-auto", children: [
+      /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ v("tr", { className: "bg-gray-100", children: [
         s.map((h, m) => {
-          var v;
-          return /* @__PURE__ */ b(
+          var b;
+          return /* @__PURE__ */ v(
             "th",
             {
               className: "px-3 py-2 text-xs font-semibold text-left text-gray-600 border-b whitespace-nowrap",
               children: [
-                (v = h.headerName) != null ? v : String(h.field),
+                (b = h.headerName) != null ? b : String(h.field),
                 h.validate && /* @__PURE__ */ n("span", { className: "ml-1 text-blue-600", children: "*" })
               ]
             },
@@ -5048,31 +5066,31 @@ function Aa({
   element: i,
   validationData: e
 }) {
-  var t;
+  var b;
   const {
     register: o = () => ({}),
     setValue: s,
     watch: a,
     isReadOnly: l
-  } = e || {}, d = a && a(i == null ? void 0 : i.id) || {}, u = Array.isArray(d) ? d : (t = d == null ? void 0 : d.rows) != null ? t : [];
-  R(() => {
+  } = e || {}, d = a && a(i == null ? void 0 : i.id) || {}, u = Array.isArray(d) ? d : (b = d == null ? void 0 : d.rows) != null ? b : [];
+  I(() => {
     o(i.id);
   }, [i.id, o]);
-  const c = hi(""), r = Z(
-    (h) => {
-      const m = JSON.stringify(h);
-      m !== c.current && (c.current = m, s == null || s(i.id, {
-        rows: h,
-        columns: i == null ? void 0 : i.dataColumns
-      }));
-    },
-    [i.id, i == null ? void 0 : i.dataColumns, s]
-  );
+  const c = mi(""), r = mi(i == null ? void 0 : i.id), t = mi(i == null ? void 0 : i.dataColumns), h = mi(s);
+  r.current = i == null ? void 0 : i.id, t.current = i == null ? void 0 : i.dataColumns, h.current = s;
+  const m = Z((f) => {
+    var g;
+    const y = JSON.stringify(f);
+    y !== c.current && (c.current = y, (g = h.current) == null || g.call(h, r.current, {
+      rows: f,
+      columns: t.current
+    }));
+  }, []);
   return /* @__PURE__ */ n(
     ya,
     {
       value: u,
-      onChange: r,
+      onChange: m,
       columns: i == null ? void 0 : i.dataColumns,
       isReadOnly: l
     }
@@ -5092,22 +5110,22 @@ const Pn = ({
   isMultiple: t = !1,
   isFloatingLabel: h = !1,
   subText: m,
-  labelClass: v = "",
+  labelClass: b = "",
   loading: f,
   disabled: y
 }) => {
-  const [g, p] = P(t ? [] : null), S = W("custom-select__control", i), C = $(() => e, [e]);
-  return R(() => {
+  const [g, p] = P(t ? [] : null), A = U("custom-select__control", i), C = $(() => e, [e]);
+  return I(() => {
     const x = e == null ? void 0 : e.find((k) => {
-      var A;
-      return typeof k.value == "string" && typeof c == "string" ? k.value.toLowerCase() === c.toLowerCase() : typeof k.value == "object" && typeof c == "object" ? ((A = k.value) == null ? void 0 : A.id) === (c == null ? void 0 : c.id) : k.value === c;
+      var S;
+      return typeof k.value == "string" && typeof c == "string" ? k.value.toLowerCase() === c.toLowerCase() : typeof k.value == "object" && typeof c == "object" ? ((S = k.value) == null ? void 0 : S.id) === (c == null ? void 0 : c.id) : k.value === c;
     });
     p(x || null);
-  }, [c, e]), R(() => {
+  }, [c, e]), I(() => {
     g && l && a && (l(d, g == null ? void 0 : g.value), a(d), r == null || r(d));
-  }, [d, g]), /* @__PURE__ */ b("div", { className: "custom-select", children: [
+  }, [d, g]), /* @__PURE__ */ v("div", { className: "custom-select", children: [
     u && !h && /* @__PURE__ */ n("label", { className: "custom-select__label", children: u }),
-    h && u && /* @__PURE__ */ n("label", { className: W("custom-select__floating-label", v), children: u }),
+    h && u && /* @__PURE__ */ n("label", { className: U("custom-select__floating-label", b), children: u }),
     /* @__PURE__ */ n(
       ii,
       {
@@ -5115,10 +5133,10 @@ const Pn = ({
         onChange: p,
         multiple: t,
         disabled: y,
-        children: /* @__PURE__ */ b("div", { className: "custom-select__wrapper", children: [
-          /* @__PURE__ */ b(ii.Button, { className: S, disabled: y, children: [
+        children: /* @__PURE__ */ v("div", { className: "custom-select__wrapper", children: [
+          /* @__PURE__ */ v(ii.Button, { className: A, disabled: y, children: [
             f ? /* @__PURE__ */ n("span", { className: "custom-select__loading", children: "Fetching data..." }) : /* @__PURE__ */ n("span", { className: "custom-select__value", children: (g == null ? void 0 : g.label) || /* @__PURE__ */ n("span", { className: "custom-select__placeholder", children: o }) }),
-            /* @__PURE__ */ n("span", { className: "custom-select__icon", children: /* @__PURE__ */ n(F, { icon: "lucide:chevron-down" }) })
+            /* @__PURE__ */ n("span", { className: "custom-select__icon", children: /* @__PURE__ */ n(W, { icon: "lucide:chevron-down" }) })
           ] }),
           /* @__PURE__ */ n(
             yi,
@@ -5129,16 +5147,16 @@ const Pn = ({
                 ii.Option,
                 {
                   value: x,
-                  className: ({ active: A }) => W(
+                  className: ({ active: S }) => U(
                     "custom-select__option",
-                    A && "custom-select__option--active"
+                    S && "custom-select__option--active"
                   ),
-                  children: ({ selected: A }) => /* @__PURE__ */ n(
+                  children: ({ selected: S }) => /* @__PURE__ */ n(
                     "span",
                     {
-                      className: W(
+                      className: U(
                         "custom-select__option-label",
-                        A && "custom-select__option--selected"
+                        S && "custom-select__option--selected"
                       ),
                       children: x.label
                     }
@@ -5166,17 +5184,17 @@ const Pn = ({
     watch: l,
     isReadOnly: d
   } = e || {}, u = (y = i == null ? void 0 : i.id) != null ? y : "cascadeValue", [c, r] = P(""), [t, h] = P(""), m = (g, p) => {
-    const S = g && p ? `${g}_${p}` : "";
-    a == null || a(u, S), s == null || s(u);
-  }, v = (g, p) => {
+    const A = g && p ? `${g}_${p}` : "";
+    a == null || a(u, A), s == null || s(u);
+  }, b = (g, p) => {
     g === "first" ? (r(p), h(""), m(p, "")) : (h(p), m(c, p));
   };
-  R(() => {
+  I(() => {
     if (l) {
       const g = l(u);
       if (g != null && g.includes("_")) {
-        const [p, S] = g.split("_");
-        r(p), h(S);
+        const [p, A] = g.split("_");
+        r(p), h(A);
       }
     }
   }, [l, u]);
@@ -5187,24 +5205,24 @@ const Pn = ({
     },
     [i.options1, c]
   );
-  return !i.options || !i.options1 ? null : /* @__PURE__ */ b("div", { children: [
+  return !i.options || !i.options1 ? null : /* @__PURE__ */ v("div", { children: [
     /* @__PURE__ */ n("input", { type: "hidden", ...o(u) }),
     /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
       Pn,
       {
-        setValue: (g, p) => v("first", p),
+        setValue: (g, p) => b("first", p),
         options: i.options,
         name: `${u}`,
         register: o,
         value: c
       }
     ) }),
-    c && /* @__PURE__ */ b("div", { className: "mt-4", children: [
+    c && /* @__PURE__ */ v("div", { className: "mt-4", children: [
       (i == null ? void 0 : i.childLabel) && /* @__PURE__ */ n("label", { className: "block text-sm text-[#686878] darks:!text-white/70  mb-2", children: i == null ? void 0 : i.childLabel }),
       /* @__PURE__ */ n(
         Pn,
         {
-          setValue: (g, p) => v("second", p),
+          setValue: (g, p) => b("second", p),
           options: f,
           name: `${u}`,
           register: o,
@@ -5230,20 +5248,20 @@ const Pn = ({
     setValue: t,
     watch: h,
     isReadOnly: m
-  } = u || {}, v = (p = h == null ? void 0 : h(d.id)) != null ? p : 0, [f, y] = P(null);
-  R(() => {
-    v == null && (t == null || t(d.id, i));
+  } = u || {}, b = (p = h == null ? void 0 : h(d.id)) != null ? p : 0, [f, y] = P(null);
+  I(() => {
+    b == null && (t == null || t(d.id, i));
   }, []);
-  const g = (S) => {
+  const g = (A) => {
     if (!o && !m) {
-      const C = S + 1;
+      const C = A + 1;
       t == null || t(d.id, C), r == null || r(d.id), s == null || s(C);
     }
   };
-  return /* @__PURE__ */ b("div", { className: `flex gap-1 ${l}`, children: [
+  return /* @__PURE__ */ v("div", { className: `flex gap-1 ${l}`, children: [
     /* @__PURE__ */ n("input", { type: "hidden", ...c(d.id) }),
-    Array.from({ length: e }, (S, C) => {
-      const x = f !== null ? C <= f : C < v;
+    Array.from({ length: e }, (A, C) => {
+      const x = f !== null ? C <= f : C < b;
       return /* @__PURE__ */ n(
         $n,
         {
@@ -5265,8 +5283,8 @@ function Na({
   validationData: e
 }) {
   const { register: o = () => ({}) } = e || {}, s = (i == null ? void 0 : i.options) || [], a = (i == null ? void 0 : i.options1) || [];
-  return /* @__PURE__ */ n("div", { className: W("w-full overflow-x-auto", i.customClass), children: /* @__PURE__ */ b("table", { className: "w-full text-left border-collapse min-w-[600px] mb-2", children: [
-    /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ b("tr", { children: [
+  return /* @__PURE__ */ n("div", { className: U("w-full overflow-x-auto", i.customClass), children: /* @__PURE__ */ v("table", { className: "w-full text-left border-collapse min-w-[600px] mb-2", children: [
+    /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ v("tr", { children: [
       /* @__PURE__ */ n("th", { className: "p-3 border-b bg-gray-50/50" }),
       a.map((l) => /* @__PURE__ */ n(
         "th",
@@ -5277,7 +5295,7 @@ function Na({
         l.id || l.value
       ))
     ] }) }),
-    /* @__PURE__ */ n("tbody", { children: s.map((l) => /* @__PURE__ */ b(
+    /* @__PURE__ */ n("tbody", { children: s.map((l) => /* @__PURE__ */ v(
       "tr",
       {
         className: "border-b last:border-0 hover:bg-gray-50/30",
@@ -5316,7 +5334,7 @@ function En({
       return { country: g, state: y };
     }
     return { country: u, state: "" };
-  }, [u]), t = hi(u), h = $(() => {
+  }, [u]), t = mi(u), h = $(() => {
     var f, y;
     return c ? ((y = (f = Ri.find((g) => g.name === c)) == null ? void 0 : f.states) == null ? void 0 : y.map((g) => ({
       label: g.name,
@@ -5325,13 +5343,13 @@ function En({
   }, [c]), m = (f, y) => {
     const p = (y == null ? void 0 : y.value) || "";
     s && p !== t.current && (s(i.id, p), a == null || a(i.id), t.current = p);
-  }, v = (f, y) => {
+  }, b = (f, y) => {
     const g = (y == null ? void 0 : y.value) || "", p = g ? `${g}, ${c}` : c;
     s && p !== t.current && (s(i.id, p), a == null || a(i.id), t.current = p);
   };
-  return R(() => {
+  return I(() => {
     t.current = u;
-  }, [u]), /* @__PURE__ */ b("div", { className: "grid gap-y-6", children: [
+  }, [u]), /* @__PURE__ */ v("div", { className: "grid gap-y-6", children: [
     /* @__PURE__ */ n("input", { type: "hidden", ...o(i.id) }),
     /* @__PURE__ */ n(
       on,
@@ -5344,13 +5362,13 @@ function En({
       },
       `country-${c}`
     ),
-    h.length > 0 && i.showState && /* @__PURE__ */ b("div", { children: [
+    h.length > 0 && i.showState && /* @__PURE__ */ v("div", { children: [
       /* @__PURE__ */ n("label", { className: "block text-sm font-medium mb-1.5 input_label", children: "State" }),
       /* @__PURE__ */ n(
         on,
         {
           options: h,
-          onGetValue: v,
+          onGetValue: b,
           name: `${i.id}-state`,
           readOnly: l,
           defaultValue: r
@@ -5365,7 +5383,7 @@ function ka({
   validationData: e
 }) {
   const { register: o = () => ({}), isReadOnly: s } = e || {}, { validationUrl: a, documentObj: l, signatureLink: d } = i, u = $(() => di("config"), []), [c, r] = P(!1), [t, h] = P(!1), m = Z(async () => {
-    var v, f;
+    var b, f;
     if (!(!a || !l))
       try {
         h(!0);
@@ -5376,48 +5394,48 @@ function ka({
         }, { data: p } = await xi.get(
           `${a}/${l}`,
           g
-        ), S = !!((f = (v = p == null ? void 0 : p.data) == null ? void 0 : v.isSigned) != null ? f : p != null && p.isSigned);
-        return r(S), S;
+        ), A = !!((f = (b = p == null ? void 0 : p.data) == null ? void 0 : b.isSigned) != null ? f : p != null && p.isSigned);
+        return r(A), A;
       } catch (y) {
         console.error("Failed to check sign status", y);
       } finally {
         h(!1);
       }
   }, [a, l]);
-  return R(() => {
-    let v = null;
+  return I(() => {
+    let b = null;
     return !c && l && a && (async () => {
-      await m() || (v = setInterval(async () => {
-        await m() && v && clearInterval(v);
+      await m() || (b = setInterval(async () => {
+        await m() && b && clearInterval(b);
       }, 2e3));
     })(), () => {
-      v && clearInterval(v);
+      b && clearInterval(b);
     };
-  }, [m, c, l, a]), /* @__PURE__ */ b("div", { className: "flex items-center gap-x-2", children: [
+  }, [m, c, l, a]), /* @__PURE__ */ v("div", { className: "flex items-center gap-x-2", children: [
     /* @__PURE__ */ n(
       "input",
       {
         placeholder: i.placeholder,
         type: i.inputType,
-        className: W("field-control", i.customClass),
+        className: U("field-control", i.customClass),
         ...o(i.id),
         disabled: s
       }
     ),
-    /* @__PURE__ */ n("a", { href: c ? "#" : d, children: /* @__PURE__ */ b(
+    /* @__PURE__ */ n("a", { href: c ? "#" : d, children: /* @__PURE__ */ v(
       "button",
       {
         type: "button",
         onClick: m,
         disabled: t || c,
         style: { background: (u == null ? void 0 : u.buttonColor) || "#333" },
-        className: W(
+        className: U(
           "flex items-center gap-x-1 rounded-lg border border-gray-200 bg-gray-200 px-3 py-[10px] text-sm text-white",
           { "!opacity-60": t }
         ),
         children: [
           /* @__PURE__ */ n(
-            F,
+            W,
             {
               icon: t ? "solar:refresh-outline" : c ? "solar:check-circle-bold" : "solar:pen-2-line-duotone",
               iconClass: t ? "animate-spin" : ""
@@ -5689,26 +5707,26 @@ function Ca({
   horizontal: t,
   description: h,
   validate: m,
-  onChange: v,
+  onChange: b,
   onError: f
 }) {
-  const [y, g] = P(""), [p, S] = P(null), [C, x] = P(""), k = $(
+  const [y, g] = P(""), [p, A] = P(null), [C, x] = P(""), k = $(
     () => {
       var w;
       return (w = Ji == null ? void 0 : Ji.slice().sort((Y, K) => Y.label.localeCompare(K.label))) == null ? void 0 : w.map((Y) => ({ ...Y, phone: `+${Y.phone}` }));
     },
     []
-  ), A = $(() => y ? k.filter(
+  ), S = $(() => y ? k.filter(
     (w) => `${w.label} ${w.phone}`.toLowerCase().includes(y.toLowerCase())
-  ) : k, [y, k]), N = (p == null ? void 0 : p.min) || 10, T = (p == null ? void 0 : p.max) || 10, Q = () => C ? `${(p == null ? void 0 : p.phone) || "+234"}-${C}` : "", U = (w) => {
+  ) : k, [y, k]), N = (p == null ? void 0 : p.min) || 10, T = (p == null ? void 0 : p.max) || 10, Q = () => C ? `${(p == null ? void 0 : p.phone) || "+234"}-${C}` : "", z = (w) => {
     if (!w) return { code: "+234", number: "" };
     const Y = w.split(/[-\s]/);
     return { code: Y[0], number: Y.slice(1).join(" ") };
   };
-  R(() => {
+  I(() => {
     if (d) {
-      const w = U(d);
-      S(
+      const w = z(d);
+      A(
         k.find((Y) => Y.phone === w.code) || k[0]
       ), x(w.number);
     }
@@ -5718,14 +5736,14 @@ function Ca({
     const w = C.length;
     return s && w === 0 ? "Phone number is required" : w > 0 && !/^\d+$/.test(C) ? "Phone number must contain only digits" : w > 0 && w < N ? `Minimum length is ${N}` : w > T ? `Maximum length is ${T}` : "";
   }, [u, C, N, T, s]);
-  return R(() => {
-    v == null || v(Q()), f == null || f(q || null);
-  }, [C, p, q]), /* @__PURE__ */ b(
+  return I(() => {
+    b == null || b(Q()), f == null || f(q || null);
+  }, [C, p, q]), /* @__PURE__ */ v(
     "div",
     {
       className: `relative formGroup ${q && !r ? "has-error" : ""} ${t ? "flex" : ""} ${!q && C.length > 0 && !r ? "is-valid" : ""}`,
       children: [
-        i && /* @__PURE__ */ b(
+        i && /* @__PURE__ */ v(
           "label",
           {
             htmlFor: l,
@@ -5738,9 +5756,9 @@ function Ca({
             ]
           }
         ),
-        /* @__PURE__ */ b("div", { className: "relative !flex items-center input-control text-[#667085] !py-0 field-control", children: [
-          /* @__PURE__ */ n(F, { icon: "lucide:phone-call" }),
-          /* @__PURE__ */ n(Ai, { value: p, onChange: S, children: /* @__PURE__ */ b("div", { className: "relative", children: [
+        /* @__PURE__ */ v("div", { className: "relative !flex items-center input-control text-[#667085] !py-0 field-control", children: [
+          /* @__PURE__ */ n(W, { icon: "lucide:phone-call" }),
+          /* @__PURE__ */ n(Ai, { value: p, onChange: A, children: /* @__PURE__ */ v("div", { className: "relative", children: [
             /* @__PURE__ */ n(
               Ai.Input,
               {
@@ -5750,8 +5768,8 @@ function Ca({
                 onChange: (w) => g(w.target.value)
               }
             ),
-            /* @__PURE__ */ n(Ai.Button, { className: "absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ n(F, { icon: "lucide:chevron-down" }) }),
-            /* @__PURE__ */ n(Ai.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, Y) => /* @__PURE__ */ b(
+            /* @__PURE__ */ n(Ai.Button, { className: "absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ n(W, { icon: "lucide:chevron-down" }) }),
+            /* @__PURE__ */ n(Ai.Options, { className: "absolute z-10 w-[250px] left-0 bg-white border rounded-md shadow-lg max-h-[400px] overflow-y-auto", children: S == null ? void 0 : S.map((w, Y) => /* @__PURE__ */ v(
               Ai.Option,
               {
                 value: w,
@@ -5765,7 +5783,7 @@ function Ca({
               `${w.code}+ ${Y}`
             )) })
           ] }) }),
-          /* @__PURE__ */ b("div", { className: "relative flex items-center flex-1 z-[1]", children: [
+          /* @__PURE__ */ v("div", { className: "relative flex items-center flex-1 z-[1]", children: [
             /* @__PURE__ */ n(
               "input",
               {
@@ -5784,7 +5802,7 @@ function Ca({
                 minLength: N
               }
             ),
-            /* @__PURE__ */ n("div", { className: "absolute flex text-xl -translate-y-1/2 top-1/2 right-4", children: !q && C.length > 0 && !r && /* @__PURE__ */ n("span", { className: "text-green-500", children: /* @__PURE__ */ n(F, { icon: "bi:check-lg" }) }) })
+            /* @__PURE__ */ n("div", { className: "absolute flex text-xl -translate-y-1/2 top-1/2 right-4", children: !q && C.length > 0 && !r && /* @__PURE__ */ n("span", { className: "text-green-500", children: /* @__PURE__ */ n(W, { icon: "bi:check-lg" }) }) })
           ] })
         ] }),
         h && /* @__PURE__ */ n("span", { className: "block text-[#475467] font-light leading-4 text-xs mt-2", children: h })
@@ -5805,7 +5823,7 @@ function Ma({
     clearErrors: u
   } = e || {};
   let c;
-  return R(() => {
+  return I(() => {
     o(i.id);
   }, [i.id, o]), a && (c = a()[i.id]), /* @__PURE__ */ n(
     Ca,
@@ -5834,15 +5852,15 @@ function Ba({
   let a = "";
   s && (a = (r = s()[i.id]) != null ? r : "");
   const l = a.trim(), d = /^https?:\/\//i.test(l), u = l ? d ? l : `https://${l}` : "", c = !d;
-  return /* @__PURE__ */ b("div", { children: [
-    !(e != null && e.isReadOnly) && /* @__PURE__ */ b("div", { className: "relative", children: [
+  return /* @__PURE__ */ v("div", { children: [
+    !(e != null && e.isReadOnly) && /* @__PURE__ */ v("div", { className: "relative", children: [
       c && /* @__PURE__ */ n("span", { className: "text-sm absolute left-4 top-1/2 -translate-y-1/2 text-gray-500 pointer-events-none select-none", children: "https://" }),
       /* @__PURE__ */ n(
         "input",
         {
           placeholder: (i == null ? void 0 : i.placeholder) || "Enter Url link",
           type: "text",
-          className: W(
+          className: U(
             "field-control",
             c && "!pl-16",
             i == null ? void 0 : i.customClass
@@ -5906,7 +5924,7 @@ const ne = {
   url: Ba
 }, Rn = "edit", La = (i, e) => {
   const o = ne[i.type];
-  return o ? /* @__PURE__ */ n(bn, { element: i, state: Rn, children: /* @__PURE__ */ b("div", { className: "relative w-full", children: [
+  return o ? /* @__PURE__ */ n(bn, { element: i, state: Rn, children: /* @__PURE__ */ v("div", { className: "relative w-full", children: [
     i.type.toLowerCase() !== "grid" && /* @__PURE__ */ n("div", { className: "absolute top-0 left-0 z-20 w-full h-full" }),
     /* @__PURE__ */ n(
       o,
@@ -5920,7 +5938,7 @@ const ne = {
 }, vn = ({ col: i, children: e, customClass: o }) => /* @__PURE__ */ n(
   "div",
   {
-    className: W("w-full bg-white min-w-0", o),
+    className: U("w-full bg-white min-w-0", o),
     style: { gridColumn: i },
     children: e
   }
@@ -5939,11 +5957,11 @@ const ne = {
     moveElement: r,
     isDragging: t,
     removeElement: h
-  } = mi(ci), m = $(
+  } = bi(ci), m = $(
     () => Array.from({ length: i.columns }),
     [i.columns]
-  ), [v, f] = P(null);
-  R(() => {
+  ), [b, f] = P(null);
+  I(() => {
     const x = () => {
       f(null), c(!1);
     };
@@ -5961,42 +5979,42 @@ const ne = {
     []
   ), p = Z(
     (x, k) => {
-      const A = x.relatedTarget;
-      A && x.currentTarget.contains(A) || f((N) => N === k ? null : N);
+      const S = x.relatedTarget;
+      S && x.currentTarget.contains(S) || f((N) => N === k ? null : N);
     },
     []
-  ), S = Z(
+  ), A = Z(
     (x, k) => {
       var T;
       x.preventDefault(), x.stopPropagation(), c(!1), f(null);
-      const A = k + 1, N = x.dataTransfer.getData("elementId");
+      const S = k + 1, N = x.dataTransfer.getData("elementId");
       if (N) {
         r({
           draggedId: N,
           sectionId: e,
           targetGridId: i.id,
-          targetCol: A
+          targetCol: S
         });
         return;
       }
       try {
         const Q = x.dataTransfer.getData("properties");
         if (!Q) return;
-        const U = JSON.parse(Q);
-        if ((U == null ? void 0 : U.type) === "grid") return;
+        const z = JSON.parse(Q);
+        if ((z == null ? void 0 : z.type) === "grid") return;
         const q = d.find((K) => K.id === e), w = (T = q == null ? void 0 : q.questionData) == null ? void 0 : T.find(
           (K) => {
-            var O;
-            return K.gridId === i.id && ((O = K.gridPosition) == null ? void 0 : O.col) === A;
+            var G;
+            return K.gridId === i.id && ((G = K.gridPosition) == null ? void 0 : G.col) === S;
           }
         );
         w && h(w.id, e);
         const Y = {
-          ...U,
+          ...z,
           id: ri(),
           sectionId: e,
           gridId: i.id,
-          gridPosition: { col: A }
+          gridPosition: { col: S }
         };
         u(Y, e);
       } catch (Q) {
@@ -6004,17 +6022,17 @@ const ne = {
       }
     },
     [u, i.id, d, e, c, r]
-  ), C = (x, k, A) => {
-    var O, D, E;
-    const N = x + 1, T = (D = (O = d.find((B) => B.id === e)) == null ? void 0 : O.questionData) == null ? void 0 : D.find(
+  ), C = (x, k, S) => {
+    var G, D, E;
+    const N = x + 1, T = (D = (G = d.find((B) => B.id === e)) == null ? void 0 : G.questionData) == null ? void 0 : D.find(
       (B) => {
         var L;
         return B.gridId === i.id && ((L = B.gridPosition) == null ? void 0 : L.col) === N;
       }
-    ), Q = (E = T == null ? void 0 : T.id) != null ? E : null, U = Array.isArray(o) && o.find((B) => {
+    ), Q = (E = T == null ? void 0 : T.id) != null ? E : null, z = Array.isArray(o) && o.find((B) => {
       var L;
       return ((L = B == null ? void 0 : B.props) == null ? void 0 : L.col) === N;
-    }), q = t && v === x, w = !!U, Y = t && !!l, K = w && Q && A === "edit" ? {
+    }), q = t && b === x, w = !!z, Y = t && !!l, K = w && Q && S === "edit" ? {
       draggable: !0,
       onDragStart: (B) => {
         B.stopPropagation(), B.dataTransfer.setData("elementId", Q), B.dataTransfer.setData("properties", Q), B.dataTransfer.effectAllowed = "move", c(!0);
@@ -6023,21 +6041,21 @@ const ne = {
         f(null), c(!1);
       }
     } : {};
-    return /* @__PURE__ */ n("div", { className: "min-w-0", children: /* @__PURE__ */ b(
+    return /* @__PURE__ */ n("div", { className: "min-w-0", children: /* @__PURE__ */ v(
       "div",
       {
         id: `grid-cell-${i.id}-${x}`,
         ...K,
-        onDrop: (B) => S(B, x),
+        onDrop: (B) => A(B, x),
         onDragEnter: (B) => g(B, x),
         onDragOver: (B) => y(B, x),
         onDragLeave: (B) => p(B, x),
-        className: W(
+        className: U(
           "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",
+          S === "edit" ? "py-3 " : "",
+          w && S === "edit" && "cursor-grab active:cursor-grabbing border-none",
           k,
           !Y && !q && "bg-white border-gray-200 text-gray-300",
           Y && !q && !w && "bg-blue-50 border-blue-200 border-dashed text-blue-300",
@@ -6046,20 +6064,20 @@ const ne = {
           q && w && "bg-orange-50 border-orange-400 border-dashed shadow-inner scale-[1.01] text-orange-500"
         ),
         children: [
-          w && A === "edit" && /* @__PURE__ */ n("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(F, { icon: "ph:dots-six-bold" }) }),
-          q && !w && /* @__PURE__ */ b("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(F, { icon: "ph:plus-bold" }),
+          w && S === "edit" && /* @__PURE__ */ n("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(W, { icon: "ph:dots-six-bold" }) }),
+          q && !w && /* @__PURE__ */ v("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(W, { icon: "ph:plus-bold" }),
             "Drop here"
           ] }),
           q && w && /* @__PURE__ */ n("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(
             "div",
             {
-              className: W(
+              className: U(
                 "w-full select-none min-w-0",
                 q && "opacity-50 pointer-events-none"
               ),
-              children: U || /* @__PURE__ */ n("span", { className: "flex items-center justify-center text-gray-300", children: A === "edit" && /* @__PURE__ */ n(F, { icon: "ph:plus-bold" }) })
+              children: z || /* @__PURE__ */ n("span", { className: "flex items-center justify-center text-gray-300", children: S === "edit" && /* @__PURE__ */ n(W, { icon: "ph:plus-bold" }) })
             }
           )
         ]
@@ -6103,13 +6121,13 @@ function Zi({
         l(!1), o();
       },
       style: { height: `${a ? 52 : s ? 28 : 4}px` },
-      className: W(
+      className: U(
         "w-full rounded-md flex items-center justify-center",
         "transition-all duration-150 ease-in-out overflow-hidden",
         a ? "bg-blue-50 border-2 border-blue-300 border-dashed" : s ? "border-2 border-blue-200 border-dashed" : "border-2 border-transparent"
       ),
-      children: a && /* @__PURE__ */ b("span", { className: "flex items-center gap-1 text-blue-500 text-xs font-medium select-none pointer-events-none", children: [
-        /* @__PURE__ */ n(F, { icon: "octicon:plus-16" }),
+      children: a && /* @__PURE__ */ v("span", { className: "flex items-center gap-1 text-blue-500 text-xs font-medium select-none pointer-events-none", children: [
+        /* @__PURE__ */ n(W, { icon: "octicon:plus-16" }),
         "Drop here"
       ] })
     }
@@ -6122,68 +6140,68 @@ function Pa({ elementData: i, sectionId: e }) {
     setIsDragging: a,
     addElementInPosition: l,
     moveElement: d
-  } = mi(ci), [u, c] = P(null), r = $(
+  } = bi(ci), [u, c] = P(null), r = $(
     () => {
       var p;
-      return ((p = o.find((S) => S.id === e)) == null ? void 0 : p.questionData) || [];
+      return ((p = o.find((A) => A.id === e)) == null ? void 0 : p.questionData) || [];
     },
     [o, e]
   ), t = Z(
-    (p, S) => {
-      p.dataTransfer.setData("elementId", S), p.dataTransfer.setData("properties", S), p.dataTransfer.effectAllowed = "move", c(S), a(!0);
+    (p, A) => {
+      p.dataTransfer.setData("elementId", A), p.dataTransfer.setData("properties", A), p.dataTransfer.effectAllowed = "move", c(A), a(!0);
     },
     [a]
   ), h = Z(() => {
     c(null), a(!1);
   }, [a]);
-  R(() => {
+  I(() => {
     !s && u && c(null);
   }, [s, u]);
   const m = Z(
     (p) => {
       p.preventDefault(), p.stopPropagation();
-      const S = p.dataTransfer.getData("elementId"), C = p.currentTarget.id;
-      if (!S || !C || S === C) {
+      const A = p.dataTransfer.getData("elementId"), C = p.currentTarget.id;
+      if (!A || !C || A === C) {
         h();
         return;
       }
-      const x = r.find((A) => A.id === S), k = r.findIndex(
-        (A) => A.id === C
+      const x = r.find((S) => S.id === A), k = r.findIndex(
+        (S) => S.id === C
       );
-      x != null && x.gridId && k !== -1 ? d({ draggedId: S, sectionId: e, targetIndex: k }) : d({ draggedId: S, sectionId: e, targetId: C }), c(null), a(!1);
+      x != null && x.gridId && k !== -1 ? d({ draggedId: A, sectionId: e, targetIndex: k }) : d({ draggedId: A, sectionId: e, targetId: C }), c(null), a(!1);
     },
     [e, d, a, h, r]
-  ), v = Z(
-    (p, S) => {
+  ), b = Z(
+    (p, A) => {
       p.preventDefault(), p.stopPropagation(), a(!1);
       const C = p.dataTransfer.getData("elementId");
       if (C) {
-        d({ draggedId: C, sectionId: e, targetIndex: S }), c(null);
+        d({ draggedId: C, sectionId: e, targetIndex: A }), c(null);
         return;
       }
       try {
         const x = JSON.parse(p.dataTransfer.getData("properties"));
         if ((x == null ? void 0 : x.type) === "section") return;
         const k = { ...x, id: ri(), sectionId: e };
-        l(k, e, S), c(null);
+        l(k, e, A), c(null);
       } catch (x) {
         console.error("Drop error:", x);
       }
     },
     [l, e, a, d]
   ), f = Z(
-    (p, S = !1) => /* @__PURE__ */ n(
+    (p, A = !1) => /* @__PURE__ */ n(
       "div",
       {
         id: p.id,
         draggable: !0,
         onDragStart: (C) => t(C, p.id),
-        onDragOver: S ? void 0 : (C) => {
+        onDragOver: A ? void 0 : (C) => {
           C.preventDefault(), C.stopPropagation();
         },
-        onDrop: S ? void 0 : m,
+        onDrop: A ? void 0 : m,
         onDragEnd: h,
-        className: W(
+        className: U(
           "cursor-grab active:cursor-grabbing border p-4 w-full rounded-lg",
           "transition-all duration-200 ease-in-out",
           u === p.id ? "opacity-40 scale-[0.98] bg-gray-100 border-dashed border-blue-300 shadow-inner" : u ? "bg-white border-dashed border-blue-200 shadow-sm" : "bg-white border-gray-200 shadow-sm hover:border-blue-300 hover:shadow-md"
@@ -6193,46 +6211,46 @@ function Pa({ elementData: i, sectionId: e }) {
       p.id
     ),
     [u, m, e, t, h]
-  ), y = $(() => (i == null ? void 0 : i.reduce((p, S) => (S.gridId && (p[S.gridId] = p[S.gridId] || [], p[S.gridId].push(S)), p), {})) || {}, [i]);
+  ), y = $(() => (i == null ? void 0 : i.reduce((p, A) => (A.gridId && (p[A.gridId] = p[A.gridId] || [], p[A.gridId].push(A)), p), {})) || {}, [i]);
   if (!(i != null && i.length))
     return /* @__PURE__ */ n(
       "div",
       {
         onDragOver: (p) => p.preventDefault(),
-        onDrop: (p) => v(p, 0),
+        onDrop: (p) => b(p, 0),
         onDragEnd: h,
         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((p) => !p.gridId);
-  return /* @__PURE__ */ b("div", { className: "relative flex flex-col w-full h-full gap-2", children: [
+  return /* @__PURE__ */ v("div", { className: "relative flex flex-col w-full h-full gap-2", children: [
     /* @__PURE__ */ n(
       Zi,
       {
         index: 0,
         isDragging: s,
-        onDrop: v,
+        onDrop: b,
         onDragEnd: h
       }
     ),
     g.map((p) => {
-      const S = r.findIndex((C) => C.id === p.id);
+      const A = r.findIndex((C) => C.id === p.id);
       if (p.type === "grid") {
         const C = y[p.id] || [], x = u === p.id, k = !!u && !x;
-        return /* @__PURE__ */ b("div", { className: "flex flex-col gap-0", children: [
+        return /* @__PURE__ */ v("div", { className: "flex flex-col gap-0", children: [
           /* @__PURE__ */ n(
             "div",
             {
               id: p.id,
               draggable: !0,
-              onDragStart: (A) => t(A, p.id),
-              onDragOver: (A) => {
-                A.preventDefault(), A.stopPropagation();
+              onDragStart: (S) => t(S, p.id),
+              onDragOver: (S) => {
+                S.preventDefault(), S.stopPropagation();
               },
               onDrop: m,
               onDragEnd: h,
-              className: W(
+              className: U(
                 "w-full p-4 border rounded-lg cursor-grab active:cursor-grabbing",
                 "transition-all duration-200 ease-in-out",
                 x ? "opacity-40 scale-[0.98] bg-gray-100 border-dashed border-blue-400 shadow-inner" : k ? "bg-white border-dashed border-blue-200" : "bg-white border-gray-200 shadow-sm hover:border-blue-300 hover:shadow-md"
@@ -6245,9 +6263,9 @@ function Pa({ elementData: i, sectionId: e }) {
                   state: wa,
                   draggedElementId: u,
                   children: C == null ? void 0 : C.map(
-                    (A) => {
+                    (S) => {
                       var N;
-                      return /* @__PURE__ */ n(vn, { col: (N = A.gridPosition) == null ? void 0 : N.col, children: f(A, !0) }, A.id);
+                      return /* @__PURE__ */ n(vn, { col: (N = S.gridPosition) == null ? void 0 : N.col, children: f(S, !0) }, S.id);
                     }
                   )
                 }
@@ -6257,22 +6275,22 @@ function Pa({ elementData: i, sectionId: e }) {
           /* @__PURE__ */ n(
             Zi,
             {
-              index: S + 1,
+              index: A + 1,
               isDragging: s,
-              onDrop: v,
+              onDrop: b,
               onDragEnd: h
             }
           )
         ] }, p.id);
       }
-      return /* @__PURE__ */ b("div", { className: "flex flex-col gap-0", children: [
+      return /* @__PURE__ */ v("div", { className: "flex flex-col gap-0", children: [
         f(p),
         /* @__PURE__ */ n(
           Zi,
           {
-            index: S + 1,
+            index: A + 1,
             isDragging: s,
-            onDrop: v,
+            onDrop: b,
             onDragEnd: h
           }
         )
@@ -6299,25 +6317,25 @@ const Ea = Oi(Pa), Ra = M.object({
   if (si.useEffect(() => {
     i || t();
   }, [i, t]), !i) return null;
-  const h = (v) => {
-    s(v, o.id), e();
+  const h = (b) => {
+    s(b, o.id), e();
   }, m = d();
-  return /* @__PURE__ */ n("div", { className: "fixed inset-0 bg-black/30 flex items-center justify-center z-[999] cursor-default no-drag select-none", children: /* @__PURE__ */ b("div", { className: "min-w-[600px] bg-white rounded-xl shadow-xl relative flex flex-col items-center", children: [
-    /* @__PURE__ */ b("div", { className: "w-full px-6 pt-6 pb-5 flex flex-col items-start gap-4 z-10 mb-6", children: [
+  return /* @__PURE__ */ n("div", { className: "fixed inset-0 bg-black/30 flex items-center justify-center z-[999] cursor-default no-drag select-none", children: /* @__PURE__ */ v("div", { className: "min-w-[600px] bg-white rounded-xl shadow-xl relative flex flex-col items-center", children: [
+    /* @__PURE__ */ v("div", { className: "w-full px-6 pt-6 pb-5 flex flex-col items-start gap-4 z-10 mb-6", children: [
       /* @__PURE__ */ n("h2", { className: "text-lg font-semibold text-[#475467] font-onest", children: "Update Section Information" }),
       /* @__PURE__ */ n(
         "button",
         {
           onClick: e,
           className: "absolute right-4 top-4 p-2 text-[#98A2B3] hover:bg-gray-50 rounded-lg",
-          children: /* @__PURE__ */ n(F, { icon: "tabler:x" })
+          children: /* @__PURE__ */ n(W, { icon: "tabler:x" })
         }
       )
     ] }),
-    /* @__PURE__ */ b("form", { onSubmit: l(h), className: "w-full", children: [
-      /* @__PURE__ */ b("div", { className: "w-full px-6 flex flex-col gap-5 z-10", children: [
+    /* @__PURE__ */ v("form", { onSubmit: l(h), className: "w-full", children: [
+      /* @__PURE__ */ v("div", { className: "w-full px-6 flex flex-col gap-5 z-10", children: [
         /* @__PURE__ */ n(
-          H,
+          O,
           {
             label: "Title",
             name: "title",
@@ -6327,7 +6345,7 @@ const Ea = Oi(Pa), Ra = M.object({
           }
         ),
         /* @__PURE__ */ n(
-          H,
+          O,
           {
             label: "Description",
             name: "description",
@@ -6338,7 +6356,7 @@ const Ea = Oi(Pa), Ra = M.object({
           }
         ),
         /* @__PURE__ */ n(
-          H,
+          O,
           {
             label: "Disable Section",
             name: "disabled",
@@ -6351,7 +6369,7 @@ const Ea = Oi(Pa), Ra = M.object({
           }
         ),
         /* @__PURE__ */ n(
-          H,
+          O,
           {
             label: "Hide Section",
             name: "isHidden",
@@ -6364,7 +6382,7 @@ const Ea = Oi(Pa), Ra = M.object({
           }
         )
       ] }),
-      /* @__PURE__ */ b("div", { className: "w-full px-6 pt-8 pb-6 flex gap-3 mt-4", children: [
+      /* @__PURE__ */ v("div", { className: "w-full px-6 pt-8 pb-6 flex gap-3 mt-4", children: [
         /* @__PURE__ */ n(
           "button",
           {
@@ -6400,9 +6418,9 @@ const Ea = Oi(Pa), Ra = M.object({
   onDragOver: r,
   setIsDragging: t
 }) => {
-  var v, f;
-  const h = hi(null), m = hi((v = i.questionData) == null ? void 0 : v.length);
-  return R(() => {
+  var b, f;
+  const h = mi(null), m = mi((b = i.questionData) == null ? void 0 : b.length);
+  return I(() => {
     var y;
     i.questionData.length > m.current && h.current && requestAnimationFrame(() => {
       var g;
@@ -6416,13 +6434,13 @@ const Ea = Oi(Pa), Ra = M.object({
     {
       ref: h,
       className: "bg-white group cursor-pointer rounded-lg  shadow-[rgba(149,157,165,0.2)_0px_2px_2px] transition-colors duration-200",
-      children: /* @__PURE__ */ b(
+      children: /* @__PURE__ */ v(
         "div",
         {
           className: ` border border-gray-200 rounded-lg  px-4 transition-colors duration-200
           ${o === i.id ? " border-blue-200 bg-gray-100" : "bg-white"} ${a.includes(e) ? "min-h-[300px] pb-6 " : ""}`,
           children: [
-            /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ v("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ n(
                 "div",
                 {
@@ -6431,14 +6449,14 @@ const Ea = Oi(Pa), Ra = M.object({
                   children: /* @__PURE__ */ n("h2", { className: "font-medium", children: i.title || "Section title" })
                 }
               ),
-              /* @__PURE__ */ b("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ v("div", { className: "flex items-center gap-x-2", children: [
                 /* @__PURE__ */ n(
                   "button",
                   {
                     type: "button",
                     className: "p-1 text-xs border rounded-lg",
                     onClick: () => d(i),
-                    children: /* @__PURE__ */ n(F, { icon: "fluent:edit-28-regular" })
+                    children: /* @__PURE__ */ n(W, { icon: "fluent:edit-28-regular" })
                   }
                 ),
                 c > 1 && /* @__PURE__ */ n(
@@ -6447,7 +6465,7 @@ const Ea = Oi(Pa), Ra = M.object({
                     type: "button",
                     className: "p-1 text-xs border rounded-lg",
                     onClick: () => u(i.id),
-                    children: /* @__PURE__ */ n(F, { icon: "lets-icons:trash-duotone-line" })
+                    children: /* @__PURE__ */ n(W, { icon: "lets-icons:trash-duotone-line" })
                   }
                 ),
                 /* @__PURE__ */ n(
@@ -6457,7 +6475,7 @@ const Ea = Oi(Pa), Ra = M.object({
                     className: "p-1 text-xs rounded-lg",
                     onClick: () => l(e),
                     children: /* @__PURE__ */ n(
-                      F,
+                      W,
                       {
                         icon: a.includes(e) ? "fa6-solid:chevron-up" : "fa6-solid:chevron-down",
                         iconClass: "text-base"
@@ -6468,7 +6486,7 @@ const Ea = Oi(Pa), Ra = M.object({
               ] })
             ] }),
             (i == null ? void 0 : i.description) && a.includes(e) && /* @__PURE__ */ n("p", { className: "mt-2 text-sm text-gray-600", children: i == null ? void 0 : i.description }),
-            a.includes(e) && /* @__PURE__ */ b(
+            a.includes(e) && /* @__PURE__ */ v(
               "div",
               {
                 className: "h-full mt-4 transition-all duration-200",
@@ -6495,7 +6513,7 @@ const Ea = Oi(Pa), Ra = M.object({
     i.id
   );
 }, Ka = () => {
-  const [i, e] = P(!1), o = hi(null), s = hi(null), {
+  const [i, e] = P(!1), o = mi(null), s = mi(null), {
     removeSection: a,
     // addElement,
     addSection: l,
@@ -6505,11 +6523,11 @@ const Ea = Oi(Pa), Ra = M.object({
     selectedSection: r,
     activeSections: t,
     setActiveSections: h
-  } = mi(ci), m = hi((d == null ? void 0 : d.length) || 0);
-  R(() => {
+  } = bi(ci), m = mi((d == null ? void 0 : d.length) || 0);
+  I(() => {
     var p;
     c(((p = d[0]) == null ? void 0 : p.id) || null);
-  }, []), R(() => {
+  }, []), I(() => {
     (d == null ? void 0 : d.length) > m.current && s.current && requestAnimationFrame(() => {
       var p;
       (p = s.current) == null || p.scrollTo({
@@ -6518,19 +6536,19 @@ const Ea = Oi(Pa), Ra = M.object({
       });
     }), m.current = (d == null ? void 0 : d.length) || 0;
   }, [d == null ? void 0 : d.length]);
-  const v = Z((p) => {
+  const b = Z((p) => {
     p.preventDefault(), p.dataTransfer.dropEffect = "move", s.current && (s.current.scrollTop = s.current.scrollHeight);
   }, []);
   function f(p) {
     t.includes(p) ? h(
-      (S) => S.filter((C) => C !== p)
-    ) : h((S) => [...S, p]);
+      (A) => A.filter((C) => C !== p)
+    ) : h((A) => [...A, p]);
   }
   function y(p) {
     o.current = p, e(!0);
   }
   const g = di("config");
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ v(
     "div",
     {
       ref: s,
@@ -6544,18 +6562,18 @@ const Ea = Oi(Pa), Ra = M.object({
             section: o.current
           }
         ),
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ v(
           "div",
           {
             id: "section-container",
             className: "relative flex flex-col flex-1 w-full gap-y-3 container overflow-y-auto",
             children: [
               d == null ? void 0 : d.map(
-                (p, S) => /* @__PURE__ */ n(
+                (p, A) => /* @__PURE__ */ n(
                   Da,
                   {
                     section: p,
-                    index: S,
+                    index: A,
                     selectedSection: r,
                     setSelectedSection: c,
                     activeSections: t,
@@ -6563,13 +6581,13 @@ const Ea = Oi(Pa), Ra = M.object({
                     handleSectionEdit: y,
                     removeSection: a,
                     formDataLength: d.length,
-                    onDragOver: v,
+                    onDragOver: b,
                     setIsDragging: u
                   },
                   p.id
                 )
               ),
-              /* @__PURE__ */ n("div", { className: "flex justify-center", children: /* @__PURE__ */ b(
+              /* @__PURE__ */ n("div", { className: "flex justify-center", children: /* @__PURE__ */ v(
                 "button",
                 {
                   type: "button",
@@ -6589,7 +6607,7 @@ const Ea = Oi(Pa), Ra = M.object({
     }
   );
 }, Oa = () => {
-  const { formData: i, uploadUrl: e } = mi(
+  const { formData: i, uploadUrl: e } = bi(
     ci
   ), o = di("config");
   return /* @__PURE__ */ n(
@@ -6608,10 +6626,10 @@ function Ga({
   questionData: i,
   uploadUrl: e
 }) {
-  const { setFormData: o, addSection: s, setUploadUrl: a, showPreview: l } = mi(ci);
-  R(() => {
+  const { setFormData: o, addSection: s, setUploadUrl: a, showPreview: l } = bi(ci);
+  I(() => {
     i && i.length > 0 && o(i);
-  }, [i, o]), R(() => {
+  }, [i, o]), I(() => {
     a(e);
   }, [e, a]);
   const d = Z((u) => {
@@ -6626,7 +6644,7 @@ function Ga({
       console.error("Drop error:", c);
     }
   }, []);
-  return /* @__PURE__ */ b("div", { className: "flex gap-x-6 h-full", children: [
+  return /* @__PURE__ */ v("div", { className: "flex gap-x-6 h-full", children: [
     /* @__PURE__ */ n(
       "div",
       {
@@ -6661,56 +6679,56 @@ const Yi = [
   { key: "layoutAndDisplay", title: "Layout & Display" },
   { key: "advancedData", title: "Advanced / Data" }
 ], Ha = () => {
-  const [i, e] = P(""), { setIsDragging: o, addElement: s, selectedSection: a } = mi(ci), l = Z(
-    (v, f) => {
+  const [i, e] = P(""), { setIsDragging: o, addElement: s, selectedSection: a } = bi(ci), l = Z(
+    (b, f) => {
       if (!a) {
-        vi.error("Please select a section to add an element.");
+        hi.error("Please select a section to add an element.");
         return;
       }
-      v.dataTransfer.setData("properties", JSON.stringify(f)), v.dataTransfer.effectAllowed = "move", o(!0);
+      b.dataTransfer.setData("properties", JSON.stringify(f)), b.dataTransfer.effectAllowed = "move", o(!0);
     },
     [o, a]
   );
-  function d(v) {
+  function d(b) {
     if (!a) {
-      vi.error("Please select a section to add an element.");
+      hi.error("Please select a section to add an element.");
       return;
     }
     const f = {
-      ...v,
+      ...b,
       id: ri(),
       sectionId: a
     };
     s(f, a);
   }
   const u = di("config") || {}, c = u.elementColor, r = u.elementBgColor, t = u.elementBorderColor, h = Go.filter(
-    (v) => v.label.toLowerCase().includes(i.toLowerCase())
-  ), m = Yi == null ? void 0 : Yi.map((v) => ({
-    title: v.title,
+    (b) => b.label.toLowerCase().includes(i.toLowerCase())
+  ), m = Yi == null ? void 0 : Yi.map((b) => ({
+    title: b.title,
     elements: h.filter(
       (f) => {
         var y;
-        return (y = Ho[v.key]) == null ? void 0 : y.includes(f.type);
+        return (y = Ho[b.key]) == null ? void 0 : y.includes(f.type);
       }
     )
-  })).filter((v) => v.elements.length > 0);
-  return /* @__PURE__ */ b("div", { className: "pt-4 flex flex-col gap-y-6", children: [
+  })).filter((b) => b.elements.length > 0);
+  return /* @__PURE__ */ v("div", { className: "pt-4 flex flex-col gap-y-6", children: [
     /* @__PURE__ */ n("div", { className: "px-5", children: /* @__PURE__ */ n(
       "input",
       {
         className: "field-control",
         placeholder: "Search",
         value: i,
-        onChange: (v) => e(v.target.value),
+        onChange: (b) => e(b.target.value),
         name: "search",
         id: "search"
       }
     ) }),
-    /* @__PURE__ */ n("div", { className: "flex-1 overflow-y-auto no-scrollbar max-h-[calc(100vh-100px)]", children: /* @__PURE__ */ n("ul", { className: "grid gap-y-5 mt-3 px-5 ", children: m == null ? void 0 : m.map((v, f) => {
+    /* @__PURE__ */ n("div", { className: "flex-1 overflow-y-auto no-scrollbar max-h-[calc(100vh-100px)]", children: /* @__PURE__ */ n("ul", { className: "grid gap-y-5 mt-3 px-5 ", children: m == null ? void 0 : m.map((b, f) => {
       var y;
-      return /* @__PURE__ */ b("li", { children: [
-        /* @__PURE__ */ n("h4", { className: "mb-2 text-[11px] font-bold text-gray-500 uppercase", children: v.title }),
-        /* @__PURE__ */ n("ul", { className: "grid grid-cols-2 gap-y-3 gap-x-4 mb-3", children: (y = v.elements) == null ? void 0 : y.map((g) => /* @__PURE__ */ n(
+      return /* @__PURE__ */ v("li", { children: [
+        /* @__PURE__ */ n("h4", { className: "mb-2 text-[11px] font-bold text-gray-500 uppercase", children: b.title }),
+        /* @__PURE__ */ n("ul", { className: "grid grid-cols-2 gap-y-3 gap-x-4 mb-3", children: (y = b.elements) == null ? void 0 : y.map((g) => /* @__PURE__ */ n(
           "li",
           {
             onDragStart: (p) => l(p, g),
@@ -6725,8 +6743,8 @@ const Yi = [
                                hover:shadow-lg transition-all duration-200\r
                                active:opacity-50 element_class`,
             draggable: !0,
-            children: /* @__PURE__ */ b("span", { className: "flex flex-col items-center justify-center w-full gap-2", children: [
-              /* @__PURE__ */ n("span", { style: { color: c }, children: /* @__PURE__ */ n(F, { icon: g.icon, iconClass: "w-6 h-6" }) }),
+            children: /* @__PURE__ */ v("span", { className: "flex flex-col items-center justify-center w-full gap-2", children: [
+              /* @__PURE__ */ n("span", { style: { color: c }, children: /* @__PURE__ */ n(W, { icon: g.icon, iconClass: "w-6 h-6" }) }),
               /* @__PURE__ */ n(
                 "span",
                 {
@@ -6757,15 +6775,15 @@ const Yi = [
   style: h,
   onClick: m
 }) => {
-  const v = W(
+  const b = U(
     "btn inline-flex justify-center",
     {
       "pointer-events-none": o,
       "opacity-40 cursor-not-allowed": e
     },
     s
-  ), f = () => o ? /* @__PURE__ */ b(ti, { children: [
-    /* @__PURE__ */ b(
+  ), f = () => o ? /* @__PURE__ */ v(ti, { children: [
+    /* @__PURE__ */ v(
       "svg",
       {
         className: `animate-spin -ml-1 mr-3 h-5 w-5 ${u}`,
@@ -6796,17 +6814,17 @@ const Yi = [
       }
     ),
     "Submitting..."
-  ] }) : /* @__PURE__ */ b("span", { className: "flex items-center", children: [
-    a && l === "left" && /* @__PURE__ */ n("span", { className: `mr-[6px] ${d}`, children: /* @__PURE__ */ n(F, { icon: a }) }),
+  ] }) : /* @__PURE__ */ v("span", { className: "flex items-center", children: [
+    a && l === "left" && /* @__PURE__ */ n("span", { className: `mr-[6px] ${d}`, children: /* @__PURE__ */ n(W, { icon: a }) }),
     i && /* @__PURE__ */ n("span", { children: i }),
-    a && l === "right" && /* @__PURE__ */ n("span", { className: `ml-[6px] ${d}`, children: /* @__PURE__ */ n(F, { icon: a }) })
+    a && l === "right" && /* @__PURE__ */ n("span", { className: `ml-[6px] ${d}`, children: /* @__PURE__ */ n(W, { icon: a }) })
   ] });
-  return r ? /* @__PURE__ */ n("div", { className: v, children: f() }) : c ? /* @__PURE__ */ n(ge, { to: c, className: v, children: f() }) : /* @__PURE__ */ n(
+  return r ? /* @__PURE__ */ n("div", { className: b, children: f() }) : c ? /* @__PURE__ */ n(ge, { to: c, className: b, children: f() }) : /* @__PURE__ */ n(
     "button",
     {
       disabled: e,
       type: t,
-      className: v,
+      className: b,
       "data-testid": "btn",
       onClick: m,
       style: h,
@@ -6815,7 +6833,7 @@ const Yi = [
   );
 };
 function Va() {
-  return /* @__PURE__ */ n("div", { children: /* @__PURE__ */ b(
+  return /* @__PURE__ */ n("div", { children: /* @__PURE__ */ v(
     "svg",
     {
       width: "36",
@@ -6854,12 +6872,12 @@ const Fa = ({
   isOpen: i,
   onClose: e
 }) => {
-  const { formData: o, uploadUrl: s } = mi(
+  const { formData: o, uploadUrl: s } = bi(
     ci
   );
   if (!i) return null;
   const a = di("config");
-  return /* @__PURE__ */ b("div", { className: "fixed inset-0  flex  justify-center z-[999] cursor-default no-drag select-none w-screen h-screen pt-20 bg-[#F8F9FC]", children: [
+  return /* @__PURE__ */ v("div", { className: "fixed inset-0  flex  justify-center z-[999] cursor-default no-drag select-none w-screen h-screen pt-20 bg-[#F8F9FC]", children: [
     /* @__PURE__ */ n(
       "button",
       {
@@ -6883,7 +6901,7 @@ const Fa = ({
   ] });
 };
 function Wa() {
-  return /* @__PURE__ */ n("div", { children: /* @__PURE__ */ b(
+  return /* @__PURE__ */ n("div", { children: /* @__PURE__ */ v(
     "svg",
     {
       width: "24",
@@ -6917,8 +6935,8 @@ function Ua({
   publishLoading: d,
   onTitleChange: u
 }) {
-  const { formData: c, setShowPreview: r, showPreview: t } = mi(ci), [h, m] = P(!1), [v, f] = P(!1), [y, g] = P(i || ""), p = di("config");
-  function S() {
+  const { formData: c, setShowPreview: r, showPreview: t } = bi(ci), [h, m] = P(!1), [b, f] = P(!1), [y, g] = P(i || ""), p = di("config");
+  function A() {
     localStorage.setItem("formData", JSON.stringify(c)), o == null || o(c);
   }
   function C() {
@@ -6927,8 +6945,8 @@ function Ua({
   function x() {
     f(!1), u && y !== i && u(y.trim());
   }
-  return /* @__PURE__ */ b("div", { className: "px-[30px] py-3 flex justify-between items-center bg-[#F9F9FB] top_bar border-b h-full", children: [
-    /* @__PURE__ */ b("span", { className: "flex items-center gap-x-2", children: [
+  return /* @__PURE__ */ v("div", { className: "px-[30px] py-3 flex justify-between items-center bg-[#F9F9FB] top_bar border-b h-full", children: [
+    /* @__PURE__ */ v("span", { className: "flex items-center gap-x-2", children: [
       e && /* @__PURE__ */ n(
         "button",
         {
@@ -6940,7 +6958,7 @@ function Ua({
         }
       ),
       " ",
-      v ? /* @__PURE__ */ n(
+      b ? /* @__PURE__ */ n(
         "input",
         {
           type: "text",
@@ -6968,7 +6986,7 @@ function Ua({
         element: void 0
       }
     ),
-    /* @__PURE__ */ b("div", { className: "flex justify-end text-xs gap-x-3", children: [
+    /* @__PURE__ */ v("div", { className: "flex justify-end text-xs gap-x-3", children: [
       /* @__PURE__ */ n(
         fi,
         {
@@ -6985,7 +7003,7 @@ function Ua({
       /* @__PURE__ */ n(
         fi,
         {
-          onClick: S,
+          onClick: A,
           text: "Save",
           btnClass: "px-2  bg-transparent font-medium text-sm form_save__btn",
           icon: "lets-icons:save-duotone",
@@ -7010,11 +7028,11 @@ function Ua({
   ] });
 }
 const ee = ({ loadingClass: i }) => {
-  const e = W(
+  const e = U(
     "h-full w-full min-h-[300px] flex justify-center items-center",
     i
   );
-  return R(() => {
+  return I(() => {
     const o = di("config"), s = (o == null ? void 0 : o.loaderColor) || "#333";
     document.documentElement.style.setProperty("--loader-color", s);
   }, []), /* @__PURE__ */ n("div", { className: e, children: /* @__PURE__ */ n("span", { className: "loader" }) });
@@ -7032,11 +7050,11 @@ function za({
   onTitleChange: r,
   uploadUrl: t
 }) {
-  return /* @__PURE__ */ b(Kn, { children: [
+  return /* @__PURE__ */ v(Kn, { children: [
     /* @__PURE__ */ n(Dn, { position: "top-right", richColors: !0, closeButton: !0 }),
-    /* @__PURE__ */ n("div", { className: "w-full h-full bg-[#F8F9FC] flex flex-col", children: /* @__PURE__ */ b("div", { className: "flex flex-1 ", children: [
+    /* @__PURE__ */ n("div", { className: "w-full h-full bg-[#F8F9FC] flex flex-col", children: /* @__PURE__ */ v("div", { className: "flex flex-1 ", children: [
       /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n("div", { className: "w-[250px]  h-screen  border-r border-[#E4E7EC] bg-white ", children: /* @__PURE__ */ n(ja, {}) }) }),
-      /* @__PURE__ */ b("div", { className: "flex-1 h-full max-h-full z-[1] w-[calc(100%-250px)]", children: [
+      /* @__PURE__ */ v("div", { className: "flex-1 h-full max-h-full z-[1] w-[calc(100%-250px)]", children: [
         /* @__PURE__ */ n("div", { className: " h-[70px]", children: /* @__PURE__ */ n(
           Ua,
           {
@@ -7071,7 +7089,7 @@ const hs = ({
   publishLoading: t,
   onTitleChange: h,
   uploadUrl: m
-}) => (R(() => {
+}) => (I(() => {
   s && Xn("config", s);
 }, [s]), /* @__PURE__ */ n(
   za,
@@ -7161,7 +7179,7 @@ function _a({ formData: i, isReadOnly: e }) {
   }), M.object().shape(o);
 }
 const Di = ({ element: i, validationData: e }) => {
-  const o = ne[i.type], { answerData: s } = mi(ci), a = $(
+  const o = ne[i.type], { answerData: s } = bi(ci), a = $(
     () => {
       var u;
       return (u = i == null ? void 0 : i.acceptedFiles) == null ? void 0 : u.map((c) => c.label).join(", ");
@@ -7192,18 +7210,18 @@ const Di = ({ element: i, validationData: e }) => {
       }
     }
   ) : !0, [l, s, i]);
-  return o ? /* @__PURE__ */ b("div", { className: `${d ? "" : "invisible h-0"} min-w-0 w-full`, children: [
-    /* @__PURE__ */ b("div", { className: "mb-1.5 min-w-0", children: [
-      i.inputLabel && /* @__PURE__ */ b("label", { className: "block text-sm font-medium  input_label", children: [
+  return o ? /* @__PURE__ */ v("div", { className: `${d ? "" : "invisible h-0"} min-w-0 w-full`, children: [
+    /* @__PURE__ */ v("div", { className: "mb-1.5 min-w-0", children: [
+      i.inputLabel && /* @__PURE__ */ v("label", { className: "block text-sm font-medium  input_label", children: [
         i.inputLabel,
         " ",
-        a && /* @__PURE__ */ b("span", { className: "text-gray-400 text-xs", children: [
+        a && /* @__PURE__ */ v("span", { className: "text-gray-400 text-xs", children: [
           "(",
           a == null ? void 0 : a.toLowerCase(),
           ")"
         ] })
       ] }),
-      i.description && /* @__PURE__ */ b("small", { className: "block text-gray-400 mt-0.5 text-xs", children: [
+      i.description && /* @__PURE__ */ v("small", { className: "block text-gray-400 mt-0.5 text-xs", children: [
         " ",
         i.description
       ] })
@@ -7229,7 +7247,7 @@ function $a({ form_data: i, options: e }) {
       customClass: "p-0 min-h-[60px] border-none",
       children: l == null ? void 0 : l.map((d) => {
         var u, c, r;
-        return /* @__PURE__ */ b(
+        return /* @__PURE__ */ v(
           vn,
           {
             col: (u = d.gridPosition) == null ? void 0 : u.col,
@@ -7251,10 +7269,10 @@ function $a({ form_data: i, options: e }) {
     }
   ) }, a.id), s = (a) => {
     var l, d;
-    return /* @__PURE__ */ b(
+    return /* @__PURE__ */ v(
       "div",
       {
-        className: W("group relative grid gap-y-[6px] min-w-0", a.elementClass),
+        className: U("group relative grid gap-y-[6px] min-w-0", a.elementClass),
         children: [
           /* @__PURE__ */ n(
             Di,
@@ -7274,8 +7292,8 @@ function $a({ form_data: i, options: e }) {
     const l = /* @__PURE__ */ new Map();
     return (d = a.questionData) == null || d.forEach((c) => {
       c.gridId && (l.has(c.gridId) || l.set(c.gridId, []), l.get(c.gridId).push(c));
-    }), /* @__PURE__ */ b("div", { className: "pb-6 section_box min-w-0", children: [
-      (a.title || a.description) && /* @__PURE__ */ b("div", { className: "py-4 border-b border-gray-100 mb-7 section_box__title", children: [
+    }), /* @__PURE__ */ v("div", { className: "pb-6 section_box min-w-0", children: [
+      (a.title || a.description) && /* @__PURE__ */ v("div", { className: "py-4 border-b border-gray-100 mb-7 section_box__title", children: [
         a.title && /* @__PURE__ */ n("h2", { className: "text-lg font-semibold mb-[4px]", children: a.title }),
         a.description && /* @__PURE__ */ n("p", { className: "text-sm", children: a.description })
       ] }),
@@ -7301,7 +7319,7 @@ function Qa({ form_data: i, options: e, current: o }) {
           customClass: "p-0 min-h-[60px] border-none",
           children: u == null ? void 0 : u.map((c) => {
             var r, t, h;
-            return /* @__PURE__ */ b(
+            return /* @__PURE__ */ v(
               vn,
               {
                 col: (r = c.gridPosition) == null ? void 0 : r.col,
@@ -7323,10 +7341,10 @@ function Qa({ form_data: i, options: e, current: o }) {
         }
       ) }, a.id);
     }
-    return a.gridId ? null : /* @__PURE__ */ b(
+    return a.gridId ? null : /* @__PURE__ */ v(
       "div",
       {
-        className: W(
+        className: U(
           "group relative grid gap-y-[6px] min-w-0",
           a.elementClass
         ),
@@ -7360,14 +7378,14 @@ const is = ({
   hideFooter: c = !1,
   uploadUrl: r
 }) => {
-  var _, ni, ui, li, I, J, j, G;
-  const { setAnswerData: t, setUploadUrl: h } = mi(ci), [m, v] = P(0), f = $(
+  var _, ni, ui, li, R, F, j, H;
+  const { setAnswerData: t, setUploadUrl: h } = bi(ci), [m, b] = P(0), f = $(
     () => i.filter((V) => !V.isHidden).map((V) => {
       var oi;
       return V.isDisabled || V.disabled ? {
         ...V,
-        questionData: (oi = V.questionData) == null ? void 0 : oi.map((bi) => ({
-          ...bi,
+        questionData: (oi = V.questionData) == null ? void 0 : oi.map((vi) => ({
+          ...vi,
           isDisabled: !0
         }))
       } : V;
@@ -7376,7 +7394,7 @@ const is = ({
   ), y = (_ = f == null ? void 0 : f.length) != null ? _ : 0, g = di("config"), p = $(
     () => _a({ formData: f, isReadOnly: l }),
     [f, l]
-  ), S = ln({
+  ), A = ln({
     resolver: mn(p),
     mode: "onSubmit",
     defaultValues: {}
@@ -7384,38 +7402,38 @@ const is = ({
     register: C,
     setValue: x,
     control: k,
-    handleSubmit: A,
+    handleSubmit: S,
     reset: N,
     getValues: T,
     watch: Q,
-    formState: { errors: U, isSubmitting: q },
+    formState: { errors: z, isSubmitting: q },
     trigger: w,
     setError: Y,
     clearErrors: K
-  } = S, O = me({ control: k }), D = $(
-    () => O,
-    [JSON.stringify(O)]
+  } = A, G = me({ control: k }), D = $(
+    () => G,
+    [JSON.stringify(G)]
   ), E = Z(
     (V) => {
       a && a(V);
     },
     [a]
   );
-  R(() => {
+  I(() => {
     h(r);
-  }, [h, r]), R(() => {
+  }, [h, r]), I(() => {
     if (!(f != null && f.length) || !a) return;
     const V = f.flatMap(
       (X) => {
         var oi;
-        return (oi = X.questionData) == null ? void 0 : oi.map((bi) => ({
-          id: bi.id,
-          value: D[bi.id] || "",
+        return (oi = X.questionData) == null ? void 0 : oi.map((vi) => ({
+          id: vi.id,
+          value: D[vi.id] || "",
           sectionId: X.id,
-          type: bi.type,
+          type: vi.type,
           metaData: {
-            prefix: bi.prefix,
-            dateFormat: bi.dateFormat
+            prefix: vi.prefix,
+            dateFormat: vi.dateFormat
           }
         }));
       }
@@ -7427,15 +7445,15 @@ const is = ({
     E,
     a,
     t
-  ]), R(() => {
+  ]), I(() => {
     e != null && e.length && N(Xa(e));
   }, [e, N]);
   const B = Z(
     (V) => {
       const X = f.flatMap(
         (oi) => {
-          var bi;
-          return (bi = oi.questionData) == null ? void 0 : bi.map((gi) => ({
+          var vi;
+          return (vi = oi.questionData) == null ? void 0 : vi.map((gi) => ({
             id: gi.id,
             value: V[gi.id] || "",
             sectionId: oi.id,
@@ -7447,9 +7465,9 @@ const is = ({
           }));
         }
       );
-      Object.keys(U).length > 0 || s == null || s(X);
+      Object.keys(z).length > 0 || s == null || s(X);
     },
-    [U, f, s]
+    [z, f, s]
   ), L = Z(async () => {
     var V, X;
     if (!o) {
@@ -7458,15 +7476,15 @@ const is = ({
       );
       if (!await w(oi)) return;
     }
-    v((oi) => oi + 1);
-  }, [m, f, o, w]), z = Z(() => {
-    v((V) => V - 1);
+    b((oi) => oi + 1);
+  }, [m, f, o, w]), J = Z(() => {
+    b((V) => V - 1);
   }, []), ai = $(
     () => ({
       register: C,
       setValue: x,
       watch: Q,
-      errors: U,
+      errors: z,
       trigger: w,
       isSubmitting: q,
       isReadOnly: l,
@@ -7478,7 +7496,7 @@ const is = ({
       C,
       x,
       Q,
-      U,
+      z,
       w,
       q,
       l,
@@ -7487,22 +7505,22 @@ const is = ({
       K
     ]
   );
-  return /* @__PURE__ */ b(be, { ...S, children: [
+  return /* @__PURE__ */ v(be, { ...A, children: [
     /* @__PURE__ */ n(Dn, { position: "top-right", richColors: !0, closeButton: !0 }),
-    /* @__PURE__ */ b(
+    /* @__PURE__ */ v(
       "form",
       {
-        onSubmit: A(B),
+        onSubmit: S(B),
         className: "container h-full mx-auto",
         children: [
-          /* @__PURE__ */ n("div", { className: "relative flex flex-col w-full min-w-0 py-4 gap-y-12", children: /* @__PURE__ */ b(
+          /* @__PURE__ */ n("div", { className: "relative flex flex-col w-full min-w-0 py-4 gap-y-12", children: /* @__PURE__ */ v(
             "div",
             {
               className: "multi_section__box min-w-0",
               children: [
-                d === "multi" && (((ni = f == null ? void 0 : f[m]) == null ? void 0 : ni.title) || ((ui = f == null ? void 0 : f[m]) == null ? void 0 : ui.description)) && /* @__PURE__ */ b("div", { className: "py-4 mb-4 border-b border-gray-100 multi_section__title", children: [
-                  ((li = f[m]) == null ? void 0 : li.title) && /* @__PURE__ */ n("h2", { className: "text-lg font-semibold mb-[6px]", children: (I = f[m]) == null ? void 0 : I.title }),
-                  ((J = f[m]) == null ? void 0 : J.description) && /* @__PURE__ */ n("p", { className: "text-sm", children: (j = f[m]) == null ? void 0 : j.description })
+                d === "multi" && (((ni = f == null ? void 0 : f[m]) == null ? void 0 : ni.title) || ((ui = f == null ? void 0 : f[m]) == null ? void 0 : ui.description)) && /* @__PURE__ */ v("div", { className: "py-4 mb-4 border-b border-gray-100 multi_section__title", children: [
+                  ((li = f[m]) == null ? void 0 : li.title) && /* @__PURE__ */ n("h2", { className: "text-lg font-semibold mb-[6px]", children: (R = f[m]) == null ? void 0 : R.title }),
+                  ((F = f[m]) == null ? void 0 : F.description) && /* @__PURE__ */ n("p", { className: "text-sm", children: (j = f[m]) == null ? void 0 : j.description })
                 ] }),
                 d === "multi" ? /* @__PURE__ */ n(
                   Qa,
@@ -7520,18 +7538,18 @@ const is = ({
                 )
               ]
             },
-            (G = f == null ? void 0 : f[m]) == null ? void 0 : G.id
+            (H = f == null ? void 0 : f[m]) == null ? void 0 : H.id
           ) }),
-          !c && /* @__PURE__ */ n("footer", { className: "flex items-center justify-end gap-4 footer flex-wrap", children: d === "multi" ? /* @__PURE__ */ b(ti, { children: [
-            /* @__PURE__ */ b("div", { className: "flex gap-x-4 justify-between navigation_container w-full", children: [
-              /* @__PURE__ */ b("div", { children: [
+          !c && /* @__PURE__ */ n("footer", { className: "flex items-center justify-end gap-4 footer flex-wrap", children: d === "multi" ? /* @__PURE__ */ v(ti, { children: [
+            /* @__PURE__ */ v("div", { className: "flex gap-x-4 justify-between navigation_container w-full", children: [
+              /* @__PURE__ */ v("div", { children: [
                 " ",
                 m > 0 && /* @__PURE__ */ n(
                   fi,
                   {
                     type: "button",
                     text: "Back",
-                    onClick: z,
+                    onClick: J,
                     btnClass: "text-gray-700 back_btn text-sm border-[#98A2B3] !font-medium !py-[10px] px-10 bg-gray-200 rounded-lg"
                   }
                 )
@@ -7550,7 +7568,7 @@ const is = ({
             (m === y - 1 || l) && !o && (u != null ? u : /* @__PURE__ */ n(
               fi,
               {
-                isDisabled: q || Object.keys(U).length > 0,
+                isDisabled: q || Object.keys(z).length > 0,
                 isLoading: q,
                 type: "submit",
                 text: "Submit",
@@ -7561,7 +7579,7 @@ const is = ({
           ] }) : !o && (u != null ? u : /* @__PURE__ */ n(
             fi,
             {
-              isDisabled: q || Object.keys(U).length > 0,
+              isDisabled: q || Object.keys(z).length > 0,
               isLoading: q,
               type: "submit",
               text: "Submit",
@@ -7588,16 +7606,16 @@ function oe({
   onGetValues: t,
   uploadUrl: h
 }) {
-  R(() => {
+  I(() => {
     d && Xn("config", d);
   }, [d]);
   const m = Z(
-    (v) => {
-      t && t(v);
+    (b) => {
+      t && t(b);
     },
     [t]
   );
-  return l ? /* @__PURE__ */ n(ee, {}) : e ? /* @__PURE__ */ b("div", { className: "w-full h-full min-w-0", children: [
+  return l ? /* @__PURE__ */ n(ee, {}) : e ? /* @__PURE__ */ v("div", { className: "w-full h-full min-w-0", children: [
     /* @__PURE__ */ n("div", { id: "root-portal" }),
     /* @__PURE__ */ n(Kn, { children: /* @__PURE__ */ n(
       ns,