@arudovwen/form-builder-react 1.5.2 → 1.5.3

package/dist/form-builder.es.js

@@ -1,5 +1,5 @@
-import mi, { createContext as ho, useState as D, useMemo as ai, useEffect as K, forwardRef as Se, createElement as Sn, Fragment as Zi, useContext as ji, useRef as Ci, useCallback as Q, memo as an } from "react";
-import { v4 as Ai } from "uuid";
+import bi, { createContext as ho, useState as R, useMemo as si, useEffect as O, forwardRef as Se, createElement as Sn, Fragment as Zi, useContext as ji, useRef as Mi, useCallback as X, memo as an } from "react";
+import { v4 as Si } from "uuid";
 import po from "react-datepicker";
 import { Listbox as ui, Transition as Ei, Combobox as Ri, ComboboxInput as go, ComboboxButton as fo, ComboboxOptions as xo, ComboboxOption as yo } from "@headlessui/react";
 import { toast as ki, Toaster as Ne } from "sonner";
@@ -26,7 +26,7 @@ var ee;
 function wo() {
   if (ee) return Gi;
   ee = 1;
-  var i = mi, e = Symbol.for("react.element"), o = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, a = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var i = bi, e = Symbol.for("react.element"), o = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, a = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
   function d(t, u, c) {
     var r, v = {}, m = null, h = null;
     c !== void 0 && (m = "" + c), u.key !== void 0 && (m = "" + u.key), u.ref !== void 0 && (h = u.ref);
@@ -49,7 +49,7 @@ var Hi = {};
 var oe;
 function Bo() {
   return oe || (oe = 1, process.env.NODE_ENV !== "production" && function() {
-    var i = mi, e = Symbol.for("react.element"), o = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), t = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), r = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), f = Symbol.iterator, y = "@@iterator";
+    var i = bi, 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"), c = Symbol.for("react.suspense"), r = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), f = Symbol.iterator, y = "@@iterator";
     function g(b) {
       if (b === null || typeof b != "object")
         return null;
@@ -59,41 +59,41 @@ function Bo() {
     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++)
-          T[V - 1] = arguments[V];
+        for (var k = arguments.length, T = new Array(k > 1 ? k - 1 : 0), H = 1; H < k; H++)
+          T[H - 1] = arguments[H];
         C("error", b, T);
       }
     }
     function C(b, k, T) {
       {
-        var V = p.ReactDebugCurrentFrame, ei = V.getStackAddendum();
-        ei !== "" && (k += "%s", T = T.concat([ei]));
-        var li = T.map(function(ii) {
-          return String(ii);
+        var H = p.ReactDebugCurrentFrame, ai = H.getStackAddendum();
+        ai !== "" && (k += "%s", T = T.concat([ai]));
+        var li = T.map(function(ni) {
+          return String(ni);
         });
         li.unshift("Warning: " + k), Function.prototype.apply.call(console[b], console, li);
       }
     }
-    var S = !1, j = !1, A = !1, N = !1, E = !1, ni;
-    ni = Symbol.for("react.module.reference");
-    function J(b) {
+    var S = !1, j = !1, A = !1, N = !1, E = !1, ei;
+    ei = Symbol.for("react.module.reference");
+    function Y(b) {
       return !!(typeof b == "string" || typeof b == "function" || b === s || b === l || E || b === a || b === c || b === r || N || b === h || S || j || A || typeof b == "object" && b !== null && (b.$$typeof === m || b.$$typeof === v || 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 === ni || b.getModuleId !== void 0));
+      b.$$typeof === ei || b.getModuleId !== void 0));
     }
-    function $(b, k, T) {
-      var V = b.displayName;
-      if (V)
-        return V;
-      var ei = k.displayName || k.name || "";
-      return ei !== "" ? T + "(" + ei + ")" : T;
+    function Q(b, k, T) {
+      var H = b.displayName;
+      if (H)
+        return H;
+      var ai = k.displayName || k.name || "";
+      return ai !== "" ? T + "(" + ai + ")" : T;
     }
     function L(b) {
       return b.displayName || "Context";
     }
-    function W(b) {
+    function U(b) {
       if (b == null)
         return null;
       if (typeof b.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof b == "function")
@@ -123,29 +123,29 @@ function Bo() {
             var T = b;
             return L(T._context) + ".Provider";
           case u:
-            return $(b, b.render, "ForwardRef");
+            return Q(b, b.render, "ForwardRef");
           case v:
-            var V = b.displayName || null;
-            return V !== null ? V : W(b.type) || "Memo";
+            var H = b.displayName || null;
+            return H !== null ? H : U(b.type) || "Memo";
           case m: {
-            var ei = b, li = ei._payload, ii = ei._init;
+            var ai = b, li = ai._payload, ni = ai._init;
             try {
-              return W(ii(li));
-            } catch (q) {
+              return U(ni(li));
+            } catch ($) {
               return null;
             }
           }
         }
       return null;
     }
-    var O = Object.assign, G = 0, H, R, M, B, _, ti, X;
+    var I = Object.assign, K = 0, G, P, M, B, J, ri, ii;
     function di() {
     }
     di.__reactDisabledLog = !0;
     function pi() {
       {
-        if (G === 0) {
-          H = console.log, R = console.info, M = console.warn, B = console.error, _ = console.group, ti = console.groupCollapsed, X = console.groupEnd;
+        if (K === 0) {
+          G = console.log, P = console.info, M = console.warn, B = console.error, J = console.group, ri = console.groupCollapsed, ii = console.groupEnd;
           var b = {
             configurable: !0,
             enumerable: !0,
@@ -162,138 +162,138 @@ function Bo() {
             groupEnd: b
           });
         }
-        G++;
+        K++;
       }
     }
-    function bi() {
+    function vi() {
       {
-        if (G--, G === 0) {
+        if (K--, K === 0) {
           var b = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: O({}, b, {
-              value: H
+            log: I({}, b, {
+              value: G
             }),
-            info: O({}, b, {
-              value: R
+            info: I({}, b, {
+              value: P
             }),
-            warn: O({}, b, {
+            warn: I({}, b, {
               value: M
             }),
-            error: O({}, b, {
+            error: I({}, b, {
               value: B
             }),
-            group: O({}, b, {
-              value: _
+            group: I({}, b, {
+              value: J
             }),
-            groupCollapsed: O({}, b, {
-              value: ti
+            groupCollapsed: I({}, b, {
+              value: ri
             }),
-            groupEnd: O({}, b, {
-              value: X
+            groupEnd: I({}, b, {
+              value: ii
             })
           });
         }
-        G < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        K < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var P = p.ReactCurrentDispatcher, I;
-    function U(b, k, T) {
+    var D = p.ReactCurrentDispatcher, _;
+    function V(b, k, T) {
       {
-        if (I === void 0)
+        if (_ === void 0)
           try {
             throw Error();
-          } catch (ei) {
-            var V = ei.stack.trim().match(/\n( *(at )?)/);
-            I = V && V[1] || "";
+          } catch (ai) {
+            var H = ai.stack.trim().match(/\n( *(at )?)/);
+            _ = H && H[1] || "";
           }
         return `
-` + I + b;
+` + _ + b;
       }
     }
-    var oi = !1, F;
+    var F = !1, W;
     {
-      var si = typeof WeakMap == "function" ? WeakMap : Map;
-      F = new si();
+      var oi = typeof WeakMap == "function" ? WeakMap : Map;
+      W = new oi();
     }
-    function hi(b, k) {
-      if (!b || oi)
+    function ti(b, k) {
+      if (!b || F)
         return "";
       {
-        var T = F.get(b);
+        var T = W.get(b);
         if (T !== void 0)
           return T;
       }
-      var V;
-      oi = !0;
-      var ei = Error.prepareStackTrace;
+      var H;
+      F = !0;
+      var ai = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var li;
-      li = P.current, P.current = null, pi();
+      li = D.current, D.current = null, pi();
       try {
         if (k) {
-          var ii = function() {
+          var ni = function() {
             throw Error();
           };
-          if (Object.defineProperty(ii.prototype, "props", {
+          if (Object.defineProperty(ni.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(ii, []);
+              Reflect.construct(ni, []);
             } catch (yi) {
-              V = yi;
+              H = yi;
             }
-            Reflect.construct(b, [], ii);
+            Reflect.construct(b, [], ni);
           } else {
             try {
-              ii.call();
+              ni.call();
             } catch (yi) {
-              V = yi;
+              H = yi;
             }
-            b.call(ii.prototype);
+            b.call(ni.prototype);
           }
         } else {
           try {
             throw Error();
           } catch (yi) {
-            V = yi;
+            H = yi;
           }
           b();
         }
       } catch (yi) {
-        if (yi && V && typeof yi.stack == "string") {
-          for (var q = yi.stack.split(`
-`), xi = V.stack.split(`
-`), ri = q.length - 1, vi = xi.length - 1; ri >= 1 && vi >= 0 && q[ri] !== xi[vi]; )
-            vi--;
-          for (; ri >= 1 && vi >= 0; ri--, vi--)
-            if (q[ri] !== xi[vi]) {
-              if (ri !== 1 || vi !== 1)
+        if (yi && H && typeof yi.stack == "string") {
+          for (var $ = yi.stack.split(`
+`), xi = H.stack.split(`
+`), mi = $.length - 1, hi = xi.length - 1; mi >= 1 && hi >= 0 && $[mi] !== xi[hi]; )
+            hi--;
+          for (; mi >= 1 && hi >= 0; mi--, hi--)
+            if ($[mi] !== xi[hi]) {
+              if (mi !== 1 || hi !== 1)
                 do
-                  if (ri--, vi--, vi < 0 || q[ri] !== xi[vi]) {
+                  if (mi--, hi--, hi < 0 || $[mi] !== xi[hi]) {
                     var Ni = `
-` + q[ri].replace(" at new ", " at ");
-                    return b.displayName && Ni.includes("<anonymous>") && (Ni = Ni.replace("<anonymous>", b.displayName)), typeof b == "function" && F.set(b, Ni), Ni;
+` + $[mi].replace(" at new ", " at ");
+                    return b.displayName && Ni.includes("<anonymous>") && (Ni = Ni.replace("<anonymous>", b.displayName)), typeof b == "function" && W.set(b, Ni), Ni;
                   }
-                while (ri >= 1 && vi >= 0);
+                while (mi >= 1 && hi >= 0);
               break;
             }
         }
       } finally {
-        oi = !1, P.current = li, bi(), Error.prepareStackTrace = ei;
+        F = !1, D.current = li, vi(), Error.prepareStackTrace = ai;
       }
-      var Pi = b ? b.displayName || b.name : "", wi = Pi ? U(Pi) : "";
-      return typeof b == "function" && F.set(b, wi), wi;
+      var Pi = b ? b.displayName || b.name : "", wi = Pi ? V(Pi) : "";
+      return typeof b == "function" && W.set(b, wi), wi;
     }
-    function Si(b, k, T) {
-      return hi(b, !1);
+    function Ai(b, k, T) {
+      return ti(b, !1);
     }
-    function Mi(b) {
+    function Ci(b) {
       var k = b.prototype;
       return !!(k && k.isReactComponent);
     }
@@ -301,26 +301,26 @@ function Bo() {
       if (b == null)
         return "";
       if (typeof b == "function")
-        return hi(b, Mi(b));
+        return ti(b, Ci(b));
       if (typeof b == "string")
-        return U(b);
+        return V(b);
       switch (b) {
         case c:
-          return U("Suspense");
+          return V("Suspense");
         case r:
-          return U("SuspenseList");
+          return V("SuspenseList");
       }
       if (typeof b == "object")
         switch (b.$$typeof) {
           case u:
-            return Si(b.render);
+            return Ai(b.render);
           case v:
             return zi(b.type, k, T);
           case m: {
-            var V = b, ei = V._payload, li = V._init;
+            var H = b, ai = H._payload, li = H._init;
             try {
-              return zi(li(ei), k, T);
-            } catch (ii) {
+              return zi(li(ai), k, T);
+            } catch (ni) {
             }
           }
         }
@@ -334,22 +334,22 @@ function Bo() {
       } else
         Fn.setExtraStackFrame(null);
     }
-    function _e(b, k, T, V, ei) {
+    function _e(b, k, T, H, ai) {
       {
         var li = Function.call.bind(Ki);
-        for (var ii in b)
-          if (li(b, ii)) {
-            var q = void 0;
+        for (var ni in b)
+          if (li(b, ni)) {
+            var $ = void 0;
             try {
-              if (typeof b[ii] != "function") {
-                var xi = Error((V || "React class") + ": " + T + " type `" + ii + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof b[ii] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof b[ni] != "function") {
+                var xi = Error((H || "React class") + ": " + T + " type `" + ni + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof b[ni] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw xi.name = "Invariant Violation", xi;
               }
-              q = b[ii](k, ii, V, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (ri) {
-              q = ri;
+              $ = b[ni](k, ni, H, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (mi) {
+              $ = mi;
             }
-            q && !(q instanceof Error) && (_i(ei), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", V || "React class", T, ii, typeof q), _i(null)), q instanceof Error && !(q.message in Vn) && (Vn[q.message] = !0, _i(ei), x("Failed %s type: %s", T, q.message), _i(null));
+            $ && !($ instanceof Error) && (_i(ai), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", H || "React class", T, ni, typeof $), _i(null)), $ instanceof Error && !($.message in Vn) && (Vn[$.message] = !0, _i(ai), x("Failed %s type: %s", T, $.message), _i(null));
           }
       }
     }
@@ -424,51 +424,51 @@ function Bo() {
         });
       }
     }
-    var eo = function(b, k, T, V, ei, li, ii) {
-      var q = {
+    var eo = function(b, k, T, H, ai, li, ni) {
+      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,
         ref: T,
-        props: ii,
+        props: ni,
         // Record the component responsible for creating this element.
         _owner: li
       };
-      return q._store = {}, Object.defineProperty(q._store, "validated", {
+      return $._store = {}, Object.defineProperty($._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(q, "_self", {
+      }), Object.defineProperty($, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: V
-      }), Object.defineProperty(q, "_source", {
+        value: H
+      }), Object.defineProperty($, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: ei
-      }), Object.freeze && (Object.freeze(q.props), Object.freeze(q)), q;
+        value: ai
+      }), Object.freeze && (Object.freeze($.props), Object.freeze($)), $;
     };
-    function oo(b, k, T, V, ei) {
+    function oo(b, k, T, H, ai) {
       {
-        var li, ii = {}, q = null, xi = null;
-        T !== void 0 && (Un(T), q = "" + T), Qe(k) && (Un(k.key), q = "" + k.key), $e(k) && (xi = k.ref, Xe(k, ei));
+        var li, ni = {}, $ = null, xi = null;
+        T !== void 0 && (Un(T), $ = "" + T), Qe(k) && (Un(k.key), $ = "" + k.key), $e(k) && (xi = k.ref, Xe(k, ai));
         for (li in k)
-          Ki.call(k, li) && !Ze.hasOwnProperty(li) && (ii[li] = k[li]);
+          Ki.call(k, li) && !Ze.hasOwnProperty(li) && (ni[li] = k[li]);
         if (b && b.defaultProps) {
-          var ri = b.defaultProps;
-          for (li in ri)
-            ii[li] === void 0 && (ii[li] = ri[li]);
+          var mi = b.defaultProps;
+          for (li in mi)
+            ni[li] === void 0 && (ni[li] = mi[li]);
         }
-        if (q || xi) {
-          var vi = typeof b == "function" ? b.displayName || b.name || "Unknown" : b;
-          q && io(ii, vi), xi && no(ii, vi);
+        if ($ || xi) {
+          var hi = typeof b == "function" ? b.displayName || b.name || "Unknown" : b;
+          $ && io(ni, hi), xi && no(ni, hi);
         }
-        return eo(b, q, xi, ei, V, zn.current, ii);
+        return eo(b, $, xi, ai, H, zn.current, ni);
       }
     }
     var un = p.ReactCurrentOwner, Yn = p.ReactDebugCurrentFrame;
@@ -487,7 +487,7 @@ function Bo() {
     function qn() {
       {
         if (un.current) {
-          var b = W(un.current.type);
+          var b = U(un.current.type);
           if (b)
             return `
 
@@ -521,8 +521,8 @@ Check the top-level render call using <` + T + ">.");
         if (Zn[T])
           return;
         Zn[T] = !0;
-        var V = "";
-        b && b._owner && b._owner !== un.current && (V = " It was passed a child from " + W(b._owner.type) + "."), Li(b), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', T, V), Li(null);
+        var H = "";
+        b && b._owner && b._owner !== un.current && (H = " It was passed a child from " + U(b._owner.type) + "."), Li(b), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', T, H), Li(null);
       }
     }
     function Qn(b, k) {
@@ -531,16 +531,16 @@ Check the top-level render call using <` + T + ">.");
           return;
         if (dn(b))
           for (var T = 0; T < b.length; T++) {
-            var V = b[T];
-            cn(V) && $n(V, k);
+            var H = b[T];
+            cn(H) && $n(H, k);
           }
         else if (cn(b))
           b._store && (b._store.validated = !0);
         else if (b) {
-          var ei = g(b);
-          if (typeof ei == "function" && ei !== b.entries)
-            for (var li = ei.call(b), ii; !(ii = li.next()).done; )
-              cn(ii.value) && $n(ii.value, k);
+          var ai = g(b);
+          if (typeof ai == "function" && ai !== b.entries)
+            for (var li = ai.call(b), ni; !(ni = li.next()).done; )
+              cn(ni.value) && $n(ni.value, k);
         }
       }
     }
@@ -559,12 +559,12 @@ Check the top-level render call using <` + T + ">.");
         else
           return;
         if (T) {
-          var V = W(k);
-          _e(T, b.props, "prop", V, b);
+          var H = U(k);
+          _e(T, b.props, "prop", H, b);
         } else if (k.PropTypes !== void 0 && !tn) {
           tn = !0;
-          var ei = W(k);
-          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", ei || "Unknown");
+          var ai = U(k);
+          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", ai || "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.");
       }
@@ -572,9 +572,9 @@ Check the top-level render call using <` + T + ">.");
     function uo(b) {
       {
         for (var k = Object.keys(b.props), T = 0; T < k.length; T++) {
-          var V = k[T];
-          if (V !== "children" && V !== "key") {
-            Li(b), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", V), Li(null);
+          var H = k[T];
+          if (H !== "children" && H !== "key") {
+            Li(b), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", H), Li(null);
             break;
           }
         }
@@ -582,24 +582,24 @@ Check the top-level render call using <` + T + ">.");
       }
     }
     var Xn = {};
-    function ie(b, k, T, V, ei, li) {
+    function ie(b, k, T, H, ai, li) {
       {
-        var ii = J(b);
-        if (!ii) {
-          var q = "";
-          (b === void 0 || typeof b == "object" && b !== null && Object.keys(b).length === 0) && (q += " 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 ni = Y(b);
+        if (!ni) {
+          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 xi = ao();
-          xi ? q += xi : q += qn();
-          var ri;
-          b === null ? ri = "null" : dn(b) ? ri = "array" : b !== void 0 && b.$$typeof === e ? (ri = "<" + (W(b.type) || "Unknown") + " />", q = " Did you accidentally export a JSX literal instead of a component?") : ri = typeof b, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ri, q);
+          xi ? $ += xi : $ += qn();
+          var mi;
+          b === null ? mi = "null" : dn(b) ? mi = "array" : b !== void 0 && b.$$typeof === e ? (mi = "<" + (U(b.type) || "Unknown") + " />", $ = " Did you accidentally export a JSX literal instead of a component?") : mi = 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", mi, $);
         }
-        var vi = oo(b, k, T, ei, li);
-        if (vi == null)
-          return vi;
-        if (ii) {
+        var hi = oo(b, k, T, ai, li);
+        if (hi == null)
+          return hi;
+        if (ni) {
           var Ni = k.children;
           if (Ni !== void 0)
-            if (V)
+            if (H)
               if (dn(Ni)) {
                 for (var Pi = 0; Pi < Ni.length; Pi++)
                   Qn(Ni[Pi], b);
@@ -610,7 +610,7 @@ Check the top-level render call using <` + T + ">.");
               Qn(Ni, b);
         }
         if (Ki.call(k, "key")) {
-          var wi = W(b), yi = Object.keys(k).filter(function(vo) {
+          var wi = U(b), yi = Object.keys(k).filter(function(vo) {
             return vo !== "key";
           }), rn = yi.length > 0 ? "{key: someKey, " + yi.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Xn[wi + rn]) {
@@ -623,7 +623,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, rn, wi, bo, wi), Xn[wi + rn] = !0;
           }
         }
-        return b === s ? uo(vi) : lo(vi), vi;
+        return b === s ? uo(hi) : lo(hi), hi;
       }
     }
     function to(b, k, T) {
@@ -644,146 +644,146 @@ var n = Eo();
 const fi = ho(void 0), se = {
   title: "",
   description: "",
-  id: Ai(),
+  id: Si(),
   questionData: [],
   disabled: !1,
   isHidden: !1
 }, je = ({ children: i }) => {
-  const [e, o] = D(!0), [s, a] = D({}), [l, d] = D({}), [t, u] = D([se]), [c, r] = D(!1), [v, m] = D(null), [h, f] = D([
+  const [e, o] = R(!0), [s, a] = R({}), [l, d] = R({}), [t, u] = R([se]), [c, r] = R(!1), [v, m] = R(null), [h, f] = R([
     0
-  ]), [y, g] = D(""), p = mi.useCallback(() => {
-  }, []), x = mi.useCallback(() => {
-    const O = Ai();
-    u((G) => [...G, { ...se, id: O }]), m(O), f([t.length]);
-  }, [t]), C = mi.useCallback((O) => {
+  ]), [y, g] = R(""), p = bi.useCallback(() => {
+  }, []), x = bi.useCallback(() => {
+    const I = Si();
+    u((K) => [...K, { ...se, id: I }]), m(I), f([t.length]);
+  }, [t]), C = bi.useCallback((I) => {
     u(
-      (G) => G.filter((H) => H.id !== O)
+      (K) => K.filter((G) => G.id !== I)
     ), m(null);
-  }, []), S = mi.useCallback(
-    (O, G) => {
-      const H = t.find((M) => M.id === G), R = H == null ? void 0 : H.questionData.find(
-        (M) => M.id === O
+  }, []), S = bi.useCallback(
+    (I, K) => {
+      const G = t.find((M) => M.id === K), P = G == null ? void 0 : G.questionData.find(
+        (M) => M.id === I
       );
-      R && u(
+      P && u(
         (M) => M == null ? void 0 : M.map(
-          (B) => B.id === G ? {
+          (B) => B.id === K ? {
             ...B,
-            questionData: B.questionData.filter((_) => R.type === "grid" ? _.gridId !== R.id && _.id !== R.id : _.id !== O)
+            questionData: B.questionData.filter((J) => P.type === "grid" ? J.gridId !== P.id && J.id !== P.id : J.id !== I)
           } : B
         )
       );
     },
     [t, u]
-  ), j = mi.useCallback(
-    (O, G) => {
-      const H = t.find((_) => _.id === G);
-      if (!H) return;
-      const R = H.questionData.findIndex(
-        (_) => _.id === O
+  ), j = bi.useCallback(
+    (I, K) => {
+      const G = t.find((J) => J.id === K);
+      if (!G) return;
+      const P = G.questionData.findIndex(
+        (J) => J.id === I
       );
-      if (R === -1) return;
-      const M = H.questionData[R], B = (_, ti = {}) => ({
-        ...JSON.parse(JSON.stringify(_)),
-        id: Ai(),
-        ...ti
+      if (P === -1) return;
+      const M = G.questionData[P], B = (J, ri = {}) => ({
+        ...JSON.parse(JSON.stringify(J)),
+        id: Si(),
+        ...ri
       });
       u(
-        (_) => _ == null ? void 0 : _.map((ti) => {
+        (J) => J == null ? void 0 : J.map((ri) => {
           var di;
-          if (ti.id !== G) return ti;
-          const X = [...ti.questionData];
+          if (ri.id !== K) return ri;
+          const ii = [...ri.questionData];
           if (M.type === "grid") {
-            const pi = (di = X == null ? void 0 : X.map((si, hi) => ({ e: si, i: hi })).filter(
-              ({ e: si }) => si.id === M.id || si.gridId === M.id
-            )) == null ? void 0 : di.map(({ i: si }) => si), bi = pi.length ? Math.max(...pi) + 1 : R + 1, P = Ai(), I = B(M, {});
-            I.id = P;
-            const U = X.filter((si) => si.gridId === M.id), oi = U == null ? void 0 : U.map(
-              (si) => B(si, { gridId: P })
-            ), F = [
-              ...X.slice(0, bi),
-              I,
-              ...oi,
-              ...X.slice(bi)
+            const pi = (di = ii == null ? void 0 : ii.map((oi, ti) => ({ e: oi, i: ti })).filter(
+              ({ e: oi }) => oi.id === M.id || oi.gridId === M.id
+            )) == null ? void 0 : di.map(({ i: oi }) => oi), vi = pi.length ? Math.max(...pi) + 1 : P + 1, D = Si(), _ = B(M, {});
+            _.id = D;
+            const V = ii.filter((oi) => oi.gridId === M.id), F = V == null ? void 0 : V.map(
+              (oi) => B(oi, { gridId: D })
+            ), W = [
+              ...ii.slice(0, vi),
+              _,
+              ...F,
+              ...ii.slice(vi)
             ];
-            return { ...ti, questionData: F };
+            return { ...ri, questionData: W };
           } else if (M.gridId) {
-            const { gridId: pi, gridPosition: bi, ...P } = M, I = B(P, {}), U = X.reduce(
-              (F, si, hi) => si.id === M.gridId || si.gridId === M.gridId ? hi : F,
-              R
-            ), oi = [
-              ...X.slice(0, U + 1),
-              I,
-              ...X.slice(U + 1)
+            const { gridId: pi, gridPosition: vi, ...D } = M, _ = B(D, {}), V = ii.reduce(
+              (W, oi, ti) => oi.id === M.gridId || oi.gridId === M.gridId ? ti : W,
+              P
+            ), F = [
+              ...ii.slice(0, V + 1),
+              _,
+              ...ii.slice(V + 1)
             ];
-            return { ...ti, questionData: oi };
+            return { ...ri, questionData: F };
           } else {
-            const pi = B(M, {}), bi = [
-              ...X.slice(0, R + 1),
+            const pi = B(M, {}), vi = [
+              ...ii.slice(0, P + 1),
               pi,
-              ...X.slice(R + 1)
+              ...ii.slice(P + 1)
             ];
-            return { ...ti, questionData: bi };
+            return { ...ri, questionData: vi };
           }
         })
       );
     },
     [t, u]
-  ), A = mi.useCallback(
-    (O, G) => {
+  ), A = bi.useCallback(
+    (I, K) => {
       u(
-        (H) => H == null ? void 0 : H.map(
-          (R) => R.id === G ? { ...R, questionData: O } : R
+        (G) => G == null ? void 0 : G.map(
+          (P) => P.id === K ? { ...P, questionData: I } : P
         )
       );
     },
     []
-  ), N = mi.useCallback((O, G) => {
+  ), N = bi.useCallback((I, K) => {
     u(
-      (H) => H == null ? void 0 : H.map(
-        (R) => R.id === G ? {
-          ...R,
-          questionData: [...R.questionData, O]
-        } : R
+      (G) => G == null ? void 0 : G.map(
+        (P) => P.id === K ? {
+          ...P,
+          questionData: [...P.questionData, I]
+        } : P
       )
     );
-  }, []), E = mi.useCallback(
-    (O, G, H) => {
+  }, []), E = bi.useCallback(
+    (I, K, G) => {
       u(
-        (R) => R == null ? void 0 : R.map(
-          (M) => M.id === G ? {
+        (P) => P == null ? void 0 : P.map(
+          (M) => M.id === K ? {
             ...M,
             questionData: [
-              ...M.questionData.slice(0, H),
-              O,
-              ...M.questionData.slice(H)
+              ...M.questionData.slice(0, G),
+              I,
+              ...M.questionData.slice(G)
             ]
           } : M
         )
       );
     },
     []
-  ), ni = mi.useCallback(
-    (O, G, H) => {
+  ), ei = bi.useCallback(
+    (I, K, G) => {
       u(
-        (R) => R == null ? void 0 : R.map(
+        (P) => P == null ? void 0 : P.map(
           (M) => {
             var B;
-            return M.id === H ? {
+            return M.id === G ? {
               ...M,
               questionData: (B = M.questionData) == null ? void 0 : B.map(
-                (_) => {
-                  var ti;
-                  return _.type === "grid" && _.gridData ? {
-                    ..._,
-                    gridData: (ti = _.gridData) == null ? void 0 : ti.map(
-                      (X, di) => di === O ? {
-                        ...X,
-                        ...G
-                      } : X
+                (J) => {
+                  var ri;
+                  return J.type === "grid" && J.gridData ? {
+                    ...J,
+                    gridData: (ri = J.gridData) == null ? void 0 : ri.map(
+                      (ii, di) => di === I ? {
+                        ...ii,
+                        ...K
+                      } : ii
                     ).concat(
-                      O >= _.gridData.length ? { ...G } : []
+                      I >= J.gridData.length ? { ...K } : []
                     )
-                  } : _;
+                  } : J;
                 }
               )
             } : M;
@@ -792,87 +792,87 @@ const fi = ho(void 0), se = {
       );
     },
     []
-  ), J = mi.useCallback((O, G) => {
+  ), Y = bi.useCallback((I, K) => {
     u(
-      (H) => H == null ? void 0 : H.map(
-        (R) => {
+      (G) => G == null ? void 0 : G.map(
+        (P) => {
           var M;
-          return R.id === G ? {
-            ...R,
-            questionData: (M = R.questionData) == null ? void 0 : M.map(
-              (B) => B.id === O.id ? { ...B, ...O } : B
+          return P.id === K ? {
+            ...P,
+            questionData: (M = P.questionData) == null ? void 0 : M.map(
+              (B) => B.id === I.id ? { ...B, ...I } : B
             )
-          } : R;
+          } : P;
         }
       )
     );
-  }, []), $ = mi.useCallback(
-    (O) => {
+  }, []), Q = bi.useCallback(
+    (I) => {
       const {
-        draggedId: G,
-        sectionId: H,
-        targetIndex: R,
+        draggedId: K,
+        sectionId: G,
+        targetIndex: P,
         targetId: M,
         targetGridId: B,
-        targetCol: _
-      } = O;
+        targetCol: J
+      } = I;
       u(
-        (ti) => ti.map((X) => {
-          if (X.id !== H) return X;
-          const di = [...X.questionData], pi = di.findIndex((P) => P.id === G);
-          if (pi === -1) return X;
-          const bi = { ...di[pi] };
-          if (B !== void 0 && _ !== void 0) {
-            if (bi.type === "grid") return X;
-            const P = di.findIndex(
-              (U) => {
-                var oi;
-                return U.id !== G && U.gridId === B && ((oi = U.gridPosition) == null ? void 0 : oi.col) === _;
+        (ri) => ri.map((ii) => {
+          if (ii.id !== G) return ii;
+          const di = [...ii.questionData], pi = di.findIndex((D) => D.id === K);
+          if (pi === -1) return ii;
+          const vi = { ...di[pi] };
+          if (B !== void 0 && J !== void 0) {
+            if (vi.type === "grid") return ii;
+            const D = di.findIndex(
+              (V) => {
+                var F;
+                return V.id !== K && V.gridId === B && ((F = V.gridPosition) == null ? void 0 : F.col) === J;
               }
             );
-            let I = di.map(
-              (U) => U.id === G ? {
-                ...U,
+            let _ = di.map(
+              (V) => V.id === K ? {
+                ...V,
                 gridId: B,
-                gridPosition: { col: _ }
-              } : U
+                gridPosition: { col: J }
+              } : V
             );
-            return P !== -1 && (I = I.map((U, oi) => {
-              if (oi !== P) return U;
-              const F = { ...U };
-              return delete F.gridId, delete F.gridPosition, F;
-            })), { ...X, questionData: I };
+            return D !== -1 && (_ = _.map((V, F) => {
+              if (F !== D) return V;
+              const W = { ...V };
+              return delete W.gridId, delete W.gridPosition, W;
+            })), { ...ii, questionData: _ };
           }
-          if (bi.gridId && R !== void 0 && B === void 0) {
-            const P = { ...bi };
-            delete P.gridId, delete P.gridPosition;
-            const I = di.filter((oi) => oi.id !== G), U = Math.min(R, I.length);
-            return I.splice(U, 0, P), { ...X, questionData: I };
+          if (vi.gridId && P !== void 0 && B === void 0) {
+            const D = { ...vi };
+            delete D.gridId, delete D.gridPosition;
+            const _ = di.filter((F) => F.id !== K), V = Math.min(P, _.length);
+            return _.splice(V, 0, D), { ...ii, questionData: _ };
           }
-          if (!bi.gridId && R !== void 0 && B === void 0 && !M) {
+          if (!vi.gridId && P !== void 0 && B === void 0 && !M) {
             di.splice(pi, 1);
-            const P = Math.min(R, di.length);
-            return di.splice(P, 0, bi), { ...X, questionData: di };
+            const D = Math.min(P, di.length);
+            return di.splice(D, 0, vi), { ...ii, questionData: di };
           }
           if (M) {
-            const P = di.findIndex((I) => I.id === M);
-            return P === -1 ? X : (di.splice(pi, 1), di.splice(P, 0, bi), { ...X, questionData: di });
+            const D = di.findIndex((_) => _.id === M);
+            return D === -1 ? ii : (di.splice(pi, 1), di.splice(D, 0, vi), { ...ii, questionData: di });
           }
-          return X;
+          return ii;
         })
       );
     },
     []
-  ), L = mi.useCallback((O, G) => {
+  ), L = bi.useCallback((I, K) => {
     u(
-      (H) => H == null ? void 0 : H.map(
-        (R) => R.id === G ? {
-          ...R,
-          ...O
-        } : R
+      (G) => G == null ? void 0 : G.map(
+        (P) => P.id === K ? {
+          ...P,
+          ...I
+        } : P
       )
     );
-  }, []), W = ai(
+  }, []), U = si(
     () => ({
       formData: t,
       setFormData: u,
@@ -883,7 +883,7 @@ const fi = ho(void 0), se = {
       updateElementPosition: A,
       addElement: N,
       addElementInPosition: E,
-      updateElement: J,
+      updateElement: Y,
       addSection: x,
       removeSection: C,
       updateSection: L,
@@ -893,13 +893,13 @@ const fi = ho(void 0), se = {
       setSelectedSection: m,
       activeSections: h,
       setActiveSections: f,
-      updateGridElement: ni,
+      updateGridElement: ei,
       answerData: s,
       setAnswerData: a,
       uploadUrl: y,
       setUploadUrl: g,
       duplicateElement: j,
-      moveElement: $,
+      moveElement: Q,
       showPreview: e,
       setShowPreview: o
     }),
@@ -911,22 +911,22 @@ const fi = ho(void 0), se = {
       A,
       N,
       E,
-      J,
+      Y,
       x,
       C,
       L,
       c,
       v,
       h,
-      ni,
+      ei,
       s,
       y,
       j,
-      $,
+      Q,
       e
     ]
   );
-  return /* @__PURE__ */ n.jsx(fi.Provider, { value: W, children: i });
+  return /* @__PURE__ */ n.jsx(fi.Provider, { value: U, children: i });
 };
 function ke(i) {
   var e, o, s = "";
@@ -1125,11 +1125,11 @@ const Nn = ({
   maxDate: t,
   showYearDropdown: u
 }) => {
-  const c = i ? new Date(i) : null, [r, v] = D(c);
-  K(() => {
+  const c = i ? new Date(i) : null, [r, v] = R(c);
+  O(() => {
     const h = i ? new Date(i) : null;
     (h && r && h.getTime() !== r.getTime() || !h && r || h && !r) && v(h);
-  }, [i]), K(() => {
+  }, [i]), O(() => {
     e && e(a, r);
   }, [r, e, a]);
   const m = (h) => {
@@ -1166,7 +1166,7 @@ function Po({
     watch: a
   } = e || {};
   let l;
-  return a && (l = a()[i.id]), K(() => {
+  return a && (l = a()[i.id]), O(() => {
     o(i.id);
   }, [i.id]), /* @__PURE__ */ n.jsx(
     Nn,
@@ -1761,12 +1761,12 @@ function va(i, e, o, s) {
     }), m = [];
   }
   function S(A, N, E) {
-    const ni = N !== "success";
-    switch (m = m.filter((J) => J !== A), u) {
+    const ei = N !== "success";
+    switch (m = m.filter((Y) => Y !== A), u) {
       case "pending":
         break;
       case "failed":
-        if (ni || !i.dataAfterTimeout) return;
+        if (ei || !i.dataAfterTimeout) return;
         break;
       default:
         return;
@@ -1775,16 +1775,16 @@ function va(i, e, o, s) {
       r = E, x();
       return;
     }
-    if (ni) {
+    if (ei) {
       r = E, m.length || (d.length ? j() : x());
       return;
     }
     if (f(), C(), !i.random) {
-      const J = i.resources.indexOf(A.resource);
-      J !== -1 && J !== i.index && (i.index = J);
+      const Y = i.resources.indexOf(A.resource);
+      Y !== -1 && Y !== i.index && (i.index = Y);
     }
-    u = "completed", h.forEach((J) => {
-      J(E);
+    u = "completed", h.forEach((Y) => {
+      Y(E);
     });
   }
   function j() {
@@ -1804,8 +1804,8 @@ function va(i, e, o, s) {
     const N = {
       status: "pending",
       resource: A,
-      callback: (E, ni) => {
-        S(N, E, ni);
+      callback: (E, ei) => {
+        S(N, E, ei);
       }
     };
     m.push(N), c++, v = setTimeout(j, i.rotate), o(A, e, N.callback);
@@ -2210,7 +2210,7 @@ if (typeof document != "undefined" && typeof window != "undefined") {
   }
 }
 function Ke(i) {
-  const [e, o] = D(!!i.ssr), [s, a] = D({});
+  const [e, o] = R(!!i.ssr), [s, a] = R({});
   function l(h) {
     if (h) {
       const f = i.icon;
@@ -2230,7 +2230,7 @@ function Ke(i) {
       name: ""
     };
   }
-  const [d, t] = D(l(!!i.ssr));
+  const [d, t] = R(l(!!i.ssr));
   function u() {
     const h = s.callback;
     h && (h(), a({}));
@@ -2261,7 +2261,7 @@ function Ke(i) {
         });
       } else y && ((h = i.onLoad) === null || h === void 0 || h.call(i, f));
   }
-  K(() => (o(!0), u), []), K(() => {
+  O(() => (o(!0), u), []), O(() => {
     e && r();
   }, [i.icon, e]);
   const { name: v, data: m } = d;
@@ -2279,7 +2279,7 @@ Se((i, e) => Ke({
   ...i,
   _ref: e
 }));
-function Y({
+function q({
   icon: i,
   iconClass: e
 }) {
@@ -2297,16 +2297,16 @@ function In({
     isReadOnly: l,
     watch: d,
     getValues: t
-  } = e || {}, [u, c] = D(() => {
+  } = e || {}, [u, c] = R(() => {
     const m = t == null ? void 0 : t(i.id);
     return Array.isArray(m) ? m : [];
-  }), r = ai(
+  }), r = si(
     () => u == null ? void 0 : u.map((m) => m.label).join(", "),
     [u]
   );
-  return K(() => {
+  return O(() => {
     s(i.id);
-  }, [i.id, s]), K(() => {
+  }, [i.id, s]), O(() => {
     if (!d) return;
     const m = d((h) => {
       const f = h[i.id];
@@ -2334,7 +2334,7 @@ function In({
             disabled: l,
             children: [
               /* @__PURE__ */ n.jsx("span", { className: "custom-select__value", children: (u == null ? void 0 : u.length) > 0 ? r : /* @__PURE__ */ n.jsx("span", { className: "custom-select__placeholder", children: o != null ? o : " Select options" }) }),
-              /* @__PURE__ */ n.jsx("span", { className: "custom-select__icon", children: /* @__PURE__ */ n.jsx(Y, { icon: "lucide:chevron-down" }) })
+              /* @__PURE__ */ n.jsx("span", { className: "custom-select__icon", children: /* @__PURE__ */ n.jsx(q, { icon: "lucide:chevron-down" }) })
             ]
           }
         ),
@@ -2393,10 +2393,10 @@ function He({
   fileName: e,
   removeFile: o
 }) {
-  const [s, a] = D(!1), [l, d] = D("unknown"), [t, u] = D(null);
-  K(() => {
+  const [s, a] = R(!1), [l, d] = R("unknown"), [t, u] = R(null);
+  O(() => {
     i && d(Ia(i));
-  }, [i]), K(() => {
+  }, [i]), O(() => {
     if (l === "pdf" && (i != null && i.startsWith("data:")))
       try {
         const h = atob(i.split(",")[1]), f = new ArrayBuffer(h.length), y = new Uint8Array(f);
@@ -2431,8 +2431,8 @@ function He({
         className: "!flex items-center rounded cursor-pointer   gap-x-3",
         title: `Click to preview ${v}`,
         children: [
-          l === "image" && /* @__PURE__ */ n.jsx("div", { className: "flex items-center justify-center ", children: /* @__PURE__ */ n.jsx(Y, { iconClass: "text-4xl", icon: "fluent-color:image-48" }) }),
-          l !== "image" && /* @__PURE__ */ n.jsx(Y, { icon: Oa[l], iconClass: "text-4xl" }),
+          l === "image" && /* @__PURE__ */ n.jsx("div", { className: "flex items-center justify-center ", children: /* @__PURE__ */ n.jsx(q, { iconClass: "text-4xl", icon: "fluent-color:image-48" }) }),
+          l !== "image" && /* @__PURE__ */ n.jsx(q, { icon: Oa[l], iconClass: "text-4xl" }),
           /* @__PURE__ */ n.jsx("span", { className: "text-sm font-semibold text-center text-gray-700 truncate max-w-[300px]", children: v })
         ]
       }
@@ -2445,7 +2445,7 @@ function He({
           className: "p-2",
           onClick: () => m(t || i, e),
           title: `Download ${v}`,
-          children: /* @__PURE__ */ n.jsx(Y, { icon: "streamline-flex:download-tray-solid" })
+          children: /* @__PURE__ */ n.jsx(q, { icon: "streamline-flex:download-tray-solid" })
         }
       ),
       o && /* @__PURE__ */ n.jsx(
@@ -2454,7 +2454,7 @@ function He({
           type: "button",
           className: "p-2 text-lg text-red-500",
           onClick: o,
-          children: /* @__PURE__ */ n.jsx(Y, { icon: "lets-icons:trash-duotone" })
+          children: /* @__PURE__ */ n.jsx(q, { icon: "lets-icons:trash-duotone" })
         }
       )
     ] }),
@@ -2520,17 +2520,17 @@ function Ga({
   list: a = null,
   accept: l = []
 }) {
-  const { uploadUrl: d } = ji(fi), t = Ci(null), [u, c] = D(a), [r, v] = D(!1);
-  K(() => {
+  const { uploadUrl: d } = ji(fi), t = Mi(null), [u, c] = R(a), [r, v] = R(!1);
+  O(() => {
     c(a);
   }, [a]);
-  const m = ai(
+  const m = si(
     () => l == null ? void 0 : l.map((S) => S.value).join(", "),
     [l]
-  ), h = ai(
+  ), h = si(
     () => l == null ? void 0 : l.map((S) => S.label).join(", "),
     [l]
-  ), f = Q(
+  ), f = X(
     async (S) => {
       var A;
       const j = gi("token");
@@ -2546,7 +2546,7 @@ function Ga({
       }
     },
     [d]
-  ), y = Q(
+  ), y = X(
     (S) => new Promise((j, A) => {
       const N = new FileReader();
       N.onloadend = async () => {
@@ -2554,13 +2554,13 @@ function Ga({
           const E = N.result.replace(
             /^data:.*;base64,/,
             ""
-          ), ni = d ? await f({
+          ), ei = d ? await f({
             base64: E,
             ext: `.${S.name.split(".").pop()}`,
             fileName: S.name
           }) : N.result;
           j({
-            base64: ni,
+            base64: ei,
             type: S.type,
             name: S.name
           });
@@ -2570,7 +2570,7 @@ function Ga({
       }, N.onerror = () => A(new Error("File read failed")), N.readAsDataURL(S);
     }),
     [d, f]
-  ), g = Q(
+  ), g = X(
     (S) => {
       var A;
       const j = m ? (A = m.split(",")) == null ? void 0 : A.map((N) => N.trim()) : [];
@@ -2589,7 +2589,7 @@ function Ga({
       return !0;
     },
     [m, h]
-  ), p = Q(
+  ), p = X(
     async (S) => {
       const j = Array.from(S.target.files || []);
       if (!(!j.length || r)) {
@@ -2609,7 +2609,7 @@ function Ga({
       }
     },
     [r, g, y, i, s, u]
-  ), x = Q(
+  ), x = X(
     (S) => {
       r || (t.current && (t.current.value = ""), c((j) => {
         const A = S === void 0 ? null : (j == null ? void 0 : j.filter((N, E) => E !== S)) || null;
@@ -2644,7 +2644,7 @@ function Ga({
           onClick: () => x(),
           disabled: r,
           "aria-label": "Remove all files",
-          children: /* @__PURE__ */ n.jsx(Y, { icon: "lets-icons:trash-duotone" })
+          children: /* @__PURE__ */ n.jsx(q, { icon: "lets-icons:trash-duotone" })
         }
       )
     ] }),
@@ -2667,15 +2667,15 @@ function Ga({
 }
 function Ha({ element: i, validationData: e }) {
   var r;
-  const [o, s] = D((r = i == null ? void 0 : i.value) != null ? r : null), {
+  const [o, s] = R((r = i == null ? void 0 : i.value) != null ? r : null), {
     register: a = () => ({}),
     setValue: l,
     isReadOnly: d,
     watch: t
   } = e || {};
-  K(() => {
+  O(() => {
     a(i.id);
-  }, [i.id, a]), K(() => {
+  }, [i.id, a]), O(() => {
     if (t) {
       const v = t((m) => {
         s(m[i.id]);
@@ -2686,7 +2686,7 @@ function Ha({ element: i, validationData: e }) {
       };
     }
   }, [t, i.id]);
-  const u = Q(
+  const u = X(
     (v) => {
       l == null || l(i.id, v), s(v);
     },
@@ -2804,7 +2804,7 @@ const z = ({
             peer-disabled:cursor-not-allowed
           `,
                 children: E && /* @__PURE__ */ n.jsx(
-                  Y,
+                  q,
                   {
                     icon: "meteor-icons:check",
                     iconClass: "w-3.5 h-3.5 text-white"
@@ -2938,7 +2938,7 @@ const Di = ({
   loading: h,
   disabled: f
 }) => {
-  const [y, g] = D(c ? [] : null), p = Ci(!1), x = ai(() => !t || !i || i.length === 0 ? c ? [] : null : c ? Array.isArray(t) ? i.filter((j) => t.some(
+  const [y, g] = R(c ? [] : null), p = Mi(!1), x = si(() => !t || !i || i.length === 0 ? c ? [] : null : c ? Array.isArray(t) ? i.filter((j) => t.some(
     (A) => {
       var N;
       return typeof j.value == "object" ? ((N = j.value) == null ? void 0 : N.id) === (A == null ? void 0 : A.id) : j.value === A;
@@ -2947,7 +2947,7 @@ const Di = ({
     var A;
     return typeof j.value == "string" && typeof t == "string" ? j.value.toLowerCase() === t.toLowerCase() : typeof j.value == "object" && typeof t == "object" ? ((A = j.value) == null ? void 0 : A.id) === (t == null ? void 0 : t.id) : j.value === t;
   }) || null, [t, i, c]);
-  K(() => {
+  O(() => {
     if (p.current) {
       p.current = !1;
       return;
@@ -2957,14 +2957,14 @@ const Di = ({
       JSON.stringify(j) !== JSON.stringify(A) && g(x);
     } else (x == null ? void 0 : x.value) !== (y == null ? void 0 : y.value) && g(x);
   }, [x, c]);
-  const C = Q((j) => {
+  const C = X((j) => {
     var A;
     if (p.current = !0, g(j), a) {
       const N = c ? Array.isArray(j) ? j == null ? void 0 : j.map((E) => E.value) : [] : (A = j == null ? void 0 : j.value) != null ? A : null;
       a(l, N), u == null || u(l);
     }
     s && !p.current && s(l);
-  }, [a, l, u, s, c]), S = ai(() => h ? "Fetching data..." : y ? c && Array.isArray(y) ? y.length > 0 ? y == null ? void 0 : y.map((j) => j.label).join(", ") : e : (y == null ? void 0 : y.label) || e : e, [y, h, e, c]);
+  }, [a, l, u, s, c]), S = si(() => h ? "Fetching data..." : y ? c && Array.isArray(y) ? y.length > 0 ? y == null ? void 0 : y.map((j) => j.label).join(", ") : e : (y == null ? void 0 : y.label) || e : e, [y, h, e, c]);
   return /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
     !r && d && /* @__PURE__ */ n.jsx("label", { className: "block text-sm text-[#686878] darks:text-white/70 mb-2", children: d }),
     r && d && /* @__PURE__ */ n.jsx(
@@ -2995,7 +2995,7 @@ const Di = ({
                 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(Y, { icon: "lucide:chevron-down" }) })
+            /* @__PURE__ */ n.jsx("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ n.jsx(q, { icon: "lucide:chevron-down" }) })
           ] }),
           /* @__PURE__ */ n.jsx(
             Ei,
@@ -3032,23 +3032,23 @@ function Tn({
   readOnly: a,
   name: l
 }) {
-  const [d, t] = D(""), u = ai(() => {
+  const [d, t] = R(""), u = si(() => {
     const h = e != null ? e : o;
     return i.find((f) => f.value === h || f.label === h) || null;
-  }, [e, o, i]), [c, r] = D(u);
-  K(() => {
+  }, [e, o, i]), [c, r] = R(u);
+  O(() => {
     if (e !== void 0) {
       const h = i.find((f) => f.value === e || f.label === e) || null;
       r(h);
     }
   }, [e, i]);
-  const v = ai(() => {
+  const v = si(() => {
     if (d === "") return i;
     const h = d.toLowerCase();
     return i.filter(
       (f) => f.label.toLowerCase().includes(h)
     );
-  }, [d, i]), m = Q((h) => {
+  }, [d, i]), m = X((h) => {
     r(h), s(l, h);
   }, [l, s]);
   return /* @__PURE__ */ n.jsx("div", { className: "relative w-full", children: /* @__PURE__ */ n.jsxs(
@@ -3068,7 +3068,7 @@ function Tn({
               placeholder: "Select an option..."
             }
           ),
-          /* @__PURE__ */ n.jsx(fo, { className: "absolute inset-y-0 right-0 flex items-center px-2 text-gray-400 hover:text-gray-600", children: /* @__PURE__ */ n.jsx(Y, { icon: "octicon:chevron-down-12" }) })
+          /* @__PURE__ */ n.jsx(fo, { className: "absolute inset-y-0 right-0 flex items-center px-2 text-gray-400 hover:text-gray-600", children: /* @__PURE__ */ n.jsx(q, { icon: "octicon:chevron-down-12" }) })
         ] }),
         /* @__PURE__ */ n.jsx(xo, { anchor: "bottom start", className: "select-options__combo", children: v.length === 0 ? /* @__PURE__ */ n.jsx("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No results found." }) : v == null ? void 0 : v.map((h) => /* @__PURE__ */ n.jsx(
           yo,
@@ -3095,7 +3095,7 @@ function za({
     watch: l
   } = e || {};
   let d;
-  return l && (d = l()[i.id]), K(() => {
+  return l && (d = l()[i.id]), O(() => {
     o(i.id);
   }, [i.id, o]), /* @__PURE__ */ n.jsx(n.Fragment, { children: i.selectType === "list" ? /* @__PURE__ */ n.jsx(
     Di,
@@ -3225,7 +3225,7 @@ const Ja = ({
 }, Yi = (i, e = i) => ({
   label: i,
   value: e,
-  id: Ai()
+  id: Si()
 }), ci = (i) => ({
   ...qa,
   ...i
@@ -3399,7 +3399,7 @@ const Ja = ({
     value: [],
     dataColumns: [
       {
-        id: Ai(),
+        id: Si(),
         field: "",
         headerName: "",
         width: 150,
@@ -3445,6 +3445,23 @@ const Ja = ({
     inputLabel: "",
     inputType: "grid",
     columns: 2
+  }),
+  ci({
+    type: "matrix",
+    label: "Likert Scale",
+    icon: "pepicons-pop:list",
+    inputLabel: "Matrix Label",
+    inputType: "matrix",
+    options: [
+      { id: "r1", label: "Example Row", value: "row_1" }
+    ],
+    options1: [
+      { id: "c1", label: "Strongly Disagree", value: "strongly_disagree" },
+      { id: "c2", label: "Disagree", value: "disagree" },
+      { id: "c3", label: "Neutral", value: "neutral" },
+      { id: "c4", label: "Agree", value: "agree" },
+      { id: "c5", label: "Strongly Agree", value: "strongly_agree" }
+    ]
   })
 ], Qa = Object.freeze({
   textFields: [
@@ -3467,8 +3484,9 @@ const Ja = ({
     "radio",
     "checkbox",
     "country",
-    "rating"
-    /* RATING */
+    "rating",
+    "matrix"
+    /* MATRIX */
   ],
   dateAndTime: [
     "date"
@@ -3517,7 +3535,8 @@ const Ja = ({
   "radio",
   "select",
   "checkbox",
-  "multiselect"
+  "multiselect",
+  "matrix"
 ], ss = ["validateInput"], ls = ["tableInput"], pn = ["basicText"], ds = [
   {
     value: [
@@ -3566,10 +3585,10 @@ function us({
   onChange: e,
   onGetValue: o
 }) {
-  const [s, a] = D(
+  const [s, a] = R(
     (i == null ? void 0 : i.length) > 0 ? i : [{ value: "" }]
   );
-  K(() => {
+  O(() => {
     (i == null ? void 0 : i.length) > 0 && JSON.stringify(i) !== JSON.stringify(s) && a(i);
   }, [i]);
   function l(u, c) {
@@ -3592,7 +3611,7 @@ function us({
     const c = s.filter((r, v) => v !== u);
     a(c), e && e(c);
   }
-  return K(() => {
+  return O(() => {
     o && o(JSON.stringify({ values: s }));
   }, [o, s]), /* @__PURE__ */ n.jsxs("div", { className: "]", children: [
     /* @__PURE__ */ n.jsxs("div", { className: "border border-gray-200 rounded-lg overflow-hidden", children: [
@@ -3694,7 +3713,7 @@ const ts = () => /* @__PURE__ */ n.jsx("blockquote", { className: "bg-gray-100 p
   label: s,
   type: a
 }) => {
-  const [l, d] = D(""), t = gi("config"), u = (c) => {
+  const [l, d] = R(""), t = gi("config"), u = (c) => {
     const r = c.target.files[0];
     if (!r) return;
     d(r.name);
@@ -3813,7 +3832,7 @@ function ps({
   watch: s,
   id: a
 }) {
-  const { formData: l } = ji(fi), d = s("visibilityDependentFields") || [], t = ai(() => {
+  const { formData: l } = ji(fi), d = s("visibilityDependentFields") || [], t = si(() => {
     var c;
     return (c = vs(l).filter((r) => r.id !== a)) == null ? void 0 : c.map((r) => {
       const v = d.find(
@@ -4067,8 +4086,8 @@ const gs = w.object().shape({
 }) => {
   console.log(o);
   const s = fs.filter(
-    (P) => !qi.includes(o.inputType) || P.key !== "validation"
-  ), { updateElement: a } = mi.useContext(fi), [l, d] = D("basic"), [t, u] = D(!1), [c, r] = D("manual"), v = gi("config"), {
+    (D) => !qi.includes(o.inputType) || D.key !== "validation"
+  ), { updateElement: a } = bi.useContext(fi), [l, d] = R("basic"), [t, u] = R(!1), [c, r] = R("manual"), v = gi("config"), {
     register: m,
     handleSubmit: h,
     control: f,
@@ -4083,193 +4102,123 @@ const gs = w.object().shape({
       ...o,
       options: o.options || []
     }
-  }), A = g(), { fields: N, append: E, remove: ni } = mn({
+  }), A = g(), { fields: N, append: E, remove: ei } = mn({
     control: f,
     name: "options"
   }), {
-    fields: J,
-    append: $,
+    fields: Y,
+    append: Q,
     remove: L
   } = mn({
     control: f,
     name: "options1"
   }), {
-    fields: W,
-    append: O,
-    remove: G
+    fields: U,
+    append: I,
+    remove: K
   } = mn({
     control: f,
     name: "dataColumns"
   });
-  K(() => {
+  O(() => {
     i || j();
   }, [i, j]);
-  const H = (P) => {
-    a(P, o.sectionId), e();
+  const G = (D) => {
+    a(D, o.sectionId), e();
   }, M = {
     headers: {
       Authorization: `Bearer ${gi("token")}`
     }
-  }, B = Q(async () => {
-    var P, I, U;
+  }, B = X(async () => {
+    var D, _, V;
     if (!A.apiUrl || !/^https?:\/\//.test(A.apiUrl)) {
       ki.info("Please provide a valid API URL");
       return;
     }
     try {
       u(!0);
-      const { status: oi, data: F } = await Ii.get(A.apiUrl, M);
-      if (oi !== 200 || !F) {
+      const { status: F, data: W } = await Ii.get(A.apiUrl, M);
+      if (F !== 200 || !W) {
         ki.error("Unexpected response from server.");
         return;
       }
-      const si = F.data || F.record || F.result;
-      if (!Array.isArray(si)) {
+      const oi = W.data || W.record || W.result;
+      if (!Array.isArray(oi)) {
         ki.error("Expected an array in response (data, record, or result).");
         return;
       }
-      ((P = o.type) == null ? void 0 : P.toLowerCase()) === "datagrid" ? y("dataColumns", Bn(si)) : y("options", wn(si));
-    } catch (oi) {
-      const F = ((U = (I = oi == null ? void 0 : oi.response) == null ? void 0 : I.data) == null ? void 0 : U.message) || (oi == null ? void 0 : oi.message) || "Unable to load options";
-      ki.error(F);
+      ((D = o.type) == null ? void 0 : D.toLowerCase()) === "datagrid" ? y("dataColumns", Bn(oi)) : y("options", wn(oi));
+    } catch (F) {
+      const W = ((V = (_ = F == null ? void 0 : F.response) == null ? void 0 : _.data) == null ? void 0 : V.message) || (F == null ? void 0 : F.message) || "Unable to load options";
+      ki.error(W);
     } finally {
       u(!1);
     }
-  }, [o.type, y, A.apiUrl]), _ = ["manual", "api", "sheet"];
-  function ti() {
+  }, [o.type, y, A.apiUrl]), J = ["manual", "api", "sheet"];
+  function ri() {
     c === "api" && B();
   }
-  const X = () => /* @__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: _ == null ? void 0 : _.map((P) => /* @__PURE__ */ n.jsxs("label", { className: "items-center text-base capitalize gap-x-3", children: [
-      /* @__PURE__ */ n.jsx(
-        "input",
-        {
-          type: "radio",
-          name: "optionType",
-          onChange: (I) => r(I.target.value),
-          value: P
-        }
-      ),
-      " ",
-      /* @__PURE__ */ n.jsxs("span", { children: [
-        P,
-        " options"
-      ] })
-    ] }, P)) }),
-    c === "api" && /* @__PURE__ */ n.jsxs("div", { className: "mb-4", children: [
-      /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-2", children: [
-        /* @__PURE__ */ n.jsxs("div", { className: "relative flex items-center w-full mb-2", children: [
-          /* @__PURE__ */ n.jsx(
-            z,
-            {
-              watch: g,
-              label: "Load Options from Api",
-              name: "apiUrl",
-              errors: x,
-              register: m,
-              className: "!w-full",
-              placeholder: "https://example.com/options",
-              isFloating: !0
-            }
-          ),
-          t && /* @__PURE__ */ n.jsx("div", { className: "absolute w-4 h-4 mt-1 border-2 border-blue-500 rounded-full border-t-transparent animate-spin right-3 top-1/2" })
-        ] }),
+  const ii = () => {
+    var D, _;
+    return /* @__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: J == null ? void 0 : J.map((V) => /* @__PURE__ */ n.jsxs("label", { className: "items-center text-base capitalize gap-x-3", children: [
         /* @__PURE__ */ n.jsx(
-          "button",
+          "input",
           {
-            onClick: ti,
-            className: "px-3 py-1 text-xs text-white bg-gray-600 rounded",
-            type: "button",
-            children: "Load"
+            type: "radio",
+            name: "optionType",
+            onChange: (F) => r(F.target.value),
+            value: V
           }
-        )
-      ] }),
-      /* @__PURE__ */ n.jsx(cs, {})
-    ] }),
-    c === "sheet" && /* @__PURE__ */ n.jsx("div", { className: "mb-4", children: /* @__PURE__ */ n.jsx(
-      ge,
-      {
-        type: o.type,
-        label: "Load options form sheet (csv, xlsx)",
-        setValue: y,
-        name: "options"
-      }
-    ) }),
-    /* @__PURE__ */ n.jsxs("div", { children: [
-      /* @__PURE__ */ n.jsx("h3", { className: "mb-4 text-sm text-gray-500", children: "Parent Options " }),
-      N == null ? void 0 : N.map((P, I) => /* @__PURE__ */ n.jsxs(
-        "div",
-        {
-          className: "flex items-center mb-1 gap-x-4 last:mb-0",
-          children: [
-            /* @__PURE__ */ n.jsx("div", { className: "flex-1", children: /* @__PURE__ */ n.jsx(
+        ),
+        " ",
+        /* @__PURE__ */ n.jsxs("span", { children: [
+          V,
+          " options"
+        ] })
+      ] }, V)) }),
+      c === "api" && /* @__PURE__ */ n.jsxs("div", { className: "mb-4", children: [
+        /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-2", children: [
+          /* @__PURE__ */ n.jsxs("div", { className: "relative flex items-center w-full mb-2", children: [
+            /* @__PURE__ */ n.jsx(
               z,
               {
                 watch: g,
-                label: I === 0 ? "Label" : "",
-                name: `options.${I}.label`,
-                register: m,
+                label: "Load Options from Api",
+                name: "apiUrl",
                 errors: x,
-                element: o,
-                placeholder: "Label",
-                onChange: (U) => {
-                  const F = U.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
-                  y(`options.${I}.value`, F, {
-                    shouldValidate: !0,
-                    shouldDirty: !0
-                  });
-                }
-              }
-            ) }),
-            /* @__PURE__ */ n.jsx("div", { className: "flex-1", children: /* @__PURE__ */ n.jsx(
-              z,
-              {
-                watch: g,
-                label: I === 0 ? "Value" : "",
-                name: `options.${I}.value`,
                 register: m,
-                errors: x,
-                element: o,
-                placeholder: "Value"
+                className: "!w-full",
+                placeholder: "https://example.com/options",
+                isFloating: !0
               }
-            ) }),
-            /* @__PURE__ */ n.jsx(
-              "button",
-              {
-                disabled: N.length === 1,
-                type: "button",
-                className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
-                onClick: () => ni(I),
-                children: /* @__PURE__ */ n.jsx(Y, { icon: "iconamoon:sign-times-fill" })
-              }
-            )
-          ]
-        },
-        P.id
-      )),
-      " ",
-      /* @__PURE__ */ n.jsxs("div", { children: [
-        " ",
-        /* @__PURE__ */ n.jsxs(
-          "button",
-          {
-            type: "button",
-            className: "flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",
-            onClick: () => E({ label: "", value: "", id: Ai() }),
-            children: [
-              /* @__PURE__ */ n.jsx(Y, { icon: "qlementine-icons:plus-16" }),
-              " Add Option"
-            ]
-          }
-        )
-      ] })
-    ] }),
-    o.type.toLowerCase() === "cascadeselect" && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      /* @__PURE__ */ n.jsx("hr", { className: "my-5" }),
+            ),
+            t && /* @__PURE__ */ n.jsx("div", { className: "absolute w-4 h-4 mt-1 border-2 border-blue-500 rounded-full border-t-transparent animate-spin right-3 top-1/2" })
+          ] }),
+          /* @__PURE__ */ n.jsx(
+            "button",
+            {
+              onClick: ri,
+              className: "px-3 py-1 text-xs text-white bg-gray-600 rounded",
+              type: "button",
+              children: "Load"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n.jsx(cs, {})
+      ] }),
+      c === "sheet" && /* @__PURE__ */ n.jsx("div", { className: "mb-4", children: /* @__PURE__ */ n.jsx(
+        ge,
+        {
+          type: o.type,
+          label: "Load options form sheet (csv, xlsx)",
+          setValue: y,
+          name: "options"
+        }
+      ) }),
       /* @__PURE__ */ n.jsxs("div", { children: [
-        " ",
-        /* @__PURE__ */ n.jsx("h3", { className: "mb-4 text-sm text-gray-500", children: "Child Options " }),
-        J == null ? void 0 : J.map((P, I) => /* @__PURE__ */ n.jsxs(
+        /* @__PURE__ */ n.jsx("h3", { className: "mb-4 text-sm text-gray-500 font-semibold", children: ((D = o == null ? void 0 : o.type) == null ? void 0 : D.toLowerCase()) === "matrix" ? "Rows Options" : "Parent Options" }),
+        N == null ? void 0 : N.map((V, F) => /* @__PURE__ */ n.jsxs(
           "div",
           {
             className: "flex items-center mb-1 gap-x-4 last:mb-0",
@@ -4278,16 +4227,15 @@ const gs = w.object().shape({
                 z,
                 {
                   watch: g,
-                  label: "Label",
-                  name: `options1.${I}.label`,
+                  label: F === 0 ? "Label" : "",
+                  name: `options.${F}.label`,
                   register: m,
                   errors: x,
                   element: o,
                   placeholder: "Label",
-                  isFloating: !0,
-                  onChange: (U) => {
-                    const F = U.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
-                    y(`options1.${I}.value`, F, {
+                  onChange: (W) => {
+                    const ti = W.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
+                    y(`options.${F}.value`, ti, {
                       shouldValidate: !0,
                       shouldDirty: !0
                     });
@@ -4298,42 +4246,29 @@ const gs = w.object().shape({
                 z,
                 {
                   watch: g,
-                  label: "Value",
-                  name: `options1.${I}.value`,
-                  register: m,
-                  errors: x,
-                  element: o,
-                  placeholder: "Value",
-                  isFloating: !0
-                }
-              ) }),
-              /* @__PURE__ */ n.jsx("div", { className: "flex-1", children: /* @__PURE__ */ n.jsx(
-                z,
-                {
-                  watch: g,
-                  label: "Key",
-                  name: `options1.${I}.key`,
+                  label: F === 0 ? "Value" : "",
+                  name: `options.${F}.value`,
                   register: m,
                   errors: x,
                   element: o,
-                  placeholder: "Key",
-                  isFloating: !0
+                  placeholder: "Value"
                 }
               ) }),
               /* @__PURE__ */ n.jsx(
                 "button",
                 {
-                  disabled: J.length === 1,
+                  disabled: N.length === 1,
                   type: "button",
                   className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
-                  onClick: () => L(I),
-                  children: /* @__PURE__ */ n.jsx(Y, { icon: "iconamoon:sign-times-fill" })
+                  onClick: () => ei(F),
+                  children: /* @__PURE__ */ n.jsx(q, { icon: "iconamoon:sign-times-fill" })
                 }
               )
             ]
           },
-          P.id
+          V.id
         )),
+        " ",
         /* @__PURE__ */ n.jsxs("div", { children: [
           " ",
           /* @__PURE__ */ n.jsxs(
@@ -4341,34 +4276,118 @@ const gs = w.object().shape({
             {
               type: "button",
               className: "flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",
-              onClick: () => $({ label: "", value: "", key: "", id: Ai() }),
+              onClick: () => E({ label: "", value: "", id: Si() }),
               children: [
-                /* @__PURE__ */ n.jsx(Y, { icon: "qlementine-icons:plus-16" }),
+                /* @__PURE__ */ n.jsx(q, { icon: "qlementine-icons:plus-16" }),
                 " Add Option"
               ]
             }
           )
         ] })
+      ] }),
+      ["cascadeselect", "matrix"].includes(o.type.toLowerCase()) && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+        /* @__PURE__ */ n.jsx("hr", { className: "my-5" }),
+        /* @__PURE__ */ n.jsxs("div", { children: [
+          " ",
+          /* @__PURE__ */ n.jsx("h3", { className: "mb-4 text-sm text-gray-500 font-semibold", children: ((_ = o == null ? void 0 : o.type) == null ? void 0 : _.toLowerCase()) === "matrix" ? "Columns Options" : "Child Options" }),
+          Y == null ? void 0 : Y.map((V, F) => /* @__PURE__ */ n.jsxs(
+            "div",
+            {
+              className: "flex items-center mb-1 gap-x-4 last:mb-0",
+              children: [
+                /* @__PURE__ */ n.jsx("div", { className: "flex-1", children: /* @__PURE__ */ n.jsx(
+                  z,
+                  {
+                    watch: g,
+                    label: F === 0 ? "Label" : "",
+                    name: `options1.${F}.label`,
+                    register: m,
+                    errors: x,
+                    element: o,
+                    placeholder: "Label",
+                    onChange: (W) => {
+                      const ti = W.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
+                      y(`options1.${F}.value`, ti, {
+                        shouldValidate: !0,
+                        shouldDirty: !0
+                      });
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ n.jsx("div", { className: "flex-1", children: /* @__PURE__ */ n.jsx(
+                  z,
+                  {
+                    watch: g,
+                    label: F === 0 ? "Value" : "",
+                    name: `options1.${F}.value`,
+                    register: m,
+                    errors: x,
+                    element: o,
+                    placeholder: "Value"
+                  }
+                ) }),
+                /* @__PURE__ */ n.jsx("div", { className: "flex-1", children: /* @__PURE__ */ n.jsx(
+                  z,
+                  {
+                    watch: g,
+                    label: F === 0 ? "Key" : "",
+                    name: `options1.${F}.key`,
+                    register: m,
+                    errors: x,
+                    element: o,
+                    placeholder: "Key"
+                  }
+                ) }),
+                /* @__PURE__ */ n.jsx(
+                  "button",
+                  {
+                    disabled: Y.length === 1,
+                    type: "button",
+                    className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
+                    onClick: () => L(F),
+                    children: /* @__PURE__ */ n.jsx(q, { icon: "iconamoon:sign-times-fill" })
+                  }
+                )
+              ]
+            },
+            V.id
+          )),
+          /* @__PURE__ */ n.jsxs("div", { children: [
+            " ",
+            /* @__PURE__ */ n.jsxs(
+              "button",
+              {
+                type: "button",
+                className: "flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",
+                onClick: () => Q({ label: "", value: "", key: "", id: Si() }),
+                children: [
+                  /* @__PURE__ */ n.jsx(q, { icon: "qlementine-icons:plus-16" }),
+                  " Add Option"
+                ]
+              }
+            )
+          ] })
+        ] })
       ] })
-    ] })
-  ] }), di = () => /* @__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: _ == null ? void 0 : _.map((P) => /* @__PURE__ */ n.jsxs("label", { className: "items-center text-base capitalize gap-x-3", children: [
+    ] });
+  }, di = () => /* @__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: J == null ? void 0 : J.map((D) => /* @__PURE__ */ n.jsxs("label", { className: "items-center text-base capitalize gap-x-3", children: [
       /* @__PURE__ */ n.jsx(
         "input",
         {
           type: "radio",
           name: "optionType",
-          onChange: (I) => r(I.target.value),
-          value: P,
-          checked: P === c
+          onChange: (_) => r(_.target.value),
+          value: D,
+          checked: D === c
         }
       ),
       " ",
       /* @__PURE__ */ n.jsxs("span", { children: [
-        P,
+        D,
         " options"
       ] })
-    ] }, P)) }),
+    ] }, D)) }),
     c === "api" && /* @__PURE__ */ n.jsxs("div", { className: "mb-4", children: [
       /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-2", children: [
         /* @__PURE__ */ n.jsxs("div", { className: "relative flex items-center w-full mb-2", children: [
@@ -4390,7 +4409,7 @@ const gs = w.object().shape({
         /* @__PURE__ */ n.jsx(
           "button",
           {
-            onClick: ti,
+            onClick: ri,
             className: "px-3 py-1 text-xs text-white bg-gray-600 rounded",
             type: "button",
             children: "Load"
@@ -4408,11 +4427,11 @@ const gs = w.object().shape({
         name: "dataColumns"
       }
     ) }),
-    /* @__PURE__ */ n.jsx("div", { className: "grid gap-y-3", children: W == null ? void 0 : W.map((P, I) => /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-4 ", children: [
+    /* @__PURE__ */ n.jsx("div", { className: "grid gap-y-3", children: U == null ? void 0 : U.map((D, _) => /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-4 ", children: [
       /* @__PURE__ */ n.jsx("div", { className: "min-w-[140px]", children: /* @__PURE__ */ n.jsx(
         Di,
         {
-          label: I === 0 ? "Type" : "",
+          label: _ === 0 ? "Type" : "",
           options: [
             {
               label: "Text",
@@ -4428,22 +4447,22 @@ const gs = w.object().shape({
             }
           ],
           register: m,
-          name: `dataColumns.${I}.type`,
+          name: `dataColumns.${_}.type`,
           setValue: y,
           trigger: p,
-          value: A.dataColumns[I].type
+          value: A.dataColumns[_].type
         }
       ) }),
       /* @__PURE__ */ n.jsx("div", { className: "flex-1", children: /* @__PURE__ */ n.jsx(
         z,
         {
           watch: g,
-          label: I === 0 ? "Display header" : "",
-          name: `dataColumns.${I}.headerName`,
+          label: _ === 0 ? "Display header" : "",
+          name: `dataColumns.${_}.headerName`,
           register: m,
-          onChange: (U) => {
-            const F = U.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
-            y(`dataColumns.${I}.field`, F, {
+          onChange: (V) => {
+            const W = V.target.value.toLowerCase().trim().replace(/[\s-]+/g, "_").replace(/[^a-z0-9_]/g, "");
+            y(`dataColumns.${_}.field`, W, {
               shouldValidate: !0,
               shouldDirty: !0
             });
@@ -4456,14 +4475,14 @@ const gs = w.object().shape({
       /* @__PURE__ */ n.jsx(
         "button",
         {
-          disabled: W.length === 1,
+          disabled: U.length === 1,
           type: "button",
           className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
-          onClick: () => G(I),
-          children: /* @__PURE__ */ n.jsx(Y, { icon: "iconamoon:sign-times-fill" })
+          onClick: () => K(_),
+          children: /* @__PURE__ */ n.jsx(q, { icon: "iconamoon:sign-times-fill" })
         }
       )
-    ] }, P.id)) }),
+    ] }, D.id)) }),
     /* @__PURE__ */ n.jsxs("div", { children: [
       " ",
       /* @__PURE__ */ n.jsxs(
@@ -4471,40 +4490,40 @@ const gs = w.object().shape({
         {
           type: "button",
           className: "flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",
-          onClick: () => O({
+          onClick: () => I({
             headerName: "",
             field: "",
             editable: !0,
-            id: Ai(),
+            id: Si(),
             type: "text",
             validate: !1
           }),
           children: [
-            /* @__PURE__ */ n.jsx(Y, { icon: "qlementine-icons:plus-16" }),
+            /* @__PURE__ */ n.jsx(q, { icon: "qlementine-icons:plus-16" }),
             " Add column"
           ]
         }
       )
     ] })
-  ] }), pi = Q(async () => {
-    const P = gi("token"), { status: I, data: U } = await Ii.get(A.url, {
+  ] }), pi = X(async () => {
+    const D = gi("token"), { status: _, data: V } = await Ii.get(A.url, {
       headers: {
-        Authorization: `Bearer ${P}`
+        Authorization: `Bearer ${D}`
       }
     });
-    I === 200 && y("options", (U == null ? void 0 : U.data) || U);
+    _ === 200 && y("options", (V == null ? void 0 : V.data) || V);
   }, [y, A.url]);
-  K(() => {
+  O(() => {
     o.type === "document" && A.url && pi();
   }, [A.url, o.type, pi]);
-  const bi = /* @__PURE__ */ n.jsx(
+  const vi = /* @__PURE__ */ n.jsx(
     "div",
     {
       className: "fixed inset-0 bg-gray-800/40 backdrop-blur-sm flex items-center justify-end z-[999] cursor-default",
-      onMouseDown: (P) => P.stopPropagation(),
-      onPointerDown: (P) => P.stopPropagation(),
-      onDragStart: (P) => {
-        P.preventDefault(), P.stopPropagation();
+      onMouseDown: (D) => D.stopPropagation(),
+      onPointerDown: (D) => D.stopPropagation(),
+      onDragStart: (D) => {
+        D.preventDefault(), D.stopPropagation();
       },
       children: /* @__PURE__ */ n.jsxs("div", { className: "w-full lg:w-2/3 xl:w-2/5 bg-white h-screen  shadow-xl relative flex flex-col  items-center", children: [
         /* @__PURE__ */ n.jsx(
@@ -4512,7 +4531,7 @@ const gs = w.object().shape({
           {
             className: "bg-white h-10 w-10 flex justify-center items-center absolute top-1 -left-12 rounded-lg hover:bg-gray-50",
             onClick: e,
-            children: /* @__PURE__ */ n.jsx(Y, { icon: "tabler:x", iconClass: "text-xl" })
+            children: /* @__PURE__ */ n.jsx(q, { icon: "tabler:x", iconClass: "text-xl" })
           }
         ),
         /* @__PURE__ */ n.jsx("div", { className: "w-full pt-4", children: /* @__PURE__ */ n.jsx(
@@ -4528,7 +4547,7 @@ const gs = w.object().shape({
         /* @__PURE__ */ n.jsxs(
           "form",
           {
-            onSubmit: h(H),
+            onSubmit: h(G),
             className: "w-full flex-1 flex flex-col",
             children: [
               /* @__PURE__ */ n.jsxs("div", { className: "flex-1", children: [
@@ -4652,8 +4671,8 @@ const gs = w.object().shape({
                     ls.includes(o.inputType) && /* @__PURE__ */ n.jsx(
                       us,
                       {
-                        onChange: (P) => {
-                          y("denominators", P);
+                        onChange: (D) => {
+                          y("denominators", D);
                         },
                         value: g("denominators")
                       }
@@ -4847,7 +4866,7 @@ const gs = w.object().shape({
                         }
                       )
                     ] }),
-                    as.includes(o.inputType) && X(),
+                    as.includes(o.inputType) && ii(),
                     /* @__PURE__ */ n.jsxs("div", { children: [
                       /* @__PURE__ */ n.jsx("div", { className: "w-[150px] mb-4", children: /* @__PURE__ */ n.jsx(
                         z,
@@ -5041,16 +5060,16 @@ const gs = w.object().shape({
       ] })
     }
   );
-  return document.body ? Ao(bi, document.body) : bi;
+  return document.body ? Ao(vi, document.body) : vi;
 }, Kn = an(
   ({ state: i, element: e, children: o }) => {
-    const [s, a] = D(!1), { removeElement: l, duplicateElement: d } = mi.useContext(fi), t = ai(
+    const [s, a] = R(!1), { removeElement: l, duplicateElement: d } = bi.useContext(fi), t = si(
       () => {
         var c;
         return (c = e == null ? void 0 : e.acceptedFiles) == null ? void 0 : c.map((r) => r.label).join(", ");
       },
       [e]
-    ), u = Q(() => {
+    ), u = X(() => {
       l(e.id, e.sectionId);
     }, [e.id, e.sectionId, l]);
     return /* @__PURE__ */ n.jsxs("div", { className: "w-full min-w-0", children: [
@@ -5083,7 +5102,7 @@ const gs = w.object().shape({
               className: "text-sm outline-none hover:opacity-80 py-1 text-gray-600",
               onClick: () => d(e == null ? void 0 : e.id, e.sectionId),
               title: "Duplicate",
-              children: /* @__PURE__ */ n.jsx(Y, { icon: "tabler:copy", iconClass: "text-base" })
+              children: /* @__PURE__ */ n.jsx(q, { icon: "tabler:copy", iconClass: "text-base" })
             }
           ),
           /* @__PURE__ */ n.jsx(
@@ -5093,7 +5112,7 @@ const gs = w.object().shape({
               className: "text-sm outline-none hover:opacity-80 text-gray-600 py-1",
               onClick: () => a(!0),
               title: "Edit",
-              children: /* @__PURE__ */ n.jsx(Y, { icon: "circum:edit", iconClass: "text-base" })
+              children: /* @__PURE__ */ n.jsx(q, { icon: "circum:edit", iconClass: "text-base" })
             }
           ),
           /* @__PURE__ */ n.jsx(
@@ -5103,7 +5122,7 @@ const gs = w.object().shape({
               className: "text-sm outline-none hover:opacity-80 text-gray-600 py-1",
               onClick: u,
               title: "Remove",
-              children: /* @__PURE__ */ n.jsx(Y, { icon: "iconamoon:trash", iconClass: "text-base" })
+              children: /* @__PURE__ */ n.jsx(q, { icon: "iconamoon:trash", iconClass: "text-base" })
             }
           )
         ] })
@@ -5148,7 +5167,7 @@ function As(i) {
   return e.test(i) || o.test(i);
 }
 const Ss = ({ imageUrl: i }) => {
-  const [e, o] = D(!1), s = () => {
+  const [e, o] = R(!1), s = () => {
     o(!0);
   }, a = () => {
     o(!1);
@@ -5239,40 +5258,40 @@ function Ns({
   validationData: e
 }) {
   var A;
-  const { register: o = () => ({}), setValue: s, watch: a } = e || {}, [l, d] = D(), [t, u] = D(!1), [c, r] = D(!1), [v, m] = D(""), h = a && a(i == null ? void 0 : i.id);
-  K(() => {
+  const { register: o = () => ({}), setValue: s, watch: a } = e || {}, [l, d] = R(), [t, u] = R(!1), [c, r] = R(!1), [v, m] = R(""), h = a && a(i == null ? void 0 : i.id);
+  O(() => {
     d(h);
   }, [h]);
-  const [f, y] = D("");
-  K(() => {
+  const [f, y] = R("");
+  O(() => {
     o(i.id);
   }, [i.id, o]);
   const { url: g, method: p, responseType: x } = i || {}, S = {
     headers: {
       Authorization: `Bearer ${gi("token")}`
     }
-  }, j = Q(
+  }, j = X(
     async (N) => {
-      var E, ni, J, $, L, W, O, G, H, R, M;
+      var E, ei, Y, Q, L, U, I, K, G, P, M;
       if (!(!g || !p)) {
         u(!0);
         try {
           let B;
           if (p.toLowerCase() === "get") {
-            const _ = `${g}?value=${N}`;
-            B = await Ii.get(_, S);
+            const J = `${g}?value=${N}`;
+            B = await Ii.get(J, S);
           } else if (p.toLowerCase() === "post")
             B = await Ii.post(g, { value: N }, S);
           else
             throw new Error("Unsupported HTTP method");
-          B.status === 200 && ((((ni = (E = B == null ? void 0 : B.data) == null ? void 0 : E.data) == null ? void 0 : ni.status) || ((J = B == null ? void 0 : B.data) == null ? void 0 : J.status)) === !0 ? (r(!0), x === "string" ? m(
-            ((L = ($ = B == null ? void 0 : B.data) == null ? void 0 : $.data) == null ? void 0 : L.description) || ((W = B == null ? void 0 : B.data) == null ? void 0 : W.description) || "Validation successful"
+          B.status === 200 && ((((ei = (E = B == null ? void 0 : B.data) == null ? void 0 : E.data) == null ? void 0 : ei.status) || ((Y = B == null ? void 0 : B.data) == null ? void 0 : Y.status)) === !0 ? (r(!0), x === "string" ? m(
+            ((L = (Q = B == null ? void 0 : B.data) == null ? void 0 : Q.data) == null ? void 0 : L.description) || ((U = B == null ? void 0 : B.data) == null ? void 0 : U.description) || "Validation successful"
           ) : y(
-            ((G = (O = B == null ? void 0 : B.data) == null ? void 0 : O.data) == null ? void 0 : G.description) || ((H = B == null ? void 0 : B.data) == null ? void 0 : H.description) || {}
+            ((K = (I = B == null ? void 0 : B.data) == null ? void 0 : I.data) == null ? void 0 : K.description) || ((G = B == null ? void 0 : B.data) == null ? void 0 : G.description) || {}
           )) : (console.error("Invalid input:", N), m("Unable to validate input"), r(!1)));
         } catch (B) {
           console.error("Error validating input:", B), m(
-            ((M = (R = B == null ? void 0 : B.response) == null ? void 0 : R.data) == null ? void 0 : M.message) || "Unable to validate input"
+            ((M = (P = B == null ? void 0 : B.response) == null ? void 0 : P.data) == null ? void 0 : M.message) || "Unable to validate input"
           ), r(!1);
         } finally {
           u(!1);
@@ -5281,7 +5300,7 @@ function Ns({
     },
     [p, x, g]
   );
-  return K(() => {
+  return O(() => {
     if (l) {
       const N = setTimeout(() => {
         j(l);
@@ -5337,7 +5356,7 @@ function Ns({
             }
           )
         ] }),
-        c && !t && /* @__PURE__ */ n.jsx("span", { className: "block pr-3 text-lg text-green-600", children: /* @__PURE__ */ n.jsx(Y, { icon: "gg:check-o" }) })
+        c && !t && /* @__PURE__ */ n.jsx("span", { className: "block pr-3 text-lg text-green-600", children: /* @__PURE__ */ n.jsx(q, { icon: "gg:check-o" }) })
       ] })
     ] }),
     v && x === "string" && /* @__PURE__ */ n.jsx(
@@ -5362,7 +5381,7 @@ function js({
   defaultValue: o,
   denominators: s
 }) {
-  const [a, l] = D([...o]);
+  const [a, l] = R([...o]);
   function d(c, r) {
     l((v) => {
       const m = [...v];
@@ -5375,16 +5394,16 @@ function js({
   function t(c, r) {
     return parseFloat(c) * parseFloat(r) || 0;
   }
-  const u = ai(
+  const u = si(
     () => a.reduce((c, r) => {
       const v = t(r.key, r.value);
       return c + v;
     }, 0),
     [a]
   );
-  return K(() => {
+  return O(() => {
     i && i(a);
-  }, [a]), K(() => {
+  }, [a]), O(() => {
     if (s != null && s.length) {
       const c = s == null ? void 0 : s.map((r, v) => ({
         key: r.value,
@@ -5435,7 +5454,7 @@ function ks({
   validationData: e
 }) {
   const { register: o = () => ({}), setValue: s, getValues: a } = e || {}, l = a && a(i == null ? void 0 : i.id) || [];
-  return K(() => {
+  return O(() => {
     o(i.id);
   }, [i.id, o]), /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx(
     js,
@@ -5564,7 +5583,7 @@ function Bs({
         onClick: () => l(i.id),
         className: "text-red-500 hover:text-red-700",
         "aria-label": "Delete row",
-        children: /* @__PURE__ */ n.jsx(Y, { icon: "lets-icons:trash-duotone", iconClass: "text-xl" })
+        children: /* @__PURE__ */ n.jsx(q, { icon: "lets-icons:trash-duotone", iconClass: "text-xl" })
       }
     ) })
   ] });
@@ -5576,13 +5595,13 @@ function Ls({
   isReadOnly: o = !1,
   columns: s
 }) {
-  const [a, l] = D(i), d = gi("config");
-  K(() => {
+  const [a, l] = R(i), d = gi("config");
+  O(() => {
     l((v) => JSON.stringify(v) !== JSON.stringify(i) ? i : v);
-  }, [i]), K(() => {
+  }, [i]), O(() => {
     e == null || e(a);
   }, [a, e]);
-  const t = Q(
+  const t = X(
     (v, m, h) => {
       l(
         (f) => f.map(
@@ -5591,12 +5610,12 @@ function Ls({
       );
     },
     []
-  ), u = Q(() => {
-    const v = Ai(), m = s.reduce((h, f) => (h[f.field] = f.field === "id" ? v : "", h), {});
+  ), u = X(() => {
+    const v = Si(), m = s.reduce((h, f) => (h[f.field] = f.field === "id" ? v : "", h), {});
     l((h) => [...h, { id: v, ...m }]);
-  }, [s]), c = Q((v) => {
+  }, [s]), c = X((v) => {
     l((m) => m.filter((h) => h.id !== v));
-  }, []), r = Q(
+  }, []), r = X(
     (v, m) => ({
       isValidating: !1,
       result: void 0
@@ -5665,10 +5684,10 @@ function Ps({
     watch: a,
     isReadOnly: l
   } = e || {}, d = a && a(i == null ? void 0 : i.id) || {}, t = Array.isArray(d) ? d : (r = d == null ? void 0 : d.rows) != null ? r : [];
-  K(() => {
+  O(() => {
     o(i.id);
   }, [i.id, o]);
-  const u = Ci(""), c = Q(
+  const u = Mi(""), c = X(
     (v) => {
       const m = JSON.stringify(v);
       m !== u.current && (u.current = m, s == null || s(i.id, {
@@ -5706,14 +5725,14 @@ const xe = ({
   loading: f,
   disabled: y
 }) => {
-  const [g, p] = D(r ? [] : null), x = Z("custom-select__control", i), C = ai(() => e, [e]);
-  return K(() => {
+  const [g, p] = R(r ? [] : null), x = Z("custom-select__control", i), C = si(() => e, [e]);
+  return O(() => {
     const S = e == null ? void 0 : e.find((j) => {
       var A;
       return typeof j.value == "string" && typeof u == "string" ? j.value.toLowerCase() === u.toLowerCase() : typeof j.value == "object" && typeof u == "object" ? ((A = j.value) == null ? void 0 : A.id) === (u == null ? void 0 : u.id) : j.value === u;
     });
     p(S || null);
-  }, [u, e]), K(() => {
+  }, [u, e]), O(() => {
     g && l && a && (l(d, g == null ? void 0 : g.value), a(d), c == null || c(d));
   }, [d, g]), /* @__PURE__ */ n.jsxs("div", { className: "custom-select", children: [
     t && !v && /* @__PURE__ */ n.jsx("label", { className: "custom-select__label", children: t }),
@@ -5728,12 +5747,12 @@ const xe = ({
         children: /* @__PURE__ */ n.jsxs("div", { className: "custom-select__wrapper", children: [
           /* @__PURE__ */ n.jsxs(ui.Button, { className: x, disabled: y, children: [
             f ? /* @__PURE__ */ n.jsx("span", { className: "custom-select__loading", children: "Fetching data..." }) : /* @__PURE__ */ n.jsx("span", { className: "custom-select__value", children: (g == null ? void 0 : g.label) || /* @__PURE__ */ n.jsx("span", { className: "custom-select__placeholder", children: o }) }),
-            /* @__PURE__ */ n.jsx("span", { className: "custom-select__icon", children: /* @__PURE__ */ n.jsx(Y, { icon: "lucide:chevron-down" }) })
+            /* @__PURE__ */ n.jsx("span", { className: "custom-select__icon", children: /* @__PURE__ */ n.jsx(q, { icon: "lucide:chevron-down" }) })
           ] }),
           /* @__PURE__ */ n.jsx(
             Ei,
             {
-              as: mi.Fragment,
+              as: bi.Fragment,
               leave: "custom-select__transition",
               children: /* @__PURE__ */ n.jsx(ui.Options, { className: "custom-select__options", anchor: "bottom", children: C == null ? void 0 : C.map((S, j) => /* @__PURE__ */ n.jsx(
                 ui.Option,
@@ -5775,13 +5794,13 @@ const xe = ({
     setValue: a,
     watch: l,
     isReadOnly: d
-  } = e || {}, t = (y = i == null ? void 0 : i.id) != null ? y : "cascadeValue", [u, c] = D(""), [r, v] = D(""), m = (g, p) => {
+  } = e || {}, t = (y = i == null ? void 0 : i.id) != null ? y : "cascadeValue", [u, c] = R(""), [r, v] = R(""), m = (g, p) => {
     const x = g && p ? `${g}_${p}` : "";
     a == null || a(t, x), s == null || s(t);
   }, h = (g, p) => {
     g === "first" ? (c(p), v(""), m(p, "")) : (v(p), m(u, p));
   };
-  K(() => {
+  O(() => {
     if (l) {
       const g = l(t);
       if (g != null && g.includes("_")) {
@@ -5790,7 +5809,7 @@ const xe = ({
       }
     }
   }, [l, t]);
-  const f = ai(
+  const f = si(
     () => {
       var g;
       return (g = i.options1) == null ? void 0 : g.filter((p) => p.key === u);
@@ -5840,8 +5859,8 @@ const xe = ({
     setValue: r,
     watch: v,
     isReadOnly: m
-  } = t || {}, h = (p = v == null ? void 0 : v(d.id)) != null ? p : 0, [f, y] = D(null);
-  K(() => {
+  } = t || {}, h = (p = v == null ? void 0 : v(d.id)) != null ? p : 0, [f, y] = R(null);
+  O(() => {
     h == null && (r == null || r(d.id, i));
   }, []);
   const g = (x) => {
@@ -5870,6 +5889,45 @@ const xe = ({
     })
   ] });
 };
+function Is({
+  element: i,
+  validationData: e
+}) {
+  const { register: o = () => ({}) } = e || {}, s = (i == null ? void 0 : i.options) || [], a = (i == null ? void 0 : i.options1) || [];
+  return /* @__PURE__ */ n.jsx("div", { className: Z("w-full overflow-x-auto", i.customClass), children: /* @__PURE__ */ n.jsxs("table", { className: "w-full text-left border-collapse min-w-[600px] mb-2", children: [
+    /* @__PURE__ */ n.jsx("thead", { children: /* @__PURE__ */ n.jsxs("tr", { children: [
+      /* @__PURE__ */ n.jsx("th", { className: "p-3 border-b bg-gray-50/50" }),
+      a.map((l) => /* @__PURE__ */ n.jsx(
+        "th",
+        {
+          className: "p-3 font-medium text-center border-b text-xs text-gray-700 w-[12%]",
+          children: l.label
+        },
+        l.id || l.value
+      ))
+    ] }) }),
+    /* @__PURE__ */ n.jsx("tbody", { children: s.map((l) => /* @__PURE__ */ n.jsxs(
+      "tr",
+      {
+        className: "border-b last:border-0 hover:bg-gray-50/30",
+        children: [
+          /* @__PURE__ */ n.jsx("td", { className: "p-3 text-gray-700 min-w-[150px] text-sm", children: l.label }),
+          a.map((d) => /* @__PURE__ */ n.jsx("td", { className: "p-3 text-center align-middle", children: /* @__PURE__ */ n.jsx(
+            "input",
+            {
+              type: "radio",
+              value: d.value,
+              disabled: i.isDisabled || (e == null ? void 0 : e.isReadOnly),
+              className: "w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 focus:ring-blue-500 cursor-pointer disabled:opacity-50",
+              ...o(`${i.id}.${l.value}`)
+            }
+          ) }, d.id || d.value))
+        ]
+      },
+      l.id || l.value
+    )) })
+  ] }) });
+}
 function ye({
   element: i,
   validationData: e
@@ -5880,14 +5938,14 @@ function ye({
     trigger: a,
     isReadOnly: l,
     watch: d
-  } = e || {}, t = (d == null ? void 0 : d(i.id)) || "", { country: u, state: c } = ai(() => {
+  } = e || {}, t = (d == null ? void 0 : d(i.id)) || "", { country: u, state: c } = si(() => {
     var f;
     if (typeof t == "string" && t.includes(",")) {
       const [y, g] = (f = t.split(",")) == null ? void 0 : f.map((p) => p.trim());
       return { country: g, state: y };
     }
     return { country: t, state: "" };
-  }, [t]), r = Ci(t), v = ai(() => {
+  }, [t]), r = Mi(t), v = si(() => {
     var f, y;
     return u ? ((y = (f = Xi.find((g) => g.name === u)) == null ? void 0 : f.states) == null ? void 0 : y.map((g) => ({
       label: g.name,
@@ -5900,7 +5958,7 @@ function ye({
     const g = (y == null ? void 0 : y.value) || "", p = g ? `${g}, ${u}` : u;
     s && p !== r.current && (s(i.id, p), a == null || a(i.id), r.current = p);
   };
-  return K(() => {
+  return O(() => {
     r.current = t;
   }, [t]), /* @__PURE__ */ n.jsxs("div", { className: "grid gap-y-6", children: [
     /* @__PURE__ */ n.jsx("input", { type: "hidden", ...o(i.id) }),
@@ -5931,11 +5989,11 @@ function ye({
     ] })
   ] });
 }
-function Is({
+function Os({
   element: i,
   validationData: e
 }) {
-  const { register: o = () => ({}), isReadOnly: s } = e || {}, { validationUrl: a, documentObj: l, signatureLink: d } = i, t = ai(() => gi("config"), []), [u, c] = D(!1), [r, v] = D(!1), m = Q(async () => {
+  const { register: o = () => ({}), isReadOnly: s } = e || {}, { validationUrl: a, documentObj: l, signatureLink: d } = i, t = si(() => gi("config"), []), [u, c] = R(!1), [r, v] = R(!1), m = X(async () => {
     var h, f;
     if (!(!a || !l))
       try {
@@ -5955,7 +6013,7 @@ function Is({
         v(!1);
       }
   }, [a, l]);
-  return K(() => {
+  return O(() => {
     let h = null;
     return !u && l && a && (async () => {
       await m() || (h = setInterval(async () => {
@@ -5988,7 +6046,7 @@ function Is({
         ),
         children: [
           /* @__PURE__ */ n.jsx(
-            Y,
+            q,
             {
               icon: r ? "solar:refresh-outline" : u ? "solar:check-circle-bold" : "solar:pen-2-line-duotone",
               iconClass: r ? "animate-spin" : ""
@@ -6246,7 +6304,7 @@ const fn = [
   { code: "MH", label: "Marshall Islands", phone: "692", min: 7, max: 7 },
   { code: "PW", label: "Palau", phone: "680", min: 7, max: 7 }
 ];
-function Os({
+function Ks({
   label: i,
   placeholder: e,
   classLabel: o,
@@ -6263,38 +6321,38 @@ function Os({
   onChange: h,
   onError: f
 }) {
-  const [y, g] = D(""), [p, x] = D(null), [C, S] = D(""), j = ai(
+  const [y, g] = R(""), [p, x] = R(null), [C, S] = R(""), j = si(
     () => {
       var L;
-      return (L = fn == null ? void 0 : fn.slice().sort((W, O) => W.label.localeCompare(O.label))) == null ? void 0 : L.map((W) => ({ ...W, phone: `+${W.phone}` }));
+      return (L = fn == null ? void 0 : fn.slice().sort((U, I) => U.label.localeCompare(I.label))) == null ? void 0 : L.map((U) => ({ ...U, phone: `+${U.phone}` }));
     },
     []
-  ), A = ai(() => y ? j.filter(
+  ), A = si(() => y ? j.filter(
     (L) => `${L.label} ${L.phone}`.toLowerCase().includes(y.toLowerCase())
-  ) : j, [y, j]), N = (p == null ? void 0 : p.min) || 10, E = (p == null ? void 0 : p.max) || 10, ni = () => C ? `${(p == null ? void 0 : p.phone) || "+234"}-${C}` : "", J = (L) => {
+  ) : j, [y, j]), N = (p == null ? void 0 : p.min) || 10, E = (p == null ? void 0 : p.max) || 10, ei = () => C ? `${(p == null ? void 0 : p.phone) || "+234"}-${C}` : "", Y = (L) => {
     if (!L) return { code: "+234", number: "" };
-    const W = L.split(/[-\s]/);
-    return { code: W[0], number: W.slice(1).join(" ") };
+    const U = L.split(/[-\s]/);
+    return { code: U[0], number: U.slice(1).join(" ") };
   };
-  K(() => {
+  O(() => {
     if (d) {
-      const L = J(d);
+      const L = Y(d);
       x(
-        j.find((W) => W.phone === L.code) || j[0]
+        j.find((U) => U.phone === L.code) || j[0]
       ), S(L.number);
     }
   }, [d, j]);
-  const $ = ai(() => {
+  const Q = si(() => {
     if (t) return t;
     const L = C.length;
     return s && L === 0 ? "Phone number is required" : L > 0 && !/^\d+$/.test(C) ? "Phone number must contain only digits" : L > 0 && L < N ? `Minimum length is ${N}` : L > E ? `Maximum length is ${E}` : "";
   }, [t, C, N, E, s]);
-  return K(() => {
-    h == null || h(ni()), f == null || f($ || null);
-  }, [C, p, $]), /* @__PURE__ */ n.jsxs(
+  return O(() => {
+    h == null || h(ei()), f == null || f(Q || null);
+  }, [C, p, Q]), /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: `relative formGroup ${$ && !c ? "has-error" : ""} ${r ? "flex" : ""} ${!$ && C.length > 0 && !c ? "is-valid" : ""}`,
+      className: `relative formGroup ${Q && !c ? "has-error" : ""} ${r ? "flex" : ""} ${!Q && C.length > 0 && !c ? "is-valid" : ""}`,
       children: [
         i && /* @__PURE__ */ n.jsxs(
           "label",
@@ -6310,7 +6368,7 @@ function Os({
           }
         ),
         /* @__PURE__ */ n.jsxs("div", { className: "relative !flex items-center input-control text-[#667085] !py-0 field-control", children: [
-          /* @__PURE__ */ n.jsx(Y, { icon: "lucide:phone-call" }),
+          /* @__PURE__ */ n.jsx(q, { icon: "lucide:phone-call" }),
           /* @__PURE__ */ n.jsx(Ri, { value: p, onChange: x, children: /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
             /* @__PURE__ */ n.jsx(
               Ri.Input,
@@ -6321,8 +6379,8 @@ function Os({
                 onChange: (L) => g(L.target.value)
               }
             ),
-            /* @__PURE__ */ n.jsx(Ri.Button, { className: "absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ n.jsx(Y, { icon: "lucide:chevron-down" }) }),
-            /* @__PURE__ */ n.jsx(Ri.Options, { className: "absolute z-10 w-[250px] left-0 bg-white border rounded-md shadow-lg max-h-[400px] overflow-y-auto", children: A == null ? void 0 : A.map((L, W) => /* @__PURE__ */ n.jsxs(
+            /* @__PURE__ */ n.jsx(Ri.Button, { className: "absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ n.jsx(q, { icon: "lucide:chevron-down" }) }),
+            /* @__PURE__ */ n.jsx(Ri.Options, { className: "absolute z-10 w-[250px] left-0 bg-white border rounded-md shadow-lg max-h-[400px] overflow-y-auto", children: A == null ? void 0 : A.map((L, U) => /* @__PURE__ */ n.jsxs(
               Ri.Option,
               {
                 value: L,
@@ -6333,7 +6391,7 @@ function Os({
                   L.label
                 ]
               },
-              `${L.code}+ ${W}`
+              `${L.code}+ ${U}`
             )) })
           ] }) }),
           /* @__PURE__ */ n.jsxs("div", { className: "relative flex items-center flex-1 z-[1]", children: [
@@ -6346,8 +6404,8 @@ function Os({
                 disabled: u,
                 readOnly: c,
                 onChange: (L) => {
-                  const W = L.target.value.replace(/\D/g, "");
-                  S(W);
+                  const U = L.target.value.replace(/\D/g, "");
+                  S(U);
                 },
                 placeholder: e,
                 className: "w-full px-3 outline-none",
@@ -6355,7 +6413,7 @@ function Os({
                 minLength: N
               }
             ),
-            /* @__PURE__ */ n.jsx("div", { className: "absolute flex text-xl -translate-y-1/2 top-1/2 right-4", children: !$ && C.length > 0 && !c && /* @__PURE__ */ n.jsx("span", { className: "text-green-500", children: /* @__PURE__ */ n.jsx(Y, { icon: "bi:check-lg" }) }) })
+            /* @__PURE__ */ n.jsx("div", { className: "absolute flex text-xl -translate-y-1/2 top-1/2 right-4", children: !Q && C.length > 0 && !c && /* @__PURE__ */ n.jsx("span", { className: "text-green-500", children: /* @__PURE__ */ n.jsx(q, { icon: "bi:check-lg" }) }) })
           ] })
         ] }),
         v && /* @__PURE__ */ n.jsx("span", { className: "block text-[#475467] font-light leading-4 text-xs mt-2", children: v })
@@ -6363,7 +6421,7 @@ function Os({
     }
   );
 }
-function Ks({
+function Gs({
   element: i,
   validationData: e
 }) {
@@ -6376,10 +6434,10 @@ function Ks({
     clearErrors: t
   } = e || {};
   let u;
-  return K(() => {
+  return O(() => {
     o(i.id);
   }, [i.id, o]), a && (u = a()[i.id]), /* @__PURE__ */ n.jsx(
-    Os,
+    Ks,
     {
       placeholder: i.placeholder,
       label: "",
@@ -6396,7 +6454,7 @@ function Ks({
     }
   );
 }
-function Gs({
+function Hs({
   element: i,
   validationData: e
 }) {
@@ -6467,14 +6525,15 @@ const We = {
   divider: Ms,
   header: Ts,
   basicText: ws,
-  phoneField: Ks,
+  phoneField: Gs,
   cascadeSelect: Rs,
   rating: Ds,
+  matrix: Is,
   country: ye,
   bank: ye,
-  document: Is,
-  url: Gs
-}, Ae = "edit", Hs = (i, e) => {
+  document: Os,
+  url: Hs
+}, Ae = "edit", Vs = (i, e) => {
   const o = We[i.type];
   return o ? /* @__PURE__ */ n.jsx(Kn, { element: i, state: Ae, 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" }),
@@ -6494,7 +6553,7 @@ const We = {
     style: { gridColumn: i },
     children: e
   }
-), Vs = ({
+), Fs = ({
   element: i,
   sectionId: e,
   children: o,
@@ -6509,33 +6568,33 @@ const We = {
     moveElement: c,
     isDragging: r,
     removeElement: v
-  } = ji(fi), m = ai(
+  } = ji(fi), m = si(
     () => Array.from({ length: i.columns }),
     [i.columns]
-  ), [h, f] = D(null);
-  K(() => {
+  ), [h, f] = R(null);
+  O(() => {
     const S = () => {
       f(null), u(!1);
     };
     return document.addEventListener("dragend", S), () => document.removeEventListener("dragend", S);
   }, [u]);
-  const y = Q(
+  const y = X(
     (S, j) => {
       S.preventDefault(), S.stopPropagation(), S.dataTransfer.dropEffect = "move", f(j);
     },
     []
-  ), g = Q(
+  ), g = X(
     (S, j) => {
       S.preventDefault(), S.stopPropagation(), f(j);
     },
     []
-  ), p = Q(
+  ), p = X(
     (S, j) => {
       const A = S.relatedTarget;
       A && S.currentTarget.contains(A) || f((N) => N === j ? null : N);
     },
     []
-  ), x = Q(
+  ), x = X(
     (S, j) => {
       var E;
       S.preventDefault(), S.stopPropagation(), u(!1), f(null);
@@ -6550,44 +6609,44 @@ const We = {
         return;
       }
       try {
-        const ni = S.dataTransfer.getData("properties");
-        if (!ni) return;
-        const J = JSON.parse(ni);
-        if ((J == null ? void 0 : J.type) === "grid") return;
-        const $ = d.find((O) => O.id === e), L = (E = $ == null ? void 0 : $.questionData) == null ? void 0 : E.find(
-          (O) => {
-            var G;
-            return O.gridId === i.id && ((G = O.gridPosition) == null ? void 0 : G.col) === A;
+        const ei = S.dataTransfer.getData("properties");
+        if (!ei) return;
+        const Y = JSON.parse(ei);
+        if ((Y == null ? void 0 : Y.type) === "grid") return;
+        const Q = d.find((I) => I.id === e), L = (E = Q == null ? void 0 : Q.questionData) == null ? void 0 : E.find(
+          (I) => {
+            var K;
+            return I.gridId === i.id && ((K = I.gridPosition) == null ? void 0 : K.col) === A;
           }
         );
         L && v(L.id, e);
-        const W = {
-          ...J,
-          id: Ai(),
+        const U = {
+          ...Y,
+          id: Si(),
           sectionId: e,
           gridId: i.id,
           gridPosition: { col: A }
         };
-        t(W, e);
-      } catch (ni) {
-        console.error("Drop failed in grid:", ni), u(!1);
+        t(U, e);
+      } catch (ei) {
+        console.error("Drop failed in grid:", ei), u(!1);
       }
     },
     [t, i.id, d, e, u, c]
   ), C = (S, j, A) => {
-    var G, H, R;
-    const N = S + 1, E = (H = (G = d.find((M) => M.id === e)) == null ? void 0 : G.questionData) == null ? void 0 : H.find(
+    var K, G, P;
+    const N = S + 1, E = (G = (K = d.find((M) => M.id === e)) == null ? void 0 : K.questionData) == null ? void 0 : G.find(
       (M) => {
         var B;
         return M.gridId === i.id && ((B = M.gridPosition) == null ? void 0 : B.col) === N;
       }
-    ), ni = (R = E == null ? void 0 : E.id) != null ? R : null, J = Array.isArray(o) && o.find((M) => {
+    ), ei = (P = E == null ? void 0 : E.id) != null ? P : null, Y = Array.isArray(o) && o.find((M) => {
       var B;
       return ((B = M == null ? void 0 : M.props) == null ? void 0 : B.col) === N;
-    }), $ = r && h === S, L = !!J, W = r && !!l, O = L && ni && A === "edit" ? {
+    }), Q = r && h === S, L = !!Y, U = r && !!l, I = L && ei && A === "edit" ? {
       draggable: !0,
       onDragStart: (M) => {
-        M.stopPropagation(), M.dataTransfer.setData("elementId", ni), M.dataTransfer.setData("properties", ni), M.dataTransfer.effectAllowed = "move", u(!0);
+        M.stopPropagation(), M.dataTransfer.setData("elementId", ei), M.dataTransfer.setData("properties", ei), M.dataTransfer.effectAllowed = "move", u(!0);
       },
       onDragEnd: () => {
         f(null), u(!1);
@@ -6597,7 +6656,7 @@ const We = {
       "div",
       {
         id: `grid-cell-${i.id}-${S}`,
-        ...O,
+        ...I,
         onDrop: (M) => x(M, S),
         onDragEnter: (M) => g(M, S),
         onDragOver: (M) => y(M, S),
@@ -6609,27 +6668,27 @@ const We = {
           A === "edit" ? "py-3 " : "",
           L && A === "edit" && "cursor-grab active:cursor-grabbing border-none",
           j,
-          !W && !$ && "bg-white border-gray-200 text-gray-300",
-          W && !$ && !L && "bg-blue-50 border-blue-200 border-dashed text-blue-300",
-          W && !$ && L && "bg-white border-orange-200 border-dashed",
-          $ && !L && "bg-blue-100 border-blue-400 border-dashed shadow-inner scale-[1.01] text-blue-500",
-          $ && L && "bg-orange-50 border-orange-400 border-dashed shadow-inner scale-[1.01] text-orange-500"
+          !U && !Q && "bg-white border-gray-200 text-gray-300",
+          U && !Q && !L && "bg-blue-50 border-blue-200 border-dashed text-blue-300",
+          U && !Q && L && "bg-white border-orange-200 border-dashed",
+          Q && !L && "bg-blue-100 border-blue-400 border-dashed shadow-inner scale-[1.01] text-blue-500",
+          Q && L && "bg-orange-50 border-orange-400 border-dashed shadow-inner scale-[1.01] text-orange-500"
         ),
         children: [
-          L && 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(Y, { icon: "ph:dots-six-bold" }) }),
-          $ && !L && /* @__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(Y, { icon: "ph:plus-bold" }),
+          L && 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(q, { icon: "ph:dots-six-bold" }) }),
+          Q && !L && /* @__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(q, { icon: "ph:plus-bold" }),
             "Drop here"
           ] }),
-          $ && L && /* @__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 && L && /* @__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: Z(
                 "w-full select-none min-w-0",
-                $ && "opacity-50 pointer-events-none"
+                Q && "opacity-50 pointer-events-none"
               ),
-              children: J || /* @__PURE__ */ n.jsx("span", { className: "flex items-center justify-center text-gray-300", children: A === "edit" && /* @__PURE__ */ n.jsx(Y, { icon: "ph:plus-bold" }) })
+              children: Y || /* @__PURE__ */ n.jsx("span", { className: "flex items-center justify-center text-gray-300", children: A === "edit" && /* @__PURE__ */ n.jsx(q, { icon: "ph:plus-bold" }) })
             }
           )
         ]
@@ -6648,14 +6707,14 @@ const We = {
       )
     }
   ) });
-}, Hn = mi.memo(Vs), Fs = "edit";
+}, Hn = bi.memo(Fs), Ws = "edit";
 function xn({
   index: i,
   onDrop: e,
   onDragEnd: o,
   isDragging: s
 }) {
-  const [a, l] = D(!1), d = a ? 52 : s ? 28 : 4;
+  const [a, l] = R(!1), d = a ? 52 : s ? 28 : 4;
   return /* @__PURE__ */ n.jsx(
     "div",
     {
@@ -6679,37 +6738,37 @@ function xn({
         a ? "bg-blue-50 border-2 border-blue-300 border-dashed" : s ? "border-2 border-blue-200 border-dashed" : "border-2 border-transparent"
       ),
       children: a && /* @__PURE__ */ n.jsxs("span", { className: "flex items-center gap-1 text-blue-500 text-xs font-medium select-none pointer-events-none", children: [
-        /* @__PURE__ */ n.jsx(Y, { icon: "octicon:plus-16" }),
+        /* @__PURE__ */ n.jsx(q, { icon: "octicon:plus-16" }),
         "Drop here"
       ] })
     }
   );
 }
-function Ws({ elementData: i, sectionId: e }) {
+function Us({ elementData: i, sectionId: e }) {
   const {
     formData: o,
     isDragging: s,
     setIsDragging: a,
     addElementInPosition: l,
     moveElement: d
-  } = ji(fi), [t, u] = D(null), c = ai(
+  } = ji(fi), [t, u] = R(null), c = si(
     () => {
       var p;
       return ((p = o.find((x) => x.id === e)) == null ? void 0 : p.questionData) || [];
     },
     [o, e]
-  ), r = Q(
+  ), r = X(
     (p, x) => {
       p.dataTransfer.setData("elementId", x), p.dataTransfer.setData("properties", x), p.dataTransfer.effectAllowed = "move", u(x), a(!0);
     },
     [a]
-  ), v = Q(() => {
+  ), v = X(() => {
     u(null), a(!1);
   }, [a]);
-  K(() => {
+  O(() => {
     !s && t && u(null);
   }, [s, t]);
-  const m = Q(
+  const m = X(
     (p) => {
       p.preventDefault(), p.stopPropagation();
       const x = p.dataTransfer.getData("elementId"), C = p.currentTarget.id;
@@ -6723,7 +6782,7 @@ function Ws({ elementData: i, sectionId: e }) {
       S != null && S.gridId && j !== -1 ? d({ draggedId: x, sectionId: e, targetIndex: j }) : d({ draggedId: x, sectionId: e, targetId: C }), u(null), a(!1);
     },
     [e, d, a, v, c]
-  ), h = Q(
+  ), h = X(
     (p, x) => {
       p.preventDefault(), p.stopPropagation(), a(!1);
       const C = p.dataTransfer.getData("elementId");
@@ -6734,14 +6793,14 @@ function Ws({ elementData: i, sectionId: e }) {
       try {
         const S = JSON.parse(p.dataTransfer.getData("properties"));
         if ((S == null ? void 0 : S.type) === "section") return;
-        const j = { ...S, id: Ai(), sectionId: e };
+        const j = { ...S, id: Si(), sectionId: e };
         l(j, e, x), u(null);
       } catch (S) {
         console.error("Drop error:", S);
       }
     },
     [l, e, a, d]
-  ), f = Q(
+  ), f = X(
     (p, x = !1) => /* @__PURE__ */ n.jsx(
       "div",
       {
@@ -6758,12 +6817,12 @@ function Ws({ 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: Hs(p, e)
+        children: Vs(p, e)
       },
       p.id
     ),
     [t, m, e, r, v]
-  ), y = ai(() => (i == null ? void 0 : i.reduce((p, x) => (x.gridId && (p[x.gridId] = p[x.gridId] || [], p[x.gridId].push(x)), p), {})) || {}, [i]);
+  ), y = si(() => (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",
@@ -6812,7 +6871,7 @@ function Ws({ elementData: i, sectionId: e }) {
                 {
                   element: p,
                   sectionId: e,
-                  state: Fs,
+                  state: Ws,
                   draggedElementId: t,
                   children: C == null ? void 0 : C.map(
                     (A) => {
@@ -6850,23 +6909,23 @@ function Ws({ elementData: i, sectionId: e }) {
     })
   ] });
 }
-const Us = an(Ws), zs = w.object({
+const zs = an(Us), _s = w.object({
   title: w.string(),
   description: w.string(),
   disabled: w.boolean().default(!1),
   isHidden: w.boolean().default(!1)
-}).required(), yn = gi("config"), _s = ({ isOpen: i, onClose: e, section: o }) => {
-  const { updateSection: s } = mi.useContext(fi), {
+}).required(), yn = gi("config"), Js = ({ isOpen: i, onClose: e, section: o }) => {
+  const { updateSection: s } = bi.useContext(fi), {
     register: a,
     handleSubmit: l,
     watch: d,
     formState: { errors: t, isSubmitting: u, isValid: c },
     reset: r
   } = En({
-    resolver: On(zs),
+    resolver: On(_s),
     defaultValues: o
   });
-  if (mi.useEffect(() => {
+  if (bi.useEffect(() => {
     i || r();
   }, [i, r]), !i) return null;
   const v = (h) => {
@@ -6880,7 +6939,7 @@ const Us = an(Ws), zs = w.object({
         {
           onClick: e,
           className: "absolute right-4 top-4 p-2 text-[#98A2B3] hover:bg-gray-50 rounded-lg",
-          children: /* @__PURE__ */ n.jsx(Y, { icon: "tabler:x" })
+          children: /* @__PURE__ */ n.jsx(q, { icon: "tabler:x" })
         }
       )
     ] }),
@@ -6957,7 +7016,7 @@ const Us = an(Ws), zs = w.object({
       ] })
     ] })
   ] }) });
-}, Js = ({
+}, Ys = ({
   section: i,
   index: e,
   selectedSection: o,
@@ -6971,8 +7030,8 @@ const Us = an(Ws), zs = w.object({
   setIsDragging: r
 }) => {
   var h, f;
-  const v = Ci(null), m = Ci((h = i.questionData) == null ? void 0 : h.length);
-  return K(() => {
+  const v = Mi(null), m = Mi((h = i.questionData) == null ? void 0 : h.length);
+  return O(() => {
     var y;
     i.questionData.length > m.current && v.current && requestAnimationFrame(() => {
       var g;
@@ -7008,7 +7067,7 @@ const Us = an(Ws), zs = w.object({
                     type: "button",
                     className: "p-1 text-xs border rounded-lg",
                     onClick: () => d(i),
-                    children: /* @__PURE__ */ n.jsx(Y, { icon: "fluent:edit-28-regular" })
+                    children: /* @__PURE__ */ n.jsx(q, { icon: "fluent:edit-28-regular" })
                   }
                 ),
                 u > 1 && /* @__PURE__ */ n.jsx(
@@ -7017,7 +7076,7 @@ const Us = an(Ws), zs = w.object({
                     type: "button",
                     className: "p-1 text-xs border rounded-lg",
                     onClick: () => t(i.id),
-                    children: /* @__PURE__ */ n.jsx(Y, { icon: "lets-icons:trash-duotone-line" })
+                    children: /* @__PURE__ */ n.jsx(q, { icon: "lets-icons:trash-duotone-line" })
                   }
                 ),
                 /* @__PURE__ */ n.jsx(
@@ -7027,7 +7086,7 @@ const Us = an(Ws), zs = w.object({
                     className: "p-1 text-xs rounded-lg",
                     onClick: () => l(e),
                     children: /* @__PURE__ */ n.jsx(
-                      Y,
+                      q,
                       {
                         icon: a.includes(e) ? "fa6-solid:chevron-up" : "fa6-solid:chevron-down",
                         iconClass: "text-base"
@@ -7049,7 +7108,7 @@ const Us = an(Ws), zs = w.object({
                 children: [
                   /* @__PURE__ */ n.jsx("hr", { className: "group-last:hidden" }),
                   /* @__PURE__ */ n.jsx("div", { className: "h-full mt-4 gap-y-6 ", children: /* @__PURE__ */ n.jsx(
-                    Us,
+                    zs,
                     {
                       elementData: i.questionData,
                       sectionId: i.id
@@ -7064,8 +7123,8 @@ const Us = an(Ws), zs = w.object({
     },
     i.id
   );
-}, Ys = () => {
-  const [i, e] = D(!1), o = Ci(null), s = Ci(null), {
+}, qs = () => {
+  const [i, e] = R(!1), o = Mi(null), s = Mi(null), {
     removeSection: a,
     // addElement,
     addSection: l,
@@ -7075,11 +7134,11 @@ const Us = an(Ws), zs = w.object({
     selectedSection: c,
     activeSections: r,
     setActiveSections: v
-  } = ji(fi), m = Ci((d == null ? void 0 : d.length) || 0);
-  K(() => {
+  } = ji(fi), m = Mi((d == null ? void 0 : d.length) || 0);
+  O(() => {
     var p;
     u(((p = d[0]) == null ? void 0 : p.id) || null);
-  }, []), K(() => {
+  }, []), O(() => {
     (d == null ? void 0 : d.length) > m.current && s.current && requestAnimationFrame(() => {
       var p;
       (p = s.current) == null || p.scrollTo({
@@ -7088,7 +7147,7 @@ const Us = an(Ws), zs = w.object({
       });
     }), m.current = (d == null ? void 0 : d.length) || 0;
   }, [d == null ? void 0 : d.length]);
-  const h = Q((p) => {
+  const h = X((p) => {
     p.preventDefault(), p.dataTransfer.dropEffect = "move", s.current && (s.current.scrollTop = s.current.scrollHeight);
   }, []);
   function f(p) {
@@ -7107,7 +7166,7 @@ const Us = an(Ws), zs = w.object({
       className: "relative flex flex-col h-full pb-5 mx-auto gap-x-4 ",
       children: [
         i && /* @__PURE__ */ n.jsx(
-          _s,
+          Js,
           {
             isOpen: i,
             onClose: () => e(!1),
@@ -7122,7 +7181,7 @@ const Us = an(Ws), zs = w.object({
             children: [
               d == null ? void 0 : d.map(
                 (p, x) => /* @__PURE__ */ n.jsx(
-                  Js,
+                  Ys,
                   {
                     section: p,
                     index: x,
@@ -7158,7 +7217,7 @@ const Us = an(Ws), zs = w.object({
       ]
     }
   );
-}, qs = () => {
+}, Zs = () => {
   const { formData: i, uploadUrl: e } = ji(
     fi
   ), o = gi("config");
@@ -7174,17 +7233,17 @@ const Us = an(Ws), zs = w.object({
     }
   );
 };
-function Zs({
+function $s({
   questionData: i,
   uploadUrl: e
 }) {
   const { setFormData: o, addSection: s, setUploadUrl: a, showPreview: l } = ji(fi);
-  K(() => {
+  O(() => {
     i && i.length > 0 && o(i);
-  }, [i, o]), K(() => {
+  }, [i, o]), O(() => {
     a(e);
   }, [e, a]);
-  const d = Q((t) => {
+  const d = X((t) => {
     t.preventDefault();
     try {
       const u = JSON.parse(t.dataTransfer.getData("properties"));
@@ -7203,7 +7262,7 @@ function Zs({
         onDragOver: (t) => t.preventDefault(),
         onDrop: (t) => d(t),
         className: " h-full overflow-y-auto no-scrollbar max-h-[calc(100vh-80px)] flex-1 form_builder",
-        children: /* @__PURE__ */ n.jsx(Ys, {})
+        children: /* @__PURE__ */ n.jsx(qs, {})
       }
     ),
     /* @__PURE__ */ n.jsx(
@@ -7218,7 +7277,7 @@ function Zs({
         leaveFrom: "opacity-100 w-2/5 translate-x-0",
         leaveTo: "opacity-0 w-0 translate-x-10 px-0 overflow-hidden border-transparent shadow-none",
         className: "shrink-0 overflow-y-auto no-scrollbar max-h-[calc(100vh-70px)] form_preview w-2/5 min-w-0",
-        children: /* @__PURE__ */ n.jsx("div", { className: "px-2 shadow_box min-w-0 bg-white border border-gray-100 rounded-lg container", children: /* @__PURE__ */ n.jsx(qs, {}) })
+        children: /* @__PURE__ */ n.jsx("div", { className: "px-2 shadow_box min-w-0 bg-white border border-gray-100 rounded-lg container", children: /* @__PURE__ */ n.jsx(Zs, {}) })
       }
     )
   ] });
@@ -7230,8 +7289,8 @@ const An = [
   { key: "fileAndMedia", title: "File & Media" },
   { key: "layoutAndDisplay", title: "Layout & Display" },
   { key: "advancedData", title: "Advanced / Data" }
-], $s = () => {
-  const [i, e] = D(""), { setIsDragging: o, addElement: s, selectedSection: a } = ji(fi), l = Q(
+], Qs = () => {
+  const [i, e] = R(""), { setIsDragging: o, addElement: s, selectedSection: a } = ji(fi), l = X(
     (h, f) => {
       if (!a) {
         ki.error("Please select a section to add an element.");
@@ -7248,7 +7307,7 @@ const An = [
     }
     const f = {
       ...h,
-      id: Ai(),
+      id: Si(),
       sectionId: a
     };
     s(f, a);
@@ -7296,7 +7355,7 @@ const An = [
                                active:opacity-50 element_class`,
             draggable: !0,
             children: /* @__PURE__ */ n.jsxs("span", { className: "flex flex-col items-center justify-center w-full gap-2", children: [
-              /* @__PURE__ */ n.jsx("span", { style: { color: u }, children: /* @__PURE__ */ n.jsx(Y, { icon: g.icon, iconClass: "w-6 h-6" }) }),
+              /* @__PURE__ */ n.jsx("span", { style: { color: u }, children: /* @__PURE__ */ n.jsx(q, { icon: g.icon, iconClass: "w-6 h-6" }) }),
               /* @__PURE__ */ n.jsx(
                 "span",
                 {
@@ -7312,7 +7371,7 @@ const An = [
       ] }, f);
     }) }) })
   ] });
-}, Qs = an($s), Bi = ({
+}, Xs = an(Qs), Bi = ({
   text: i = "",
   isDisabled: e = !1,
   isLoading: o = !1,
@@ -7367,9 +7426,9 @@ const An = [
     ),
     "Submitting..."
   ] }) : /* @__PURE__ */ n.jsxs("span", { className: "flex items-center", children: [
-    a && l === "left" && /* @__PURE__ */ n.jsx("span", { className: `mr-[6px] ${d}`, children: /* @__PURE__ */ n.jsx(Y, { icon: a }) }),
+    a && l === "left" && /* @__PURE__ */ n.jsx("span", { className: `mr-[6px] ${d}`, children: /* @__PURE__ */ n.jsx(q, { icon: a }) }),
     i && /* @__PURE__ */ n.jsx("span", { children: i }),
-    a && l === "right" && /* @__PURE__ */ n.jsx("span", { className: `ml-[6px] ${d}`, children: /* @__PURE__ */ n.jsx(Y, { icon: a }) })
+    a && l === "right" && /* @__PURE__ */ n.jsx("span", { className: `ml-[6px] ${d}`, children: /* @__PURE__ */ n.jsx(q, { icon: a }) })
   ] });
   return c ? /* @__PURE__ */ n.jsx("div", { className: h, children: f() }) : u ? /* @__PURE__ */ n.jsx(To, { to: u, className: h, children: f() }) : /* @__PURE__ */ n.jsx(
     "button",
@@ -7384,7 +7443,7 @@ const An = [
     }
   );
 };
-function Xs() {
+function il() {
   return /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsxs(
     "svg",
     {
@@ -7420,7 +7479,7 @@ function Xs() {
     }
   ) });
 }
-const il = ({
+const nl = ({
   isOpen: i,
   onClose: e
 }) => {
@@ -7437,7 +7496,7 @@ const il = ({
         onClick: e,
         className: "absolute text-sm top-3 right-4",
         "aria-label": "close",
-        children: /* @__PURE__ */ n.jsx(Xs, {})
+        children: /* @__PURE__ */ n.jsx(il, {})
       }
     ),
     " ",
@@ -7452,7 +7511,7 @@ const il = ({
     ) })
   ] });
 };
-function nl() {
+function el() {
   return /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsxs(
     "svg",
     {
@@ -7477,7 +7536,7 @@ function nl() {
     }
   ) });
 }
-function el({
+function ol({
   title: i,
   goBackUrl: e,
   onSubmit: o,
@@ -7487,7 +7546,7 @@ function el({
   publishLoading: d,
   onTitleChange: t
 }) {
-  const { formData: u, setShowPreview: c, showPreview: r } = ji(fi), [v, m] = D(!1), [h, f] = D(!1), [y, g] = D(i || ""), p = gi("config");
+  const { formData: u, setShowPreview: c, showPreview: r } = ji(fi), [v, m] = R(!1), [h, f] = R(!1), [y, g] = R(i || ""), p = gi("config");
   function x() {
     localStorage.setItem("formData", JSON.stringify(u)), o == null || o(u);
   }
@@ -7506,7 +7565,7 @@ function el({
           onClick: () => e(),
           style: { color: (p == null ? void 0 : p.buttonColor) || "#333" },
           className: "flex items-center gap-x-3",
-          children: /* @__PURE__ */ n.jsx(nl, {})
+          children: /* @__PURE__ */ n.jsx(el, {})
         }
       ),
       " ",
@@ -7531,7 +7590,7 @@ function el({
       )
     ] }),
     v && /* @__PURE__ */ n.jsx(
-      il,
+      nl,
       {
         isOpen: v,
         onClose: () => m(!1),
@@ -7584,12 +7643,12 @@ const Ue = ({ loadingClass: i }) => {
     "h-full w-full min-h-[300px] flex justify-center items-center",
     i
   );
-  return K(() => {
+  return O(() => {
     const o = gi("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 ol({
+function al({
   onSubmit: i,
   questionData: e,
   title: o,
@@ -7605,10 +7664,10 @@ function ol({
   return /* @__PURE__ */ n.jsxs(je, { children: [
     /* @__PURE__ */ n.jsx(Ne, { position: "top-right", richColors: !0, closeButton: !0 }),
     /* @__PURE__ */ n.jsx("div", { className: "w-full h-full bg-[#F8F9FC] flex flex-col", children: /* @__PURE__ */ n.jsxs("div", { className: "flex flex-1 ", children: [
-      /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx("div", { className: "w-[250px]  h-screen  border-r border-[#E4E7EC] bg-white ", children: /* @__PURE__ */ n.jsx(Qs, {}) }) }),
+      /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx("div", { className: "w-[250px]  h-screen  border-r border-[#E4E7EC] bg-white ", children: /* @__PURE__ */ n.jsx(Xs, {}) }) }),
       /* @__PURE__ */ n.jsxs("div", { className: "flex-1 h-full max-h-full z-[1] w-[calc(100%-250px)]", children: [
         /* @__PURE__ */ n.jsx("div", { className: " h-[70px]", children: /* @__PURE__ */ n.jsx(
-          el,
+          ol,
           {
             title: o,
             goBackUrl: s,
@@ -7620,12 +7679,12 @@ function ol({
             onTitleChange: c
           }
         ) }),
-        /* @__PURE__ */ n.jsx("div", { className: "p-6 h-[calc(100vh-70px)]", children: a ? /* @__PURE__ */ n.jsx(Ue, { loadingClass: "!w-full !h-[800px]" }) : /* @__PURE__ */ n.jsx(Zs, { questionData: e, uploadUrl: r }) })
+        /* @__PURE__ */ n.jsx("div", { className: "p-6 h-[calc(100vh-70px)]", children: a ? /* @__PURE__ */ n.jsx(Ue, { loadingClass: "!w-full !h-[800px]" }) : /* @__PURE__ */ n.jsx($s, { questionData: e, uploadUrl: r }) })
       ] })
     ] }) })
   ] });
 }
-const Cl = ({
+const Ml = ({
   onSubmit: i,
   questionData: e,
   isReadOnly: o,
@@ -7641,10 +7700,10 @@ const Cl = ({
   publishLoading: r,
   onTitleChange: v,
   uploadUrl: m
-}) => (K(() => {
+}) => (O(() => {
   s && Ve("config", s);
 }, [s]), /* @__PURE__ */ n.jsx(
-  ol,
+  al,
   {
     onSubmit: i,
     onPublish: t,
@@ -7667,7 +7726,7 @@ const Cl = ({
   maxLength: (i) => `Maximum length is ${i}`,
   minAmount: (i) => `Minimum amount is ${i}`,
   maxAmount: (i) => `Maximum amount is ${i}`
-}, al = (i) => ({
+}, sl = (i) => ({
   textField: w.string().nullable(),
   longText: w.string().nullable(),
   numberField: w.number().nullable().transform((o) => isNaN(o) ? null : o),
@@ -7675,12 +7734,13 @@ const Cl = ({
   selectField: w.string().nullable(),
   checkbox: w.mixed().nullable(),
   radio: w.mixed().nullable(),
+  matrix: w.mixed().nullable(),
   email: w.string().nullable().test("email-format", Ti.email, (o) => !o || o.trim() === "" ? !0 : /^[a-zA-Z0-9._%+\-]+@[a-zA-Z0-9.\-]+\.[a-zA-Z]{2,}$/.test(o)),
   date: w.date().typeError("Invalid date").nullable(),
   url: w.string().nullable().test("url-format", Ti.url, (o) => !o || o.trim() === "" ? !0 : /^(https?:\/\/)?([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(\/.*)?$/.test(
     o
   ))
-})[i] || w.mixed().nullable(), sl = (i, e, o) => e ? i.type === "boolean" ? i.oneOf([!0], o || Ti.required) : i.required(o || Ti.required) : i, ll = (i, {
+})[i] || w.mixed().nullable(), ll = (i, e, o) => e ? i.type === "boolean" ? i.oneOf([!0], o || Ti.required) : i.required(o || Ti.required) : i, dl = (i, {
   minLength: e,
   maxLength: o,
   minLengthMessage: s,
@@ -7694,7 +7754,7 @@ const Cl = ({
     o,
     a || Ti.maxLength(o)
   )), l;
-}, dl = (i, {
+}, ul = (i, {
   minAmount: e,
   maxAmount: o,
   minAmountMessage: s,
@@ -7709,20 +7769,20 @@ const Cl = ({
     a || Ti.maxAmount(o)
   )), l;
 };
-function ul(i) {
+function tl(i) {
   const e = {};
   return i.forEach(({ questionData: o }) => {
     o == null || o.forEach((s) => {
       const { id: a, type: l, isRequired: d, requiredMessage: t, isDisabled: u } = s;
-      let c = al(l);
-      c = sl(
+      let c = sl(l);
+      c = ll(
         c,
         u ? !1 : d,
         t
-      ), l === "textField" || l === "longText" || l === "email" || l === "url" ? c = ll(
+      ), l === "textField" || l === "longText" || l === "email" || l === "url" ? c = dl(
         c,
         s
-      ) : (l === "numberField" || l === "amountField") && (c = dl(
+      ) : (l === "numberField" || l === "amountField") && (c = ul(
         c,
         s
       )), e[a] = c;
@@ -7730,16 +7790,16 @@ function ul(i) {
   }), w.object().shape(e);
 }
 const en = ({ element: i, validationData: e }) => {
-  const o = We[i.type], { answerData: s } = ji(fi), a = ai(
+  const o = We[i.type], { answerData: s } = ji(fi), a = si(
     () => {
       var t;
       return (t = i == null ? void 0 : i.acceptedFiles) == null ? void 0 : t.map((u) => u.label).join(", ");
     },
     [i]
-  ), l = ai(
+  ), l = si(
     () => (i == null ? void 0 : i.visibilityDependentFields) || [],
     [i]
-  ), d = ai(() => l.length ? l.every(
+  ), d = si(() => l.length ? l.every(
     (t) => {
       if (!i.isHidden) return !0;
       const u = s == null ? void 0 : s[t.id], c = t.fieldValue, r = u;
@@ -7790,7 +7850,7 @@ const en = ({ element: i, validationData: e }) => {
     )
   ] }) : null;
 }, on = (i, e) => i != null && i.allowEdit ? { ...e, isReadOnly: !1 } : e;
-function tl({ form_data: i, options: e }) {
+function cl({ form_data: i, options: e }) {
   const o = (a, l) => /* @__PURE__ */ n.jsx("div", { className: "min-w-0", children: /* @__PURE__ */ n.jsx(
     Hn,
     {
@@ -7855,7 +7915,7 @@ function tl({ form_data: i, options: e }) {
     ] }, a.id);
   }) });
 }
-function cl({ form_data: i, options: e, current: o }) {
+function rl({ form_data: i, options: e, current: o }) {
   var s;
   return /* @__PURE__ */ n.jsx("div", { className: "grid gap-y-3 multi_section__content min-w-0", children: (s = i[o].questionData) == null ? void 0 : s.map((a) => {
     var l, d;
@@ -7914,10 +7974,10 @@ function cl({ form_data: i, options: e, current: o }) {
     );
   }) });
 }
-function rl(i) {
+function ml(i) {
   return i.reduce((e, o) => (e[o.id] = o.value, e), {});
 }
-const ml = ({
+const bl = ({
   form_data: i,
   answerData: e = [],
   ignoreValidation: o = !1,
@@ -7929,21 +7989,21 @@ const ml = ({
   hideFooter: u = !1,
   uploadUrl: c
 }) => {
-  var X, di, pi, bi, P, I, U, oi;
-  const { setAnswerData: r, setUploadUrl: v } = ji(fi), [m, h] = D(0), f = ai(
-    () => i.filter((F) => !F.isHidden).map((F) => {
-      var hi;
-      return F.isDisabled || F.disabled ? {
-        ...F,
-        questionData: (hi = F.questionData) == null ? void 0 : hi.map((Si) => ({
-          ...Si,
+  var ii, di, pi, vi, D, _, V, F;
+  const { setAnswerData: r, setUploadUrl: v } = ji(fi), [m, h] = R(0), f = si(
+    () => i.filter((W) => !W.isHidden).map((W) => {
+      var ti;
+      return W.isDisabled || W.disabled ? {
+        ...W,
+        questionData: (ti = W.questionData) == null ? void 0 : ti.map((Ai) => ({
+          ...Ai,
           isDisabled: !0
         }))
-      } : F;
+      } : W;
     }),
     [i]
-  ), y = (X = f == null ? void 0 : f.length) != null ? X : 0, g = gi("config"), p = ai(
-    () => ul(f),
+  ), y = (ii = f == null ? void 0 : f.length) != null ? ii : 0, g = gi("config"), p = si(
+    () => tl(f),
     [f]
   ), x = En({
     resolver: On(p),
@@ -7956,102 +8016,104 @@ const ml = ({
     handleSubmit: A,
     reset: N,
     getValues: E,
-    watch: ni,
-    formState: { errors: J, isSubmitting: $ },
+    watch: ei,
+    formState: { errors: Y, isSubmitting: Q },
     trigger: L,
-    setError: W,
-    clearErrors: O
-  } = x, G = No({ control: j }), H = ai(
-    () => G,
-    [JSON.stringify(G)]
-  ), R = Q(
-    (F) => {
-      a && a(F);
+    setError: U,
+    clearErrors: I
+  } = x, K = No({ control: j }), G = si(
+    () => K,
+    [JSON.stringify(K)]
+  ), P = X(
+    (W) => {
+      a && a(W);
     },
     [a]
   );
-  K(() => {
+  O(() => {
     v(c);
-  }, [v, c]), K(() => {
+  }, [v, c]), O(() => {
     if (!(f != null && f.length) || !a) return;
-    const F = f.flatMap(
-      (si) => {
-        var hi;
-        return (hi = si.questionData) == null ? void 0 : hi.map((Si) => ({
-          id: Si.id,
-          value: H[Si.id] || "",
-          sectionId: si.id,
-          type: Si.type,
+    const W = f.flatMap(
+      (oi) => {
+        var ti;
+        return (ti = oi.questionData) == null ? void 0 : ti.map((Ai) => ({
+          id: Ai.id,
+          value: G[Ai.id] || "",
+          sectionId: oi.id,
+          type: Ai.type,
           metaData: {
-            prefix: Si.prefix
+            prefix: Ai.prefix,
+            dateFormat: Ai.dateFormat
           }
         }));
       }
     );
-    R(F), r(H);
+    P(W), r(G);
   }, [
-    H,
+    G,
     f,
-    R,
+    P,
     a,
     r
-  ]), K(() => {
-    e != null && e.length && N(rl(e));
+  ]), O(() => {
+    e != null && e.length && N(ml(e));
   }, [e, N]);
-  const M = Q(
-    (F) => {
-      const si = f.flatMap(
-        (hi) => {
-          var Si;
-          return (Si = hi.questionData) == null ? void 0 : Si.map((Mi) => ({
-            id: Mi.id,
-            value: F[Mi.id] || "",
-            sectionId: hi.id,
-            type: Mi.type,
+  const M = X(
+    (W) => {
+      const oi = f.flatMap(
+        (ti) => {
+          var Ai;
+          return (Ai = ti.questionData) == null ? void 0 : Ai.map((Ci) => ({
+            id: Ci.id,
+            value: W[Ci.id] || "",
+            sectionId: ti.id,
+            type: Ci.type,
             metaData: {
-              prefix: Mi.prefix
+              prefix: Ci.prefix,
+              dateFormat: Ci.dateFormat
             }
           }));
         }
       );
-      Object.keys(J).length > 0 || s == null || s(si);
+      Object.keys(Y).length > 0 || s == null || s(oi);
     },
-    [J, f, s]
-  ), B = Q(async () => {
-    var F, si;
+    [Y, f, s]
+  ), B = X(async () => {
+    var W, oi;
     if (!o) {
-      const hi = (si = (F = f == null ? void 0 : f[m]) == null ? void 0 : F.questionData) == null ? void 0 : si.map(
-        (Mi) => Mi.id
+      const ti = (oi = (W = f == null ? void 0 : f[m]) == null ? void 0 : W.questionData) == null ? void 0 : oi.map(
+        (Ci) => Ci.id
       );
-      if (!await L(hi)) return;
+      if (!await L(ti)) return;
     }
-    h((hi) => hi + 1);
-  }, [m, f, o, L]), _ = Q(() => {
-    h((F) => F - 1);
-  }, []), ti = ai(
+    h((ti) => ti + 1);
+  }, [m, f, o, L]), J = X(() => {
+    h((W) => W - 1);
+  }, []), ri = si(
     () => ({
       register: C,
       setValue: S,
-      watch: ni,
-      errors: J,
+      watch: ei,
+      errors: Y,
       trigger: L,
-      isSubmitting: $,
+      isSubmitting: Q,
       isReadOnly: l,
       getValues: E,
-      setError: W,
-      clearErrors: O
+      setError: U,
+      clearErrors: I
     }),
     [
       C,
       S,
-      ni,
-      J,
+      ei,
+      Y,
       L,
-      $,
+      Q,
       l,
       E,
-      W,
-      O
+      U,
+      I
     ]
   );
   return /* @__PURE__ */ n.jsxs(jo, { ...x, children: [
@@ -8068,26 +8130,26 @@ const ml = ({
               className: "multi_section__box min-w-0",
               children: [
                 d === "multi" && (((di = f == null ? void 0 : f[m]) == null ? void 0 : di.title) || ((pi = f == null ? void 0 : f[m]) == null ? void 0 : pi.description)) && /* @__PURE__ */ n.jsxs("div", { className: "py-4 mb-4 border-b border-gray-100 multi_section__title", children: [
-                  ((bi = f[m]) == null ? void 0 : bi.title) && /* @__PURE__ */ n.jsx("h2", { className: "text-lg font-semibold mb-[6px]", children: (P = f[m]) == null ? void 0 : P.title }),
-                  ((I = f[m]) == null ? void 0 : I.description) && /* @__PURE__ */ n.jsx("p", { className: "text-sm", children: (U = f[m]) == null ? void 0 : U.description })
+                  ((vi = f[m]) == null ? void 0 : vi.title) && /* @__PURE__ */ n.jsx("h2", { className: "text-lg font-semibold mb-[6px]", children: (D = f[m]) == null ? void 0 : D.title }),
+                  ((_ = f[m]) == null ? void 0 : _.description) && /* @__PURE__ */ n.jsx("p", { className: "text-sm", children: (V = f[m]) == null ? void 0 : V.description })
                 ] }),
                 d === "multi" ? /* @__PURE__ */ n.jsx(
-                  cl,
+                  rl,
                   {
                     form_data: f,
-                    options: ti,
+                    options: ri,
                     current: m
                   }
                 ) : /* @__PURE__ */ n.jsx(
-                  tl,
+                  cl,
                   {
                     form_data: f,
-                    options: ti
+                    options: ri
                   }
                 )
               ]
             },
-            (oi = f == null ? void 0 : f[m]) == null ? void 0 : oi.id
+            (F = f == null ? void 0 : f[m]) == null ? void 0 : F.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-between navigation_container w-full", children: [
@@ -8098,7 +8160,7 @@ const ml = ({
                   {
                     type: "button",
                     text: "Back",
-                    onClick: _,
+                    onClick: J,
                     btnClass: "text-gray-700 back_btn text-sm border-[#98A2B3] !font-medium !py-[10px] px-10 bg-gray-200 rounded-lg"
                   }
                 )
@@ -8117,8 +8179,8 @@ const ml = ({
             (m === y - 1 || l) && !o && (t != null ? t : /* @__PURE__ */ n.jsx(
               Bi,
               {
-                isDisabled: $ || Object.keys(J).length > 0,
-                isLoading: $,
+                isDisabled: Q || Object.keys(Y).length > 0,
+                isLoading: Q,
                 type: "submit",
                 text: "Submit",
                 style: { background: (g == null ? void 0 : g.buttonColor) || "#333" },
@@ -8128,8 +8190,8 @@ const ml = ({
           ] }) : !o && (t != null ? t : /* @__PURE__ */ n.jsx(
             Bi,
             {
-              isDisabled: $ || Object.keys(J).length > 0,
-              isLoading: $,
+              isDisabled: Q || Object.keys(Y).length > 0,
+              isLoading: Q,
               type: "submit",
               text: "Submit",
               style: { background: (g == null ? void 0 : g.buttonColor) || "#333" },
@@ -8140,7 +8202,7 @@ const ml = ({
       }
     )
   ] });
-}, bl = mi.memo(ml);
+}, vl = bi.memo(bl);
 function ze({
   answerData: i,
   form_data: e,
@@ -8155,10 +8217,10 @@ function ze({
   onGetValues: r,
   uploadUrl: v
 }) {
-  K(() => {
+  O(() => {
     d && Ve("config", d);
   }, [d]);
-  const m = Q(
+  const m = X(
     (h) => {
       r && r(h);
     },
@@ -8167,7 +8229,7 @@ function ze({
   return l ? /* @__PURE__ */ n.jsx(Ue, {}) : e ? /* @__PURE__ */ n.jsxs("div", { className: "w-full h-full min-w-0", children: [
     /* @__PURE__ */ n.jsx("div", { id: "root-portal" }),
     /* @__PURE__ */ n.jsx(je, { children: /* @__PURE__ */ n.jsx(
-      bl,
+      vl,
       {
         form_data: e,
         answerData: i,
@@ -8184,6 +8246,6 @@ function ze({
   ] }) : /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx("p", { className: "p-6 text-sm text-gray-400", children: "Error: No form data available." }) });
 }
 export {
-  Cl as FormBuilder,
+  Ml as FormBuilder,
   ze as FormViewer
 };