@arudovwen/form-builder-react 1.7.2 → 1.8.1

package/dist/{index-CvM58Lcf.js → index-DzomIPXi.js}

@@ -1,8 +1,8 @@
-import { jsx as i, Fragment as re, jsxs as b } from "react/jsx-runtime";
-import ae, { createContext as xn, useState as D, useEffect as j, useRef as te, useMemo as X, forwardRef as Zi, createElement as bi, Fragment as ze, useContext as ye, useCallback as Y, memo as Ze, Suspense as An } from "react";
-import { v4 as me } from "uuid";
+import { jsx as i, Fragment as ve, jsxs as b } from "react/jsx-runtime";
+import se, { createContext as xn, useState as D, useEffect as G, useRef as re, useMemo as ee, forwardRef as Zi, createElement as bi, Fragment as ze, useContext as ye, useCallback as Y, memo as Ze, Suspense as An } from "react";
+import { v4 as pe } from "uuid";
 import Sn from "react-datepicker";
-import { Listbox as ne, Transition as we, Combobox as De, ComboboxInput as Nn, ComboboxButton as Cn, ComboboxOptions as kn, ComboboxOption as Mn } from "@headlessui/react";
+import { Listbox as ae, Transition as we, Combobox as De, ComboboxInput as Nn, ComboboxButton as kn, ComboboxOptions as Cn, ComboboxOption as Mn } from "@headlessui/react";
 import { toast as xe, Toaster as $i } from "sonner";
 import Pe from "axios";
 import $e from "react-currency-input-field";
@@ -13,10 +13,10 @@ import * as R from "yup";
 import Rn from "papaparse";
 import * as Li from "xlsx";
 import { Link as Dn } from "react-router-dom";
-const ce = xn(void 0), Pi = {
+const be = xn(void 0), Pi = {
   title: "",
   description: "",
-  id: me(),
+  id: pe(),
   questionData: [],
   disabled: !1,
   isHidden: !1
@@ -27,194 +27,194 @@ const ce = xn(void 0), Pi = {
 }) => {
   const [s, o] = D(!0), [l, d] = D({}), [u, t] = D({}), [m, c] = D([Pi]), [r, h] = D(() => {
     try {
-      const G = sessionStorage.getItem("editor_past");
-      return G ? JSON.parse(G) : [];
-    } catch (G) {
+      const O = sessionStorage.getItem("editor_past");
+      return O ? JSON.parse(O) : [];
+    } catch (O) {
       return [];
     }
   }), [v, y] = D(() => {
     try {
-      const G = sessionStorage.getItem("editor_future");
-      return G ? JSON.parse(G) : [];
-    } catch (G) {
+      const O = sessionStorage.getItem("editor_future");
+      return O ? JSON.parse(O) : [];
+    } catch (O) {
       return [];
     }
   });
-  j(() => {
+  G(() => {
     n && n(m);
-  }, [m, n]), j(() => {
+  }, [m, n]), G(() => {
     sessionStorage.setItem("editor_past", JSON.stringify(r));
-  }, [r]), j(() => {
+  }, [r]), G(() => {
     sessionStorage.setItem("editor_future", JSON.stringify(v));
   }, [v]);
-  const f = te(Date.now()), g = ae.useCallback((G) => {
+  const f = re(Date.now()), g = se.useCallback((O) => {
     c((B) => {
-      const K = typeof G == "function" ? G(B) : G;
+      const K = typeof O == "function" ? O(B) : O;
       if (JSON.stringify(B) !== JSON.stringify(K)) {
         const P = Date.now();
         h((E) => E.length > 0 && JSON.stringify(E[E.length - 1]) === JSON.stringify(B) ? E : P - f.current < 800 && E.length > 0 ? (f.current = P, E) : (f.current = P, [...E, B])), y([]);
       }
       return K;
     });
-  }, []), p = ae.useCallback(() => {
+  }, []), p = se.useCallback(() => {
     if (r.length === 0) return;
-    const G = r[r.length - 1], B = r.slice(0, r.length - 1);
-    h(B), y([m, ...v]), c(G), a == null || a("UNDO", null);
-  }, [r, v, m, a]), N = ae.useCallback(() => {
+    const O = r[r.length - 1], B = r.slice(0, r.length - 1);
+    h(B), y([m, ...v]), c(O), a == null || a("UNDO", null);
+  }, [r, v, m, a]), N = se.useCallback(() => {
     if (v.length === 0) return;
-    const G = v[0], B = v.slice(1);
-    y(B), h([...r, m]), c(G), a == null || a("REDO", null);
-  }, [r, v, m, a]), S = m, k = r.length > 0, x = v.length > 0, [C, M] = D(!1), [w, A] = D(null), [T, I] = D([
+    const O = v[0], B = v.slice(1);
+    y(B), h([...r, m]), c(O), a == null || a("REDO", null);
+  }, [r, v, m, a]), S = m, C = r.length > 0, x = v.length > 0, [k, M] = D(!1), [w, A] = D(null), [T, I] = D([
     0
-  ]), [L, W] = D(""), [Z, ee] = D(0), $ = ae.useCallback(() => {
-  }, []), be = ae.useCallback(() => {
-    const G = me();
-    g((B) => [...B, { ...Pi, id: G }]), A(G), I([S.length]), a == null || a("ADD_SECTION", { sectionId: G });
-  }, [S, a, g]), _ = ae.useCallback(
-    (G) => {
+  ]), [L, F] = D(""), [Z, ie] = D(0), X = se.useCallback(() => {
+  }, []), he = se.useCallback(() => {
+    const O = pe();
+    g((B) => [...B, { ...Pi, id: O }]), A(O), I([S.length]), a == null || a("ADD_SECTION", { sectionId: O });
+  }, [S, a, g]), _ = se.useCallback(
+    (O) => {
       g(
-        (B) => B.filter((K) => K.id !== G)
-      ), A(null), a == null || a("REMOVE_SECTION", { sectionId: G });
+        (B) => B.filter((K) => K.id !== O)
+      ), A(null), a == null || a("REMOVE_SECTION", { sectionId: O });
     },
     [a, g]
-  ), V = ae.useCallback(
-    (G, B) => {
+  ), V = se.useCallback(
+    (O, B) => {
       const K = S.find((E) => E.id === B), P = K == null ? void 0 : K.questionData.find(
-        (E) => E.id === G
+        (E) => E.id === O
       );
       P && (g(
         (E) => E == null ? void 0 : E.map(
-          (O) => O.id === B ? {
-            ...O,
-            questionData: O == null ? void 0 : O.questionData.filter((H) => P.type === "grid" ? H.gridId !== P.id && H.id !== P.id : H.id !== G)
-          } : O
+          (q) => q.id === B ? {
+            ...q,
+            questionData: q == null ? void 0 : q.questionData.filter(($) => P.type === "grid" ? $.gridId !== P.id && $.id !== P.id : $.id !== O)
+          } : q
         )
-      ), a == null || a("REMOVE_ELEMENT", { sectionId: B, elementId: G }));
+      ), a == null || a("REMOVE_ELEMENT", { sectionId: B, elementId: O }));
     },
     [S, g, a]
-  ), de = ae.useCallback(
-    (G, B) => {
-      const K = S.find((H) => H.id === B);
+  ), ce = se.useCallback(
+    (O, B) => {
+      const K = S.find(($) => $.id === B);
       if (!K) return;
       const P = K == null ? void 0 : K.questionData.findIndex(
-        (H) => H.id === G
+        ($) => $.id === O
       );
       if (P === -1) return;
-      const E = K == null ? void 0 : K.questionData[P], O = (H, U = {}) => ({
-        ...JSON.parse(JSON.stringify(H)),
-        id: me(),
-        ...U
+      const E = K == null ? void 0 : K.questionData[P], q = ($, j = {}) => ({
+        ...JSON.parse(JSON.stringify($)),
+        id: pe(),
+        ...j
       });
       g(
-        (H) => H == null ? void 0 : H.map((U) => {
-          var Q;
-          if (U.id !== B) return U;
-          const F = [...U.questionData];
+        ($) => $ == null ? void 0 : $.map((j) => {
+          var U;
+          if (j.id !== B) return j;
+          const H = [...j.questionData];
           if (E.type === "grid") {
-            const pe = (Q = F == null ? void 0 : F.map((fe, ii) => ({ e: fe, i: ii })).filter(
+            const Q = (U = H == null ? void 0 : H.map((fe, ii) => ({ e: fe, i: ii })).filter(
               ({ e: fe }) => fe.id === E.id || fe.gridId === E.id
-            )) == null ? void 0 : Q.map(({ i: fe }) => fe), he = pe.length ? Math.max(...pe) + 1 : P + 1, ue = me(), ge = O(E, {});
-            ge.id = ue;
-            const le = F.filter((fe) => fe.gridId === E.id), Ne = le == null ? void 0 : le.map(
-              (fe) => O(fe, { gridId: ue })
+            )) == null ? void 0 : U.map(({ i: fe }) => fe), oe = Q.length ? Math.max(...Q) + 1 : P + 1, le = pe(), me = q(E, {});
+            me.id = le;
+            const te = H.filter((fe) => fe.gridId === E.id), Ne = te == null ? void 0 : te.map(
+              (fe) => q(fe, { gridId: le })
             ), Le = [
-              ...F.slice(0, he),
-              ge,
+              ...H.slice(0, oe),
+              me,
               ...Ne,
-              ...F.slice(he)
+              ...H.slice(oe)
             ];
-            return { ...U, questionData: Le };
+            return { ...j, questionData: Le };
           } else if (E.gridId) {
-            const { gridId: pe, gridPosition: he, ...ue } = E, ge = O(ue, {}), le = F.reduce(
+            const { gridId: Q, gridPosition: oe, ...le } = E, me = q(le, {}), te = H.reduce(
               (Le, fe, ii) => fe.id === E.gridId || fe.gridId === E.gridId ? ii : Le,
               P
             ), Ne = [
-              ...F.slice(0, le + 1),
-              ge,
-              ...F.slice(le + 1)
+              ...H.slice(0, te + 1),
+              me,
+              ...H.slice(te + 1)
             ];
-            return { ...U, questionData: Ne };
+            return { ...j, questionData: Ne };
           } else {
-            const pe = O(E, {}), he = [
-              ...F.slice(0, P + 1),
-              pe,
-              ...F.slice(P + 1)
+            const Q = q(E, {}), oe = [
+              ...H.slice(0, P + 1),
+              Q,
+              ...H.slice(P + 1)
             ];
-            return { ...U, questionData: he };
+            return { ...j, questionData: oe };
           }
         })
-      ), a == null || a("DUPLICATE_ELEMENT", { sectionId: B, elementId: G });
+      ), a == null || a("DUPLICATE_ELEMENT", { sectionId: B, elementId: O });
     },
     [S, g, a]
-  ), Ae = ae.useCallback(
-    (G, B) => {
+  ), Ae = se.useCallback(
+    (O, B) => {
       g(
         (K) => K == null ? void 0 : K.map(
-          (P) => P.id === B ? { ...P, questionData: G } : P
+          (P) => P.id === B ? { ...P, questionData: O } : P
         )
       ), a == null || a("UPDATE_ELEMENT_POSITION", { sectionId: B });
     },
     [g, a]
-  ), ve = ae.useCallback(
-    (G, B) => {
+  ), ge = se.useCallback(
+    (O, B) => {
       g(
         (K) => K == null ? void 0 : K.map(
           (P) => P.id === B ? {
             ...P,
-            questionData: [...P == null ? void 0 : P.questionData, G]
+            questionData: [...P == null ? void 0 : P.questionData, O]
           } : P
         )
-      ), a == null || a("ADD_ELEMENT", { sectionId: B, element: G });
+      ), a == null || a("ADD_ELEMENT", { sectionId: B, element: O });
     },
     [g, a]
-  ), se = ae.useCallback(
-    (G, B, K) => {
+  ), ue = se.useCallback(
+    (O, B, K) => {
       g(
         (P) => P == null ? void 0 : P.map(
           (E) => E.id === B ? {
             ...E,
             questionData: [
               ...E == null ? void 0 : E.questionData.slice(0, K),
-              G,
+              O,
               ...E == null ? void 0 : E.questionData.slice(K)
             ]
           } : E
         )
-      ), a == null || a("ADD_ELEMENT_IN_POSITION", { sectionId: B, element: G, index: K });
+      ), a == null || a("ADD_ELEMENT_IN_POSITION", { sectionId: B, element: O, index: K });
     },
     [g, a]
-  ), Se = ae.useCallback(
-    (G, B, K) => {
+  ), Se = se.useCallback(
+    (O, B, K) => {
       g(
         (P) => P == null ? void 0 : P.map(
           (E) => {
-            var O;
+            var q;
             return E.id === K ? {
               ...E,
-              questionData: (O = E == null ? void 0 : E.questionData) == null ? void 0 : O.map(
-                (H) => {
-                  var U;
-                  return H.type === "grid" && H.gridData ? {
-                    ...H,
-                    gridData: (U = H.gridData) == null ? void 0 : U.map(
-                      (F, Q) => Q === G ? {
-                        ...F,
+              questionData: (q = E == null ? void 0 : E.questionData) == null ? void 0 : q.map(
+                ($) => {
+                  var j;
+                  return $.type === "grid" && $.gridData ? {
+                    ...$,
+                    gridData: (j = $.gridData) == null ? void 0 : j.map(
+                      (H, U) => U === O ? {
+                        ...H,
                         ...B
-                      } : F
+                      } : H
                     ).concat(
-                      G >= H.gridData.length ? { ...B } : []
+                      O >= $.gridData.length ? { ...B } : []
                     )
-                  } : H;
+                  } : $;
                 }
               )
             } : E;
           }
         )
-      ), a == null || a("UPDATE_GRID_ELEMENT", { sectionId: K, gridIndex: G, element: B });
+      ), a == null || a("UPDATE_GRID_ELEMENT", { sectionId: K, gridIndex: O, element: B });
     },
     [g, a]
-  ), ke = ae.useCallback(
-    (G, B) => {
+  ), Ce = se.useCallback(
+    (O, B) => {
       g(
         (K) => K == null ? void 0 : K.map(
           (P) => {
@@ -222,99 +222,99 @@ const ce = xn(void 0), Pi = {
             return P.id === B ? {
               ...P,
               questionData: (E = P == null ? void 0 : P.questionData) == null ? void 0 : E.map(
-                (O) => O.id === G.id ? { ...O, ...G } : O
+                (q) => q.id === O.id ? { ...q, ...O } : q
               )
             } : P;
           }
         )
-      ), a == null || a("UPDATE_ELEMENT", { sectionId: B, value: G });
+      ), a == null || a("UPDATE_ELEMENT", { sectionId: B, value: O });
     },
     [g, a]
-  ), Be = ae.useCallback(
-    (G) => {
+  ), Be = se.useCallback(
+    (O) => {
       const {
         draggedId: B,
         sectionId: K,
         targetIndex: P,
         targetId: E,
-        targetGridId: O,
-        targetCol: H
-      } = G;
+        targetGridId: q,
+        targetCol: $
+      } = O;
       g(
-        (U) => U.map((F) => {
-          if (F.id !== K) return F;
-          const Q = [...F == null ? void 0 : F.questionData], pe = Q.findIndex((ue) => ue.id === B);
-          if (pe === -1) return F;
-          const he = { ...Q[pe] };
-          if (O !== void 0 && H !== void 0) {
-            if (he.type === "grid") return F;
-            const ue = Q.findIndex(
-              (le) => {
+        (j) => j.map((H) => {
+          if (H.id !== K) return H;
+          const U = [...H == null ? void 0 : H.questionData], Q = U.findIndex((le) => le.id === B);
+          if (Q === -1) return H;
+          const oe = { ...U[Q] };
+          if (q !== void 0 && $ !== void 0) {
+            if (oe.type === "grid") return H;
+            const le = U.findIndex(
+              (te) => {
                 var Ne;
-                return le.id !== B && le.gridId === O && ((Ne = le.gridPosition) == null ? void 0 : Ne.col) === H;
+                return te.id !== B && te.gridId === q && ((Ne = te.gridPosition) == null ? void 0 : Ne.col) === $;
               }
             );
-            let ge = Q.map(
-              (le) => le.id === B ? {
-                ...le,
-                gridId: O,
-                gridPosition: { col: H }
-              } : le
+            let me = U.map(
+              (te) => te.id === B ? {
+                ...te,
+                gridId: q,
+                gridPosition: { col: $ }
+              } : te
             );
-            return ue !== -1 && (ge = ge.map((le, Ne) => {
-              if (Ne !== ue) return le;
-              const Le = { ...le };
+            return le !== -1 && (me = me.map((te, Ne) => {
+              if (Ne !== le) return te;
+              const Le = { ...te };
               return delete Le.gridId, delete Le.gridPosition, Le;
-            })), { ...F, questionData: ge };
+            })), { ...H, questionData: me };
           }
-          if (he.gridId && P !== void 0 && O === void 0) {
-            const ue = { ...he };
-            delete ue.gridId, delete ue.gridPosition;
-            const ge = Q.filter((Ne) => Ne.id !== B), le = Math.min(P, ge.length);
-            return ge.splice(le, 0, ue), { ...F, questionData: ge };
+          if (oe.gridId && P !== void 0 && q === void 0) {
+            const le = { ...oe };
+            delete le.gridId, delete le.gridPosition;
+            const me = U.filter((Ne) => Ne.id !== B), te = Math.min(P, me.length);
+            return me.splice(te, 0, le), { ...H, questionData: me };
           }
-          if (!he.gridId && P !== void 0 && O === void 0 && !E) {
-            Q.splice(pe, 1);
-            const ue = Math.min(P, Q.length);
-            return Q.splice(ue, 0, he), { ...F, questionData: Q };
+          if (!oe.gridId && P !== void 0 && q === void 0 && !E) {
+            U.splice(Q, 1);
+            const le = Math.min(P, U.length);
+            return U.splice(le, 0, oe), { ...H, questionData: U };
           }
           if (E) {
-            const ue = Q.findIndex((ge) => ge.id === E);
-            return ue === -1 ? F : (Q.splice(pe, 1), Q.splice(ue, 0, he), { ...F, questionData: Q });
+            const le = U.findIndex((me) => me.id === E);
+            return le === -1 ? H : (U.splice(Q, 1), U.splice(le, 0, oe), { ...H, questionData: U });
           }
-          return F;
+          return H;
         })
-      ), a == null || a("MOVE_ELEMENT", G);
+      ), a == null || a("MOVE_ELEMENT", O);
     },
     [g, a]
-  ), Me = ae.useCallback(
-    (G, B) => {
+  ), Me = se.useCallback(
+    (O, B) => {
       g(
         (K) => K == null ? void 0 : K.map(
           (P) => P.id === B ? {
             ...P,
-            ...G
+            ...O
           } : P
         )
-      ), a == null || a("UPDATE_SECTION", { sectionId: B, value: G });
+      ), a == null || a("UPDATE_SECTION", { sectionId: B, value: O });
     },
     [g, a]
-  ), Ee = X(
+  ), Ee = ee(
     () => ({
       formData: S,
       setFormData: g,
-      handleDragStop: $,
+      handleDragStop: X,
       removeElement: V,
       elementData: u,
       setElementData: t,
       updateElementPosition: Ae,
-      addElement: ve,
-      addElementInPosition: se,
-      updateElement: ke,
-      addSection: be,
+      addElement: ge,
+      addElementInPosition: ue,
+      updateElement: Ce,
+      addSection: he,
       removeSection: _,
       updateSection: Me,
-      isDragging: C,
+      isDragging: k,
       setIsDragging: M,
       selectedSection: w,
       setSelectedSection: A,
@@ -324,47 +324,47 @@ const ce = xn(void 0), Pi = {
       answerData: l,
       setAnswerData: d,
       uploadUrl: L,
-      setUploadUrl: W,
+      setUploadUrl: F,
       apiActivityCount: Z,
-      setApiActivityCount: ee,
-      duplicateElement: de,
+      setApiActivityCount: ie,
+      duplicateElement: ce,
       moveElement: Be,
       showPreview: s,
       setShowPreview: o,
       undo: p,
       redo: N,
-      canUndo: k,
+      canUndo: C,
       canRedo: x
     }),
     [
       S,
-      $,
+      X,
       V,
       u,
       Ae,
-      ve,
-      se,
-      ke,
-      be,
+      ge,
+      ue,
+      Ce,
+      he,
       _,
       Me,
-      C,
+      k,
       w,
       T,
       Se,
       l,
       L,
       Z,
-      de,
+      ce,
       Be,
       s,
       p,
       N,
-      k,
+      C,
       x
     ]
   );
-  return /* @__PURE__ */ i(ce.Provider, { value: Ee, children: e });
+  return /* @__PURE__ */ i(be.Provider, { value: Ee, children: e });
 };
 function Xi(e) {
   var n, a, s = "";
@@ -375,12 +375,12 @@ function Xi(e) {
   } else for (a in e) e[a] && (s && (s += " "), s += a);
   return s;
 }
-function q() {
+function J() {
   for (var e, n, a = 0, s = "", o = arguments.length; a < o; a++) (e = arguments[a]) && (n = Xi(e)) && (s && (s += " "), s += n);
   return s;
 }
 function In({ type: e = "calendar", className: n }) {
-  return /* @__PURE__ */ i(re, { children: e === "calendar" ? /* @__PURE__ */ b(
+  return /* @__PURE__ */ i(ve, { children: e === "calendar" ? /* @__PURE__ */ b(
     "svg",
     {
       width: "20",
@@ -564,10 +564,10 @@ const vi = ({
   showYearDropdown: t
 }) => {
   const m = e ? new Date(e) : null, [c, r] = D(m);
-  return j(() => {
+  return G(() => {
     const v = e ? new Date(e) : null;
     (v && c && v.getTime() !== c.getTime() || !v && c || v && !c) && r(v);
-  }, [e]), j(() => {
+  }, [e]), G(() => {
     n && n(o, c);
   }, [c, n, o]), /* @__PURE__ */ i("div", { className: "builder_date__picker", children: /* @__PURE__ */ i(
     Sn,
@@ -602,7 +602,7 @@ function Kn({
     watch: o
   } = n || {};
   let l;
-  return o && (l = o()[e.id]), j(() => {
+  return o && (l = o()[e.id]), G(() => {
     a(e.id);
   }, [e.id]), /* @__PURE__ */ i(
     vi,
@@ -629,7 +629,7 @@ function ai({
     {
       placeholder: (e == null ? void 0 : e.placeholder) || "",
       type: (e == null ? void 0 : e.inputType) || "text",
-      className: q("field-control", e == null ? void 0 : e.customClass),
+      className: J("field-control", e == null ? void 0 : e.customClass),
       ...a(e == null ? void 0 : e.id),
       disabled: n == null ? void 0 : n.isReadOnly,
       inputMode: (e == null ? void 0 : e.inputMode) || void 0,
@@ -884,19 +884,19 @@ function $n(e, n) {
     const g = [], p = f.hFlip, N = f.vFlip;
     let S = f.rotate;
     p ? N ? S += 2 : (g.push("translate(" + (o.width + o.left).toString() + " " + (0 - o.top).toString() + ")"), g.push("scale(-1 1)"), o.top = o.left = 0) : N && (g.push("translate(" + (0 - o.left).toString() + " " + (o.height + o.top).toString() + ")"), g.push("scale(1 -1)"), o.top = o.left = 0);
-    let k;
+    let C;
     switch (S < 0 && (S -= Math.floor(S / 4) * 4), S = S % 4, S) {
       case 1:
-        k = o.height / 2 + o.top, g.unshift("rotate(90 " + k.toString() + " " + k.toString() + ")");
+        C = o.height / 2 + o.top, g.unshift("rotate(90 " + C.toString() + " " + C.toString() + ")");
         break;
       case 2:
         g.unshift("rotate(180 " + (o.width / 2 + o.left).toString() + " " + (o.height / 2 + o.top).toString() + ")");
         break;
       case 3:
-        k = o.width / 2 + o.left, g.unshift("rotate(-90 " + k.toString() + " " + k.toString() + ")");
+        C = o.width / 2 + o.left, g.unshift("rotate(-90 " + C.toString() + " " + C.toString() + ")");
         break;
     }
-    S % 2 === 1 && (o.left !== o.top && (k = o.left, o.left = o.top, o.top = k), o.width !== o.height && (k = o.width, o.width = o.height, o.height = k)), g.length && (l = Yn(l, '<g transform="' + g.join(" ") + '">', "</g>"));
+    S % 2 === 1 && (o.left !== o.top && (C = o.left, o.left = o.top, o.top = C), o.width !== o.height && (C = o.width, o.width = o.height, o.height = C)), g.length && (l = Yn(l, '<g transform="' + g.join(" ") + '">', "</g>"));
   });
   const d = s.width, u = s.height, t = o.width, m = o.height;
   let c, r;
@@ -952,15 +952,15 @@ function Ni(e) {
     dataAfterTimeout: e.dataAfterTimeout !== !1
   };
 }
-const Ci = /* @__PURE__ */ Object.create(null), je = ["https://api.simplesvg.com", "https://api.unisvg.com"], qe = [];
+const ki = /* @__PURE__ */ Object.create(null), je = ["https://api.simplesvg.com", "https://api.unisvg.com"], qe = [];
 for (; je.length > 0; ) je.length === 1 || Math.random() > 0.5 ? qe.push(je.shift()) : qe.push(je.pop());
-Ci[""] = Ni({ resources: ["https://api.iconify.design"].concat(qe) });
+ki[""] = Ni({ resources: ["https://api.iconify.design"].concat(qe) });
 function aa(e, n) {
   const a = Ni(n);
-  return a === null ? !1 : (Ci[e] = a, !0);
+  return a === null ? !1 : (ki[e] = a, !0);
 }
-function ki(e) {
-  return Ci[e];
+function Ci(e) {
+  return ki[e];
 }
 const oa = () => {
   let e;
@@ -971,7 +971,7 @@ const oa = () => {
 };
 let Oi = oa();
 function sa(e, n) {
-  const a = ki(e);
+  const a = Ci(e);
   if (!a) return 0;
   let s;
   if (!a.maxURL) s = 0;
@@ -1007,7 +1007,7 @@ const da = (e, n, a) => {
 };
 function ua(e) {
   if (typeof e == "string") {
-    const n = ki(e);
+    const n = Ci(e);
     if (n) return n.path;
   }
   return "/";
@@ -1154,12 +1154,12 @@ function ga(e, n, a, s) {
   const o = e.resources.length, l = e.random ? Math.floor(Math.random() * o) : e.index;
   let d;
   if (e.random) {
-    let C = e.resources.slice(0);
-    for (d = []; C.length > 1; ) {
-      const M = Math.floor(Math.random() * C.length);
-      d.push(C[M]), C = C.slice(0, M).concat(C.slice(M + 1));
+    let k = e.resources.slice(0);
+    for (d = []; k.length > 1; ) {
+      const M = Math.floor(Math.random() * k.length);
+      d.push(k[M]), k = k.slice(0, M).concat(k.slice(M + 1));
     }
-    d = d.concat(C);
+    d = d.concat(k);
   } else d = e.resources.slice(l).concat(e.resources.slice(0, l));
   const u = Date.now();
   let t = "pending", m = 0, c, r = null, h = [], v = [];
@@ -1168,12 +1168,12 @@ function ga(e, n, a, s) {
     r && (clearTimeout(r), r = null);
   }
   function f() {
-    t === "pending" && (t = "aborted"), y(), h.forEach((C) => {
-      C.status === "pending" && (C.status = "aborted");
+    t === "pending" && (t = "aborted"), y(), h.forEach((k) => {
+      k.status === "pending" && (k.status = "aborted");
     }), h = [];
   }
-  function g(C, M) {
-    M && (v = []), typeof C == "function" && v.push(C);
+  function g(k, M) {
+    M && (v = []), typeof k == "function" && v.push(k);
   }
   function p() {
     return {
@@ -1187,18 +1187,18 @@ function ga(e, n, a, s) {
     };
   }
   function N() {
-    t = "failed", v.forEach((C) => {
-      C(void 0, c);
+    t = "failed", v.forEach((k) => {
+      k(void 0, c);
     });
   }
   function S() {
-    h.forEach((C) => {
-      C.status === "pending" && (C.status = "aborted");
+    h.forEach((k) => {
+      k.status === "pending" && (k.status = "aborted");
     }), h = [];
   }
-  function k(C, M, w) {
+  function C(k, M, w) {
     const A = M !== "success";
-    switch (h = h.filter((T) => T !== C), t) {
+    switch (h = h.filter((T) => T !== k), t) {
       case "pending":
         break;
       case "failed":
@@ -1216,7 +1216,7 @@ function ga(e, n, a, s) {
       return;
     }
     if (y(), S(), !e.random) {
-      const T = e.resources.indexOf(C.resource);
+      const T = e.resources.indexOf(k.resource);
       T !== -1 && T !== e.index && (e.index = T);
     }
     t = "completed", v.forEach((T) => {
@@ -1226,8 +1226,8 @@ function ga(e, n, a, s) {
   function x() {
     if (t !== "pending") return;
     y();
-    const C = d.shift();
-    if (C === void 0) {
+    const k = d.shift();
+    if (k === void 0) {
       if (h.length) {
         r = setTimeout(() => {
           y(), t === "pending" && (S(), N());
@@ -1239,12 +1239,12 @@ function ga(e, n, a, s) {
     }
     const M = {
       status: "pending",
-      resource: C,
+      resource: k,
       callback: (w, A) => {
-        k(M, w, A);
+        C(M, w, A);
       }
     };
-    h.push(M), m++, r = setTimeout(x, e.rotate), a(C, n, M.callback);
+    h.push(M), m++, r = setTimeout(x, e.rotate), a(k, n, M.callback);
   }
   return setTimeout(x), p;
 }
@@ -1281,7 +1281,7 @@ function Gi() {
 const si = /* @__PURE__ */ Object.create(null);
 function fa(e) {
   if (!si[e]) {
-    const n = ki(e);
+    const n = Ci(e);
     if (!n) return;
     const a = cn(n), s = {
       config: n,
@@ -1415,7 +1415,7 @@ const Na = (e, n) => {
     m.length && Sa(t, m);
   }), n ? ba(n, s, l) : ji;
 };
-function Ca(e, n) {
+function ka(e, n) {
   const a = { ...e };
   for (const s in n) {
     const o = n[s], l = typeof o;
@@ -1423,9 +1423,9 @@ function Ca(e, n) {
   }
   return a;
 }
-const ka = /[\s,]+/;
+const Ca = /[\s,]+/;
 function Ma(e, n) {
-  n.split(ka).forEach((a) => {
+  n.split(Ca).forEach((a) => {
     switch (a.trim()) {
       case "horizontal":
         e.hFlip = !0;
@@ -1522,7 +1522,7 @@ function Ui(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
 const Oa = (e, n, a) => {
-  const s = n.inline ? Ka : rn, o = Ca(s, n), l = n.mode || "svg", d = {}, u = n.style || {}, t = {
+  const s = n.inline ? Ka : rn, o = ka(s, n), l = n.mode || "svg", d = {}, u = n.style || {}, t = {
     ...l === "svg" ? Da : {}
   };
   if (a) {
@@ -1697,7 +1697,7 @@ function bn(e) {
         });
       } else f && ((v = e.onLoad) === null || v === void 0 || v.call(e, y));
   }
-  j(() => (a(!0), t), []), j(() => {
+  G(() => (a(!0), t), []), G(() => {
     n && c();
   }, [e.icon, n]);
   const { name: r, data: h } = d;
@@ -1715,11 +1715,11 @@ Zi((e, n) => bn({
   ...e,
   _ref: n
 }));
-function J({
+function z({
   icon: e,
   iconClass: n
 }) {
-  return /* @__PURE__ */ i(re, { children: /* @__PURE__ */ i(vn, { icon: e, className: n }) });
+  return /* @__PURE__ */ i(ve, { children: /* @__PURE__ */ i(vn, { icon: e, className: n }) });
 }
 function Mi({
   element: e,
@@ -1736,13 +1736,13 @@ function Mi({
   } = n || {}, [t, m] = D(() => {
     const h = u == null ? void 0 : u(e.id);
     return Array.isArray(h) ? h : [];
-  }), c = X(
+  }), c = ee(
     () => t == null ? void 0 : t.map((h) => h.label).join(", "),
     [t]
   );
-  return j(() => {
+  return G(() => {
     s(e.id);
-  }, [e.id, s]), j(() => {
+  }, [e.id, s]), G(() => {
     if (!d) return;
     const h = d((v) => {
       const y = v[e.id];
@@ -1753,7 +1753,7 @@ function Mi({
       return (v = h.unsubscribe) == null ? void 0 : v.call(h);
     };
   }, [d, e.id]), /* @__PURE__ */ i("div", { className: "custom-select", children: /* @__PURE__ */ i(
-    ne,
+    ae,
     {
       value: t || [],
       onChange: (h) => {
@@ -1764,24 +1764,24 @@ function Mi({
       by: "value",
       children: /* @__PURE__ */ b("div", { className: "custom-select__wrapper", children: [
         /* @__PURE__ */ b(
-          ne.Button,
+          ae.Button,
           {
             className: "custom-select__control field-control",
             disabled: l,
             children: [
               /* @__PURE__ */ i("span", { className: "custom-select__value", children: (t == null ? void 0 : t.length) > 0 ? c : /* @__PURE__ */ i("span", { className: "custom-select__placeholder", children: a != null ? a : " Select options" }) }),
-              /* @__PURE__ */ i("span", { className: "custom-select__icon", children: /* @__PURE__ */ i(J, { icon: "lucide:chevron-down" }) })
+              /* @__PURE__ */ i("span", { className: "custom-select__icon", children: /* @__PURE__ */ i(z, { icon: "lucide:chevron-down" }) })
             ]
           }
         ),
         /* @__PURE__ */ i(we, { as: ze, leave: "custom-select__transition", children: /* @__PURE__ */ i(
-          ne.Options,
+          ae.Options,
           {
             anchor: "bottom start",
             className: "custom-select__options",
             children: (r = e == null ? void 0 : e.options) == null ? void 0 : r.map(
               (h, v) => /* @__PURE__ */ i(
-                ne.Option,
+                ae.Option,
                 {
                   value: h,
                   className: ({ active: y }) => `custom-select__option ${y ? "custom-select__option--active" : ""}`,
@@ -1830,9 +1830,9 @@ function pn({
   removeFile: a
 }) {
   const [s, o] = D(!1), [l, d] = D("unknown"), [u, t] = D(null);
-  j(() => {
+  G(() => {
     e && d(ja(e));
-  }, [e]), j(() => {
+  }, [e]), G(() => {
     if (l === "pdf" && (e != null && e.startsWith("data:")))
       try {
         const v = atob(e.split(",")[1]), y = new ArrayBuffer(v.length), f = new Uint8Array(y);
@@ -1867,8 +1867,8 @@ function pn({
         className: "!flex items-center rounded cursor-pointer   gap-x-3",
         title: `Click to preview ${r}`,
         children: [
-          l === "image" && /* @__PURE__ */ i("div", { className: "flex items-center justify-center ", children: /* @__PURE__ */ i(J, { iconClass: "text-4xl", icon: "fluent-color:image-48" }) }),
-          l !== "image" && /* @__PURE__ */ i(J, { icon: Ha[l], iconClass: "text-4xl" }),
+          l === "image" && /* @__PURE__ */ i("div", { className: "flex items-center justify-center ", children: /* @__PURE__ */ i(z, { iconClass: "text-4xl", icon: "fluent-color:image-48" }) }),
+          l !== "image" && /* @__PURE__ */ i(z, { icon: Ha[l], iconClass: "text-4xl" }),
           /* @__PURE__ */ i("span", { className: "text-sm font-semibold text-center text-gray-700 truncate max-w-[300px]", children: r })
         ]
       }
@@ -1881,7 +1881,7 @@ function pn({
           className: "p-2",
           onClick: () => h(u || e, n),
           title: `Download ${r}`,
-          children: /* @__PURE__ */ i(J, { icon: "streamline-flex:download-tray-solid" })
+          children: /* @__PURE__ */ i(z, { icon: "streamline-flex:download-tray-solid" })
         }
       ),
       a && /* @__PURE__ */ i(
@@ -1890,7 +1890,7 @@ function pn({
           type: "button",
           className: "p-2 text-lg text-red-500",
           onClick: a,
-          children: /* @__PURE__ */ i(J, { icon: "lets-icons:trash-duotone" })
+          children: /* @__PURE__ */ i(z, { icon: "lets-icons:trash-duotone" })
         }
       )
     ] }),
@@ -1937,7 +1937,7 @@ function pn({
     )
   ] });
 }
-const oe = (e) => {
+const de = (e) => {
   const n = typeof window != "undefined" ? localStorage.getItem(e) : "";
   try {
     return JSON.parse(n);
@@ -1956,20 +1956,20 @@ function Va({
   list: o = null,
   accept: l = []
 }) {
-  const { uploadUrl: d, setApiActivityCount: u } = ye(ce), t = te(null), [m, c] = D(o), [r, h] = D(!1);
-  j(() => {
+  const { uploadUrl: d, setApiActivityCount: u } = ye(be), t = re(null), [m, c] = D(o), [r, h] = D(!1);
+  G(() => {
     c(o);
   }, [o]);
-  const v = X(
+  const v = ee(
     () => l == null ? void 0 : l.map((x) => x.value).join(", "),
     [l]
-  ), y = X(
+  ), y = ee(
     () => l == null ? void 0 : l.map((x) => x.label).join(", "),
     [l]
   ), f = Y(
     async (x) => {
       var w, A;
-      const C = oe("token"), M = ((w = oe("orgData")) == null ? void 0 : w.id) || oe("organizationId");
+      const k = de("token"), M = ((w = de("orgData")) == null ? void 0 : w.id) || de("organizationId");
       try {
         const { data: T } = await Pe.post(
           d,
@@ -1980,7 +1980,7 @@ function Va({
           },
           {
             headers: {
-              Authorization: `Bearer ${C}`
+              Authorization: `Bearer ${k}`
             }
           }
         );
@@ -1991,7 +1991,7 @@ function Va({
     },
     [d]
   ), g = Y(
-    (x) => new Promise((C, M) => {
+    (x) => new Promise((k, M) => {
       const w = new FileReader();
       w.onloadend = async () => {
         try {
@@ -2003,7 +2003,7 @@ function Va({
             ext: `.${x.name.split(".").pop()}`,
             fileName: x.name
           }) : w.result;
-          C({
+          k({
             base64: T,
             type: x.type,
             name: x.name
@@ -2017,13 +2017,13 @@ function Va({
   ), p = Y(
     (x) => {
       var M;
-      const C = v ? (M = v.split(",")) == null ? void 0 : M.map((w) => w.trim()) : [];
+      const k = v ? (M = v.split(",")) == null ? void 0 : M.map((w) => w.trim()) : [];
       for (const w of x) {
         if (w.size > Fa)
           return xe.error(
             `File "${w.name}" exceeds 5MB limit (${(w.size / 1024 / 1024).toFixed(2)}MB)`
           ), !1;
-        if (C.length && !C.some(
+        if (k.length && !k.some(
           (A) => w.type === A || w.name.toLowerCase().endsWith(A.replace("*", ""))
         ))
           return xe.error(
@@ -2035,16 +2035,16 @@ function Va({
     [v, y]
   ), N = Y(
     async (x) => {
-      const C = Array.from(x.target.files || []);
-      if (!(!C.length || r)) {
-        if (!p(C)) {
+      const k = Array.from(x.target.files || []);
+      if (!(!k.length || r)) {
+        if (!p(k)) {
           t.current && (t.current.value = "");
           return;
         }
         try {
           h(!0), u == null || u((A) => A + 1);
-          const M = await Promise.all(C == null ? void 0 : C.map(g)), w = s && m ? [...m, ...M] : M;
-          c(w), e(w), xe.success(`Successfully uploaded ${C.length} file(s)`);
+          const M = await Promise.all(k == null ? void 0 : k.map(g)), w = s && m ? [...m, ...M] : M;
+          c(w), e(w), xe.success(`Successfully uploaded ${k.length} file(s)`);
         } catch (M) {
           console.error("Upload error:", M), xe.error("Failed to upload file(s). Please try again.");
         } finally {
@@ -2055,13 +2055,13 @@ function Va({
     [r, p, g, e, s, m, u]
   ), S = Y(
     (x) => {
-      r || (t.current && (t.current.value = ""), c((C) => {
-        const M = x === void 0 ? null : (C == null ? void 0 : C.filter((w, A) => A !== x)) || null;
+      r || (t.current && (t.current.value = ""), c((k) => {
+        const M = x === void 0 ? null : (k == null ? void 0 : k.filter((w, A) => A !== x)) || null;
         return e(M), M;
       }), a == null || a());
     },
     [a, e, r]
-  ), k = m && m.length > 0;
+  ), C = m && m.length > 0;
   return /* @__PURE__ */ b("div", { className: "flex flex-col items-start gap-2", children: [
     !n && /* @__PURE__ */ b("div", { className: "!flex field-control !py-0 !px-0 relative", children: [
       /* @__PURE__ */ i(
@@ -2080,7 +2080,7 @@ function Va({
                      hover:file:bg-blue-100 disabled:opacity-50 disabled:cursor-not-allowed`
         }
       ),
-      k && /* @__PURE__ */ i(
+      C && /* @__PURE__ */ i(
         "button",
         {
           type: "button",
@@ -2088,23 +2088,23 @@ function Va({
           onClick: () => S(),
           disabled: r,
           "aria-label": "Remove all files",
-          children: /* @__PURE__ */ i(J, { icon: "lets-icons:trash-duotone" })
+          children: /* @__PURE__ */ i(z, { icon: "lets-icons:trash-duotone" })
         }
       )
     ] }),
-    k && /* @__PURE__ */ b("div", { className: "relative grid gap-y-1 flex-1 w-full", children: [
+    C && /* @__PURE__ */ b("div", { className: "relative grid gap-y-1 flex-1 w-full", children: [
       r && /* @__PURE__ */ i("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: [
         /* @__PURE__ */ i("span", { className: "animate-spin h-4 w-4 border-2 border-blue-500 border-t-transparent rounded-full" }),
         "Uploading..."
       ] }) }),
-      typeof m == "object" && (m == null ? void 0 : m.map((x, C) => /* @__PURE__ */ i(
+      typeof m == "object" && (m == null ? void 0 : m.map((x, k) => /* @__PURE__ */ i(
         pn,
         {
           fileUrl: x.base64,
           fileName: x.name,
-          removeFile: () => S(C)
+          removeFile: () => S(k)
         },
-        `${x.name}-${C}`
+        `${x.name}-${k}`
       )))
     ] })
   ] });
@@ -2117,9 +2117,9 @@ function Ua({ element: e, validationData: n }) {
     isReadOnly: d,
     watch: u
   } = n || {};
-  j(() => {
+  G(() => {
     o(e.id);
-  }, [e.id, o]), j(() => {
+  }, [e.id, o]), G(() => {
     if (u) {
       const r = u((h) => {
         s(h[e.id]);
@@ -2150,7 +2150,7 @@ function Ua({ element: e, validationData: n }) {
         accept: e == null ? void 0 : e.acceptedFiles
       }
     ),
-    d && /* @__PURE__ */ i(re, { children: a ? /* @__PURE__ */ i("div", { className: "relative grid gap-y-1 flex-1 w-full", children: typeof a == "object" && Array.isArray(a) && a.map(
+    d && /* @__PURE__ */ i(ve, { children: a ? /* @__PURE__ */ i("div", { className: "relative grid gap-y-1 flex-1 w-full", children: typeof a == "object" && Array.isArray(a) && a.map(
       (r, h) => /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(
         pn,
         {
@@ -2171,13 +2171,13 @@ function Wa({
     {
       placeholder: e.placeholder,
       type: e.inputType,
-      className: q("field-control", e == null ? void 0 : e.customClass),
+      className: J("field-control", e == null ? void 0 : e.customClass),
       ...a(e.id),
       disabled: n == null ? void 0 : n.isReadOnly
     }
   );
 }
-const z = ({
+const W = ({
   label: e,
   name: n,
   register: a,
@@ -2197,7 +2197,7 @@ const z = ({
   description: g,
   onChange: p
 }) => {
-  var S, k, x, C;
+  var S, C, x, k;
   const N = a ? { ...a(n) } : {};
   if (l === "amount")
     return /* @__PURE__ */ b("div", { className: "space-y-1.5 relative", children: [
@@ -2256,7 +2256,7 @@ const z = ({
             peer-disabled:cursor-not-allowed
           `,
                 children: w && /* @__PURE__ */ i(
-                  J,
+                  z,
                   {
                     icon: "meteor-icons:check",
                     iconClass: "w-3.5 h-3.5 text-white"
@@ -2271,7 +2271,7 @@ const z = ({
           ]
         }
       ),
-      (s == null ? void 0 : s[n]) && /* @__PURE__ */ i("p", { className: "ml-8 text-sm text-red-600", children: (k = s[n]) == null ? void 0 : k.message })
+      (s == null ? void 0 : s[n]) && /* @__PURE__ */ i("p", { className: "ml-8 text-sm text-red-600", children: (C = s[n]) == null ? void 0 : C.message })
     ] });
   }
   return l === "textarea" ? /* @__PURE__ */ b("div", { className: "space-y-1.5 relative", children: [
@@ -2320,7 +2320,7 @@ const z = ({
         max: f
       }
     ),
-    (s == null ? void 0 : s[n]) && /* @__PURE__ */ i("p", { className: "mt-1 text-sm text-red-600", children: (C = s[n]) == null ? void 0 : C.message })
+    (s == null ? void 0 : s[n]) && /* @__PURE__ */ i("p", { className: "mt-1 text-sm text-red-600", children: (k = s[n]) == null ? void 0 : k.message })
   ] });
 };
 function za({
@@ -2329,9 +2329,9 @@ function za({
 }) {
   var o;
   const { register: a = () => ({}), watch: s } = n || {};
-  return /* @__PURE__ */ i("div", { className: q("grid gap-y-[6px]", e.customClass), children: (o = e == null ? void 0 : e.options) == null ? void 0 : o.map(
+  return /* @__PURE__ */ i("div", { className: J("grid gap-y-[6px]", e.customClass), children: (o = e == null ? void 0 : e.options) == null ? void 0 : o.map(
     (l) => /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(
-      z,
+      W,
       {
         placeholder: e.placeholder,
         type: e.inputType,
@@ -2357,9 +2357,9 @@ function qa({
 }) {
   var o;
   const { register: a = () => ({}), watch: s } = n || {};
-  return /* @__PURE__ */ i("div", { className: q("grid gap-y-[6px]", e.customClass), children: (o = e == null ? void 0 : e.options) == null ? void 0 : o.map(
+  return /* @__PURE__ */ i("div", { className: J("grid gap-y-[6px]", e.customClass), children: (o = e == null ? void 0 : e.options) == null ? void 0 : o.map(
     (l) => /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(
-      z,
+      W,
       {
         placeholder: e.placeholder,
         type: e.inputType,
@@ -2390,39 +2390,39 @@ const Ie = ({
   loading: v,
   disabled: y
 }) => {
-  const [f, g] = D(m ? [] : null), p = te(!1), N = X(() => !u || !e || e.length === 0 ? m ? [] : null : m ? Array.isArray(u) ? e.filter((x) => u.some(
-    (C) => {
+  const [f, g] = D(m ? [] : null), p = re(!1), N = ee(() => !u || !e || e.length === 0 ? m ? [] : null : m ? Array.isArray(u) ? e.filter((x) => u.some(
+    (k) => {
       var M;
-      return typeof x.value == "object" ? ((M = x.value) == null ? void 0 : M.id) === (C == null ? void 0 : C.id) : x.value === C;
+      return typeof x.value == "object" ? ((M = x.value) == null ? void 0 : M.id) === (k == null ? void 0 : k.id) : x.value === k;
     }
   )) : [] : e.find((x) => {
-    var C;
-    return typeof x.value == "string" && typeof u == "string" ? x.value.toLowerCase() === u.toLowerCase() : typeof x.value == "object" && typeof u == "object" ? ((C = x.value) == null ? void 0 : C.id) === (u == null ? void 0 : u.id) : x.value === u;
+    var k;
+    return typeof x.value == "string" && typeof u == "string" ? x.value.toLowerCase() === u.toLowerCase() : typeof x.value == "object" && typeof u == "object" ? ((k = x.value) == null ? void 0 : k.id) === (u == null ? void 0 : u.id) : x.value === u;
   }) || null, [u, e, m]);
-  j(() => {
+  G(() => {
     if (p.current) {
       p.current = !1;
       return;
     }
     if (m && Array.isArray(N) && Array.isArray(f)) {
-      const x = f == null ? void 0 : f.map((M) => M.value), C = N == null ? void 0 : N.map((M) => M.value);
-      JSON.stringify(x) !== JSON.stringify(C) && g(N);
+      const x = f == null ? void 0 : f.map((M) => M.value), k = N == null ? void 0 : N.map((M) => M.value);
+      JSON.stringify(x) !== JSON.stringify(k) && g(N);
     } else (N == null ? void 0 : N.value) !== (f == null ? void 0 : f.value) && g(N);
   }, [N, m]);
   const S = Y((x) => {
-    var C;
+    var k;
     if (p.current = !0, g(x), o) {
-      const M = m ? Array.isArray(x) ? x == null ? void 0 : x.map((w) => w.value) : [] : (C = x == null ? void 0 : x.value) != null ? C : null;
+      const M = m ? Array.isArray(x) ? x == null ? void 0 : x.map((w) => w.value) : [] : (k = x == null ? void 0 : x.value) != null ? k : null;
       o(l, M), t == null || t(l);
     }
     s && !p.current && s(l);
-  }, [o, l, t, s, m]), k = X(() => v ? "Fetching data..." : f ? m && Array.isArray(f) ? f.length > 0 ? f == null ? void 0 : f.map((x) => x.label).join(", ") : n : (f == null ? void 0 : f.label) || n : n, [f, v, n, m]);
+  }, [o, l, t, s, m]), C = ee(() => v ? "Fetching data..." : f ? m && Array.isArray(f) ? f.length > 0 ? f == null ? void 0 : f.map((x) => x.label).join(", ") : n : (f == null ? void 0 : f.label) || n : n, [f, v, n, m]);
   return /* @__PURE__ */ b("div", { className: "relative", children: [
     !c && d && /* @__PURE__ */ i("label", { className: "block text-sm text-[#686878] darks:text-white/70 mb-2", children: d }),
     c && d && /* @__PURE__ */ i(
       "label",
       {
-        className: q(
+        className: J(
           "z-[40] absolute bg-white py-[2px] px-1 -top-[10px] left-3",
           h
         ),
@@ -2430,24 +2430,24 @@ const Ie = ({
       }
     ),
     /* @__PURE__ */ i(
-      ne,
+      ae,
       {
         value: f,
         onChange: S,
         multiple: m,
         disabled: y || v,
         children: /* @__PURE__ */ b("div", { className: "relative", children: [
-          /* @__PURE__ */ b(ne.Button, { className: "field-control", disabled: y || v, children: [
+          /* @__PURE__ */ b(ae.Button, { className: "field-control", disabled: y || v, children: [
             /* @__PURE__ */ i(
               "span",
               {
-                className: q("block text-sm text-left truncate", {
+                className: J("block text-sm text-left truncate", {
                   "opacity-60": !f || v
                 }),
-                children: k
+                children: C
               }
             ),
-            /* @__PURE__ */ i("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ i(J, { icon: "lucide:chevron-down" }) })
+            /* @__PURE__ */ i("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ i(z, { icon: "lucide:chevron-down" }) })
           ] }),
           /* @__PURE__ */ i(
             we,
@@ -2455,16 +2455,16 @@ const Ie = ({
               leave: "transition ease-in duration-100",
               leaveFrom: "opacity-100",
               leaveTo: "opacity-0",
-              children: /* @__PURE__ */ i(ne.Options, { anchor: "bottom start", className: "select-button-options", children: e.length === 0 ? /* @__PURE__ */ i("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No options available" }) : e == null ? void 0 : e.map((x, C) => {
+              children: /* @__PURE__ */ i(ae.Options, { anchor: "bottom start", className: "select-button-options", children: e.length === 0 ? /* @__PURE__ */ i("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No options available" }) : e == null ? void 0 : e.map((x, k) => {
                 var M;
                 return /* @__PURE__ */ i(
-                  ne.Option,
+                  ae.Option,
                   {
                     value: x,
-                    className: ({ active: w }) => q("select-option", { active: w }),
-                    children: ({ selected: w }) => /* @__PURE__ */ i("div", { className: q("option-text", { selected: w }), children: x.label })
+                    className: ({ active: w }) => J("select-option", { active: w }),
+                    children: ({ selected: w }) => /* @__PURE__ */ i("div", { className: J("option-text", { selected: w }), children: x.label })
                   },
-                  ((M = x.value) == null ? void 0 : M.id) || x.value || C
+                  ((M = x.value) == null ? void 0 : M.id) || x.value || k
                 );
               }) })
             }
@@ -2487,15 +2487,15 @@ function Ue({
   customClass: u
 }) {
   const [t, m] = D(""), [c, r] = D([]), [h, v] = D(!1);
-  j(() => {
+  G(() => {
     (async () => {
-      var x, C;
+      var x, k;
       if (n) {
         v(!0);
         try {
-          const M = oe("token"), w = M ? { headers: { Authorization: `Bearer ${M}` } } : {};
+          const M = de("token"), w = M ? { headers: { Authorization: `Bearer ${M}` } } : {};
           let T = (await Pe.get(n, w)).data;
-          if (T && !Array.isArray(T) && (T.data && Array.isArray(T.data) ? T = T.data : (x = T.data) != null && x.data && Array.isArray(T.data.data) ? T = T.data.data : T.results && Array.isArray(T.results) ? T = T.results : (C = T.data) != null && C.results && Array.isArray(T.data.results) ? T = T.data.results : T.items && Array.isArray(T.items) && (T = T.items)), Array.isArray(T)) {
+          if (T && !Array.isArray(T) && (T.data && Array.isArray(T.data) ? T = T.data : (x = T.data) != null && x.data && Array.isArray(T.data.data) ? T = T.data.data : T.results && Array.isArray(T.results) ? T = T.results : (k = T.data) != null && k.results && Array.isArray(T.data.results) ? T = T.data.results : T.items && Array.isArray(T.items) && (T = T.items)), Array.isArray(T)) {
             const I = T.map((L) => typeof L == "string" ? { label: L, value: L } : {
               label: L.label || L.name || String(L.id || L.value),
               value: String(L.value || L.id || L.name)
@@ -2510,27 +2510,27 @@ function Ue({
       }
     })();
   }, [n]);
-  const y = n ? c : e, f = X(() => {
-    const k = a != null ? a : s;
-    return k == null || k === "" ? null : y.find((x) => String(x.value) === String(k) || String(x.label) === String(k)) || null;
+  const y = n ? c : e, f = ee(() => {
+    const C = a != null ? a : s;
+    return C == null || C === "" ? null : y.find((x) => String(x.value) === String(C) || String(x.label) === String(C)) || null;
   }, [a, s, y]), [g, p] = D(f);
-  j(() => {
+  G(() => {
     if (a !== void 0)
       if (a === null || a === "")
         p(null);
       else {
-        const k = y.find((x) => String(x.value) === String(a) || String(x.label) === String(a)) || null;
-        p(k);
+        const C = y.find((x) => String(x.value) === String(a) || String(x.label) === String(a)) || null;
+        p(C);
       }
   }, [a, y]);
-  const N = X(() => {
+  const N = ee(() => {
     if (t === "") return y;
-    const k = t.toLowerCase();
+    const C = t.toLowerCase();
     return y.filter(
-      (x) => x.label.toLowerCase().includes(k)
+      (x) => x.label.toLowerCase().includes(C)
     );
-  }, [t, y]), S = Y((k) => {
-    p(k), o(d, k);
+  }, [t, y]), S = Y((C) => {
+    p(C), o(d, C);
   }, [d, o]);
   return /* @__PURE__ */ i("div", { className: "relative w-full", children: /* @__PURE__ */ b(
     De,
@@ -2544,24 +2544,24 @@ function Ue({
             Nn,
             {
               className: `field-control ${u}`,
-              displayValue: (k) => (k == null ? void 0 : k.label) || "",
-              onChange: (k) => m(k.target.value),
+              displayValue: (C) => (C == null ? void 0 : C.label) || "",
+              onChange: (C) => m(C.target.value),
               placeholder: h ? "Loading..." : l ? "" : "Select an option..."
             }
           ),
-          !l && /* @__PURE__ */ i(Cn, { className: "absolute inset-y-0 right-0 flex items-center px-2 text-gray-400 hover:text-gray-600", children: h ? /* @__PURE__ */ b("svg", { className: "animate-spin h-4 w-4", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
+          !l && /* @__PURE__ */ i(kn, { className: "absolute inset-y-0 right-0 flex items-center px-2 text-gray-400 hover:text-gray-600", children: h ? /* @__PURE__ */ b("svg", { className: "animate-spin h-4 w-4", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
             /* @__PURE__ */ i("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
             /* @__PURE__ */ i("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
-          ] }) : /* @__PURE__ */ i(J, { icon: "octicon:chevron-down-12" }) })
+          ] }) : /* @__PURE__ */ i(z, { icon: "octicon:chevron-down-12" }) })
         ] }),
-        /* @__PURE__ */ i(kn, { anchor: "bottom start", className: "select-options__combo", children: h ? /* @__PURE__ */ i("div", { className: "px-3 py-2 text-sm text-gray-500", children: "Loading..." }) : N.length === 0 ? /* @__PURE__ */ i("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No results found." }) : N == null ? void 0 : N.map((k) => /* @__PURE__ */ i(
+        /* @__PURE__ */ i(Cn, { anchor: "bottom start", className: "select-options__combo", children: h ? /* @__PURE__ */ i("div", { className: "px-3 py-2 text-sm text-gray-500", children: "Loading..." }) : N.length === 0 ? /* @__PURE__ */ i("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No results found." }) : N == null ? void 0 : N.map((C) => /* @__PURE__ */ i(
           Mn,
           {
-            value: k,
-            className: ({ active: x, selected: C }) => q("select-option", { active: x, selected: C }),
-            children: ({ selected: x }) => /* @__PURE__ */ i("div", { className: q("option-text", { selected: x }), children: k.label })
+            value: C,
+            className: ({ active: x, selected: k }) => J("select-option", { active: x, selected: k }),
+            children: ({ selected: x }) => /* @__PURE__ */ i("div", { className: J("option-text", { selected: x }), children: C.label })
           },
-          k.value
+          C.value
         )) })
       ]
     }
@@ -2579,9 +2579,9 @@ function _a({
     watch: l
   } = n || {};
   let d;
-  return l && (d = l()[e.id]), j(() => {
+  return l && (d = l()[e.id]), G(() => {
     a(e.id);
-  }, [e.id, a]), /* @__PURE__ */ i(re, { children: e.selectType === "list" ? /* @__PURE__ */ i(
+  }, [e.id, a]), /* @__PURE__ */ i(ve, { children: e.selectType === "list" ? /* @__PURE__ */ i(
     Ie,
     {
       options: (u = e == null ? void 0 : e.options) != null ? u : [],
@@ -2590,7 +2590,7 @@ function _a({
       setValue: o,
       trigger: s,
       value: d,
-      className: q("field-control", e == null ? void 0 : e.customClass),
+      className: J("field-control", e == null ? void 0 : e.customClass),
       disabled: n == null ? void 0 : n.isReadOnly
     }
   ) : /* @__PURE__ */ i(
@@ -2614,7 +2614,7 @@ function Ya({
     {
       placeholder: e.placeholder,
       rows: 4,
-      className: q("field-control resize-none", e == null ? void 0 : e.customClass),
+      className: J("field-control resize-none", e == null ? void 0 : e.customClass),
       ...a(e.id),
       disabled: n == null ? void 0 : n.isReadOnly
     }
@@ -2656,16 +2656,16 @@ const Za = ({
   activeTab: o,
   btnClass: l = ""
 }) => {
-  const d = q(
+  const d = J(
     "flex gap-x-3 mb-8 w-full no-scrollbar overflow-x-auto border-b-2 border-[#EAECF0] darks:border-gray-500",
     n
   );
   return /* @__PURE__ */ i("div", { className: d, children: e == null ? void 0 : e.map((u) => {
-    const t = o === u.key, m = a[u.key] || 0, c = q(
+    const t = o === u.key, m = a[u.key] || 0, c = J(
       "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",
       `${e.length === 1 ? "justify-start" : "justify-center"}`,
       l
-    ), r = q({
+    ), r = J({
       "border-gray-500 border-primary border-primary-500  text-primary text-primary-500": t,
       "border-transparent text-gray-400 ": !t
     }), h = m > 0 && /* @__PURE__ */ i("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: m });
@@ -2673,7 +2673,7 @@ const Za = ({
       "button",
       {
         onClick: () => s(u.key),
-        className: q(c, r),
+        className: J(c, r),
         "aria-selected": t,
         role: "tab",
         type: "button",
@@ -2709,8 +2709,8 @@ const Za = ({
 }, Re = (e, n = e) => ({
   label: e,
   value: n,
-  id: me()
-}), ie = (e) => ({
+  id: pe()
+}), ne = (e) => ({
   ...Qa,
   ...e
 }), Xa = _e == null ? void 0 : _e.map((e) => ({
@@ -2718,28 +2718,28 @@ const Za = ({
   value: e.name,
   id: e.code || e.name
 })), eo = [
-  ie({
+  ne({
     type: "basicText",
     label: "Basic Text",
     icon: "majesticons:text",
     inputLabel: "",
     inputType: "basicText"
   }),
-  ie({
+  ne({
     type: "textField",
     label: "Text Input",
     icon: "fluent:text-16-filled",
     inputLabel: "Text Label",
     inputType: "text"
   }),
-  ie({
+  ne({
     type: "longText",
     label: "Long Text",
     icon: "dashicons:text",
     inputLabel: "Long Text Label",
     inputType: "text"
   }),
-  ie({
+  ne({
     type: "selectField",
     label: "List",
     icon: "tabler:select",
@@ -2757,7 +2757,7 @@ const Za = ({
   //   options: [option("Parent", "")],
   //   options2: [option("Child", "")],
   // }),
-  ie({
+  ne({
     type: "multiSelect",
     label: "Multi List",
     icon: "fluent-mdl2:multi-select",
@@ -2765,7 +2765,7 @@ const Za = ({
     inputType: "select",
     options: [Re("Placeholder 1", "placeholder_1")]
   }),
-  ie({
+  ne({
     type: "validateInput",
     label: "Validate",
     icon: "iconoir:www",
@@ -2775,7 +2775,7 @@ const Za = ({
     method: "GET",
     responseType: "string"
   }),
-  ie({
+  ne({
     type: "numberField",
     label: "Number",
     icon: "octicon:number-16",
@@ -2783,7 +2783,7 @@ const Za = ({
     inputType: "number",
     inputMode: "decimal"
   }),
-  ie({
+  ne({
     type: "amountField",
     label: "Amount",
     icon: "carbon:currency",
@@ -2791,7 +2791,7 @@ const Za = ({
     inputType: "amount",
     prefix: null
   }),
-  ie({
+  ne({
     type: "date",
     label: "Date",
     icon: "bx:calendar",
@@ -2804,21 +2804,21 @@ const Za = ({
     canHaveDateRange: !1,
     allowYearPicker: !1
   }),
-  ie({
+  ne({
     type: "url",
     label: "Link",
     icon: "iconamoon:link",
     inputLabel: "Url Link",
     inputType: "url"
   }),
-  ie({
+  ne({
     type: "password",
     label: "Password",
     icon: "ic:round-password",
     inputLabel: "Password Label",
     inputType: "password"
   }),
-  ie({
+  ne({
     type: "checkbox",
     label: "Checkbox",
     icon: "mingcute:checkbox-line",
@@ -2826,7 +2826,7 @@ const Za = ({
     inputType: "checkbox",
     options: [Re("Checkbox Option", "")]
   }),
-  ie({
+  ne({
     type: "phoneField",
     label: "Phone",
     icon: "fluent-mdl2:add-phone",
@@ -2834,7 +2834,7 @@ const Za = ({
     inputType: "tel",
     pattern: "^\\+?[0-9]{7,15}$"
   }),
-  ie({
+  ne({
     type: "radio",
     label: "Radio",
     icon: "ri:checkbox-circle-line",
@@ -2842,14 +2842,14 @@ const Za = ({
     inputType: "radio",
     options: [Re("Radio Option", "")]
   }),
-  ie({
+  ne({
     type: "email",
     label: "Email",
     icon: "mdi:email-outline",
     inputLabel: "Email Label",
     inputType: "email"
   }),
-  ie({
+  ne({
     type: "file",
     label: "File",
     icon: "ion:attach-sharp",
@@ -2858,7 +2858,7 @@ const Za = ({
     isMultiple: !1,
     acceptedFiles: []
   }),
-  ie({
+  ne({
     type: "country",
     label: "Country",
     icon: "fluent:globe-16-regular",
@@ -2867,14 +2867,14 @@ const Za = ({
     options: Xa,
     showState: !1
   }),
-  ie({
+  ne({
     type: "rating",
     label: "Ratings",
     icon: "streamline-ultimate:rating-star-ribbon",
     inputLabel: "Rating Label",
     inputType: "rating"
   }),
-  ie({
+  ne({
     type: "dataGrid",
     label: "Table",
     icon: "carbon:data-table",
@@ -2883,7 +2883,7 @@ const Za = ({
     value: [],
     dataColumns: [
       {
-        id: me(),
+        id: pe(),
         field: "",
         headerName: "",
         width: 150,
@@ -2901,14 +2901,14 @@ const Za = ({
   //   inputType: "tableInput",
   //   value: [],
   // }),
-  ie({
+  ne({
     type: "divider",
     label: "Divider",
     icon: "pixel:divider",
     inputLabel: "",
     inputType: "divider"
   }),
-  ie({
+  ne({
     type: "spacer",
     label: "Spacer",
     icon: "fluent-mdl2:spacer",
@@ -2922,7 +2922,7 @@ const Za = ({
   //   inputLabel: "",
   //   inputType: "section",
   // }),
-  ie({
+  ne({
     type: "grid",
     label: "Grid",
     icon: "cuida:grid-outline",
@@ -2930,7 +2930,7 @@ const Za = ({
     inputType: "grid",
     columns: 2
   }),
-  ie({
+  ne({
     type: "matrix",
     label: "Likert Scale",
     icon: "pepicons-pop:list",
@@ -2947,7 +2947,7 @@ const Za = ({
       { id: "c5", label: "Strongly Agree", value: "strongly_agree" }
     ]
   }),
-  ie({
+  ne({
     type: "calculatedField",
     label: "Calculated Field",
     icon: "material-symbols:functions",
@@ -2955,7 +2955,7 @@ const Za = ({
     inputType: "calculatedField",
     formula: ""
   }),
-  ie({
+  ne({
     type: "polling",
     label: "Polling",
     icon: "mdi:poll",
@@ -3093,7 +3093,7 @@ function mo({
   const [s, o] = D(
     (e == null ? void 0 : e.length) > 0 ? e : [{ value: "" }]
   );
-  j(() => {
+  G(() => {
     (e == null ? void 0 : e.length) > 0 && JSON.stringify(e) !== JSON.stringify(s) && o(e);
   }, [e]);
   function l(t, m) {
@@ -3116,7 +3116,7 @@ function mo({
     const m = s.filter((c, r) => r !== t);
     o(m), n && n(m);
   }
-  return j(() => {
+  return G(() => {
     a && a(JSON.stringify({ values: s }));
   }, [a, s]), /* @__PURE__ */ b("div", { className: "]", children: [
     /* @__PURE__ */ b("div", { className: "border border-gray-200 rounded-lg overflow-hidden", children: [
@@ -3218,7 +3218,7 @@ const bo = () => /* @__PURE__ */ i("blockquote", { className: "bg-gray-100 p-4 r
   label: s,
   type: o
 }) => {
-  const [l, d] = D(""), u = oe("config");
+  const [l, d] = D(""), u = de("config");
   return /* @__PURE__ */ b("div", { children: [
     /* @__PURE__ */ b("div", { className: "relative", children: [
       /* @__PURE__ */ i(
@@ -3339,7 +3339,7 @@ function xo({
   watch: s,
   id: o
 }) {
-  const { formData: l } = ye(ce), d = s("visibilityDependentFields") || [], u = X(() => {
+  const { formData: l } = ye(be), d = s("visibilityDependentFields") || [], u = ee(() => {
     var m;
     return (m = fo(l).filter((c) => c.id !== o)) == null ? void 0 : m.map((c) => {
       const r = d.find(
@@ -3388,12 +3388,12 @@ function xo({
           }
         ),
         /* @__PURE__ */ i("div", { className: "field-listbox min-w-[100px]", children: /* @__PURE__ */ i(
-          ne,
+          ae,
           {
             value: m.fieldType,
             onChange: (v) => t(c, "fieldType", v),
             children: /* @__PURE__ */ b("div", { className: "listbox-wrapper", children: [
-              /* @__PURE__ */ i(ne.Button, { className: "listbox-button", children: m.fieldType }),
+              /* @__PURE__ */ i(ae.Button, { className: "listbox-button", children: m.fieldType }),
               /* @__PURE__ */ i(
                 we,
                 {
@@ -3402,12 +3402,12 @@ function xo({
                   leaveFrom: "opacity-100",
                   leaveTo: "opacity-0",
                   children: /* @__PURE__ */ i(
-                    ne.Options,
+                    ae.Options,
                     {
                       className: "listbox-options ",
                       anchor: "bottom",
                       children: di == null ? void 0 : di.map((v) => /* @__PURE__ */ i(
-                        ne.Option,
+                        ae.Option,
                         {
                           value: v,
                           className: "listbox-option",
@@ -3423,12 +3423,12 @@ function xo({
           }
         ) }),
         /* @__PURE__ */ i("div", { className: "field-listbox min-w-[100px]", children: /* @__PURE__ */ i(
-          ne,
+          ae,
           {
             value: m.operator,
             onChange: (v) => t(c, "operator", v),
             children: /* @__PURE__ */ b("div", { className: "listbox-wrapper", children: [
-              /* @__PURE__ */ i(ne.Button, { className: "listbox-button", children: m.operator.replace("_", " ") }),
+              /* @__PURE__ */ i(ae.Button, { className: "listbox-button", children: m.operator.replace("_", " ") }),
               /* @__PURE__ */ i(
                 we,
                 {
@@ -3437,12 +3437,12 @@ function xo({
                   leaveFrom: "opacity-100",
                   leaveTo: "opacity-0",
                   children: /* @__PURE__ */ i(
-                    ne.Options,
+                    ae.Options,
                     {
                       className: "listbox-options ",
                       anchor: "bottom",
                       children: (r = m.fieldType === "number" ? [...zi, ...yo] : zi) == null ? void 0 : r.map((v) => /* @__PURE__ */ i(
-                        ne.Option,
+                        ae.Option,
                         {
                           value: v,
                           className: "listbox-option",
@@ -3467,12 +3467,12 @@ function xo({
             className: "field-value"
           }
         ) : /* @__PURE__ */ i("div", { className: "field-listbox", children: /* @__PURE__ */ i(
-          ne,
+          ae,
           {
             value: (h = m.fieldValue) != null ? h : "",
             onChange: (v) => t(c, "fieldValue", v),
             children: /* @__PURE__ */ b("div", { className: "listbox-wrapper", children: [
-              /* @__PURE__ */ i(ne.Button, { className: "listbox-button", children: m.fieldValue === !0 ? "True" : m.fieldValue === !1 ? "False" : "Select value" }),
+              /* @__PURE__ */ i(ae.Button, { className: "listbox-button", children: m.fieldValue === !0 ? "True" : m.fieldValue === !1 ? "False" : "Select value" }),
               /* @__PURE__ */ i(
                 we,
                 {
@@ -3481,13 +3481,13 @@ function xo({
                   leaveFrom: "opacity-100",
                   leaveTo: "opacity-0",
                   children: /* @__PURE__ */ b(
-                    ne.Options,
+                    ae.Options,
                     {
                       className: "listbox-options ",
                       anchor: "bottom",
                       children: [
                         /* @__PURE__ */ i(
-                          ne.Option,
+                          ae.Option,
                           {
                             value: !0,
                             className: "listbox-option",
@@ -3495,7 +3495,7 @@ function xo({
                           }
                         ),
                         /* @__PURE__ */ i(
-                          ne.Option,
+                          ae.Option,
                           {
                             value: !1,
                             className: "listbox-option",
@@ -3535,8 +3535,8 @@ function So({
   fields: a,
   placeholder: s
 }) {
-  const [o, l] = D(() => Ji(e)), [d, u] = D(null), [t, m] = D(!1), [c, r] = D(""), [h, v] = D(null), y = te(null), f = te(null), g = te(/* @__PURE__ */ new Map());
-  j(() => {
+  const [o, l] = D(() => Ji(e)), [d, u] = D(null), [t, m] = D(!1), [c, r] = D(""), [h, v] = D(null), y = re(null), f = re(null), g = re(/* @__PURE__ */ new Map());
+  G(() => {
     const A = Ji(e);
     l(A);
   }, []);
@@ -3551,17 +3551,17 @@ function So({
   }, S = (A) => {
     const T = o.filter((I, L) => L !== A);
     l(T), p(T);
-  }, k = (A) => {
+  }, C = (A) => {
     v(A), r(""), m(!0);
   }, x = (A, T) => {
-    const I = T !== void 0 ? T : h != null ? h : o.length, L = [...o], W = L.slice(0, I), Z = L.slice(I), ee = [
-      ...W,
+    const I = T !== void 0 ? T : h != null ? h : o.length, L = [...o], F = L.slice(0, I), Z = L.slice(I), ie = [
+      ...F,
       { type: "field", id: A.id, display: A.display },
       ...Z
-    ], $ = C(ee);
-    l($), p($), m(!1), v(null);
+    ], X = k(ie);
+    l(X), p(X), m(!1), v(null);
   };
-  function C(A) {
+  function k(A) {
     const T = [];
     if (A.length === 0) return [{ type: "operator", value: "" }];
     A[0].type === "field" && T.push({ type: "operator", value: "" });
@@ -3638,7 +3638,7 @@ function So({
             {
               type: "button",
               onMouseDown: (A) => {
-                A.preventDefault(), k(o.length);
+                A.preventDefault(), C(o.length);
               },
               className: "inline-flex items-center gap-1 text-xs text-blue-600 hover:text-blue-800 hover:bg-blue-50 px-1.5 py-0.5 rounded transition-colors",
               title: "Insert a field",
@@ -3652,7 +3652,7 @@ function So({
       /* @__PURE__ */ i("span", { className: "font-sans font-semibold text-blue-500 uppercase tracking-wide mr-1", children: "Preview:" }),
       o.map((A) => A.type === "field" ? `[${A.display}]` : A.value).join("")
     ] }),
-    t && /* @__PURE__ */ b(re, { children: [
+    t && /* @__PURE__ */ b(ve, { children: [
       /* @__PURE__ */ i(
         "div",
         {
@@ -3794,18 +3794,18 @@ const No = R.object().shape({
   formula: R.string().nullable(),
   fetchExternalResults: R.boolean(),
   externalApiUrl: R.string().nullable()
-}), Co = [
+}), ko = [
   { title: "Configurations", key: "basic" },
   { title: "Validations", key: "validation" }
-], ko = ({
+], Co = ({
   isOpen: e,
   onClose: n,
   element: a
 }) => {
-  var G;
-  const s = Co.filter(
+  var O;
+  const s = ko.filter(
     (B) => !We.includes(a.inputType) || B.key !== "validation"
-  ), { updateElement: o, formData: l } = ae.useContext(ce), [d, u] = D("basic"), [t, m] = D(!1), [c, r] = D("manual"), h = ((G = l == null ? void 0 : l.flatMap((B) => (B == null ? void 0 : B.questionData) || [])) == null ? void 0 : G.length) || 0, v = ae.useMemo(() => (l == null ? void 0 : l.flatMap((B) => (B == null ? void 0 : B.questionData) || []).filter(
+  ), { updateElement: o, formData: l } = se.useContext(be), [d, u] = D("basic"), [t, m] = D(!1), [c, r] = D("manual"), h = ((O = l == null ? void 0 : l.flatMap((B) => (B == null ? void 0 : B.questionData) || [])) == null ? void 0 : O.length) || 0, v = se.useMemo(() => (l == null ? void 0 : l.flatMap((B) => (B == null ? void 0 : B.questionData) || []).filter(
     (B) => {
       var K;
       return B.id !== (a == null ? void 0 : a.id) && !["spacer", "divider", "section", "grid"].includes(
@@ -3815,14 +3815,14 @@ const No = R.object().shape({
   ).map((B) => ({
     id: B.id,
     display: B.inputLabel || B.label || "Unnamed"
-  }))) || [], [h, a == null ? void 0 : a.id]), y = oe("config"), {
+  }))) || [], [h, a == null ? void 0 : a.id]), y = de("config"), {
     register: f,
     handleSubmit: g,
     control: p,
     setValue: N,
     watch: S,
-    trigger: k,
-    formState: { errors: x, isSubmitting: C, isValid: M },
+    trigger: C,
+    formState: { errors: x, isSubmitting: k, isValid: M },
     reset: w
   } = Ai({
     resolver: wi(No),
@@ -3834,30 +3834,30 @@ const No = R.object().shape({
     control: p,
     name: "options"
   }), {
-    fields: W,
+    fields: F,
     append: Z,
-    remove: ee
+    remove: ie
   } = ni({
     control: p,
     name: "options1"
   }), {
-    fields: $,
-    append: be,
+    fields: X,
+    append: he,
     remove: _
   } = ni({
     control: p,
     name: "dataColumns"
   });
-  j(() => {
+  G(() => {
     e || w();
   }, [e, w]);
   const V = (B) => {
     o(B, a.sectionId), n();
   }, Ae = {
     headers: {
-      Authorization: `Bearer ${oe("token")}`
+      Authorization: `Bearer ${de("token")}`
     }
-  }, ve = Y(async () => {
+  }, ge = Y(async () => {
     var B, K, P;
     if (!A.apiUrl || !/^https?:\/\//.test(A.apiUrl)) {
       xe.info("Please provide a valid API URL");
@@ -3865,31 +3865,31 @@ const No = R.object().shape({
     }
     try {
       m(!0);
-      const { status: E, data: O } = await Pe.get(A.apiUrl, Ae);
-      if (E !== 200 || !O) {
+      const { status: E, data: q } = await Pe.get(A.apiUrl, Ae);
+      if (E !== 200 || !q) {
         xe.error("Unexpected response from server.");
         return;
       }
-      const H = O.data || O.record || O.result;
-      if (!Array.isArray(H)) {
+      const $ = q.data || q.record || q.result;
+      if (!Array.isArray($)) {
         xe.error("Expected an array in response (data, record, or result).");
         return;
       }
-      ((B = a.type) == null ? void 0 : B.toLowerCase()) === "datagrid" ? N("dataColumns", xi(H)) : N("options", yi(H));
+      ((B = a.type) == null ? void 0 : B.toLowerCase()) === "datagrid" ? N("dataColumns", xi($)) : N("options", yi($));
     } catch (E) {
-      const O = ((P = (K = E == null ? void 0 : E.response) == null ? void 0 : K.data) == null ? void 0 : P.message) || (E == null ? void 0 : E.message) || "Unable to load options";
-      xe.error(O);
+      const q = ((P = (K = E == null ? void 0 : E.response) == null ? void 0 : K.data) == null ? void 0 : P.message) || (E == null ? void 0 : E.message) || "Unable to load options";
+      xe.error(q);
     } finally {
       m(!1);
     }
-  }, [a.type, N, A.apiUrl]), se = ["manual", "api", "sheet"];
+  }, [a.type, N, A.apiUrl]), ue = ["manual", "api", "sheet"];
   function Se() {
-    c === "api" && ve();
+    c === "api" && ge();
   }
-  const ke = () => {
+  const Ce = () => {
     var B, K;
     return /* @__PURE__ */ b("div", { className: "flex flex-col justify-start gap-y-1", children: [
-      /* @__PURE__ */ i("div", { className: "flex items-center mb-4 gap-x-5", children: se == null ? void 0 : se.map((P) => /* @__PURE__ */ b("label", { className: "items-center text-base capitalize gap-x-3", children: [
+      /* @__PURE__ */ i("div", { className: "flex items-center mb-4 gap-x-5", children: ue == null ? void 0 : ue.map((P) => /* @__PURE__ */ b("label", { className: "items-center text-base capitalize gap-x-3", children: [
         /* @__PURE__ */ i(
           "input",
           {
@@ -3909,7 +3909,7 @@ const No = R.object().shape({
         /* @__PURE__ */ b("div", { className: "flex items-center gap-x-2", children: [
           /* @__PURE__ */ b("div", { className: "relative flex items-center w-full mb-2", children: [
             /* @__PURE__ */ i(
-              z,
+              W,
               {
                 watch: S,
                 label: "Load Options from Api",
@@ -3952,7 +3952,7 @@ const No = R.object().shape({
             className: "flex items-center mb-1 gap-x-4 last:mb-0",
             children: [
               /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                z,
+                W,
                 {
                   watch: S,
                   label: E === 0 ? "Label" : "",
@@ -3961,9 +3961,9 @@ const No = R.object().shape({
                   errors: x,
                   element: a,
                   placeholder: "Label",
-                  onChange: (O) => {
-                    const U = O.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
-                    N(`options.${E}.value`, U, {
+                  onChange: (q) => {
+                    const j = q.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
+                    N(`options.${E}.value`, j, {
                       shouldValidate: !0,
                       shouldDirty: !0
                     });
@@ -3971,7 +3971,7 @@ const No = R.object().shape({
                 }
               ) }),
               /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                z,
+                W,
                 {
                   watch: S,
                   label: E === 0 ? "Value" : "",
@@ -3989,7 +3989,7 @@ const No = R.object().shape({
                   type: "button",
                   className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
                   onClick: () => L(E),
-                  children: /* @__PURE__ */ i(J, { icon: "iconamoon:sign-times-fill" })
+                  children: /* @__PURE__ */ i(z, { icon: "iconamoon:sign-times-fill" })
                 }
               )
             ]
@@ -4004,27 +4004,27 @@ const No = R.object().shape({
             {
               type: "button",
               className: "flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",
-              onClick: () => I({ label: "", value: "", id: me() }),
+              onClick: () => I({ label: "", value: "", id: pe() }),
               children: [
-                /* @__PURE__ */ i(J, { icon: "qlementine-icons:plus-16" }),
+                /* @__PURE__ */ i(z, { icon: "qlementine-icons:plus-16" }),
                 " Add Option"
               ]
             }
           )
         ] })
       ] }),
-      ["cascadeselect", "matrix"].includes(a.type.toLowerCase()) && /* @__PURE__ */ b(re, { children: [
+      ["cascadeselect", "matrix"].includes(a.type.toLowerCase()) && /* @__PURE__ */ b(ve, { children: [
         /* @__PURE__ */ i("hr", { className: "my-5" }),
         /* @__PURE__ */ b("div", { children: [
           " ",
           /* @__PURE__ */ i("h3", { className: "mb-4 text-sm text-gray-500 font-semibold", children: ((K = a == null ? void 0 : a.type) == null ? void 0 : K.toLowerCase()) === "matrix" ? "Columns Options" : "Child Options" }),
-          W == null ? void 0 : W.map((P, E) => /* @__PURE__ */ b(
+          F == null ? void 0 : F.map((P, E) => /* @__PURE__ */ b(
             "div",
             {
               className: "flex items-center mb-1 gap-x-4 last:mb-0",
               children: [
                 /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                  z,
+                  W,
                   {
                     watch: S,
                     label: E === 0 ? "Label" : "",
@@ -4033,9 +4033,9 @@ const No = R.object().shape({
                     errors: x,
                     element: a,
                     placeholder: "Label",
-                    onChange: (O) => {
-                      const U = O.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
-                      N(`options1.${E}.value`, U, {
+                    onChange: (q) => {
+                      const j = q.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
+                      N(`options1.${E}.value`, j, {
                         shouldValidate: !0,
                         shouldDirty: !0
                       });
@@ -4043,7 +4043,7 @@ const No = R.object().shape({
                   }
                 ) }),
                 /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                  z,
+                  W,
                   {
                     watch: S,
                     label: E === 0 ? "Value" : "",
@@ -4055,7 +4055,7 @@ const No = R.object().shape({
                   }
                 ) }),
                 /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                  z,
+                  W,
                   {
                     watch: S,
                     label: E === 0 ? "Key" : "",
@@ -4069,11 +4069,11 @@ const No = R.object().shape({
                 /* @__PURE__ */ i(
                   "button",
                   {
-                    disabled: W.length === 1,
+                    disabled: F.length === 1,
                     type: "button",
                     className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
-                    onClick: () => ee(E),
-                    children: /* @__PURE__ */ i(J, { icon: "iconamoon:sign-times-fill" })
+                    onClick: () => ie(E),
+                    children: /* @__PURE__ */ i(z, { icon: "iconamoon:sign-times-fill" })
                   }
                 )
               ]
@@ -4087,9 +4087,9 @@ const No = R.object().shape({
               {
                 type: "button",
                 className: "flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",
-                onClick: () => Z({ label: "", value: "", key: "", id: me() }),
+                onClick: () => Z({ label: "", value: "", key: "", id: pe() }),
                 children: [
-                  /* @__PURE__ */ i(J, { icon: "qlementine-icons:plus-16" }),
+                  /* @__PURE__ */ i(z, { icon: "qlementine-icons:plus-16" }),
                   " Add Option"
                 ]
               }
@@ -4099,7 +4099,7 @@ const No = R.object().shape({
       ] })
     ] });
   }, Be = () => /* @__PURE__ */ b("div", { className: "flex flex-col justify-start gap-y-1", children: [
-    /* @__PURE__ */ i("div", { className: "flex items-center mb-4 gap-x-5", children: se == null ? void 0 : se.map((B) => /* @__PURE__ */ b("label", { className: "items-center text-base capitalize gap-x-3", children: [
+    /* @__PURE__ */ i("div", { className: "flex items-center mb-4 gap-x-5", children: ue == null ? void 0 : ue.map((B) => /* @__PURE__ */ b("label", { className: "items-center text-base capitalize gap-x-3", children: [
       /* @__PURE__ */ i(
         "input",
         {
@@ -4120,7 +4120,7 @@ const No = R.object().shape({
       /* @__PURE__ */ b("div", { className: "flex items-center gap-x-2", children: [
         /* @__PURE__ */ b("div", { className: "relative flex items-center w-full mb-2", children: [
           /* @__PURE__ */ i(
-            z,
+            W,
             {
               watch: S,
               label: "Load Columns from Api",
@@ -4155,7 +4155,7 @@ const No = R.object().shape({
         name: "dataColumns"
       }
     ) }),
-    /* @__PURE__ */ i("div", { className: "grid gap-y-3", children: $ == null ? void 0 : $.map((B, K) => {
+    /* @__PURE__ */ i("div", { className: "grid gap-y-3", children: X == null ? void 0 : X.map((B, K) => {
       var P, E;
       return /* @__PURE__ */ b(
         "div",
@@ -4188,20 +4188,20 @@ const No = R.object().shape({
                   register: f,
                   name: `dataColumns.${K}.type`,
                   setValue: N,
-                  trigger: k,
+                  trigger: C,
                   value: A.dataColumns[K].type
                 }
               ) }),
               /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                z,
+                W,
                 {
                   watch: S,
                   label: K === 0 ? "Display header" : "",
                   name: `dataColumns.${K}.headerName`,
                   register: f,
-                  onChange: (O) => {
-                    const U = O.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
-                    N(`dataColumns.${K}.field`, U, {
+                  onChange: (q) => {
+                    const j = q.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
+                    N(`dataColumns.${K}.field`, j, {
                       shouldValidate: !0,
                       shouldDirty: !0
                     });
@@ -4212,7 +4212,7 @@ const No = R.object().shape({
                 }
               ) }),
               /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                z,
+                W,
                 {
                   watch: S,
                   label: K === 0 ? "Field key" : "",
@@ -4227,16 +4227,16 @@ const No = R.object().shape({
               /* @__PURE__ */ i(
                 "button",
                 {
-                  disabled: $.length === 1,
+                  disabled: X.length === 1,
                   type: "button",
                   className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
                   onClick: () => _(K),
-                  children: /* @__PURE__ */ i(J, { icon: "iconamoon:sign-times-fill" })
+                  children: /* @__PURE__ */ i(z, { icon: "iconamoon:sign-times-fill" })
                 }
               )
             ] }),
             ((E = (P = A.dataColumns) == null ? void 0 : P[K]) == null ? void 0 : E.type) === "select" && /* @__PURE__ */ i("div", { className: "flex items-center gap-x-4", children: /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-              z,
+              W,
               {
                 watch: S,
                 label: "Options API URL",
@@ -4259,30 +4259,30 @@ const No = R.object().shape({
         {
           type: "button",
           className: "flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",
-          onClick: () => be({
+          onClick: () => he({
             headerName: "",
             field: "",
             editable: !0,
-            id: me(),
+            id: pe(),
             type: "text",
             validate: !1
           }),
           children: [
-            /* @__PURE__ */ i(J, { icon: "qlementine-icons:plus-16" }),
+            /* @__PURE__ */ i(z, { icon: "qlementine-icons:plus-16" }),
             " Add column"
           ]
         }
       )
     ] })
   ] }), Me = Y(async () => {
-    const B = oe("token"), { status: K, data: P } = await Pe.get(A.url, {
+    const B = de("token"), { status: K, data: P } = await Pe.get(A.url, {
       headers: {
         Authorization: `Bearer ${B}`
       }
     });
     K === 200 && N("options", (P == null ? void 0 : P.data) || P);
   }, [N, A.url]);
-  j(() => {
+  G(() => {
     a.type === "document" && A.url && Me();
   }, [A.url, a.type, Me]);
   const Ee = /* @__PURE__ */ i(
@@ -4300,7 +4300,7 @@ const No = R.object().shape({
           {
             className: "bg-white h-10 w-10 flex justify-center items-center absolute top-1 -left-12 rounded-lg hover:bg-gray-50",
             onClick: n,
-            children: /* @__PURE__ */ i(J, { icon: "tabler:x", iconClass: "text-xl" })
+            children: /* @__PURE__ */ i(z, { icon: "tabler:x", iconClass: "text-xl" })
           }
         ),
         /* @__PURE__ */ i("div", { className: "w-full pt-4", children: /* @__PURE__ */ i(
@@ -4323,8 +4323,8 @@ const No = R.object().shape({
                 " ",
                 /* @__PURE__ */ b("div", { className: " max-h-[70vh] overflow-y-auto flex-1", children: [
                   d === "basic" && /* @__PURE__ */ b("div", { className: "z-10 flex flex-col w-full gap-5 px-6", children: [
-                    li.includes(a.inputType) && /* @__PURE__ */ i(re, { children: /* @__PURE__ */ i(
-                      z,
+                    li.includes(a.inputType) && /* @__PURE__ */ i(ve, { children: /* @__PURE__ */ i(
+                      W,
                       {
                         watch: S,
                         label: "Value",
@@ -4334,9 +4334,9 @@ const No = R.object().shape({
                         element: a
                       }
                     ) }),
-                    !li.includes(a.inputType) && !We.includes(a.inputType) && /* @__PURE__ */ b(re, { children: [
+                    !li.includes(a.inputType) && !We.includes(a.inputType) && /* @__PURE__ */ b(ve, { children: [
                       /* @__PURE__ */ i(
-                        z,
+                        W,
                         {
                           watch: S,
                           label: "Label",
@@ -4348,7 +4348,7 @@ const No = R.object().shape({
                       ),
                       " ",
                       a.type.toLowerCase() === "cascadeselect" && /* @__PURE__ */ i(
-                        z,
+                        W,
                         {
                           watch: S,
                           label: "Child Label",
@@ -4360,7 +4360,7 @@ const No = R.object().shape({
                       )
                     ] }),
                     so.includes(a.inputType) && /* @__PURE__ */ i(
-                      z,
+                      W,
                       {
                         watch: S,
                         label: "Placeholder",
@@ -4371,7 +4371,7 @@ const No = R.object().shape({
                       }
                     ),
                     ao.includes(a.inputType) && /* @__PURE__ */ i(
-                      z,
+                      W,
                       {
                         watch: S,
                         label: "Prefix",
@@ -4384,7 +4384,7 @@ const No = R.object().shape({
                     to.includes(a.inputType) && /* @__PURE__ */ b("div", { className: "grid gap-y-4", children: [
                       /* @__PURE__ */ i(bo, {}),
                       /* @__PURE__ */ i(
-                        z,
+                        W,
                         {
                           watch: S,
                           label: "Api Url",
@@ -4411,7 +4411,7 @@ const No = R.object().shape({
                           register: f,
                           name: "method",
                           setValue: N,
-                          trigger: k,
+                          trigger: C,
                           value: S("method")
                         }
                       ),
@@ -4432,7 +4432,7 @@ const No = R.object().shape({
                           register: f,
                           name: "responseType",
                           setValue: N,
-                          trigger: k,
+                          trigger: C,
                           value: S("responseType")
                         }
                       )
@@ -4447,7 +4447,7 @@ const No = R.object().shape({
                       }
                     ),
                     !li.includes(a.inputType) && !We.includes(a.inputType) && /* @__PURE__ */ i(
-                      z,
+                      W,
                       {
                         watch: S,
                         label: "Short Description",
@@ -4457,7 +4457,7 @@ const No = R.object().shape({
                         element: a
                       }
                     ),
-                    a.type.toLowerCase() === "date" && /* @__PURE__ */ b(re, { children: [
+                    a.type.toLowerCase() === "date" && /* @__PURE__ */ b(ve, { children: [
                       /* @__PURE__ */ i(
                         Ie,
                         {
@@ -4466,12 +4466,12 @@ const No = R.object().shape({
                           register: f,
                           name: "dateFormat",
                           setValue: N,
-                          trigger: k,
+                          trigger: C,
                           value: S("dateFormat")
                         }
                       ),
                       /* @__PURE__ */ i(
-                        z,
+                        W,
                         {
                           watch: S,
                           label: "Allow Range",
@@ -4505,7 +4505,7 @@ const No = R.object().shape({
                         )
                       ] }),
                       /* @__PURE__ */ i(
-                        z,
+                        W,
                         {
                           watch: S,
                           label: "Allow Year Picker",
@@ -4519,7 +4519,7 @@ const No = R.object().shape({
                       )
                     ] }),
                     a.type.toLowerCase() === "country" && /* @__PURE__ */ i(
-                      z,
+                      W,
                       {
                         watch: S,
                         label: "Allow States",
@@ -4548,12 +4548,12 @@ const No = R.object().shape({
                         register: f,
                         name: "selectType",
                         setValue: N,
-                        trigger: k,
+                        trigger: C,
                         value: S("selectType")
                       }
                     ),
                     a.type.toLowerCase() === "grid" && /* @__PURE__ */ i(
-                      z,
+                      W,
                       {
                         watch: S,
                         label: "Number of columns (max: 4)",
@@ -4568,7 +4568,7 @@ const No = R.object().shape({
                     a.type.toLowerCase() === "document" && /* @__PURE__ */ b("div", { className: "grid gap-y-6", children: [
                       /* @__PURE__ */ b("div", { className: "grid gap-y-1", children: [
                         /* @__PURE__ */ i(
-                          z,
+                          W,
                           {
                             watch: S,
                             label: "Document Options Url",
@@ -4583,7 +4583,7 @@ const No = R.object().shape({
                       ] }),
                       /* @__PURE__ */ b("div", { className: "grid gap-y-1", children: [
                         /* @__PURE__ */ i(
-                          z,
+                          W,
                           {
                             watch: S,
                             label: "Document Validation Url",
@@ -4596,7 +4596,7 @@ const No = R.object().shape({
                         /* @__PURE__ */ i(go, {})
                       ] }),
                       /* @__PURE__ */ i("div", { className: "grid gap-y-1", children: /* @__PURE__ */ i(
-                        z,
+                        W,
                         {
                           watch: S,
                           label: "Signature Page Url",
@@ -4608,9 +4608,9 @@ const No = R.object().shape({
                       ) })
                     ] }),
                     a.type.toLowerCase() === "datagrid" && Be(),
-                    a.type.toLowerCase() === "file" && /* @__PURE__ */ b(re, { children: [
+                    a.type.toLowerCase() === "file" && /* @__PURE__ */ b(ve, { children: [
                       /* @__PURE__ */ i(
-                        z,
+                        W,
                         {
                           watch: S,
                           label: "Allow Multiple Uploads",
@@ -4630,15 +4630,15 @@ const No = R.object().shape({
                             id: "acceptedFiles",
                             value: A == null ? void 0 : A.acceptedFiles
                           },
-                          validationData: { register: f, setValue: N, trigger: k, watch: S },
+                          validationData: { register: f, setValue: N, trigger: C, watch: S },
                           placeholder: "Choose file types"
                         }
                       )
                     ] }),
-                    uo.includes(a.inputType) && ke(),
+                    uo.includes(a.inputType) && Ce(),
                     /* @__PURE__ */ b("div", { children: [
                       /* @__PURE__ */ i("div", { className: "w-[150px] mb-4", children: /* @__PURE__ */ i(
-                        z,
+                        W,
                         {
                           watch: S,
                           label: "Toggle Visibility",
@@ -4656,7 +4656,7 @@ const No = R.object().shape({
                         {
                           register: f,
                           setValue: N,
-                          trigger: k,
+                          trigger: C,
                           watch: S,
                           id: a == null ? void 0 : a.id
                         }
@@ -4679,7 +4679,7 @@ const No = R.object().shape({
                     ] }),
                     a.type.toLowerCase() === "polling" && /* @__PURE__ */ b("div", { className: "grid gap-y-4 mb-4 mt-2", children: [
                       /* @__PURE__ */ i(
-                        z,
+                        W,
                         {
                           watch: S,
                           label: "Fetch results from external API",
@@ -4692,7 +4692,7 @@ const No = R.object().shape({
                         }
                       ),
                       A.fetchExternalResults && /* @__PURE__ */ i(
-                        z,
+                        W,
                         {
                           watch: S,
                           label: "External API URL (returns options results)",
@@ -4708,7 +4708,7 @@ const No = R.object().shape({
                   !We.includes(a.type.toLowerCase()) && d === "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: [
                       /* @__PURE__ */ i("div", { className: "w-[150px]", children: /* @__PURE__ */ i(
-                        z,
+                        W,
                         {
                           watch: S,
                           label: "Required",
@@ -4722,7 +4722,7 @@ const No = R.object().shape({
                       ) }),
                       " ",
                       /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                        z,
+                        W,
                         {
                           watch: S,
                           label: "Error message text",
@@ -4733,10 +4733,10 @@ const No = R.object().shape({
                         }
                       ) })
                     ] }),
-                    oo.includes(a.inputType) && /* @__PURE__ */ b(re, { children: [
+                    oo.includes(a.inputType) && /* @__PURE__ */ b(ve, { children: [
                       /* @__PURE__ */ b("div", { className: "flex items-center gap-x-6", children: [
                         /* @__PURE__ */ i("div", { className: "w-[150px]", children: /* @__PURE__ */ i(
-                          z,
+                          W,
                           {
                             watch: S,
                             label: "Min Length",
@@ -4749,7 +4749,7 @@ const No = R.object().shape({
                         ) }),
                         " ",
                         /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                          z,
+                          W,
                           {
                             watch: S,
                             label: "Error message text",
@@ -4762,7 +4762,7 @@ const No = R.object().shape({
                       ] }),
                       /* @__PURE__ */ b("div", { className: "flex items-center gap-x-6", children: [
                         /* @__PURE__ */ i("div", { className: "w-[150px]", children: /* @__PURE__ */ i(
-                          z,
+                          W,
                           {
                             watch: S,
                             label: "Max Length",
@@ -4775,7 +4775,7 @@ const No = R.object().shape({
                         ) }),
                         " ",
                         /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                          z,
+                          W,
                           {
                             watch: S,
                             label: "Error message text",
@@ -4787,10 +4787,10 @@ const No = R.object().shape({
                         ) })
                       ] })
                     ] }),
-                    lo.includes(a.inputType) && /* @__PURE__ */ b(re, { children: [
+                    lo.includes(a.inputType) && /* @__PURE__ */ b(ve, { children: [
                       /* @__PURE__ */ b("div", { className: "flex items-center gap-x-6", children: [
                         /* @__PURE__ */ i("div", { className: "w-[150px]", children: /* @__PURE__ */ i(
-                          z,
+                          W,
                           {
                             watch: S,
                             label: "Min Amount",
@@ -4803,7 +4803,7 @@ const No = R.object().shape({
                         ) }),
                         " ",
                         /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                          z,
+                          W,
                           {
                             watch: S,
                             label: "Error message text",
@@ -4816,7 +4816,7 @@ const No = R.object().shape({
                       ] }),
                       /* @__PURE__ */ b("div", { className: "flex items-center gap-x-6", children: [
                         /* @__PURE__ */ i("div", { className: "w-[150px]", children: /* @__PURE__ */ i(
-                          z,
+                          W,
                           {
                             watch: S,
                             label: "Max Amount",
@@ -4829,7 +4829,7 @@ const No = R.object().shape({
                         ) }),
                         " ",
                         /* @__PURE__ */ i("div", { className: "flex-1", children: /* @__PURE__ */ i(
-                          z,
+                          W,
                           {
                             watch: S,
                             label: "Error message text",
@@ -4858,10 +4858,10 @@ const No = R.object().shape({
                   "button",
                   {
                     type: "submit",
-                    disabled: !M || C,
+                    disabled: !M || k,
                     style: { background: (y == null ? void 0 : y.buttonColor) || "#333" },
-                    className: `flex-1 px-4 py-2.5 ${!M || C ? "bg-[#F2F4F7]" : "bg-[#2563EB]"} ${!M || C ? "text-[#98A2B3]" : "text-white"} rounded-lg shadow-xs font-semibold font-onest disabled:opacity-50 editor_option__save`,
-                    children: C ? "Saving..." : "Save"
+                    className: `flex-1 px-4 py-2.5 ${!M || k ? "bg-[#F2F4F7]" : "bg-[#2563EB]"} ${!M || k ? "text-[#98A2B3]" : "text-white"} rounded-lg shadow-xs font-semibold font-onest disabled:opacity-50 editor_option__save`,
+                    children: k ? "Saving..." : "Save"
                   }
                 )
               ] })
@@ -4875,7 +4875,7 @@ const No = R.object().shape({
 }, Ti = Ze(
   ({ state: e, element: n, children: a }) => {
     var c, r;
-    const [s, o] = D(!1), { removeElement: l, duplicateElement: d, updateElement: u } = ae.useContext(ce), t = X(
+    const [s, o] = D(!1), { removeElement: l, duplicateElement: d, updateElement: u } = se.useContext(be), t = ee(
       () => {
         var h;
         return (h = n == null ? void 0 : n.acceptedFiles) == null ? void 0 : h.map((v) => v.label).join(", ");
@@ -4886,7 +4886,7 @@ const No = R.object().shape({
     }, [n.id, n.sectionId, l]);
     return /* @__PURE__ */ b("div", { className: "w-full min-w-0", children: [
       s && /* @__PURE__ */ i(
-        ko,
+        Co,
         {
           isOpen: s,
           onClose: () => o(!1),
@@ -4929,7 +4929,7 @@ const No = R.object().shape({
               className: "text-sm outline-none hover:opacity-80 py-1 text-gray-600",
               onClick: () => d(n == null ? void 0 : n.id, n.sectionId),
               title: "Duplicate",
-              children: /* @__PURE__ */ i(J, { icon: "tabler:copy", iconClass: "text-base" })
+              children: /* @__PURE__ */ i(z, { icon: "tabler:copy", iconClass: "text-base" })
             }
           ),
           /* @__PURE__ */ i(
@@ -4939,7 +4939,7 @@ const No = R.object().shape({
               className: "text-sm outline-none hover:opacity-80 text-gray-600 py-1",
               onClick: () => o(!0),
               title: "Edit",
-              children: /* @__PURE__ */ i(J, { icon: "circum:edit", iconClass: "text-base" })
+              children: /* @__PURE__ */ i(z, { icon: "circum:edit", iconClass: "text-base" })
             }
           ),
           /* @__PURE__ */ i(
@@ -4949,12 +4949,13 @@ const No = R.object().shape({
               className: "text-sm outline-none hover:opacity-80 text-gray-600 py-1",
               onClick: m,
               title: "Remove",
-              children: /* @__PURE__ */ i(J, { icon: "iconamoon:trash", iconClass: "text-base" })
+              children: /* @__PURE__ */ i(z, { icon: "iconamoon:trash", iconClass: "text-base" })
             }
           )
         ] })
       ] }),
-      a
+      a,
+      n.description && /* @__PURE__ */ i("small", { className: "block text-gray-400 mt-1 text-xs", children: n.description })
     ] });
   }
 );
@@ -4972,7 +4973,7 @@ function Mo({
   } = n || {};
   let u;
   return l && (u = l()[e.id]), /* @__PURE__ */ i(
-    z,
+    W,
     {
       placeholder: e.placeholder,
       type: e.inputType,
@@ -5084,41 +5085,41 @@ function Bo({
   element: e,
   validationData: n
 }) {
-  var C;
+  var k;
   const { register: a = () => ({}), setValue: s, watch: o } = n || {}, [l, d] = D(), [u, t] = D(!1), [m, c] = D(!1), [r, h] = D(""), v = o && o(e == null ? void 0 : e.id);
-  j(() => {
+  G(() => {
     d(v);
   }, [v]);
   const [y, f] = D("");
-  j(() => {
+  G(() => {
     a(e.id);
   }, [e.id, a]);
-  const { url: g, method: p, responseType: N } = e || {}, k = {
+  const { url: g, method: p, responseType: N } = e || {}, C = {
     headers: {
-      Authorization: `Bearer ${oe("token")}`
+      Authorization: `Bearer ${de("token")}`
     }
   }, x = Y(
     async (M) => {
-      var w, A, T, I, L, W, Z, ee, $, be, _;
+      var w, A, T, I, L, F, Z, ie, X, he, _;
       if (!(!g || !p)) {
         t(!0);
         try {
           let V;
           if (p.toLowerCase() === "get") {
-            const de = `${g}?value=${M}`;
-            V = await Pe.get(de, k);
+            const ce = `${g}?value=${M}`;
+            V = await Pe.get(ce, C);
           } else if (p.toLowerCase() === "post")
-            V = await Pe.post(g, { value: M }, k);
+            V = await Pe.post(g, { value: M }, C);
           else
             throw new Error("Unsupported HTTP method");
           V.status === 200 && ((((A = (w = V == null ? void 0 : V.data) == null ? void 0 : w.data) == null ? void 0 : A.status) || ((T = V == null ? void 0 : V.data) == null ? void 0 : T.status)) === !0 ? (c(!0), N === "string" ? h(
-            ((L = (I = V == null ? void 0 : V.data) == null ? void 0 : I.data) == null ? void 0 : L.description) || ((W = V == null ? void 0 : V.data) == null ? void 0 : W.description) || "Validation successful"
+            ((L = (I = V == null ? void 0 : V.data) == null ? void 0 : I.data) == null ? void 0 : L.description) || ((F = V == null ? void 0 : V.data) == null ? void 0 : F.description) || "Validation successful"
           ) : f(
-            ((ee = (Z = V == null ? void 0 : V.data) == null ? void 0 : Z.data) == null ? void 0 : ee.description) || (($ = V == null ? void 0 : V.data) == null ? void 0 : $.description) || {}
+            ((ie = (Z = V == null ? void 0 : V.data) == null ? void 0 : Z.data) == null ? void 0 : ie.description) || ((X = V == null ? void 0 : V.data) == null ? void 0 : X.description) || {}
           )) : (console.error("Invalid input:", M), h("Unable to validate input"), c(!1)));
         } catch (V) {
           console.error("Error validating input:", V), h(
-            ((_ = (be = V == null ? void 0 : V.response) == null ? void 0 : be.data) == null ? void 0 : _.message) || "Unable to validate input"
+            ((_ = (he = V == null ? void 0 : V.response) == null ? void 0 : he.data) == null ? void 0 : _.message) || "Unable to validate input"
           ), c(!1);
         } finally {
           t(!1);
@@ -5127,7 +5128,7 @@ function Bo({
     },
     [p, N, g]
   );
-  return j(() => {
+  return G(() => {
     if (l) {
       const M = setTimeout(() => {
         x(l);
@@ -5141,7 +5142,7 @@ function Bo({
         {
           placeholder: (e == null ? void 0 : e.placeholder) || "",
           type: (e == null ? void 0 : e.inputType) || "text",
-          className: q("field-control", e == null ? void 0 : e.customClass),
+          className: J("field-control", e == null ? void 0 : e.customClass),
           ...a(e == null ? void 0 : e.id),
           onChange: (M) => {
             d(M.target.value), s(e == null ? void 0 : e.id, M.target.value);
@@ -5183,7 +5184,7 @@ function Bo({
             }
           )
         ] }),
-        m && !u && /* @__PURE__ */ i("span", { className: "block pr-3 text-lg text-green-600", children: /* @__PURE__ */ i(J, { icon: "gg:check-o" }) })
+        m && !u && /* @__PURE__ */ i("span", { className: "block pr-3 text-lg text-green-600", children: /* @__PURE__ */ i(z, { icon: "gg:check-o" }) })
       ] })
     ] }),
     r && N === "string" && /* @__PURE__ */ i(
@@ -5193,7 +5194,7 @@ function Bo({
         children: r
       }
     ),
-    N === "object" && /* @__PURE__ */ i("div", { className: "grid grid-cols-2 gap-6 mt-2 text-sm text-gray-600", children: (C = Object.entries(y)) == null ? void 0 : C.map(([M, w]) => /* @__PURE__ */ b("div", { className: "flex items-center gap-x-2", children: [
+    N === "object" && /* @__PURE__ */ i("div", { className: "grid grid-cols-2 gap-6 mt-2 text-sm text-gray-600", children: (k = Object.entries(y)) == null ? void 0 : k.map(([M, w]) => /* @__PURE__ */ b("div", { className: "flex items-center gap-x-2", children: [
       /* @__PURE__ */ b("span", { className: "font-semibold", children: [
         M,
         ":"
@@ -5221,16 +5222,16 @@ function Eo({
   function u(m, c) {
     return parseFloat(m) * parseFloat(c) || 0;
   }
-  const t = X(
+  const t = ee(
     () => o.reduce((m, c) => {
       const r = u(c.key, c.value);
       return m + r;
     }, 0),
     [o]
   );
-  return j(() => {
+  return G(() => {
     e && e(o);
-  }, [o]), j(() => {
+  }, [o]), G(() => {
     if (s != null && s.length) {
       const m = s == null ? void 0 : s.map((c, r) => ({
         key: c.value,
@@ -5281,7 +5282,7 @@ function Lo({
   validationData: n
 }) {
   const { register: a = () => ({}), setValue: s, getValues: o } = n || {}, l = o && o(e == null ? void 0 : e.id) || [];
-  return j(() => {
+  return G(() => {
     a(e.id);
   }, [e.id, a]), /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(
     Eo,
@@ -5296,10 +5297,10 @@ function Lo({
   ) });
 }
 function Po({ element: e }) {
-  return /* @__PURE__ */ i("div", { className: q("py-6", e == null ? void 0 : e.customClass) });
+  return /* @__PURE__ */ i("div", { className: J("py-6", e == null ? void 0 : e.customClass) });
 }
 function Ro({ element: e }) {
-  return /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("hr", { className: q("border-gray-200 my-4", e == null ? void 0 : e.customClass) }) });
+  return /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("hr", { className: J("border-gray-200 my-4", e == null ? void 0 : e.customClass) }) });
 }
 function Do({
   element: e,
@@ -5320,7 +5321,7 @@ function Io({
   element: e,
   state: n
 }) {
-  return /* @__PURE__ */ i(re, { children: /* @__PURE__ */ i("div", { className: e == null ? void 0 : e.customClass, children: (e == null ? void 0 : e.value) || n === "edit" && /* @__PURE__ */ i("span", { className: "text-gray-400", children: "Provide text" }) }) });
+  return /* @__PURE__ */ i(ve, { children: /* @__PURE__ */ i("div", { className: e == null ? void 0 : e.customClass, children: (e == null ? void 0 : e.value) || n === "edit" && /* @__PURE__ */ i("span", { className: "text-gray-400", children: "Provide text" }) }) });
 }
 function Ko({
   row: e,
@@ -5432,7 +5433,7 @@ function Ko({
         onClick: () => l(e.id),
         className: "text-red-500 hover:text-red-700",
         "aria-label": "Delete row",
-        children: /* @__PURE__ */ i(J, { icon: "lets-icons:trash-duotone", iconClass: "text-xl" })
+        children: /* @__PURE__ */ i(z, { icon: "lets-icons:trash-duotone", iconClass: "text-xl" })
       }
     ) })
   ] });
@@ -5444,8 +5445,8 @@ function Go({
   isReadOnly: a = !1,
   columns: s
 }) {
-  const [o, l] = D(e), d = oe("config"), u = te(o);
-  u.current = o, j(() => {
+  const [o, l] = D(e), d = de("config"), u = re(o);
+  u.current = o, G(() => {
     l((h) => JSON.stringify(h) !== JSON.stringify(e) ? e : h);
   }, [e]);
   const t = Y(
@@ -5457,7 +5458,7 @@ function Go({
     },
     [n]
   ), m = Y(() => {
-    const h = me(), v = s.reduce((f, g) => (f[g.field] = g.field === "id" ? h : "", f), {}), y = [...u.current, { id: h, ...v }];
+    const h = pe(), v = s.reduce((f, g) => (f[g.field] = g.field === "id" ? h : "", f), {}), y = [...u.current, { id: h, ...v }];
     l(y), n == null || n(y);
   }, [s, n]), c = Y(
     (h) => {
@@ -5534,10 +5535,10 @@ function jo({
     watch: o,
     isReadOnly: l
   } = n || {}, d = o && o(e == null ? void 0 : e.id) || {}, u = Array.isArray(d) ? d : (v = d == null ? void 0 : d.rows) != null ? v : [];
-  j(() => {
+  G(() => {
     a(e.id);
   }, [e.id, a]);
-  const t = te(""), m = te(e == null ? void 0 : e.id), c = te(e == null ? void 0 : e.dataColumns), r = te(s);
+  const t = re(""), m = re(e == null ? void 0 : e.id), c = re(e == null ? void 0 : e.dataColumns), r = re(s);
   m.current = e == null ? void 0 : e.id, c.current = e == null ? void 0 : e.dataColumns, r.current = s;
   const h = Y((y) => {
     var g;
@@ -5575,51 +5576,51 @@ const qi = ({
   loading: y,
   disabled: f
 }) => {
-  const [g, p] = D(c ? [] : null), N = q("custom-select__control", e), S = X(() => n, [n]);
-  return j(() => {
-    const k = n == null ? void 0 : n.find((x) => {
-      var C;
-      return typeof x.value == "string" && typeof t == "string" ? x.value.toLowerCase() === t.toLowerCase() : typeof x.value == "object" && typeof t == "object" ? ((C = x.value) == null ? void 0 : C.id) === (t == null ? void 0 : t.id) : x.value === t;
+  const [g, p] = D(c ? [] : null), N = J("custom-select__control", e), S = ee(() => n, [n]);
+  return G(() => {
+    const C = n == null ? void 0 : n.find((x) => {
+      var k;
+      return typeof x.value == "string" && typeof t == "string" ? x.value.toLowerCase() === t.toLowerCase() : typeof x.value == "object" && typeof t == "object" ? ((k = x.value) == null ? void 0 : k.id) === (t == null ? void 0 : t.id) : x.value === t;
     });
-    p(k || null);
-  }, [t, n]), j(() => {
+    p(C || null);
+  }, [t, n]), G(() => {
     g && l && o && (l(d, g == null ? void 0 : g.value), o(d), m == null || m(d));
   }, [d, g]), /* @__PURE__ */ b("div", { className: "custom-select", children: [
     u && !r && /* @__PURE__ */ i("label", { className: "custom-select__label", children: u }),
-    r && u && /* @__PURE__ */ i("label", { className: q("custom-select__floating-label", v), children: u }),
+    r && u && /* @__PURE__ */ i("label", { className: J("custom-select__floating-label", v), children: u }),
     /* @__PURE__ */ i(
-      ne,
+      ae,
       {
         value: g,
         onChange: p,
         multiple: c,
         disabled: f,
         children: /* @__PURE__ */ b("div", { className: "custom-select__wrapper", children: [
-          /* @__PURE__ */ b(ne.Button, { className: N, disabled: f, children: [
+          /* @__PURE__ */ b(ae.Button, { className: N, disabled: f, children: [
             y ? /* @__PURE__ */ i("span", { className: "custom-select__loading", children: "Fetching data..." }) : /* @__PURE__ */ i("span", { className: "custom-select__value", children: (g == null ? void 0 : g.label) || /* @__PURE__ */ i("span", { className: "custom-select__placeholder", children: a }) }),
-            /* @__PURE__ */ i("span", { className: "custom-select__icon", children: /* @__PURE__ */ i(J, { icon: "lucide:chevron-down" }) })
+            /* @__PURE__ */ i("span", { className: "custom-select__icon", children: /* @__PURE__ */ i(z, { icon: "lucide:chevron-down" }) })
           ] }),
           /* @__PURE__ */ i(
             we,
             {
-              as: ae.Fragment,
+              as: se.Fragment,
               leave: "custom-select__transition",
-              children: /* @__PURE__ */ i(ne.Options, { className: "custom-select__options", anchor: "bottom", children: S == null ? void 0 : S.map((k, x) => /* @__PURE__ */ i(
-                ne.Option,
+              children: /* @__PURE__ */ i(ae.Options, { className: "custom-select__options", anchor: "bottom", children: S == null ? void 0 : S.map((C, x) => /* @__PURE__ */ i(
+                ae.Option,
                 {
-                  value: k,
-                  className: ({ active: C }) => q(
+                  value: C,
+                  className: ({ active: k }) => J(
                     "custom-select__option",
-                    C && "custom-select__option--active"
+                    k && "custom-select__option--active"
                   ),
-                  children: ({ selected: C }) => /* @__PURE__ */ i(
+                  children: ({ selected: k }) => /* @__PURE__ */ i(
                     "span",
                     {
-                      className: q(
+                      className: J(
                         "custom-select__option-label",
-                        C && "custom-select__option--selected"
+                        k && "custom-select__option--selected"
                       ),
-                      children: k.label
+                      children: C.label
                     }
                   )
                 },
@@ -5650,7 +5651,7 @@ const qi = ({
   }, v = (g, p) => {
     g === "first" ? (m(p), r(""), h(p, "")) : (r(p), h(t, p));
   };
-  j(() => {
+  G(() => {
     if (l) {
       const g = l(u);
       if (g != null && g.includes("_")) {
@@ -5659,7 +5660,7 @@ const qi = ({
       }
     }
   }, [l, u]);
-  const y = X(
+  const y = ee(
     () => {
       var g;
       return (g = e.options1) == null ? void 0 : g.filter((p) => p.key === t);
@@ -5710,7 +5711,7 @@ const qi = ({
     watch: r,
     isReadOnly: h
   } = u || {}, v = (p = r == null ? void 0 : r(d.id)) != null ? p : 0, [y, f] = D(null);
-  j(() => {
+  G(() => {
     v == null && (c == null || c(d.id, e));
   }, []);
   const g = (N) => {
@@ -5722,12 +5723,12 @@ const qi = ({
   return /* @__PURE__ */ b("div", { className: `flex gap-1 ${l}`, children: [
     /* @__PURE__ */ i("input", { type: "hidden", ...t(d.id) }),
     Array.from({ length: n }, (N, S) => {
-      const k = y !== null ? S <= y : S < v;
+      const C = y !== null ? S <= y : S < v;
       return /* @__PURE__ */ i(
         vn,
         {
-          icon: k ? "mdi:star" : "mdi:star-outline",
-          className: `cursor-pointer transition-colors ${k ? "text-yellow-400" : "text-gray-300"}`,
+          icon: C ? "mdi:star" : "mdi:star-outline",
+          className: `cursor-pointer transition-colors ${C ? "text-yellow-400" : "text-gray-300"}`,
           width: o,
           height: o,
           onMouseEnter: () => !(a || h) && f(S),
@@ -5744,7 +5745,7 @@ function Vo({
   validationData: n
 }) {
   const { register: a = () => ({}) } = n || {}, s = (e == null ? void 0 : e.options) || [], o = (e == null ? void 0 : e.options1) || [];
-  return /* @__PURE__ */ i("div", { className: q("w-full overflow-x-auto", e.customClass), children: /* @__PURE__ */ b("table", { className: "w-full text-left border-collapse min-w-[600px] mb-2", children: [
+  return /* @__PURE__ */ i("div", { className: J("w-full overflow-x-auto", e.customClass), children: /* @__PURE__ */ b("table", { className: "w-full text-left border-collapse min-w-[600px] mb-2", children: [
     /* @__PURE__ */ i("thead", { children: /* @__PURE__ */ b("tr", { children: [
       /* @__PURE__ */ i("th", { className: "p-3 border-b bg-gray-50/50" }),
       o.map((l) => /* @__PURE__ */ i(
@@ -5788,14 +5789,14 @@ function _i({
     trigger: o,
     isReadOnly: l,
     watch: d
-  } = n || {}, u = (d == null ? void 0 : d(e.id)) || "", { country: t, state: m } = X(() => {
+  } = n || {}, u = (d == null ? void 0 : d(e.id)) || "", { country: t, state: m } = ee(() => {
     var y;
     if (typeof u == "string" && u.includes(",")) {
       const [f, g] = (y = u.split(",")) == null ? void 0 : y.map((p) => p.trim());
       return { country: g, state: f };
     }
     return { country: u, state: "" };
-  }, [u]), c = te(u), r = X(() => {
+  }, [u]), c = re(u), r = ee(() => {
     var y, f;
     return t ? ((f = (y = _e.find((g) => g.name === t)) == null ? void 0 : y.states) == null ? void 0 : f.map((g) => ({
       label: g.name,
@@ -5808,7 +5809,7 @@ function _i({
     const g = (f == null ? void 0 : f.value) || "", p = g ? `${g}, ${t}` : t;
     s && p !== c.current && (s(e.id, p), o == null || o(e.id), c.current = p);
   };
-  return j(() => {
+  return G(() => {
     c.current = u;
   }, [u]), /* @__PURE__ */ b("div", { className: "grid gap-y-6", children: [
     /* @__PURE__ */ i("input", { type: "hidden", ...a(e.id) }),
@@ -5843,14 +5844,14 @@ function Uo({
   element: e,
   validationData: n
 }) {
-  const { register: a = () => ({}), isReadOnly: s } = n || {}, { validationUrl: o, documentObj: l, signatureLink: d } = e, u = X(() => oe("config"), []), [t, m] = D(!1), [c, r] = D(!1), h = Y(async () => {
+  const { register: a = () => ({}), isReadOnly: s } = n || {}, { validationUrl: o, documentObj: l, signatureLink: d } = e, u = ee(() => de("config"), []), [t, m] = D(!1), [c, r] = D(!1), h = Y(async () => {
     var v, y;
     if (!(!o || !l))
       try {
         r(!0);
         const g = {
           headers: {
-            Authorization: `Bearer ${oe("token")}`
+            Authorization: `Bearer ${de("token")}`
           }
         }, { data: p } = await Pe.get(
           `${o}/${l}`,
@@ -5863,7 +5864,7 @@ function Uo({
         r(!1);
       }
   }, [o, l]);
-  return j(() => {
+  return G(() => {
     let v = null;
     return !t && l && o && (async () => {
       await h() || (v = setInterval(async () => {
@@ -5878,7 +5879,7 @@ function Uo({
       {
         placeholder: e.placeholder,
         type: e.inputType,
-        className: q("field-control", e.customClass),
+        className: J("field-control", e.customClass),
         ...a(e.id),
         disabled: s
       }
@@ -5890,13 +5891,13 @@ function Uo({
         onClick: h,
         disabled: c || t,
         style: { background: (u == null ? void 0 : u.buttonColor) || "#333" },
-        className: q(
+        className: J(
           "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": c }
         ),
         children: [
           /* @__PURE__ */ i(
-            J,
+            z,
             {
               icon: c ? "solar:refresh-outline" : t ? "solar:check-circle-bold" : "solar:pen-2-line-duotone",
               iconClass: c ? "animate-spin" : ""
@@ -6171,33 +6172,33 @@ function Wo({
   onChange: v,
   onError: y
 }) {
-  const [f, g] = D(""), [p, N] = D(null), [S, k] = D(""), x = X(
+  const [f, g] = D(""), [p, N] = D(null), [S, C] = D(""), x = ee(
     () => {
       var L;
-      return (L = ui == null ? void 0 : ui.slice().sort((W, Z) => W.label.localeCompare(Z.label))) == null ? void 0 : L.map((W) => ({ ...W, phone: `+${W.phone}` }));
+      return (L = ui == null ? void 0 : ui.slice().sort((F, Z) => F.label.localeCompare(Z.label))) == null ? void 0 : L.map((F) => ({ ...F, phone: `+${F.phone}` }));
     },
     []
-  ), C = X(() => f ? x.filter(
+  ), k = ee(() => f ? x.filter(
     (L) => `${L.label} ${L.phone}`.toLowerCase().includes(f.toLowerCase())
   ) : x, [f, x]), M = (p == null ? void 0 : p.min) || 10, w = (p == null ? void 0 : p.max) || 10, A = () => S ? `${(p == null ? void 0 : p.phone) || "+234"}-${S}` : "", T = (L) => {
     if (!L) return { code: "+234", number: "" };
-    const W = L.split(/[-\s]/);
-    return { code: W[0], number: W.slice(1).join(" ") };
+    const F = L.split(/[-\s]/);
+    return { code: F[0], number: F.slice(1).join(" ") };
   };
-  j(() => {
+  G(() => {
     if (d) {
       const L = T(d);
       N(
-        x.find((W) => W.phone === L.code) || x[0]
-      ), k(L.number);
+        x.find((F) => F.phone === L.code) || x[0]
+      ), C(L.number);
     }
   }, [d, x]);
-  const I = X(() => {
+  const I = ee(() => {
     if (u) return u;
     const L = S.length;
     return s && L === 0 ? "Phone number is required" : L > 0 && !/^\d+$/.test(S) ? "Phone number must contain only digits" : L > 0 && L < M ? `Minimum length is ${M}` : L > w ? `Maximum length is ${w}` : "";
   }, [u, S, M, w, s]);
-  return j(() => {
+  return G(() => {
     v == null || v(A()), y == null || y(I || null);
   }, [S, p, I]), /* @__PURE__ */ b(
     "div",
@@ -6218,7 +6219,7 @@ function Wo({
           }
         ),
         /* @__PURE__ */ b("div", { className: "relative !flex items-center input-control text-[#667085] !py-0 field-control", children: [
-          /* @__PURE__ */ i(J, { icon: "lucide:phone-call" }),
+          /* @__PURE__ */ i(z, { icon: "lucide:phone-call" }),
           /* @__PURE__ */ i(De, { value: p, onChange: N, children: /* @__PURE__ */ b("div", { className: "relative", children: [
             /* @__PURE__ */ i(
               De.Input,
@@ -6229,8 +6230,8 @@ function Wo({
                 onChange: (L) => g(L.target.value)
               }
             ),
-            /* @__PURE__ */ i(De.Button, { className: "absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ i(J, { icon: "lucide:chevron-down" }) }),
-            /* @__PURE__ */ i(De.Options, { className: "absolute z-10 w-[250px] left-0 bg-white border rounded-md shadow-lg max-h-[400px] overflow-y-auto", children: C == null ? void 0 : C.map((L, W) => /* @__PURE__ */ b(
+            /* @__PURE__ */ i(De.Button, { className: "absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ i(z, { icon: "lucide:chevron-down" }) }),
+            /* @__PURE__ */ i(De.Options, { className: "absolute z-10 w-[250px] left-0 bg-white border rounded-md shadow-lg max-h-[400px] overflow-y-auto", children: k == null ? void 0 : k.map((L, F) => /* @__PURE__ */ b(
               De.Option,
               {
                 value: L,
@@ -6241,7 +6242,7 @@ function Wo({
                   L.label
                 ]
               },
-              `${L.code}+ ${W}`
+              `${L.code}+ ${F}`
             )) })
           ] }) }),
           /* @__PURE__ */ b("div", { className: "relative flex items-center flex-1 z-[1]", children: [
@@ -6254,8 +6255,8 @@ function Wo({
                 disabled: t,
                 readOnly: m,
                 onChange: (L) => {
-                  const W = L.target.value.replace(/\D/g, "");
-                  k(W);
+                  const F = L.target.value.replace(/\D/g, "");
+                  C(F);
                 },
                 placeholder: n,
                 className: "w-full px-3 outline-none",
@@ -6263,7 +6264,7 @@ function Wo({
                 minLength: M
               }
             ),
-            /* @__PURE__ */ i("div", { className: "absolute flex text-xl -translate-y-1/2 top-1/2 right-4", children: !I && S.length > 0 && !m && /* @__PURE__ */ i("span", { className: "text-green-500", children: /* @__PURE__ */ i(J, { icon: "bi:check-lg" }) }) })
+            /* @__PURE__ */ i("div", { className: "absolute flex text-xl -translate-y-1/2 top-1/2 right-4", children: !I && S.length > 0 && !m && /* @__PURE__ */ i("span", { className: "text-green-500", children: /* @__PURE__ */ i(z, { icon: "bi:check-lg" }) }) })
           ] })
         ] }),
         r && /* @__PURE__ */ i("span", { className: "block text-[#475467] font-light leading-4 text-xs mt-2", children: r })
@@ -6284,7 +6285,7 @@ function zo({
     clearErrors: u
   } = n || {};
   let t;
-  return j(() => {
+  return G(() => {
     a(e.id);
   }, [e.id, a]), o && (t = o()[e.id]), /* @__PURE__ */ i(
     Wo,
@@ -6321,7 +6322,7 @@ function Jo({
         {
           placeholder: (e == null ? void 0 : e.placeholder) || "Enter Url link",
           type: "text",
-          className: q(
+          className: J(
             "field-control",
             t && "!pl-16",
             e == null ? void 0 : e.customClass
@@ -6358,13 +6359,13 @@ function qo({
   validationData: n
 }) {
   var t;
-  const { watch: a, setValue: s } = n || {}, o = (e == null ? void 0 : e.formula) || "", l = X(() => {
+  const { watch: a, setValue: s } = n || {}, o = (e == null ? void 0 : e.formula) || "", l = ee(() => {
     const c = (o.match(/\{\{([^{}]+)\}\}/g) || []).map((v) => v.replace(/[{}]/g, "")), h = (o.match(/@\[.*?\]\((.*?)\)/g) || []).map((v) => {
       const y = /@\[.*?\]\((.*?)\)/.exec(v);
       return y ? y[1] : "";
     }).filter(Boolean);
     return Array.from(/* @__PURE__ */ new Set([...c, ...h]));
-  }, [o]), d = a ? a(l) : [], u = X(() => {
+  }, [o]), d = a ? a(l) : [], u = ee(() => {
     if (!o) return "";
     let m = o, c = !1;
     if (l.forEach((r, h) => {
@@ -6380,14 +6381,14 @@ function qo({
       return "Error";
     }
   }, [o, l, d]);
-  return j(() => {
+  return G(() => {
     s && u !== "Error" && u !== "" && s(e.id, u, { shouldValidate: !0, shouldDirty: !0 });
   }, [u, e.id, s]), /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(
     "input",
     {
       placeholder: (e == null ? void 0 : e.placeholder) || "Calculated result",
       type: "text",
-      className: q("field-control bg-gray-100 cursor-not-allowed", e == null ? void 0 : e.customClass),
+      className: J("field-control bg-gray-100 cursor-not-allowed", e == null ? void 0 : e.customClass),
       value: u,
       readOnly: !0,
       disabled: !0,
@@ -6402,7 +6403,7 @@ function _o({
 }) {
   var v;
   const { register: s, watch: o, setValue: l } = n || {}, [d, u] = D({}), [t, m] = D(0), c = o ? o(e.id) : null, r = !!(c || a && a !== "edit");
-  j(() => {
+  G(() => {
     if (!e.fetchExternalResults || !e.externalApiUrl) return;
     const y = async () => {
       try {
@@ -6410,11 +6411,11 @@ function _o({
         if (!g.ok) return;
         const p = await g.json();
         let N = {};
-        Array.isArray(p) ? p.forEach((k) => {
-          const x = k.value || k.id || k.option, C = k.count || k.votes || k.value || 0;
-          x && (N[x] = Number(C));
+        Array.isArray(p) ? p.forEach((C) => {
+          const x = C.value || C.id || C.option, k = C.count || C.votes || C.value || 0;
+          x && (N[x] = Number(k));
         }) : typeof p == "object" && (N = p), u(N);
-        const S = Object.values(N).reduce((k, x) => k + Number(x), 0);
+        const S = Object.values(N).reduce((C, x) => C + Number(x), 0);
         m(S);
       } catch (g) {
         console.error("Failed to fetch polling results", g);
@@ -6423,7 +6424,7 @@ function _o({
     y();
     const f = setInterval(y, 1e4);
     return () => clearInterval(f);
-  }, [e.fetchExternalResults, e.externalApiUrl]), j(() => {
+  }, [e.fetchExternalResults, e.externalApiUrl]), G(() => {
     e.fetchExternalResults || (c ? (u({ [c]: 1 }), m(1)) : (u({}), m(0)));
   }, [c, e.fetchExternalResults]);
   const h = (y) => {
@@ -6436,7 +6437,7 @@ function _o({
         "div",
         {
           onClick: () => h(y.value),
-          className: q(
+          className: J(
             "relative flex items-center justify-between p-3 border rounded-lg overflow-hidden transition-all duration-200",
             n != null && n.isReadOnly ? "cursor-default" : "cursor-pointer hover:border-blue-400 hover:bg-blue-50/50",
             p ? "border-blue-500 ring-1 ring-blue-500" : "border-gray-200"
@@ -6453,7 +6454,7 @@ function _o({
               /* @__PURE__ */ i(
                 "div",
                 {
-                  className: q(
+                  className: J(
                     "flex-shrink-0 w-5 h-5 rounded-full border flex items-center justify-center transition-colors",
                     p ? "border-blue-500 bg-blue-500" : "border-gray-300 bg-white"
                   ),
@@ -6463,7 +6464,7 @@ function _o({
               /* @__PURE__ */ i(
                 "span",
                 {
-                  className: q(
+                  className: J(
                     "font-medium text-sm",
                     p ? "text-blue-900" : "text-gray-700"
                   ),
@@ -6476,7 +6477,7 @@ function _o({
                 g,
                 "%"
               ] }),
-              p && /* @__PURE__ */ i(J, { icon: "material-symbols:check-circle", iconClass: "text-blue-500 text-lg" })
+              p && /* @__PURE__ */ i(z, { icon: "material-symbols:check-circle", iconClass: "text-blue-500 text-lg" })
             ] }),
             /* @__PURE__ */ i(
               "input",
@@ -6558,7 +6559,7 @@ const fn = {
 }, Xe = ({ col: e, children: n, customClass: a }) => /* @__PURE__ */ i(
   "div",
   {
-    className: q("w-full bg-white min-w-0", a),
+    className: J("w-full bg-white min-w-0", a),
     style: { gridColumn: e },
     children: n
   }
@@ -6577,82 +6578,82 @@ const fn = {
     moveElement: m,
     isDragging: c,
     removeElement: r
-  } = ye(ce), h = X(
+  } = ye(be), h = ee(
     () => Array.from({ length: e.columns }),
     [e.columns]
   ), [v, y] = D(null);
-  j(() => {
-    const k = () => {
+  G(() => {
+    const C = () => {
       y(null), t(!1);
     };
-    return document.addEventListener("dragend", k), () => document.removeEventListener("dragend", k);
+    return document.addEventListener("dragend", C), () => document.removeEventListener("dragend", C);
   }, [t]);
   const f = Y(
-    (k, x) => {
-      k.preventDefault(), k.stopPropagation(), k.dataTransfer.dropEffect = "move", y(x);
+    (C, x) => {
+      C.preventDefault(), C.stopPropagation(), C.dataTransfer.dropEffect = "move", y(x);
     },
     []
   ), g = Y(
-    (k, x) => {
-      k.preventDefault(), k.stopPropagation(), y(x);
+    (C, x) => {
+      C.preventDefault(), C.stopPropagation(), y(x);
     },
     []
   ), p = Y(
-    (k, x) => {
-      const C = k.relatedTarget;
-      C && k.currentTarget.contains(C) || y((M) => M === x ? null : M);
+    (C, x) => {
+      const k = C.relatedTarget;
+      k && C.currentTarget.contains(k) || y((M) => M === x ? null : M);
     },
     []
   ), N = Y(
-    (k, x) => {
+    (C, x) => {
       var w;
-      k.preventDefault(), k.stopPropagation(), t(!1), y(null);
-      const C = x + 1, M = k.dataTransfer.getData("elementId");
+      C.preventDefault(), C.stopPropagation(), t(!1), y(null);
+      const k = x + 1, M = C.dataTransfer.getData("elementId");
       if (M) {
         m({
           draggedId: M,
           sectionId: n,
           targetGridId: e.id,
-          targetCol: C
+          targetCol: k
         });
         return;
       }
       try {
-        const A = k.dataTransfer.getData("properties");
+        const A = C.dataTransfer.getData("properties");
         if (!A) return;
         const T = JSON.parse(A);
         if ((T == null ? void 0 : T.type) === "grid") return;
         const I = d.find((Z) => Z.id === n), L = (w = I == null ? void 0 : I.questionData) == null ? void 0 : w.find(
           (Z) => {
-            var ee;
-            return Z.gridId === e.id && ((ee = Z.gridPosition) == null ? void 0 : ee.col) === C;
+            var ie;
+            return Z.gridId === e.id && ((ie = Z.gridPosition) == null ? void 0 : ie.col) === k;
           }
         );
         L && r(L.id, n);
-        const W = {
+        const F = {
           ...T,
-          id: me(),
+          id: pe(),
           sectionId: n,
           gridId: e.id,
-          gridPosition: { col: C }
+          gridPosition: { col: k }
         };
-        u(W, n);
+        u(F, n);
       } catch (A) {
         console.error("Drop failed in grid:", A), t(!1);
       }
     },
     [u, e.id, d, n, t, m]
-  ), S = (k, x, C) => {
-    var ee, $, be;
-    const M = k + 1, w = ($ = (ee = d.find((_) => _.id === n)) == null ? void 0 : ee.questionData) == null ? void 0 : $.find(
+  ), S = (C, x, k) => {
+    var ie, X, he;
+    const M = C + 1, w = (X = (ie = d.find((_) => _.id === n)) == null ? void 0 : ie.questionData) == null ? void 0 : X.find(
       (_) => {
         var V;
         return _.gridId === e.id && ((V = _.gridPosition) == null ? void 0 : V.col) === M;
       }
-    ), A = (be = w == null ? void 0 : w.id) != null ? be : null, T = Array.isArray(a) && a.find((_) => {
+    ), A = (he = w == null ? void 0 : w.id) != null ? he : null, T = Array.isArray(a) && a.find((_) => {
       var V;
       return ((V = _ == null ? void 0 : _.props) == null ? void 0 : V.col) === M;
-    }), I = c && v === k, L = !!T, W = c && !!l, Z = L && A && C === "edit" ? {
+    }), I = c && v === C, L = !!T, F = c && !!l, Z = L && A && k === "edit" ? {
       draggable: !0,
       onDragStart: (_) => {
         _.stopPropagation(), _.dataTransfer.setData("elementId", A), _.dataTransfer.setData("properties", A), _.dataTransfer.effectAllowed = "move", t(!0);
@@ -6664,45 +6665,45 @@ const fn = {
     return /* @__PURE__ */ i("div", { className: "min-w-0", children: /* @__PURE__ */ b(
       "div",
       {
-        id: `grid-cell-${e.id}-${k}`,
+        id: `grid-cell-${e.id}-${C}`,
         ...Z,
-        onDrop: (_) => N(_, k),
-        onDragEnter: (_) => g(_, k),
-        onDragOver: (_) => f(_, k),
-        onDragLeave: (_) => p(_, k),
-        className: q(
+        onDrop: (_) => N(_, C),
+        onDragEnter: (_) => g(_, C),
+        onDragOver: (_) => f(_, C),
+        onDragLeave: (_) => p(_, C),
+        className: J(
           "relative border  rounded-lg min-h-[110px] min-w-0",
           "flex items-center justify-center",
           "transition-all duration-200 ease-in-out",
-          C === "edit" ? "py-3 " : "",
-          L && C === "edit" && "cursor-grab active:cursor-grabbing border-none",
+          k === "edit" ? "py-3 " : "",
+          L && k === "edit" && "cursor-grab active:cursor-grabbing border-none",
           x,
-          !W && !I && "bg-white border-gray-200 text-gray-300",
-          W && !I && !L && "bg-blue-50 border-blue-200 border-dashed text-blue-300",
-          W && !I && L && "bg-white border-orange-200 border-dashed",
+          !F && !I && "bg-white border-gray-200 text-gray-300",
+          F && !I && !L && "bg-blue-50 border-blue-200 border-dashed text-blue-300",
+          F && !I && L && "bg-white border-orange-200 border-dashed",
           I && !L && "bg-blue-100 border-blue-400 border-dashed shadow-inner scale-[1.01] text-blue-500",
           I && L && "bg-orange-50 border-orange-400 border-dashed shadow-inner scale-[1.01] text-orange-500"
         ),
         children: [
-          L && C === "edit" && /* @__PURE__ */ i("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__ */ i(J, { icon: "ph:dots-six-bold" }) }),
+          L && k === "edit" && /* @__PURE__ */ i("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__ */ i(z, { icon: "ph:dots-six-bold" }) }),
           I && !L && /* @__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__ */ i(J, { icon: "ph:plus-bold" }),
+            /* @__PURE__ */ i(z, { icon: "ph:plus-bold" }),
             "Drop here"
           ] }),
           I && L && /* @__PURE__ */ i("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__ */ i(
             "div",
             {
-              className: q(
+              className: J(
                 "w-full select-none min-w-0",
                 I && "opacity-50 pointer-events-none"
               ),
-              children: T || /* @__PURE__ */ i("span", { className: "flex items-center justify-center text-gray-300", children: C === "edit" && /* @__PURE__ */ i(J, { icon: "ph:plus-bold" }) })
+              children: T || /* @__PURE__ */ i("span", { className: "flex items-center justify-center text-gray-300", children: k === "edit" && /* @__PURE__ */ i(z, { icon: "ph:plus-bold" }) })
             }
           )
         ]
       }
-    ) }, k);
+    ) }, C);
   };
   return /* @__PURE__ */ i("div", { className: "relative w-full", children: /* @__PURE__ */ i(
     "div",
@@ -6712,11 +6713,11 @@ const fn = {
         gridTemplateColumns: `repeat(${e.columns}, minmax(0, 1fr))`
       },
       children: h == null ? void 0 : h.map(
-        (k, x) => S(x, s, o)
+        (C, x) => S(x, s, o)
       )
     }
   ) });
-}, ei = ae.memo(Zo), $o = "edit";
+}, ei = se.memo(Zo), $o = "edit";
 function ti({
   index: e,
   onDrop: n,
@@ -6741,13 +6742,13 @@ function ti({
         l(!1), a();
       },
       style: { height: `${o ? 52 : s ? 28 : 4}px` },
-      className: q(
+      className: J(
         "w-full rounded-md flex items-center justify-center",
         "transition-all duration-150 ease-in-out overflow-hidden",
         o ? "bg-blue-50 border-2 border-blue-300 border-dashed" : s ? "border-2 border-blue-200 border-dashed" : "border-2 border-transparent"
       ),
       children: o && /* @__PURE__ */ b("span", { className: "flex items-center gap-1 text-blue-500 text-xs font-medium select-none pointer-events-none", children: [
-        /* @__PURE__ */ i(J, { icon: "octicon:plus-16" }),
+        /* @__PURE__ */ i(z, { icon: "octicon:plus-16" }),
         "Drop here"
       ] })
     }
@@ -6760,7 +6761,7 @@ function Qo({ elementData: e, sectionId: n }) {
     setIsDragging: o,
     addElementInPosition: l,
     moveElement: d
-  } = ye(ce), [u, t] = D(null), m = X(
+  } = ye(be), [u, t] = D(null), m = ee(
     () => {
       var p;
       return ((p = a.find((N) => N.id === n)) == null ? void 0 : p.questionData) || [];
@@ -6774,7 +6775,7 @@ function Qo({ elementData: e, sectionId: n }) {
   ), r = Y(() => {
     t(null), o(!1);
   }, [o]);
-  j(() => {
+  G(() => {
     !s && u && t(null);
   }, [s, u]);
   const h = Y(
@@ -6785,10 +6786,10 @@ function Qo({ elementData: e, sectionId: n }) {
         r();
         return;
       }
-      const k = m.find((C) => C.id === N), x = m.findIndex(
-        (C) => C.id === S
+      const C = m.find((k) => k.id === N), x = m.findIndex(
+        (k) => k.id === S
       );
-      k != null && k.gridId && x !== -1 ? d({ draggedId: N, sectionId: n, targetIndex: x }) : d({ draggedId: N, sectionId: n, targetId: S }), t(null), o(!1);
+      C != null && C.gridId && x !== -1 ? d({ draggedId: N, sectionId: n, targetIndex: x }) : d({ draggedId: N, sectionId: n, targetId: S }), t(null), o(!1);
     },
     [n, d, o, r, m]
   ), v = Y(
@@ -6800,12 +6801,12 @@ function Qo({ elementData: e, sectionId: n }) {
         return;
       }
       try {
-        const k = JSON.parse(p.dataTransfer.getData("properties"));
-        if ((k == null ? void 0 : k.type) === "section") return;
-        const x = { ...k, id: me(), sectionId: n };
+        const C = JSON.parse(p.dataTransfer.getData("properties"));
+        if ((C == null ? void 0 : C.type) === "section") return;
+        const x = { ...C, id: pe(), sectionId: n };
         l(x, n, N), t(null);
-      } catch (k) {
-        console.error("Drop error:", k);
+      } catch (C) {
+        console.error("Drop error:", C);
       }
     },
     [l, n, o, d]
@@ -6821,7 +6822,7 @@ function Qo({ elementData: e, sectionId: n }) {
         },
         onDrop: N ? void 0 : h,
         onDragEnd: r,
-        className: q(
+        className: J(
           "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"
@@ -6831,7 +6832,7 @@ function Qo({ elementData: e, sectionId: n }) {
       p.id
     ),
     [u, h, n, c, r]
-  ), f = X(() => (e == null ? void 0 : e.reduce((p, N) => (N.gridId && (p[N.gridId] = p[N.gridId] || [], p[N.gridId].push(N)), p), {})) || {}, [e]);
+  ), f = ee(() => (e == null ? void 0 : e.reduce((p, N) => (N.gridId && (p[N.gridId] = p[N.gridId] || [], p[N.gridId].push(N)), p), {})) || {}, [e]);
   if (!(e != null && e.length))
     return /* @__PURE__ */ i(
       "div",
@@ -6857,23 +6858,23 @@ function Qo({ elementData: e, sectionId: n }) {
     g.map((p) => {
       const N = m.findIndex((S) => S.id === p.id);
       if (p.type === "grid") {
-        const S = f[p.id] || [], k = u === p.id, x = !!u && !k;
+        const S = f[p.id] || [], C = u === p.id, x = !!u && !C;
         return /* @__PURE__ */ b("div", { className: "flex flex-col gap-0", children: [
           /* @__PURE__ */ i(
             "div",
             {
               id: p.id,
               draggable: !0,
-              onDragStart: (C) => c(C, p.id),
-              onDragOver: (C) => {
-                C.preventDefault(), C.stopPropagation();
+              onDragStart: (k) => c(k, p.id),
+              onDragOver: (k) => {
+                k.preventDefault(), k.stopPropagation();
               },
               onDrop: h,
               onDragEnd: r,
-              className: q(
+              className: J(
                 "w-full p-4 border rounded-lg cursor-grab active:cursor-grabbing",
                 "transition-all duration-200 ease-in-out",
-                k ? "opacity-40 scale-[0.98] bg-gray-100 border-dashed border-blue-400 shadow-inner" : x ? "bg-white border-dashed border-blue-200" : "bg-white border-gray-200 shadow-sm hover:border-blue-300 hover:shadow-md"
+                C ? "opacity-40 scale-[0.98] bg-gray-100 border-dashed border-blue-400 shadow-inner" : x ? "bg-white border-dashed border-blue-200" : "bg-white border-gray-200 shadow-sm hover:border-blue-300 hover:shadow-md"
               ),
               children: /* @__PURE__ */ i(Ti, { element: p, state: "edit", children: /* @__PURE__ */ i(
                 ei,
@@ -6883,9 +6884,9 @@ function Qo({ elementData: e, sectionId: n }) {
                   state: $o,
                   draggedElementId: u,
                   children: S == null ? void 0 : S.map(
-                    (C) => {
+                    (k) => {
                       var M;
-                      return /* @__PURE__ */ i(Xe, { col: (M = C.gridPosition) == null ? void 0 : M.col, children: y(C, !0) }, C.id);
+                      return /* @__PURE__ */ i(Xe, { col: (M = k.gridPosition) == null ? void 0 : M.col, children: y(k, !0) }, k.id);
                     }
                   )
                 }
@@ -6923,8 +6924,8 @@ const Xo = Ze(Qo), es = R.object({
   description: R.string(),
   disabled: R.boolean().default(!1),
   isHidden: R.boolean().default(!1)
-}).required(), ci = oe("config"), is = ({ isOpen: e, onClose: n, section: a }) => {
-  const { updateSection: s } = ae.useContext(ce), {
+}).required(), ci = de("config"), is = ({ isOpen: e, onClose: n, section: a }) => {
+  const { updateSection: s } = se.useContext(be), {
     register: o,
     handleSubmit: l,
     watch: d,
@@ -6934,7 +6935,7 @@ const Xo = Ze(Qo), es = R.object({
     resolver: wi(es),
     defaultValues: a
   });
-  if (ae.useEffect(() => {
+  if (se.useEffect(() => {
     e || c();
   }, [e, c]), !e) return null;
   const r = (v) => {
@@ -6948,14 +6949,14 @@ const Xo = Ze(Qo), es = R.object({
         {
           onClick: n,
           className: "absolute right-4 top-4 p-2 text-[#98A2B3] hover:bg-gray-50 rounded-lg",
-          children: /* @__PURE__ */ i(J, { icon: "tabler:x" })
+          children: /* @__PURE__ */ i(z, { icon: "tabler:x" })
         }
       )
     ] }),
     /* @__PURE__ */ b("form", { onSubmit: l(r), className: "w-full", children: [
       /* @__PURE__ */ b("div", { className: "w-full px-6 flex flex-col gap-5 z-10", children: [
         /* @__PURE__ */ i(
-          z,
+          W,
           {
             label: "Title",
             name: "title",
@@ -6965,7 +6966,7 @@ const Xo = Ze(Qo), es = R.object({
           }
         ),
         /* @__PURE__ */ i(
-          z,
+          W,
           {
             label: "Description",
             name: "description",
@@ -6976,7 +6977,7 @@ const Xo = Ze(Qo), es = R.object({
           }
         ),
         /* @__PURE__ */ i(
-          z,
+          W,
           {
             label: "Disable Section",
             name: "disabled",
@@ -6989,7 +6990,7 @@ const Xo = Ze(Qo), es = R.object({
           }
         ),
         /* @__PURE__ */ i(
-          z,
+          W,
           {
             label: "Hide Section",
             name: "isHidden",
@@ -7033,7 +7034,7 @@ const Xo = Ze(Qo), es = R.object({
       {
         onClick: n,
         className: "absolute right-4 top-4 p-2 text-[#98A2B3] hover:bg-gray-50 rounded-lg",
-        children: /* @__PURE__ */ i(J, { icon: "tabler:x" })
+        children: /* @__PURE__ */ i(z, { icon: "tabler:x" })
       }
     )
   ] }),
@@ -7235,16 +7236,19 @@ const Xo = Ze(Qo), es = R.object({
   onReorderSection: r
 }) => {
   var y, f;
-  const h = te(null), v = te((y = e == null ? void 0 : e.questionData) == null ? void 0 : y.length);
-  return j(() => {
+  const h = re(null), v = re((y = e == null ? void 0 : e.questionData) == null ? void 0 : y.length);
+  return G(() => {
     var g, p;
-    ((g = e == null ? void 0 : e.questionData) == null ? void 0 : g.length) > v.current && h.current && requestAnimationFrame(() => {
-      var N;
-      (N = h.current) == null || N.scrollTo({
-        top: h.current.scrollHeight,
-        behavior: "smooth"
+    if (((g = e == null ? void 0 : e.questionData) == null ? void 0 : g.length) > v.current) {
+      const N = document.getElementById("section-container");
+      N && requestAnimationFrame(() => {
+        N.scrollTo({
+          top: N.scrollHeight,
+          behavior: "smooth"
+        });
       });
-    }), v.current = (p = e == null ? void 0 : e.questionData) == null ? void 0 : p.length;
+    }
+    v.current = (p = e == null ? void 0 : e.questionData) == null ? void 0 : p.length;
   }, [(f = e == null ? void 0 : e.questionData) == null ? void 0 : f.length]), /* @__PURE__ */ i(
     "div",
     {
@@ -7276,7 +7280,7 @@ const Xo = Ze(Qo), es = R.object({
                   className: "flex-1 h-full py-4 cursor-grab active:cursor-grabbing flex items-center gap-2",
                   title: "Drag to reorder section",
                   children: [
-                    /* @__PURE__ */ i(J, { icon: "material-symbols:drag-indicator", iconClass: "text-gray-400 text-lg" }),
+                    /* @__PURE__ */ i(z, { icon: "material-symbols:drag-indicator", iconClass: "text-gray-400 text-lg" }),
                     /* @__PURE__ */ i("h2", { className: "font-medium", children: e.title || "Section title" })
                   ]
                 }
@@ -7288,7 +7292,7 @@ const Xo = Ze(Qo), es = R.object({
                     type: "button",
                     className: "p-1 text-xs border rounded-lg",
                     onClick: () => d(e),
-                    children: /* @__PURE__ */ i(J, { icon: "fluent:edit-28-regular" })
+                    children: /* @__PURE__ */ i(z, { icon: "fluent:edit-28-regular" })
                   }
                 ),
                 t > 1 && /* @__PURE__ */ i(
@@ -7297,7 +7301,7 @@ const Xo = Ze(Qo), es = R.object({
                     type: "button",
                     className: "p-1 text-xs border rounded-lg",
                     onClick: () => u(e.id),
-                    children: /* @__PURE__ */ i(J, { icon: "lets-icons:trash-duotone-line" })
+                    children: /* @__PURE__ */ i(z, { icon: "lets-icons:trash-duotone-line" })
                   }
                 ),
                 /* @__PURE__ */ i(
@@ -7307,7 +7311,7 @@ const Xo = Ze(Qo), es = R.object({
                     className: "p-1 text-xs rounded-lg",
                     onClick: () => l(n),
                     children: /* @__PURE__ */ i(
-                      J,
+                      z,
                       {
                         icon: o.includes(n) ? "fa6-solid:chevron-up" : "fa6-solid:chevron-down",
                         iconClass: "text-base"
@@ -7345,7 +7349,7 @@ const Xo = Ze(Qo), es = R.object({
     e == null ? void 0 : e.id
   );
 }, ss = ({ onAddTemplate: e, templates: n }) => {
-  const a = [...as, ...n || []], [s, o] = D(!1), [l, d] = D(!1), u = te(null), t = te(null), {
+  const a = [...as, ...n || []], [s, o] = D(!1), [l, d] = D(!1), u = re(null), t = re(null), {
     removeSection: m,
     // addElement,
     addSection: c,
@@ -7356,11 +7360,11 @@ const Xo = Ze(Qo), es = R.object({
     activeSections: f,
     setActiveSections: g,
     setFormData: p
-  } = ye(ce), N = te((r == null ? void 0 : r.length) || 0);
-  j(() => {
+  } = ye(be), N = re((r == null ? void 0 : r.length) || 0);
+  G(() => {
     var A;
     v(((A = r[0]) == null ? void 0 : A.id) || null);
-  }, []), j(() => {
+  }, []), G(() => {
     (r == null ? void 0 : r.length) > N.current && t.current && requestAnimationFrame(() => {
       var A;
       (A = t.current) == null || A.scrollTo({
@@ -7371,12 +7375,12 @@ const Xo = Ze(Qo), es = R.object({
   }, [r == null ? void 0 : r.length]);
   const S = Y((A) => {
     A.preventDefault(), A.dataTransfer.dropEffect = "move", t.current && (t.current.scrollTop = t.current.scrollHeight);
-  }, []), k = Y((A, T) => {
+  }, []), C = Y((A, T) => {
     p((I) => {
-      const L = I.findIndex(($) => $.id === A), W = I.findIndex(($) => $.id === T);
-      if (L === -1 || W === -1 || L === W) return I;
-      const Z = [...I], [ee] = Z.splice(L, 1);
-      return Z.splice(W, 0, ee), Z;
+      const L = I.findIndex((X) => X.id === A), F = I.findIndex((X) => X.id === T);
+      if (L === -1 || F === -1 || L === F) return I;
+      const Z = [...I], [ie] = Z.splice(L, 1);
+      return Z.splice(F, 0, ie), Z;
     });
   }, [p]);
   function x(A) {
@@ -7384,36 +7388,35 @@ const Xo = Ze(Qo), es = R.object({
       (T) => T.filter((I) => I !== A)
     ) : g((T) => [...T, A]);
   }
-  function C(A) {
+  function k(A) {
     u.current = A, o(!0);
   }
   const M = (A) => {
-    var I, L, W, Z;
-    const T = (ee, $ = {}) => ({
-      ...JSON.parse(JSON.stringify(ee)),
-      ...$
+    var I, L, F, Z;
+    const T = (ie, X = {}) => ({
+      ...JSON.parse(JSON.stringify(ie)),
+      ...X
     });
     if (A.sections && Array.isArray(A.sections)) {
-      const $ = A.sections.filter(Boolean).map((_) => {
+      const X = A.sections.filter(Boolean).map((_) => {
         var Ae;
-        const V = me(), de = (Ae = _.questionData) == null ? void 0 : Ae.map((ve) => T(ve, { id: me(), sectionId: V }));
-        if (de) {
-          const ve = /* @__PURE__ */ new Map();
-          _.questionData.forEach((se, Se) => {
-            ve.set(se.id, de[Se].id);
-          }), de.forEach((se) => {
-            se.gridId && ve.has(se.gridId) && (se.gridId = ve.get(se.gridId));
+        const V = pe(), ce = (Ae = _.questionData) == null ? void 0 : Ae.map((ge) => T(ge, { id: pe(), sectionId: V }));
+        if (ce) {
+          const ge = /* @__PURE__ */ new Map();
+          _.questionData.forEach((ue, Se) => {
+            ge.set(ue.id, ce[Se].id);
+          }), ce.forEach((ue) => {
+            ue.gridId && ge.has(ue.gridId) && (ue.gridId = ge.get(ue.gridId));
           });
         }
-        return T(_, { id: V, questionData: de || [] });
+        return T(_, { id: V, questionData: ce || [] });
       });
-      r.length === 1 && r[0].title === "" && r[0].description === "" && (!((I = r[0]) != null && I.questionData) || ((W = (L = r[0]) == null ? void 0 : L.questionData) == null ? void 0 : W.length) === 0) ? (p($), $.length > 0 && v((Z = $[0]) == null ? void 0 : Z.id)) : p((_) => [..._, ...$]);
+      r.length === 1 && r[0].title === "" && r[0].description === "" && (!((I = r[0]) != null && I.questionData) || ((F = (L = r[0]) == null ? void 0 : L.questionData) == null ? void 0 : F.length) === 0) ? (p(X), X.length > 0 && v((Z = X[0]) == null ? void 0 : Z.id)) : p((_) => [..._, ...X]);
     }
-  }, w = oe("config");
+  }, w = de("config");
   return /* @__PURE__ */ b(
     "div",
     {
-      ref: t,
       className: "relative flex flex-col h-full pb-5 mx-auto gap-x-4 ",
       children: [
         s && /* @__PURE__ */ i(
@@ -7428,6 +7431,7 @@ const Xo = Ze(Qo), es = R.object({
           "div",
           {
             id: "section-container",
+            ref: t,
             className: "relative flex flex-col flex-1 w-full gap-y-3 container overflow-y-auto",
             children: [
               r == null ? void 0 : r.map(
@@ -7440,12 +7444,12 @@ const Xo = Ze(Qo), es = R.object({
                     setSelectedSection: v,
                     activeSections: f,
                     toggleSection: x,
-                    handleSectionEdit: C,
+                    handleSectionEdit: k,
                     removeSection: m,
                     formDataLength: r.length,
                     onDragOver: S,
                     setIsDragging: h,
-                    onReorderSection: k
+                    onReorderSection: C
                   },
                   A.id
                 )
@@ -7494,8 +7498,8 @@ const Xo = Ze(Qo), es = R.object({
   );
 }, ls = () => {
   const { formData: e, uploadUrl: n } = ye(
-    ce
-  ), [a, s] = D("multi"), o = oe("config");
+    be
+  ), [a, s] = D("multi"), o = de("config");
   return /* @__PURE__ */ b("div", { className: "flex flex-col h-full w-full", children: [
     /* @__PURE__ */ i("div", { className: "flex justify-center p-3 border-b border-gray-100 bg-gray-50/50", children: /* @__PURE__ */ b("div", { className: "flex bg-gray-200 p-1 rounded-lg text-sm font-medium", children: [
       /* @__PURE__ */ i(
@@ -7530,15 +7534,15 @@ const Xo = Ze(Qo), es = R.object({
     ) })
   ] });
 }, Bi = ({ loadingClass: e }) => {
-  const n = q(
+  const n = J(
     "h-full w-full min-h-[300px] flex justify-center items-center",
     e
   );
-  return j(() => {
-    const a = oe("config"), s = (a == null ? void 0 : a.loaderColor) || "#333";
+  return G(() => {
+    const a = de("config"), s = (a == null ? void 0 : a.loaderColor) || "#333";
     document.documentElement.style.setProperty("--loader-color", s);
   }, []), /* @__PURE__ */ i("div", { className: n, children: /* @__PURE__ */ i("span", { className: "loader" }) });
-}, ds = ae.lazy(() => import("./logic-flow-BCnTaMDm.js"));
+}, ds = se.lazy(() => import("./logic-flow-C_YsGfPF.js"));
 function us({
   questionData: e,
   uploadUrl: n,
@@ -7546,10 +7550,10 @@ function us({
   templates: s,
   viewMode: o = "canvas"
 }) {
-  const { setFormData: l, addSection: d, setUploadUrl: u, showPreview: t, formData: m } = ye(ce);
-  j(() => {
+  const { setFormData: l, addSection: d, setUploadUrl: u, showPreview: t, formData: m } = ye(be);
+  G(() => {
     e && e.length > 0 && l(e);
-  }, [e, l]), j(() => {
+  }, [e, l]), G(() => {
     u(n);
   }, [n, u]);
   const c = Y((r) => {
@@ -7599,7 +7603,7 @@ const ri = [
   { key: "layoutAndDisplay", title: "Layout & Display" },
   { key: "advancedData", title: "Advanced / Data" }
 ], ts = () => {
-  const [e, n] = D(""), { setIsDragging: a, addElement: s, selectedSection: o } = ye(ce), l = Y(
+  const [e, n] = D(""), { setIsDragging: a, addElement: s, selectedSection: o } = ye(be), l = Y(
     (v, y) => {
       if (!o) {
         xe.error("Please select a section to add an element.");
@@ -7616,12 +7620,12 @@ const ri = [
     }
     const y = {
       ...v,
-      id: me(),
+      id: pe(),
       sectionId: o
     };
     s(y, o);
   }
-  const u = oe("config") || {}, t = u.elementColor, m = u.elementBgColor, c = u.elementBorderColor, r = eo.filter(
+  const u = de("config") || {}, t = u.elementColor, m = u.elementBgColor, c = u.elementBorderColor, r = eo.filter(
     (v) => v.label.toLowerCase().includes(e.toLowerCase())
   ), h = ri == null ? void 0 : ri.map((v) => ({
     title: v.title,
@@ -7664,7 +7668,7 @@ const ri = [
                                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__ */ i("span", { style: { color: t }, children: /* @__PURE__ */ i(J, { icon: g.icon, iconClass: "w-6 h-6" }) }),
+              /* @__PURE__ */ i("span", { style: { color: t }, children: /* @__PURE__ */ i(z, { icon: g.icon, iconClass: "w-6 h-6" }) }),
               /* @__PURE__ */ i(
                 "span",
                 {
@@ -7680,7 +7684,7 @@ const ri = [
       ] }, y);
     }) }) })
   ] });
-}, cs = Ze(ts), Ce = ({
+}, cs = Ze(ts), ke = ({
   text: e = "",
   isDisabled: n = !1,
   isLoading: a = !1,
@@ -7695,14 +7699,14 @@ const ri = [
   style: r,
   onClick: h
 }) => {
-  const v = q(
+  const v = J(
     "btn inline-flex justify-center",
     {
       "pointer-events-none": a,
       "opacity-40 cursor-not-allowed": n
     },
     s
-  ), y = () => a ? /* @__PURE__ */ b(re, { children: [
+  ), y = () => a ? /* @__PURE__ */ b(ve, { children: [
     /* @__PURE__ */ b(
       "svg",
       {
@@ -7735,9 +7739,9 @@ const ri = [
     ),
     "Submitting..."
   ] }) : /* @__PURE__ */ b("span", { className: "flex items-center", children: [
-    o && l === "left" && /* @__PURE__ */ i("span", { className: `mr-[6px] ${d}`, children: /* @__PURE__ */ i(J, { icon: o }) }),
+    o && l === "left" && /* @__PURE__ */ i("span", { className: `mr-[6px] ${d}`, children: /* @__PURE__ */ i(z, { icon: o }) }),
     e && /* @__PURE__ */ i("span", { children: e }),
-    o && l === "right" && /* @__PURE__ */ i("span", { className: `ml-[6px] ${d}`, children: /* @__PURE__ */ i(J, { icon: o }) })
+    o && l === "right" && /* @__PURE__ */ i("span", { className: `ml-[6px] ${d}`, children: /* @__PURE__ */ i(z, { icon: o }) })
   ] });
   return m ? /* @__PURE__ */ i("div", { className: v, children: y() }) : t ? /* @__PURE__ */ i(Dn, { to: t, className: v, children: y() }) : /* @__PURE__ */ i(
     "button",
@@ -7793,10 +7797,10 @@ const ms = ({
   onClose: n
 }) => {
   const { formData: a, uploadUrl: s } = ye(
-    ce
+    be
   );
   if (!e) return null;
-  const o = oe("config");
+  const o = de("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: [
     /* @__PURE__ */ i(
       "button",
@@ -7866,7 +7870,7 @@ function vs({
     redo: f,
     canUndo: g,
     canRedo: p
-  } = ye(ce), [N, S] = D(!1), [k, x] = D(!1), [C, M] = D(e || ""), w = oe("config");
+  } = ye(be), [N, S] = D(!1), [C, x] = D(!1), [k, M] = D(e || ""), w = de("config");
   function A() {
     localStorage.setItem("formData", JSON.stringify(r)), a == null || a(r);
   }
@@ -7874,7 +7878,7 @@ function vs({
     localStorage.setItem("formData", JSON.stringify(r)), s == null || s(r);
   }
   function I() {
-    x(!1), u && C !== e && u(C.trim());
+    x(!1), u && k !== e && u(k.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: [
@@ -7889,11 +7893,11 @@ function vs({
         }
       ),
       " ",
-      k ? /* @__PURE__ */ i(
+      C ? /* @__PURE__ */ i(
         "input",
         {
           type: "text",
-          value: C,
+          value: k,
           onChange: (L) => M(L.target.value),
           onBlur: I,
           autoFocus: !0,
@@ -7905,7 +7909,7 @@ function vs({
           title: "Click to edit",
           className: "text-base font-semibold cursor-pointer form_title",
           onClick: () => x(!0),
-          children: C || "Untitled"
+          children: k || "Untitled"
         }
       )
     ] }),
@@ -7928,7 +7932,7 @@ function vs({
             onClick: () => m("canvas"),
             children: [
               /* @__PURE__ */ i(
-                J,
+                z,
                 {
                   icon: "mdi:view-dashboard-outline",
                   iconClass: "text-base"
@@ -7947,14 +7951,14 @@ function vs({
             className: `px-3 flex items-center gap-1.5 border-l border-gray-300 transition-colors flow_view ${t === "flow" ? " bg-white  font-medium" : "bg-gray-100  text-gray-500 hover:bg-gray-50"}`,
             onClick: () => m("flow"),
             children: [
-              /* @__PURE__ */ i(J, { icon: "mdi:sitemap-outline", iconClass: "text-base" }),
+              /* @__PURE__ */ i(z, { icon: "mdi:sitemap-outline", iconClass: "text-base" }),
               " Flow"
             ]
           }
         )
       ] }),
       /* @__PURE__ */ i(
-        Ce,
+        ke,
         {
           onClick: y,
           text: "",
@@ -7966,7 +7970,7 @@ function vs({
         }
       ),
       /* @__PURE__ */ i(
-        Ce,
+        ke,
         {
           onClick: f,
           text: "",
@@ -7978,7 +7982,7 @@ function vs({
         }
       ),
       c && /* @__PURE__ */ i(
-        Ce,
+        ke,
         {
           onClick: c,
           text: "Versions",
@@ -7989,7 +7993,7 @@ function vs({
         }
       ),
       /* @__PURE__ */ i(
-        Ce,
+        ke,
         {
           onClick: () => h((L) => !L),
           text: v ? "Hide Preview" : "Preview",
@@ -8002,7 +8006,7 @@ function vs({
         }
       ),
       /* @__PURE__ */ i(
-        Ce,
+        ke,
         {
           onClick: A,
           text: "Save",
@@ -8015,7 +8019,7 @@ function vs({
         }
       ),
       /* @__PURE__ */ i(
-        Ce,
+        ke,
         {
           onClick: T,
           text: "Publish",
@@ -8103,7 +8107,7 @@ const Hs = ({
   onAddTemplate: f,
   templates: g,
   onShowVersion: p
-}) => (j(() => {
+}) => (G(() => {
   l && hn("config", l);
 }, [l]), /* @__PURE__ */ i(
   ps,
@@ -8222,29 +8226,23 @@ function xs({ formData: e, isReadOnly: n, answerData: a }) {
   }), R.object().shape(s);
 }
 const Oe = ({ element: e, validationData: n }) => {
-  const a = fn[e.type], { answerData: s } = ye(ce), o = X(
+  const a = fn[e.type], { answerData: s } = ye(be), o = ee(
     () => {
       var d;
       return (d = e == null ? void 0 : e.acceptedFiles) == null ? void 0 : d.map((u) => u.label).join(", ");
     },
     [e]
-  ), l = X(() => Ei(e, s), [s, e]);
-  return a ? /* @__PURE__ */ b("div", { className: `${l ? "" : "invisible h-0"} min-w-0 w-full`, children: [
-    /* @__PURE__ */ b("div", { className: "mb-1.5 min-w-0", children: [
-      e.inputLabel && /* @__PURE__ */ b("label", { className: "block text-sm font-medium  input_label", children: [
-        e.inputLabel,
-        " ",
-        o && /* @__PURE__ */ b("span", { className: "text-gray-400 text-xs", children: [
-          "(",
-          o == null ? void 0 : o.toLowerCase(),
-          ")"
-        ] })
-      ] }),
-      e.description && /* @__PURE__ */ b("small", { className: "block text-gray-400 mt-0.5 text-xs", children: [
-        " ",
-        e.description
+  ), l = ee(() => Ei(e, s), [s, e]);
+  return a ? /* @__PURE__ */ b("div", { className: `${l ? "" : "hidden"} min-w-0 w-full`, children: [
+    /* @__PURE__ */ i("div", { className: "mb-1.5 min-w-0", children: e.inputLabel && /* @__PURE__ */ b("label", { className: "block text-sm font-medium  input_label", children: [
+      e.inputLabel,
+      " ",
+      o && /* @__PURE__ */ b("span", { className: "text-gray-400 text-xs", children: [
+        "(",
+        o == null ? void 0 : o.toLowerCase(),
+        ")"
       ] })
-    ] }),
+    ] }) }),
     /* @__PURE__ */ i(
       a,
       {
@@ -8255,7 +8253,8 @@ const Oe = ({ element: e, validationData: n }) => {
           isReadOnly: n.isReadOnly || e.isDisabled
         }
       }
-    )
+    ),
+    e.description && /* @__PURE__ */ i("small", { className: "block text-gray-400 mt-0.5 text-xs", children: e.description })
   ] }) : null;
 }, Ge = (e, n) => e != null && e.allowEdit ? { ...n, isReadOnly: !1 } : n;
 function As({ form_data: e, options: n }) {
@@ -8284,7 +8283,7 @@ function As({ form_data: e, options: n }) {
     return /* @__PURE__ */ b(
       "div",
       {
-        className: q(
+        className: J(
           "group relative grid gap-y-[6px] min-w-0",
           o.elementClass
         ),
@@ -8359,7 +8358,7 @@ function Ss({ form_data: e, options: n, current: a }) {
     return l.gridId ? null : /* @__PURE__ */ b(
       "div",
       {
-        className: q(
+        className: J(
           "group relative grid gap-y-[6px] min-w-0",
           l.elementClass
         ),
@@ -8378,7 +8377,7 @@ function Ss({ form_data: e, options: n, current: a }) {
     );
   }) });
 }
-const mi = oe("config");
+const mi = de("config");
 function Ns({ element: e, options: n, onNext: a, onPrev: s, isFirst: o, isLast: l, isReadOnly: d }) {
   if (!e)
     return /* @__PURE__ */ i("div", { className: "flex items-center justify-center min-h-[500px] text-gray-500", children: "No questions available." });
@@ -8419,7 +8418,7 @@ function Ns({ element: e, options: n, onNext: a, onPrev: s, isFirst: o, isLast:
     return /* @__PURE__ */ b(
       "div",
       {
-        className: q("group relative grid gap-y-[6px] min-w-0 w-full", c.elementClass),
+        className: J("group relative grid gap-y-[6px] min-w-0 w-full", c.elementClass),
         children: [
           /* @__PURE__ */ i(
             Oe,
@@ -8457,7 +8456,7 @@ function Ns({ element: e, options: n, onNext: a, onPrev: s, isFirst: o, isLast:
             /* @__PURE__ */ i("div", { className: "text-left w-full mb-8", children: e.type === "grid" ? t(e) : m(e) }),
             !d && /* @__PURE__ */ b("div", { className: "flex items-center gap-4 mt-8", children: [
               /* @__PURE__ */ i(
-                Ce,
+                ke,
                 {
                   type: "button",
                   text: l ? n != null && n.isSubmitting ? "Submitting..." : "Submit" : "OK",
@@ -8469,7 +8468,7 @@ function Ns({ element: e, options: n, onNext: a, onPrev: s, isFirst: o, isLast:
               ),
               !l && /* @__PURE__ */ i("span", { className: "text-xs text-gray-400 font-medium hidden sm:inline-block", children: "press Enter ↵" }),
               !o && /* @__PURE__ */ b("button", { type: "button", onClick: s, className: "text-gray-400 hover:text-gray-600 font-medium text-sm ml-auto flex items-center gap-1 transition-colors", children: [
-                /* @__PURE__ */ i(J, { icon: "material-symbols:arrow-upward-rounded", iconClass: "text-lg" }),
+                /* @__PURE__ */ i(z, { icon: "material-symbols:arrow-upward-rounded", iconClass: "text-lg" }),
                 "Back"
               ] })
             ] })
@@ -8480,10 +8479,10 @@ function Ns({ element: e, options: n, onNext: a, onPrev: s, isFirst: o, isLast:
     }
   );
 }
-function Cs(e) {
+function ks(e) {
   return e.reduce((n, a) => (n[a.id] = a.value, n), {});
 }
-const ks = ({
+const Cs = ({
   form_data: e,
   answerData: n = [],
   ignoreValidation: a = !1,
@@ -8495,180 +8494,180 @@ const ks = ({
   hideFooter: t = !1,
   uploadUrl: m
 }) => {
-  var Be, Me, Ee, G, B, K, P, E;
-  const { setAnswerData: c, setUploadUrl: r, apiActivityCount: h } = ye(ce), [v, y] = D(0), [f, g] = D(0), p = X(
-    () => e.filter((O) => !O.isHidden).map((O) => {
+  var Be, Me, Ee, O, B, K, P, E, q, $;
+  const { setAnswerData: c, setUploadUrl: r, apiActivityCount: h } = ye(be), [v, y] = D(0), [f, g] = D(0), p = ee(
+    () => e.filter((j) => !j.isHidden).map((j) => {
       var U;
-      return O.isDisabled || O.disabled ? {
-        ...O,
-        questionData: (U = O == null ? void 0 : O.questionData) == null ? void 0 : U.map((F) => ({
-          ...F,
+      return j.isDisabled || j.disabled ? {
+        ...j,
+        questionData: (U = j == null ? void 0 : j.questionData) == null ? void 0 : U.map((Q) => ({
+          ...Q,
           isDisabled: !0
         }))
-      } : O;
+      } : j;
     }),
     [e]
-  ), N = (Be = p == null ? void 0 : p.length) != null ? Be : 0, S = oe("config"), k = Y(
-    async (O, H, U) => {
-      const F = xs({
+  ), N = (Be = p == null ? void 0 : p.length) != null ? Be : 0, S = de("config"), C = Y(
+    async (j, H, U) => {
+      const Q = xs({
         formData: p,
         isReadOnly: l,
-        answerData: O
+        answerData: j
         // use current form data to evaluate visibility
       });
-      return wi(F)(O, H, U);
+      return wi(Q)(j, H, U);
     },
     [p, l]
   ), x = Ai({
-    resolver: k,
+    resolver: C,
     mode: "onSubmit",
     defaultValues: {}
   }), {
-    register: C,
+    register: k,
     setValue: M,
     control: w,
     handleSubmit: A,
     reset: T,
     getValues: I,
     watch: L,
-    formState: { errors: W, isSubmitting: Z },
-    trigger: ee,
-    setError: $,
-    clearErrors: be
-  } = x, _ = Bn({ control: w }), V = X(
+    formState: { errors: F, isSubmitting: Z },
+    trigger: ie,
+    setError: X,
+    clearErrors: he
+  } = x, _ = Bn({ control: w }), V = ee(
     () => _,
     [JSON.stringify(_)]
-  ), de = X(() => {
+  ), ce = ee(() => {
     if (d !== "conversational") return [];
-    const O = [];
+    const j = [];
     return p.forEach((H) => {
       var U;
-      (U = H == null ? void 0 : H.questionData) == null || U.forEach((F) => {
-        var Q;
-        if (Ei(F, V))
-          if (F.type === "grid") {
-            const pe = (Q = H == null ? void 0 : H.questionData) == null ? void 0 : Q.filter(
-              (he) => he.gridId === F.id
+      (U = H == null ? void 0 : H.questionData) == null || U.forEach((Q) => {
+        var oe;
+        if (Ei(Q, V))
+          if (Q.type === "grid") {
+            const le = (oe = H == null ? void 0 : H.questionData) == null ? void 0 : oe.filter(
+              (me) => me.gridId === Q.id
             );
-            O.push({ ...F, gridChildren: pe });
-          } else F.gridId || O.push(F);
+            j.push({ ...Q, gridChildren: le });
+          } else Q.gridId || j.push(Q);
       });
-    }), O;
+    }), j;
   }, [p, V, d]), Ae = Y(
-    (O) => {
-      o && o(O);
+    (j) => {
+      o && o(j);
     },
     [o]
   );
-  j(() => {
+  G(() => {
     r(m);
-  }, [r, m]), j(() => {
+  }, [r, m]), G(() => {
     if (!(p != null && p.length) || !o) return;
-    const O = p.flatMap(
+    const j = p.flatMap(
       (H) => {
         var U;
-        return (U = H == null ? void 0 : H.questionData) == null ? void 0 : U.map((F) => ({
-          id: F.id,
-          value: V[F.id] || "",
+        return (U = H == null ? void 0 : H.questionData) == null ? void 0 : U.map((Q) => ({
+          id: Q.id,
+          value: V[Q.id] || "",
           sectionId: H.id,
-          type: F.type,
+          type: Q.type,
           metaData: {
-            prefix: F.prefix,
-            dateFormat: F.dateFormat
+            prefix: Q.prefix,
+            dateFormat: Q.dateFormat
           }
         }));
       }
     );
-    Ae(O), c(V);
+    Ae(j), c(V);
   }, [
     V,
     p,
     Ae,
     o,
     c
-  ]), j(() => {
-    n != null && n.length && T(Cs(n));
+  ]), G(() => {
+    n != null && n.length && T(ks(n));
   }, [n, T]);
-  const ve = Y(
-    (O) => {
+  const ge = Y(
+    (j) => {
       const H = p.flatMap(
         (U) => {
-          var F;
-          return (F = U == null ? void 0 : U.questionData) == null ? void 0 : F.map((Q) => ({
-            id: Q.id,
-            value: O[Q.id] || "",
+          var Q;
+          return (Q = U == null ? void 0 : U.questionData) == null ? void 0 : Q.map((oe) => ({
+            id: oe.id,
+            value: j[oe.id] || "",
             sectionId: U.id,
-            type: Q.type,
+            type: oe.type,
             metaData: {
-              prefix: Q.prefix,
-              dateFormat: Q.dateFormat
+              prefix: oe.prefix,
+              dateFormat: oe.dateFormat
             }
           }));
         }
       );
-      Object.keys(W).length > 0 || s == null || s(H);
+      Object.keys(F).length > 0 || s == null || s(H);
     },
-    [W, p, s]
-  ), se = Y(async () => {
-    var O, H;
+    [F, p, s]
+  ), ue = Y(async () => {
+    var j, H;
     if (d === "conversational") {
       if (!a) {
-        const U = de[f];
+        const U = ce[f];
         if (!U) return;
-        const F = U.gridChildren ? U.gridChildren.map((pe) => pe.id) : [U.id];
-        if (!await ee(F)) return;
+        const Q = U.gridChildren ? U.gridChildren.map((le) => le.id) : [U.id];
+        if (!await ie(Q)) return;
       }
-      f < de.length - 1 ? g((U) => U + 1) : A(ve)();
+      f < ce.length - 1 ? g((U) => U + 1) : A(ge)();
       return;
     }
     if (!a) {
-      const U = (H = (O = p == null ? void 0 : p[v]) == null ? void 0 : O.questionData) == null ? void 0 : H.map(
-        (Q) => Q.id
+      const U = (H = (j = p == null ? void 0 : p[v]) == null ? void 0 : j.questionData) == null ? void 0 : H.map(
+        (oe) => oe.id
       );
-      if (!await ee(U)) return;
+      if (!await ie(U)) return;
     }
     y((U) => U + 1);
   }, [
     v,
     f,
-    de,
+    ce,
     p,
     a,
-    ee,
+    ie,
     d,
     A,
-    ve
+    ge
   ]), Se = Y(() => {
     if (d === "conversational") {
-      g((O) => Math.max(0, O - 1));
+      g((j) => Math.max(0, j - 1));
       return;
     }
-    y((O) => O - 1);
-  }, [d]), ke = X(
+    y((j) => j - 1);
+  }, [d]), Ce = ee(
     () => ({
-      register: C,
+      register: k,
       setValue: M,
       watch: L,
-      errors: W,
-      trigger: ee,
+      errors: F,
+      trigger: ie,
       isSubmitting: Z,
       isReadOnly: l,
       getValues: I,
-      setError: $,
-      clearErrors: be,
+      setError: X,
+      clearErrors: he,
       apiActivityCount: h
     }),
     [
-      C,
+      k,
       M,
       L,
-      W,
-      ee,
+      F,
+      ie,
       Z,
       l,
       I,
-      $,
-      be,
+      X,
+      he,
       h
     ]
   );
@@ -8677,7 +8676,7 @@ const ks = ({
     /* @__PURE__ */ b(
       "form",
       {
-        onSubmit: A(ve),
+        onSubmit: A(ge),
         className: "container h-full mx-auto",
         children: [
           /* @__PURE__ */ i("div", { className: "relative flex flex-col w-full min-w-0 py-4 gap-y-12", children: /* @__PURE__ */ b(
@@ -8686,39 +8685,39 @@ const ks = ({
               className: "multi_section__box min-w-0",
               children: [
                 d === "multi" && (((Me = p == null ? void 0 : p[v]) == null ? void 0 : Me.title) || ((Ee = p == null ? void 0 : p[v]) == null ? void 0 : Ee.description)) && /* @__PURE__ */ b("div", { className: "py-4 mb-4 border-b border-gray-100 multi_section__title", children: [
-                  ((G = p[v]) == null ? void 0 : G.title) && /* @__PURE__ */ i("h2", { className: "text-lg font-semibold mb-[6px]", children: (B = p[v]) == null ? void 0 : B.title }),
+                  ((O = p[v]) == null ? void 0 : O.title) && /* @__PURE__ */ i("h2", { className: "text-lg font-semibold mb-[6px]", children: (B = p[v]) == null ? void 0 : B.title }),
                   ((K = p[v]) == null ? void 0 : K.description) && /* @__PURE__ */ i("p", { className: "text-sm", children: (P = p[v]) == null ? void 0 : P.description })
                 ] }),
                 d === "multi" ? /* @__PURE__ */ i(
                   Ss,
                   {
                     form_data: p,
-                    options: ke,
+                    options: Ce,
                     current: v
                   }
                 ) : d === "conversational" ? /* @__PURE__ */ i(
                   Ns,
                   {
-                    element: de[f],
-                    options: ke,
-                    onNext: se,
+                    element: ce[f],
+                    options: Ce,
+                    onNext: ue,
                     onPrev: Se,
                     isFirst: f === 0,
-                    isLast: f === de.length - 1,
+                    isLast: f === ce.length - 1,
                     isReadOnly: l
                   }
                 ) : /* @__PURE__ */ i(
                   As,
                   {
                     form_data: p,
-                    options: ke
+                    options: Ce
                   }
                 )
               ]
             },
             d === "conversational" ? `conv-${f}` : (E = p == null ? void 0 : p[v]) == null ? void 0 : E.id
           ) }),
-          !t && d !== "conversational" && /* @__PURE__ */ i("footer", { className: "flex items-center justify-end gap-4 footer flex-wrap", children: d === "multi" ? /* @__PURE__ */ b(re, { children: [
+          !t && d !== "conversational" && /* @__PURE__ */ i("footer", { className: "flex items-center justify-end gap-4 footer flex-wrap", children: d === "multi" ? /* @__PURE__ */ b(ve, { children: [
             /* @__PURE__ */ b("div", { className: "flex gap-x-4 justify-between navigation_container w-full", children: [
               /* @__PURE__ */ b("div", { children: [
                 " ",
@@ -8730,7 +8729,7 @@ const ks = ({
                     className: "text-gray-400 hover:text-gray-600 font-medium text-sm flex items-center gap-1 transition-colors back_btn",
                     children: [
                       /* @__PURE__ */ i(
-                        J,
+                        z,
                         {
                           icon: "material-symbols:arrow-upward-rounded",
                           iconClass: "text-lg"
@@ -8742,20 +8741,20 @@ const ks = ({
                 )
               ] }),
               v < N - 1 && /* @__PURE__ */ i(
-                Ce,
+                ke,
                 {
                   type: "button",
                   text: "Next",
-                  onClick: se,
+                  onClick: ue,
                   style: { background: (S == null ? void 0 : S.buttonColor) || "#333" },
                   btnClass: "text-gray-700 next_btn text-sm border-[#98A2B3] !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg continue_btn"
                 }
               )
             ] }),
-            (v === N - 1 || l) && !a && (u != null ? u : /* @__PURE__ */ i(
-              Ce,
+            (v === N - 1 || l) && !a && ((q = typeof u == "function" ? u({ isUploading: h > 0, isSubmitting: Z, hasErrors: Object.keys(F).length > 0 }) : u) != null ? q : /* @__PURE__ */ i(
+              ke,
               {
-                isDisabled: Z || Object.keys(W).length > 0 || h > 0,
+                isDisabled: Z || Object.keys(F).length > 0 || h > 0,
                 isLoading: Z,
                 type: "submit",
                 text: "Submit",
@@ -8763,10 +8762,10 @@ const ks = ({
                 btnClass: "text-gray-700 border-[#98A2B3] submit_btn !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg submit_btn"
               }
             ))
-          ] }) : !a && (u != null ? u : /* @__PURE__ */ i(
-            Ce,
+          ] }) : !a && (($ = typeof u == "function" ? u({ isUploading: h > 0, isSubmitting: Z, hasErrors: Object.keys(F).length > 0 }) : u) != null ? $ : /* @__PURE__ */ i(
+            ke,
             {
-              isDisabled: Z || Object.keys(W).length > 0 || h > 0,
+              isDisabled: Z || Object.keys(F).length > 0 || h > 0,
               isLoading: Z,
               type: "submit",
               text: "Submit",
@@ -8774,12 +8773,12 @@ const ks = ({
               btnClass: "text-gray-700 border-[#98A2B3] submit_btn !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg submit_btn"
             }
           )) }),
-          d === "conversational" && de.length > 0 && /* @__PURE__ */ i("div", { className: "fixed bottom-0 left-0 w-full h-1.5 bg-gray-200", children: /* @__PURE__ */ i(
+          d === "conversational" && ce.length > 0 && /* @__PURE__ */ i("div", { className: "fixed bottom-0 left-0 w-full h-1.5 bg-gray-200", children: /* @__PURE__ */ i(
             "div",
             {
               className: "h-full bg-blue-600 transition-all duration-500 ease-out",
               style: {
-                width: `${(f + 1) / de.length * 100}%`,
+                width: `${(f + 1) / ce.length * 100}%`,
                 background: (S == null ? void 0 : S.buttonColor) || "#2563EB"
               }
             }
@@ -8788,7 +8787,7 @@ const ks = ({
       }
     )
   ] });
-}, Ms = ae.memo(ks);
+}, Ms = se.memo(Cs);
 function yn({
   answerData: e,
   form_data: n,
@@ -8803,7 +8802,7 @@ function yn({
   onGetValues: c,
   uploadUrl: r
 }) {
-  j(() => {
+  G(() => {
     d && hn("config", d);
   }, [d]);
   const h = Y(
@@ -8832,7 +8831,7 @@ function yn({
   ] }) : /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("p", { className: "p-6 text-sm text-gray-400", children: "Error: No form data available." }) });
 }
 export {
-  J as A,
+  z as A,
   Hs as H,
   yn as V
 };