@arudovwen/form-builder-react 1.4.21 → 1.4.23

package/dist/form-builder.es.js

@@ -1,11 +1,11 @@
-import si, { createContext as co, useState as L, useMemo as Y, useEffect as R, forwardRef as pe, createElement as vn, Fragment as Ji, useContext as vi, useRef as Gi, useCallback as J, memo as An } from "react";
-import { toast as bi, ToastContainer as he } from "react-toastify";
+import si, { createContext as co, useState as L, useMemo as Y, useEffect as R, forwardRef as he, createElement as vn, Fragment as Ji, useContext as vi, useRef as Gi, useCallback as J, memo as An } from "react";
+import { toast as bi, ToastContainer as pe } from "react-toastify";
 import { v4 as xi } from "uuid";
 import to from "react-datepicker";
 import { Listbox as q, Transition as Bi, Combobox as Ti, ComboboxInput as ro, ComboboxButton as mo, ComboboxOptions as bo, ComboboxOption as vo } from "@headlessui/react";
 import Ei from "axios";
 import Qi from "react-currency-input-field";
-import { appendErrors as po, useForm as Sn, useFieldArray as dn, useWatch as ho, FormProvider as go } from "react-hook-form";
+import { appendErrors as ho, useForm as Sn, useFieldArray as dn, useWatch as po, FormProvider as go } from "react-hook-form";
 import { validateFieldsNatively as fo, toNestErrors as xo } from "@hookform/resolvers";
 import * as T from "yup";
 import yo from "papaparse";
@@ -48,11 +48,11 @@ var Ri = {};
 var Zn;
 function No() {
   return Zn || (Zn = 1, process.env.NODE_ENV !== "production" && function() {
-    var i = si, e = Symbol.for("react.element"), o = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), c = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), t = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), r = Symbol.for("react.lazy"), v = Symbol.for("react.offscreen"), y = Symbol.iterator, h = "@@iterator";
-    function p(b) {
+    var i = si, e = Symbol.for("react.element"), o = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), c = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), t = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), r = Symbol.for("react.lazy"), v = Symbol.for("react.offscreen"), y = Symbol.iterator, p = "@@iterator";
+    function h(b) {
       if (b === null || typeof b != "object")
         return null;
-      var j = y && b[y] || b[h];
+      var j = y && b[y] || b[p];
       return typeof j == "function" ? j : null;
     }
     var f = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -137,14 +137,14 @@ function No() {
         }
       return null;
     }
-    var I = Object.assign, $ = 0, li, pi, F, hi, gi, fi, yi;
+    var I = Object.assign, $ = 0, li, hi, F, pi, gi, fi, yi;
     function Ai() {
     }
     Ai.__reactDisabledLog = !0;
     function Si() {
       {
         if ($ === 0) {
-          li = console.log, pi = console.info, F = console.warn, hi = console.error, gi = console.group, fi = console.groupCollapsed, yi = console.groupEnd;
+          li = console.log, hi = console.info, F = console.warn, pi = console.error, gi = console.group, fi = console.groupCollapsed, yi = console.groupEnd;
           var b = {
             configurable: !0,
             enumerable: !0,
@@ -177,13 +177,13 @@ function No() {
               value: li
             }),
             info: I({}, b, {
-              value: pi
+              value: hi
             }),
             warn: I({}, b, {
               value: F
             }),
             error: I({}, b, {
-              value: hi
+              value: pi
             }),
             group: I({}, b, {
               value: gi
@@ -200,7 +200,7 @@ function No() {
       }
     }
     var _ = f.ReactCurrentDispatcher, X;
-    function ni(b, j, M) {
+    function ii(b, j, M) {
       {
         if (X === void 0)
           try {
@@ -213,13 +213,13 @@ function No() {
 ` + X + b;
       }
     }
-    var ei = !1, ri;
+    var ni = !1, ri;
     {
       var nn = typeof WeakMap == "function" ? WeakMap : Map;
       ri = new nn();
     }
     function Pn(b, j) {
-      if (!b || ei)
+      if (!b || ni)
         return "";
       {
         var M = ri.get(b);
@@ -227,7 +227,7 @@ function No() {
           return M;
       }
       var w;
-      ei = !0;
+      ni = !0;
       var z = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var Z;
@@ -268,25 +268,25 @@ function No() {
         if (ci && w && typeof ci.stack == "string") {
           for (var G = ci.stack.split(`
 `), di = w.stack.split(`
-`), oi = G.length - 1, ai = di.length - 1; oi >= 1 && ai >= 0 && G[oi] !== di[ai]; )
+`), ei = G.length - 1, ai = di.length - 1; ei >= 1 && ai >= 0 && G[ei] !== di[ai]; )
             ai--;
-          for (; oi >= 1 && ai >= 0; oi--, ai--)
-            if (G[oi] !== di[ai]) {
-              if (oi !== 1 || ai !== 1)
+          for (; ei >= 1 && ai >= 0; ei--, ai--)
+            if (G[ei] !== di[ai]) {
+              if (ei !== 1 || ai !== 1)
                 do
-                  if (oi--, ai--, ai < 0 || G[oi] !== di[ai]) {
+                  if (ei--, ai--, ai < 0 || G[ei] !== di[ai]) {
                     var mi = `
-` + G[oi].replace(" at new ", " at ");
+` + G[ei].replace(" at new ", " at ");
                     return b.displayName && mi.includes("<anonymous>") && (mi = mi.replace("<anonymous>", b.displayName)), typeof b == "function" && ri.set(b, mi), mi;
                   }
-                while (oi >= 1 && ai >= 0);
+                while (ei >= 1 && ai >= 0);
               break;
             }
         }
       } finally {
-        ei = !1, _.current = Z, H(), Error.prepareStackTrace = z;
+        ni = !1, _.current = Z, H(), Error.prepareStackTrace = z;
       }
-      var Mi = b ? b.displayName || b.name : "", Ni = Mi ? ni(Mi) : "";
+      var Mi = b ? b.displayName || b.name : "", Ni = Mi ? ii(Mi) : "";
       return typeof b == "function" && ri.set(b, Ni), Ni;
     }
     function Ie(b, j, M) {
@@ -302,12 +302,12 @@ function No() {
       if (typeof b == "function")
         return Pn(b, Ge(b));
       if (typeof b == "string")
-        return ni(b);
+        return ii(b);
       switch (b) {
         case m:
-          return ni("Suspense");
+          return ii("Suspense");
         case t:
-          return ni("SuspenseList");
+          return ii("SuspenseList");
       }
       if (typeof b == "object")
         switch (b.$$typeof) {
@@ -345,8 +345,8 @@ function No() {
                 throw di.name = "Invariant Violation", di;
               }
               G = b[V](j, V, w, M, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (oi) {
-              G = oi;
+            } catch (ei) {
+              G = ei;
             }
             G && !(G instanceof Error) && (Vi(z), A("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", M, V, typeof G), Vi(null)), G instanceof Error && !(G.message in wn) && (wn[G.message] = !0, Vi(z), A("Failed %s type: %s", M, G.message), Vi(null));
           }
@@ -459,9 +459,9 @@ function No() {
         for (Z in j)
           Pi.call(j, Z) && !Ue.hasOwnProperty(Z) && (V[Z] = j[Z]);
         if (b && b.defaultProps) {
-          var oi = b.defaultProps;
-          for (Z in oi)
-            V[Z] === void 0 && (V[Z] = oi[Z]);
+          var ei = b.defaultProps;
+          for (Z in ei)
+            V[Z] === void 0 && (V[Z] = ei[Z]);
         }
         if (G || di) {
           var ai = typeof b == "function" ? b.displayName || b.name || "Unknown" : b;
@@ -536,7 +536,7 @@ Check the top-level render call using <` + M + ">.");
         else if (sn(b))
           b._store && (b._store.validated = !0);
         else if (b) {
-          var z = p(b);
+          var z = h(b);
           if (typeof z == "function" && z !== b.entries)
             for (var Z = z.call(b), V; !(V = Z.next()).done; )
               sn(V.value) && Wn(V.value, j);
@@ -589,8 +589,8 @@ Check the top-level render call using <` + M + ">.");
           (b === void 0 || typeof b == "object" && b !== null && Object.keys(b).length === 0) && (G += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var di = Qe();
           di ? G += di : G += Hn();
-          var oi;
-          b === null ? oi = "null" : en(b) ? oi = "array" : b !== void 0 && b.$$typeof === e ? (oi = "<" + (E(b.type) || "Unknown") + " />", G = " Did you accidentally export a JSX literal instead of a component?") : oi = typeof b, A("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", oi, G);
+          var ei;
+          b === null ? ei = "null" : en(b) ? ei = "array" : b !== void 0 && b.$$typeof === e ? (ei = "<" + (E(b.type) || "Unknown") + " />", G = " Did you accidentally export a JSX literal instead of a component?") : ei = typeof b, A("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ei, G);
         }
         var ai = $e(b, j, M, z, Z);
         if (ai == null)
@@ -648,8 +648,8 @@ const ui = co(void 0), $n = {
 }, ge = ({ children: i }) => {
   const [e, o] = L({}), [s, a] = L({}), [l, d] = L([$n]), [c, u] = L(!1), [m, t] = L(null), [g, r] = L([
     0
-  ]), [v, y] = L(""), h = si.useCallback(() => {
-  }, []), p = si.useCallback(() => {
+  ]), [v, y] = L(""), p = si.useCallback(() => {
+  }, []), h = si.useCallback(() => {
     const P = xi();
     d((K) => [...K, { ...$n, id: P }]), t(P), r([l.length]);
   }, [l]), f = si.useCallback((P) => {
@@ -715,7 +715,7 @@ const ui = co(void 0), $n = {
               ($) => $.type === "grid" && $.gridData ? {
                 ...$,
                 gridData: $.gridData.map(
-                  (li, pi) => pi === P ? {
+                  (li, hi) => hi === P ? {
                     ...li,
                     ...K
                   } : li
@@ -753,7 +753,7 @@ const ui = co(void 0), $n = {
     () => ({
       formData: l,
       setFormData: d,
-      handleDragStop: h,
+      handleDragStop: p,
       removeElement: A,
       elementData: s,
       setElementData: a,
@@ -761,7 +761,7 @@ const ui = co(void 0), $n = {
       addElement: k,
       addElementInPosition: N,
       updateElement: C,
-      addSection: p,
+      addSection: h,
       removeSection: f,
       updateSection: D,
       isDragging: c,
@@ -778,14 +778,14 @@ const ui = co(void 0), $n = {
     }),
     [
       l,
-      h,
+      p,
       A,
       s,
       S,
       k,
       N,
       C,
-      p,
+      h,
       f,
       D,
       c,
@@ -807,7 +807,7 @@ function fe(i) {
   } else for (o in i) i[o] && (s && (s += " "), s += o);
   return s;
 }
-function W() {
+function U() {
   for (var i, e, o = 0, s = "", a = arguments.length; o < a; o++) (i = arguments[o]) && (e = fe(i)) && (s && (s += " "), s += e);
   return s;
 }
@@ -984,7 +984,7 @@ function ko({ type: i = "calendar", className: e }) {
     }
   ) });
 }
-const pn = ({
+const hn = ({
   value: i = null,
   onGetValue: e,
   readOnly: o = !1,
@@ -1039,7 +1039,7 @@ function Co({
   return a && (l = a()[i.id]), R(() => {
     o(i.id);
   }, [i.id]), /* @__PURE__ */ n.jsx(
-    pn,
+    hn,
     {
       name: i.id,
       value: l,
@@ -1063,7 +1063,7 @@ function un({
     {
       placeholder: (i == null ? void 0 : i.placeholder) || "",
       type: (i == null ? void 0 : i.inputType) || "text",
-      className: W("field-control", i == null ? void 0 : i.customClass),
+      className: U("field-control", i == null ? void 0 : i.customClass),
       ...o(i == null ? void 0 : i.id),
       disabled: e == null ? void 0 : e.isReadOnly,
       inputMode: (i == null ? void 0 : i.inputMode) || void 0,
@@ -1097,7 +1097,7 @@ const xe = Object.freeze({
 }), Nn = Object.freeze({
   ...xe,
   ...Zi
-}), hn = Object.freeze({
+}), pn = Object.freeze({
   ...Nn,
   body: "",
   hidden: !1
@@ -1110,7 +1110,7 @@ function To(i, e) {
 }
 function Qn(i, e) {
   const o = To(i, e);
-  for (const s in hn) s in Zi ? s in i && !(s in o) && (o[s] = Zi[s]) : s in e ? o[s] = e[s] : s in i && (o[s] = i[s]);
+  for (const s in pn) s in Zi ? s in i && !(s in o) && (o[s] = Zi[s]) : s in e ? o[s] = e[s] : s in i && (o[s] = i[s]);
   return o;
 }
 function Bo(i, e, o) {
@@ -1151,12 +1151,12 @@ function Ae(i) {
   const o = e.icons;
   for (const a in o) {
     const l = o[a];
-    if (!a || typeof l.body != "string" || !cn(l, hn)) return null;
+    if (!a || typeof l.body != "string" || !cn(l, pn)) return null;
   }
   const s = e.aliases || /* @__PURE__ */ Object.create(null);
   for (const a in s) {
     const l = s[a], d = l.parent;
-    if (!a || typeof d != "string" || !o[d] && !s[d] || !cn(l, hn)) return null;
+    if (!a || typeof d != "string" || !o[d] && !s[d] || !cn(l, pn)) return null;
   }
   return e;
 }
@@ -1314,29 +1314,29 @@ function Ho(i, e) {
     height: o.height
   };
   let l = o.body;
-  [o, s].forEach((h) => {
-    const p = [], f = h.hFlip, A = h.vFlip;
-    let S = h.rotate;
-    f ? A ? S += 2 : (p.push("translate(" + (a.width + a.left).toString() + " " + (0 - a.top).toString() + ")"), p.push("scale(-1 1)"), a.top = a.left = 0) : A && (p.push("translate(" + (0 - a.left).toString() + " " + (a.height + a.top).toString() + ")"), p.push("scale(1 -1)"), a.top = a.left = 0);
+  [o, s].forEach((p) => {
+    const h = [], f = p.hFlip, A = p.vFlip;
+    let S = p.rotate;
+    f ? A ? S += 2 : (h.push("translate(" + (a.width + a.left).toString() + " " + (0 - a.top).toString() + ")"), h.push("scale(-1 1)"), a.top = a.left = 0) : A && (h.push("translate(" + (0 - a.left).toString() + " " + (a.height + a.top).toString() + ")"), h.push("scale(1 -1)"), a.top = a.left = 0);
     let k;
     switch (S < 0 && (S -= Math.floor(S / 4) * 4), S = S % 4, S) {
       case 1:
-        k = a.height / 2 + a.top, p.unshift("rotate(90 " + k.toString() + " " + k.toString() + ")");
+        k = a.height / 2 + a.top, h.unshift("rotate(90 " + k.toString() + " " + k.toString() + ")");
         break;
       case 2:
-        p.unshift("rotate(180 " + (a.width / 2 + a.left).toString() + " " + (a.height / 2 + a.top).toString() + ")");
+        h.unshift("rotate(180 " + (a.width / 2 + a.left).toString() + " " + (a.height / 2 + a.top).toString() + ")");
         break;
       case 3:
-        k = a.width / 2 + a.left, p.unshift("rotate(-90 " + k.toString() + " " + k.toString() + ")");
+        k = a.width / 2 + a.left, h.unshift("rotate(-90 " + k.toString() + " " + k.toString() + ")");
         break;
     }
-    S % 2 === 1 && (a.left !== a.top && (k = a.left, a.left = a.top, a.top = k), a.width !== a.height && (k = a.width, a.width = a.height, a.height = k)), p.length && (l = Go(l, '<g transform="' + p.join(" ") + '">', "</g>"));
+    S % 2 === 1 && (a.left !== a.top && (k = a.left, a.left = a.top, a.top = k), a.width !== a.height && (k = a.width, a.width = a.height, a.height = k)), h.length && (l = Go(l, '<g transform="' + h.join(" ") + '">', "</g>"));
   });
   const d = s.width, c = s.height, u = a.width, m = a.height;
   let t, g;
   d === null ? (g = c === null ? "1em" : c === "auto" ? m : c, t = ne(g, u / m)) : (t = d === "auto" ? u : d, g = c === null ? ne(t, m / u) : c === "auto" ? m : c);
-  const r = {}, v = (h, p) => {
-    Fo(p) || (r[h] = p.toString());
+  const r = {}, v = (p, h) => {
+    Fo(h) || (r[p] = h.toString());
   };
   v("width", t), v("height", g);
   const y = [
@@ -1601,12 +1601,12 @@ function da(i, e, o, s) {
   function y() {
     g && (clearTimeout(g), g = null);
   }
-  function h() {
+  function p() {
     u === "pending" && (u = "aborted"), y(), r.forEach((x) => {
       x.status === "pending" && (x.status = "aborted");
     }), r = [];
   }
-  function p(x, C) {
+  function h(x, C) {
     C && (v = []), typeof x == "function" && v.push(x);
   }
   function f() {
@@ -1616,8 +1616,8 @@ function da(i, e, o, s) {
       status: u,
       queriesSent: m,
       queriesPending: r.length,
-      subscribe: p,
-      abort: h
+      subscribe: h,
+      abort: p
     };
   }
   function A() {
@@ -1857,9 +1857,9 @@ function va(i, e) {
   }
   return o;
 }
-const pa = /[\s,]+/;
-function ha(i, e) {
-  e.split(pa).forEach((o) => {
+const ha = /[\s,]+/;
+function pa(i, e) {
+  e.split(ha).forEach((o) => {
     switch (o.trim()) {
       case "horizontal":
         i.hFlip = !0;
@@ -1960,21 +1960,21 @@ const Ma = (i, e, o) => {
     ...l === "svg" ? ja : {}
   };
   if (o) {
-    const p = Xi(o, !1, !0);
-    if (p) {
+    const h = Xi(o, !1, !0);
+    if (h) {
       const f = ["iconify"], A = [
         "provider",
         "prefix"
       ];
       for (const S of A)
-        p[S] && f.push("iconify--" + p[S]);
+        h[S] && f.push("iconify--" + h[S]);
       u.className = f.join(" ");
     }
   }
-  for (let p in e) {
-    const f = e[p];
+  for (let h in e) {
+    const f = e[h];
     if (f !== void 0)
-      switch (p) {
+      switch (h) {
         // Properties to ignore
         case "icon":
         case "style":
@@ -1990,17 +1990,17 @@ const Ma = (i, e, o) => {
           break;
         // Merge class names
         case "className":
-          u[p] = (u[p] ? u[p] + " " : "") + f;
+          u[h] = (u[h] ? u[h] + " " : "") + f;
           break;
         // Boolean attributes
         case "inline":
         case "hFlip":
         case "vFlip":
-          a[p] = f === !0 || f === "true" || f === 1;
+          a[h] = f === !0 || f === "true" || f === 1;
           break;
         // Flip as string: 'horizontal,vertical'
         case "flip":
-          typeof f == "string" && ha(a, f);
+          typeof f == "string" && pa(a, f);
           break;
         // Color: copy to style
         case "color":
@@ -2008,7 +2008,7 @@ const Ma = (i, e, o) => {
           break;
         // Rotation as string
         case "rotate":
-          typeof f == "string" ? a[p] = ga(f) : typeof f == "number" && (a[p] = f);
+          typeof f == "string" ? a[h] = ga(f) : typeof f == "number" && (a[h] = f);
           break;
         // Remove aria-hidden
         case "ariaHidden":
@@ -2017,7 +2017,7 @@ const Ma = (i, e, o) => {
           break;
         // Copy missing property if it does not exist in customisations
         default:
-          s[p] === void 0 && (u[p] = f);
+          s[h] === void 0 && (u[h] = f);
       }
   }
   const m = Ho(i, a), t = m.attributes;
@@ -2026,19 +2026,19 @@ const Ma = (i, e, o) => {
       ...d,
       ...c
     }, Object.assign(u, t);
-    let p = 0, f = e.id;
+    let h = 0, f = e.id;
     return typeof f == "string" && (f = f.replace(/-/g, "_")), u.dangerouslySetInnerHTML = {
-      __html: Na(zo(m.body, f ? () => f + "ID" + p++ : "iconifyReact"))
+      __html: Na(zo(m.body, f ? () => f + "ID" + h++ : "iconifyReact"))
     }, vn("svg", u);
   }
-  const { body: g, width: r, height: v } = i, y = l === "mask" || (l === "bg" ? !1 : g.indexOf("currentColor") !== -1), h = fa(g, {
+  const { body: g, width: r, height: v } = i, y = l === "mask" || (l === "bg" ? !1 : g.indexOf("currentColor") !== -1), p = fa(g, {
     ...t,
     width: r + "",
     height: v + ""
   });
   return u.style = {
     ...d,
-    "--svg": Aa(h),
+    "--svg": Aa(p),
     width: ue(t.width),
     height: ue(t.height),
     ...ka,
@@ -2089,11 +2089,11 @@ function Le(i) {
           name: "",
           data: y
         };
-      const h = ie(y);
-      if (h)
+      const p = ie(y);
+      if (p)
         return {
           name: y,
-          data: h
+          data: p
         };
     }
     return {
@@ -2119,17 +2119,17 @@ function Le(i) {
       });
       return;
     }
-    const h = ie(y);
+    const p = ie(y);
     if (m({
       name: y,
-      data: h
+      data: p
     }))
-      if (h === void 0) {
-        const p = ba([y], t);
+      if (p === void 0) {
+        const h = ba([y], t);
         a({
-          callback: p
+          callback: h
         });
-      } else h && ((v = i.onLoad) === null || v === void 0 || v.call(i, y));
+      } else p && ((v = i.onLoad) === null || v === void 0 || v.call(i, y));
   }
   R(() => (o(!0), u), []), R(() => {
     e && t();
@@ -2140,16 +2140,16 @@ function Le(i) {
     ...r
   }, i, g) : i.children ? i.children : i.fallback ? i.fallback : vn("span", {});
 }
-const Pe = pe((i, e) => Le({
+const Pe = he((i, e) => Le({
   ...i,
   _ref: e
 }));
-pe((i, e) => Le({
+he((i, e) => Le({
   inline: !0,
   ...i,
   _ref: e
 }));
-function U({
+function W({
   icon: i,
   iconClass: e
 }) {
@@ -2189,7 +2189,7 @@ function Mn({
             disabled: c,
             children: [
               /* @__PURE__ */ n.jsx("span", { className: "custom-select__value", children: s.length > 0 ? u : /* @__PURE__ */ n.jsx("span", { className: "custom-select__placeholder", children: o != null ? o : " Select options" }) }),
-              /* @__PURE__ */ n.jsx("span", { className: "custom-select__icon", children: /* @__PURE__ */ n.jsx(U, { icon: "lucide:chevron-down" }) })
+              /* @__PURE__ */ n.jsx("span", { className: "custom-select__icon", children: /* @__PURE__ */ n.jsx(W, { icon: "lucide:chevron-down" }) })
             ]
           }
         ),
@@ -2254,10 +2254,10 @@ function we({
   }, [i]), R(() => {
     if (l === "pdf" && (i != null && i.startsWith("data:")))
       try {
-        const v = atob(i.split(",")[1]), y = new ArrayBuffer(v.length), h = new Uint8Array(y);
+        const v = atob(i.split(",")[1]), y = new ArrayBuffer(v.length), p = new Uint8Array(y);
         for (let A = 0; A < v.length; A++)
-          h[A] = v.charCodeAt(A);
-        const p = new Blob([y], { type: "application/pdf" }), f = URL.createObjectURL(p);
+          p[A] = v.charCodeAt(A);
+        const h = new Blob([y], { type: "application/pdf" }), f = URL.createObjectURL(h);
         return u(f), () => URL.revokeObjectURL(f);
       } catch (v) {
         console.error("Error creating blob URL:", v);
@@ -2271,12 +2271,12 @@ function we({
   function r(v, y = "download") {
     if (!v) return;
     if (v.startsWith("data:")) {
-      const p = document.createElement("a");
-      p.href = v, p.download = y, document.body.appendChild(p), p.click(), document.body.removeChild(p);
+      const h = document.createElement("a");
+      h.href = v, h.download = y, document.body.appendChild(h), h.click(), document.body.removeChild(h);
       return;
     }
-    const h = document.createElement("a");
-    h.href = v, h.setAttribute("download", y), document.body.appendChild(h), h.click(), document.body.removeChild(h);
+    const p = document.createElement("a");
+    p.href = v, p.setAttribute("download", y), document.body.appendChild(p), p.click(), document.body.removeChild(p);
   }
   return /* @__PURE__ */ n.jsxs("div", { className: "mt-2 field-control !py-1 !bg-gray-50 !flex justify-between gap-x-8 items-center", children: [
     /* @__PURE__ */ n.jsxs(
@@ -2286,8 +2286,8 @@ function we({
         className: "!flex items-center rounded cursor-pointer   gap-x-3",
         title: `Click to preview ${g}`,
         children: [
-          l === "image" && /* @__PURE__ */ n.jsx("div", { className: "flex items-center justify-center ", children: /* @__PURE__ */ n.jsx(U, { iconClass: "text-4xl", icon: "fluent-color:image-48" }) }),
-          l !== "image" && /* @__PURE__ */ n.jsx(U, { icon: Ea[l], iconClass: "text-4xl" }),
+          l === "image" && /* @__PURE__ */ n.jsx("div", { className: "flex items-center justify-center ", children: /* @__PURE__ */ n.jsx(W, { iconClass: "text-4xl", icon: "fluent-color:image-48" }) }),
+          l !== "image" && /* @__PURE__ */ n.jsx(W, { icon: Ea[l], iconClass: "text-4xl" }),
           /* @__PURE__ */ n.jsx("span", { className: "text-sm font-semibold text-center text-gray-700 truncate max-w-[300px]", children: g })
         ]
       }
@@ -2300,7 +2300,7 @@ function we({
           className: "p-2",
           onClick: () => r(c || i, e),
           title: `Download ${g}`,
-          children: /* @__PURE__ */ n.jsx(U, { icon: "streamline-flex:download-tray-solid" })
+          children: /* @__PURE__ */ n.jsx(W, { icon: "streamline-flex:download-tray-solid" })
         }
       ),
       o && /* @__PURE__ */ n.jsx(
@@ -2309,7 +2309,7 @@ function we({
           type: "button",
           className: "p-2 text-lg text-red-500",
           onClick: o,
-          children: /* @__PURE__ */ n.jsx(U, { icon: "lets-icons:trash-duotone" })
+          children: /* @__PURE__ */ n.jsx(W, { icon: "lets-icons:trash-duotone" })
         }
       )
     ] }),
@@ -2400,7 +2400,7 @@ function Pa({
       }
     },
     [d]
-  ), h = J(
+  ), p = J(
     (k) => new Promise((N, x) => {
       const C = new FileReader();
       C.onloadend = async () => {
@@ -2424,7 +2424,7 @@ function Pa({
       }, C.onerror = () => x(new Error("File read failed")), C.readAsDataURL(k);
     }),
     [d, y]
-  ), p = J(
+  ), h = J(
     (k) => {
       const N = r ? r.split(",").map((x) => x.trim()) : [];
       for (const x of k) {
@@ -2446,13 +2446,13 @@ function Pa({
     async (k) => {
       const N = Array.from(k.target.files || []);
       if (!(!N.length || t)) {
-        if (!p(N)) {
+        if (!h(N)) {
           c.current && (c.current.value = "");
           return;
         }
         try {
           g(!0);
-          const x = await Promise.all(N.map(h));
+          const x = await Promise.all(N.map(p));
           m((C) => {
             const D = s && C ? [...C, ...x] : x;
             return i(D), D;
@@ -2464,7 +2464,7 @@ function Pa({
         }
       }
     },
-    [t, p, h, i, s]
+    [t, h, p, i, s]
   ), A = J(
     (k) => {
       t || (c.current && (c.current.value = ""), m((N) => {
@@ -2500,7 +2500,7 @@ function Pa({
           onClick: () => A(),
           disabled: t,
           "aria-label": "Remove all files",
-          children: /* @__PURE__ */ n.jsx(U, { icon: "lets-icons:trash-duotone" })
+          children: /* @__PURE__ */ n.jsx(W, { icon: "lets-icons:trash-duotone" })
         }
       )
     ] }),
@@ -2575,7 +2575,7 @@ function Ra({
     {
       placeholder: i.placeholder,
       type: i.inputType,
-      className: W("field-control", i == null ? void 0 : i.customClass),
+      className: U("field-control", i == null ? void 0 : i.customClass),
       ...o(i.id),
       disabled: e == null ? void 0 : e.isReadOnly
     }
@@ -2596,7 +2596,7 @@ const O = ({
   prefix: g,
   disabled: r
 }) => {
-  var y, h, p, f;
+  var y, p, h, f;
   const v = o ? { ...o(e) } : {};
   return l === "amount" ? /* @__PURE__ */ n.jsxs("div", { className: "space-y-1.5 relative", children: [
     /* @__PURE__ */ n.jsx(
@@ -2635,7 +2635,7 @@ const O = ({
       ),
       /* @__PURE__ */ n.jsx("span", { className: "text-sm font-medium text-[#344054] font-onest", children: i })
     ] }),
-    (s == null ? void 0 : s[e]) && /* @__PURE__ */ n.jsx("p", { className: "ml-2 text-sm text-red-600", children: (h = s[e]) == null ? void 0 : h.message })
+    (s == null ? void 0 : s[e]) && /* @__PURE__ */ n.jsx("p", { className: "ml-2 text-sm text-red-600", children: (p = s[e]) == null ? void 0 : p.message })
   ] }) : l === "textarea" ? /* @__PURE__ */ n.jsxs("div", { className: "space-y-1.5 relative", children: [
     /* @__PURE__ */ n.jsx(
       "label",
@@ -2653,7 +2653,7 @@ const O = ({
         disabled: r
       }
     ),
-    (s == null ? void 0 : s[e]) && /* @__PURE__ */ n.jsx("p", { className: "mt-1 text-sm text-red-600", children: (p = s[e]) == null ? void 0 : p.message })
+    (s == null ? void 0 : s[e]) && /* @__PURE__ */ n.jsx("p", { className: "mt-1 text-sm text-red-600", children: (h = s[e]) == null ? void 0 : h.message })
   ] }) : /* @__PURE__ */ n.jsxs("div", { className: "space-y-1.5 relative w-full", children: [
     /* @__PURE__ */ n.jsx(
       "label",
@@ -2680,7 +2680,7 @@ function Da({
   validationData: e
 }) {
   const { register: o = () => ({}) } = e || {};
-  return /* @__PURE__ */ n.jsx("div", { className: W("grid gap-y-[6px]", i.customClass), children: i == null ? void 0 : i.options.map(
+  return /* @__PURE__ */ n.jsx("div", { className: U("grid gap-y-[6px]", i.customClass), children: i == null ? void 0 : i.options.map(
     (s) => /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx(
       O,
       {
@@ -2706,7 +2706,7 @@ function Ka({
   validationData: e
 }) {
   const { register: o = () => ({}) } = e || {};
-  return /* @__PURE__ */ n.jsx("div", { className: W("grid gap-y-[6px]", i.customClass), children: i == null ? void 0 : i.options.map(
+  return /* @__PURE__ */ n.jsx("div", { className: U("grid gap-y-[6px]", i.customClass), children: i == null ? void 0 : i.options.map(
     (s) => /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx(
       O,
       {
@@ -2738,7 +2738,7 @@ const Ki = ({
   loading: v,
   disabled: y
 }) => {
-  const [h, p] = L(m ? [] : null), f = Gi(!1), A = Y(() => !c || !i || i.length === 0 ? m ? [] : null : m ? Array.isArray(c) ? i.filter((N) => c.some(
+  const [p, h] = L(m ? [] : null), f = Gi(!1), A = Y(() => !c || !i || i.length === 0 ? m ? [] : null : m ? Array.isArray(c) ? i.filter((N) => c.some(
     (x) => {
       var C;
       return typeof N.value == "object" ? ((C = N.value) == null ? void 0 : C.id) === (x == null ? void 0 : x.id) : N.value === x;
@@ -2752,25 +2752,25 @@ const Ki = ({
       f.current = !1;
       return;
     }
-    if (m && Array.isArray(A) && Array.isArray(h)) {
-      const N = h.map((C) => C.value), x = A.map((C) => C.value);
-      JSON.stringify(N) !== JSON.stringify(x) && p(A);
-    } else (A == null ? void 0 : A.value) !== (h == null ? void 0 : h.value) && p(A);
+    if (m && Array.isArray(A) && Array.isArray(p)) {
+      const N = p.map((C) => C.value), x = A.map((C) => C.value);
+      JSON.stringify(N) !== JSON.stringify(x) && h(A);
+    } else (A == null ? void 0 : A.value) !== (p == null ? void 0 : p.value) && h(A);
   }, [A, m]);
   const S = J((N) => {
     var x;
-    if (f.current = !0, p(N), a) {
+    if (f.current = !0, h(N), a) {
       const C = m ? Array.isArray(N) ? N.map((D) => D.value) : [] : (x = N == null ? void 0 : N.value) != null ? x : null;
       a(l, C), u == null || u(l);
     }
     s && !f.current && s(l);
-  }, [a, l, u, s, m]), k = Y(() => v ? "Fetching data..." : h ? m && Array.isArray(h) ? h.length > 0 ? h.map((N) => N.label).join(", ") : e : (h == null ? void 0 : h.label) || e : e, [h, v, e, m]);
+  }, [a, l, u, s, m]), k = Y(() => v ? "Fetching data..." : p ? m && Array.isArray(p) ? p.length > 0 ? p.map((N) => N.label).join(", ") : e : (p == null ? void 0 : p.label) || e : e, [p, v, e, m]);
   return /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
     !t && d && /* @__PURE__ */ n.jsx("label", { className: "block text-sm text-[#686878] darks:text-white/70 mb-2", children: d }),
     t && d && /* @__PURE__ */ n.jsx(
       "label",
       {
-        className: W(
+        className: U(
           "z-[40] absolute bg-white py-[2px] px-1 -top-[10px] left-3",
           r
         ),
@@ -2780,7 +2780,7 @@ const Ki = ({
     /* @__PURE__ */ n.jsx(
       q,
       {
-        value: h,
+        value: p,
         onChange: S,
         multiple: m,
         disabled: y || v,
@@ -2789,13 +2789,13 @@ const Ki = ({
             /* @__PURE__ */ n.jsx(
               "span",
               {
-                className: W("block text-sm text-left truncate", {
-                  "opacity-60": !h || v
+                className: U("block text-sm text-left truncate", {
+                  "opacity-60": !p || v
                 }),
                 children: k
               }
             ),
-            /* @__PURE__ */ n.jsx("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ n.jsx(U, { icon: "lucide:chevron-down" }) })
+            /* @__PURE__ */ n.jsx("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ n.jsx(W, { icon: "lucide:chevron-down" }) })
           ] }),
           /* @__PURE__ */ n.jsx(
             Bi,
@@ -2809,8 +2809,8 @@ const Ki = ({
                   q.Option,
                   {
                     value: N,
-                    className: ({ active: D }) => W("select-option", { active: D }),
-                    children: ({ selected: D }) => /* @__PURE__ */ n.jsx("div", { className: W("option-text", { selected: D }), children: N.label })
+                    className: ({ active: D }) => U("select-option", { active: D }),
+                    children: ({ selected: D }) => /* @__PURE__ */ n.jsx("div", { className: U("option-text", { selected: D }), children: N.label })
                   },
                   ((C = N.value) == null ? void 0 : C.id) || N.value || x
                 );
@@ -2868,14 +2868,14 @@ function yn({
               placeholder: "Select an option..."
             }
           ),
-          /* @__PURE__ */ n.jsx(mo, { className: "absolute inset-y-0 right-0 flex items-center px-2 text-gray-400 hover:text-gray-600", children: /* @__PURE__ */ n.jsx(U, { icon: "octicon:chevron-down-12" }) })
+          /* @__PURE__ */ n.jsx(mo, { className: "absolute inset-y-0 right-0 flex items-center px-2 text-gray-400 hover:text-gray-600", children: /* @__PURE__ */ n.jsx(W, { icon: "octicon:chevron-down-12" }) })
         ] }),
         /* @__PURE__ */ n.jsx(bo, { anchor: "bottom start", className: "select-options__combo", children: g.length === 0 ? /* @__PURE__ */ n.jsx("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No results found." }) : g.map((v) => /* @__PURE__ */ n.jsx(
           vo,
           {
             value: v,
-            className: ({ active: y, selected: h }) => W("select-option", { active: y, selected: h }),
-            children: ({ selected: y }) => /* @__PURE__ */ n.jsx("div", { className: W("option-text", { selected: y }), children: v.label })
+            className: ({ active: y, selected: p }) => U("select-option", { active: y, selected: p }),
+            children: ({ selected: y }) => /* @__PURE__ */ n.jsx("div", { className: U("option-text", { selected: y }), children: v.label })
           },
           v.value
         )) })
@@ -2906,7 +2906,7 @@ function Ia({
       setValue: a,
       trigger: s,
       value: d,
-      className: W("field-control", i == null ? void 0 : i.customClass),
+      className: U("field-control", i == null ? void 0 : i.customClass),
       disabled: e == null ? void 0 : e.isReadOnly
     }
   ) : /* @__PURE__ */ n.jsx(
@@ -2930,7 +2930,7 @@ function Ga({
     {
       placeholder: i.placeholder,
       rows: 4,
-      className: W("field-control resize-none", i == null ? void 0 : i.customClass),
+      className: U("field-control resize-none", i == null ? void 0 : i.customClass),
       ...o(i.id),
       disabled: e == null ? void 0 : e.isReadOnly
     }
@@ -2953,7 +2953,7 @@ function Tn(i, e, o) {
         return { values: {}, errors: xo((c = d, u = !l.shouldUseNativeValidation && l.criteriaMode === "all", (c.inner || []).reduce(function(m, t) {
           if (m[t.path] || (m[t.path] = { message: t.message, type: t.type }), u) {
             var g = m[t.path].types, r = g && g[t.type];
-            m[t.path] = po(t.path, u, m, t.type, r ? [].concat(r, t.message) : t.message);
+            m[t.path] = ho(t.path, u, m, t.type, r ? [].concat(r, t.message) : t.message);
           }
           return m;
         }, {})), l) };
@@ -2972,16 +2972,16 @@ const Fa = ({
   activeTab: a,
   btnClass: l = ""
 }) => {
-  const d = W(
+  const d = U(
     "flex gap-x-3 mb-8 w-full no-scrollbar overflow-x-auto border-b-2 border-[#EAECF0] darks:border-gray-500",
     e
   );
   return /* @__PURE__ */ n.jsx("div", { className: d, children: i.map((c) => {
-    const u = a === c.key, m = o[c.key] || 0, t = W(
+    const u = a === c.key, m = o[c.key] || 0, t = U(
       "capitalize text-sm  whitespace-nowrap no-scrollbar font-semibold pb-[14px] border-b-2 border-[#EAECF0] px-6 flex items-center  gap-x-1 flex-1 text-center",
       `${i.length === 1 ? "justify-start" : "justify-center"}`,
       l
-    ), g = W({
+    ), g = U({
       "border-gray-500 border-primary border-primary-500  text-primary text-primary-500": u,
       "border-transparent text-gray-400 ": !u
     }), r = m > 0 && /* @__PURE__ */ n.jsx("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 });
@@ -2989,7 +2989,7 @@ const Fa = ({
       "button",
       {
         onClick: () => s(c.key),
-        className: W(t, g),
+        className: U(t, g),
         "aria-selected": u,
         role: "tab",
         type: "button",
@@ -3026,7 +3026,7 @@ const Fa = ({
   label: i,
   value: e,
   id: e
-}), ii = (i) => ({
+}), oi = (i) => ({
   ...Va,
   ...i
 }), Wa = De.map((i) => ({
@@ -3034,28 +3034,28 @@ const Fa = ({
   value: i.name,
   id: i.code || i.name
 })), Ua = [
-  ii({
+  oi({
     type: "basicText",
     label: "Basic Text",
     icon: "fluent:text-16-filled",
     inputLabel: "",
     inputType: "basicText"
   }),
-  ii({
+  oi({
     type: "textField",
     label: "Text Field",
     icon: "fluent:text-16-filled",
     inputLabel: "Text Label",
     inputType: "text"
   }),
-  ii({
+  oi({
     type: "longText",
     label: "Long Text Field",
     icon: "dashicons:text",
     inputLabel: "Long Text Label",
     inputType: "text"
   }),
-  ii({
+  oi({
     type: "selectField",
     label: "Select List",
     icon: "tabler:select",
@@ -3073,7 +3073,7 @@ const Fa = ({
   //   options: [option("Parent", "")],
   //   options2: [option("Child", "")],
   // }),
-  ii({
+  oi({
     type: "multiSelect",
     label: "Multi Select",
     icon: "fluent-mdl2:multi-select",
@@ -3081,7 +3081,7 @@ const Fa = ({
     inputType: "select",
     options: [Ui("Placeholder 1", "")]
   }),
-  ii({
+  oi({
     type: "validateInput",
     label: "Validate Input",
     icon: "iconoir:www",
@@ -3091,7 +3091,7 @@ const Fa = ({
     method: "GET",
     responseType: "string"
   }),
-  ii({
+  oi({
     type: "numberField",
     label: "Number",
     icon: "octicon:number-16",
@@ -3099,7 +3099,7 @@ const Fa = ({
     inputType: "number",
     inputMode: "decimal"
   }),
-  ii({
+  oi({
     type: "amountField",
     label: "Amount",
     icon: "carbon:currency",
@@ -3107,7 +3107,7 @@ const Fa = ({
     inputType: "amount",
     prefix: null
   }),
-  ii({
+  oi({
     type: "date",
     label: "Date",
     icon: "bx:calendar",
@@ -3120,14 +3120,14 @@ const Fa = ({
     canHaveDateRange: !1,
     allowYearPicker: !1
   }),
-  ii({
+  oi({
     type: "password",
     label: "Password",
     icon: "ic:round-password",
     inputLabel: "Password Label",
     inputType: "password"
   }),
-  ii({
+  oi({
     type: "checkbox",
     label: "Checkbox",
     icon: "mingcute:checkbox-line",
@@ -3135,7 +3135,7 @@ const Fa = ({
     inputType: "checkbox",
     options: [Ui("Checkbox Option", "")]
   }),
-  ii({
+  oi({
     type: "phoneField",
     label: "Phone Number",
     icon: "fluent-mdl2:add-phone",
@@ -3143,7 +3143,7 @@ const Fa = ({
     inputType: "tel",
     pattern: "^\\+?[0-9]{7,15}$"
   }),
-  ii({
+  oi({
     type: "radio",
     label: "Radio Select",
     icon: "ri:checkbox-circle-line",
@@ -3151,14 +3151,14 @@ const Fa = ({
     inputType: "radio",
     options: [Ui("Radio Option", "")]
   }),
-  ii({
+  oi({
     type: "email",
     label: "Email",
     icon: "mdi:email-outline",
     inputLabel: "Email Label",
     inputType: "email"
   }),
-  ii({
+  oi({
     type: "file",
     label: "File Attachment",
     icon: "ion:attach-sharp",
@@ -3167,7 +3167,7 @@ const Fa = ({
     isMultiple: !1,
     acceptedFiles: []
   }),
-  ii({
+  oi({
     type: "country",
     label: "Country",
     icon: "fluent:globe-16-regular",
@@ -3176,14 +3176,14 @@ const Fa = ({
     options: Wa,
     showState: !1
   }),
-  ii({
+  oi({
     type: "rating",
     label: "Ratings",
     icon: "streamline-ultimate:rating-star-ribbon",
     inputLabel: "Rating Label",
     inputType: "rating"
   }),
-  ii({
+  oi({
     type: "dataGrid",
     label: "Data Grid",
     icon: "carbon:data-table",
@@ -3199,36 +3199,36 @@ const Fa = ({
       }
     ]
   }),
-  ii({
-    type: "tableInput",
-    label: "Table Input",
-    icon: "iconoir:table",
-    inputLabel: "Table Input Label",
-    inputType: "tableInput",
-    value: []
-  }),
-  ii({
+  // createElement({
+  //   type: ElementKind.TABLE_INPUT,
+  //   label: "Table Input",
+  //   icon: "iconoir:table",
+  //   inputLabel: "Table Input Label",
+  //   inputType: "tableInput",
+  //   value: [],
+  // }),
+  oi({
     type: "divider",
     label: "Divider",
     icon: "pixel:divider",
     inputLabel: "",
     inputType: "divider"
   }),
-  ii({
+  oi({
     type: "spacer",
     label: "Spacer",
     icon: "fluent-mdl2:spacer",
     inputLabel: "",
     inputType: "spacer"
   }),
-  ii({
-    type: "section",
-    label: "Section",
-    icon: "stash:section-divider",
-    inputLabel: "",
-    inputType: "section"
-  }),
-  ii({
+  // createElement({
+  //   type: ElementKind.SECTION,
+  //   label: "Section",
+  //   icon: "stash:section-divider",
+  //   inputLabel: "",
+  //   inputType: "section",
+  // }),
+  oi({
     type: "grid",
     label: "Grid",
     icon: "cuida:grid-outline",
@@ -3479,8 +3479,8 @@ const es = () => /* @__PURE__ */ n.jsx("blockquote", { className: "bg-gray-100 p
       const g = t.target.result, r = yo.parse(g, { header: !0 });
       i(e, r.data);
     }, m.readAsText(u)) : u.name.endsWith(".xlsx") || u.name.endsWith(".xls") ? (m.onload = (t) => {
-      const g = new Uint8Array(t.target.result), r = _n.read(g, { type: "array" }), v = r.SheetNames[0], y = r.Sheets[v], h = _n.utils.sheet_to_json(y);
-      i(e, h);
+      const g = new Uint8Array(t.target.result), r = _n.read(g, { type: "array" }), v = r.SheetNames[0], y = r.Sheets[v], p = _n.utils.sheet_to_json(y);
+      i(e, p);
     }, m.readAsArrayBuffer(u)) : bi.error("Unsupported file type. Please upload a CSV or Excel file.");
   };
   return /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
@@ -3824,8 +3824,8 @@ const rs = T.object().shape({
     register: r,
     handleSubmit: v,
     control: y,
-    setValue: h,
-    watch: p,
+    setValue: p,
+    watch: h,
     trigger: f,
     formState: { errors: A, isSubmitting: S, isValid: k },
     reset: N
@@ -3835,7 +3835,7 @@ const rs = T.object().shape({
       ...o,
       options: o.options || []
     }
-  }), x = p(), { fields: C, append: D, remove: Q } = dn({
+  }), x = h(), { fields: C, append: D, remove: Q } = dn({
     control: y,
     name: "options"
   }), {
@@ -3862,7 +3862,7 @@ const rs = T.object().shape({
     headers: {
       Authorization: `Bearer ${ti("token")}`
     }
-  }, hi = J(async () => {
+  }, pi = J(async () => {
     var H, _, X;
     if (!x.apiUrl || !/^https?:\/\//.test(x.apiUrl)) {
       bi.info("Please provide a valid API URL");
@@ -3870,26 +3870,26 @@ const rs = T.object().shape({
     }
     try {
       u(!0);
-      const { status: ni, data: ei } = await Ei.get(x.apiUrl, F);
-      if (ni !== 200 || !ei) {
+      const { status: ii, data: ni } = await Ei.get(x.apiUrl, F);
+      if (ii !== 200 || !ni) {
         bi.error("Unexpected response from server.");
         return;
       }
-      const ri = ei.data || ei.record || ei.result;
+      const ri = ni.data || ni.record || ni.result;
       if (!Array.isArray(ri)) {
         bi.error("Expected an array in response (data, record, or result).");
         return;
       }
-      ((H = o.type) == null ? void 0 : H.toLowerCase()) === "datagrid" ? h("dataColumns", ri) : h("options", ri);
-    } catch (ni) {
-      const ei = ((X = (_ = ni == null ? void 0 : ni.response) == null ? void 0 : _.data) == null ? void 0 : X.message) || (ni == null ? void 0 : ni.message) || "Unable to load options";
-      bi.error(ei);
+      ((H = o.type) == null ? void 0 : H.toLowerCase()) === "datagrid" ? p("dataColumns", ri) : p("options", ri);
+    } catch (ii) {
+      const ni = ((X = (_ = ii == null ? void 0 : ii.response) == null ? void 0 : _.data) == null ? void 0 : X.message) || (ii == null ? void 0 : ii.message) || "Unable to load options";
+      bi.error(ni);
     } finally {
       u(!1);
     }
-  }, [o.type, h, x.apiUrl]), gi = ["manual", "api", "sheet"];
+  }, [o.type, p, x.apiUrl]), gi = ["manual", "api", "sheet"];
   function fi() {
-    m === "api" && hi();
+    m === "api" && pi();
   }
   const yi = () => /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col justify-start gap-y-1", children: [
     /* @__PURE__ */ n.jsx("div", { className: "flex items-center mb-4 gap-x-5", children: gi.map((H) => /* @__PURE__ */ n.jsxs("label", { className: "items-center text-base capitalize gap-x-3", children: [
@@ -3942,7 +3942,7 @@ const rs = T.object().shape({
       {
         isFloating: !0,
         label: "Load options form sheet (csv, xlsx)",
-        setValue: h,
+        setValue: p,
         name: "options"
       }
     ) }),
@@ -3984,7 +3984,7 @@ const rs = T.object().shape({
                 type: "button",
                 className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
                 onClick: () => Q(_),
-                children: /* @__PURE__ */ n.jsx(U, { icon: "iconamoon:sign-times-fill" })
+                children: /* @__PURE__ */ n.jsx(W, { icon: "iconamoon:sign-times-fill" })
               }
             )
           ]
@@ -4001,7 +4001,7 @@ const rs = T.object().shape({
             className: "flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",
             onClick: () => D({ label: "", value: "", id: xi() }),
             children: [
-              /* @__PURE__ */ n.jsx(U, { icon: "qlementine-icons:plus-16" }),
+              /* @__PURE__ */ n.jsx(W, { icon: "qlementine-icons:plus-16" }),
               " Add Option"
             ]
           }
@@ -4061,7 +4061,7 @@ const rs = T.object().shape({
                   type: "button",
                   className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
                   onClick: () => B(_),
-                  children: /* @__PURE__ */ n.jsx(U, { icon: "iconamoon:sign-times-fill" })
+                  children: /* @__PURE__ */ n.jsx(W, { icon: "iconamoon:sign-times-fill" })
                 }
               )
             ]
@@ -4077,7 +4077,7 @@ const rs = T.object().shape({
               className: "flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",
               onClick: () => K({ label: "", value: "", key: "", id: xi() }),
               children: [
-                /* @__PURE__ */ n.jsx(U, { icon: "qlementine-icons:plus-16" }),
+                /* @__PURE__ */ n.jsx(W, { icon: "qlementine-icons:plus-16" }),
                 " Add Option"
               ]
             }
@@ -4138,7 +4138,7 @@ const rs = T.object().shape({
       {
         isFloating: !0,
         label: "Load columns form sheet (csv, xlsx)",
-        setValue: h,
+        setValue: p,
         name: "dataColumns"
       }
     ) }),
@@ -4174,7 +4174,7 @@ const rs = T.object().shape({
           type: "button",
           className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
           onClick: () => $(_),
-          children: /* @__PURE__ */ n.jsx(U, { icon: "iconamoon:sign-times-fill" })
+          children: /* @__PURE__ */ n.jsx(W, { icon: "iconamoon:sign-times-fill" })
         }
       )
     ] }, H.id)),
@@ -4192,7 +4192,7 @@ const rs = T.object().shape({
             id: xi()
           }),
           children: [
-            /* @__PURE__ */ n.jsx(U, { icon: "qlementine-icons:plus-16" }),
+            /* @__PURE__ */ n.jsx(W, { icon: "qlementine-icons:plus-16" }),
             " Add column"
           ]
         }
@@ -4204,23 +4204,24 @@ const rs = T.object().shape({
         Authorization: `Bearer ${H}`
       }
     });
-    _ === 200 && (console.log({ data: X }), h("options", (X == null ? void 0 : X.data) || X));
-  }, [h, x.url]);
+    _ === 200 && (console.log({ data: X }), p("options", (X == null ? void 0 : X.data) || X));
+  }, [p, x.url]);
   return R(() => {
     o.type === "document" && x.url && Si();
   }, [x.url, o.type, Si]), /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: "fixed inset-0 bg-black/30 flex items-center justify-end z-[999] cursor-default  select-none ",
+      className: "fixed inset-0 bg-gray-800/40 backdrop-blur-sm flex items-center justify-end z-[999] cursor-default  select-none ",
       draggable: "true",
       onDragStart: (H) => H.preventDefault(),
       children: /* @__PURE__ */ n.jsxs(
         "div",
         {
-          className: "w-full lg:w-1/3 xl:w-1/4 bg-white h-screen  shadow-xl relative flex flex-col  items-center   select-",
+          className: "w-full lg:w-2/3 xl:w-2/5 bg-white h-screen  shadow-xl relative flex flex-col  items-center  select-",
           draggable: "true",
           onDragStart: (H) => H.preventDefault(),
           children: [
+            /* @__PURE__ */ n.jsx("button", { className: "bg-white h-10 w-10 flex justify-center items-center absolute top-1 -left-12 rounded-lg hover:bg-gray-50", onClick: e, children: /* @__PURE__ */ n.jsx(W, { icon: "tabler:x", iconClass: "text-xl" }) }),
             /* @__PURE__ */ n.jsx("div", { className: "w-full pt-4", children: /* @__PURE__ */ n.jsx(
               Fa,
               {
@@ -4239,7 +4240,7 @@ const rs = T.object().shape({
                 children: [
                   /* @__PURE__ */ n.jsxs("div", { className: "flex-1", children: [
                     " ",
-                    /* @__PURE__ */ n.jsxs("div", { className: " max-h-[75vh] overflow-y-auto flex-1", children: [
+                    /* @__PURE__ */ n.jsxs("div", { className: " max-h-[70vh] overflow-y-auto flex-1", children: [
                       l === "basic" && /* @__PURE__ */ n.jsxs("div", { className: "z-10 flex flex-col w-full gap-5 px-6", children: [
                         rn.includes(o.inputType) && /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsx(
                           O,
@@ -4322,9 +4323,9 @@ const rs = T.object().shape({
                               ],
                               register: r,
                               name: "method",
-                              setValue: h,
+                              setValue: p,
                               trigger: f,
-                              value: p("method")
+                              value: h("method")
                             }
                           ),
                           /* @__PURE__ */ n.jsx(
@@ -4343,9 +4344,9 @@ const rs = T.object().shape({
                               ],
                               register: r,
                               name: "responseType",
-                              setValue: h,
+                              setValue: p,
                               trigger: f,
-                              value: p("responseType")
+                              value: h("responseType")
                             }
                           )
                         ] }),
@@ -4353,9 +4354,9 @@ const rs = T.object().shape({
                           ns,
                           {
                             onChange: (H) => {
-                              h("denominators", H);
+                              p("denominators", H);
                             },
-                            value: p("denominators")
+                            value: h("denominators")
                           }
                         ),
                         !rn.includes(o.inputType) && !zi.includes(o.inputType) && /* @__PURE__ */ n.jsx(
@@ -4376,9 +4377,9 @@ const rs = T.object().shape({
                               options: Ja,
                               register: r,
                               name: "dateFormat",
-                              setValue: h,
+                              setValue: p,
                               trigger: f,
-                              value: p("dateFormat")
+                              value: h("dateFormat")
                             }
                           ),
                           /* @__PURE__ */ n.jsx(
@@ -4394,20 +4395,20 @@ const rs = T.object().shape({
                           ),
                           (x == null ? void 0 : x.canHaveDateRange) && /* @__PURE__ */ n.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
                             /* @__PURE__ */ n.jsx(
-                              pn,
+                              hn,
                               {
                                 name: "minDate",
                                 value: x == null ? void 0 : x.minDate,
-                                onGetValue: h,
+                                onGetValue: p,
                                 placeholder: "Select min date"
                               }
                             ),
                             /* @__PURE__ */ n.jsx(
-                              pn,
+                              hn,
                               {
                                 name: "maxDate",
                                 value: x == null ? void 0 : x.minDate,
-                                onGetValue: h,
+                                onGetValue: p,
                                 placeholder: "Select max date",
                                 minDate: x == null ? void 0 : x.minDate
                               }
@@ -4452,9 +4453,9 @@ const rs = T.object().shape({
                             ],
                             register: r,
                             name: "selectType",
-                            setValue: h,
+                            setValue: p,
                             trigger: f,
-                            value: p("selectType")
+                            value: h("selectType")
                           }
                         ),
                         o.type.toLowerCase() === "grid" && /* @__PURE__ */ n.jsx(
@@ -4527,7 +4528,7 @@ const rs = T.object().shape({
                                 id: "acceptedFiles",
                                 value: x == null ? void 0 : x.acceptedFiles
                               },
-                              validationData: { register: r, setValue: h, trigger: f, watch: p },
+                              validationData: { register: r, setValue: p, trigger: f, watch: h },
                               placeholder: "Choose file types"
                             }
                           )
@@ -4550,9 +4551,9 @@ const rs = T.object().shape({
                             ts,
                             {
                               register: r,
-                              setValue: h,
+                              setValue: p,
                               trigger: f,
-                              watch: p,
+                              watch: h,
                               id: o == null ? void 0 : o.id
                             }
                           )
@@ -4686,7 +4687,7 @@ const rs = T.object().shape({
                       ] })
                     ] })
                   ] }),
-                  /* @__PURE__ */ n.jsxs("div", { className: "sticky flex w-full gap-3 px-6 pt-8 pb-4 mt-10 border-t", children: [
+                  /* @__PURE__ */ n.jsxs("div", { className: "sticky flex w-full gap-3 px-6 pt-8 pb-10 mt-10 border-t", children: [
                     /* @__PURE__ */ n.jsx(
                       "button",
                       {
@@ -4755,7 +4756,7 @@ const rs = T.object().shape({
               type: "button",
               className: "text-sm outline-none hover:opacity-80",
               onClick: () => a(!0),
-              children: /* @__PURE__ */ n.jsx(U, { icon: "circum:edit", iconClass: "text-base" })
+              children: /* @__PURE__ */ n.jsx(W, { icon: "circum:edit", iconClass: "text-base" })
             }
           ),
           /* @__PURE__ */ n.jsx(
@@ -4764,7 +4765,7 @@ const rs = T.object().shape({
               type: "button",
               className: "text-sm outline-none hover:opacity-80",
               onClick: c,
-              children: /* @__PURE__ */ n.jsx(U, { icon: "iconamoon:trash", iconClass: "text-base" })
+              children: /* @__PURE__ */ n.jsx(W, { icon: "iconamoon:trash", iconClass: "text-base" })
             }
           )
         ] })
@@ -4802,12 +4803,12 @@ function vs({
     }
   );
 }
-function ps(i) {
+function hs(i) {
   if (!i) return !1;
   const e = /^data:image\/(jpeg|png|gif|bmp|webp);base64,/i, o = /\.(jpeg|jpg|png|gif|bmp|webp)$/i;
   return e.test(i) || o.test(i);
 }
-const hs = ({ imageUrl: i }) => {
+const ps = ({ imageUrl: i }) => {
   const [e, o] = L(!1), s = () => {
     o(!0);
   }, a = () => {
@@ -4902,43 +4903,43 @@ function gs({
   R(() => {
     d(v);
   }, [v]);
-  const [y, h] = L("");
+  const [y, p] = L("");
   R(() => {
     o(i.id);
   }, [i.id, o]);
-  const { url: p, method: f, responseType: A } = i || {}, k = {
+  const { url: h, method: f, responseType: A } = i || {}, k = {
     headers: {
       Authorization: `Bearer ${ti("token")}`
     }
   }, N = J(
     async (x) => {
-      var C, D, Q, P, K, B, E, I, $, li, pi;
-      if (!(!p || !f)) {
+      var C, D, Q, P, K, B, E, I, $, li, hi;
+      if (!(!h || !f)) {
         u(!0);
         try {
           let F;
           if (f.toLowerCase() === "get") {
-            const hi = `${p}?value=${x}`;
-            F = await Ei.get(hi, k);
+            const pi = `${h}?value=${x}`;
+            F = await Ei.get(pi, k);
           } else if (f.toLowerCase() === "post")
-            F = await Ei.post(p, { value: x }, k);
+            F = await Ei.post(h, { value: x }, k);
           else
             throw new Error("Unsupported HTTP method");
           F.status === 200 && ((((D = (C = F == null ? void 0 : F.data) == null ? void 0 : C.data) == null ? void 0 : D.status) || ((Q = F == null ? void 0 : F.data) == null ? void 0 : Q.status)) === !0 ? (t(!0), A === "string" ? r(
             ((K = (P = F == null ? void 0 : F.data) == null ? void 0 : P.data) == null ? void 0 : K.description) || ((B = F == null ? void 0 : F.data) == null ? void 0 : B.description) || "Validation successful"
-          ) : h(
+          ) : p(
             ((I = (E = F == null ? void 0 : F.data) == null ? void 0 : E.data) == null ? void 0 : I.description) || (($ = F == null ? void 0 : F.data) == null ? void 0 : $.description) || {}
           )) : (console.error("Invalid input:", x), r("Unable to validate input"), t(!1)));
         } catch (F) {
           console.error("Error validating input:", F), r(
-            ((pi = (li = F == null ? void 0 : F.response) == null ? void 0 : li.data) == null ? void 0 : pi.message) || "Unable to validate input"
+            ((hi = (li = F == null ? void 0 : F.response) == null ? void 0 : li.data) == null ? void 0 : hi.message) || "Unable to validate input"
           ), t(!1);
         } finally {
           u(!1);
         }
       }
     },
-    [f, A, p]
+    [f, A, h]
   );
   return R(() => {
     if (l) {
@@ -4954,7 +4955,7 @@ function gs({
         {
           placeholder: (i == null ? void 0 : i.placeholder) || "",
           type: (i == null ? void 0 : i.inputType) || "text",
-          className: W("field-control", i == null ? void 0 : i.customClass),
+          className: U("field-control", i == null ? void 0 : i.customClass),
           ...o(i == null ? void 0 : i.id),
           onChange: (x) => {
             d(x.target.value), s(i == null ? void 0 : i.id, x.target.value);
@@ -4996,7 +4997,7 @@ function gs({
             }
           )
         ] }),
-        m && !c && /* @__PURE__ */ n.jsx("span", { className: "block pr-3 text-lg text-green-600", children: /* @__PURE__ */ n.jsx(U, { icon: "gg:check-o" }) })
+        m && !c && /* @__PURE__ */ n.jsx("span", { className: "block pr-3 text-lg text-green-600", children: /* @__PURE__ */ n.jsx(W, { icon: "gg:check-o" }) })
       ] })
     ] }),
     g && A === "string" && /* @__PURE__ */ n.jsx(
@@ -5011,7 +5012,7 @@ function gs({
         x,
         ":"
       ] }),
-      ps(C) ? /* @__PURE__ */ n.jsx(hs, { imageUrl: C }) : /* @__PURE__ */ n.jsx("span", { children: String(C) })
+      hs(C) ? /* @__PURE__ */ n.jsx(ps, { imageUrl: C }) : /* @__PURE__ */ n.jsx("span", { children: String(C) })
     ] }, x)) })
   ] });
 }
@@ -5109,10 +5110,10 @@ function xs({
   ) });
 }
 function ys({ element: i }) {
-  return /* @__PURE__ */ n.jsx("div", { className: W("py-6", i == null ? void 0 : i.customClass) });
+  return /* @__PURE__ */ n.jsx("div", { className: U("py-6", i == null ? void 0 : i.customClass) });
 }
 function As({ element: i }) {
-  return /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx("hr", { className: W("border-gray-200 my-4", i == null ? void 0 : i.customClass) }) });
+  return /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx("hr", { className: U("border-gray-200 my-4", i == null ? void 0 : i.customClass) }) });
 }
 function Ss({
   element: i,
@@ -5146,19 +5147,19 @@ function js({
     l(i);
   }, []);
   const u = (r, v, y) => {
-    const h = a.map((p, f) => f === v ? { ...p, [y]: r } : p);
-    l(h), e && e(h);
+    const p = a.map((h, f) => f === v ? { ...h, [y]: r } : h);
+    l(p), e && e(p);
   }, m = () => {
-    const r = a.length > 0 ? Math.max(...a.map((h) => Number(h.id) || 0)) + 1 : 1, v = s.reduce(
-      (h, p) => ({
-        ...h,
-        [p.field]: p.field === "id" ? r : ""
+    const r = a.length > 0 ? Math.max(...a.map((p) => Number(p.id) || 0)) + 1 : 1, v = s.reduce(
+      (p, h) => ({
+        ...p,
+        [h.field]: h.field === "id" ? r : ""
       }),
       {}
     ), y = [...a, v];
     l(y), e && e(y);
   }, t = (r) => {
-    const v = a.filter((y, h) => h !== r);
+    const v = a.filter((y, p) => p !== r);
     l(v), e && e(v);
   }, g = (r, v) => (d == null ? void 0 : d.rowIndex) === r && (d == null ? void 0 : d.field) === v;
   return /* @__PURE__ */ n.jsxs("div", { className: "mt-4 rounded", children: [
@@ -5176,7 +5177,7 @@ function js({
         s.map((r) => /* @__PURE__ */ n.jsx(
           "th",
           {
-            className: "px-3 py-2 text-xs font-semibold text-left text-gray-600 border",
+            className: "px-3 py-2 text-xs font-semibold text-left text-gray-600 border whitespace-nowrap",
             children: r.headerName || r.field
           },
           r.field
@@ -5186,18 +5187,18 @@ function js({
       /* @__PURE__ */ n.jsx("tbody", { children: a.length > 0 ? a.map((r, v) => {
         var y;
         return /* @__PURE__ */ n.jsxs("tr", { children: [
-          s.map((h) => {
-            var p, f;
+          s.map((p) => {
+            var h, f;
             return /* @__PURE__ */ n.jsx(
               "td",
               {
                 className: "px-2 py-1 border",
-                onDoubleClick: () => h.editable && !o && c({ rowIndex: v, field: h.field }),
-                children: h.editable && g(v, h.field) && !o ? /* @__PURE__ */ n.jsx(n.Fragment, { children: h.type === "number" ? /* @__PURE__ */ n.jsx(
+                onDoubleClick: () => p.editable && !o && c({ rowIndex: v, field: p.field }),
+                children: p.editable && g(v, p.field) && !o ? /* @__PURE__ */ n.jsx(n.Fragment, { children: p.type === "number" ? /* @__PURE__ */ n.jsx(
                   Qi,
                   {
-                    value: (p = r[h.field]) != null ? p : "",
-                    onValueChange: (A) => u(A, v, h.field),
+                    value: (h = r[p.field]) != null ? h : "",
+                    onValueChange: (A) => u(A, v, p.field),
                     decimalsLimit: 6,
                     allowNegativeValue: !1,
                     placeholder: "",
@@ -5208,18 +5209,18 @@ function js({
                   {
                     autoFocus: !0,
                     type: "text",
-                    value: (f = r[h.field]) != null ? f : "",
+                    value: (f = r[p.field]) != null ? f : "",
                     onChange: (A) => u(
                       A.target.value,
                       v,
-                      h.field
+                      p.field
                     ),
                     onBlur: () => c(null),
                     className: "w-full px-2 py-1 text-gray-600 border rounded outline-none"
                   }
-                ) }) : /* @__PURE__ */ n.jsx("span", { className: "block py-1 text-gray-700 cursor-pointer", children: r[h.field] })
+                ) }) : /* @__PURE__ */ n.jsx("span", { className: "block py-1 text-gray-700 cursor-pointer", children: r[p.field] })
               },
-              h.field
+              p.field
             );
           }),
           !o && /* @__PURE__ */ n.jsx("td", { className: "px-2 py-1 text-center border", children: /* @__PURE__ */ n.jsx(
@@ -5229,7 +5230,7 @@ function js({
               className: "text-red-500 hover:text-red-700",
               "aria-label": "Delete row",
               children: /* @__PURE__ */ n.jsx(
-                U,
+                W,
                 {
                   icon: "lets-icons:trash-duotone",
                   iconClass: "text-xl"
@@ -5284,9 +5285,9 @@ const re = ({
   subText: r,
   labelClass: v = "",
   loading: y,
-  disabled: h
+  disabled: p
 }) => {
-  const [p, f] = L(t ? [] : null), A = W("custom-select__control", i), S = Y(() => e, [e]);
+  const [h, f] = L(t ? [] : null), A = U("custom-select__control", i), S = Y(() => e, [e]);
   return R(() => {
     const k = e == null ? void 0 : e.find((N) => {
       var x;
@@ -5294,21 +5295,21 @@ const re = ({
     });
     f(k || null);
   }, [u, e]), R(() => {
-    p && l && a && (l(d, p == null ? void 0 : p.value), a(d), m == null || m(d));
-  }, [d, p]), /* @__PURE__ */ n.jsxs("div", { className: "custom-select", children: [
+    h && l && a && (l(d, h == null ? void 0 : h.value), a(d), m == null || m(d));
+  }, [d, h]), /* @__PURE__ */ n.jsxs("div", { className: "custom-select", children: [
     c && !g && /* @__PURE__ */ n.jsx("label", { className: "custom-select__label", children: c }),
-    g && c && /* @__PURE__ */ n.jsx("label", { className: W("custom-select__floating-label", v), children: c }),
+    g && c && /* @__PURE__ */ n.jsx("label", { className: U("custom-select__floating-label", v), children: c }),
     /* @__PURE__ */ n.jsx(
       q,
       {
-        value: p,
+        value: h,
         onChange: f,
         multiple: t,
-        disabled: h,
+        disabled: p,
         children: /* @__PURE__ */ n.jsxs("div", { className: "custom-select__wrapper", children: [
-          /* @__PURE__ */ n.jsxs(q.Button, { className: A, disabled: h, children: [
-            y ? /* @__PURE__ */ n.jsx("span", { className: "custom-select__loading", children: "Fetching data..." }) : /* @__PURE__ */ n.jsx("span", { className: "custom-select__value", children: (p == null ? void 0 : p.label) || /* @__PURE__ */ n.jsx("span", { className: "custom-select__placeholder", children: o }) }),
-            /* @__PURE__ */ n.jsx("span", { className: "custom-select__icon", children: /* @__PURE__ */ n.jsx(U, { icon: "lucide:chevron-down" }) })
+          /* @__PURE__ */ n.jsxs(q.Button, { className: A, disabled: p, children: [
+            y ? /* @__PURE__ */ n.jsx("span", { className: "custom-select__loading", children: "Fetching data..." }) : /* @__PURE__ */ n.jsx("span", { className: "custom-select__value", children: (h == null ? void 0 : h.label) || /* @__PURE__ */ n.jsx("span", { className: "custom-select__placeholder", children: o }) }),
+            /* @__PURE__ */ n.jsx("span", { className: "custom-select__icon", children: /* @__PURE__ */ n.jsx(W, { icon: "lucide:chevron-down" }) })
           ] }),
           /* @__PURE__ */ n.jsx(
             Bi,
@@ -5319,14 +5320,14 @@ const re = ({
                 q.Option,
                 {
                   value: k,
-                  className: ({ active: x }) => W(
+                  className: ({ active: x }) => U(
                     "custom-select__option",
                     x && "custom-select__option--active"
                   ),
                   children: ({ selected: x }) => /* @__PURE__ */ n.jsx(
                     "span",
                     {
-                      className: W(
+                      className: U(
                         "custom-select__option-label",
                         x && "custom-select__option--selected"
                       ),
@@ -5348,32 +5349,32 @@ const re = ({
   element: i,
   validationData: e
 }) => {
-  var h;
+  var p;
   const {
     register: o = () => ({}),
     trigger: s,
     setValue: a,
     watch: l,
     isReadOnly: d
-  } = e || {}, c = (h = i == null ? void 0 : i.id) != null ? h : "cascadeValue", [u, m] = L(""), [t, g] = L(""), r = (p, f) => {
-    const A = p && f ? `${p}_${f}` : "";
+  } = e || {}, c = (p = i == null ? void 0 : i.id) != null ? p : "cascadeValue", [u, m] = L(""), [t, g] = L(""), r = (h, f) => {
+    const A = h && f ? `${h}_${f}` : "";
     a == null || a(c, A), s == null || s(c);
-  }, v = (p, f) => {
-    p === "first" ? (m(f), g(""), r(f, "")) : (g(f), r(u, f));
+  }, v = (h, f) => {
+    h === "first" ? (m(f), g(""), r(f, "")) : (g(f), r(u, f));
   };
   R(() => {
     if (l) {
-      const p = l(c);
-      if (p != null && p.includes("_")) {
-        const [f, A] = p.split("_");
+      const h = l(c);
+      if (h != null && h.includes("_")) {
+        const [f, A] = h.split("_");
         m(f), g(A);
       }
     }
   }, [l, c]);
   const y = Y(
     () => {
-      var p;
-      return (p = i.options1) == null ? void 0 : p.filter((f) => f.key === u);
+      var h;
+      return (h = i.options1) == null ? void 0 : h.filter((f) => f.key === u);
     },
     [i.options1, u]
   );
@@ -5382,7 +5383,7 @@ const re = ({
     /* @__PURE__ */ n.jsx("div", { className: "relative", children: /* @__PURE__ */ n.jsx(
       re,
       {
-        setValue: (p, f) => v("first", f),
+        setValue: (h, f) => v("first", f),
         options: i.options,
         name: `${c}`,
         register: o,
@@ -5394,7 +5395,7 @@ const re = ({
       /* @__PURE__ */ n.jsx(
         re,
         {
-          setValue: (p, f) => v("second", f),
+          setValue: (h, f) => v("second", f),
           options: y,
           name: `${c}`,
           register: o,
@@ -5420,11 +5421,11 @@ const re = ({
     setValue: t,
     watch: g,
     isReadOnly: r
-  } = c || {}, v = (f = g == null ? void 0 : g(d.id)) != null ? f : 0, [y, h] = L(null);
+  } = c || {}, v = (f = g == null ? void 0 : g(d.id)) != null ? f : 0, [y, p] = L(null);
   R(() => {
     v == null && (t == null || t(d.id, i));
   }, []);
-  const p = (A) => {
+  const h = (A) => {
     if (!o && !r) {
       const S = A + 1;
       t == null || t(d.id, S), m == null || m(d.id), s == null || s(S);
@@ -5441,9 +5442,9 @@ const re = ({
           className: `cursor-pointer transition-colors ${k ? "text-yellow-400" : "text-gray-300"}`,
           width: a,
           height: a,
-          onMouseEnter: () => !(o || r) && h(S),
-          onMouseLeave: () => !(o || r) && h(null),
-          onClick: () => p(S)
+          onMouseEnter: () => !(o || r) && p(S),
+          onMouseLeave: () => !(o || r) && p(null),
+          onClick: () => h(S)
         },
         S
       );
@@ -5462,21 +5463,21 @@ function me({
     watch: d
   } = e || {}, c = (d == null ? void 0 : d(i.id)) || "", { country: u, state: m } = Y(() => {
     if (typeof c == "string" && c.includes(",")) {
-      const [y, h] = c.split(",").map((p) => p.trim());
-      return { country: h, state: y };
+      const [y, p] = c.split(",").map((h) => h.trim());
+      return { country: p, state: y };
     }
     return { country: c, state: "" };
   }, [c]), t = Gi(c), g = Y(() => {
-    var y, h;
-    return u ? ((h = (y = De.find((p) => p.name === u)) == null ? void 0 : y.states) == null ? void 0 : h.map((p) => ({
-      label: p.name,
-      value: p.name
+    var y, p;
+    return u ? ((p = (y = De.find((h) => h.name === u)) == null ? void 0 : y.states) == null ? void 0 : p.map((h) => ({
+      label: h.name,
+      value: h.name
     }))) || [] : [];
-  }, [u]), r = (y, h) => {
-    const f = (h == null ? void 0 : h.value) || "";
+  }, [u]), r = (y, p) => {
+    const f = (p == null ? void 0 : p.value) || "";
     s && f !== t.current && (s(i.id, f), a == null || a(i.id), t.current = f);
-  }, v = (y, h) => {
-    const p = (h == null ? void 0 : h.value) || "", f = p ? `${p}, ${u}` : u;
+  }, v = (y, p) => {
+    const h = (p == null ? void 0 : p.value) || "", f = h ? `${h}, ${u}` : u;
     s && f !== t.current && (s(i.id, f), a == null || a(i.id), t.current = f);
   };
   return R(() => {
@@ -5519,17 +5520,17 @@ function Ts({
     if (!(!a || !l))
       try {
         g(!0);
-        const p = {
+        const h = {
           headers: {
             Authorization: `Bearer ${ti("token")}`
           }
         }, { data: f } = await Ei.get(
           `${a}/${l}`,
-          p
+          h
         ), A = !!((y = (v = f == null ? void 0 : f.data) == null ? void 0 : v.isSigned) != null ? y : f != null && f.isSigned);
         return m(A), A;
-      } catch (h) {
-        console.error("Failed to check sign status", h);
+      } catch (p) {
+        console.error("Failed to check sign status", p);
       } finally {
         g(!1);
       }
@@ -5549,7 +5550,7 @@ function Ts({
       {
         placeholder: i.placeholder,
         type: i.inputType,
-        className: W("field-control", i.customClass),
+        className: U("field-control", i.customClass),
         ...o(i.id),
         disabled: s
       }
@@ -5561,13 +5562,13 @@ function Ts({
         onClick: r,
         disabled: t || u,
         style: { background: (c == null ? void 0 : c.buttonColor) || "#333" },
-        className: W(
+        className: U(
           "flex items-center gap-x-1 rounded-lg border border-gray-200 bg-gray-200 px-3 py-[10px] text-sm text-white",
           { "!opacity-60": t }
         ),
         children: [
           /* @__PURE__ */ n.jsx(
-            U,
+            W,
             {
               icon: t ? "solar:refresh-outline" : u ? "solar:check-circle-bold" : "solar:pen-2-line-duotone",
               iconClass: t ? "animate-spin" : ""
@@ -5842,12 +5843,12 @@ function Bs({
   onChange: v,
   onError: y
 }) {
-  const [h, p] = L(""), [f, A] = L(null), [S, k] = L(""), N = Y(
+  const [p, h] = L(""), [f, A] = L(null), [S, k] = L(""), N = Y(
     () => mn == null ? void 0 : mn.slice().sort((B, E) => B.label.localeCompare(E.label)).map((B) => ({ ...B, phone: `+${B.phone}` })),
     []
-  ), x = Y(() => h ? N.filter(
-    (B) => `${B.label} ${B.phone}`.toLowerCase().includes(h.toLowerCase())
-  ) : N, [h, N]), C = (f == null ? void 0 : f.min) || 10, D = (f == null ? void 0 : f.max) || 10, Q = () => S ? `${(f == null ? void 0 : f.phone) || "+234"}-${S}` : "", P = (B) => {
+  ), x = Y(() => p ? N.filter(
+    (B) => `${B.label} ${B.phone}`.toLowerCase().includes(p.toLowerCase())
+  ) : N, [p, N]), C = (f == null ? void 0 : f.min) || 10, D = (f == null ? void 0 : f.max) || 10, Q = () => S ? `${(f == null ? void 0 : f.phone) || "+234"}-${S}` : "", P = (B) => {
     if (!B) return { code: "+234", number: "" };
     const E = B.split(/[-\s]/);
     return { code: E[0], number: E.slice(1).join(" ") };
@@ -5886,7 +5887,7 @@ function Bs({
           }
         ),
         /* @__PURE__ */ n.jsxs("div", { className: "relative !flex items-center input-control text-[#667085] !py-0 field-control", children: [
-          /* @__PURE__ */ n.jsx(U, { icon: "lucide:phone-call" }),
+          /* @__PURE__ */ n.jsx(W, { icon: "lucide:phone-call" }),
           /* @__PURE__ */ n.jsx(Ti, { value: f, onChange: A, children: /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
             /* @__PURE__ */ n.jsx(
               Ti.Input,
@@ -5894,10 +5895,10 @@ function Bs({
                 className: "pl-3 pr-4 mr-1 text-sm bg-white  py-[10px] outline-none whitespace-nowrap max-w-[70px]",
                 displayValue: (B) => (B == null ? void 0 : B.phone) || "+234",
                 placeholder: "+234",
-                onChange: (B) => p(B.target.value)
+                onChange: (B) => h(B.target.value)
               }
             ),
-            /* @__PURE__ */ n.jsx(Ti.Button, { className: "absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ n.jsx(U, { icon: "lucide:chevron-down" }) }),
+            /* @__PURE__ */ n.jsx(Ti.Button, { className: "absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ n.jsx(W, { icon: "lucide:chevron-down" }) }),
             /* @__PURE__ */ n.jsx(Ti.Options, { className: "absolute z-10 w-[250px] left-0 bg-white border rounded-md shadow-lg max-h-[400px] overflow-y-auto", children: x.map((B, E) => /* @__PURE__ */ n.jsxs(
               Ti.Option,
               {
@@ -5929,7 +5930,7 @@ function Bs({
                 className: "w-full px-3 outline-none"
               }
             ),
-            /* @__PURE__ */ n.jsx("div", { className: "absolute flex text-xl -translate-y-1/2 top-1/2 right-4", children: !K && S.length > 0 && /* @__PURE__ */ n.jsx("span", { className: "text-green-500", children: /* @__PURE__ */ n.jsx(U, { icon: "bi:check-lg" }) }) })
+            /* @__PURE__ */ n.jsx("div", { className: "absolute flex text-xl -translate-y-1/2 top-1/2 right-4", children: !K && S.length > 0 && /* @__PURE__ */ n.jsx("span", { className: "text-green-500", children: /* @__PURE__ */ n.jsx(W, { icon: "bi:check-lg" }) }) })
           ] })
         ] }),
         K ? /* @__PURE__ */ n.jsx("span", { className: "block mt-1 text-sm text-red-500", children: K }) : S.length > 0 && r && /* @__PURE__ */ n.jsx("span", { className: "block mt-1 text-sm text-green-500", children: r }),
@@ -6011,7 +6012,7 @@ const Oe = {
 }, En = ({ col: i, children: e, customClass: o }) => /* @__PURE__ */ n.jsx(
   "div",
   {
-    className: W("w-full bg-white", o),
+    className: U("w-full bg-white", o),
     style: { gridColumn: i },
     children: e
   }
@@ -6031,15 +6032,15 @@ const Oe = {
     r.preventDefault(), r.stopPropagation(), r.dataTransfer.dropEffect = "move";
   }, []), t = J(
     (r, v) => {
-      var y, h;
+      var y, p;
       r.preventDefault(), c(!1);
       try {
-        const p = r.dataTransfer.getData("properties");
-        if (!p) return;
-        const f = JSON.parse(p);
+        const h = r.dataTransfer.getData("properties");
+        if (!h) return;
+        const f = JSON.parse(h);
         if ((f == null ? void 0 : f.type) === "grid") return;
         const A = v + 1;
-        if ((h = (y = l.find((N) => N.id === e)) == null ? void 0 : y.questionData) == null ? void 0 : h.some(
+        if ((p = (y = l.find((N) => N.id === e)) == null ? void 0 : y.questionData) == null ? void 0 : p.some(
           (N) => {
             var x;
             return N.gridId === i.id && ((x = N.gridPosition) == null ? void 0 : x.col) === A;
@@ -6054,16 +6055,16 @@ const Oe = {
           // grid-column is 1-based
         };
         d(k, e);
-      } catch (p) {
-        console.error("Drop failed in grid:", p), c(!1);
+      } catch (h) {
+        console.error("Drop failed in grid:", h), c(!1);
       }
     },
     [d, i.id, l, e, c]
   ), g = (r, v, y) => {
-    const h = Array.isArray(o) && o.find(
-      (p) => {
+    const p = Array.isArray(o) && o.find(
+      (h) => {
         var f;
-        return ((f = p == null ? void 0 : p.props) == null ? void 0 : f.col) === r + 1;
+        return ((f = h == null ? void 0 : h.props) == null ? void 0 : f.col) === r + 1;
       }
       // because grid-column is 1-based
     );
@@ -6071,15 +6072,15 @@ const Oe = {
       "div",
       {
         id: r.toString(),
-        onDrop: (p) => t(p, r),
+        onDrop: (h) => t(h, r),
         onDragOver: m,
-        className: W(
+        className: U(
           "border rounded-lg min-h-[110px] bg-white ",
           "flex items-center justify-center text-gray-400 transition-colors",
           `${y === "edit" ? "p-3" : ""}`,
           v
         ),
-        children: h || /* @__PURE__ */ n.jsx("span", { children: y === "edit" && /* @__PURE__ */ n.jsx(U, { icon: "ph:plus-bold" }) })
+        children: p || /* @__PURE__ */ n.jsx("span", { children: y === "edit" && /* @__PURE__ */ n.jsx(W, { icon: "ph:plus-bold" }) })
       }
     ) }, r);
   };
@@ -6128,7 +6129,7 @@ function ws({ elementData: i, sectionId: e }) {
       D.splice(C, 0, Q), s(D, e), u(null);
     },
     [g, e, s]
-  ), h = J(
+  ), p = J(
     (S, k) => {
       S.preventDefault(), l(!1);
       try {
@@ -6142,25 +6143,25 @@ function ws({ elementData: i, sectionId: e }) {
       }
     },
     [d, e, l]
-  ), p = J(
+  ), h = J(
     (S) => /* @__PURE__ */ n.jsx(
       "div",
       {
         className: "transition rounded hover:bg-blue-300",
         onDragOver: (k) => k.preventDefault(),
-        onDrop: (k) => h(k, S),
+        onDrop: (k) => p(k, S),
         onDragEnd: () => l(!1),
-        children: /* @__PURE__ */ n.jsx("div", { className: "bg-blue-50 rounded p-6 h-[60px] border-2 border-blue-300 border-dashed flex items-center justify-center text-gray-400 opacity-70", children: /* @__PURE__ */ n.jsx(U, { icon: "octicon:plus-16" }) })
+        children: /* @__PURE__ */ n.jsx("div", { className: "bg-blue-50 rounded p-6 h-[60px] border-2 border-blue-300 border-dashed flex items-center justify-center text-gray-400 opacity-70", children: /* @__PURE__ */ n.jsx(W, { icon: "octicon:plus-16" }) })
       },
       `drop-${S}`
     ),
-    [h, l]
+    [p, l]
   ), f = J(
     (S) => /* @__PURE__ */ n.jsx(
       "div",
       {
         id: S.id,
-        className: W(
+        className: U(
           "cursor-move border p-4 w-full rounded-lg transition-colors bg-white",
           {
             "bg-gray-100": c === S.id,
@@ -6201,14 +6202,14 @@ function ws({ elementData: i, sectionId: e }) {
     return S.gridId ? null : /* @__PURE__ */ n.jsxs(
       "div",
       {
-        className: W(
+        className: U(
           "group relative grid gap-y-[6px]",
           S.elementClass
         ),
         children: [
-          a && m === S.id && p(k),
+          a && m === S.id && h(k),
           /* @__PURE__ */ n.jsx("div", { className: "group", children: f(S) }),
-          a && m === S.id && p(k + 1)
+          a && m === S.id && h(k + 1)
         ]
       },
       S.id
@@ -6217,7 +6218,7 @@ function ws({ elementData: i, sectionId: e }) {
     "div",
     {
       onDragOver: (S) => S.preventDefault(),
-      onDrop: (S) => h(S, 0),
+      onDrop: (S) => p(S, 0),
       onDragEnd: () => l(!1),
       className: "w-full h-full flex items-center justify-center text-gray-400 min-h-[200px] p-10 col-span-2 border border-dashed border-gray-300 rounded-lg",
       children: "Drag or click an element to display"
@@ -6251,7 +6252,7 @@ const Rs = An(ws), Ds = T.object({
         {
           onClick: e,
           className: "absolute right-4 top-4 p-2 text-[#98A2B3] hover:bg-gray-50 rounded-lg",
-          children: /* @__PURE__ */ n.jsx(U, { icon: "tabler:x" })
+          children: /* @__PURE__ */ n.jsx(W, { icon: "tabler:x" })
         }
       )
     ] }),
@@ -6312,21 +6313,21 @@ const Rs = An(ws), Ds = T.object({
     setActiveSections: g
   } = vi(ui);
   R(() => {
-    var p;
-    u(((p = d[0]) == null ? void 0 : p.id) || null);
+    var h;
+    u(((h = d[0]) == null ? void 0 : h.id) || null);
   }, []);
-  const r = J((p) => {
-    p.preventDefault(), p.dataTransfer.dropEffect = "move", s.current && (s.current.scrollTop = s.current.scrollHeight);
+  const r = J((h) => {
+    h.preventDefault(), h.dataTransfer.dropEffect = "move", s.current && (s.current.scrollTop = s.current.scrollHeight);
   }, []);
-  function v(p) {
-    t.includes(p) ? g(
-      (f) => f.filter((A) => A !== p)
-    ) : g((f) => [...f, p]);
+  function v(h) {
+    t.includes(h) ? g(
+      (f) => f.filter((A) => A !== h)
+    ) : g((f) => [...f, h]);
   }
-  function y(p) {
-    o.current = p, e(!0);
+  function y(h) {
+    o.current = h, e(!0);
   }
-  const h = ti("config");
+  const p = ti("config");
   return /* @__PURE__ */ n.jsxs(
     "div",
     {
@@ -6343,7 +6344,7 @@ const Rs = An(ws), Ds = T.object({
         ),
         /* @__PURE__ */ n.jsxs("div", { className: "relative flex flex-col flex-1 w-full py-4 gap-y-6", children: [
           d.map(
-            (p, f) => /* @__PURE__ */ n.jsx(
+            (h, f) => /* @__PURE__ */ n.jsx(
               "div",
               {
                 className: "bg-white group cursor-pointer rounded ",
@@ -6351,15 +6352,15 @@ const Rs = An(ws), Ds = T.object({
                   "div",
                   {
                     className: `border border-gray-100 rounded  px-4 shadow-[rgba(149,157,165,0.2)_0px_2px_4px] transition-colors duration-200
-                  ${m === p.id ? "border-dashed border-blue-400 bg-[#f7f8fa]" : ""} ${t.includes(f) ? "min-h-[300px] pb-6 " : ""}`,
+                  ${m === h.id ? "border-dashed border-blue-400 bg-[#f7f8fa]" : ""} ${t.includes(f) ? "min-h-[300px] pb-6 " : ""}`,
                     children: [
                       /* @__PURE__ */ n.jsxs("div", { className: "flex items-center justify-between", children: [
                         /* @__PURE__ */ n.jsx(
                           "div",
                           {
-                            onClick: () => u(p.id),
+                            onClick: () => u(h.id),
                             className: "flex-1 h-full py-4 cursor-pointer",
-                            children: /* @__PURE__ */ n.jsx("h2", { className: "font-medium", children: p.title || "Section title" })
+                            children: /* @__PURE__ */ n.jsx("h2", { className: "font-medium", children: h.title || "Section title" })
                           }
                         ),
                         /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-2", children: [
@@ -6368,8 +6369,8 @@ const Rs = An(ws), Ds = T.object({
                             {
                               type: "button",
                               className: "p-1 text-xs border rounded-lg",
-                              onClick: () => y(p),
-                              children: /* @__PURE__ */ n.jsx(U, { icon: "fluent:edit-28-regular" })
+                              onClick: () => y(h),
+                              children: /* @__PURE__ */ n.jsx(W, { icon: "fluent:edit-28-regular" })
                             }
                           ),
                           d.length > 1 && /* @__PURE__ */ n.jsx(
@@ -6377,8 +6378,8 @@ const Rs = An(ws), Ds = T.object({
                             {
                               type: "button",
                               className: "p-1 text-xs border rounded-lg",
-                              onClick: () => a(p.id),
-                              children: /* @__PURE__ */ n.jsx(U, { icon: "lets-icons:trash-duotone-line" })
+                              onClick: () => a(h.id),
+                              children: /* @__PURE__ */ n.jsx(W, { icon: "lets-icons:trash-duotone-line" })
                             }
                           ),
                           /* @__PURE__ */ n.jsx(
@@ -6388,7 +6389,7 @@ const Rs = An(ws), Ds = T.object({
                               className: "p-1 text-xs rounded-lg",
                               onClick: () => v(f),
                               children: /* @__PURE__ */ n.jsx(
-                                U,
+                                W,
                                 {
                                   icon: t.includes(f) ? "fa6-solid:chevron-up" : "fa6-solid:chevron-down",
                                   iconClass: "text-base"
@@ -6398,22 +6399,22 @@ const Rs = An(ws), Ds = T.object({
                           )
                         ] })
                       ] }),
-                      (p == null ? void 0 : p.description) && t.includes(f) && /* @__PURE__ */ n.jsx("p", { className: "mt-2 text-sm text-gray-600 text-gray-60", children: p == null ? void 0 : p.description }),
+                      (h == null ? void 0 : h.description) && t.includes(f) && /* @__PURE__ */ n.jsx("p", { className: "mt-2 text-sm text-gray-600 text-gray-60", children: h == null ? void 0 : h.description }),
                       t.includes(f) && /* @__PURE__ */ n.jsxs(
                         "div",
                         {
                           className: "h-full mt-4 transition-all duration-200",
-                          id: p.id,
+                          id: h.id,
                           onDragOver: r,
                           onDragEnd: () => c(!1),
-                          onClick: () => u(p.id),
+                          onClick: () => u(h.id),
                           children: [
                             /* @__PURE__ */ n.jsx("hr", { className: "group-last:hidden" }),
                             /* @__PURE__ */ n.jsx("div", { className: "h-full mt-4 gap-y-6", children: /* @__PURE__ */ n.jsx(
                               Rs,
                               {
-                                elementData: p.questionData,
-                                sectionId: p.id
+                                elementData: h.questionData,
+                                sectionId: h.id
                               }
                             ) })
                           ]
@@ -6423,7 +6424,7 @@ const Rs = An(ws), Ds = T.object({
                   }
                 )
               },
-              p.id
+              h.id
             )
           ),
           /* @__PURE__ */ n.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ n.jsxs(
@@ -6431,7 +6432,7 @@ const Rs = An(ws), Ds = T.object({
             {
               type: "button",
               onClick: () => l(),
-              style: { color: (h == null ? void 0 : h.buttonColor) || "#333" },
+              style: { color: (p == null ? void 0 : p.buttonColor) || "#333" },
               className: "text-sm font-medium",
               children: [
                 "+ Add section",
@@ -6512,13 +6513,13 @@ const Gs = [
     title: v.title,
     elements: g.filter(
       (y) => {
-        var h;
-        return (h = za[v.key]) == null ? void 0 : h.includes(y.type);
+        var p;
+        return (p = za[v.key]) == null ? void 0 : p.includes(y.type);
       }
     )
   })).filter((v) => v.elements.length > 0);
   return /* @__PURE__ */ n.jsxs("div", { className: "pt-4 pb-6", children: [
-    /* @__PURE__ */ n.jsx(he, {}),
+    /* @__PURE__ */ n.jsx(pe, {}),
     /* @__PURE__ */ n.jsx("div", { className: "px-5 mb-4", children: /* @__PURE__ */ n.jsx(
       "input",
       {
@@ -6531,12 +6532,12 @@ const Gs = [
     /* @__PURE__ */ n.jsx("hr", {}),
     /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx("ul", { className: "grid gap-y-5 mt-3 px-5 max-h-[80vh] overflow-y-auto no-scrollbar", children: r.map((v, y) => /* @__PURE__ */ n.jsxs("li", { children: [
       /* @__PURE__ */ n.jsx("h4", { className: "mb-2 text-[11px] font-bold text-gray-500 uppercase", children: v.title }),
-      /* @__PURE__ */ n.jsx("ul", { className: "grid gap-y-[6px] mb-3", children: v.elements.map((h) => /* @__PURE__ */ n.jsx(
+      /* @__PURE__ */ n.jsx("ul", { className: "grid gap-y-[6px] mb-3", children: v.elements.map((p) => /* @__PURE__ */ n.jsx(
         "li",
         {
-          onDragStart: (p) => l(p, h),
+          onDragStart: (h) => l(h, p),
           onDragEnd: () => o(!1),
-          onClick: () => d(h),
+          onClick: () => d(p),
           style: {
             borderColor: t,
             backgroundColor: m
@@ -6547,18 +6548,18 @@ const Gs = [
                                active:opacity-50 element_class`,
           draggable: !0,
           children: /* @__PURE__ */ n.jsxs("span", { className: "flex flex-row-reverse items-center justify-between w-full gap-x-3", children: [
-            /* @__PURE__ */ n.jsx("span", { style: { color: u }, children: /* @__PURE__ */ n.jsx(U, { icon: h.icon, iconClass: "w-4 h-4" }) }),
+            /* @__PURE__ */ n.jsx("span", { style: { color: u }, children: /* @__PURE__ */ n.jsx(W, { icon: p.icon, iconClass: "w-4 h-4" }) }),
             /* @__PURE__ */ n.jsx(
               "span",
               {
                 style: { color: u },
                 className: "text-sm font-medium leading-[0]",
-                children: h.label
+                children: p.label
               }
             )
           ] })
         },
-        h.type
+        p.type
       )) })
     ] }, y)) }) })
   ] });
@@ -6577,7 +6578,7 @@ const Gs = [
   style: g,
   onClick: r
 }) => {
-  const v = W(
+  const v = U(
     "btn inline-flex justify-center",
     {
       "pointer-events-none": o,
@@ -6617,9 +6618,9 @@ const Gs = [
     ),
     "Submitting..."
   ] }) : /* @__PURE__ */ n.jsxs("span", { className: "flex items-center", children: [
-    a && l === "left" && /* @__PURE__ */ n.jsx("span", { className: `mr-[6px] ${d}`, children: /* @__PURE__ */ n.jsx(U, { icon: a }) }),
+    a && l === "left" && /* @__PURE__ */ n.jsx("span", { className: `mr-[6px] ${d}`, children: /* @__PURE__ */ n.jsx(W, { icon: a }) }),
     i && /* @__PURE__ */ n.jsx("span", { children: i }),
-    a && l === "right" && /* @__PURE__ */ n.jsx("span", { className: `ml-[6px] ${d}`, children: /* @__PURE__ */ n.jsx(U, { icon: a }) })
+    a && l === "right" && /* @__PURE__ */ n.jsx("span", { className: `ml-[6px] ${d}`, children: /* @__PURE__ */ n.jsx(W, { icon: a }) })
   ] });
   return m ? /* @__PURE__ */ n.jsx("div", { className: v, children: y() }) : u ? /* @__PURE__ */ n.jsx(Ao, { to: u, className: v, children: y() }) : /* @__PURE__ */ n.jsx(
     "button",
@@ -6737,8 +6738,8 @@ function zs({
   publishLoading: d,
   onTitleChange: c
 }) {
-  const { formData: u } = vi(ui), [m, t] = L(!1), [g, r] = L(!1), [v, y] = L(i || ""), h = ti("config");
-  function p() {
+  const { formData: u } = vi(ui), [m, t] = L(!1), [g, r] = L(!1), [v, y] = L(i || ""), p = ti("config");
+  function h() {
     localStorage.setItem("formData", JSON.stringify(u)), o == null || o(u);
   }
   function f() {
@@ -6754,7 +6755,7 @@ function zs({
         {
           type: "button",
           onClick: () => e(),
-          style: { color: (h == null ? void 0 : h.buttonColor) || "#333" },
+          style: { color: (p == null ? void 0 : p.buttonColor) || "#333" },
           className: "flex items-center gap-x-3",
           children: /* @__PURE__ */ n.jsx(Us, {})
         }
@@ -6797,7 +6798,7 @@ function zs({
           btnClass: "px-2  bg-transparent font-medium text-sm form_preview",
           icon: "solar:eye-bold-duotone",
           iconClass: "text-base",
-          style: { color: (h == null ? void 0 : h.buttonColor) || "#333" },
+          style: { color: (p == null ? void 0 : p.buttonColor) || "#333" },
           isDisabled: a,
           isLoading: a
         }
@@ -6805,12 +6806,12 @@ function zs({
       /* @__PURE__ */ n.jsx(
         ji,
         {
-          onClick: p,
+          onClick: h,
           text: "Save",
           btnClass: "px-2  bg-transparent font-medium text-sm form_save__btn",
           icon: "lets-icons:save-duotone",
           iconClass: "text-base",
-          style: { color: (h == null ? void 0 : h.buttonColor) || "#333" },
+          style: { color: (p == null ? void 0 : p.buttonColor) || "#333" },
           isDisabled: l,
           isLoading: l
         }
@@ -6820,7 +6821,7 @@ function zs({
         {
           onClick: f,
           text: "Publish",
-          style: { background: (h == null ? void 0 : h.buttonColor) || "#333" },
+          style: { background: (p == null ? void 0 : p.buttonColor) || "#333" },
           btnClass: "border-[#98A2B3] font-medium text-sm py-[8px] px-6 text-white rounded-lg form_publish__btn",
           isDisabled: d,
           isLoading: d
@@ -6830,7 +6831,7 @@ function zs({
   ] });
 }
 const Ke = ({ loadingClass: i }) => {
-  const e = W(
+  const e = U(
     "h-full w-full min-h-[300px] flex justify-center items-center",
     i
   );
@@ -6853,7 +6854,7 @@ function Js({
   uploadUrl: t
 }) {
   return /* @__PURE__ */ n.jsx(ge, { children: /* @__PURE__ */ n.jsxs("div", { className: "w-full h-full bg-[#F8F9FC] flex flex-col", children: [
-    /* @__PURE__ */ n.jsx(he, {}),
+    /* @__PURE__ */ n.jsx(pe, {}),
     /* @__PURE__ */ n.jsx("div", { className: "border-b  bg-white  border-[#E4E7EC]", children: /* @__PURE__ */ n.jsx(
       zs,
       {
@@ -6873,7 +6874,7 @@ function Js({
     ] })
   ] }) });
 }
-const pl = ({
+const hl = ({
   onSubmit: i,
   questionData: e,
   isReadOnly: o,
@@ -6971,6 +6972,7 @@ const qi = (i, e) => {
     () => (i == null ? void 0 : i.visibilityDependentFields) || [],
     [i]
   ), d = Y(() => l.length ? l.every((c) => {
+    if (!i.isHidden) return !0;
     const u = s == null ? void 0 : s[c.id], m = c.fieldValue, t = u;
     switch (c.operator) {
       case "equals":
@@ -6988,7 +6990,7 @@ const qi = (i, e) => {
       default:
         return !0;
     }
-  }) : !0, [l, s]);
+  }) : !0, [l, s, i]);
   return o ? /* @__PURE__ */ n.jsxs("div", { className: d ? "" : "invisible h-0", children: [
     i.inputLabel && /* @__PURE__ */ n.jsxs("label", { className: "block text-sm font-medium mb-1.5 input_label", children: [
       i.inputLabel,
@@ -7034,7 +7036,7 @@ function Xs({ form_data: i, options: e }) {
     return /* @__PURE__ */ n.jsxs(
       "div",
       {
-        className: W("group relative grid gap-y-[6px]", a.elementClass),
+        className: U("group relative grid gap-y-[6px]", a.elementClass),
         children: [
           qi(a, $i(a, e)),
           ((d = (l = e == null ? void 0 : e.errors) == null ? void 0 : l[a.id]) == null ? void 0 : d.message) && /* @__PURE__ */ n.jsx("div", { className: "mt-1 text-xs text-red-600", children: e.errors[a.id].message })
@@ -7092,7 +7094,7 @@ function il({ form_data: i, options: e, current: o }) {
     return a.gridId ? null : /* @__PURE__ */ n.jsxs(
       "div",
       {
-        className: W(
+        className: U(
           "group relative grid gap-y-[6px]",
           a.elementClass
         ),
@@ -7117,12 +7119,12 @@ const nl = ({
   hideFooter: u = !1,
   uploadUrl: m
 }) => {
-  var hi, gi, fi, yi, Ai, Si, H, _;
-  const { setAnswerData: t, setUploadUrl: g } = vi(ui), [r, v] = L(0), y = (hi = i == null ? void 0 : i.length) != null ? hi : 0, h = ti("config"), p = Y(
+  var pi, gi, fi, yi, Ai, Si, H, _;
+  const { setAnswerData: t, setUploadUrl: g } = vi(ui), [r, v] = L(0), y = (pi = i == null ? void 0 : i.length) != null ? pi : 0, p = ti("config"), h = Y(
     () => $s(i),
     [i]
   ), f = Sn({
-    resolver: Tn(p),
+    resolver: Tn(h),
     mode: "onSubmit",
     defaultValues: {}
   }), {
@@ -7135,7 +7137,7 @@ const nl = ({
     watch: D,
     formState: { errors: Q, isSubmitting: P },
     trigger: K
-  } = f, B = ho({ control: k }), E = Y(
+  } = f, B = po({ control: k }), E = Y(
     () => B,
     [JSON.stringify(B)]
   ), I = J(
@@ -7149,11 +7151,11 @@ const nl = ({
   }, [g, m]), R(() => {
     if (!(i != null && i.length) || !a) return;
     const X = i.flatMap(
-      (ni) => ni.questionData.map((ei) => ({
-        id: ei.id,
-        value: E[ei.id],
-        sectionId: ni.id,
-        type: ei.type
+      (ii) => ii.questionData.map((ni) => ({
+        id: ni.id,
+        value: E[ni.id],
+        sectionId: ii.id,
+        type: ni.type
       }))
     );
     I(X), t(E);
@@ -7162,27 +7164,27 @@ const nl = ({
   }, [e, x]);
   const $ = J(
     (X) => {
-      const ni = i.flatMap(
-        (ei) => ei.questionData.map((ri) => ({
+      const ii = i.flatMap(
+        (ni) => ni.questionData.map((ri) => ({
           id: ri.id,
           value: X[ri.id],
-          sectionId: ei.id,
+          sectionId: ni.id,
           type: ri.type
         }))
       );
-      s == null || s(ni);
+      s == null || s(ii);
     },
     [i, s]
   ), li = J(async () => {
-    var X, ni;
+    var X, ii;
     if (!o) {
-      const ei = (ni = (X = i == null ? void 0 : i[r]) == null ? void 0 : X.questionData) == null ? void 0 : ni.map(
+      const ni = (ii = (X = i == null ? void 0 : i[r]) == null ? void 0 : X.questionData) == null ? void 0 : ii.map(
         (nn) => nn.id
       );
-      if (!await K(ei)) return;
+      if (!await K(ni)) return;
     }
-    v((ei) => ei + 1);
-  }, [r, i, o, K]), pi = J(() => {
+    v((ni) => ni + 1);
+  }, [r, i, o, K]), hi = J(() => {
     v((X) => X - 1);
   }, []), F = Y(
     () => ({
@@ -7232,7 +7234,7 @@ const nl = ({
             {
               type: "button",
               text: "Back",
-              onClick: pi,
+              onClick: hi,
               btnClass: "text-gray-700 border-[#98A2B3] !font-medium !py-[10px] px-10 bg-gray-200 rounded-lg"
             }
           ),
@@ -7242,7 +7244,7 @@ const nl = ({
               type: "button",
               text: "Continue",
               onClick: li,
-              style: { background: (h == null ? void 0 : h.buttonColor) || "#333" },
+              style: { background: (p == null ? void 0 : p.buttonColor) || "#333" },
               btnClass: "text-gray-700 border-[#98A2B3] !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg continue_btn"
             }
           ) : !o && (c != null ? c : /* @__PURE__ */ n.jsx(
@@ -7252,7 +7254,7 @@ const nl = ({
               isLoading: P,
               type: "submit",
               text: "Submit",
-              style: { background: (h == null ? void 0 : h.buttonColor) || "#333" },
+              style: { background: (p == null ? void 0 : p.buttonColor) || "#333" },
               btnClass: "text-gray-700 border-[#98A2B3] !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg submit_btn"
             }
           ))
@@ -7263,7 +7265,7 @@ const nl = ({
             isLoading: P,
             type: "submit",
             text: "Submit",
-            style: { background: (h == null ? void 0 : h.buttonColor) || "#333" },
+            style: { background: (p == null ? void 0 : p.buttonColor) || "#333" },
             btnClass: "text-gray-700 border-[#98A2B3] !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg submit_btn"
           }
         )) })
@@ -7314,6 +7316,6 @@ function ol({
   ] }) : /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx("p", { className: "p-6 text-sm text-gray-400", children: "Error: No form data available." }) });
 }
 export {
-  pl as FormBuilder,
+  hl as FormBuilder,
   ol as FormViewer
 };