@arudovwen/form-builder-react 1.4.42 → 1.4.44

package/dist/form-builder.es.js

@@ -1,9 +1,9 @@
-import ri, { createContext as ro, useState as R, useMemo as ii, useEffect as O, forwardRef as ye, createElement as Sn, Fragment as qi, useContext as Ni, useRef as Ii, useCallback as Y, memo as an } from "react";
-import { v4 as xi } from "uuid";
+import ri, { createContext as ro, useState as R, useMemo as ni, useEffect as O, forwardRef as ye, createElement as Sn, Fragment as Zi, useContext as ji, useRef as Di, useCallback as Y, memo as an } from "react";
+import { v4 as yi } from "uuid";
 import mo from "react-datepicker";
-import { Listbox as oi, Transition as Ri, Combobox as Pi, ComboboxInput as bo, ComboboxButton as vo, ComboboxOptions as ho, ComboboxOption as po } from "@headlessui/react";
-import { toast as Si, Toaster as Ae } from "sonner";
-import Di from "axios";
+import { Listbox as ai, Transition as Ri, Combobox as Pi, ComboboxInput as bo, ComboboxButton as vo, ComboboxOptions as ho, ComboboxOption as po } from "@headlessui/react";
+import { toast as Ni, Toaster as Ae } from "sonner";
+import Ii from "axios";
 import sn from "react-currency-input-field";
 import { appendErrors as go, useForm as En, useFieldArray as mn, useWatch as fo, FormProvider as xo } from "react-hook-form";
 import { validateFieldsNatively as yo, toNestErrors as Ao } from "@hookform/resolvers";
@@ -48,45 +48,45 @@ var Hi = {};
 var ne;
 function ko() {
   return ne || (ne = 1, process.env.NODE_ENV !== "production" && function() {
-    var i = ri, 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"), t = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), r = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), y = Symbol.iterator, f = "@@iterator";
+    var i = ri, 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"), t = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), r = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), A = Symbol.iterator, f = "@@iterator";
     function m(b) {
       if (b === null || typeof b != "object")
         return null;
-      var k = y && b[y] || b[f];
-      return typeof k == "function" ? k : null;
+      var C = A && b[A] || b[f];
+      return typeof C == "function" ? C : null;
     }
     var p = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function x(b) {
       {
-        for (var k = arguments.length, T = new Array(k > 1 ? k - 1 : 0), V = 1; V < k; V++)
+        for (var C = arguments.length, T = new Array(C > 1 ? C - 1 : 0), V = 1; V < C; V++)
           T[V - 1] = arguments[V];
         j("error", b, T);
       }
     }
-    function j(b, k, T) {
+    function j(b, C, T) {
       {
         var V = p.ReactDebugCurrentFrame, X = V.getStackAddendum();
-        X !== "" && (k += "%s", T = T.concat([X]));
-        var ei = T.map(function($) {
+        X !== "" && (C += "%s", T = T.concat([X]));
+        var oi = T.map(function($) {
           return String($);
         });
-        ei.unshift("Warning: " + k), Function.prototype.apply.call(console[b], console, ei);
+        oi.unshift("Warning: " + C), Function.prototype.apply.call(console[b], console, oi);
       }
     }
-    var N = !1, S = !1, A = !1, C = !1, K = !1, Q;
+    var S = !1, N = !1, y = !1, k = !1, K = !1, Q;
     Q = Symbol.for("react.module.reference");
     function W(b) {
-      return !!(typeof b == "string" || typeof b == "function" || b === s || b === l || K || b === a || b === r || b === c || C || b === g || N || S || A || typeof b == "object" && b !== null && (b.$$typeof === v || b.$$typeof === h || b.$$typeof === d || b.$$typeof === t || b.$$typeof === u || // This needs to include all possible module reference object
+      return !!(typeof b == "string" || typeof b == "function" || b === s || b === l || K || b === a || b === r || b === c || k || b === g || S || N || y || typeof b == "object" && b !== null && (b.$$typeof === v || b.$$typeof === h || b.$$typeof === d || b.$$typeof === t || b.$$typeof === u || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       b.$$typeof === Q || b.getModuleId !== void 0));
     }
-    function Z(b, k, T) {
+    function q(b, C, T) {
       var V = b.displayName;
       if (V)
         return V;
-      var X = k.displayName || k.name || "";
+      var X = C.displayName || C.name || "";
       return X !== "" ? T + "(" + X + ")" : T;
     }
     function M(b) {
@@ -116,20 +116,20 @@ function ko() {
       if (typeof b == "object")
         switch (b.$$typeof) {
           case t:
-            var k = b;
-            return M(k) + ".Consumer";
+            var C = b;
+            return M(C) + ".Consumer";
           case d:
             var T = b;
             return M(T._context) + ".Provider";
           case u:
-            return Z(b, b.render, "ForwardRef");
+            return q(b, b.render, "ForwardRef");
           case h:
             var V = b.displayName || null;
             return V !== null ? V : E(b.type) || "Memo";
           case v: {
-            var X = b, ei = X._payload, $ = X._init;
+            var X = b, oi = X._payload, $ = X._init;
             try {
-              return E($(ei));
+              return E($(oi));
             } catch (_) {
               return null;
             }
@@ -137,14 +137,14 @@ function ko() {
         }
       return null;
     }
-    var P = Object.assign, L = 0, G, q, w, I, U, ni, vi;
+    var P = Object.assign, L = 0, G, Z, w, D, U, ei, vi;
     function bi() {
     }
     bi.__reactDisabledLog = !0;
-    function ai() {
+    function si() {
       {
         if (L === 0) {
-          G = console.log, q = console.info, w = console.warn, I = console.error, U = console.group, ni = console.groupCollapsed, vi = console.groupEnd;
+          G = console.log, Z = console.info, w = console.warn, D = console.error, U = console.group, ei = console.groupCollapsed, vi = console.groupEnd;
           var b = {
             configurable: !0,
             enumerable: !0,
@@ -177,19 +177,19 @@ function ko() {
               value: G
             }),
             info: P({}, b, {
-              value: q
+              value: Z
             }),
             warn: P({}, b, {
               value: w
             }),
             error: P({}, b, {
-              value: I
+              value: D
             }),
             group: P({}, b, {
               value: U
             }),
             groupCollapsed: P({}, b, {
-              value: ni
+              value: ei
             }),
             groupEnd: P({}, b, {
               value: vi
@@ -199,41 +199,41 @@ function ko() {
         L < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var D = p.ReactCurrentDispatcher, li;
-    function ui(b, k, T) {
+    var I = p.ReactCurrentDispatcher, di;
+    function ui(b, C, T) {
       {
-        if (li === void 0)
+        if (di === void 0)
           try {
             throw Error();
           } catch (X) {
             var V = X.stack.trim().match(/\n( *(at )?)/);
-            li = V && V[1] || "";
+            di = V && V[1] || "";
           }
         return `
-` + li + b;
+` + di + b;
       }
     }
-    var si = !1, di;
+    var li = !1, ii;
     {
       var ki = typeof WeakMap == "function" ? WeakMap : Map;
-      di = new ki();
+      ii = new ki();
     }
-    function yi(b, k) {
-      if (!b || si)
+    function hi(b, C) {
+      if (!b || li)
         return "";
       {
-        var T = di.get(b);
+        var T = ii.get(b);
         if (T !== void 0)
           return T;
       }
       var V;
-      si = !0;
+      li = !0;
       var X = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var ei;
-      ei = D.current, D.current = null, ai();
+      var oi;
+      oi = I.current, I.current = null, si();
       try {
-        if (k) {
+        if (C) {
           var $ = function() {
             throw Error();
           };
@@ -244,63 +244,63 @@ function ko() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct($, []);
-            } catch (gi) {
-              V = gi;
+            } catch (fi) {
+              V = fi;
             }
             Reflect.construct(b, [], $);
           } else {
             try {
               $.call();
-            } catch (gi) {
-              V = gi;
+            } catch (fi) {
+              V = fi;
             }
             b.call($.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (gi) {
-            V = gi;
+          } catch (fi) {
+            V = fi;
           }
           b();
         }
-      } catch (gi) {
-        if (gi && V && typeof gi.stack == "string") {
-          for (var _ = gi.stack.split(`
-`), hi = V.stack.split(`
-`), ci = _.length - 1, mi = hi.length - 1; ci >= 1 && mi >= 0 && _[ci] !== hi[mi]; )
+      } catch (fi) {
+        if (fi && V && typeof fi.stack == "string") {
+          for (var _ = fi.stack.split(`
+`), pi = V.stack.split(`
+`), ci = _.length - 1, mi = pi.length - 1; ci >= 1 && mi >= 0 && _[ci] !== pi[mi]; )
             mi--;
           for (; ci >= 1 && mi >= 0; ci--, mi--)
-            if (_[ci] !== hi[mi]) {
+            if (_[ci] !== pi[mi]) {
               if (ci !== 1 || mi !== 1)
                 do
-                  if (ci--, mi--, mi < 0 || _[ci] !== hi[mi]) {
-                    var Ai = `
+                  if (ci--, mi--, mi < 0 || _[ci] !== pi[mi]) {
+                    var Si = `
 ` + _[ci].replace(" at new ", " at ");
-                    return b.displayName && Ai.includes("<anonymous>") && (Ai = Ai.replace("<anonymous>", b.displayName)), typeof b == "function" && di.set(b, Ai), Ai;
+                    return b.displayName && Si.includes("<anonymous>") && (Si = Si.replace("<anonymous>", b.displayName)), typeof b == "function" && ii.set(b, Si), Si;
                   }
                 while (ci >= 1 && mi >= 0);
               break;
             }
         }
       } finally {
-        si = !1, D.current = ei, H(), Error.prepareStackTrace = X;
+        li = !1, I.current = oi, H(), Error.prepareStackTrace = X;
       }
       var Li = b ? b.displayName || b.name : "", Ti = Li ? ui(Li) : "";
-      return typeof b == "function" && di.set(b, Ti), Ti;
+      return typeof b == "function" && ii.set(b, Ti), Ti;
     }
-    function ji(b, k, T) {
-      return yi(b, !1);
+    function Ai(b, C, T) {
+      return hi(b, !1);
     }
     function Ci(b) {
-      var k = b.prototype;
-      return !!(k && k.isReactComponent);
+      var C = b.prototype;
+      return !!(C && C.isReactComponent);
     }
-    function zi(b, k, T) {
+    function zi(b, C, T) {
       if (b == null)
         return "";
       if (typeof b == "function")
-        return yi(b, Ci(b));
+        return hi(b, Ci(b));
       if (typeof b == "string")
         return ui(b);
       switch (b) {
@@ -312,13 +312,13 @@ function ko() {
       if (typeof b == "object")
         switch (b.$$typeof) {
           case u:
-            return ji(b.render);
+            return Ai(b.render);
           case h:
-            return zi(b.type, k, T);
+            return zi(b.type, C, T);
           case v: {
-            var V = b, X = V._payload, ei = V._init;
+            var V = b, X = V._payload, oi = V._init;
             try {
-              return zi(ei(X), k, T);
+              return zi(oi(X), C, T);
             } catch ($) {
             }
           }
@@ -328,23 +328,23 @@ function ko() {
     var Ki = Object.prototype.hasOwnProperty, Gn = {}, Hn = p.ReactDebugCurrentFrame;
     function _i(b) {
       if (b) {
-        var k = b._owner, T = zi(b.type, b._source, k ? k.type : null);
+        var C = b._owner, T = zi(b.type, b._source, C ? C.type : null);
         Hn.setExtraStackFrame(T);
       } else
         Hn.setExtraStackFrame(null);
     }
-    function Fe(b, k, T, V, X) {
+    function Fe(b, C, T, V, X) {
       {
-        var ei = Function.call.bind(Ki);
+        var oi = Function.call.bind(Ki);
         for (var $ in b)
-          if (ei(b, $)) {
+          if (oi(b, $)) {
             var _ = void 0;
             try {
               if (typeof b[$] != "function") {
-                var hi = Error((V || "React class") + ": " + T + " type `" + $ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof b[$] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw hi.name = "Invariant Violation", hi;
+                var pi = Error((V || "React class") + ": " + T + " type `" + $ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof b[$] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw pi.name = "Invariant Violation", pi;
               }
-              _ = b[$](k, $, V, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              _ = b[$](C, $, V, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (ci) {
               _ = ci;
             }
@@ -358,14 +358,14 @@ function ko() {
     }
     function Ue(b) {
       {
-        var k = typeof Symbol == "function" && Symbol.toStringTag, T = k && b[Symbol.toStringTag] || b.constructor.name || "Object";
+        var C = typeof Symbol == "function" && Symbol.toStringTag, T = C && b[Symbol.toStringTag] || b.constructor.name || "Object";
         return T;
       }
     }
     function ze(b) {
       try {
         return Vn(b), !1;
-      } catch (k) {
+      } catch (C) {
         return !0;
       }
     }
@@ -384,27 +384,27 @@ function ko() {
     }, Un, zn;
     function Je(b) {
       if (Ki.call(b, "ref")) {
-        var k = Object.getOwnPropertyDescriptor(b, "ref").get;
-        if (k && k.isReactWarning)
+        var C = Object.getOwnPropertyDescriptor(b, "ref").get;
+        if (C && C.isReactWarning)
           return !1;
       }
       return b.ref !== void 0;
     }
     function Ye(b) {
       if (Ki.call(b, "key")) {
-        var k = Object.getOwnPropertyDescriptor(b, "key").get;
-        if (k && k.isReactWarning)
+        var C = Object.getOwnPropertyDescriptor(b, "key").get;
+        if (C && C.isReactWarning)
           return !1;
       }
       return b.key !== void 0;
     }
-    function Ze(b, k) {
+    function qe(b, C) {
       typeof b.ref == "string" && Wn.current;
     }
-    function qe(b, k) {
+    function Ze(b, C) {
       {
         var T = function() {
-          Un || (Un = !0, x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", k));
+          Un || (Un = !0, x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", C));
         };
         T.isReactWarning = !0, Object.defineProperty(b, "key", {
           get: T,
@@ -412,10 +412,10 @@ function ko() {
         });
       }
     }
-    function $e(b, k) {
+    function $e(b, C) {
       {
         var T = function() {
-          zn || (zn = !0, x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", k));
+          zn || (zn = !0, x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", C));
         };
         T.isReactWarning = !0, Object.defineProperty(b, "ref", {
           get: T,
@@ -423,17 +423,17 @@ function ko() {
         });
       }
     }
-    var Qe = function(b, k, T, V, X, ei, $) {
+    var Qe = function(b, C, T, V, X, oi, $) {
       var _ = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
         // Built-in properties that belong on the element
         type: b,
-        key: k,
+        key: C,
         ref: T,
         props: $,
         // Record the component responsible for creating this element.
-        _owner: ei
+        _owner: oi
       };
       return _._store = {}, Object.defineProperty(_._store, "validated", {
         configurable: !1,
@@ -452,28 +452,28 @@ function ko() {
         value: X
       }), Object.freeze && (Object.freeze(_.props), Object.freeze(_)), _;
     };
-    function Xe(b, k, T, V, X) {
+    function Xe(b, C, T, V, X) {
       {
-        var ei, $ = {}, _ = null, hi = null;
-        T !== void 0 && (Fn(T), _ = "" + T), Ye(k) && (Fn(k.key), _ = "" + k.key), Je(k) && (hi = k.ref, Ze(k, X));
-        for (ei in k)
-          Ki.call(k, ei) && !_e.hasOwnProperty(ei) && ($[ei] = k[ei]);
+        var oi, $ = {}, _ = null, pi = null;
+        T !== void 0 && (Fn(T), _ = "" + T), Ye(C) && (Fn(C.key), _ = "" + C.key), Je(C) && (pi = C.ref, qe(C, X));
+        for (oi in C)
+          Ki.call(C, oi) && !_e.hasOwnProperty(oi) && ($[oi] = C[oi]);
         if (b && b.defaultProps) {
           var ci = b.defaultProps;
-          for (ei in ci)
-            $[ei] === void 0 && ($[ei] = ci[ei]);
+          for (oi in ci)
+            $[oi] === void 0 && ($[oi] = ci[oi]);
         }
-        if (_ || hi) {
+        if (_ || pi) {
           var mi = typeof b == "function" ? b.displayName || b.name || "Unknown" : b;
-          _ && qe($, mi), hi && $e($, mi);
+          _ && Ze($, mi), pi && $e($, mi);
         }
-        return Qe(b, _, hi, X, V, Wn.current, $);
+        return Qe(b, _, pi, X, V, Wn.current, $);
       }
     }
     var un = p.ReactCurrentOwner, _n = p.ReactDebugCurrentFrame;
     function Bi(b) {
       if (b) {
-        var k = b._owner, T = zi(b.type, b._source, k ? k.type : null);
+        var C = b._owner, T = zi(b.type, b._source, C ? C.type : null);
         _n.setExtraStackFrame(T);
       } else
         _n.setExtraStackFrame(null);
@@ -501,22 +501,22 @@ Check the render method of \`` + b + "`.";
     var Yn = {};
     function no(b) {
       {
-        var k = Jn();
-        if (!k) {
+        var C = Jn();
+        if (!C) {
           var T = typeof b == "string" ? b : b.displayName || b.name;
-          T && (k = `
+          T && (C = `
 
 Check the top-level render call using <` + T + ">.");
         }
-        return k;
+        return C;
       }
     }
-    function Zn(b, k) {
+    function qn(b, C) {
       {
         if (!b._store || b._store.validated || b.key != null)
           return;
         b._store.validated = !0;
-        var T = no(k);
+        var T = no(C);
         if (Yn[T])
           return;
         Yn[T] = !0;
@@ -524,54 +524,54 @@ Check the top-level render call using <` + T + ">.");
         b && b._owner && b._owner !== un.current && (V = " It was passed a child from " + E(b._owner.type) + "."), Bi(b), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', T, V), Bi(null);
       }
     }
-    function qn(b, k) {
+    function Zn(b, C) {
       {
         if (typeof b != "object")
           return;
         if (dn(b))
           for (var T = 0; T < b.length; T++) {
             var V = b[T];
-            cn(V) && Zn(V, k);
+            cn(V) && qn(V, C);
           }
         else if (cn(b))
           b._store && (b._store.validated = !0);
         else if (b) {
           var X = m(b);
           if (typeof X == "function" && X !== b.entries)
-            for (var ei = X.call(b), $; !($ = ei.next()).done; )
-              cn($.value) && Zn($.value, k);
+            for (var oi = X.call(b), $; !($ = oi.next()).done; )
+              cn($.value) && qn($.value, C);
         }
       }
     }
     function eo(b) {
       {
-        var k = b.type;
-        if (k == null || typeof k == "string")
+        var C = b.type;
+        if (C == null || typeof C == "string")
           return;
         var T;
-        if (typeof k == "function")
-          T = k.propTypes;
-        else if (typeof k == "object" && (k.$$typeof === u || // Note: Memo only checks outer props here.
+        if (typeof C == "function")
+          T = C.propTypes;
+        else if (typeof C == "object" && (C.$$typeof === u || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        k.$$typeof === h))
-          T = k.propTypes;
+        C.$$typeof === h))
+          T = C.propTypes;
         else
           return;
         if (T) {
-          var V = E(k);
+          var V = E(C);
           Fe(T, b.props, "prop", V, b);
-        } else if (k.PropTypes !== void 0 && !tn) {
+        } else if (C.PropTypes !== void 0 && !tn) {
           tn = !0;
-          var X = E(k);
+          var X = E(C);
           x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", X || "Unknown");
         }
-        typeof k.getDefaultProps == "function" && !k.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof C.getDefaultProps == "function" && !C.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function oo(b) {
       {
-        for (var k = Object.keys(b.props), T = 0; T < k.length; T++) {
-          var V = k[T];
+        for (var C = Object.keys(b.props), T = 0; T < C.length; T++) {
+          var V = C[T];
           if (V !== "children" && V !== "key") {
             Bi(b), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", V), Bi(null);
             break;
@@ -581,39 +581,39 @@ Check the top-level render call using <` + T + ">.");
       }
     }
     var $n = {};
-    function Qn(b, k, T, V, X, ei) {
+    function Qn(b, C, T, V, X, oi) {
       {
         var $ = W(b);
         if (!$) {
           var _ = "";
           (b === void 0 || typeof b == "object" && b !== null && Object.keys(b).length === 0) && (_ += " 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 hi = io();
-          hi ? _ += hi : _ += Jn();
+          var pi = io();
+          pi ? _ += pi : _ += Jn();
           var ci;
           b === null ? ci = "null" : dn(b) ? ci = "array" : b !== void 0 && b.$$typeof === e ? (ci = "<" + (E(b.type) || "Unknown") + " />", _ = " Did you accidentally export a JSX literal instead of a component?") : ci = typeof b, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ci, _);
         }
-        var mi = Xe(b, k, T, X, ei);
+        var mi = Xe(b, C, T, X, oi);
         if (mi == null)
           return mi;
         if ($) {
-          var Ai = k.children;
-          if (Ai !== void 0)
+          var Si = C.children;
+          if (Si !== void 0)
             if (V)
-              if (dn(Ai)) {
-                for (var Li = 0; Li < Ai.length; Li++)
-                  qn(Ai[Li], b);
-                Object.freeze && Object.freeze(Ai);
+              if (dn(Si)) {
+                for (var Li = 0; Li < Si.length; Li++)
+                  Zn(Si[Li], b);
+                Object.freeze && Object.freeze(Si);
               } else
                 x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              qn(Ai, b);
+              Zn(Si, b);
         }
-        if (Ki.call(k, "key")) {
-          var Ti = E(b), gi = Object.keys(k).filter(function(co) {
+        if (Ki.call(C, "key")) {
+          var Ti = E(b), fi = Object.keys(C).filter(function(co) {
             return co !== "key";
-          }), rn = gi.length > 0 ? "{key: someKey, " + gi.join(": ..., ") + ": ...}" : "{key: someKey}";
+          }), rn = fi.length > 0 ? "{key: someKey, " + fi.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!$n[Ti + rn]) {
-            var to = gi.length > 0 ? "{" + gi.join(": ..., ") + ": ...}" : "{}";
+            var to = fi.length > 0 ? "{" + fi.join(": ..., ") + ": ...}" : "{}";
             x(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -625,11 +625,11 @@ React keys must be passed directly to JSX without using spread:
         return b === s ? oo(mi) : eo(mi), mi;
       }
     }
-    function ao(b, k, T) {
-      return Qn(b, k, T, !0);
+    function ao(b, C, T) {
+      return Qn(b, C, T, !0);
     }
-    function so(b, k, T) {
-      return Qn(b, k, T, !1);
+    function so(b, C, T) {
+      return Qn(b, C, T, !1);
     }
     var lo = so, uo = ao;
     Hi.Fragment = s, Hi.jsx = lo, Hi.jsxs = uo;
@@ -640,18 +640,19 @@ function Co() {
   return ee || (ee = 1, process.env.NODE_ENV === "production" ? Ji.exports = jo() : Ji.exports = ko()), Ji.exports;
 }
 var n = Co();
-const pi = ro(void 0), oe = {
+const gi = ro(void 0), oe = {
   title: "",
   description: "",
-  id: xi(),
+  id: yi(),
   questionData: [],
-  disabled: !1
+  disabled: !1,
+  isHidden: !1
 }, Se = ({ children: i }) => {
   const [e, o] = R({}), [s, a] = R({}), [l, d] = R([oe]), [t, u] = R(!1), [r, c] = R(null), [h, v] = R([
     0
-  ]), [g, y] = R(""), f = ri.useCallback(() => {
+  ]), [g, A] = R(""), f = ri.useCallback(() => {
   }, []), m = ri.useCallback(() => {
-    const M = xi();
+    const M = yi();
     d((E) => [...E, { ...oe, id: M }]), c(M), v([l.length]);
   }, [l]), p = ri.useCallback((M) => {
     d(
@@ -664,10 +665,10 @@ const pi = ro(void 0), oe = {
       );
       L && d(
         (G) => G == null ? void 0 : G.map(
-          (q) => q.id === E ? {
-            ...q,
-            questionData: q.questionData.filter((w) => L.type === "grid" ? w.gridId !== L.id && w.id !== L.id : w.id !== M)
-          } : q
+          (Z) => Z.id === E ? {
+            ...Z,
+            questionData: Z.questionData.filter((w) => L.type === "grid" ? w.gridId !== L.id && w.id !== L.id : w.id !== M)
+          } : Z
         )
       );
     },
@@ -680,32 +681,32 @@ const pi = ro(void 0), oe = {
         (w) => w.id === M
       );
       if (L === -1) return;
-      const G = P.questionData[L], q = (w, I = {}) => ({
+      const G = P.questionData[L], Z = (w, D = {}) => ({
         ...JSON.parse(JSON.stringify(w)),
-        id: xi(),
-        ...I
+        id: yi(),
+        ...D
       });
       d(
-        (w) => w == null ? void 0 : w.map((I) => {
-          var ni;
-          if (I.id !== E) return I;
-          const U = [...I.questionData];
+        (w) => w == null ? void 0 : w.map((D) => {
+          var ei;
+          if (D.id !== E) return D;
+          const U = [...D.questionData];
           if (G.type === "grid") {
-            const vi = (ni = U == null ? void 0 : U.map((si, di) => ({ e: si, i: di })).filter(
-              ({ e: si }) => si.id === G.id || si.gridId === G.id
-            )) == null ? void 0 : ni.map(({ i: si }) => si), bi = vi.length ? Math.max(...vi) + 1 : L + 1, ai = xi(), H = q(G, {});
-            H.id = ai;
-            const D = U.filter((si) => si.gridId === G.id), li = D == null ? void 0 : D.map(
-              (si) => q(si, { gridId: ai })
+            const vi = (ei = U == null ? void 0 : U.map((li, ii) => ({ e: li, i: ii })).filter(
+              ({ e: li }) => li.id === G.id || li.gridId === G.id
+            )) == null ? void 0 : ei.map(({ i: li }) => li), bi = vi.length ? Math.max(...vi) + 1 : L + 1, si = yi(), H = Z(G, {});
+            H.id = si;
+            const I = U.filter((li) => li.gridId === G.id), di = I == null ? void 0 : I.map(
+              (li) => Z(li, { gridId: si })
             ), ui = [
               ...U.slice(0, bi),
               H,
-              ...li,
+              ...di,
               ...U.slice(bi)
             ];
-            return { ...I, questionData: ui };
+            return { ...D, questionData: ui };
           } else {
-            const vi = q(
+            const vi = Z(
               G,
               G.gridId ? { gridId: G.gridId } : {}
             ), bi = [
@@ -713,13 +714,13 @@ const pi = ro(void 0), oe = {
               vi,
               ...U.slice(L + 1)
             ];
-            return { ...I, questionData: bi };
+            return { ...D, questionData: bi };
           }
         })
       );
     },
     [l, d]
-  ), N = ri.useCallback(
+  ), S = ri.useCallback(
     (M, E) => {
       d(
         (P) => P == null ? void 0 : P.map(
@@ -728,7 +729,7 @@ const pi = ro(void 0), oe = {
       );
     },
     []
-  ), S = ri.useCallback((M, E) => {
+  ), N = ri.useCallback((M, E) => {
     d(
       (P) => P == null ? void 0 : P.map(
         (L) => L.id === E ? {
@@ -737,7 +738,7 @@ const pi = ro(void 0), oe = {
         } : L
       )
     );
-  }, []), A = ri.useCallback(
+  }, []), y = ri.useCallback(
     (M, E, P) => {
       d(
         (L) => L == null ? void 0 : L.map(
@@ -753,21 +754,21 @@ const pi = ro(void 0), oe = {
       );
     },
     []
-  ), C = ri.useCallback(
+  ), k = ri.useCallback(
     (M, E, P) => {
       d(
         (L) => L == null ? void 0 : L.map(
           (G) => {
-            var q;
+            var Z;
             return G.id === P ? {
               ...G,
-              questionData: (q = G.questionData) == null ? void 0 : q.map(
+              questionData: (Z = G.questionData) == null ? void 0 : Z.map(
                 (w) => {
-                  var I;
+                  var D;
                   return w.type === "grid" && w.gridData ? {
                     ...w,
-                    gridData: (I = w.gridData) == null ? void 0 : I.map(
-                      (U, ni) => ni === M ? {
+                    gridData: (D = w.gridData) == null ? void 0 : D.map(
+                      (U, ei) => ei === M ? {
                         ...U,
                         ...E
                       } : U
@@ -791,7 +792,7 @@ const pi = ro(void 0), oe = {
           return L.id === E ? {
             ...L,
             questionData: (G = L.questionData) == null ? void 0 : G.map(
-              (q) => q.id === M.id ? { ...q, ...M } : q
+              (Z) => Z.id === M.id ? { ...Z, ...M } : Z
             )
           } : L;
         }
@@ -804,50 +805,50 @@ const pi = ro(void 0), oe = {
         sectionId: P,
         targetIndex: L,
         targetId: G,
-        targetGridId: q,
+        targetGridId: Z,
         targetCol: w
       } = M;
       d(
-        (I) => I.map((U) => {
+        (D) => D.map((U) => {
           if (U.id !== P) return U;
-          const ni = [...U.questionData], vi = ni.findIndex((ai) => ai.id === E);
+          const ei = [...U.questionData], vi = ei.findIndex((si) => si.id === E);
           if (vi === -1) return U;
-          const bi = { ...ni[vi] };
-          if (q !== void 0 && w !== void 0) {
+          const bi = { ...ei[vi] };
+          if (Z !== void 0 && w !== void 0) {
             if (bi.type === "grid") return U;
-            const ai = ni.findIndex(
-              (D) => {
-                var li;
-                return D.id !== E && D.gridId === q && ((li = D.gridPosition) == null ? void 0 : li.col) === w;
+            const si = ei.findIndex(
+              (I) => {
+                var di;
+                return I.id !== E && I.gridId === Z && ((di = I.gridPosition) == null ? void 0 : di.col) === w;
               }
             );
-            let H = ni.map(
-              (D) => D.id === E ? {
-                ...D,
-                gridId: q,
+            let H = ei.map(
+              (I) => I.id === E ? {
+                ...I,
+                gridId: Z,
                 gridPosition: { col: w }
-              } : D
+              } : I
             );
-            return ai !== -1 && (H = H.map((D, li) => {
-              if (li !== ai) return D;
-              const ui = { ...D };
+            return si !== -1 && (H = H.map((I, di) => {
+              if (di !== si) return I;
+              const ui = { ...I };
               return delete ui.gridId, delete ui.gridPosition, ui;
             })), { ...U, questionData: H };
           }
-          if (bi.gridId && L !== void 0 && q === void 0) {
-            const ai = { ...bi };
-            delete ai.gridId, delete ai.gridPosition;
-            const H = ni.filter((li) => li.id !== E), D = Math.min(L, H.length);
-            return H.splice(D, 0, ai), { ...U, questionData: H };
+          if (bi.gridId && L !== void 0 && Z === void 0) {
+            const si = { ...bi };
+            delete si.gridId, delete si.gridPosition;
+            const H = ei.filter((di) => di.id !== E), I = Math.min(L, H.length);
+            return H.splice(I, 0, si), { ...U, questionData: H };
           }
-          if (!bi.gridId && L !== void 0 && q === void 0 && !G) {
-            ni.splice(vi, 1);
-            const ai = Math.min(L, ni.length);
-            return ni.splice(ai, 0, bi), { ...U, questionData: ni };
+          if (!bi.gridId && L !== void 0 && Z === void 0 && !G) {
+            ei.splice(vi, 1);
+            const si = Math.min(L, ei.length);
+            return ei.splice(si, 0, bi), { ...U, questionData: ei };
           }
           if (G) {
-            const ai = ni.findIndex((H) => H.id === G);
-            return ai === -1 ? U : (ni.splice(vi, 1), ni.splice(ai, 0, bi), { ...U, questionData: ni });
+            const si = ei.findIndex((H) => H.id === G);
+            return si === -1 ? U : (ei.splice(vi, 1), ei.splice(si, 0, bi), { ...U, questionData: ei });
           }
           return U;
         })
@@ -863,7 +864,7 @@ const pi = ro(void 0), oe = {
         } : L
       )
     );
-  }, []), Z = ii(
+  }, []), q = ni(
     () => ({
       formData: l,
       setFormData: d,
@@ -871,9 +872,9 @@ const pi = ro(void 0), oe = {
       removeElement: x,
       elementData: s,
       setElementData: a,
-      updateElementPosition: N,
-      addElement: S,
-      addElementInPosition: A,
+      updateElementPosition: S,
+      addElement: N,
+      addElementInPosition: y,
       updateElement: K,
       addSection: m,
       removeSection: p,
@@ -884,11 +885,11 @@ const pi = ro(void 0), oe = {
       setSelectedSection: c,
       activeSections: h,
       setActiveSections: v,
-      updateGridElement: C,
+      updateGridElement: k,
       answerData: e,
       setAnswerData: o,
       uploadUrl: g,
-      setUploadUrl: y,
+      setUploadUrl: A,
       duplicateElement: j,
       moveElement: Q
     }),
@@ -897,9 +898,9 @@ const pi = ro(void 0), oe = {
       f,
       x,
       s,
-      N,
       S,
-      A,
+      N,
+      y,
       K,
       m,
       p,
@@ -907,14 +908,14 @@ const pi = ro(void 0), oe = {
       t,
       r,
       h,
-      C,
+      k,
       e,
       g,
       j,
       Q
     ]
   );
-  return /* @__PURE__ */ n.jsx(pi.Provider, { value: Z, children: i });
+  return /* @__PURE__ */ n.jsx(gi.Provider, { value: q, children: i });
 };
 function Ne(i) {
   var e, o, s = "";
@@ -1349,18 +1350,18 @@ function le(i) {
     return o.icons[s] || (o.missing.has(s) ? null : void 0);
   }
 }
-function Io(i, e) {
+function Do(i, e) {
   const o = ln(i, !0, Ui);
   if (!o) return !1;
   const s = Oi(o.provider, o.prefix);
   return e ? Ro(s, o.name, e) : (s.missing.add(o.name), !0);
 }
-function Do(i, e) {
+function Io(i, e) {
   if (typeof i != "object") return !1;
   if (typeof e != "string" && (e = i.provider || ""), Ui && !e && !i.prefix) {
     let a = !1;
     return Ce(i) && (i.prefix = "", ke(i, (l, d) => {
-      Io(l, d) && (a = !0);
+      Do(l, d) && (a = !0);
     })), a;
   }
   const o = i.prefix;
@@ -1436,19 +1437,19 @@ function Wo(i, e) {
     const m = [], p = f.hFlip, x = f.vFlip;
     let j = f.rotate;
     p ? x ? j += 2 : (m.push("translate(" + (a.width + a.left).toString() + " " + (0 - a.top).toString() + ")"), m.push("scale(-1 1)"), a.top = a.left = 0) : x && (m.push("translate(" + (0 - a.left).toString() + " " + (a.height + a.top).toString() + ")"), m.push("scale(1 -1)"), a.top = a.left = 0);
-    let N;
+    let S;
     switch (j < 0 && (j -= Math.floor(j / 4) * 4), j = j % 4, j) {
       case 1:
-        N = a.height / 2 + a.top, m.unshift("rotate(90 " + N.toString() + " " + N.toString() + ")");
+        S = a.height / 2 + a.top, m.unshift("rotate(90 " + S.toString() + " " + S.toString() + ")");
         break;
       case 2:
         m.unshift("rotate(180 " + (a.width / 2 + a.left).toString() + " " + (a.height / 2 + a.top).toString() + ")");
         break;
       case 3:
-        N = a.width / 2 + a.left, m.unshift("rotate(-90 " + N.toString() + " " + N.toString() + ")");
+        S = a.width / 2 + a.left, m.unshift("rotate(-90 " + S.toString() + " " + S.toString() + ")");
         break;
     }
-    j % 2 === 1 && (a.left !== a.top && (N = a.left, a.left = a.top, a.top = N), a.width !== a.height && (N = a.width, a.width = a.height, a.height = N)), m.length && (l = Vo(l, '<g transform="' + m.join(" ") + '">', "</g>"));
+    j % 2 === 1 && (a.left !== a.top && (S = a.left, a.left = a.top, a.top = S), a.width !== a.height && (S = a.width, a.width = a.height, a.height = S)), m.length && (l = Vo(l, '<g transform="' + m.join(" ") + '">', "</g>"));
   });
   const d = s.width, t = s.height, u = a.width, r = a.height;
   let c, h;
@@ -1457,15 +1458,15 @@ function Wo(i, e) {
     Fo(m) || (v[f] = m.toString());
   };
   g("width", c), g("height", h);
-  const y = [
+  const A = [
     a.left,
     a.top,
     u,
     r
   ];
-  return v.viewBox = y.join(" "), {
+  return v.viewBox = A.join(" "), {
     attributes: v,
-    viewBox: y,
+    viewBox: A,
     body: l
   };
 }
@@ -1507,21 +1508,21 @@ function Ln(i) {
 const Pn = /* @__PURE__ */ Object.create(null), Vi = ["https://api.simplesvg.com", "https://api.unisvg.com"], Qi = [];
 for (; Vi.length > 0; ) Vi.length === 1 || Math.random() > 0.5 ? Qi.push(Vi.shift()) : Qi.push(Vi.pop());
 Pn[""] = Ln({ resources: ["https://api.iconify.design"].concat(Qi) });
-function Zo(i, e) {
+function qo(i, e) {
   const o = Ln(e);
   return o === null ? !1 : (Pn[i] = o, !0);
 }
 function wn(i) {
   return Pn[i];
 }
-const qo = () => {
+const Zo = () => {
   let i;
   try {
     if (i = fetch, typeof i == "function") return i;
   } catch (e) {
   }
 };
-let ue = qo();
+let ue = Zo();
 function $o(i, e) {
   const o = wn(i);
   if (!o) return 0;
@@ -1706,26 +1707,26 @@ function ta(i, e, o, s) {
   const a = i.resources.length, l = i.random ? Math.floor(Math.random() * a) : i.index;
   let d;
   if (i.random) {
-    let A = i.resources.slice(0);
-    for (d = []; A.length > 1; ) {
-      const C = Math.floor(Math.random() * A.length);
-      d.push(A[C]), A = A.slice(0, C).concat(A.slice(C + 1));
+    let y = i.resources.slice(0);
+    for (d = []; y.length > 1; ) {
+      const k = Math.floor(Math.random() * y.length);
+      d.push(y[k]), y = y.slice(0, k).concat(y.slice(k + 1));
     }
-    d = d.concat(A);
+    d = d.concat(y);
   } else d = i.resources.slice(l).concat(i.resources.slice(0, l));
   const t = Date.now();
   let u = "pending", r = 0, c, h = null, v = [], g = [];
   typeof s == "function" && g.push(s);
-  function y() {
+  function A() {
     h && (clearTimeout(h), h = null);
   }
   function f() {
-    u === "pending" && (u = "aborted"), y(), v.forEach((A) => {
-      A.status === "pending" && (A.status = "aborted");
+    u === "pending" && (u = "aborted"), A(), v.forEach((y) => {
+      y.status === "pending" && (y.status = "aborted");
     }), v = [];
   }
-  function m(A, C) {
-    C && (g = []), typeof A == "function" && g.push(A);
+  function m(y, k) {
+    k && (g = []), typeof y == "function" && g.push(y);
   }
   function p() {
     return {
@@ -1739,18 +1740,18 @@ function ta(i, e, o, s) {
     };
   }
   function x() {
-    u = "failed", g.forEach((A) => {
-      A(void 0, c);
+    u = "failed", g.forEach((y) => {
+      y(void 0, c);
     });
   }
   function j() {
-    v.forEach((A) => {
-      A.status === "pending" && (A.status = "aborted");
+    v.forEach((y) => {
+      y.status === "pending" && (y.status = "aborted");
     }), v = [];
   }
-  function N(A, C, K) {
-    const Q = C !== "success";
-    switch (v = v.filter((W) => W !== A), u) {
+  function S(y, k, K) {
+    const Q = k !== "success";
+    switch (v = v.filter((W) => W !== y), u) {
       case "pending":
         break;
       case "failed":
@@ -1759,46 +1760,46 @@ function ta(i, e, o, s) {
       default:
         return;
     }
-    if (C === "abort") {
+    if (k === "abort") {
       c = K, x();
       return;
     }
     if (Q) {
-      c = K, v.length || (d.length ? S() : x());
+      c = K, v.length || (d.length ? N() : x());
       return;
     }
-    if (y(), j(), !i.random) {
-      const W = i.resources.indexOf(A.resource);
+    if (A(), j(), !i.random) {
+      const W = i.resources.indexOf(y.resource);
       W !== -1 && W !== i.index && (i.index = W);
     }
     u = "completed", g.forEach((W) => {
       W(K);
     });
   }
-  function S() {
+  function N() {
     if (u !== "pending") return;
-    y();
-    const A = d.shift();
-    if (A === void 0) {
+    A();
+    const y = d.shift();
+    if (y === void 0) {
       if (v.length) {
         h = setTimeout(() => {
-          y(), u === "pending" && (j(), x());
+          A(), u === "pending" && (j(), x());
         }, i.timeout);
         return;
       }
       x();
       return;
     }
-    const C = {
+    const k = {
       status: "pending",
-      resource: A,
+      resource: y,
       callback: (K, Q) => {
-        N(C, K, Q);
+        S(k, K, Q);
       }
     };
-    v.push(C), r++, h = setTimeout(S, i.rotate), o(A, e, C.callback);
+    v.push(k), r++, h = setTimeout(N, i.rotate), o(y, e, k.callback);
   }
-  return setTimeout(S), p;
+  return setTimeout(N), p;
 }
 function we(i) {
   const e = {
@@ -2050,7 +2051,7 @@ const Re = {
   display: "inline-block"
 }, Mn = {
   backgroundColor: "currentColor"
-}, Ie = {
+}, De = {
   backgroundColor: "transparent"
 }, me = {
   Image: "var(--svg)",
@@ -2059,7 +2060,7 @@ const Re = {
 }, be = {
   WebkitMask: Mn,
   mask: Mn,
-  background: Ie
+  background: De
 };
 for (const i in be) {
   const e = be[i];
@@ -2149,7 +2150,7 @@ const Ea = (i, e, o) => {
       __html: ka(Jo(r.body, p ? () => p + "ID" + m++ : "iconifyReact"))
     }, Sn("svg", u);
   }
-  const { body: h, width: v, height: g } = i, y = l === "mask" || (l === "bg" ? !1 : h.indexOf("currentColor") !== -1), f = ya(h, {
+  const { body: h, width: v, height: g } = i, A = l === "mask" || (l === "bg" ? !1 : h.indexOf("currentColor") !== -1), f = ya(h, {
     ...c,
     width: v + "",
     height: g + ""
@@ -2160,7 +2161,7 @@ const Ea = (i, e, o) => {
     width: ve(c.width),
     height: ve(c.height),
     ...Ma,
-    ...y ? Mn : Ie,
+    ...A ? Mn : De,
     ...t
   }, Sn("span", u);
 };
@@ -2175,7 +2176,7 @@ if (typeof document != "undefined" && typeof window != "undefined") {
         // Check if item is an object and not null/array
         (typeof s != "object" || s === null || s instanceof Array || // Check for 'icons' and 'prefix'
         typeof s.icons != "object" || typeof s.prefix != "string" || // Add icon set
-        !Do(s)) && console.error(o);
+        !Io(s)) && console.error(o);
       } catch (a) {
         console.error(o);
       }
@@ -2190,27 +2191,27 @@ if (typeof document != "undefined" && typeof window != "undefined") {
           const a = e[o];
           if (typeof a != "object" || !a || a.resources === void 0)
             continue;
-          Zo(o, a) || console.error(s);
+          qo(o, a) || console.error(s);
         } catch (a) {
           console.error(s);
         }
       }
   }
 }
-function De(i) {
+function Ie(i) {
   const [e, o] = R(!!i.ssr), [s, a] = R({});
   function l(g) {
     if (g) {
-      const y = i.icon;
-      if (typeof y == "object")
+      const A = i.icon;
+      if (typeof A == "object")
         return {
           name: "",
-          data: y
+          data: A
         };
-      const f = le(y);
+      const f = le(A);
       if (f)
         return {
-          name: y,
+          name: A,
           data: f
         };
     }
@@ -2229,25 +2230,25 @@ function De(i) {
   }
   function c() {
     var g;
-    const y = i.icon;
-    if (typeof y == "object") {
+    const A = i.icon;
+    if (typeof A == "object") {
       r({
         name: "",
-        data: y
+        data: A
       });
       return;
     }
-    const f = le(y);
+    const f = le(A);
     if (r({
-      name: y,
+      name: A,
       data: f
     }))
       if (f === void 0) {
-        const m = ha([y], c);
+        const m = ha([A], c);
         a({
           callback: m
         });
-      } else f && ((g = i.onLoad) === null || g === void 0 || g.call(i, y));
+      } else f && ((g = i.onLoad) === null || g === void 0 || g.call(i, A));
   }
   O(() => (o(!0), u), []), O(() => {
     e && c();
@@ -2258,11 +2259,11 @@ function De(i) {
     ...v
   }, i, h) : i.children ? i.children : i.fallback ? i.fallback : Sn("span", {});
 }
-const Oe = ye((i, e) => De({
+const Oe = ye((i, e) => Ie({
   ...i,
   _ref: e
 }));
-ye((i, e) => De({
+ye((i, e) => Ie({
   inline: !0,
   ...i,
   _ref: e
@@ -2284,7 +2285,7 @@ function Rn({
     setValue: d,
     isReadOnly: t,
     watch: u
-  } = e || {}, r = ii(
+  } = e || {}, r = ni(
     () => s == null ? void 0 : s.map((h) => h.label).join(", "),
     [s]
   );
@@ -2301,7 +2302,7 @@ function Rn({
       };
     }
   }, [u, i.id]), /* @__PURE__ */ n.jsx("div", { className: "custom-select", children: /* @__PURE__ */ n.jsx(
-    oi,
+    ai,
     {
       value: s || [],
       onChange: (h) => {
@@ -2312,7 +2313,7 @@ function Rn({
       by: "value",
       children: /* @__PURE__ */ n.jsxs("div", { className: "custom-select__wrapper", children: [
         /* @__PURE__ */ n.jsxs(
-          oi.Button,
+          ai.Button,
           {
             className: "custom-select__control field-control",
             disabled: t,
@@ -2322,14 +2323,14 @@ function Rn({
             ]
           }
         ),
-        /* @__PURE__ */ n.jsx(Ri, { as: qi, leave: "custom-select__transition", children: /* @__PURE__ */ n.jsx(
-          oi.Options,
+        /* @__PURE__ */ n.jsx(Ri, { as: Zi, leave: "custom-select__transition", children: /* @__PURE__ */ n.jsx(
+          ai.Options,
           {
             anchor: "bottom start",
             className: "custom-select__options",
             children: (c = i == null ? void 0 : i.options) == null ? void 0 : c.map(
               (h, v) => /* @__PURE__ */ n.jsx(
-                oi.Option,
+                ai.Option,
                 {
                   value: h,
                   className: ({ active: g }) => `custom-select__option ${g ? "custom-select__option--active" : ""}`,
@@ -2383,10 +2384,10 @@ function Ke({
   }, [i]), O(() => {
     if (l === "pdf" && (i != null && i.startsWith("data:")))
       try {
-        const g = atob(i.split(",")[1]), y = new ArrayBuffer(g.length), f = new Uint8Array(y);
+        const g = atob(i.split(",")[1]), A = new ArrayBuffer(g.length), f = new Uint8Array(A);
         for (let x = 0; x < g.length; x++)
           f[x] = g.charCodeAt(x);
-        const m = new Blob([y], { type: "application/pdf" }), p = URL.createObjectURL(m);
+        const m = new Blob([A], { type: "application/pdf" }), p = URL.createObjectURL(m);
         return u(p), () => URL.revokeObjectURL(p);
       } catch (g) {
         console.error("Error creating blob URL:", g);
@@ -2397,15 +2398,15 @@ function Ke({
   const r = () => {
     l === "image" || l === "pdf" ? a(!0) : window.open(t || i, "_blank");
   }, c = () => a(!1), h = e || (i == null ? void 0 : i.split("/").pop()) || "Unknown file";
-  function v(g, y = "download") {
+  function v(g, A = "download") {
     if (!g) return;
     if (g.startsWith("data:")) {
       const m = document.createElement("a");
-      m.href = g, m.download = y, document.body.appendChild(m), m.click(), document.body.removeChild(m);
+      m.href = g, m.download = A, document.body.appendChild(m), m.click(), document.body.removeChild(m);
       return;
     }
     const f = document.createElement("a");
-    f.href = g, f.setAttribute("download", y), document.body.appendChild(f), f.click(), document.body.removeChild(f);
+    f.href = g, f.setAttribute("download", A), document.body.appendChild(f), f.click(), document.body.removeChild(f);
   }
   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(
@@ -2485,7 +2486,7 @@ function Ke({
     )
   ] });
 }
-const fi = (i) => {
+const xi = (i) => {
   const e = typeof window != "undefined" ? localStorage.getItem(i) : "";
   try {
     return JSON.parse(e);
@@ -2504,89 +2505,89 @@ function Ra({
   list: a = null,
   accept: l = []
 }) {
-  const { uploadUrl: d } = Ni(pi), t = Ii(null), [u, r] = R(a), [c, h] = R(!1);
+  const { uploadUrl: d } = ji(gi), t = Di(null), [u, r] = R(a), [c, h] = R(!1);
   O(() => {
     r(a);
   }, [a]);
-  const v = ii(
-    () => l == null ? void 0 : l.map((N) => N.value).join(", "),
+  const v = ni(
+    () => l == null ? void 0 : l.map((S) => S.value).join(", "),
     [l]
-  ), g = ii(
-    () => l == null ? void 0 : l.map((N) => N.label).join(", "),
+  ), g = ni(
+    () => l == null ? void 0 : l.map((S) => S.label).join(", "),
     [l]
-  ), y = Y(
-    async (N) => {
-      var A;
-      const S = fi("token");
+  ), A = Y(
+    async (S) => {
+      var y;
+      const N = xi("token");
       try {
-        const { data: C } = await Di.post(d, N, {
+        const { data: k } = await Ii.post(d, S, {
           headers: {
-            Authorization: `Bearer ${S}`
+            Authorization: `Bearer ${N}`
           }
         });
-        return (A = C == null ? void 0 : C.data) == null ? void 0 : A.url;
-      } catch (C) {
-        throw console.error("File upload error:", C), new Error("Failed to upload file to server");
+        return (y = k == null ? void 0 : k.data) == null ? void 0 : y.url;
+      } catch (k) {
+        throw console.error("File upload error:", k), new Error("Failed to upload file to server");
       }
     },
     [d]
   ), f = Y(
-    (N) => new Promise((S, A) => {
-      const C = new FileReader();
-      C.onloadend = async () => {
+    (S) => new Promise((N, y) => {
+      const k = new FileReader();
+      k.onloadend = async () => {
         try {
-          const K = C.result.replace(
+          const K = k.result.replace(
             /^data:.*;base64,/,
             ""
-          ), Q = d ? await y({
+          ), Q = d ? await A({
             base64: K,
-            ext: `.${N.name.split(".").pop()}`,
-            fileName: N.name
-          }) : C.result;
-          S({
+            ext: `.${S.name.split(".").pop()}`,
+            fileName: S.name
+          }) : k.result;
+          N({
             base64: Q,
-            type: N.type,
-            name: N.name
+            type: S.type,
+            name: S.name
           });
         } catch (K) {
-          A(K);
+          y(K);
         }
-      }, C.onerror = () => A(new Error("File read failed")), C.readAsDataURL(N);
+      }, k.onerror = () => y(new Error("File read failed")), k.readAsDataURL(S);
     }),
-    [d, y]
+    [d, A]
   ), m = Y(
-    (N) => {
-      var A;
-      const S = v ? (A = v.split(",")) == null ? void 0 : A.map((C) => C.trim()) : [];
-      for (const C of N) {
-        if (C.size > wa)
-          return Si.error(
-            `File "${C.name}" exceeds 5MB limit (${(C.size / 1024 / 1024).toFixed(2)}MB)`
+    (S) => {
+      var y;
+      const N = v ? (y = v.split(",")) == null ? void 0 : y.map((k) => k.trim()) : [];
+      for (const k of S) {
+        if (k.size > wa)
+          return Ni.error(
+            `File "${k.name}" exceeds 5MB limit (${(k.size / 1024 / 1024).toFixed(2)}MB)`
           ), !1;
-        if (S.length && !S.some(
-          (K) => C.type === K || C.name.toLowerCase().endsWith(K.replace("*", ""))
+        if (N.length && !N.some(
+          (K) => k.type === K || k.name.toLowerCase().endsWith(K.replace("*", ""))
         ))
-          return Si.error(
-            `File "${C.name}" is not an allowed type. Allowed: ${g || "any"}`
+          return Ni.error(
+            `File "${k.name}" is not an allowed type. Allowed: ${g || "any"}`
           ), !1;
       }
       return !0;
     },
     [v, g]
   ), p = Y(
-    async (N) => {
-      const S = Array.from(N.target.files || []);
-      if (!(!S.length || c)) {
-        if (!m(S)) {
+    async (S) => {
+      const N = Array.from(S.target.files || []);
+      if (!(!N.length || c)) {
+        if (!m(N)) {
           t.current && (t.current.value = "");
           return;
         }
         try {
           h(!0);
-          const A = await Promise.all(S == null ? void 0 : S.map(f)), C = s && u ? [...u, ...A] : A;
-          r(C), i(C), Si.success(`Successfully uploaded ${S.length} file(s)`);
-        } catch (A) {
-          console.error("Upload error:", A), Si.error("Failed to upload file(s). Please try again.");
+          const y = await Promise.all(N == null ? void 0 : N.map(f)), k = s && u ? [...u, ...y] : y;
+          r(k), i(k), Ni.success(`Successfully uploaded ${N.length} file(s)`);
+        } catch (y) {
+          console.error("Upload error:", y), Ni.error("Failed to upload file(s). Please try again.");
         } finally {
           h(!1), t.current && (t.current.value = "");
         }
@@ -2594,10 +2595,10 @@ function Ra({
     },
     [c, m, f, i, s, u]
   ), x = Y(
-    (N) => {
-      c || (t.current && (t.current.value = ""), r((S) => {
-        const A = N === void 0 ? null : (S == null ? void 0 : S.filter((C, K) => K !== N)) || null;
-        return i(A), A;
+    (S) => {
+      c || (t.current && (t.current.value = ""), r((N) => {
+        const y = S === void 0 ? null : (N == null ? void 0 : N.filter((k, K) => K !== S)) || null;
+        return i(y), y;
       }), o == null || o());
     },
     [o, i, c]
@@ -2637,19 +2638,19 @@ function Ra({
         /* @__PURE__ */ n.jsx("span", { className: "animate-spin h-4 w-4 border-2 border-blue-500 border-t-transparent rounded-full" }),
         "Uploading..."
       ] }) }),
-      typeof u == "object" && (u == null ? void 0 : u.map((N, S) => /* @__PURE__ */ n.jsx(
+      typeof u == "object" && (u == null ? void 0 : u.map((S, N) => /* @__PURE__ */ n.jsx(
         Ke,
         {
-          fileUrl: N.base64,
-          fileName: N.name,
-          removeFile: () => x(S)
+          fileUrl: S.base64,
+          fileName: S.name,
+          removeFile: () => x(N)
         },
-        `${N.name}-${S}`
+        `${S.name}-${N}`
       )))
     ] })
   ] });
 }
-function Ia({ element: i, validationData: e }) {
+function Da({ element: i, validationData: e }) {
   var c;
   const [o, s] = R((c = i == null ? void 0 : i.value) != null ? c : null), {
     register: a = () => ({}),
@@ -2693,7 +2694,7 @@ function Ia({ element: i, validationData: e }) {
     o && d && /* @__PURE__ */ n.jsx("div", { className: "relative grid gap-y-1 flex-1 w-full", children: typeof o == "object" && (o == null ? void 0 : o.map((h, v) => /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx(Ke, { fileUrl: h.base64, fileName: h.name }) }, v))) })
   ] });
 }
-function Da({
+function Ia({
   element: i,
   validationData: e
 }) {
@@ -2724,11 +2725,12 @@ const F = ({
   prefix: h,
   disabled: v,
   watch: g,
-  min: y,
-  max: f
+  min: A,
+  max: f,
+  description: m
 }) => {
-  var p, x, j, N;
-  const m = o ? { ...o(e) } : {};
+  var x, j, S, N;
+  const p = o ? { ...o(e) } : {};
   if (l === "amount")
     return /* @__PURE__ */ n.jsxs("div", { className: "space-y-1.5 relative", children: [
       /* @__PURE__ */ n.jsx(
@@ -2741,8 +2743,8 @@ const F = ({
       /* @__PURE__ */ n.jsx(
         sn,
         {
-          onValueChange: (S) => {
-            u(e, S != null ? S : null), o && o(e), c && c(e);
+          onValueChange: (y) => {
+            u(e, y != null ? y : null), o && o(e), c && c(e);
           },
           placeholder: d,
           className: `field-control ${s != null && s[e] ? "border-red-300" : "border-[#D0D5DD]"}`,
@@ -2752,27 +2754,31 @@ const F = ({
           disabled: v
         }
       ),
-      (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: (x = s[e]) == null ? void 0 : x.message })
     ] });
   if (["checkbox", "radio"].includes(l)) {
-    const S = (g == null ? void 0 : g(e)) || null;
-    let A = !1;
-    return S && (S != null && S.length && l === "checkbox" ? A = S == null ? void 0 : S.includes(r) : A = S == r), /* @__PURE__ */ n.jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ n.jsxs("label", { className: "flex items-center gap-3 cursor-pointer select-none", children: [
-        /* @__PURE__ */ n.jsx(
-          "input",
-          {
-            ...m,
-            type: l,
-            value: r || "",
-            disabled: v,
-            className: "peer sr-only"
-          }
-        ),
-        /* @__PURE__ */ n.jsx(
-          "div",
-          {
-            className: `
+    const y = (g == null ? void 0 : g(e)) || null;
+    let k = !1;
+    return y && (y != null && y.length && l === "checkbox" ? k = y == null ? void 0 : y.includes(r) : k = y == r), /* @__PURE__ */ n.jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ n.jsxs(
+        "label",
+        {
+          className: `flex  gap-3 cursor-pointer select-none ${m ? "items-start" : "items-center"}`,
+          children: [
+            /* @__PURE__ */ n.jsx(
+              "input",
+              {
+                ...p,
+                type: l,
+                value: r || "",
+                disabled: v,
+                className: "peer sr-only"
+              }
+            ),
+            /* @__PURE__ */ n.jsx(
+              "div",
+              {
+                className: `
             w-[18px] h-[18px] flex items-center justify-center
             border rounded-md transition-all duration-200
             ${s != null && s[e] ? "border-red-300" : "border-[#D0D5DD]"}
@@ -2781,18 +2787,23 @@ const F = ({
             peer-disabled:opacity-60
             peer-disabled:cursor-not-allowed
           `,
-            children: A && /* @__PURE__ */ n.jsx(
-              z,
-              {
-                icon: "meteor-icons:check",
-                iconClass: "w-3.5 h-3.5 text-white"
+                children: k && /* @__PURE__ */ n.jsx(
+                  z,
+                  {
+                    icon: "meteor-icons:check",
+                    iconClass: "w-3.5 h-3.5 text-white"
+                  }
+                )
               }
-            )
-          }
-        ),
-        /* @__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-8 text-sm text-red-600", children: (x = s[e]) == null ? void 0 : x.message })
+            ),
+            /* @__PURE__ */ n.jsxs("div", { children: [
+              /* @__PURE__ */ n.jsx("span", { className: "text-sm leading-none block font-medium text-[#344054] font-onest", children: i }),
+              m && /* @__PURE__ */ n.jsx("span", { className: "text-xs font-medium leading-none text-[#5c6c86] font-onest", children: m })
+            ] })
+          ]
+        }
+      ),
+      (s == null ? void 0 : s[e]) && /* @__PURE__ */ n.jsx("p", { className: "ml-8 text-sm text-red-600", children: (j = s[e]) == null ? void 0 : j.message })
     ] });
   }
   return l === "textarea" ? /* @__PURE__ */ n.jsxs("div", { className: "space-y-1.5 relative", children: [
@@ -2806,13 +2817,13 @@ const F = ({
     /* @__PURE__ */ n.jsx(
       "textarea",
       {
-        ...m,
+        ...p,
         className: `field-control ${s != null && s[e] ? "border-red-300" : "border-[#D0D5DD]"} ${a}`,
         placeholder: d,
         disabled: v
       }
     ),
-    (s == null ? void 0 : s[e]) && /* @__PURE__ */ n.jsx("p", { className: "mt-1 text-sm text-red-600", children: (j = s[e]) == null ? void 0 : j.message })
+    (s == null ? void 0 : s[e]) && /* @__PURE__ */ n.jsx("p", { className: "mt-1 text-sm text-red-600", children: (S = s[e]) == null ? void 0 : S.message })
   ] }) : /* @__PURE__ */ n.jsxs("div", { className: "space-y-1.5 relative w-full", children: [
     /* @__PURE__ */ n.jsx(
       "label",
@@ -2824,12 +2835,12 @@ const F = ({
     /* @__PURE__ */ n.jsx(
       "input",
       {
-        ...m,
+        ...p,
         type: l,
         className: `field-control ${s != null && s[e] ? "border-red-300" : "border-[#D0D5DD]"} ${a}`,
         placeholder: t ? "" : d,
         disabled: v,
-        min: y,
+        min: A,
         max: f
       }
     ),
@@ -2901,16 +2912,16 @@ const wi = ({
   subText: h,
   labelClass: v = "text-[10px]",
   loading: g,
-  disabled: y
+  disabled: A
 }) => {
-  const [f, m] = R(r ? [] : null), p = Ii(!1), x = ii(() => !t || !i || i.length === 0 ? r ? [] : null : r ? Array.isArray(t) ? i.filter((S) => t.some(
-    (A) => {
-      var C;
-      return typeof S.value == "object" ? ((C = S.value) == null ? void 0 : C.id) === (A == null ? void 0 : A.id) : S.value === A;
+  const [f, m] = R(r ? [] : null), p = Di(!1), x = ni(() => !t || !i || i.length === 0 ? r ? [] : null : r ? Array.isArray(t) ? i.filter((N) => t.some(
+    (y) => {
+      var k;
+      return typeof N.value == "object" ? ((k = N.value) == null ? void 0 : k.id) === (y == null ? void 0 : y.id) : N.value === y;
     }
-  )) : [] : i.find((S) => {
-    var A;
-    return typeof S.value == "string" && typeof t == "string" ? S.value.toLowerCase() === t.toLowerCase() : typeof S.value == "object" && typeof t == "object" ? ((A = S.value) == null ? void 0 : A.id) === (t == null ? void 0 : t.id) : S.value === t;
+  )) : [] : i.find((N) => {
+    var y;
+    return typeof N.value == "string" && typeof t == "string" ? N.value.toLowerCase() === t.toLowerCase() : typeof N.value == "object" && typeof t == "object" ? ((y = N.value) == null ? void 0 : y.id) === (t == null ? void 0 : t.id) : N.value === t;
   }) || null, [t, i, r]);
   O(() => {
     if (p.current) {
@@ -2918,18 +2929,18 @@ const wi = ({
       return;
     }
     if (r && Array.isArray(x) && Array.isArray(f)) {
-      const S = f == null ? void 0 : f.map((C) => C.value), A = x == null ? void 0 : x.map((C) => C.value);
-      JSON.stringify(S) !== JSON.stringify(A) && m(x);
+      const N = f == null ? void 0 : f.map((k) => k.value), y = x == null ? void 0 : x.map((k) => k.value);
+      JSON.stringify(N) !== JSON.stringify(y) && m(x);
     } else (x == null ? void 0 : x.value) !== (f == null ? void 0 : f.value) && m(x);
   }, [x, r]);
-  const j = Y((S) => {
-    var A;
-    if (p.current = !0, m(S), a) {
-      const C = r ? Array.isArray(S) ? S == null ? void 0 : S.map((K) => K.value) : [] : (A = S == null ? void 0 : S.value) != null ? A : null;
-      a(l, C), u == null || u(l);
+  const j = Y((N) => {
+    var y;
+    if (p.current = !0, m(N), a) {
+      const k = r ? Array.isArray(N) ? N == null ? void 0 : N.map((K) => K.value) : [] : (y = N == null ? void 0 : N.value) != null ? y : null;
+      a(l, k), u == null || u(l);
     }
     s && !p.current && s(l);
-  }, [a, l, u, s, r]), N = ii(() => g ? "Fetching data..." : f ? r && Array.isArray(f) ? f.length > 0 ? f == null ? void 0 : f.map((S) => S.label).join(", ") : e : (f == null ? void 0 : f.label) || e : e, [f, g, e, r]);
+  }, [a, l, u, s, r]), S = ni(() => g ? "Fetching data..." : f ? r && Array.isArray(f) ? f.length > 0 ? f == null ? void 0 : f.map((N) => N.label).join(", ") : e : (f == null ? void 0 : f.label) || e : e, [f, g, e, r]);
   return /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
     !c && d && /* @__PURE__ */ n.jsx("label", { className: "block text-sm text-[#686878] darks:text-white/70 mb-2", children: d }),
     c && d && /* @__PURE__ */ n.jsx(
@@ -2943,21 +2954,21 @@ const wi = ({
       }
     ),
     /* @__PURE__ */ n.jsx(
-      oi,
+      ai,
       {
         value: f,
         onChange: j,
         multiple: r,
-        disabled: y || g,
+        disabled: A || g,
         children: /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ n.jsxs(oi.Button, { className: "field-control", disabled: y || g, children: [
+          /* @__PURE__ */ n.jsxs(ai.Button, { className: "field-control", disabled: A || g, children: [
             /* @__PURE__ */ n.jsx(
               "span",
               {
                 className: J("block text-sm text-left truncate", {
                   "opacity-60": !f || g
                 }),
-                children: N
+                children: S
               }
             ),
             /* @__PURE__ */ n.jsx("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ n.jsx(z, { icon: "lucide:chevron-down" }) })
@@ -2968,16 +2979,16 @@ const wi = ({
               leave: "transition ease-in duration-100",
               leaveFrom: "opacity-100",
               leaveTo: "opacity-0",
-              children: /* @__PURE__ */ n.jsx(oi.Options, { anchor: "bottom start", className: "select-button-options", children: i.length === 0 ? /* @__PURE__ */ n.jsx("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No options available" }) : i == null ? void 0 : i.map((S, A) => {
-                var C;
+              children: /* @__PURE__ */ n.jsx(ai.Options, { anchor: "bottom start", className: "select-button-options", children: i.length === 0 ? /* @__PURE__ */ n.jsx("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No options available" }) : i == null ? void 0 : i.map((N, y) => {
+                var k;
                 return /* @__PURE__ */ n.jsx(
-                  oi.Option,
+                  ai.Option,
                   {
-                    value: S,
+                    value: N,
                     className: ({ active: K }) => J("select-option", { active: K }),
-                    children: ({ selected: K }) => /* @__PURE__ */ n.jsx("div", { className: J("option-text", { selected: K }), children: S.label })
+                    children: ({ selected: K }) => /* @__PURE__ */ n.jsx("div", { className: J("option-text", { selected: K }), children: N.label })
                   },
-                  ((C = S.value) == null ? void 0 : C.id) || S.value || A
+                  ((k = N.value) == null ? void 0 : k.id) || N.value || y
                 );
               }) })
             }
@@ -2997,21 +3008,21 @@ function Tn({
   readOnly: a,
   name: l
 }) {
-  const [d, t] = R(""), u = ii(() => {
+  const [d, t] = R(""), u = ni(() => {
     const g = e != null ? e : o;
-    return i.find((y) => y.value === g || y.label === g) || null;
+    return i.find((A) => A.value === g || A.label === g) || null;
   }, [e, o, i]), [r, c] = R(u);
   O(() => {
     if (e !== void 0) {
-      const g = i.find((y) => y.value === e || y.label === e) || null;
+      const g = i.find((A) => A.value === e || A.label === e) || null;
       c(g);
     }
   }, [e, i]);
-  const h = ii(() => {
+  const h = ni(() => {
     if (d === "") return i;
     const g = d.toLowerCase();
     return i.filter(
-      (y) => y.label.toLowerCase().includes(g)
+      (A) => A.label.toLowerCase().includes(g)
     );
   }, [d, i]), v = Y((g) => {
     c(g), s(l, g);
@@ -3039,8 +3050,8 @@ function Tn({
           po,
           {
             value: g,
-            className: ({ active: y, selected: f }) => J("select-option", { active: y, selected: f }),
-            children: ({ selected: y }) => /* @__PURE__ */ n.jsx("div", { className: J("option-text", { selected: y }), children: g.label })
+            className: ({ active: A, selected: f }) => J("select-option", { active: A, selected: f }),
+            children: ({ selected: A }) => /* @__PURE__ */ n.jsx("div", { className: J("option-text", { selected: A }), children: g.label })
           },
           g.value
         )) })
@@ -3101,7 +3112,7 @@ function Va({
     }
   );
 }
-function In(i, e, o) {
+function Dn(i, e, o) {
   return e === void 0 && (e = {}), o === void 0 && (o = {}), function(s, a, l) {
     try {
       return Promise.resolve(function(d, t) {
@@ -3190,7 +3201,7 @@ const Fa = ({
 }, Yi = (i, e = i) => ({
   label: i,
   value: e,
-  id: xi()
+  id: yi()
 }), ti = (i) => ({
   ...Ua,
   ...i
@@ -3364,7 +3375,7 @@ const Fa = ({
     value: [],
     dataColumns: [
       {
-        id: xi(),
+        id: yi(),
         field: "",
         headerName: "",
         width: 150,
@@ -3466,13 +3477,13 @@ const Fa = ({
   { label: "Weekday, Month Day, Year", value: "EEEE, MMMM d, yyyy" },
   { label: "Short Weekday, Month Day, Year", value: "EEE, MMM d, yyyy" },
   { label: "Day-Month-Year", value: "dd-MM-yyyy" }
-], Za = ["amount"], qa = ["text", "number"], $a = [
+], qa = ["amount"], Za = ["text", "number"], $a = [
   "text",
   "number",
   "amount",
   "date",
   "password"
-], Qa = ["amount"], Zi = [
+], Qa = ["amount"], qi = [
   "grid",
   "section",
   "divider",
@@ -3655,9 +3666,9 @@ const as = () => /* @__PURE__ */ n.jsx("blockquote", { className: "bg-gray-100 p
       const h = c.target.result, v = So.parse(h, { header: !0 });
       i(e, v.data);
     }, r.readAsText(u)) : u.name.endsWith(".xlsx") || u.name.endsWith(".xls") ? (r.onload = (c) => {
-      const h = new Uint8Array(c.target.result), v = Xn.read(h, { type: "array" }), g = v.SheetNames[0], y = v.Sheets[g], f = Xn.utils.sheet_to_json(y);
+      const h = new Uint8Array(c.target.result), v = Xn.read(h, { type: "array" }), g = v.SheetNames[0], A = v.Sheets[g], f = Xn.utils.sheet_to_json(A);
       i(e, f);
-    }, r.readAsArrayBuffer(u)) : Si.error("Unsupported file type. Please upload a CSV or Excel file.");
+    }, r.readAsArrayBuffer(u)) : Ni.error("Unsupported file type. Please upload a CSV or Excel file.");
   };
   return /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ n.jsx(
@@ -3745,7 +3756,7 @@ function rs({
   watch: s,
   id: a
 }) {
-  const { formData: l } = Ni(pi), d = s("visibilityDependentFields") || [], t = ii(() => {
+  const { formData: l } = ji(gi), d = s("visibilityDependentFields") || [], t = ni(() => {
     var r;
     return (r = ts(l).filter((c) => c.id !== a)) == null ? void 0 : r.map((c) => {
       const h = d.find(
@@ -3763,7 +3774,7 @@ function rs({
     });
   }, [l, d, a]), u = (r, c, h) => {
     const v = d == null ? void 0 : d.map(
-      (g, y) => y === r ? { ...g, [c]: h } : g
+      (g, A) => A === r ? { ...g, [c]: h } : g
     );
     e("visibilityDependentFields", v);
   };
@@ -3794,26 +3805,26 @@ function rs({
           }
         ),
         /* @__PURE__ */ n.jsx("div", { className: "field-listbox min-w-[100px]", children: /* @__PURE__ */ n.jsx(
-          oi,
+          ai,
           {
             value: r.fieldType,
             onChange: (g) => u(c, "fieldType", g),
             children: /* @__PURE__ */ n.jsxs("div", { className: "listbox-wrapper", children: [
-              /* @__PURE__ */ n.jsx(oi.Button, { className: "listbox-button", children: r.fieldType }),
+              /* @__PURE__ */ n.jsx(ai.Button, { className: "listbox-button", children: r.fieldType }),
               /* @__PURE__ */ n.jsx(
                 Ri,
                 {
-                  as: qi,
+                  as: Zi,
                   leave: "transition ease-in duration-100",
                   leaveFrom: "opacity-100",
                   leaveTo: "opacity-0",
                   children: /* @__PURE__ */ n.jsx(
-                    oi.Options,
+                    ai.Options,
                     {
                       className: "listbox-options ",
                       anchor: "bottom",
                       children: gn == null ? void 0 : gn.map((g) => /* @__PURE__ */ n.jsx(
-                        oi.Option,
+                        ai.Option,
                         {
                           value: g,
                           className: "listbox-option",
@@ -3829,26 +3840,26 @@ function rs({
           }
         ) }),
         /* @__PURE__ */ n.jsx("div", { className: "field-listbox min-w-[100px]", children: /* @__PURE__ */ n.jsx(
-          oi,
+          ai,
           {
             value: r.operator,
             onChange: (g) => u(c, "operator", g),
             children: /* @__PURE__ */ n.jsxs("div", { className: "listbox-wrapper", children: [
-              /* @__PURE__ */ n.jsx(oi.Button, { className: "listbox-button", children: r.operator.replace("_", " ") }),
+              /* @__PURE__ */ n.jsx(ai.Button, { className: "listbox-button", children: r.operator.replace("_", " ") }),
               /* @__PURE__ */ n.jsx(
                 Ri,
                 {
-                  as: qi,
+                  as: Zi,
                   leave: "transition ease-in duration-100",
                   leaveFrom: "opacity-100",
                   leaveTo: "opacity-0",
                   children: /* @__PURE__ */ n.jsx(
-                    oi.Options,
+                    ai.Options,
                     {
                       className: "listbox-options ",
                       anchor: "bottom",
                       children: (h = r.fieldType === "number" ? [...pe, ...cs] : pe) == null ? void 0 : h.map((g) => /* @__PURE__ */ n.jsx(
-                        oi.Option,
+                        ai.Option,
                         {
                           value: g,
                           className: "listbox-option",
@@ -3873,27 +3884,27 @@ function rs({
             className: "field-value"
           }
         ) : /* @__PURE__ */ n.jsx("div", { className: "field-listbox", children: /* @__PURE__ */ n.jsx(
-          oi,
+          ai,
           {
             value: (v = r.fieldValue) != null ? v : "",
             onChange: (g) => u(c, "fieldValue", g),
             children: /* @__PURE__ */ n.jsxs("div", { className: "listbox-wrapper", children: [
-              /* @__PURE__ */ n.jsx(oi.Button, { className: "listbox-button", children: r.fieldValue === !0 ? "True" : r.fieldValue === !1 ? "False" : "Select value" }),
+              /* @__PURE__ */ n.jsx(ai.Button, { className: "listbox-button", children: r.fieldValue === !0 ? "True" : r.fieldValue === !1 ? "False" : "Select value" }),
               /* @__PURE__ */ n.jsx(
                 Ri,
                 {
-                  as: qi,
+                  as: Zi,
                   leave: "transition ease-in duration-100",
                   leaveFrom: "opacity-100",
                   leaveTo: "opacity-0",
                   children: /* @__PURE__ */ n.jsxs(
-                    oi.Options,
+                    ai.Options,
                     {
                       className: "listbox-options ",
                       anchor: "bottom",
                       children: [
                         /* @__PURE__ */ n.jsx(
-                          oi.Option,
+                          ai.Option,
                           {
                             value: !0,
                             className: "listbox-option",
@@ -3901,7 +3912,7 @@ function rs({
                           }
                         ),
                         /* @__PURE__ */ n.jsx(
-                          oi.Option,
+                          ai.Option,
                           {
                             value: !1,
                             className: "listbox-option",
@@ -3998,77 +4009,77 @@ const ms = B.object().shape({
   element: o
 }) => {
   const s = bs.filter(
-    (H) => !Zi.includes(o.inputType) || H.key !== "validation"
-  ), { updateElement: a } = ri.useContext(pi), [l, d] = R("basic"), [t, u] = R(!1), [r, c] = R("manual"), h = fi("config"), {
+    (H) => !qi.includes(o.inputType) || H.key !== "validation"
+  ), { updateElement: a } = ri.useContext(gi), [l, d] = R("basic"), [t, u] = R(!1), [r, c] = R("manual"), h = xi("config"), {
     register: v,
     handleSubmit: g,
-    control: y,
+    control: A,
     setValue: f,
     watch: m,
     trigger: p,
-    formState: { errors: x, isSubmitting: j, isValid: N },
-    reset: S
+    formState: { errors: x, isSubmitting: j, isValid: S },
+    reset: N
   } = En({
-    resolver: In(ms),
+    resolver: Dn(ms),
     defaultValues: {
       ...o,
       options: o.options || []
     }
-  }), A = m(), { fields: C, append: K, remove: Q } = mn({
-    control: y,
+  }), y = m(), { fields: k, append: K, remove: Q } = mn({
+    control: A,
     name: "options"
   }), {
     fields: W,
-    append: Z,
+    append: q,
     remove: M
   } = mn({
-    control: y,
+    control: A,
     name: "options1"
   }), {
     fields: E,
     append: P,
     remove: L
   } = mn({
-    control: y,
+    control: A,
     name: "dataColumns"
   });
   O(() => {
-    i || S();
-  }, [i, S]);
+    i || N();
+  }, [i, N]);
   const G = (H) => {
     a(H, o.sectionId), e();
   }, w = {
     headers: {
-      Authorization: `Bearer ${fi("token")}`
+      Authorization: `Bearer ${xi("token")}`
     }
-  }, I = Y(async () => {
-    var H, D, li;
-    if (!A.apiUrl || !/^https?:\/\//.test(A.apiUrl)) {
-      Si.info("Please provide a valid API URL");
+  }, D = Y(async () => {
+    var H, I, di;
+    if (!y.apiUrl || !/^https?:\/\//.test(y.apiUrl)) {
+      Ni.info("Please provide a valid API URL");
       return;
     }
     try {
       u(!0);
-      const { status: ui, data: si } = await Di.get(A.apiUrl, w);
-      if (ui !== 200 || !si) {
-        Si.error("Unexpected response from server.");
+      const { status: ui, data: li } = await Ii.get(y.apiUrl, w);
+      if (ui !== 200 || !li) {
+        Ni.error("Unexpected response from server.");
         return;
       }
-      const di = si.data || si.record || si.result;
-      if (!Array.isArray(di)) {
-        Si.error("Expected an array in response (data, record, or result).");
+      const ii = li.data || li.record || li.result;
+      if (!Array.isArray(ii)) {
+        Ni.error("Expected an array in response (data, record, or result).");
         return;
       }
-      ((H = o.type) == null ? void 0 : H.toLowerCase()) === "datagrid" ? f("dataColumns", di) : f("options", di);
+      ((H = o.type) == null ? void 0 : H.toLowerCase()) === "datagrid" ? f("dataColumns", ii) : f("options", ii);
     } catch (ui) {
-      const si = ((li = (D = ui == null ? void 0 : ui.response) == null ? void 0 : D.data) == null ? void 0 : li.message) || (ui == null ? void 0 : ui.message) || "Unable to load options";
-      Si.error(si);
+      const li = ((di = (I = ui == null ? void 0 : ui.response) == null ? void 0 : I.data) == null ? void 0 : di.message) || (ui == null ? void 0 : ui.message) || "Unable to load options";
+      Ni.error(li);
     } finally {
       u(!1);
     }
-  }, [o.type, f, A.apiUrl]), U = ["manual", "api", "sheet"];
-  function ni() {
-    r === "api" && I();
+  }, [o.type, f, y.apiUrl]), U = ["manual", "api", "sheet"];
+  function ei() {
+    r === "api" && D();
   }
   const vi = () => /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col justify-start gap-y-1", children: [
     /* @__PURE__ */ n.jsx("div", { className: "flex items-center mb-4 gap-x-5", children: U == null ? void 0 : U.map((H) => /* @__PURE__ */ n.jsxs("label", { className: "items-center text-base capitalize gap-x-3", children: [
@@ -4077,7 +4088,7 @@ const ms = B.object().shape({
         {
           type: "radio",
           name: "optionType",
-          onChange: (D) => c(D.target.value),
+          onChange: (I) => c(I.target.value),
           value: H
         }
       ),
@@ -4108,7 +4119,7 @@ const ms = B.object().shape({
         /* @__PURE__ */ n.jsx(
           "button",
           {
-            onClick: ni,
+            onClick: ei,
             className: "px-3 py-1 text-xs text-white bg-gray-600 rounded",
             type: "button",
             children: "Load"
@@ -4128,7 +4139,7 @@ const ms = B.object().shape({
     ) }),
     /* @__PURE__ */ n.jsxs("div", { children: [
       /* @__PURE__ */ n.jsx("h3", { className: "mb-4 text-sm text-gray-500", children: "Parent Options " }),
-      C == null ? void 0 : C.map((H, D) => /* @__PURE__ */ n.jsxs(
+      k == null ? void 0 : k.map((H, I) => /* @__PURE__ */ n.jsxs(
         "div",
         {
           className: "flex items-center mb-1 gap-x-4 last:mb-0",
@@ -4137,8 +4148,8 @@ const ms = B.object().shape({
               F,
               {
                 watch: m,
-                label: D === 0 ? "Label" : "",
-                name: `options.${D}.label`,
+                label: I === 0 ? "Label" : "",
+                name: `options.${I}.label`,
                 register: v,
                 errors: x,
                 element: o,
@@ -4149,8 +4160,8 @@ const ms = B.object().shape({
               F,
               {
                 watch: m,
-                label: D === 0 ? "Value" : "",
-                name: `options.${D}.value`,
+                label: I === 0 ? "Value" : "",
+                name: `options.${I}.value`,
                 register: v,
                 errors: x,
                 element: o,
@@ -4160,10 +4171,10 @@ const ms = B.object().shape({
             /* @__PURE__ */ n.jsx(
               "button",
               {
-                disabled: C.length === 1,
+                disabled: k.length === 1,
                 type: "button",
                 className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
-                onClick: () => Q(D),
+                onClick: () => Q(I),
                 children: /* @__PURE__ */ n.jsx(z, { icon: "iconamoon:sign-times-fill" })
               }
             )
@@ -4179,7 +4190,7 @@ const ms = B.object().shape({
           {
             type: "button",
             className: "flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",
-            onClick: () => K({ label: "", value: "", id: xi() }),
+            onClick: () => K({ label: "", value: "", id: yi() }),
             children: [
               /* @__PURE__ */ n.jsx(z, { icon: "qlementine-icons:plus-16" }),
               " Add Option"
@@ -4193,7 +4204,7 @@ const ms = B.object().shape({
       /* @__PURE__ */ n.jsxs("div", { children: [
         " ",
         /* @__PURE__ */ n.jsx("h3", { className: "mb-4 text-sm text-gray-500", children: "Child Options " }),
-        W == null ? void 0 : W.map((H, D) => /* @__PURE__ */ n.jsxs(
+        W == null ? void 0 : W.map((H, I) => /* @__PURE__ */ n.jsxs(
           "div",
           {
             className: "flex items-center mb-1 gap-x-4 last:mb-0",
@@ -4203,7 +4214,7 @@ const ms = B.object().shape({
                 {
                   watch: m,
                   label: "Label",
-                  name: `options1.${D}.label`,
+                  name: `options1.${I}.label`,
                   register: v,
                   errors: x,
                   element: o,
@@ -4216,7 +4227,7 @@ const ms = B.object().shape({
                 {
                   watch: m,
                   label: "Value",
-                  name: `options1.${D}.value`,
+                  name: `options1.${I}.value`,
                   register: v,
                   errors: x,
                   element: o,
@@ -4229,7 +4240,7 @@ const ms = B.object().shape({
                 {
                   watch: m,
                   label: "Key",
-                  name: `options1.${D}.key`,
+                  name: `options1.${I}.key`,
                   register: v,
                   errors: x,
                   element: o,
@@ -4243,7 +4254,7 @@ const ms = B.object().shape({
                   disabled: W.length === 1,
                   type: "button",
                   className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
-                  onClick: () => M(D),
+                  onClick: () => M(I),
                   children: /* @__PURE__ */ n.jsx(z, { icon: "iconamoon:sign-times-fill" })
                 }
               )
@@ -4258,7 +4269,7 @@ const ms = B.object().shape({
             {
               type: "button",
               className: "flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",
-              onClick: () => Z({ label: "", value: "", key: "", id: xi() }),
+              onClick: () => q({ label: "", value: "", key: "", id: yi() }),
               children: [
                 /* @__PURE__ */ n.jsx(z, { icon: "qlementine-icons:plus-16" }),
                 " Add Option"
@@ -4275,7 +4286,7 @@ const ms = B.object().shape({
         {
           type: "radio",
           name: "optionType",
-          onChange: (D) => c(D.target.value),
+          onChange: (I) => c(I.target.value),
           value: H,
           checked: H === r
         }
@@ -4308,7 +4319,7 @@ const ms = B.object().shape({
         /* @__PURE__ */ n.jsx(
           "button",
           {
-            onClick: ni,
+            onClick: ei,
             className: "px-3 py-1 text-xs text-white bg-gray-600 rounded",
             type: "button",
             children: "Load"
@@ -4326,11 +4337,11 @@ const ms = B.object().shape({
         name: "dataColumns"
       }
     ) }),
-    E == null ? void 0 : E.map((H, D) => /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-4 ", children: [
+    E == null ? void 0 : E.map((H, I) => /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-4 ", children: [
       /* @__PURE__ */ n.jsx("div", { className: "min-w-[140px]", children: /* @__PURE__ */ n.jsx(
         wi,
         {
-          label: D === 0 ? "Type" : "",
+          label: I === 0 ? "Type" : "",
           options: [
             {
               label: "Text",
@@ -4346,18 +4357,18 @@ const ms = B.object().shape({
             }
           ],
           register: v,
-          name: `dataColumns.${D}.type`,
+          name: `dataColumns.${I}.type`,
           setValue: f,
           trigger: p,
-          value: A.dataColumns[D].type
+          value: y.dataColumns[I].type
         }
       ) }),
       /* @__PURE__ */ n.jsx("div", { className: "flex-1", children: /* @__PURE__ */ n.jsx(
         F,
         {
           watch: m,
-          label: D === 0 ? "Field key" : "",
-          name: `dataColumns.${D}.field`,
+          label: I === 0 ? "Field key" : "",
+          name: `dataColumns.${I}.field`,
           register: v,
           errors: x,
           element: o,
@@ -4368,8 +4379,8 @@ const ms = B.object().shape({
         F,
         {
           watch: m,
-          label: D === 0 ? "Display header" : "",
-          name: `dataColumns.${D}.headerName`,
+          label: I === 0 ? "Display header" : "",
+          name: `dataColumns.${I}.headerName`,
           register: v,
           errors: x,
           element: o,
@@ -4382,7 +4393,7 @@ const ms = B.object().shape({
           disabled: E.length === 1,
           type: "button",
           className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
-          onClick: () => L(D),
+          onClick: () => L(I),
           children: /* @__PURE__ */ n.jsx(z, { icon: "iconamoon:sign-times-fill" })
         }
       )
@@ -4398,7 +4409,7 @@ const ms = B.object().shape({
             headerName: "",
             field: "",
             editable: !0,
-            id: xi(),
+            id: yi(),
             type: "text",
             validate: !1
           }),
@@ -4409,17 +4420,17 @@ const ms = B.object().shape({
         }
       )
     ] })
-  ] }), ai = Y(async () => {
-    const H = fi("token"), { status: D, data: li } = await Di.get(A.url, {
+  ] }), si = Y(async () => {
+    const H = xi("token"), { status: I, data: di } = await Ii.get(y.url, {
       headers: {
         Authorization: `Bearer ${H}`
       }
     });
-    D === 200 && f("options", (li == null ? void 0 : li.data) || li);
-  }, [f, A.url]);
+    I === 200 && f("options", (di == null ? void 0 : di.data) || di);
+  }, [f, y.url]);
   return O(() => {
-    o.type === "document" && A.url && ai();
-  }, [A.url, o.type, ai]), /* @__PURE__ */ n.jsx(
+    o.type === "document" && y.url && si();
+  }, [y.url, o.type, si]), /* @__PURE__ */ n.jsx(
     "div",
     {
       className: "fixed inset-0 bg-gray-800/40 backdrop-blur-sm flex items-center justify-end z-[999] cursor-default  select-none ",
@@ -4471,7 +4482,7 @@ const ms = B.object().shape({
                             element: o
                           }
                         ) }),
-                        !pn.includes(o.inputType) && !Zi.includes(o.inputType) && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+                        !pn.includes(o.inputType) && !qi.includes(o.inputType) && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
                           /* @__PURE__ */ n.jsx(
                             F,
                             {
@@ -4507,7 +4518,7 @@ const ms = B.object().shape({
                             element: o
                           }
                         ),
-                        Za.includes(o.inputType) && /* @__PURE__ */ n.jsx(
+                        qa.includes(o.inputType) && /* @__PURE__ */ n.jsx(
                           F,
                           {
                             watch: m,
@@ -4583,7 +4594,7 @@ const ms = B.object().shape({
                             value: m("denominators")
                           }
                         ),
-                        !pn.includes(o.inputType) && !Zi.includes(o.inputType) && /* @__PURE__ */ n.jsx(
+                        !pn.includes(o.inputType) && !qi.includes(o.inputType) && /* @__PURE__ */ n.jsx(
                           F,
                           {
                             watch: m,
@@ -4616,15 +4627,16 @@ const ms = B.object().shape({
                               register: v,
                               errors: x,
                               element: o,
-                              type: "checkbox"
+                              type: "checkbox",
+                              value: y.canHaveDateRange
                             }
                           ),
-                          (A == null ? void 0 : A.canHaveDateRange) && /* @__PURE__ */ n.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+                          (y == null ? void 0 : y.canHaveDateRange) && /* @__PURE__ */ n.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
                             /* @__PURE__ */ n.jsx(
                               Nn,
                               {
                                 name: "minDate",
-                                value: A == null ? void 0 : A.minDate,
+                                value: y == null ? void 0 : y.minDate,
                                 onGetValue: f,
                                 placeholder: "Select min date"
                               }
@@ -4633,10 +4645,10 @@ const ms = B.object().shape({
                               Nn,
                               {
                                 name: "maxDate",
-                                value: A == null ? void 0 : A.minDate,
+                                value: y == null ? void 0 : y.minDate,
                                 onGetValue: f,
                                 placeholder: "Select max date",
-                                minDate: A == null ? void 0 : A.minDate
+                                minDate: y == null ? void 0 : y.minDate
                               }
                             )
                           ] }),
@@ -4649,7 +4661,8 @@ const ms = B.object().shape({
                               register: v,
                               errors: x,
                               element: o,
-                              type: "checkbox"
+                              type: "checkbox",
+                              value: y.allowYearPicker
                             }
                           )
                         ] }),
@@ -4662,7 +4675,8 @@ const ms = B.object().shape({
                             register: v,
                             errors: x,
                             element: o,
-                            type: "checkbox"
+                            type: "checkbox",
+                            value: y.showState
                           }
                         ),
                         o.type.toLowerCase() === "selectfield" && /* @__PURE__ */ n.jsx(
@@ -4752,7 +4766,8 @@ const ms = B.object().shape({
                               register: v,
                               errors: x,
                               element: o,
-                              type: "checkbox"
+                              type: "checkbox",
+                              value: y.isMultiple
                             }
                           ),
                           /* @__PURE__ */ n.jsx(
@@ -4761,7 +4776,7 @@ const ms = B.object().shape({
                               element: {
                                 options: es,
                                 id: "acceptedFiles",
-                                value: A == null ? void 0 : A.acceptedFiles
+                                value: y == null ? void 0 : y.acceptedFiles
                               },
                               validationData: { register: v, setValue: f, trigger: p, watch: m },
                               placeholder: "Choose file types"
@@ -4779,11 +4794,12 @@ const ms = B.object().shape({
                               register: v,
                               errors: x,
                               element: o,
-                              type: "checkbox"
+                              type: "checkbox",
+                              value: y.isHidden
                             }
                           ) }),
                           " ",
-                          A.isHidden && /* @__PURE__ */ n.jsx(
+                          y.isHidden && /* @__PURE__ */ n.jsx(
                             rs,
                             {
                               register: v,
@@ -4795,7 +4811,7 @@ const ms = B.object().shape({
                           )
                         ] })
                       ] }),
-                      !Zi.includes(o.type.toLowerCase()) && l === "validation" && /* @__PURE__ */ n.jsxs("div", { className: "z-10 flex flex-col w-full gap-5 px-6", children: [
+                      !qi.includes(o.type.toLowerCase()) && l === "validation" && /* @__PURE__ */ n.jsxs("div", { className: "z-10 flex flex-col w-full gap-5 px-6", children: [
                         /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-6", children: [
                           /* @__PURE__ */ n.jsx("div", { className: "w-[150px]", children: /* @__PURE__ */ n.jsx(
                             F,
@@ -4806,7 +4822,8 @@ const ms = B.object().shape({
                               register: v,
                               errors: x,
                               element: o,
-                              type: "checkbox"
+                              type: "checkbox",
+                              value: y.isRequired
                             }
                           ) }),
                           " ",
@@ -4822,7 +4839,7 @@ const ms = B.object().shape({
                             }
                           ) })
                         ] }),
-                        qa.includes(o.inputType) && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+                        Za.includes(o.inputType) && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
                           /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-6", children: [
                             /* @__PURE__ */ n.jsx("div", { className: "w-[150px]", children: /* @__PURE__ */ n.jsx(
                               F,
@@ -4947,9 +4964,9 @@ const ms = B.object().shape({
                       "button",
                       {
                         type: "submit",
-                        disabled: !N || j,
+                        disabled: !S || j,
                         style: { background: (h == null ? void 0 : h.buttonColor) || "#333" },
-                        className: `flex-1 px-4 py-2.5 ${!N || j ? "bg-[#F2F4F7]" : "bg-[#2563EB]"} ${!N || j ? "text-[#98A2B3]" : "text-white"} rounded-lg shadow-xs font-semibold font-onest disabled:opacity-50 editor_option__save`,
+                        className: `flex-1 px-4 py-2.5 ${!S || j ? "bg-[#F2F4F7]" : "bg-[#2563EB]"} ${!S || j ? "text-[#98A2B3]" : "text-white"} rounded-lg shadow-xs font-semibold font-onest disabled:opacity-50 editor_option__save`,
                         children: j ? "Saving..." : "Save"
                       }
                     )
@@ -4962,9 +4979,9 @@ const ms = B.object().shape({
       )
     }
   );
-}, Dn = an(
+}, In = an(
   ({ state: i, element: e, children: o }) => {
-    const [s, a] = R(!1), { removeElement: l, duplicateElement: d } = ri.useContext(pi), t = ii(
+    const [s, a] = R(!1), { removeElement: l, duplicateElement: d } = ri.useContext(gi), t = ni(
       () => {
         var r;
         return (r = e == null ? void 0 : e.acceptedFiles) == null ? void 0 : r.map((c) => c.label).join(", ");
@@ -5032,7 +5049,7 @@ const ms = B.object().shape({
     ] });
   }
 );
-Dn.displayName = "ElementContainer";
+In.displayName = "ElementContainer";
 function hs({
   element: i,
   validationData: e
@@ -5158,41 +5175,41 @@ function fs({
   element: i,
   validationData: e
 }) {
-  var A;
+  var y;
   const { register: o = () => ({}), setValue: s, watch: a } = e || {}, [l, d] = R(), [t, u] = R(!1), [r, c] = R(!1), [h, v] = R(""), g = a && a(i == null ? void 0 : i.id);
   O(() => {
     d(g);
   }, [g]);
-  const [y, f] = R("");
+  const [A, f] = R("");
   O(() => {
     o(i.id);
   }, [i.id, o]);
-  const { url: m, method: p, responseType: x } = i || {}, N = {
+  const { url: m, method: p, responseType: x } = i || {}, S = {
     headers: {
-      Authorization: `Bearer ${fi("token")}`
+      Authorization: `Bearer ${xi("token")}`
     }
-  }, S = Y(
-    async (C) => {
-      var K, Q, W, Z, M, E, P, L, G, q, w;
+  }, N = Y(
+    async (k) => {
+      var K, Q, W, q, M, E, P, L, G, Z, w;
       if (!(!m || !p)) {
         u(!0);
         try {
-          let I;
+          let D;
           if (p.toLowerCase() === "get") {
-            const U = `${m}?value=${C}`;
-            I = await Di.get(U, N);
+            const U = `${m}?value=${k}`;
+            D = await Ii.get(U, S);
           } else if (p.toLowerCase() === "post")
-            I = await Di.post(m, { value: C }, N);
+            D = await Ii.post(m, { value: k }, S);
           else
             throw new Error("Unsupported HTTP method");
-          I.status === 200 && ((((Q = (K = I == null ? void 0 : I.data) == null ? void 0 : K.data) == null ? void 0 : Q.status) || ((W = I == null ? void 0 : I.data) == null ? void 0 : W.status)) === !0 ? (c(!0), x === "string" ? v(
-            ((M = (Z = I == null ? void 0 : I.data) == null ? void 0 : Z.data) == null ? void 0 : M.description) || ((E = I == null ? void 0 : I.data) == null ? void 0 : E.description) || "Validation successful"
+          D.status === 200 && ((((Q = (K = D == null ? void 0 : D.data) == null ? void 0 : K.data) == null ? void 0 : Q.status) || ((W = D == null ? void 0 : D.data) == null ? void 0 : W.status)) === !0 ? (c(!0), x === "string" ? v(
+            ((M = (q = D == null ? void 0 : D.data) == null ? void 0 : q.data) == null ? void 0 : M.description) || ((E = D == null ? void 0 : D.data) == null ? void 0 : E.description) || "Validation successful"
           ) : f(
-            ((L = (P = I == null ? void 0 : I.data) == null ? void 0 : P.data) == null ? void 0 : L.description) || ((G = I == null ? void 0 : I.data) == null ? void 0 : G.description) || {}
-          )) : (console.error("Invalid input:", C), v("Unable to validate input"), c(!1)));
-        } catch (I) {
-          console.error("Error validating input:", I), v(
-            ((w = (q = I == null ? void 0 : I.response) == null ? void 0 : q.data) == null ? void 0 : w.message) || "Unable to validate input"
+            ((L = (P = D == null ? void 0 : D.data) == null ? void 0 : P.data) == null ? void 0 : L.description) || ((G = D == null ? void 0 : D.data) == null ? void 0 : G.description) || {}
+          )) : (console.error("Invalid input:", k), v("Unable to validate input"), c(!1)));
+        } catch (D) {
+          console.error("Error validating input:", D), v(
+            ((w = (Z = D == null ? void 0 : D.response) == null ? void 0 : Z.data) == null ? void 0 : w.message) || "Unable to validate input"
           ), c(!1);
         } finally {
           u(!1);
@@ -5203,12 +5220,12 @@ function fs({
   );
   return O(() => {
     if (l) {
-      const C = setTimeout(() => {
-        S(l);
+      const k = setTimeout(() => {
+        N(l);
       }, 700);
-      return () => clearTimeout(C);
+      return () => clearTimeout(k);
     }
-  }, [S, l]), /* @__PURE__ */ n.jsxs("div", { children: [
+  }, [N, l]), /* @__PURE__ */ n.jsxs("div", { children: [
     /* @__PURE__ */ n.jsxs("div", { className: "relative flex items-center", children: [
       /* @__PURE__ */ n.jsx(
         "input",
@@ -5217,8 +5234,8 @@ function fs({
           type: (i == null ? void 0 : i.inputType) || "text",
           className: J("field-control", i == null ? void 0 : i.customClass),
           ...o(i == null ? void 0 : i.id),
-          onChange: (C) => {
-            d(C.target.value), s(i == null ? void 0 : i.id, C.target.value);
+          onChange: (k) => {
+            d(k.target.value), s(i == null ? void 0 : i.id, k.target.value);
           },
           disabled: e == null ? void 0 : e.isReadOnly
         }
@@ -5267,13 +5284,13 @@ function fs({
         children: h
       }
     ),
-    x === "object" && /* @__PURE__ */ n.jsx("div", { className: "grid grid-cols-2 gap-6 mt-2 text-sm text-gray-600", children: (A = Object.entries(y)) == null ? void 0 : A.map(([C, K]) => /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-2", children: [
+    x === "object" && /* @__PURE__ */ n.jsx("div", { className: "grid grid-cols-2 gap-6 mt-2 text-sm text-gray-600", children: (y = Object.entries(A)) == null ? void 0 : y.map(([k, K]) => /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-2", children: [
       /* @__PURE__ */ n.jsxs("span", { className: "font-semibold", children: [
-        C,
+        k,
         ":"
       ] }),
       ps(K) ? /* @__PURE__ */ n.jsx(gs, { imageUrl: K }) : /* @__PURE__ */ n.jsx("span", { children: String(K) })
-    ] }, C)) })
+    ] }, k)) })
   ] });
 }
 function xs({
@@ -5295,7 +5312,7 @@ function xs({
   function t(r, c) {
     return parseFloat(r) * parseFloat(c) || 0;
   }
-  const u = ii(
+  const u = ni(
     () => a.reduce((r, c) => {
       const h = t(c.key, c.value);
       return r + h;
@@ -5411,7 +5428,7 @@ function ks({
   return /* @__PURE__ */ n.jsxs("tr", { children: [
     e.map((c) => {
       var x;
-      const h = i[c.field], v = c.editable && !o, g = r(c.field), { isValidating: y, result: f } = t(i.id, c.field);
+      const h = i[c.field], v = c.editable && !o, g = r(c.field), { isValidating: A, result: f } = t(i.id, c.field);
       let m = "border-gray-300";
       c.validate && ((f == null ? void 0 : f.isValid) === !1 ? m = "border-red-500 bg-red-50" : (f == null ? void 0 : f.isValid) === !0 && (m = "border-green-500 bg-green-50"));
       const p = `w-full px-2 py-1 border rounded outline-none ${m}`;
@@ -5439,26 +5456,26 @@ function ks({
                 autoFocus: !0
               }
             ) : c.type === "checkbox" ? /* @__PURE__ */ n.jsx("div", { className: "flex items-center gap-x-4", children: ["yes", "no"].map((j) => {
-              const N = j === "yes", S = `radio-${i.id}-${String(
+              const S = j === "yes", N = `radio-${i.id}-${String(
                 c.field
               )}-${j}`;
               return /* @__PURE__ */ n.jsxs(
                 "label",
                 {
-                  htmlFor: S,
+                  htmlFor: N,
                   className: "flex items-center gap-1 cursor-pointer",
                   children: [
                     /* @__PURE__ */ n.jsx(
                       "input",
                       {
-                        id: S,
+                        id: N,
                         type: "radio",
                         name: `boolean-${i.id}-${String(c.field)}`,
-                        checked: h === N,
-                        onChange: () => l(N, i.id, c.field)
+                        checked: h === S,
+                        onChange: () => l(S, i.id, c.field)
                       }
                     ),
-                    /* @__PURE__ */ n.jsx("span", { className: "text-sm", children: N ? "Yes" : "No" })
+                    /* @__PURE__ */ n.jsx("span", { className: "text-sm", children: S ? "Yes" : "No" })
                   ]
                 },
                 j
@@ -5476,7 +5493,7 @@ function ks({
                 autoFocus: !0
               }
             ),
-            y && /* @__PURE__ */ n.jsx("div", { className: "absolute right-1 top-1", children: /* @__PURE__ */ n.jsx("div", { className: "w-4 h-4 border-2 border-blue-500 rounded-full border-t-transparent animate-spin" }) })
+            A && /* @__PURE__ */ n.jsx("div", { className: "absolute right-1 top-1", children: /* @__PURE__ */ n.jsx("div", { className: "w-4 h-4 border-2 border-blue-500 rounded-full border-t-transparent animate-spin" }) })
           ] }) : c.validate && f ? /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ n.jsxs("span", { children: [
               String(h != null ? h : ""),
@@ -5515,7 +5532,7 @@ function Ms({
   isReadOnly: o = !1,
   columns: s
 }) {
-  const [a, l] = R(i), [d, t] = R(null), u = Ii(null), [r, c] = R(0);
+  const [a, l] = R(i), [d, t] = R(null), u = Di(null), [r, c] = R(0);
   O(() => {
     const f = document.getElementById("form");
     if (!f) return;
@@ -5549,11 +5566,11 @@ function Ms({
     },
     []
   ), v = Y(() => {
-    const f = xi(), m = s.reduce((p, x) => (p[x.field] = x.field === "id" ? f : "", p), {});
+    const f = yi(), m = s.reduce((p, x) => (p[x.field] = x.field === "id" ? f : "", p), {});
     l((p) => [...p, { id: f, ...m }]);
   }, [s]), g = Y((f) => {
     l((m) => m.filter((p) => p.id !== f));
-  }, []), y = Y(
+  }, []), A = Y(
     () => ({
       isValidating: !1,
       result: void 0
@@ -5604,7 +5621,7 @@ function Ms({
               handleCellChange: h,
               debouncedValidate: () => {
               },
-              getValidationStatus: y,
+              getValidationStatus: A,
               deleteRow: g
             },
             f.id
@@ -5665,31 +5682,31 @@ const ge = ({
   isFloatingLabel: h = !1,
   subText: v,
   labelClass: g = "",
-  loading: y,
+  loading: A,
   disabled: f
 }) => {
-  const [m, p] = R(c ? [] : null), x = J("custom-select__control", i), j = ii(() => e, [e]);
+  const [m, p] = R(c ? [] : null), x = J("custom-select__control", i), j = ni(() => e, [e]);
   return O(() => {
-    const N = e == null ? void 0 : e.find((S) => {
-      var A;
-      return typeof S.value == "string" && typeof u == "string" ? S.value.toLowerCase() === u.toLowerCase() : typeof S.value == "object" && typeof u == "object" ? ((A = S.value) == null ? void 0 : A.id) === (u == null ? void 0 : u.id) : S.value === u;
+    const S = e == null ? void 0 : e.find((N) => {
+      var y;
+      return typeof N.value == "string" && typeof u == "string" ? N.value.toLowerCase() === u.toLowerCase() : typeof N.value == "object" && typeof u == "object" ? ((y = N.value) == null ? void 0 : y.id) === (u == null ? void 0 : u.id) : N.value === u;
     });
-    p(N || null);
+    p(S || null);
   }, [u, e]), O(() => {
     m && l && a && (l(d, m == null ? void 0 : m.value), a(d), r == null || r(d));
   }, [d, m]), /* @__PURE__ */ n.jsxs("div", { className: "custom-select", children: [
     t && !h && /* @__PURE__ */ n.jsx("label", { className: "custom-select__label", children: t }),
     h && t && /* @__PURE__ */ n.jsx("label", { className: J("custom-select__floating-label", g), children: t }),
     /* @__PURE__ */ n.jsx(
-      oi,
+      ai,
       {
         value: m,
         onChange: p,
         multiple: c,
         disabled: f,
         children: /* @__PURE__ */ n.jsxs("div", { className: "custom-select__wrapper", children: [
-          /* @__PURE__ */ n.jsxs(oi.Button, { className: x, disabled: f, children: [
-            y ? /* @__PURE__ */ n.jsx("span", { className: "custom-select__loading", children: "Fetching data..." }) : /* @__PURE__ */ n.jsx("span", { className: "custom-select__value", children: (m == null ? void 0 : m.label) || /* @__PURE__ */ n.jsx("span", { className: "custom-select__placeholder", children: o }) }),
+          /* @__PURE__ */ n.jsxs(ai.Button, { className: x, disabled: f, children: [
+            A ? /* @__PURE__ */ n.jsx("span", { className: "custom-select__loading", children: "Fetching data..." }) : /* @__PURE__ */ n.jsx("span", { className: "custom-select__value", children: (m == null ? void 0 : m.label) || /* @__PURE__ */ n.jsx("span", { className: "custom-select__placeholder", children: o }) }),
             /* @__PURE__ */ n.jsx("span", { className: "custom-select__icon", children: /* @__PURE__ */ n.jsx(z, { icon: "lucide:chevron-down" }) })
           ] }),
           /* @__PURE__ */ n.jsx(
@@ -5697,26 +5714,26 @@ const ge = ({
             {
               as: ri.Fragment,
               leave: "custom-select__transition",
-              children: /* @__PURE__ */ n.jsx(oi.Options, { className: "custom-select__options", anchor: "bottom", children: j == null ? void 0 : j.map((N, S) => /* @__PURE__ */ n.jsx(
-                oi.Option,
+              children: /* @__PURE__ */ n.jsx(ai.Options, { className: "custom-select__options", anchor: "bottom", children: j == null ? void 0 : j.map((S, N) => /* @__PURE__ */ n.jsx(
+                ai.Option,
                 {
-                  value: N,
-                  className: ({ active: A }) => J(
+                  value: S,
+                  className: ({ active: y }) => J(
                     "custom-select__option",
-                    A && "custom-select__option--active"
+                    y && "custom-select__option--active"
                   ),
-                  children: ({ selected: A }) => /* @__PURE__ */ n.jsx(
+                  children: ({ selected: y }) => /* @__PURE__ */ n.jsx(
                     "span",
                     {
                       className: J(
                         "custom-select__option-label",
-                        A && "custom-select__option--selected"
+                        y && "custom-select__option--selected"
                       ),
-                      children: N.label
+                      children: S.label
                     }
                   )
                 },
-                S
+                N
               )) })
             }
           )
@@ -5752,7 +5769,7 @@ const ge = ({
       }
     }
   }, [l, t]);
-  const y = ii(
+  const A = ni(
     () => {
       var m;
       return (m = i.options1) == null ? void 0 : m.filter((p) => p.key === u);
@@ -5777,7 +5794,7 @@ const ge = ({
         ge,
         {
           setValue: (m, p) => g("second", p),
-          options: y,
+          options: A,
           name: `${t}`,
           register: o,
           value: c
@@ -5802,7 +5819,7 @@ const ge = ({
     setValue: c,
     watch: h,
     isReadOnly: v
-  } = t || {}, g = (p = h == null ? void 0 : h(d.id)) != null ? p : 0, [y, f] = R(null);
+  } = t || {}, g = (p = h == null ? void 0 : h(d.id)) != null ? p : 0, [A, f] = R(null);
   O(() => {
     g == null && (c == null || c(d.id, i));
   }, []);
@@ -5815,12 +5832,12 @@ const ge = ({
   return /* @__PURE__ */ n.jsxs("div", { className: `flex gap-1 ${l}`, children: [
     /* @__PURE__ */ n.jsx("input", { type: "hidden", ...u(d.id) }),
     Array.from({ length: e }, (x, j) => {
-      const N = y !== null ? j <= y : j < g;
+      const S = A !== null ? j <= A : j < g;
       return /* @__PURE__ */ n.jsx(
         Oe,
         {
-          icon: N ? "mdi:star" : "mdi:star-outline",
-          className: `cursor-pointer transition-colors ${N ? "text-yellow-400" : "text-gray-300"}`,
+          icon: S ? "mdi:star" : "mdi:star-outline",
+          className: `cursor-pointer transition-colors ${S ? "text-yellow-400" : "text-gray-300"}`,
           width: a,
           height: a,
           onMouseEnter: () => !(o || v) && f(j),
@@ -5842,23 +5859,23 @@ function fe({
     trigger: a,
     isReadOnly: l,
     watch: d
-  } = e || {}, t = (d == null ? void 0 : d(i.id)) || "", { country: u, state: r } = ii(() => {
-    var y;
+  } = e || {}, t = (d == null ? void 0 : d(i.id)) || "", { country: u, state: r } = ni(() => {
+    var A;
     if (typeof t == "string" && t.includes(",")) {
-      const [f, m] = (y = t.split(",")) == null ? void 0 : y.map((p) => p.trim());
+      const [f, m] = (A = t.split(",")) == null ? void 0 : A.map((p) => p.trim());
       return { country: m, state: f };
     }
     return { country: t, state: "" };
-  }, [t]), c = Ii(t), h = ii(() => {
-    var y, f;
-    return u ? ((f = (y = Xi.find((m) => m.name === u)) == null ? void 0 : y.states) == null ? void 0 : f.map((m) => ({
+  }, [t]), c = Di(t), h = ni(() => {
+    var A, f;
+    return u ? ((f = (A = Xi.find((m) => m.name === u)) == null ? void 0 : A.states) == null ? void 0 : f.map((m) => ({
       label: m.name,
       value: m.name
     }))) || [] : [];
-  }, [u]), v = (y, f) => {
+  }, [u]), v = (A, f) => {
     const p = (f == null ? void 0 : f.value) || "";
     s && p !== c.current && (s(i.id, p), a == null || a(i.id), c.current = p);
-  }, g = (y, f) => {
+  }, g = (A, f) => {
     const m = (f == null ? void 0 : f.value) || "", p = m ? `${m}, ${u}` : u;
     s && p !== c.current && (s(i.id, p), a == null || a(i.id), c.current = p);
   };
@@ -5897,19 +5914,19 @@ function Ls({
   element: i,
   validationData: e
 }) {
-  const { register: o = () => ({}), isReadOnly: s } = e || {}, { validationUrl: a, documentObj: l, signatureLink: d } = i, t = ii(() => fi("config"), []), [u, r] = R(!1), [c, h] = R(!1), v = Y(async () => {
-    var g, y;
+  const { register: o = () => ({}), isReadOnly: s } = e || {}, { validationUrl: a, documentObj: l, signatureLink: d } = i, t = ni(() => xi("config"), []), [u, r] = R(!1), [c, h] = R(!1), v = Y(async () => {
+    var g, A;
     if (!(!a || !l))
       try {
         h(!0);
         const m = {
           headers: {
-            Authorization: `Bearer ${fi("token")}`
+            Authorization: `Bearer ${xi("token")}`
           }
-        }, { data: p } = await Di.get(
+        }, { data: p } = await Ii.get(
           `${a}/${l}`,
           m
-        ), x = !!((y = (g = p == null ? void 0 : p.data) == null ? void 0 : g.isSigned) != null ? y : p != null && p.isSigned);
+        ), x = !!((A = (g = p == null ? void 0 : p.data) == null ? void 0 : g.isSigned) != null ? A : p != null && p.isSigned);
         return r(x), x;
       } catch (f) {
         console.error("Failed to check sign status", f);
@@ -6223,17 +6240,17 @@ function Ps({
   description: h,
   validate: v,
   onChange: g,
-  onError: y
+  onError: A
 }) {
-  const [f, m] = R(""), [p, x] = R(null), [j, N] = R(""), S = ii(
+  const [f, m] = R(""), [p, x] = R(null), [j, S] = R(""), N = ni(
     () => {
       var M;
       return (M = fn == null ? void 0 : fn.slice().sort((E, P) => E.label.localeCompare(P.label))) == null ? void 0 : M.map((E) => ({ ...E, phone: `+${E.phone}` }));
     },
     []
-  ), A = ii(() => f ? S.filter(
+  ), y = ni(() => f ? N.filter(
     (M) => `${M.label} ${M.phone}`.toLowerCase().includes(f.toLowerCase())
-  ) : S, [f, S]), C = (p == null ? void 0 : p.min) || 10, K = (p == null ? void 0 : p.max) || 10, Q = () => j ? `${(p == null ? void 0 : p.phone) || "+234"}-${j}` : "", W = (M) => {
+  ) : N, [f, N]), k = (p == null ? void 0 : p.min) || 10, K = (p == null ? void 0 : p.max) || 10, Q = () => j ? `${(p == null ? void 0 : p.phone) || "+234"}-${j}` : "", W = (M) => {
     if (!M) return { code: "+234", number: "" };
     const E = M.split(/[-\s]/);
     return { code: E[0], number: E.slice(1).join(" ") };
@@ -6242,21 +6259,21 @@ function Ps({
     if (d) {
       const M = W(d);
       x(
-        S.find((E) => E.phone === M.code) || S[0]
-      ), N(M.number);
+        N.find((E) => E.phone === M.code) || N[0]
+      ), S(M.number);
     }
-  }, [d, S]);
-  const Z = ii(() => {
+  }, [d, N]);
+  const q = ni(() => {
     if (t) return t;
     const M = j.length;
-    return s && M === 0 ? "Phone number is required" : M > 0 && !/^\d+$/.test(j) ? "Phone number must contain only digits" : M > 0 && M < C ? `Minimum length is ${C}` : M > K ? `Maximum length is ${K}` : "";
-  }, [t, j, C, K, s]);
+    return s && M === 0 ? "Phone number is required" : M > 0 && !/^\d+$/.test(j) ? "Phone number must contain only digits" : M > 0 && M < k ? `Minimum length is ${k}` : M > K ? `Maximum length is ${K}` : "";
+  }, [t, j, k, K, s]);
   return O(() => {
-    g == null || g(Q()), y == null || y(Z || null);
-  }, [j, p, Z]), /* @__PURE__ */ n.jsxs(
+    g == null || g(Q()), A == null || A(q || null);
+  }, [j, p, q]), /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: `relative formGroup ${Z && !r ? "has-error" : ""} ${c ? "flex" : ""} ${!Z && j.length > 0 && !r ? "is-valid" : ""}`,
+      className: `relative formGroup ${q && !r ? "has-error" : ""} ${c ? "flex" : ""} ${!q && j.length > 0 && !r ? "is-valid" : ""}`,
       children: [
         i && /* @__PURE__ */ n.jsxs(
           "label",
@@ -6284,7 +6301,7 @@ function Ps({
               }
             ),
             /* @__PURE__ */ n.jsx(Pi.Button, { className: "absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ n.jsx(z, { icon: "lucide:chevron-down" }) }),
-            /* @__PURE__ */ n.jsx(Pi.Options, { className: "absolute z-10 w-[250px] left-0 bg-white border rounded-md shadow-lg max-h-[400px] overflow-y-auto", children: A == null ? void 0 : A.map((M, E) => /* @__PURE__ */ n.jsxs(
+            /* @__PURE__ */ n.jsx(Pi.Options, { className: "absolute z-10 w-[250px] left-0 bg-white border rounded-md shadow-lg max-h-[400px] overflow-y-auto", children: y == null ? void 0 : y.map((M, E) => /* @__PURE__ */ n.jsxs(
               Pi.Option,
               {
                 value: M,
@@ -6309,15 +6326,15 @@ function Ps({
                 readOnly: r,
                 onChange: (M) => {
                   const E = M.target.value.replace(/\D/g, "");
-                  N(E);
+                  S(E);
                 },
                 placeholder: e,
                 className: "w-full px-3 outline-none",
                 maxLength: K,
-                minLength: C
+                minLength: k
               }
             ),
-            /* @__PURE__ */ n.jsx("div", { className: "absolute flex text-xl -translate-y-1/2 top-1/2 right-4", children: !Z && j.length > 0 && !r && /* @__PURE__ */ n.jsx("span", { className: "text-green-500", children: /* @__PURE__ */ n.jsx(z, { icon: "bi:check-lg" }) }) })
+            /* @__PURE__ */ n.jsx("div", { className: "absolute flex text-xl -translate-y-1/2 top-1/2 right-4", children: !q && j.length > 0 && !r && /* @__PURE__ */ n.jsx("span", { className: "text-green-500", children: /* @__PURE__ */ n.jsx(z, { icon: "bi:check-lg" }) }) })
           ] })
         ] }),
         h && /* @__PURE__ */ n.jsx("span", { className: "block text-[#475467] font-light leading-4 text-xs mt-2", children: h })
@@ -6416,11 +6433,11 @@ const He = {
   numberField: bn,
   amountField: hs,
   date: To,
-  password: Da,
+  password: Ia,
   checkbox: Ga,
   radio: Oa,
   email: bn,
-  file: Ia,
+  file: Da,
   dataGrid: Ts,
   section: Ka,
   validateInput: fs,
@@ -6436,9 +6453,9 @@ const He = {
   bank: fe,
   document: Ls,
   url: Rs
-}, xe = "edit", Is = (i, e) => {
+}, xe = "edit", Ds = (i, e) => {
   const o = He[i.type];
-  return o ? /* @__PURE__ */ n.jsx(Dn, { element: i, state: xe, children: /* @__PURE__ */ n.jsxs("div", { className: "relative w-full", children: [
+  return o ? /* @__PURE__ */ n.jsx(In, { element: i, state: xe, children: /* @__PURE__ */ n.jsxs("div", { className: "relative w-full", children: [
     i.type.toLowerCase() !== "grid" && /* @__PURE__ */ n.jsx("div", { className: "absolute top-0 left-0 z-20 w-full h-full" }),
     /* @__PURE__ */ n.jsx(
       o,
@@ -6456,7 +6473,7 @@ const He = {
     style: { gridColumn: i },
     children: e
   }
-), Ds = ({
+), Is = ({
   element: i,
   sectionId: e,
   children: o,
@@ -6471,64 +6488,64 @@ const He = {
     moveElement: r,
     isDragging: c,
     removeElement: h
-  } = Ni(pi), v = ii(
+  } = ji(gi), v = ni(
     () => Array.from({ length: i.columns }),
     [i.columns]
-  ), [g, y] = R(null);
+  ), [g, A] = R(null);
   O(() => {
-    const N = () => {
-      y(null), u(!1);
+    const S = () => {
+      A(null), u(!1);
     };
-    return document.addEventListener("dragend", N), () => document.removeEventListener("dragend", N);
+    return document.addEventListener("dragend", S), () => document.removeEventListener("dragend", S);
   }, [u]);
   const f = Y(
-    (N, S) => {
-      N.preventDefault(), N.stopPropagation(), N.dataTransfer.dropEffect = "move", y(S);
+    (S, N) => {
+      S.preventDefault(), S.stopPropagation(), S.dataTransfer.dropEffect = "move", A(N);
     },
     []
   ), m = Y(
-    (N, S) => {
-      N.preventDefault(), N.stopPropagation(), y(S);
+    (S, N) => {
+      S.preventDefault(), S.stopPropagation(), A(N);
     },
     []
   ), p = Y(
-    (N, S) => {
-      const A = N.relatedTarget;
-      A && N.currentTarget.contains(A) || y((C) => C === S ? null : C);
+    (S, N) => {
+      const y = S.relatedTarget;
+      y && S.currentTarget.contains(y) || A((k) => k === N ? null : k);
     },
     []
   ), x = Y(
-    (N, S) => {
+    (S, N) => {
       var K;
-      N.preventDefault(), N.stopPropagation(), u(!1), y(null);
-      const A = S + 1, C = N.dataTransfer.getData("elementId");
-      if (C) {
+      S.preventDefault(), S.stopPropagation(), u(!1), A(null);
+      const y = N + 1, k = S.dataTransfer.getData("elementId");
+      if (k) {
         r({
-          draggedId: C,
+          draggedId: k,
           sectionId: e,
           targetGridId: i.id,
-          targetCol: A
+          targetCol: y
         });
         return;
       }
       try {
-        const Q = N.dataTransfer.getData("properties");
+        const Q = S.dataTransfer.getData("properties");
         if (!Q) return;
         const W = JSON.parse(Q);
         if ((W == null ? void 0 : W.type) === "grid") return;
-        const Z = d.find((P) => P.id === e), M = (K = Z == null ? void 0 : Z.questionData) == null ? void 0 : K.find(
+        const q = d.find((P) => P.id === e), M = (K = q == null ? void 0 : q.questionData) == null ? void 0 : K.find(
           (P) => {
             var L;
-            return P.gridId === i.id && ((L = P.gridPosition) == null ? void 0 : L.col) === A;
+            return P.gridId === i.id && ((L = P.gridPosition) == null ? void 0 : L.col) === y;
           }
         );
         M && h(M.id, e);
         const E = {
           ...W,
-          id: xi(),
+          id: yi(),
           sectionId: e,
           gridId: i.id,
-          gridPosition: { col: A }
+          gridPosition: { col: y }
         };
         t(E, e);
       } catch (Q) {
@@ -6536,67 +6553,67 @@ const He = {
       }
     },
     [t, i.id, d, e, u, r]
-  ), j = (N, S, A) => {
-    var L, G, q;
-    const C = N + 1, K = (G = (L = d.find((w) => w.id === e)) == null ? void 0 : L.questionData) == null ? void 0 : G.find(
+  ), j = (S, N, y) => {
+    var L, G, Z;
+    const k = S + 1, K = (G = (L = d.find((w) => w.id === e)) == null ? void 0 : L.questionData) == null ? void 0 : G.find(
       (w) => {
-        var I;
-        return w.gridId === i.id && ((I = w.gridPosition) == null ? void 0 : I.col) === C;
+        var D;
+        return w.gridId === i.id && ((D = w.gridPosition) == null ? void 0 : D.col) === k;
       }
-    ), Q = (q = K == null ? void 0 : K.id) != null ? q : null, W = Array.isArray(o) && o.find((w) => {
-      var I;
-      return ((I = w == null ? void 0 : w.props) == null ? void 0 : I.col) === C;
-    }), Z = c && g === N, M = !!W, E = c && !!l, P = M && Q && A === "edit" ? {
+    ), Q = (Z = K == null ? void 0 : K.id) != null ? Z : null, W = Array.isArray(o) && o.find((w) => {
+      var D;
+      return ((D = w == null ? void 0 : w.props) == null ? void 0 : D.col) === k;
+    }), q = c && g === S, M = !!W, E = c && !!l, P = M && Q && y === "edit" ? {
       draggable: !0,
       onDragStart: (w) => {
         w.stopPropagation(), w.dataTransfer.setData("elementId", Q), w.dataTransfer.setData("properties", Q), w.dataTransfer.effectAllowed = "move", u(!0);
       },
       onDragEnd: () => {
-        y(null), u(!1);
+        A(null), u(!1);
       }
     } : {};
     return /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsxs(
       "div",
       {
-        id: `grid-cell-${i.id}-${N}`,
+        id: `grid-cell-${i.id}-${S}`,
         ...P,
-        onDrop: (w) => x(w, N),
-        onDragEnter: (w) => m(w, N),
-        onDragOver: (w) => f(w, N),
-        onDragLeave: (w) => p(w, N),
+        onDrop: (w) => x(w, S),
+        onDragEnter: (w) => m(w, S),
+        onDragOver: (w) => f(w, S),
+        onDragLeave: (w) => p(w, S),
         className: J(
           "relative border  rounded-lg min-h-[110px]",
           "flex items-center justify-center",
           "transition-all duration-200 ease-in-out",
-          A === "edit" ? "py-3 " : "",
-          M && A === "edit" && "cursor-grab active:cursor-grabbing border-none",
-          S,
-          !E && !Z && "bg-white border-gray-200 text-gray-300",
-          E && !Z && !M && "bg-blue-50 border-blue-200 border-dashed text-blue-300",
-          E && !Z && M && "bg-white border-orange-200 border-dashed",
-          Z && !M && "bg-blue-100 border-blue-400 border-dashed shadow-inner scale-[1.01] text-blue-500",
-          Z && M && "bg-orange-50 border-orange-400 border-dashed shadow-inner scale-[1.01] text-orange-500"
+          y === "edit" ? "py-3 " : "",
+          M && y === "edit" && "cursor-grab active:cursor-grabbing border-none",
+          N,
+          !E && !q && "bg-white border-gray-200 text-gray-300",
+          E && !q && !M && "bg-blue-50 border-blue-200 border-dashed text-blue-300",
+          E && !q && M && "bg-white border-orange-200 border-dashed",
+          q && !M && "bg-blue-100 border-blue-400 border-dashed shadow-inner scale-[1.01] text-blue-500",
+          q && M && "bg-orange-50 border-orange-400 border-dashed shadow-inner scale-[1.01] text-orange-500"
         ),
         children: [
-          M && A === "edit" && /* @__PURE__ */ n.jsx("div", { className: "absolute top-1 left-1/2 -translate-x-1/2 flex items-center gap-0.5 px-2 py-0.5 rounded-full bg-gray-100 hover:bg-blue-100 text-gray-400 hover:text-blue-500 cursor-grab active:cursor-grabbing transition-colors z-10 opacity-60 hover:opacity-100 pointer-events-none select-none", children: /* @__PURE__ */ n.jsx(z, { icon: "ph:dots-six-bold" }) }),
-          Z && !M && /* @__PURE__ */ n.jsxs("span", { className: "absolute inset-0 flex flex-col items-center justify-center gap-1 text-blue-400 text-xs font-medium pointer-events-none", children: [
+          M && y === "edit" && /* @__PURE__ */ n.jsx("div", { className: "absolute top-1 left-1/2 -translate-x-1/2 flex items-center gap-0.5 px-2 py-0.5 rounded-full bg-gray-100 hover:bg-blue-100 text-gray-400 hover:text-blue-500 cursor-grab active:cursor-grabbing transition-colors z-10 opacity-60 hover:opacity-100 pointer-events-none select-none", children: /* @__PURE__ */ n.jsx(z, { icon: "ph:dots-six-bold" }) }),
+          q && !M && /* @__PURE__ */ n.jsxs("span", { className: "absolute inset-0 flex flex-col items-center justify-center gap-1 text-blue-400 text-xs font-medium pointer-events-none", children: [
             /* @__PURE__ */ n.jsx(z, { icon: "ph:plus-bold" }),
             "Drop here"
           ] }),
-          Z && M && /* @__PURE__ */ n.jsx("span", { className: "absolute top-1 right-1 text-xs text-orange-400 font-medium pointer-events-none px-1 py-0.5 bg-orange-50 rounded", children: "Replace" }),
+          q && M && /* @__PURE__ */ n.jsx("span", { className: "absolute top-1 right-1 text-xs text-orange-400 font-medium pointer-events-none px-1 py-0.5 bg-orange-50 rounded", children: "Replace" }),
           /* @__PURE__ */ n.jsx(
             "div",
             {
               className: J(
                 "w-full select-none",
-                Z && "opacity-50 pointer-events-none"
+                q && "opacity-50 pointer-events-none"
               ),
-              children: W || /* @__PURE__ */ n.jsx("span", { className: "flex items-center justify-center text-gray-300", children: A === "edit" && /* @__PURE__ */ n.jsx(z, { icon: "ph:plus-bold" }) })
+              children: W || /* @__PURE__ */ n.jsx("span", { className: "flex items-center justify-center text-gray-300", children: y === "edit" && /* @__PURE__ */ n.jsx(z, { icon: "ph:plus-bold" }) })
             }
           )
         ]
       }
-    ) }, N);
+    ) }, S);
   };
   return /* @__PURE__ */ n.jsx("div", { className: "relative w-full", children: /* @__PURE__ */ n.jsx(
     "div",
@@ -6606,11 +6623,11 @@ const He = {
         gridTemplateColumns: `repeat(${i.columns}, 1fr)`
       },
       children: v == null ? void 0 : v.map(
-        (N, S) => j(S, s, a)
+        (S, N) => j(N, s, a)
       )
     }
   ) });
-}, Kn = ri.memo(Ds), Os = "edit";
+}, Kn = ri.memo(Is), Os = "edit";
 function xn({
   index: i,
   onDrop: e,
@@ -6654,7 +6671,7 @@ function Ks({ elementData: i, sectionId: e }) {
     setIsDragging: a,
     addElementInPosition: l,
     moveElement: d
-  } = Ni(pi), [t, u] = R(null), r = ii(
+  } = ji(gi), [t, u] = R(null), r = ni(
     () => {
       var p;
       return ((p = o.find((x) => x.id === e)) == null ? void 0 : p.questionData) || [];
@@ -6679,10 +6696,10 @@ function Ks({ elementData: i, sectionId: e }) {
         h();
         return;
       }
-      const N = r.find((A) => A.id === x), S = r.findIndex(
-        (A) => A.id === j
+      const S = r.find((y) => y.id === x), N = r.findIndex(
+        (y) => y.id === j
       );
-      N != null && N.gridId && S !== -1 ? d({ draggedId: x, sectionId: e, targetIndex: S }) : d({ draggedId: x, sectionId: e, targetId: j }), u(null), a(!1);
+      S != null && S.gridId && N !== -1 ? d({ draggedId: x, sectionId: e, targetIndex: N }) : d({ draggedId: x, sectionId: e, targetId: j }), u(null), a(!1);
     },
     [e, d, a, h, r]
   ), g = Y(
@@ -6694,16 +6711,16 @@ function Ks({ elementData: i, sectionId: e }) {
         return;
       }
       try {
-        const N = JSON.parse(p.dataTransfer.getData("properties"));
-        if ((N == null ? void 0 : N.type) === "section") return;
-        const S = { ...N, id: xi(), sectionId: e };
-        l(S, e, x), u(null);
-      } catch (N) {
-        console.error("Drop error:", N);
+        const S = JSON.parse(p.dataTransfer.getData("properties"));
+        if ((S == null ? void 0 : S.type) === "section") return;
+        const N = { ...S, id: yi(), sectionId: e };
+        l(N, e, x), u(null);
+      } catch (S) {
+        console.error("Drop error:", S);
       }
     },
     [l, e, a, d]
-  ), y = Y(
+  ), A = Y(
     (p, x = !1) => /* @__PURE__ */ n.jsx(
       "div",
       {
@@ -6720,12 +6737,12 @@ function Ks({ elementData: i, sectionId: e }) {
           "transition-all duration-200 ease-in-out",
           t === p.id ? "opacity-40 scale-[0.98] bg-gray-100 border-dashed border-blue-300 shadow-inner" : t ? "bg-white border-dashed border-blue-200 shadow-sm" : "bg-white border-gray-200 shadow-sm hover:border-blue-300 hover:shadow-md"
         ),
-        children: Is(p, e)
+        children: Ds(p, e)
       },
       p.id
     ),
     [t, v, e, c, h]
-  ), f = ii(() => (i == null ? void 0 : i.reduce((p, x) => (x.gridId && (p[x.gridId] = p[x.gridId] || [], p[x.gridId].push(x)), p), {})) || {}, [i]);
+  ), f = ni(() => (i == null ? void 0 : i.reduce((p, x) => (x.gridId && (p[x.gridId] = p[x.gridId] || [], p[x.gridId].push(x)), p), {})) || {}, [i]);
   if (!(i != null && i.length))
     return /* @__PURE__ */ n.jsx(
       "div",
@@ -6751,25 +6768,25 @@ function Ks({ elementData: i, sectionId: e }) {
     m.map((p) => {
       const x = r.findIndex((j) => j.id === p.id);
       if (p.type === "grid") {
-        const j = f[p.id] || [], N = t === p.id, S = !!t && !N;
+        const j = f[p.id] || [], S = t === p.id, N = !!t && !S;
         return /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-0", children: [
           /* @__PURE__ */ n.jsx(
             "div",
             {
               id: p.id,
               draggable: !0,
-              onDragStart: (A) => c(A, p.id),
-              onDragOver: (A) => {
-                A.preventDefault(), A.stopPropagation();
+              onDragStart: (y) => c(y, p.id),
+              onDragOver: (y) => {
+                y.preventDefault(), y.stopPropagation();
               },
               onDrop: v,
               onDragEnd: h,
               className: J(
                 "w-full p-4 border rounded-lg cursor-grab active:cursor-grabbing",
                 "transition-all duration-200 ease-in-out",
-                N ? "opacity-40 scale-[0.98] bg-gray-100 border-dashed border-blue-400 shadow-inner" : S ? "bg-white border-dashed border-blue-200" : "bg-white border-gray-200 shadow-sm hover:border-blue-300 hover:shadow-md"
+                S ? "opacity-40 scale-[0.98] bg-gray-100 border-dashed border-blue-400 shadow-inner" : N ? "bg-white border-dashed border-blue-200" : "bg-white border-gray-200 shadow-sm hover:border-blue-300 hover:shadow-md"
               ),
-              children: /* @__PURE__ */ n.jsx(Dn, { element: p, state: "edit", children: /* @__PURE__ */ n.jsx(
+              children: /* @__PURE__ */ n.jsx(In, { element: p, state: "edit", children: /* @__PURE__ */ n.jsx(
                 Kn,
                 {
                   element: p,
@@ -6777,9 +6794,9 @@ function Ks({ elementData: i, sectionId: e }) {
                   state: Os,
                   draggedElementId: t,
                   children: j == null ? void 0 : j.map(
-                    (A) => {
-                      var C;
-                      return /* @__PURE__ */ n.jsx(On, { col: (C = A.gridPosition) == null ? void 0 : C.col, children: y(A, !0) }, A.id);
+                    (y) => {
+                      var k;
+                      return /* @__PURE__ */ n.jsx(On, { col: (k = y.gridPosition) == null ? void 0 : k.col, children: A(y, !0) }, y.id);
                     }
                   )
                 }
@@ -6798,7 +6815,7 @@ function Ks({ elementData: i, sectionId: e }) {
         ] }, p.id);
       }
       return /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-0", children: [
-        y(p),
+        A(p),
         /* @__PURE__ */ n.jsx(
           xn,
           {
@@ -6814,24 +6831,26 @@ function Ks({ elementData: i, sectionId: e }) {
 }
 const Gs = an(Ks), Hs = B.object({
   title: B.string(),
-  description: B.string()
-}).required(), yn = fi("config"), Vs = ({ isOpen: i, onClose: e, section: o }) => {
-  const { updateSection: s } = ri.useContext(pi), {
+  description: B.string(),
+  disabled: B.boolean().default(!1),
+  isHidden: B.boolean().default(!1)
+}).required(), yn = xi("config"), Vs = ({ isOpen: i, onClose: e, section: o }) => {
+  const { updateSection: s } = ri.useContext(gi), {
     register: a,
     handleSubmit: l,
     watch: d,
     formState: { errors: t, isSubmitting: u, isValid: r },
     reset: c
   } = En({
-    resolver: In(Hs),
+    resolver: Dn(Hs),
     defaultValues: o
   });
   if (ri.useEffect(() => {
     i || c();
   }, [i, c]), !i) return null;
-  const h = (v) => {
-    s(v, o.id), e();
-  };
+  const h = (g) => {
+    s(g, o.id), e();
+  }, v = d();
   return /* @__PURE__ */ n.jsx("div", { className: "fixed inset-0 bg-black/30 flex items-center justify-center z-[999] cursor-default no-drag select-none", children: /* @__PURE__ */ n.jsxs("div", { className: "min-w-[600px] bg-white rounded-xl shadow-xl relative flex flex-col items-center", children: [
     /* @__PURE__ */ n.jsxs("div", { className: "w-full px-6 pt-6 pb-5 flex flex-col items-start gap-4 z-10 mb-6", children: [
       /* @__PURE__ */ n.jsx("h2", { className: "text-lg font-semibold text-[#475467] font-onest", children: "Update Section Information" }),
@@ -6863,7 +6882,34 @@ const Gs = an(Ks), Hs = B.object({
             name: "description",
             register: a,
             errors: t,
-            watch: d
+            watch: d,
+            type: "textarea"
+          }
+        ),
+        /* @__PURE__ */ n.jsx(
+          F,
+          {
+            label: "Disable Section",
+            name: "disabled",
+            register: a,
+            errors: t,
+            watch: d,
+            type: "checkbox",
+            value: v.disabled,
+            description: "Disables all fields in this section"
+          }
+        ),
+        /* @__PURE__ */ n.jsx(
+          F,
+          {
+            label: "Hide Section",
+            name: "isHidden",
+            register: a,
+            errors: t,
+            watch: d,
+            type: "checkbox",
+            value: v.isHidden,
+            description: "Hides this section from the form"
           }
         )
       ] }),
@@ -6891,7 +6937,7 @@ const Gs = an(Ks), Hs = B.object({
     ] })
   ] }) });
 }, Fs = () => {
-  const [i, e] = R(!1), o = Ii(null), s = Ii(null), {
+  const [i, e] = R(!1), o = Di(null), s = Di(null), {
     removeSection: a,
     // addElement,
     addSection: l,
@@ -6901,7 +6947,7 @@ const Gs = an(Ks), Hs = B.object({
     selectedSection: r,
     activeSections: c,
     setActiveSections: h
-  } = Ni(pi);
+  } = ji(gi);
   O(() => {
     var m;
     u(((m = d[0]) == null ? void 0 : m.id) || null);
@@ -6914,10 +6960,10 @@ const Gs = an(Ks), Hs = B.object({
       (p) => p.filter((x) => x !== m)
     ) : h((p) => [...p, m]);
   }
-  function y(m) {
+  function A(m) {
     o.current = m, e(!0);
   }
-  const f = fi("config");
+  const f = xi("config");
   return /* @__PURE__ */ n.jsxs(
     "div",
     {
@@ -6959,7 +7005,7 @@ const Gs = an(Ks), Hs = B.object({
                             {
                               type: "button",
                               className: "p-1 text-xs border rounded-lg",
-                              onClick: () => y(m),
+                              onClick: () => A(m),
                               children: /* @__PURE__ */ n.jsx(z, { icon: "fluent:edit-28-regular" })
                             }
                           ),
@@ -7039,7 +7085,7 @@ function Ws({
   questionData: i,
   uploadUrl: e
 }) {
-  const { setFormData: o, addSection: s, setUploadUrl: a } = Ni(pi);
+  const { setFormData: o, addSection: s, setUploadUrl: a } = ji(gi);
   O(() => {
     i && i.length > 0 && o(i);
   }, [i, o]), O(() => {
@@ -7075,36 +7121,36 @@ const An = [
   { key: "layoutAndDisplay", title: "Layout & Display" },
   { key: "advancedData", title: "Advanced / Data" }
 ], Us = () => {
-  const [i, e] = R(""), { setIsDragging: o, addElement: s, selectedSection: a } = Ni(pi), l = Y(
-    (g, y) => {
+  const [i, e] = R(""), { setIsDragging: o, addElement: s, selectedSection: a } = ji(gi), l = Y(
+    (g, A) => {
       if (!a) {
-        Si.error("Please select a section to add an element.");
+        Ni.error("Please select a section to add an element.");
         return;
       }
-      g.dataTransfer.setData("properties", JSON.stringify(y)), g.dataTransfer.effectAllowed = "move", o(!0);
+      g.dataTransfer.setData("properties", JSON.stringify(A)), g.dataTransfer.effectAllowed = "move", o(!0);
     },
     [o, a]
   );
   function d(g) {
     if (!a) {
-      Si.error("Please select a section to add an element.");
+      Ni.error("Please select a section to add an element.");
       return;
     }
-    const y = {
+    const A = {
       ...g,
-      id: xi(),
+      id: yi(),
       sectionId: a
     };
-    s(y, a);
+    s(A, a);
   }
-  const t = fi("config") || {}, u = t.elementColor, r = t.elementBgColor, c = t.elementBorderColor, h = _a.filter(
+  const t = xi("config") || {}, u = t.elementColor, r = t.elementBgColor, c = t.elementBorderColor, h = _a.filter(
     (g) => g.label.toLowerCase().includes(i.toLowerCase())
   ), v = An == null ? void 0 : An.map((g) => ({
     title: g.title,
     elements: h.filter(
-      (y) => {
+      (A) => {
         var f;
-        return (f = Ja[g.key]) == null ? void 0 : f.includes(y.type);
+        return (f = Ja[g.key]) == null ? void 0 : f.includes(A.type);
       }
     )
   })).filter((g) => g.elements.length > 0);
@@ -7121,7 +7167,7 @@ const An = [
       }
     ) }),
     /* @__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: v == null ? void 0 : v.map((g, y) => {
+    /* @__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: v == null ? void 0 : v.map((g, A) => {
       var f;
       return /* @__PURE__ */ n.jsxs("li", { children: [
         /* @__PURE__ */ n.jsx("h4", { className: "mb-2 text-[11px] font-bold text-gray-500 uppercase", children: g.title }),
@@ -7154,7 +7200,7 @@ const An = [
           },
           m.type
         )) })
-      ] }, y);
+      ] }, A);
     }) }) })
   ] });
 }, zs = an(Us), Ei = ({
@@ -7179,7 +7225,7 @@ const An = [
       "opacity-40 cursor-not-allowed": e
     },
     s
-  ), y = () => o ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+  ), A = () => o ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsxs(
       "svg",
       {
@@ -7216,7 +7262,7 @@ const An = [
     i && /* @__PURE__ */ n.jsx("span", { children: i }),
     a && l === "right" && /* @__PURE__ */ n.jsx("span", { className: `ml-[6px] ${d}`, children: /* @__PURE__ */ n.jsx(z, { icon: a }) })
   ] });
-  return r ? /* @__PURE__ */ n.jsx("div", { className: g, children: y() }) : u ? /* @__PURE__ */ n.jsx(No, { to: u, className: g, children: y() }) : /* @__PURE__ */ n.jsx(
+  return r ? /* @__PURE__ */ n.jsx("div", { className: g, children: A() }) : u ? /* @__PURE__ */ n.jsx(No, { to: u, className: g, children: A() }) : /* @__PURE__ */ n.jsx(
     "button",
     {
       disabled: e,
@@ -7225,7 +7271,7 @@ const An = [
       "data-testid": "btn",
       onClick: v,
       style: h,
-      children: y()
+      children: A()
     }
   );
 };
@@ -7269,11 +7315,11 @@ const Js = ({
   isOpen: i,
   onClose: e
 }) => {
-  const { formData: o, uploadUrl: s } = Ni(
-    pi
+  const { formData: o, uploadUrl: s } = ji(
+    gi
   );
   if (!i) return null;
-  const a = fi("config");
+  const a = xi("config");
   return /* @__PURE__ */ n.jsxs("div", { className: "fixed inset-0  flex  justify-center z-[999] cursor-default no-drag select-none w-screen h-screen pt-20 bg-[#F8F9FC]", children: [
     /* @__PURE__ */ n.jsx(
       "button",
@@ -7322,7 +7368,7 @@ function Ys() {
     }
   ) });
 }
-function Zs({
+function qs({
   title: i,
   goBackUrl: e,
   onSubmit: o,
@@ -7332,7 +7378,7 @@ function Zs({
   publishLoading: d,
   onTitleChange: t
 }) {
-  const { formData: u } = Ni(pi), [r, c] = R(!1), [h, v] = R(!1), [g, y] = R(i || ""), f = fi("config");
+  const { formData: u } = ji(gi), [r, c] = R(!1), [h, v] = R(!1), [g, A] = R(i || ""), f = xi("config");
   function m() {
     localStorage.setItem("formData", JSON.stringify(u)), o == null || o(u);
   }
@@ -7360,7 +7406,7 @@ function Zs({
         {
           type: "text",
           value: g,
-          onChange: (j) => y(j.target.value),
+          onChange: (j) => A(j.target.value),
           onBlur: x,
           autoFocus: !0,
           className: "w-48 px-2 py-1 text-sm font-semibold outline-gray-100 input form_title"
@@ -7430,11 +7476,11 @@ const Ve = ({ loadingClass: i }) => {
     i
   );
   return O(() => {
-    const o = fi("config"), s = (o == null ? void 0 : o.loaderColor) || "#333";
+    const o = xi("config"), s = (o == null ? void 0 : o.loaderColor) || "#333";
     document.documentElement.style.setProperty("--loader-color", s);
   }, []), /* @__PURE__ */ n.jsx("div", { className: e, children: /* @__PURE__ */ n.jsx("span", { className: "loader" }) });
 };
-function qs({
+function Zs({
   onSubmit: i,
   questionData: e,
   title: o,
@@ -7451,7 +7497,7 @@ function qs({
     /* @__PURE__ */ n.jsx(Ae, { position: "top-right", richColors: !0, closeButton: !0 }),
     /* @__PURE__ */ n.jsxs("div", { className: "w-full h-full bg-[#F8F9FC] flex flex-col", children: [
       /* @__PURE__ */ n.jsx("div", { className: "border-b  bg-white  border-[#E4E7EC]", children: /* @__PURE__ */ n.jsx(
-        Zs,
+        qs,
         {
           title: o,
           goBackUrl: s,
@@ -7489,7 +7535,7 @@ const xl = ({
 }) => (O(() => {
   s && Ge("config", s);
 }, [s]), /* @__PURE__ */ n.jsx(
-  qs,
+  Zs,
   {
     onSubmit: i,
     onPublish: t,
@@ -7558,52 +7604,54 @@ function nl(i) {
   const e = {};
   return i.forEach(({ questionData: o }) => {
     o == null || o.forEach((s) => {
-      const { id: a, type: l, isRequired: d, requiredMessage: t } = s;
-      let u = $s(l);
-      u = Qs(
-        u,
-        d,
+      const { id: a, type: l, isRequired: d, requiredMessage: t, isDisabled: u } = s;
+      let r = $s(l);
+      r = Qs(
+        r,
+        u ? !1 : d,
         t
-      ), l === "textField" || l === "longText" || l === "email" || l === "url" ? u = Xs(
-        u,
+      ), l === "textField" || l === "longText" || l === "email" || l === "url" ? r = Xs(
+        r,
         s
-      ) : (l === "numberField" || l === "amountField") && (u = il(
-        u,
+      ) : (l === "numberField" || l === "amountField") && (r = il(
+        r,
         s
-      )), e[a] = u;
+      )), e[a] = r;
     });
   }), B.object().shape(e);
 }
 const en = (i, e) => {
-  const o = He[i.type], { answerData: s } = Ni(pi), a = ii(
+  const o = He[i.type], { answerData: s } = ji(gi), a = ni(
     () => {
       var t;
       return (t = i == null ? void 0 : i.acceptedFiles) == null ? void 0 : t.map((u) => u.label).join(", ");
     },
     [i]
-  ), l = ii(
+  ), l = ni(
     () => (i == null ? void 0 : i.visibilityDependentFields) || [],
     [i]
-  ), d = ii(() => l.length ? l.every((t) => {
-    if (!i.isHidden) return !0;
-    const u = s == null ? void 0 : s[t.id], r = t.fieldValue, c = u;
-    switch (t.operator) {
-      case "equals":
-        return String(r).toLowerCase() === String(c).toLowerCase();
-      case "not_equals":
-        return String(r).toLowerCase() !== String(c).toLowerCase();
-      case "greater":
-        return Number(c) > Number(r);
-      case "less":
-        return Number(c) < Number(r);
-      case "contains":
-        return String(c).toLowerCase().includes(String(r).toLowerCase());
-      case "not_contains":
-        return !String(c).toLowerCase().includes(String(r).toLowerCase());
-      default:
-        return !0;
+  ), d = ni(() => l.length ? l.every(
+    (t) => {
+      if (!i.isHidden) return !0;
+      const u = s == null ? void 0 : s[t.id], r = t.fieldValue, c = u;
+      switch (t.operator) {
+        case "equals":
+          return String(r).toLowerCase() === String(c).toLowerCase();
+        case "not_equals":
+          return String(r).toLowerCase() !== String(c).toLowerCase();
+        case "greater":
+          return Number(c) > Number(r);
+        case "less":
+          return Number(c) < Number(r);
+        case "contains":
+          return String(c).toLowerCase().includes(String(r).toLowerCase());
+        case "not_contains":
+          return !String(c).toLowerCase().includes(String(r).toLowerCase());
+        default:
+          return !0;
+      }
     }
-  }) : !0, [l, s, i]);
+  ) : !0, [l, s, i]);
   return o ? /* @__PURE__ */ n.jsxs("div", { className: d ? "" : "invisible h-0", children: [
     /* @__PURE__ */ n.jsxs("div", { className: "mb-1.5", children: [
       i.inputLabel && /* @__PURE__ */ n.jsxs("label", { className: "block text-sm font-medium  input_label", children: [
@@ -7625,7 +7673,10 @@ const en = (i, e) => {
       {
         element: i,
         state: "edit",
-        validationData: e
+        validationData: {
+          ...e,
+          isReadOnly: e.isReadOnly || i.isDisabled
+        }
       }
     )
   ] }) : null;
@@ -7747,75 +7798,84 @@ const sl = ({
   hideFooter: u = !1,
   uploadUrl: r
 }) => {
-  var vi, bi, ai, H, D, li, ui, si;
-  const { setAnswerData: c, setUploadUrl: h } = Ni(pi), [v, g] = R(0), y = ii(
-    () => i.filter((di) => !di.disabled),
+  var vi, bi, si, H, I, di, ui, li;
+  const { setAnswerData: c, setUploadUrl: h } = ji(gi), [v, g] = R(0), A = ni(
+    () => i.filter((ii) => !ii.isHidden).map((ii) => {
+      var hi;
+      return ii.isDisabled || ii.disabled ? {
+        ...ii,
+        questionData: (hi = ii.questionData) == null ? void 0 : hi.map((Ai) => ({
+          ...Ai,
+          isDisabled: !0
+        }))
+      } : ii;
+    }),
     [i]
-  ), f = (vi = y == null ? void 0 : y.length) != null ? vi : 0, m = fi("config"), p = ii(
-    () => nl(y),
-    [y]
+  ), f = (vi = A == null ? void 0 : A.length) != null ? vi : 0, m = xi("config"), p = ni(
+    () => nl(A),
+    [A]
   ), x = En({
-    resolver: In(p),
+    resolver: Dn(p),
     mode: "onSubmit",
     defaultValues: {}
   }), {
     register: j,
-    setValue: N,
-    control: S,
-    handleSubmit: A,
-    reset: C,
+    setValue: S,
+    control: N,
+    handleSubmit: y,
+    reset: k,
     getValues: K,
     watch: Q,
-    formState: { errors: W, isSubmitting: Z },
+    formState: { errors: W, isSubmitting: q },
     trigger: M,
     setError: E,
     clearErrors: P
-  } = x, L = fo({ control: S }), G = ii(
+  } = x, L = fo({ control: N }), G = ni(
     () => L,
     [JSON.stringify(L)]
-  ), q = Y(
-    (di) => {
-      a && a(di);
+  ), Z = Y(
+    (ii) => {
+      a && a(ii);
     },
     [a]
   );
   O(() => {
     h(r);
   }, [h, r]), O(() => {
-    if (!(y != null && y.length) || !a) return;
-    const di = y.flatMap(
+    if (!(A != null && A.length) || !a) return;
+    const ii = A.flatMap(
       (ki) => {
-        var yi;
-        return (yi = ki.questionData) == null ? void 0 : yi.map((ji) => ({
-          id: ji.id,
-          value: G[ji.id],
+        var hi;
+        return (hi = ki.questionData) == null ? void 0 : hi.map((Ai) => ({
+          id: Ai.id,
+          value: G[Ai.id] || "",
           sectionId: ki.id,
-          type: ji.type,
+          type: Ai.type,
           metaData: {
-            prefix: ji.prefix
+            prefix: Ai.prefix
           }
         }));
       }
     );
-    q(di), c(G);
+    Z(ii), c(G);
   }, [
     G,
-    y,
-    q,
+    A,
+    Z,
     a,
     c
   ]), O(() => {
-    e != null && e.length && C(al(e));
-  }, [e, C]);
+    e != null && e.length && k(al(e));
+  }, [e, k]);
   const w = Y(
-    (di) => {
-      const ki = y.flatMap(
-        (yi) => {
-          var ji;
-          return (ji = yi.questionData) == null ? void 0 : ji.map((Ci) => ({
+    (ii) => {
+      const ki = A.flatMap(
+        (hi) => {
+          var Ai;
+          return (Ai = hi.questionData) == null ? void 0 : Ai.map((Ci) => ({
             id: Ci.id,
-            value: di[Ci.id],
-            sectionId: yi.id,
+            value: ii[Ci.id] || "",
+            sectionId: hi.id,
             type: Ci.type,
             metaData: {
               prefix: Ci.prefix
@@ -7825,26 +7885,26 @@ const sl = ({
       );
       Object.keys(W).length > 0 || s == null || s(ki);
     },
-    [W, y, s]
-  ), I = Y(async () => {
-    var di, ki;
+    [W, A, s]
+  ), D = Y(async () => {
+    var ii, ki;
     if (!o) {
-      const yi = (ki = (di = y == null ? void 0 : y[v]) == null ? void 0 : di.questionData) == null ? void 0 : ki.map(
+      const hi = (ki = (ii = A == null ? void 0 : A[v]) == null ? void 0 : ii.questionData) == null ? void 0 : ki.map(
         (Ci) => Ci.id
       );
-      if (!await M(yi)) return;
+      if (!await M(hi)) return;
     }
-    g((yi) => yi + 1);
-  }, [v, y, o, M]), U = Y(() => {
-    g((di) => di - 1);
-  }, []), ni = ii(
+    g((hi) => hi + 1);
+  }, [v, A, o, M]), U = Y(() => {
+    g((ii) => ii - 1);
+  }, []), ei = ni(
     () => ({
       register: j,
-      setValue: N,
+      setValue: S,
       watch: Q,
       errors: W,
       trigger: M,
-      isSubmitting: Z,
+      isSubmitting: q,
       isReadOnly: l,
       getValues: K,
       setError: E,
@@ -7852,11 +7912,11 @@ const sl = ({
     }),
     [
       j,
-      N,
+      S,
       Q,
       W,
       M,
-      Z,
+      q,
       l,
       K,
       E,
@@ -7868,7 +7928,7 @@ const sl = ({
     /* @__PURE__ */ n.jsxs(
       "form",
       {
-        onSubmit: A(w),
+        onSubmit: y(w),
         className: "container h-full mx-auto",
         children: [
           /* @__PURE__ */ n.jsx("div", { className: "relative flex flex-col w-full py-4 gap-y-12", children: /* @__PURE__ */ n.jsxs(
@@ -7876,27 +7936,27 @@ const sl = ({
             {
               className: "multi_section__box",
               children: [
-                d === "multi" && (((bi = y == null ? void 0 : y[v]) == null ? void 0 : bi.title) || ((ai = y == null ? void 0 : y[v]) == null ? void 0 : ai.description)) && /* @__PURE__ */ n.jsxs("div", { className: "py-4 mb-4 border-b border-gray-100 multi_section__title", children: [
-                  ((H = y[v]) == null ? void 0 : H.title) && /* @__PURE__ */ n.jsx("h2", { className: "text-lg font-semibold mb-[6px]", children: (D = y[v]) == null ? void 0 : D.title }),
-                  ((li = y[v]) == null ? void 0 : li.description) && /* @__PURE__ */ n.jsx("p", { className: "text-sm", children: (ui = y[v]) == null ? void 0 : ui.description })
+                d === "multi" && (((bi = A == null ? void 0 : A[v]) == null ? void 0 : bi.title) || ((si = A == null ? void 0 : A[v]) == null ? void 0 : si.description)) && /* @__PURE__ */ n.jsxs("div", { className: "py-4 mb-4 border-b border-gray-100 multi_section__title", children: [
+                  ((H = A[v]) == null ? void 0 : H.title) && /* @__PURE__ */ n.jsx("h2", { className: "text-lg font-semibold mb-[6px]", children: (I = A[v]) == null ? void 0 : I.title }),
+                  ((di = A[v]) == null ? void 0 : di.description) && /* @__PURE__ */ n.jsx("p", { className: "text-sm", children: (ui = A[v]) == null ? void 0 : ui.description })
                 ] }),
                 d === "multi" ? /* @__PURE__ */ n.jsx(
                   ol,
                   {
-                    form_data: y,
-                    options: ni,
+                    form_data: A,
+                    options: ei,
                     current: v
                   }
                 ) : /* @__PURE__ */ n.jsx(
                   el,
                   {
-                    form_data: y,
-                    options: ni
+                    form_data: A,
+                    options: ei
                   }
                 )
               ]
             },
-            (si = y == null ? void 0 : y[v]) == null ? void 0 : si.id
+            (li = A == null ? void 0 : A[v]) == null ? void 0 : li.id
           ) }),
           !u && /* @__PURE__ */ n.jsx("footer", { className: "flex items-center justify-end gap-4 footer flex-wrap", children: d === "multi" ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
             /* @__PURE__ */ n.jsxs("div", { className: "flex gap-x-4 justify-end navigation_container", children: [
@@ -7914,7 +7974,7 @@ const sl = ({
                 {
                   type: "button",
                   text: "Next",
-                  onClick: I,
+                  onClick: D,
                   style: { background: (m == null ? void 0 : m.buttonColor) || "#333" },
                   btnClass: "text-gray-700 next_btn text-sm border-[#98A2B3] !font-medium !py-[10px] px-10 bg-blue-600 text-white rounded-lg continue_btn"
                 }
@@ -7923,8 +7983,8 @@ const sl = ({
             (v === f - 1 || l) && !o && (t != null ? t : /* @__PURE__ */ n.jsx(
               Ei,
               {
-                isDisabled: Z || Object.keys(W).length > 0,
-                isLoading: Z,
+                isDisabled: q || Object.keys(W).length > 0,
+                isLoading: q,
                 type: "submit",
                 text: "Submit",
                 style: { background: (m == null ? void 0 : m.buttonColor) || "#333" },
@@ -7934,8 +7994,8 @@ const sl = ({
           ] }) : !o && (t != null ? t : /* @__PURE__ */ n.jsx(
             Ei,
             {
-              isDisabled: Z || Object.keys(W).length > 0,
-              isLoading: Z,
+              isDisabled: q || Object.keys(W).length > 0,
+              isLoading: q,
               type: "submit",
               text: "Submit",
               style: { background: (m == null ? void 0 : m.buttonColor) || "#333" },