@arudovwen/form-builder-react 1.5.8 → 1.5.9

package/dist/form-builder.es.js

@@ -309,7 +309,7 @@ function On(i) {
   } else for (o in i) i[o] && (s && (s += " "), s += o);
   return s;
 }
-function U() {
+function W() {
   for (var i, e, o = 0, s = "", a = arguments.length; o < a; o++) (i = arguments[o]) && (e = On(i)) && (s && (s += " "), s += e);
   return s;
 }
@@ -563,7 +563,7 @@ function Vi({
     {
       placeholder: (i == null ? void 0 : i.placeholder) || "",
       type: (i == null ? void 0 : i.inputType) || "text",
-      className: U("field-control", i == null ? void 0 : i.customClass),
+      className: W("field-control", i == null ? void 0 : i.customClass),
       ...o(i == null ? void 0 : i.id),
       disabled: e == null ? void 0 : e.isReadOnly,
       inputMode: (i == null ? void 0 : i.inputMode) || void 0,
@@ -721,7 +721,7 @@ const Fn = /^[a-z0-9]+(-[a-z0-9]+)*$/, Hi = (i, e, o, s = "") => {
   return null;
 }, Pi = (i, e) => i ? !!((e && i.prefix === "" || i.prefix) && i.name) : !1;
 let Bi = !1;
-function Wn(i) {
+function Un(i) {
   return typeof i == "boolean" && (Bi = i), Bi;
 }
 function An(i) {
@@ -753,11 +753,11 @@ function Be(i, e) {
   const s = Ni(e, o);
   return !!Vn(s, i);
 }
-const Un = Object.freeze({
+const Wn = Object.freeze({
   width: null,
   height: null
 }), zn = Object.freeze({
-  ...Un,
+  ...Wn,
   ...Ii
 }), Le = /(-?[0-9.]*[0-9]+[0-9.]*)/g, Te = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
 function Sn(i, e, o) {
@@ -919,10 +919,10 @@ function Fe(i, e) {
   }
   return s;
 }
-function We(i) {
+function Ue(i) {
   return i === 404;
 }
-const Ue = (i, e, o) => {
+const We = (i, e, o) => {
   const s = [], a = Fe(i, e), l = "icons";
   let d = {
     type: l,
@@ -972,7 +972,7 @@ const Je = (i, e, o) => {
     const d = l.status;
     if (d !== 200) {
       setTimeout(() => {
-        o(We(d) ? "abort" : "next", d);
+        o(Ue(d) ? "abort" : "next", d);
       });
       return;
     }
@@ -991,7 +991,7 @@ const Je = (i, e, o) => {
     o("next", a);
   });
 }, Ze = {
-  prepare: Ue,
+  prepare: We,
   send: Je
 };
 function Jn(i, e) {
@@ -1212,18 +1212,18 @@ function Zn(i) {
 }
 function Nn() {
 }
-const Wi = /* @__PURE__ */ Object.create(null);
+const Ui = /* @__PURE__ */ Object.create(null);
 function no(i) {
-  if (!Wi[i]) {
+  if (!Ui[i]) {
     const e = tn(i);
     if (!e) return;
     const o = Zn(e), s = {
       config: e,
       redundancy: o
     };
-    Wi[i] = s;
+    Ui[i] = s;
   }
-  return Wi[i];
+  return Ui[i];
 }
 function eo(i, e, o) {
   let s, a;
@@ -1324,7 +1324,7 @@ function so(i, e) {
   }));
 }
 const lo = (i, e) => {
-  const o = Qe(i, !0, Wn()), s = $e(o);
+  const o = Qe(i, !0, Un()), s = $e(o);
   if (!s.pending.length) {
     let c = !0;
     return e && setTimeout(() => {
@@ -1353,7 +1353,7 @@ function uo(i, e) {
   const o = { ...i };
   for (const s in e) {
     const a = e[s], l = typeof a;
-    s in Un ? (a === null || a && (l === "string" || l === "number")) && (o[s] = a) : l === typeof o[s] && (o[s] = s === "rotate" ? a % 4 : a);
+    s in Wn ? (a === null || a && (l === "string" || l === "number")) && (o[s] = a) : l === typeof o[s] && (o[s] = s === "rotate" ? a % 4 : a);
   }
   return o;
 }
@@ -1546,7 +1546,7 @@ const So = (i, e, o) => {
     ...u
   }, _i("span", c);
 };
-Wn(!0);
+Un(!0);
 He("", Ze);
 if (typeof document != "undefined" && typeof window != "undefined") {
   const i = window;
@@ -1649,7 +1649,7 @@ In((i, e) => _n({
   ...i,
   _ref: e
 }));
-function W({
+function U({
   icon: i,
   iconClass: e
 }) {
@@ -1704,7 +1704,7 @@ function rn({
             disabled: l,
             children: [
               /* @__PURE__ */ n("span", { className: "custom-select__value", children: (c == null ? void 0 : c.length) > 0 ? t : /* @__PURE__ */ n("span", { className: "custom-select__placeholder", children: o != null ? o : " Select options" }) }),
-              /* @__PURE__ */ n("span", { className: "custom-select__icon", children: /* @__PURE__ */ n(W, { icon: "lucide:chevron-down" }) })
+              /* @__PURE__ */ n("span", { className: "custom-select__icon", children: /* @__PURE__ */ n(U, { icon: "lucide:chevron-down" }) })
             ]
           }
         ),
@@ -1801,8 +1801,8 @@ function Qn({
         className: "!flex items-center rounded cursor-pointer   gap-x-3",
         title: `Click to preview ${h}`,
         children: [
-          l === "image" && /* @__PURE__ */ n("div", { className: "flex items-center justify-center ", children: /* @__PURE__ */ n(W, { iconClass: "text-4xl", icon: "fluent-color:image-48" }) }),
-          l !== "image" && /* @__PURE__ */ n(W, { icon: ko[l], iconClass: "text-4xl" }),
+          l === "image" && /* @__PURE__ */ n("div", { className: "flex items-center justify-center ", children: /* @__PURE__ */ n(U, { iconClass: "text-4xl", icon: "fluent-color:image-48" }) }),
+          l !== "image" && /* @__PURE__ */ n(U, { icon: ko[l], iconClass: "text-4xl" }),
           /* @__PURE__ */ n("span", { className: "text-sm font-semibold text-center text-gray-700 truncate max-w-[300px]", children: h })
         ]
       }
@@ -1815,7 +1815,7 @@ function Qn({
           className: "p-2",
           onClick: () => m(u || i, e),
           title: `Download ${h}`,
-          children: /* @__PURE__ */ n(W, { icon: "streamline-flex:download-tray-solid" })
+          children: /* @__PURE__ */ n(U, { icon: "streamline-flex:download-tray-solid" })
         }
       ),
       o && /* @__PURE__ */ n(
@@ -1824,7 +1824,7 @@ function Qn({
           type: "button",
           className: "p-2 text-lg text-red-500",
           onClick: o,
-          children: /* @__PURE__ */ n(W, { icon: "lets-icons:trash-duotone" })
+          children: /* @__PURE__ */ n(U, { icon: "lets-icons:trash-duotone" })
         }
       )
     ] }),
@@ -2014,7 +2014,7 @@ function Mo({
           onClick: () => A(),
           disabled: t,
           "aria-label": "Remove all files",
-          children: /* @__PURE__ */ n(W, { icon: "lets-icons:trash-duotone" })
+          children: /* @__PURE__ */ n(U, { icon: "lets-icons:trash-duotone" })
         }
       )
     ] }),
@@ -2076,7 +2076,15 @@ function Bo({ element: i, validationData: e }) {
         accept: i == null ? void 0 : i.acceptedFiles
       }
     ),
-    o && d && /* @__PURE__ */ n("div", { className: "relative grid gap-y-1 flex-1 w-full", children: typeof o == "object" && (o == null ? void 0 : o.map((h, m) => /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(Qn, { fileUrl: h.base64, fileName: h.name }) }, m))) })
+    d && /* @__PURE__ */ n(ti, { children: o ? /* @__PURE__ */ n("div", { className: "relative grid gap-y-1 flex-1 w-full", children: typeof o == "object" && Array.isArray(o) && o.map(
+      (h, m) => /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
+        Qn,
+        {
+          fileUrl: h.base64,
+          fileName: h.name
+        }
+      ) }, m)
+    ) }) : /* @__PURE__ */ n("span", { className: "field-control !bg-gray-50 w-full !text-gray-400 !text-sm !italic ", children: "No File Uploaded" }) })
   ] });
 }
 function Lo({
@@ -2089,7 +2097,7 @@ function Lo({
     {
       placeholder: i.placeholder,
       type: i.inputType,
-      className: U("field-control", i == null ? void 0 : i.customClass),
+      className: W("field-control", i == null ? void 0 : i.customClass),
       ...o(i.id),
       disabled: e == null ? void 0 : e.isReadOnly
     }
@@ -2174,7 +2182,7 @@ const O = ({
             peer-disabled:cursor-not-allowed
           `,
                 children: T && /* @__PURE__ */ n(
-                  W,
+                  U,
                   {
                     icon: "meteor-icons:check",
                     iconClass: "w-3.5 h-3.5 text-white"
@@ -2247,7 +2255,7 @@ function To({
 }) {
   var a;
   const { register: o = () => ({}), watch: s } = e || {};
-  return /* @__PURE__ */ n("div", { className: U("grid gap-y-[6px]", i.customClass), children: (a = i == null ? void 0 : i.options) == null ? void 0 : a.map(
+  return /* @__PURE__ */ n("div", { className: W("grid gap-y-[6px]", i.customClass), children: (a = i == null ? void 0 : i.options) == null ? void 0 : a.map(
     (l) => /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
       O,
       {
@@ -2275,7 +2283,7 @@ function Po({
 }) {
   var a;
   const { register: o = () => ({}), watch: s } = e || {};
-  return /* @__PURE__ */ n("div", { className: U("grid gap-y-[6px]", i.customClass), children: (a = i == null ? void 0 : i.options) == null ? void 0 : a.map(
+  return /* @__PURE__ */ n("div", { className: W("grid gap-y-[6px]", i.customClass), children: (a = i == null ? void 0 : i.options) == null ? void 0 : a.map(
     (l) => /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
       O,
       {
@@ -2340,7 +2348,7 @@ const Si = ({
     t && d && /* @__PURE__ */ n(
       "label",
       {
-        className: U(
+        className: W(
           "z-[40] absolute bg-white py-[2px] px-1 -top-[10px] left-3",
           m
         ),
@@ -2359,13 +2367,13 @@ const Si = ({
             /* @__PURE__ */ n(
               "span",
               {
-                className: U("block text-sm text-left truncate", {
+                className: W("block text-sm text-left truncate", {
                   "opacity-60": !y || b
                 }),
                 children: x
               }
             ),
-            /* @__PURE__ */ n("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ n(W, { icon: "lucide:chevron-down" }) })
+            /* @__PURE__ */ n("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ n(U, { icon: "lucide:chevron-down" }) })
           ] }),
           /* @__PURE__ */ n(
             yi,
@@ -2379,8 +2387,8 @@ const Si = ({
                   ii.Option,
                   {
                     value: k,
-                    className: ({ active: T }) => U("select-option", { active: T }),
-                    children: ({ selected: T }) => /* @__PURE__ */ n("div", { className: U("option-text", { selected: T }), children: k.label })
+                    className: ({ active: T }) => W("select-option", { active: T }),
+                    children: ({ selected: T }) => /* @__PURE__ */ n("div", { className: W("option-text", { selected: T }), children: k.label })
                   },
                   ((N = k.value) == null ? void 0 : N.id) || k.value || S
                 );
@@ -2438,14 +2446,14 @@ function on({
               placeholder: "Select an option..."
             }
           ),
-          /* @__PURE__ */ n(de, { className: "absolute inset-y-0 right-0 flex items-center px-2 text-gray-400 hover:text-gray-600", children: /* @__PURE__ */ n(W, { icon: "octicon:chevron-down-12" }) })
+          /* @__PURE__ */ n(de, { className: "absolute inset-y-0 right-0 flex items-center px-2 text-gray-400 hover:text-gray-600", children: /* @__PURE__ */ n(U, { icon: "octicon:chevron-down-12" }) })
         ] }),
         /* @__PURE__ */ n(ue, { anchor: "bottom start", className: "select-options__combo", children: h.length === 0 ? /* @__PURE__ */ n("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No results found." }) : h == null ? void 0 : h.map((b) => /* @__PURE__ */ n(
           ce,
           {
             value: b,
-            className: ({ active: f, selected: y }) => U("select-option", { active: f, selected: y }),
-            children: ({ selected: f }) => /* @__PURE__ */ n("div", { className: U("option-text", { selected: f }), children: b.label })
+            className: ({ active: f, selected: y }) => W("select-option", { active: f, selected: y }),
+            children: ({ selected: f }) => /* @__PURE__ */ n("div", { className: W("option-text", { selected: f }), children: b.label })
           },
           b.value
         )) })
@@ -2476,7 +2484,7 @@ function Eo({
       setValue: a,
       trigger: s,
       value: d,
-      className: U("field-control", i == null ? void 0 : i.customClass),
+      className: W("field-control", i == null ? void 0 : i.customClass),
       disabled: e == null ? void 0 : e.isReadOnly
     }
   ) : /* @__PURE__ */ n(
@@ -2500,7 +2508,7 @@ function Ro({
     {
       placeholder: i.placeholder,
       rows: 4,
-      className: U("field-control resize-none", i == null ? void 0 : i.customClass),
+      className: W("field-control resize-none", i == null ? void 0 : i.customClass),
       ...o(i.id),
       disabled: e == null ? void 0 : e.isReadOnly
     }
@@ -2542,16 +2550,16 @@ const Io = ({
   activeTab: a,
   btnClass: l = ""
 }) => {
-  const d = U(
+  const d = W(
     "flex gap-x-3 mb-8 w-full no-scrollbar overflow-x-auto border-b-2 border-[#EAECF0] darks:border-gray-500",
     e
   );
   return /* @__PURE__ */ n("div", { className: d, children: i == null ? void 0 : i.map((u) => {
-    const c = a === u.key, r = o[u.key] || 0, t = U(
+    const c = a === u.key, r = o[u.key] || 0, t = W(
       "capitalize text-sm  whitespace-nowrap no-scrollbar font-semibold pb-[14px] border-b-2 border-[#EAECF0] px-6 flex items-center  gap-x-1 flex-1 text-center",
       `${i.length === 1 ? "justify-start" : "justify-center"}`,
       l
-    ), h = U({
+    ), h = W({
       "border-gray-500 border-primary border-primary-500  text-primary text-primary-500": c,
       "border-transparent text-gray-400 ": !c
     }), m = r > 0 && /* @__PURE__ */ n("span", { className: "text-xs h-6 min-w-[24px] rounded-full flex justify-center items-center border border-[#EAECF0] darks:border-gray-500 bg-[#F9FAFB] darks:bg-gray-800 text-[#454745] darks:text-white/80", children: r });
@@ -2559,7 +2567,7 @@ const Io = ({
       "button",
       {
         onClick: () => s(u.key),
-        className: U(t, h),
+        className: W(t, h),
         "aria-selected": c,
         role: "tab",
         type: "button",
@@ -2889,13 +2897,13 @@ const Io = ({
   { label: "Weekday, Month Day, Year", value: "EEEE, MMMM d, yyyy" },
   { label: "Short Weekday, Month Day, Year", value: "EEE, MMM d, yyyy" },
   { label: "Day-Month-Year", value: "dd-MM-yyyy" }
-], Vo = ["amount"], Fo = ["text", "number"], Wo = [
+], Vo = ["amount"], Fo = ["text", "number"], Uo = [
   "text",
   "number",
   "amount",
   "date",
   "password"
-], Uo = ["amount"], Ti = [
+], Wo = ["amount"], Ti = [
   "grid",
   "section",
   "divider",
@@ -2907,7 +2915,7 @@ const Io = ({
   "checkbox",
   "multiselect",
   "matrix"
-], Jo = ["validateInput"], Zo = ["tableInput"], Ui = ["basicText"], qo = [
+], Jo = ["validateInput"], Zo = ["tableInput"], Wi = ["basicText"], qo = [
   {
     value: [
       "image/jpeg",
@@ -3632,7 +3640,7 @@ const aa = M.object().shape({
                   type: "button",
                   className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
                   onClick: () => Q(H),
-                  children: /* @__PURE__ */ n(W, { icon: "iconamoon:sign-times-fill" })
+                  children: /* @__PURE__ */ n(U, { icon: "iconamoon:sign-times-fill" })
                 }
               )
             ]
@@ -3649,7 +3657,7 @@ const aa = M.object().shape({
               className: "flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",
               onClick: () => T({ label: "", value: "", id: ri() }),
               children: [
-                /* @__PURE__ */ n(W, { icon: "qlementine-icons:plus-16" }),
+                /* @__PURE__ */ n(U, { icon: "qlementine-icons:plus-16" }),
                 " Add Option"
               ]
             }
@@ -3716,7 +3724,7 @@ const aa = M.object().shape({
                     type: "button",
                     className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
                     onClick: () => w(H),
-                    children: /* @__PURE__ */ n(W, { icon: "iconamoon:sign-times-fill" })
+                    children: /* @__PURE__ */ n(U, { icon: "iconamoon:sign-times-fill" })
                   }
                 )
               ]
@@ -3732,7 +3740,7 @@ const aa = M.object().shape({
                 className: "flex items-center mt-2 text-sm font-medium text-gray-700 gap-x-1",
                 onClick: () => q({ label: "", value: "", key: "", id: ri() }),
                 children: [
-                  /* @__PURE__ */ n(W, { icon: "qlementine-icons:plus-16" }),
+                  /* @__PURE__ */ n(U, { icon: "qlementine-icons:plus-16" }),
                   " Add Option"
                 ]
               }
@@ -3863,7 +3871,7 @@ const aa = M.object().shape({
           type: "button",
           className: "outline-none hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
           onClick: () => G(F),
-          children: /* @__PURE__ */ n(W, { icon: "iconamoon:sign-times-fill" })
+          children: /* @__PURE__ */ n(U, { icon: "iconamoon:sign-times-fill" })
         }
       )
     ] }, R.id)) }),
@@ -3883,7 +3891,7 @@ const aa = M.object().shape({
             validate: !1
           }),
           children: [
-            /* @__PURE__ */ n(W, { icon: "qlementine-icons:plus-16" }),
+            /* @__PURE__ */ n(U, { icon: "qlementine-icons:plus-16" }),
             " Add column"
           ]
         }
@@ -3915,7 +3923,7 @@ const aa = M.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(W, { icon: "tabler:x", iconClass: "text-xl" })
+            children: /* @__PURE__ */ n(U, { icon: "tabler:x", iconClass: "text-xl" })
           }
         ),
         /* @__PURE__ */ n("div", { className: "w-full pt-4", children: /* @__PURE__ */ n(
@@ -3938,7 +3946,7 @@ const aa = M.object().shape({
                 " ",
                 /* @__PURE__ */ v("div", { className: " max-h-[70vh] overflow-y-auto flex-1", children: [
                   l === "basic" && /* @__PURE__ */ v("div", { className: "z-10 flex flex-col w-full gap-5 px-6", children: [
-                    Ui.includes(o.inputType) && /* @__PURE__ */ n(ti, { children: /* @__PURE__ */ n(
+                    Wi.includes(o.inputType) && /* @__PURE__ */ n(ti, { children: /* @__PURE__ */ n(
                       O,
                       {
                         watch: g,
@@ -3949,7 +3957,7 @@ const aa = M.object().shape({
                         element: o
                       }
                     ) }),
-                    !Ui.includes(o.inputType) && !Ti.includes(o.inputType) && /* @__PURE__ */ v(ti, { children: [
+                    !Wi.includes(o.inputType) && !Ti.includes(o.inputType) && /* @__PURE__ */ v(ti, { children: [
                       /* @__PURE__ */ n(
                         O,
                         {
@@ -3974,7 +3982,7 @@ const aa = M.object().shape({
                         }
                       )
                     ] }),
-                    Wo.includes(o.inputType) && /* @__PURE__ */ n(
+                    Uo.includes(o.inputType) && /* @__PURE__ */ n(
                       O,
                       {
                         watch: g,
@@ -4061,7 +4069,7 @@ const aa = M.object().shape({
                         value: g("denominators")
                       }
                     ),
-                    !Ui.includes(o.inputType) && !Ti.includes(o.inputType) && /* @__PURE__ */ n(
+                    !Wi.includes(o.inputType) && !Ti.includes(o.inputType) && /* @__PURE__ */ n(
                       O,
                       {
                         watch: g,
@@ -4360,7 +4368,7 @@ const aa = M.object().shape({
                         ) })
                       ] })
                     ] }),
-                    Uo.includes(o.inputType) && /* @__PURE__ */ v(ti, { children: [
+                    Wo.includes(o.inputType) && /* @__PURE__ */ v(ti, { children: [
                       /* @__PURE__ */ v("div", { className: "flex items-center gap-x-6", children: [
                         /* @__PURE__ */ n("div", { className: "w-[150px]", children: /* @__PURE__ */ n(
                           O,
@@ -4486,7 +4494,7 @@ const aa = M.object().shape({
               className: "text-sm outline-none hover:opacity-80 py-1 text-gray-600",
               onClick: () => d(e == null ? void 0 : e.id, e.sectionId),
               title: "Duplicate",
-              children: /* @__PURE__ */ n(W, { icon: "tabler:copy", iconClass: "text-base" })
+              children: /* @__PURE__ */ n(U, { icon: "tabler:copy", iconClass: "text-base" })
             }
           ),
           /* @__PURE__ */ n(
@@ -4496,7 +4504,7 @@ const aa = M.object().shape({
               className: "text-sm outline-none hover:opacity-80 text-gray-600 py-1",
               onClick: () => a(!0),
               title: "Edit",
-              children: /* @__PURE__ */ n(W, { icon: "circum:edit", iconClass: "text-base" })
+              children: /* @__PURE__ */ n(U, { icon: "circum:edit", iconClass: "text-base" })
             }
           ),
           /* @__PURE__ */ n(
@@ -4506,7 +4514,7 @@ const aa = M.object().shape({
               className: "text-sm outline-none hover:opacity-80 text-gray-600 py-1",
               onClick: c,
               title: "Remove",
-              children: /* @__PURE__ */ n(W, { icon: "iconamoon:trash", iconClass: "text-base" })
+              children: /* @__PURE__ */ n(U, { icon: "iconamoon:trash", iconClass: "text-base" })
             }
           )
         ] })
@@ -4698,7 +4706,7 @@ function ta({
         {
           placeholder: (i == null ? void 0 : i.placeholder) || "",
           type: (i == null ? void 0 : i.inputType) || "text",
-          className: U("field-control", i == null ? void 0 : i.customClass),
+          className: W("field-control", i == null ? void 0 : i.customClass),
           ...o(i == null ? void 0 : i.id),
           onChange: (N) => {
             d(N.target.value), s(i == null ? void 0 : i.id, N.target.value);
@@ -4740,7 +4748,7 @@ function ta({
             }
           )
         ] }),
-        r && !u && /* @__PURE__ */ n("span", { className: "block pr-3 text-lg text-green-600", children: /* @__PURE__ */ n(W, { icon: "gg:check-o" }) })
+        r && !u && /* @__PURE__ */ n("span", { className: "block pr-3 text-lg text-green-600", children: /* @__PURE__ */ n(U, { icon: "gg:check-o" }) })
       ] })
     ] }),
     h && A === "string" && /* @__PURE__ */ n(
@@ -4853,10 +4861,10 @@ function ma({
   ) });
 }
 function ba({ element: i }) {
-  return /* @__PURE__ */ n("div", { className: U("py-6", i == null ? void 0 : i.customClass) });
+  return /* @__PURE__ */ n("div", { className: W("py-6", i == null ? void 0 : i.customClass) });
 }
 function va({ element: i }) {
-  return /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n("hr", { className: U("border-gray-200 my-4", i == null ? void 0 : i.customClass) }) });
+  return /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n("hr", { className: W("border-gray-200 my-4", i == null ? void 0 : i.customClass) }) });
 }
 function ha({
   element: i,
@@ -4967,7 +4975,7 @@ function ga({
         onClick: () => l(i.id),
         className: "text-red-500 hover:text-red-700",
         "aria-label": "Delete row",
-        children: /* @__PURE__ */ n(W, { icon: "lets-icons:trash-duotone", iconClass: "text-xl" })
+        children: /* @__PURE__ */ n(U, { icon: "lets-icons:trash-duotone", iconClass: "text-xl" })
       }
     ) })
   ] });
@@ -5114,7 +5122,7 @@ const Pn = ({
   loading: f,
   disabled: y
 }) => {
-  const [g, p] = P(t ? [] : null), A = U("custom-select__control", i), C = $(() => e, [e]);
+  const [g, p] = P(t ? [] : null), A = W("custom-select__control", i), C = $(() => e, [e]);
   return I(() => {
     const x = e == null ? void 0 : e.find((k) => {
       var S;
@@ -5125,7 +5133,7 @@ const Pn = ({
     g && l && a && (l(d, g == null ? void 0 : g.value), a(d), r == null || r(d));
   }, [d, g]), /* @__PURE__ */ v("div", { className: "custom-select", children: [
     u && !h && /* @__PURE__ */ n("label", { className: "custom-select__label", children: u }),
-    h && u && /* @__PURE__ */ n("label", { className: U("custom-select__floating-label", b), children: u }),
+    h && u && /* @__PURE__ */ n("label", { className: W("custom-select__floating-label", b), children: u }),
     /* @__PURE__ */ n(
       ii,
       {
@@ -5136,7 +5144,7 @@ const Pn = ({
         children: /* @__PURE__ */ v("div", { className: "custom-select__wrapper", children: [
           /* @__PURE__ */ v(ii.Button, { className: A, disabled: y, children: [
             f ? /* @__PURE__ */ n("span", { className: "custom-select__loading", children: "Fetching data..." }) : /* @__PURE__ */ n("span", { className: "custom-select__value", children: (g == null ? void 0 : g.label) || /* @__PURE__ */ n("span", { className: "custom-select__placeholder", children: o }) }),
-            /* @__PURE__ */ n("span", { className: "custom-select__icon", children: /* @__PURE__ */ n(W, { icon: "lucide:chevron-down" }) })
+            /* @__PURE__ */ n("span", { className: "custom-select__icon", children: /* @__PURE__ */ n(U, { icon: "lucide:chevron-down" }) })
           ] }),
           /* @__PURE__ */ n(
             yi,
@@ -5147,14 +5155,14 @@ const Pn = ({
                 ii.Option,
                 {
                   value: x,
-                  className: ({ active: S }) => U(
+                  className: ({ active: S }) => W(
                     "custom-select__option",
                     S && "custom-select__option--active"
                   ),
                   children: ({ selected: S }) => /* @__PURE__ */ n(
                     "span",
                     {
-                      className: U(
+                      className: W(
                         "custom-select__option-label",
                         S && "custom-select__option--selected"
                       ),
@@ -5283,7 +5291,7 @@ function Na({
   validationData: e
 }) {
   const { register: o = () => ({}) } = e || {}, s = (i == null ? void 0 : i.options) || [], a = (i == null ? void 0 : i.options1) || [];
-  return /* @__PURE__ */ n("div", { className: U("w-full overflow-x-auto", i.customClass), children: /* @__PURE__ */ v("table", { className: "w-full text-left border-collapse min-w-[600px] mb-2", children: [
+  return /* @__PURE__ */ n("div", { className: W("w-full overflow-x-auto", i.customClass), children: /* @__PURE__ */ v("table", { className: "w-full text-left border-collapse min-w-[600px] mb-2", children: [
     /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ v("tr", { children: [
       /* @__PURE__ */ n("th", { className: "p-3 border-b bg-gray-50/50" }),
       a.map((l) => /* @__PURE__ */ n(
@@ -5417,7 +5425,7 @@ function ka({
       {
         placeholder: i.placeholder,
         type: i.inputType,
-        className: U("field-control", i.customClass),
+        className: W("field-control", i.customClass),
         ...o(i.id),
         disabled: s
       }
@@ -5429,13 +5437,13 @@ function ka({
         onClick: m,
         disabled: t || c,
         style: { background: (u == null ? void 0 : u.buttonColor) || "#333" },
-        className: U(
+        className: W(
           "flex items-center gap-x-1 rounded-lg border border-gray-200 bg-gray-200 px-3 py-[10px] text-sm text-white",
           { "!opacity-60": t }
         ),
         children: [
           /* @__PURE__ */ n(
-            W,
+            U,
             {
               icon: t ? "solar:refresh-outline" : c ? "solar:check-circle-bold" : "solar:pen-2-line-duotone",
               iconClass: t ? "animate-spin" : ""
@@ -5757,7 +5765,7 @@ function Ca({
           }
         ),
         /* @__PURE__ */ v("div", { className: "relative !flex items-center input-control text-[#667085] !py-0 field-control", children: [
-          /* @__PURE__ */ n(W, { icon: "lucide:phone-call" }),
+          /* @__PURE__ */ n(U, { icon: "lucide:phone-call" }),
           /* @__PURE__ */ n(Ai, { value: p, onChange: A, children: /* @__PURE__ */ v("div", { className: "relative", children: [
             /* @__PURE__ */ n(
               Ai.Input,
@@ -5768,7 +5776,7 @@ function Ca({
                 onChange: (w) => g(w.target.value)
               }
             ),
-            /* @__PURE__ */ n(Ai.Button, { className: "absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ n(W, { icon: "lucide:chevron-down" }) }),
+            /* @__PURE__ */ n(Ai.Button, { className: "absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ n(U, { icon: "lucide:chevron-down" }) }),
             /* @__PURE__ */ n(Ai.Options, { className: "absolute z-10 w-[250px] left-0 bg-white border rounded-md shadow-lg max-h-[400px] overflow-y-auto", children: S == null ? void 0 : S.map((w, Y) => /* @__PURE__ */ v(
               Ai.Option,
               {
@@ -5802,7 +5810,7 @@ function Ca({
                 minLength: N
               }
             ),
-            /* @__PURE__ */ n("div", { className: "absolute flex text-xl -translate-y-1/2 top-1/2 right-4", children: !q && C.length > 0 && !r && /* @__PURE__ */ n("span", { className: "text-green-500", children: /* @__PURE__ */ n(W, { icon: "bi:check-lg" }) }) })
+            /* @__PURE__ */ n("div", { className: "absolute flex text-xl -translate-y-1/2 top-1/2 right-4", children: !q && C.length > 0 && !r && /* @__PURE__ */ n("span", { className: "text-green-500", children: /* @__PURE__ */ n(U, { icon: "bi:check-lg" }) }) })
           ] })
         ] }),
         h && /* @__PURE__ */ n("span", { className: "block text-[#475467] font-light leading-4 text-xs mt-2", children: h })
@@ -5860,7 +5868,7 @@ function Ba({
         {
           placeholder: (i == null ? void 0 : i.placeholder) || "Enter Url link",
           type: "text",
-          className: U(
+          className: W(
             "field-control",
             c && "!pl-16",
             i == null ? void 0 : i.customClass
@@ -5938,7 +5946,7 @@ const ne = {
 }, vn = ({ col: i, children: e, customClass: o }) => /* @__PURE__ */ n(
   "div",
   {
-    className: U("w-full bg-white min-w-0", o),
+    className: W("w-full bg-white min-w-0", o),
     style: { gridColumn: i },
     children: e
   }
@@ -6050,7 +6058,7 @@ const ne = {
         onDragEnter: (B) => g(B, x),
         onDragOver: (B) => y(B, x),
         onDragLeave: (B) => p(B, x),
-        className: U(
+        className: W(
           "relative border  rounded-lg min-h-[110px] min-w-0",
           "flex items-center justify-center",
           "transition-all duration-200 ease-in-out",
@@ -6064,20 +6072,20 @@ const ne = {
           q && w && "bg-orange-50 border-orange-400 border-dashed shadow-inner scale-[1.01] text-orange-500"
         ),
         children: [
-          w && S === "edit" && /* @__PURE__ */ n("div", { className: "absolute top-1 left-1/2 -translate-x-1/2 flex items-center gap-0.5 px-2 py-0.5 rounded-full bg-gray-100 hover:bg-blue-100 text-gray-400 hover:text-blue-500 cursor-grab active:cursor-grabbing transition-colors z-10 opacity-60 hover:opacity-100 pointer-events-none select-none", children: /* @__PURE__ */ n(W, { icon: "ph:dots-six-bold" }) }),
+          w && S === "edit" && /* @__PURE__ */ n("div", { className: "absolute top-1 left-1/2 -translate-x-1/2 flex items-center gap-0.5 px-2 py-0.5 rounded-full bg-gray-100 hover:bg-blue-100 text-gray-400 hover:text-blue-500 cursor-grab active:cursor-grabbing transition-colors z-10 opacity-60 hover:opacity-100 pointer-events-none select-none", children: /* @__PURE__ */ n(U, { icon: "ph:dots-six-bold" }) }),
           q && !w && /* @__PURE__ */ v("span", { className: "absolute inset-0 flex flex-col items-center justify-center gap-1 text-blue-400 text-xs font-medium pointer-events-none", children: [
-            /* @__PURE__ */ n(W, { icon: "ph:plus-bold" }),
+            /* @__PURE__ */ n(U, { icon: "ph:plus-bold" }),
             "Drop here"
           ] }),
           q && w && /* @__PURE__ */ n("span", { className: "absolute top-1 right-1 text-xs text-orange-400 font-medium pointer-events-none px-1 py-0.5 bg-orange-50 rounded", children: "Replace" }),
           /* @__PURE__ */ n(
             "div",
             {
-              className: U(
+              className: W(
                 "w-full select-none min-w-0",
                 q && "opacity-50 pointer-events-none"
               ),
-              children: z || /* @__PURE__ */ n("span", { className: "flex items-center justify-center text-gray-300", children: S === "edit" && /* @__PURE__ */ n(W, { icon: "ph:plus-bold" }) })
+              children: z || /* @__PURE__ */ n("span", { className: "flex items-center justify-center text-gray-300", children: S === "edit" && /* @__PURE__ */ n(U, { icon: "ph:plus-bold" }) })
             }
           )
         ]
@@ -6121,13 +6129,13 @@ function Zi({
         l(!1), o();
       },
       style: { height: `${a ? 52 : s ? 28 : 4}px` },
-      className: U(
+      className: W(
         "w-full rounded-md flex items-center justify-center",
         "transition-all duration-150 ease-in-out overflow-hidden",
         a ? "bg-blue-50 border-2 border-blue-300 border-dashed" : s ? "border-2 border-blue-200 border-dashed" : "border-2 border-transparent"
       ),
       children: a && /* @__PURE__ */ v("span", { className: "flex items-center gap-1 text-blue-500 text-xs font-medium select-none pointer-events-none", children: [
-        /* @__PURE__ */ n(W, { icon: "octicon:plus-16" }),
+        /* @__PURE__ */ n(U, { icon: "octicon:plus-16" }),
         "Drop here"
       ] })
     }
@@ -6201,7 +6209,7 @@ function Pa({ elementData: i, sectionId: e }) {
         },
         onDrop: A ? void 0 : m,
         onDragEnd: h,
-        className: U(
+        className: W(
           "cursor-grab active:cursor-grabbing border p-4 w-full rounded-lg",
           "transition-all duration-200 ease-in-out",
           u === p.id ? "opacity-40 scale-[0.98] bg-gray-100 border-dashed border-blue-300 shadow-inner" : u ? "bg-white border-dashed border-blue-200 shadow-sm" : "bg-white border-gray-200 shadow-sm hover:border-blue-300 hover:shadow-md"
@@ -6250,7 +6258,7 @@ function Pa({ elementData: i, sectionId: e }) {
               },
               onDrop: m,
               onDragEnd: h,
-              className: U(
+              className: W(
                 "w-full p-4 border rounded-lg cursor-grab active:cursor-grabbing",
                 "transition-all duration-200 ease-in-out",
                 x ? "opacity-40 scale-[0.98] bg-gray-100 border-dashed border-blue-400 shadow-inner" : k ? "bg-white border-dashed border-blue-200" : "bg-white border-gray-200 shadow-sm hover:border-blue-300 hover:shadow-md"
@@ -6328,7 +6336,7 @@ const Ea = Oi(Pa), Ra = M.object({
         {
           onClick: e,
           className: "absolute right-4 top-4 p-2 text-[#98A2B3] hover:bg-gray-50 rounded-lg",
-          children: /* @__PURE__ */ n(W, { icon: "tabler:x" })
+          children: /* @__PURE__ */ n(U, { icon: "tabler:x" })
         }
       )
     ] }),
@@ -6456,7 +6464,7 @@ const Ea = Oi(Pa), Ra = M.object({
                     type: "button",
                     className: "p-1 text-xs border rounded-lg",
                     onClick: () => d(i),
-                    children: /* @__PURE__ */ n(W, { icon: "fluent:edit-28-regular" })
+                    children: /* @__PURE__ */ n(U, { icon: "fluent:edit-28-regular" })
                   }
                 ),
                 c > 1 && /* @__PURE__ */ n(
@@ -6465,7 +6473,7 @@ const Ea = Oi(Pa), Ra = M.object({
                     type: "button",
                     className: "p-1 text-xs border rounded-lg",
                     onClick: () => u(i.id),
-                    children: /* @__PURE__ */ n(W, { icon: "lets-icons:trash-duotone-line" })
+                    children: /* @__PURE__ */ n(U, { icon: "lets-icons:trash-duotone-line" })
                   }
                 ),
                 /* @__PURE__ */ n(
@@ -6475,7 +6483,7 @@ const Ea = Oi(Pa), Ra = M.object({
                     className: "p-1 text-xs rounded-lg",
                     onClick: () => l(e),
                     children: /* @__PURE__ */ n(
-                      W,
+                      U,
                       {
                         icon: a.includes(e) ? "fa6-solid:chevron-up" : "fa6-solid:chevron-down",
                         iconClass: "text-base"
@@ -6744,7 +6752,7 @@ const Yi = [
                                active:opacity-50 element_class`,
             draggable: !0,
             children: /* @__PURE__ */ v("span", { className: "flex flex-col items-center justify-center w-full gap-2", children: [
-              /* @__PURE__ */ n("span", { style: { color: c }, children: /* @__PURE__ */ n(W, { icon: g.icon, iconClass: "w-6 h-6" }) }),
+              /* @__PURE__ */ n("span", { style: { color: c }, children: /* @__PURE__ */ n(U, { icon: g.icon, iconClass: "w-6 h-6" }) }),
               /* @__PURE__ */ n(
                 "span",
                 {
@@ -6775,7 +6783,7 @@ const Yi = [
   style: h,
   onClick: m
 }) => {
-  const b = U(
+  const b = W(
     "btn inline-flex justify-center",
     {
       "pointer-events-none": o,
@@ -6815,9 +6823,9 @@ const Yi = [
     ),
     "Submitting..."
   ] }) : /* @__PURE__ */ v("span", { className: "flex items-center", children: [
-    a && l === "left" && /* @__PURE__ */ n("span", { className: `mr-[6px] ${d}`, children: /* @__PURE__ */ n(W, { icon: a }) }),
+    a && l === "left" && /* @__PURE__ */ n("span", { className: `mr-[6px] ${d}`, children: /* @__PURE__ */ n(U, { icon: a }) }),
     i && /* @__PURE__ */ n("span", { children: i }),
-    a && l === "right" && /* @__PURE__ */ n("span", { className: `ml-[6px] ${d}`, children: /* @__PURE__ */ n(W, { icon: a }) })
+    a && l === "right" && /* @__PURE__ */ n("span", { className: `ml-[6px] ${d}`, children: /* @__PURE__ */ n(U, { icon: a }) })
   ] });
   return r ? /* @__PURE__ */ n("div", { className: b, children: f() }) : c ? /* @__PURE__ */ n(ge, { to: c, className: b, children: f() }) : /* @__PURE__ */ n(
     "button",
@@ -6900,7 +6908,7 @@ const Fa = ({
     ) })
   ] });
 };
-function Wa() {
+function Ua() {
   return /* @__PURE__ */ n("div", { children: /* @__PURE__ */ v(
     "svg",
     {
@@ -6925,7 +6933,7 @@ function Wa() {
     }
   ) });
 }
-function Ua({
+function Wa({
   title: i,
   goBackUrl: e,
   onSubmit: o,
@@ -6954,7 +6962,7 @@ function Ua({
           onClick: () => e(),
           style: { color: (p == null ? void 0 : p.buttonColor) || "#333" },
           className: "flex items-center gap-x-3",
-          children: /* @__PURE__ */ n(Wa, {})
+          children: /* @__PURE__ */ n(Ua, {})
         }
       ),
       " ",
@@ -7028,7 +7036,7 @@ function Ua({
   ] });
 }
 const ee = ({ loadingClass: i }) => {
-  const e = U(
+  const e = W(
     "h-full w-full min-h-[300px] flex justify-center items-center",
     i
   );
@@ -7056,7 +7064,7 @@ function za({
       /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n("div", { className: "w-[250px]  h-screen  border-r border-[#E4E7EC] bg-white ", children: /* @__PURE__ */ n(ja, {}) }) }),
       /* @__PURE__ */ v("div", { className: "flex-1 h-full max-h-full z-[1] w-[calc(100%-250px)]", children: [
         /* @__PURE__ */ n("div", { className: " h-[70px]", children: /* @__PURE__ */ n(
-          Ua,
+          Wa,
           {
             title: o,
             goBackUrl: s,
@@ -7272,7 +7280,7 @@ function $a({ form_data: i, options: e }) {
     return /* @__PURE__ */ v(
       "div",
       {
-        className: U("group relative grid gap-y-[6px] min-w-0", a.elementClass),
+        className: W("group relative grid gap-y-[6px] min-w-0", a.elementClass),
         children: [
           /* @__PURE__ */ n(
             Di,
@@ -7344,7 +7352,7 @@ function Qa({ form_data: i, options: e, current: o }) {
     return a.gridId ? null : /* @__PURE__ */ v(
       "div",
       {
-        className: U(
+        className: W(
           "group relative grid gap-y-[6px] min-w-0",
           a.elementClass
         ),