react-admin-crud-manager 1.0.22 → 1.0.24

package/dist/index.es.js

@@ -1,65 +1,65 @@
-import { jsx as e, Fragment as j, jsxs as h } from "react/jsx-runtime";
-import Le, { useState as R, useRef as ee, useEffect as K, useMemo as Re } from "react";
-import { ChevronDown as Ie, Search as Oe, Check as Ye, X as Ne, Plus as Ve, Filter as We, ChevronLeft as qe, ChevronRight as Ze, EllipsisVertical as Je, User as Be, Music as Qe } from "lucide-react";
-import { createPortal as Xe } from "react-dom";
-import { Icon as te } from "@iconify/react";
-import { Editor as ea } from "@tinymce/tinymce-react";
-import { SnackbarProvider as aa, enqueueSnackbar as Se } from "notistack";
-import t from "prop-types";
-const Ue = (b, o = "DD MMM YYYY") => {
-  if (!b) return "N/A";
-  const s = new Date(b);
-  if (isNaN(s)) return "Invalid Date";
-  const i = (r) => String(r).padStart(2, "0"), d = {
-    YYYY: s.getFullYear(),
-    YY: String(s.getFullYear()).slice(-2),
-    MMMM: s.toLocaleString("en-US", { month: "long" }),
-    MMM: s.toLocaleString("en-US", { month: "short" }),
-    MM: i(s.getMonth() + 1),
-    M: s.getMonth() + 1,
-    DD: i(s.getDate()),
-    D: s.getDate(),
-    dddd: s.toLocaleString("en-US", { weekday: "long" }),
-    ddd: s.toLocaleString("en-US", { weekday: "short" }),
-    HH: i(s.getHours()),
-    hh: i(s.getHours() % 12 || 12),
-    mm: i(s.getMinutes()),
-    ss: i(s.getSeconds()),
-    A: s.getHours() >= 12 ? "PM" : "AM"
+import { jsx as e, Fragment as E, jsxs as h } from "react/jsx-runtime";
+import Oe, { useState as R, useRef as ae, useEffect as z, useMemo as Le } from "react";
+import { ChevronDown as Be, Search as Ae, Check as Ve, X as Se, Plus as We, Filter as qe, ChevronLeft as Ze, ChevronRight as Je, EllipsisVertical as Qe, User as Ue, Music as Xe } from "lucide-react";
+import { createPortal as ea } from "react-dom";
+import { Icon as re } from "@iconify/react";
+import { Editor as aa } from "@tinymce/tinymce-react";
+import { SnackbarProvider as ta, enqueueSnackbar as Me } from "notistack";
+import r from "prop-types";
+const je = (u, l = "DD MMM YYYY") => {
+  if (!u) return "N/A";
+  const i = new Date(u);
+  if (isNaN(i)) return "Invalid Date";
+  const o = (n) => String(n).padStart(2, "0"), d = {
+    YYYY: i.getFullYear(),
+    YY: String(i.getFullYear()).slice(-2),
+    MMMM: i.toLocaleString("en-US", { month: "long" }),
+    MMM: i.toLocaleString("en-US", { month: "short" }),
+    MM: o(i.getMonth() + 1),
+    M: i.getMonth() + 1,
+    DD: o(i.getDate()),
+    D: i.getDate(),
+    dddd: i.toLocaleString("en-US", { weekday: "long" }),
+    ddd: i.toLocaleString("en-US", { weekday: "short" }),
+    HH: o(i.getHours()),
+    hh: o(i.getHours() % 12 || 12),
+    mm: o(i.getMinutes()),
+    ss: o(i.getSeconds()),
+    A: i.getHours() >= 12 ? "PM" : "AM"
   };
-  return o.replace(
+  return l.replace(
     /YYYY|YY|MMMM|MMM|MM|M|DD|D|dddd|ddd|HH|hh|mm|ss|A/g,
-    (r) => d[r]
+    (n) => d[n]
   );
-}, ta = (b, o, s = []) => {
-  if (!(o != null && o.trim())) return b;
-  const i = o.toLowerCase(), d = (r) => r == null ? [] : typeof r == "object" ? Object.values(r).flatMap(d) : [String(r)];
-  return b.filter((r) => {
-    let g = [];
-    return s.length > 0 ? s.forEach((M) => {
-      r[M] !== void 0 && g.push(...d(r[M]));
-    }) : g = d(r), g.some(
-      (M) => M.toLowerCase().includes(i)
+}, ra = (u, l, i = []) => {
+  if (!(l != null && l.trim())) return u;
+  const o = l.toLowerCase(), d = (n) => n == null ? [] : typeof n == "object" ? Object.values(n).flatMap(d) : [String(n)];
+  return u.filter((n) => {
+    let b = [];
+    return i.length > 0 ? i.forEach((S) => {
+      n[S] !== void 0 && b.push(...d(n[S]));
+    }) : b = d(n), b.some(
+      (S) => S.toLowerCase().includes(o)
     );
   });
-}, Z = Le.forwardRef(
+}, Q = Oe.forwardRef(
   ({
-    className: b = "",
-    variant: o = "contained",
-    color: s = "default",
-    size: i = "default",
+    className: u = "",
+    variant: l = "contained",
+    color: i = "default",
+    size: o = "default",
     fullWidth: d = !1,
-    children: r,
-    ...g
-  }, M) => {
-    var c;
-    const S = "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", p = {
+    children: n,
+    ...b
+  }, S) => {
+    var s;
+    const O = "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", c = {
       sm: "h-8 px-3 rounded-md text-sm",
       md: "h-9 px-4 rounded-md text-sm",
       lg: "h-11 px-6 rounded-md text-base",
       xl: "h-12 px-8 rounded-lg text-lg",
       default: "h-9 px-4 rounded-md text-sm"
-    }, l = {
+    }, m = {
       primary: {
         contained: "bg-primary text-white hover:bg-primary-600 focus:ring-primary-500 shadow-sm",
         outlined: "border border-primary bg-transparent text-primary hover:bg-primary-50 focus:ring-primary-500",
@@ -80,151 +80,151 @@ const Ue = (b, o = "DD MMM YYYY") => {
         outlined: "border border-gray-300 bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-gray-300 dark:border-gray-600 dark:text-gray-200 dark:hover:bg-gray-700 dark:focus:ring-gray-500",
         text: "bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-gray-300 dark:text-gray-200 dark:hover:bg-gray-700 dark:focus:ring-gray-500"
       }
-    }, u = ((c = l[s]) == null ? void 0 : c[o]) || l.default.contained, m = p[i], v = `
-      ${S} 
-      ${u} 
-      ${m} 
+    }, a = ((s = m[i]) == null ? void 0 : s[l]) || m.default.contained, f = c[o], y = `
+      ${O} 
+      ${a} 
+      ${f} 
       ${d ? "w-full" : ""} 
-      ${b}
+      ${u}
     `.trim();
     return /* @__PURE__ */ e(
       "button",
       {
-        ref: M,
-        type: g.type || "button",
-        className: v,
-        ...g,
-        children: r
+        ref: S,
+        type: b.type || "button",
+        className: y,
+        ...b,
+        children: n
       }
     );
   }
 );
-Z.displayName = "Button";
-function q({ label: b, required: o = !1 }) {
-  return /* @__PURE__ */ e(j, { children: /* @__PURE__ */ h("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: [
-    b,
-    o && /* @__PURE__ */ e("span", { className: "ml-1", children: "*" })
+Q.displayName = "Button";
+function Z({ label: u, required: l = !1 }) {
+  return /* @__PURE__ */ e(E, { children: /* @__PURE__ */ h("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: [
+    u,
+    l && /* @__PURE__ */ e("span", { className: "ml-1", children: "*" })
   ] }) });
 }
-const ra = ({
-  options: b = [],
-  value: o = "",
-  defaultValue: s = "",
-  onChange: i,
+const na = ({
+  options: u = [],
+  value: l = "",
+  defaultValue: i = "",
+  onChange: o,
   placeholder: d = "Select option",
-  className: r = "",
-  disabled: g = !1,
-  search: M = !1,
-  label: S = "",
-  required: p = !1,
-  name: l = "",
-  parentClass: u = "",
-  multiple: m = !1,
+  className: n = "",
+  disabled: b = !1,
+  search: S = !1,
+  label: O = "",
+  required: c = !1,
+  name: m = "",
+  parentClass: a = "",
+  multiple: f = !1,
   // ✅ NEW
-  dropdownMaxHeight: v = "",
-  formData: c = {},
+  dropdownMaxHeight: y = "",
+  formData: s = {},
   dependencyKey: w = ""
 }) => {
-  var V;
-  const [y, k] = R(!1), [I, D] = R(""), [C, O] = R(!0), F = ee(null), P = ee(null), [L, B] = R([]);
-  let E = o || o === !1 ? o : s;
-  const Y = (x) => x == null || x === "" ? "" : String(typeof x == "boolean" ? x : x ?? "");
-  K(
+  var _;
+  const [x, N] = R(!1), [P, F] = R(""), [M, L] = R(!0), B = ae(null), T = ae(null), [C, j] = R([]);
+  let G = l || l === !1 ? l : i;
+  const W = (k) => k == null || k === "" ? "" : String(typeof k == "boolean" ? k : k ?? "");
+  z(
     () => {
       (async () => {
-        if (typeof b == "function") {
-          const H = await b(c);
-          B(H);
+        if (typeof u == "function") {
+          const U = await u(s);
+          j(U);
         } else
-          B(b || []);
+          j(u || []);
       })();
     },
-    w ? [b, c == null ? void 0 : c[w]] : [b]
+    w ? [u, s == null ? void 0 : s[w]] : [u]
   );
-  const $ = m ? (E || []).map(Y) : Y(E), _ = L.filter(
-    (x) => x.label.toLowerCase().includes(I.toLowerCase())
-  ), z = (x) => {
-    const H = Y(x);
-    return m ? $.includes(H) : H === $;
+  const $ = f ? (G || []).map(W) : W(G), H = C.filter(
+    (k) => k.label.toLowerCase().includes(P.toLowerCase())
+  ), Y = (k) => {
+    const U = W(k);
+    return f ? $.includes(U) : U === $;
   };
-  K(() => {
-    const x = (H) => {
-      F.current && !F.current.contains(H.target) && (k(!1), D(""));
+  z(() => {
+    const k = (U) => {
+      B.current && !B.current.contains(U.target) && (N(!1), F(""));
     };
-    return document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
-  }, []), K(() => {
-    if (y && F.current) {
-      const x = F.current.getBoundingClientRect(), J = window.innerHeight - x.bottom;
-      O(J < 200);
+    return document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
+  }, []), z(() => {
+    if (x && B.current) {
+      const k = B.current.getBoundingClientRect(), X = window.innerHeight - k.bottom;
+      L(X < 200);
     }
-  }, [y]), K(() => {
-    y && P.current && P.current.focus();
-  }, [y]);
-  const A = (x) => {
-    let H = x;
-    if (x === "true" ? H = !0 : x === "false" && (H = !1), m) {
-      const J = $.includes(Y(x));
-      let Q;
-      J ? Q = o.filter(
-        (W) => Y(W) !== Y(x)
-      ) : Q = [...o || [], H], i(Q);
+  }, [x]), z(() => {
+    x && T.current && T.current.focus();
+  }, [x]);
+  const I = (k) => {
+    let U = k;
+    if (k === "true" ? U = !0 : k === "false" && (U = !1), f) {
+      const X = $.includes(W(k));
+      let J;
+      X ? J = l.filter(
+        (ee) => W(ee) !== W(k)
+      ) : J = [...l || [], U], o(J);
     } else
-      i(H), k(!1);
-    D("");
-  }, U = m ? L.filter((x) => z(x.value)).map((x) => x.label).join(", ") : (V = L.find((x) => z(x.value))) == null ? void 0 : V.label;
-  return K(() => {
-    (E || E === !1) && setTimeout(() => {
-      i(E);
+      o(U), N(!1);
+    F("");
+  }, K = f ? C.filter((k) => Y(k.value)).map((k) => k.label).join(", ") : (_ = C.find((k) => Y(k.value))) == null ? void 0 : _.label;
+  return z(() => {
+    (G || G === !1) && setTimeout(() => {
+      o(G);
     }, 100);
-  }, []), /* @__PURE__ */ h("div", { className: u || "col-span-12", children: [
-    /* @__PURE__ */ e(q, { label: S, required: p }),
-    /* @__PURE__ */ h("div", { className: `relative ${r}`, ref: F, children: [
+  }, []), /* @__PURE__ */ h("div", { className: a || "col-span-12", children: [
+    /* @__PURE__ */ e(Z, { label: O, required: c }),
+    /* @__PURE__ */ h("div", { className: `relative ${n}`, ref: B, children: [
       /* @__PURE__ */ e(
         "select",
         {
           name: "hidden_select_for_validation",
-          value: U || "",
-          required: p,
-          multiple: m,
+          value: K || "",
+          required: c,
+          multiple: f,
           className: "absolute opacity-0 right-1/2 top-[80%] -translate-x-1/2 -translate-y-1/2 pointer-events-none h-[10px]",
-          children: /* @__PURE__ */ e("option", { hidden: !0, value: U, children: U })
+          children: /* @__PURE__ */ e("option", { hidden: !0, value: K, children: K })
         }
       ),
       /* @__PURE__ */ h(
         "button",
         {
           type: "button",
-          onClick: () => !g && k(!y),
-          disabled: g,
+          onClick: () => !b && N(!x),
+          disabled: b,
           className: `w-full h-10 px-3 border border-gray-300 dark:border-gray-600 rounded-md text-left text-sm flex items-center justify-between 
-          ${U ? "dark:text-white" : "text-gray-500 dark:text-gray-400"} 
-          ${g ? "opacity-50 cursor-not-allowed" : "dark:bg-gray-700"}`,
+          ${K ? "dark:text-white" : "text-gray-500 dark:text-gray-400"} 
+          ${b ? "opacity-50 cursor-not-allowed" : "dark:bg-gray-700"}`,
           children: [
-            /* @__PURE__ */ e("span", { className: "truncate", children: U || d }),
+            /* @__PURE__ */ e("span", { className: "truncate", children: K || d }),
             /* @__PURE__ */ e(
-              Ie,
+              Be,
               {
-                className: `w-4 h-4 transition-transform ${y ? "rotate-180" : ""}`
+                className: `w-4 h-4 transition-transform ${x ? "rotate-180" : ""}`
               }
             )
           ]
         }
       ),
-      y && /* @__PURE__ */ h(
+      x && /* @__PURE__ */ h(
         "div",
         {
           className: `absolute z-50 w-full border rounded-md bg-white dark:bg-gray-700 shadow-lg 
-            ${C ? "bottom-full mb-1" : "top-full mt-1"}`,
+            ${M ? "bottom-full mb-1" : "top-full mt-1"}`,
           children: [
-            M && /* @__PURE__ */ e("div", { className: "p-2 border-b border-gray-200 dark:border-gray-600", children: /* @__PURE__ */ h("div", { className: "relative", children: [
-              /* @__PURE__ */ e(Oe, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400" }),
+            S && /* @__PURE__ */ e("div", { className: "p-2 border-b border-gray-200 dark:border-gray-600", children: /* @__PURE__ */ h("div", { className: "relative", children: [
+              /* @__PURE__ */ e(Ae, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400" }),
               /* @__PURE__ */ e(
                 "input",
                 {
-                  ref: P,
+                  ref: T,
                   type: "text",
-                  value: I,
-                  onChange: (x) => D(x.target.value),
+                  value: P,
+                  onChange: (k) => F(k.target.value),
                   placeholder: "Search...",
                   className: "w-full pl-9 pr-3 py-2 text-sm border rounded-md bg-white dark:bg-gray-800 dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none"
                 }
@@ -235,21 +235,21 @@ const ra = ({
               {
                 className: "max-h-40 overflow-y-auto",
                 style: {
-                  maxHeight: v || ""
+                  maxHeight: y || ""
                 },
-                children: _.length > 0 ? _.map((x) => /* @__PURE__ */ h(
+                children: H.length > 0 ? H.map((k) => /* @__PURE__ */ h(
                   "button",
                   {
                     type: "button",
-                    onClick: () => A(String(x.value)),
+                    onClick: () => I(String(k.value)),
                     className: `w-full px-3 py-2 text-left text-sm flex items-center justify-between hover:bg-gray-100 dark:hover:bg-gray-600 
-                    ${z(x.value) ? "bg-blue-50 dark:bg-blue-900/20 text-blue-700 dark:text-blue-300" : ""}`,
+                    ${Y(k.value) ? "bg-blue-50 dark:bg-blue-900/20 text-blue-700 dark:text-blue-300" : ""}`,
                     children: [
-                      /* @__PURE__ */ e("span", { children: x.label }),
-                      m && z(x.value) && /* @__PURE__ */ e(Ye, { className: "w-4 h-4" })
+                      /* @__PURE__ */ e("span", { children: k.label }),
+                      f && Y(k.value) && /* @__PURE__ */ e(Ve, { className: "w-4 h-4" })
                     ]
                   },
-                  String(x.value)
+                  String(k.value)
                 )) : /* @__PURE__ */ e("div", { className: "px-3 py-2 text-sm text-gray-500 dark:text-gray-400", children: "No options found" })
               }
             )
@@ -257,27 +257,27 @@ const ra = ({
         }
       )
     ] })
-  ] }, l);
-}, na = ({
-  value: b = !0,
-  onChange: o,
-  text: s,
-  options: i = [],
+  ] }, m);
+}, la = ({
+  value: u = !0,
+  onChange: l,
+  text: i,
+  options: o = [],
   label: d,
-  required: r,
-  name: g = "",
-  disabled: M = !1,
-  parentClass: S = ""
+  required: n,
+  name: b = "",
+  disabled: S = !1,
+  parentClass: O = ""
 }) => {
-  const p = i.length > 0 ? i : [
+  const c = o.length > 0 ? o : [
     { label: "Active", value: !0 },
     { label: "Inactive", value: !1 }
   ];
-  return /* @__PURE__ */ e(j, { children: /* @__PURE__ */ h("div", { className: S || "col-span-12", children: [
-    /* @__PURE__ */ e(q, { label: d, required: r }),
+  return /* @__PURE__ */ e(E, { children: /* @__PURE__ */ h("div", { className: O || "col-span-12", children: [
+    /* @__PURE__ */ e(Z, { label: d, required: n }),
     /* @__PURE__ */ h("div", { className: "flex items-center justify-between h-10 gap-4 bg-gray-100 dark:bg-gray-700 px-3 rounded-md border border-gray-100 dark:border-gray-600", children: [
-      s && /* @__PURE__ */ e("p", { className: "text-xs text-gray-600 dark:text-gray-400 flex-shrink overflow-hidden text-ellipsis whitespace-nowrap max-w-[200px]", children: s }),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-6", children: p.map((l, u) => /* @__PURE__ */ h(
+      i && /* @__PURE__ */ e("p", { className: "text-xs text-gray-600 dark:text-gray-400 flex-shrink overflow-hidden text-ellipsis whitespace-nowrap max-w-[200px]", children: i }),
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-6", children: c.map((m, a) => /* @__PURE__ */ h(
         "label",
         {
           className: "flex items-center gap-2 cursor-pointer select-none",
@@ -287,22 +287,22 @@ const ra = ({
               {
                 type: "radio",
                 name: "switch-field",
-                required: r && u === 0,
-                value: l.value,
-                disabled: M,
-                checked: b === l.value,
-                onChange: () => o(l.value),
+                required: n && a === 0,
+                value: m.value,
+                disabled: S,
+                checked: u === m.value,
+                onChange: () => l(m.value),
                 className: "w-4 h-4  border-gray-300 cursor-pointer"
               }
             ),
-            /* @__PURE__ */ e("span", { className: "text-sm text-gray-700 dark:text-white", children: l.label })
+            /* @__PURE__ */ e("span", { className: "text-sm text-gray-700 dark:text-white", children: m.label })
           ]
         },
-        u
+        a
       )) })
     ] })
-  ] }, g) });
-}, we = [
+  ] }, b) });
+}, ke = [
   { label: "Afghanistan", code: "AF", phone: "93" },
   { label: "Aland Islands", code: "AX", phone: "358" },
   { label: "Albania", code: "AL", phone: "355" },
@@ -554,90 +554,90 @@ const ra = ({
   { label: "Zambia", code: "ZM", phone: "260" },
   { label: "Zimbabwe", code: "ZW", phone: "263" }
 ];
-function la({
-  label: b = "",
-  value: o = "",
-  name: s = "",
-  parentClass: i = "",
+function oa({
+  label: u = "",
+  value: l = "",
+  name: i = "",
+  parentClass: o = "",
   onChange: d,
-  disabled: r = !1,
-  required: g = !1,
-  placeholder: M = "Phone number",
-  search: S = !1,
-  countriesList: p = !1,
-  defaultCountry: l = ""
+  disabled: n = !1,
+  required: b = !1,
+  placeholder: S = "Phone number",
+  search: O = !1,
+  countriesList: c = !1,
+  defaultCountry: m = ""
 }) {
-  const u = (L) => we.find((B) => B.code == L), [m, v] = R(
-    u(l) || we[0]
-  ), [c, w] = R(""), [y, k] = R(!1), [I, D] = R(""), C = ee();
-  K(() => {
-    if (typeof o == "string" && o.startsWith("+")) {
-      const L = we.filter((B) => o.startsWith("+" + B.phone)).sort((B, E) => E.phone.length - B.phone.length)[0];
-      if (L) {
-        v(L), w(o.replace("+" + L.phone, ""));
+  const a = (C) => ke.find((j) => j.code == C), [f, y] = R(
+    a(m) || ke[0]
+  ), [s, w] = R(""), [x, N] = R(!1), [P, F] = R(""), M = ae();
+  z(() => {
+    if (typeof l == "string" && l.startsWith("+")) {
+      const C = ke.filter((j) => l.startsWith("+" + j.phone)).sort((j, G) => G.phone.length - j.phone.length)[0];
+      if (C) {
+        y(C), w(l.replace("+" + C.phone, ""));
         return;
       }
     }
-    w(o);
-  }, [o]);
-  const O = (L) => {
-    const B = L.target.value.replace(/\D/g, "");
-    w(B), m && d && d("+" + m.phone + B);
-  }, F = (L) => {
-    v(L), d && d("+" + L.phone + c), k(!1), D("");
+    w(l);
+  }, [l]);
+  const L = (C) => {
+    const j = C.target.value.replace(/\D/g, "");
+    w(j), f && d && d("+" + f.phone + j);
+  }, B = (C) => {
+    y(C), d && d("+" + C.phone + s), N(!1), F("");
   };
-  K(() => {
-    const L = (B) => {
-      C.current && !C.current.contains(B.target) && k(!1);
+  z(() => {
+    const C = (j) => {
+      M.current && !M.current.contains(j.target) && N(!1);
     };
-    return document.addEventListener("mousedown", L), () => document.removeEventListener("mousedown", L);
+    return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
   }, []);
-  const P = we.filter(
-    (L) => L.label.toLowerCase().includes(I.toLowerCase()) || L.phone.includes(I)
+  const T = ke.filter(
+    (C) => C.label.toLowerCase().includes(P.toLowerCase()) || C.phone.includes(P)
   );
-  return p ? /* @__PURE__ */ e(j, { children: /* @__PURE__ */ h("div", { className: i || "col-span-12", children: [
-    /* @__PURE__ */ e(q, { label: b, required: g }),
-    /* @__PURE__ */ h("div", { className: "relative ", ref: C, children: [
+  return c ? /* @__PURE__ */ e(E, { children: /* @__PURE__ */ h("div", { className: o || "col-span-12", children: [
+    /* @__PURE__ */ e(Z, { label: u, required: b }),
+    /* @__PURE__ */ h("div", { className: "relative ", ref: M, children: [
       /* @__PURE__ */ h(
         "div",
         {
           className: `h-[40px] flex items-center border rounded-md px-2 bg-white dark:bg-gray-700 transition-all
-  ${y ? "ring-0.5 ring-blue-100 border-blue-300" : "border-gray-300 dark:border-gray-600"}
-  ${r ? "opacity-60 cursor-not-allowed" : ""}`,
+  ${x ? "ring-0.5 ring-blue-100 border-blue-300" : "border-gray-300 dark:border-gray-600"}
+  ${n ? "opacity-60 cursor-not-allowed" : ""}`,
           children: [
             /* @__PURE__ */ h(
               "button",
               {
                 type: "button",
-                disabled: r,
-                onClick: () => k(!y),
+                disabled: n,
+                onClick: () => N(!x),
                 className: "flex items-center gap-1 pr-2 border-r border-gray-300 dark:border-gray-700 focus:outline-none",
                 children: [
-                  m ? /* @__PURE__ */ e(
+                  f ? /* @__PURE__ */ e(
                     "img",
                     {
-                      src: `https://flagcdn.com/w20/${m.code.toLowerCase()}.png`,
-                      alt: m.code,
+                      src: `https://flagcdn.com/w20/${f.code.toLowerCase()}.png`,
+                      alt: f.code,
                       className: "w-5 h-3 object-cover"
                     }
                   ) : /* @__PURE__ */ e("span", { className: "text-gray-400 text-xs", children: "🌐" }),
-                  /* @__PURE__ */ e(Ie, { className: "w-3 h-3 text-gray-500" })
+                  /* @__PURE__ */ e(Be, { className: "w-3 h-3 text-gray-500" })
                 ]
               }
             ),
-            m && /* @__PURE__ */ h("span", { className: "ml-2 text-sm text-gray-700 dark:text-gray-200 whitespace-nowrap", children: [
+            f && /* @__PURE__ */ h("span", { className: "ml-2 text-sm text-gray-700 dark:text-gray-200 whitespace-nowrap", children: [
               "+",
-              m.phone
+              f.phone
             ] }),
             /* @__PURE__ */ e(
               "input",
               {
                 type: "tel",
-                value: c,
-                onChange: O,
-                required: g,
-                disabled: r || !m,
-                placeholder: m ? M : "Select a country",
+                value: s,
+                onChange: L,
+                required: b,
+                disabled: n || !f,
+                placeholder: f ? S : "Select a country",
                 className: "flex-1 ml-2 bg-transparent outline-none text-sm text-gray-800 dark:text-gray-100 placeholder-gray-400"
               }
             ),
@@ -645,10 +645,10 @@ function la({
               "input",
               {
                 type: "tel",
-                required: g,
+                required: b,
                 tabIndex: -1,
                 readOnly: !0,
-                value: m && c ? "+" + m.phone + c : "",
+                value: f && s ? "+" + f.phone + s : "",
                 style: {
                   position: "absolute",
                   opacity: 0,
@@ -660,61 +660,61 @@ function la({
           ]
         }
       ),
-      y && /* @__PURE__ */ h("div", { className: "absolute top-full left-0 w-full mt-1 border border-gray-300 dark:border-gray-700 rounded-md bg-white dark:bg-gray-700 shadow-lg z-50 max-h-60 overflow-y-auto", children: [
-        S && /* @__PURE__ */ e("div", { className: "p-2 border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ h("div", { className: "relative", children: [
-          /* @__PURE__ */ e(Oe, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400" }),
+      x && /* @__PURE__ */ h("div", { className: "absolute top-full left-0 w-full mt-1 border border-gray-300 dark:border-gray-700 rounded-md bg-white dark:bg-gray-700 shadow-lg z-50 max-h-60 overflow-y-auto", children: [
+        O && /* @__PURE__ */ e("div", { className: "p-2 border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ h("div", { className: "relative", children: [
+          /* @__PURE__ */ e(Ae, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400" }),
           /* @__PURE__ */ e(
             "input",
             {
               type: "text",
-              value: I,
-              onChange: (L) => D(L.target.value),
+              value: P,
+              onChange: (C) => F(C.target.value),
               placeholder: "Search country...",
               className: "w-full pl-9 pr-3 py-2 text-sm border rounded-md bg-white dark:bg-gray-800 dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none "
             }
           )
         ] }) }),
-        P.map((L) => /* @__PURE__ */ h(
+        T.map((C) => /* @__PURE__ */ h(
           "button",
           {
             type: "button",
-            onClick: () => F(L),
+            onClick: () => B(C),
             className: "w-full flex items-center gap-2 px-2 py-1 text-sm hover:bg-blue-50 dark:hover:bg-gray-700 text-gray-800 dark:text-gray-100",
             children: [
               /* @__PURE__ */ e(
                 "img",
                 {
-                  src: `https://flagcdn.com/w20/${L.code.toLowerCase()}.png`,
-                  alt: L.code,
+                  src: `https://flagcdn.com/w20/${C.code.toLowerCase()}.png`,
+                  alt: C.code,
                   className: "w-5 h-3 object-cover"
                 }
               ),
               /* @__PURE__ */ h("span", { children: [
-                L.label,
+                C.label,
                 " (+",
-                L.phone,
+                C.phone,
                 ")"
               ] })
             ]
           },
-          L.code
+          C.code
         ))
       ] })
     ] })
-  ] }, s) }) : /* @__PURE__ */ e(j, { children: /* @__PURE__ */ h("div", { className: i || "col-span-12", children: [
-    /* @__PURE__ */ e(q, { label: b, required: g }),
+  ] }, i) }) : /* @__PURE__ */ e(E, { children: /* @__PURE__ */ h("div", { className: o || "col-span-12", children: [
+    /* @__PURE__ */ e(Z, { label: u, required: b }),
     /* @__PURE__ */ e(
       "input",
       {
         type: "text",
-        value: o,
-        onChange: (B) => {
-          const E = B.target.value.replace(/[^+\d]/g, ""), Y = E.startsWith("+") ? "+" + E.replace(/[+]/g, "").slice(0) : E;
-          d(Y);
+        value: l,
+        onChange: (j) => {
+          const G = j.target.value.replace(/[^+\d]/g, ""), W = G.startsWith("+") ? "+" + G.replace(/[+]/g, "").slice(0) : G;
+          d(W);
         },
-        placeholder: M,
-        disabled: r,
-        required: g,
+        placeholder: S,
+        disabled: n,
+        required: b,
         className: `w-full h-10 px-3 text-sm border border-gray-300 dark:border-gray-600 rounded-md \r
         bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 focus:outline-none \r
         focus:ring-1 focus:ring-blue-300 dark:focus:ring-blue-200`,
@@ -722,113 +722,113 @@ function la({
         pattern: "^\\+\\d{1,15}$"
       }
     )
-  ] }, s) });
+  ] }, i) });
 }
-const je = Le.forwardRef(
-  ({ className: b = "", label: o, required: s, ...i }, d) => {
-    const r = `
+const Ee = Oe.forwardRef(
+  ({ className: u = "", label: l, required: i, ...o }, d) => {
+    const n = `
       placeholder-gray-400 dark:placeholder-gray-400
-      ${b}
+      ${u}
     `.trim();
-    return /* @__PURE__ */ e(j, { children: /* @__PURE__ */ h("div", { className: i.parentClass || "col-span-12", children: [
-      /* @__PURE__ */ e(q, { label: o, required: s }),
+    return /* @__PURE__ */ e(E, { children: /* @__PURE__ */ h("div", { className: o.parentClass || "col-span-12", children: [
+      /* @__PURE__ */ e(Z, { label: l, required: i }),
       /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
         "textarea",
         {
-          className: r,
+          className: n,
           ref: d,
-          required: s,
-          ...i
+          required: i,
+          ...o
         }
       ) })
-    ] }, i.name) });
+    ] }, o.name) });
   }
 );
-je.displayName = "TextArea";
-const oa = ({
-  label: b = "",
-  value: o = null,
-  onChange: s,
-  required: i = !1,
+Ee.displayName = "TextArea";
+const ia = ({
+  label: u = "",
+  value: l = null,
+  onChange: i,
+  required: o = !1,
   accept: d = "image/*",
-  id: r,
-  dragDrop: g = !1,
-  name: M = "",
-  parentClass: S = ""
+  id: n,
+  dragDrop: b = !1,
+  name: S = "",
+  parentClass: O = ""
 }) => {
-  const [p, l] = R(o), [u, m] = R(!1), v = ee(null);
-  K(() => (o instanceof File ? l({ file: o, preview: URL.createObjectURL(o) }) : (o != null && o.preview, l(o)), () => {
-    p != null && p.preview && p.preview.startsWith("blob:") && URL.revokeObjectURL(p.preview);
-  }), [o]);
-  const c = (C) => {
-    if (!C || C.length === 0)
+  const [c, m] = R(l), [a, f] = R(!1), y = ae(null);
+  z(() => (l instanceof File ? m({ file: l, preview: URL.createObjectURL(l) }) : (l != null && l.preview, m(l)), () => {
+    c != null && c.preview && c.preview.startsWith("blob:") && URL.revokeObjectURL(c.preview);
+  }), [l]);
+  const s = (M) => {
+    if (!M || M.length === 0)
       return;
-    const O = C[0], F = URL.createObjectURL(O), P = { file: O, preview: F };
-    p != null && p.preview && p.preview.startsWith("blob:") && URL.revokeObjectURL(p.preview), l(P), s == null || s(O);
-  }, w = (C) => {
-    C && C.stopPropagation(), p != null && p.preview && p.preview.startsWith("blob:") && URL.revokeObjectURL(p.preview), l(null), s == null || s(null), v.current && (v.current.value = "");
-  }, y = (C) => {
-    g && (C.preventDefault(), m(!0));
-  }, k = (C) => {
-    g && (C.preventDefault(), m(!1));
-  }, I = (C) => {
-    g && (C.preventDefault(), m(!1), c(C.dataTransfer.files));
-  }, D = () => {
-    v.current.click();
+    const L = M[0], B = URL.createObjectURL(L), T = { file: L, preview: B };
+    c != null && c.preview && c.preview.startsWith("blob:") && URL.revokeObjectURL(c.preview), m(T), i == null || i(L);
+  }, w = (M) => {
+    M && M.stopPropagation(), c != null && c.preview && c.preview.startsWith("blob:") && URL.revokeObjectURL(c.preview), m(null), i == null || i(null), y.current && (y.current.value = "");
+  }, x = (M) => {
+    b && (M.preventDefault(), f(!0));
+  }, N = (M) => {
+    b && (M.preventDefault(), f(!1));
+  }, P = (M) => {
+    b && (M.preventDefault(), f(!1), s(M.dataTransfer.files));
+  }, F = () => {
+    y.current.click();
   };
-  return /* @__PURE__ */ e(j, { children: /* @__PURE__ */ h("div", { className: S || "col-span-12", children: [
-    /* @__PURE__ */ e(q, { label: b, required: i }),
+  return /* @__PURE__ */ e(E, { children: /* @__PURE__ */ h("div", { className: O || "col-span-12", children: [
+    /* @__PURE__ */ e(Z, { label: u, required: o }),
     /* @__PURE__ */ h(
       "div",
       {
-        className: `relative rounded-md p-2 transition-all ${u ? "border-2 border-dashed border-blue-500 bg-blue-50 dark:bg-blue-900/20" : "border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800"}`,
-        onDragOver: y,
-        onDragLeave: k,
-        onDrop: I,
+        className: `relative rounded-md p-2 transition-all ${a ? "border-2 border-dashed border-blue-500 bg-blue-50 dark:bg-blue-900/20" : "border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800"}`,
+        onDragOver: x,
+        onDragLeave: N,
+        onDrop: P,
         children: [
           /* @__PURE__ */ e(
             "input",
             {
-              ref: v,
-              id: r,
+              ref: y,
+              id: n,
               type: "file",
               accept: d,
-              onChange: (C) => c(C.target.files),
-              required: i && !p,
+              onChange: (M) => s(M.target.files),
+              required: o && !c,
               className: "absolute opacity-0 right-[50%] top-[80%] -translate-y-1/2 pointer-events-none h-[10px]"
             }
           ),
           /* @__PURE__ */ h(
             "div",
             {
-              className: `flex items-center space-x-4 transition-all ${u ? "opacity-50" : ""}`,
+              className: `flex items-center space-x-4 transition-all ${a ? "opacity-50" : ""}`,
               children: [
-                p ? (
+                c ? (
                   // Image preview with close button
                   /* @__PURE__ */ h("div", { className: "relative group", children: [
                     /* @__PURE__ */ e(
                       "img",
                       {
-                        src: p.preview || p,
+                        src: c.preview || c,
                         alt: "preview",
                         className: "object-cover w-20 h-20 rounded-full shadow-md"
                       }
                     ),
-                    !i && /* @__PURE__ */ e(
+                    !o && /* @__PURE__ */ e(
                       "button",
                       {
                         type: "button",
                         onClick: w,
                         className: "absolute top-0 -right-2 bg-red-500 text-white rounded-full p-1 shadow-lg hover:bg-red-600 transition-colors focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2",
                         "aria-label": "Remove image",
-                        children: /* @__PURE__ */ e(te, { icon: "mdi:close", className: "w-3 h-3" })
+                        children: /* @__PURE__ */ e(re, { icon: "mdi:close", className: "w-3 h-3" })
                       }
                     )
                   ] })
                 ) : (
                   // Placeholder icon
                   /* @__PURE__ */ e("div", { className: "rounded-full bg-gray-100 dark:bg-gray-700 h-20 w-20 flex items-center justify-center", children: /* @__PURE__ */ e(
-                    te,
+                    re,
                     {
                       icon: "ri:image-add-fill",
                       className: "text-gray-400 w-10 h-10"
@@ -837,76 +837,79 @@ const oa = ({
                 ),
                 /* @__PURE__ */ h("div", { className: "flex flex-col items-center space-y-1", children: [
                   /* @__PURE__ */ e(
-                    Z,
+                    Q,
                     {
                       type: "button",
-                      onClick: D,
+                      onClick: F,
                       variant: "outlined",
                       color: "default",
-                      children: p ? "Change Image" : "Select Image"
+                      children: c ? "Change Image" : "Select Image"
                     }
                   ),
-                  g && !p && /* @__PURE__ */ e("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "or drag and drop" })
+                  b && !c && /* @__PURE__ */ e("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "or drag and drop" })
                 ] })
               ]
             }
           ),
-          g && u && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none bg-blue-500/10 rounded-md", children: /* @__PURE__ */ e("span", { className: "text-blue-600 dark:text-blue-400 font-semibold text-lg", children: "Drop image here" }) })
+          b && a && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none bg-blue-500/10 rounded-md", children: /* @__PURE__ */ e("span", { className: "text-blue-600 dark:text-blue-400 font-semibold text-lg", children: "Drop image here" }) })
         ]
       }
     )
-  ] }, M) });
-}, Ee = Le.forwardRef(
+  ] }, S) });
+}, $e = Oe.forwardRef(
   ({
-    label: b,
-    required: o,
-    parentClass: s = "",
-    className: i = "",
+    label: u,
+    required: l,
+    parentClass: i = "",
+    className: o = "",
     type: d = "text",
-    onKeyDown: r,
-    negativeNumberAllow: g = !0,
-    defaultValue: M = "",
-    ...S
-  }, p) => {
-    const [l, u] = R(!1), m = (c) => {
+    onKeyDown: n,
+    negativeNumberAllow: b = !0,
+    defaultValue: S = "",
+    ...O
+  }, c) => {
+    const [m, a] = R(!1), f = (s) => {
       if (d === "number") {
-        if (["e", "E", "+"].includes(c.key)) {
-          c.preventDefault();
+        if (["e", "E", "+"].includes(s.key)) {
+          s.preventDefault();
           return;
         }
-        if (g == !1 && c.key === "-") {
-          c.preventDefault();
+        if (b == !1 && s.key === "-") {
+          s.preventDefault();
           return;
         }
-        if (["ArrowUp", "ArrowDown"].includes(c.key)) {
-          c.preventDefault();
+        if (["ArrowUp", "ArrowDown"].includes(s.key)) {
+          s.preventDefault();
           return;
         }
       }
-      r == null || r(c);
-    }, v = `
+      n == null || n(s);
+    }, y = `
       h-10 placeholder-gray-400 dark:placeholder-gray-400
       ${d === "password" ? "pr-10" : ""}
       ${d === "number" ? "no-spinner" : ""}
-      ${i}
+      ${o}
     `.trim();
-    return K(() => {
-      M && setTimeout(() => {
-        var c;
-        (c = S.onChange) == null || c.call(S, { target: { value: M } });
-      }, 100);
-    }, [M]), /* @__PURE__ */ e(j, { children: /* @__PURE__ */ h("div", { className: s || "col-span-12", children: [
-      /* @__PURE__ */ e(q, { label: b, required: o }),
+    return z(() => {
+      if (S) {
+        let s = O.value || S;
+        setTimeout(() => {
+          var w;
+          (w = O.onChange) == null || w.call(O, { target: { value: s } });
+        }, 100);
+      }
+    }, [S]), /* @__PURE__ */ e(E, { children: /* @__PURE__ */ h("div", { className: i || "col-span-12", children: [
+      /* @__PURE__ */ e(Z, { label: u, required: l }),
       /* @__PURE__ */ h("div", { className: "relative", children: [
         /* @__PURE__ */ e(
           "input",
           {
-            type: d === "password" && l ? "text" : d,
-            ref: p,
-            required: o,
-            onKeyDown: m,
-            className: v,
-            ...S
+            type: d === "password" && m ? "text" : d,
+            ref: c,
+            required: l,
+            onKeyDown: f,
+            className: y,
+            ...O
           }
         ),
         d === "password" && /* @__PURE__ */ e(
@@ -914,70 +917,70 @@ const oa = ({
           {
             type: "button",
             tabIndex: -1,
-            onClick: () => u((c) => !c),
+            onClick: () => a((s) => !s),
             className: "absolute inset-y-0 right-3 flex items-center text-gray-400 hover:text-gray-600 dark:text-gray-400 dark:hover:text-gray-200",
             children: /* @__PURE__ */ e(
-              te,
+              re,
               {
-                icon: l ? "mdi:eye-outline" : "mdi:eye-off-outline",
+                icon: m ? "mdi:eye-outline" : "mdi:eye-off-outline",
                 className: "w-5 h-5"
               }
             )
           }
         )
       ] })
-    ] }, S.name) });
+    ] }, O.name) });
   }
 );
-Ee.displayName = "Input";
-const ia = ({
-  key: b,
-  editorKey: o = "",
-  value: s = "",
-  onChange: i,
+$e.displayName = "Input";
+const sa = ({
+  key: u,
+  editorKey: l = "",
+  value: i = "",
+  onChange: o,
   label: d = "",
-  required: r = !1,
-  placeholder: g = "",
-  parentClass: M = "col-span-12",
-  height: S = 400,
-  inline: p = !1,
-  disabled: l = !1,
-  plugins: u,
-  toolbar: m,
-  menubar: v = !1,
-  fontFamily: c = "Inter, sans-serif",
+  required: n = !1,
+  placeholder: b = "",
+  parentClass: S = "col-span-12",
+  height: O = 400,
+  inline: c = !1,
+  disabled: m = !1,
+  plugins: a,
+  toolbar: f,
+  menubar: y = !1,
+  fontFamily: s = "Inter, sans-serif",
   initConfig: w = {},
-  imageUploadHandler: y
+  imageUploadHandler: x
   // ✅ Promise function passed from parent
-}) => /* @__PURE__ */ h("div", { className: M, children: [
-  d && /* @__PURE__ */ e(q, { label: d, required: r }),
+}) => /* @__PURE__ */ h("div", { className: S, children: [
+  d && /* @__PURE__ */ e(Z, { label: d, required: n }),
   /* @__PURE__ */ e(
-    ea,
+    aa,
     {
-      apiKey: o,
-      value: s,
-      disabled: l,
+      apiKey: l,
+      value: i,
+      disabled: m,
       init: {
-        height: S,
-        inline: p,
-        menubar: v,
+        height: O,
+        inline: c,
+        menubar: y,
         branding: !1,
         statusbar: !0,
         automatic_uploads: !0,
-        images_upload_handler: (C) => new Promise((O, F) => {
-          if (!y) {
-            O(`data:${C.blob().type};base64,${C.base64()}`);
+        images_upload_handler: (M) => new Promise((L, B) => {
+          if (!x) {
+            L(`data:${M.blob().type};base64,${M.base64()}`);
             return;
           }
-          y(C).then((P) => {
-            P ? O(P) : F("Upload failed: No URL returned");
-          }).catch((P) => {
-            F(
-              typeof P == "string" ? P : (P == null ? void 0 : P.message) || "Image upload failed"
+          x(M).then((T) => {
+            T ? L(T) : B("Upload failed: No URL returned");
+          }).catch((T) => {
+            B(
+              typeof T == "string" ? T : (T == null ? void 0 : T.message) || "Image upload failed"
             );
           });
         }),
-        plugins: u ?? [
+        plugins: a ?? [
           "advlist",
           "autolink",
           "lists",
@@ -996,419 +999,419 @@ const ia = ({
           "help",
           "wordcount"
         ],
-        toolbar: m ?? "undo redo | blocks | bold italic underline forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media table | removeformat | code fullscreen preview",
-        placeholder: g,
+        toolbar: f ?? "undo redo | blocks | bold italic underline forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media table | removeformat | code fullscreen preview",
+        placeholder: b,
         content_style: `
             body {
-                font-family: ${c};
+                font-family: ${s};
             }
             `,
         ...w
       },
-      onEditorChange: (C) => {
-        i && i(C);
+      onEditorChange: (M) => {
+        o && o(M);
       }
     }
   )
-] }, b), sa = ({
-  name: b = "",
-  label: o = "",
+] }, u), da = ({
+  name: u = "",
+  label: l = "",
   // label for single checkbox
-  options: s = [],
+  options: i = [],
   // array of { label, value } for multiple
-  value: i = null,
+  value: o = null,
   // boolean for single, array for multiple, or string for single select
   onChange: d,
-  disabled: r = !1,
-  required: g = !1,
-  parentClass: M = "col-span-12",
-  className: S = "",
-  multiSelect: p = !1
+  disabled: n = !1,
+  required: b = !1,
+  parentClass: S = "col-span-12",
+  className: O = "",
+  multiSelect: c = !1
   // ✅ if true, only one option can be selected (like radio)
 }) => {
-  const l = Array.isArray(s) && s.length > 0, u = (c) => l ? p ? Array.isArray(i) && i.includes(c) : i === c : !!i, m = (c) => {
-    d == null || d(c.target.checked, b);
-  }, v = (c, w) => {
+  const m = Array.isArray(i) && i.length > 0, a = (s) => m ? c ? Array.isArray(o) && o.includes(s) : o === s : !!o, f = (s) => {
+    d == null || d(s.target.checked, u);
+  }, y = (s, w) => {
     if (d)
-      if (!p)
-        d(w ? c : "", b);
+      if (!c)
+        d(w ? s : "", u);
       else {
-        const y = Array.isArray(i) ? [...i] : [];
+        const x = Array.isArray(o) ? [...o] : [];
         if (w)
-          y.includes(c) || y.push(c);
+          x.includes(s) || x.push(s);
         else {
-          const k = y.indexOf(c);
-          k > -1 && y.splice(k, 1);
+          const N = x.indexOf(s);
+          N > -1 && x.splice(N, 1);
         }
-        d(y, b);
+        d(x, u);
       }
   };
-  return l ? /* @__PURE__ */ e(j, { children: /* @__PURE__ */ h("div", { className: `${M}`, children: [
-    /* @__PURE__ */ e(q, { label: o, required: g }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col space-y-2", children: s.map((c, w) => /* @__PURE__ */ h("div", { className: "flex items-center", children: [
+  return m ? /* @__PURE__ */ e(E, { children: /* @__PURE__ */ h("div", { className: `${S}`, children: [
+    /* @__PURE__ */ e(Z, { label: l, required: b }),
+    /* @__PURE__ */ e("div", { className: "flex flex-col space-y-2", children: i.map((s, w) => /* @__PURE__ */ h("div", { className: "flex items-center", children: [
       /* @__PURE__ */ e(
         "input",
         {
           type: "checkbox",
-          name: b,
-          value: c.value,
-          checked: u(c.value),
-          disabled: r || c.disabled,
-          required: g && w === 0,
-          onChange: (y) => v(c.value, y.target.checked),
-          className: `h-4 w-4 cursor-pointer text-blue-600 border-gray-300 rounded focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400 ${S}`
+          name: u,
+          value: s.value,
+          checked: a(s.value),
+          disabled: n || s.disabled,
+          required: b && w === 0,
+          onChange: (x) => y(s.value, x.target.checked),
+          className: `h-4 w-4 cursor-pointer text-blue-600 border-gray-300 rounded focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400 ${O}`
         },
-        b
+        u
       ),
-      c.label && /* @__PURE__ */ e(
+      s.label && /* @__PURE__ */ e(
         "label",
         {
-          htmlFor: b,
+          htmlFor: u,
           className: "ml-2 text-sm text-gray-700 dark:text-gray-200 select-none",
-          children: c.label
+          children: s.label
         }
       )
-    ] }, c.value || c.label)) })
-  ] }) }) : /* @__PURE__ */ h("div", { className: `flex items-center ${M}`, children: [
+    ] }, s.value || s.label)) })
+  ] }) }) : /* @__PURE__ */ h("div", { className: `flex items-center ${S}`, children: [
     /* @__PURE__ */ e(
       "input",
       {
         type: "checkbox",
-        name: b,
-        checked: u(),
-        disabled: r,
-        required: g,
-        onChange: m,
-        className: `h-4 w-4 text-blue-600 cursor-pointer border-gray-300 rounded focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400 ${S}`
+        name: u,
+        checked: a(),
+        disabled: n,
+        required: b,
+        onChange: f,
+        className: `h-4 w-4 text-blue-600 cursor-pointer border-gray-300 rounded focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400 ${O}`
       }
     ),
-    o && /* @__PURE__ */ e(
+    l && /* @__PURE__ */ e(
       "label",
       {
-        htmlFor: b,
+        htmlFor: u,
         className: "ml-2 text-sm text-gray-700 dark:text-gray-200 select-none",
-        children: o
+        children: l
       }
     )
   ] });
-}, da = ({
-  label: b = "",
-  value: o = null,
-  onChange: s,
-  required: i = !1,
+}, ca = ({
+  label: u = "",
+  value: l = null,
+  onChange: i,
+  required: o = !1,
   accept: d = "audio/*",
-  id: r,
-  dragDrop: g = !1,
-  name: M = "",
-  parentClass: S = ""
+  id: n,
+  dragDrop: b = !1,
+  name: S = "",
+  parentClass: O = ""
 }) => {
-  const [p, l] = R(null), [u, m] = R(!1), v = ee(null);
-  K(() => {
-    if (!o) {
-      c(), l(null);
+  const [c, m] = R(null), [a, f] = R(!1), y = ae(null);
+  z(() => {
+    if (!l) {
+      s(), m(null);
       return;
     }
-    if (o instanceof File) {
-      const O = URL.createObjectURL(o);
-      return l({ file: o, preview: O }), () => {
-        URL.revokeObjectURL(O);
+    if (l instanceof File) {
+      const L = URL.createObjectURL(l);
+      return m({ file: l, preview: L }), () => {
+        URL.revokeObjectURL(L);
       };
-    } else typeof o == "string" ? l({ preview: o }) : o != null && o.preview && l(o);
-  }, [o]);
-  const c = () => {
-    p != null && p.preview && p.preview.startsWith("blob:") && URL.revokeObjectURL(p.preview);
-  }, w = (O) => {
-    if (!O || O.length === 0)
+    } else typeof l == "string" ? m({ preview: l }) : l != null && l.preview && m(l);
+  }, [l]);
+  const s = () => {
+    c != null && c.preview && c.preview.startsWith("blob:") && URL.revokeObjectURL(c.preview);
+  }, w = (L) => {
+    if (!L || L.length === 0)
       return;
-    const F = O[0], P = URL.createObjectURL(F);
-    c(), l({ file: F, preview: P }), s == null || s(F);
-  }, y = (O) => {
-    O && O.stopPropagation(), c(), l(null), s == null || s(null), v.current && (v.current.value = "");
-  }, k = (O) => {
-    g && (O.preventDefault(), m(!0));
-  }, I = (O) => {
-    g && (O.preventDefault(), m(!1));
-  }, D = (O) => {
-    g && (O.preventDefault(), m(!1), w(O.dataTransfer.files));
-  }, C = () => {
-    v.current.click();
+    const B = L[0], T = URL.createObjectURL(B);
+    s(), m({ file: B, preview: T }), i == null || i(B);
+  }, x = (L) => {
+    L && L.stopPropagation(), s(), m(null), i == null || i(null), y.current && (y.current.value = "");
+  }, N = (L) => {
+    b && (L.preventDefault(), f(!0));
+  }, P = (L) => {
+    b && (L.preventDefault(), f(!1));
+  }, F = (L) => {
+    b && (L.preventDefault(), f(!1), w(L.dataTransfer.files));
+  }, M = () => {
+    y.current.click();
   };
-  return /* @__PURE__ */ h("div", { className: S || "col-span-12", children: [
-    /* @__PURE__ */ e(q, { label: b, required: i }),
+  return /* @__PURE__ */ h("div", { className: O || "col-span-12", children: [
+    /* @__PURE__ */ e(Z, { label: u, required: o }),
     /* @__PURE__ */ h(
       "div",
       {
-        className: `relative rounded-lg p-2 transition-all ${u ? "border-2 border-dashed border-blue-500 bg-blue-50 dark:bg-blue-900/20" : "border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800"}`,
-        onDragOver: k,
-        onDragLeave: I,
-        onDrop: D,
+        className: `relative rounded-lg p-2 transition-all ${a ? "border-2 border-dashed border-blue-500 bg-blue-50 dark:bg-blue-900/20" : "border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800"}`,
+        onDragOver: N,
+        onDragLeave: P,
+        onDrop: F,
         children: [
           /* @__PURE__ */ e(
             "input",
             {
-              ref: v,
-              id: r,
+              ref: y,
+              id: n,
               type: "file",
               accept: d,
-              onChange: (O) => w(O.target.files),
-              required: i && !p,
+              onChange: (L) => w(L.target.files),
+              required: o && !c,
               className: "absolute opacity-0 right-[50%] top-[80%] -translate-y-1/2 pointer-events-none h-[10px]"
             }
           ),
           /* @__PURE__ */ e(
             "div",
             {
-              className: `flex items-center space-x-4 transition-all ${u ? "opacity-50" : ""}`,
-              children: p ? (
+              className: `flex items-center space-x-4 transition-all ${a ? "opacity-50" : ""}`,
+              children: c ? (
                 // Audio player with close button and change button
                 /* @__PURE__ */ h("div", { className: "flex items-center space-x-4", children: [
                   /* @__PURE__ */ h("div", { className: "relative w-full", children: [
-                    !i && /* @__PURE__ */ e(
+                    !o && /* @__PURE__ */ e(
                       "button",
                       {
                         type: "button",
-                        onClick: y,
+                        onClick: x,
                         className: "absolute top-0 -right-2 bg-red-500 text-white rounded-full p-1 shadow-lg hover:bg-red-600 transition-colors z-10 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800",
                         "aria-label": "Remove audio",
-                        children: /* @__PURE__ */ e(te, { icon: "mdi:close", className: "w-3 h-3" })
+                        children: /* @__PURE__ */ e(re, { icon: "mdi:close", className: "w-3 h-3" })
                       }
                     ),
                     /* @__PURE__ */ e(
                       "audio",
                       {
-                        src: p.preview,
+                        src: c.preview,
                         controls: !0,
                         controlsList: "nodownload"
                       },
-                      p.preview
+                      c.preview
                     )
                   ] }),
-                  /* @__PURE__ */ e(Z, { type: "button", onClick: C, children: /* @__PURE__ */ e("span", { children: "Change Audio File" }) })
+                  /* @__PURE__ */ e(Q, { type: "button", onClick: M, children: /* @__PURE__ */ e("span", { children: "Change Audio File" }) })
                 ] })
               ) : (
                 // Empty state with upload button
                 /* @__PURE__ */ h("div", { className: "flex items-center justify-center space-x-4", children: [
-                  /* @__PURE__ */ e("div", { className: "rounded-full bg-gray-100 dark:bg-gray-700 h-20 w-20 flex items-center justify-center", children: /* @__PURE__ */ e(te, { icon: "mdi:music", className: "text-gray-400 w-10 h-10" }) }),
+                  /* @__PURE__ */ e("div", { className: "rounded-full bg-gray-100 dark:bg-gray-700 h-20 w-20 flex items-center justify-center", children: /* @__PURE__ */ e(re, { icon: "mdi:music", className: "text-gray-400 w-10 h-10" }) }),
                   /* @__PURE__ */ e(
-                    Z,
+                    Q,
                     {
                       type: "button",
-                      onClick: C,
+                      onClick: M,
                       variant: "outlined",
                       children: /* @__PURE__ */ e("span", { children: "Choose Audio File" })
                     }
                   ),
-                  g && /* @__PURE__ */ e("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "or drag and drop your audio file here" })
+                  b && /* @__PURE__ */ e("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "or drag and drop your audio file here" })
                 ] })
               )
             }
           ),
-          g && u && !p && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none bg-blue-500/10 rounded-lg", children: /* @__PURE__ */ e("span", { className: "text-blue-600 dark:text-blue-400 font-semibold text-lg bg-white dark:bg-gray-800 px-4 py-2 rounded-lg shadow-lg", children: "Drop audio here" }) })
+          b && a && !c && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none bg-blue-500/10 rounded-lg", children: /* @__PURE__ */ e("span", { className: "text-blue-600 dark:text-blue-400 font-semibold text-lg bg-white dark:bg-gray-800 px-4 py-2 rounded-lg shadow-lg", children: "Drop audio here" }) })
         ]
       }
     )
-  ] }, M);
-}, $e = ({ field: b, formData: o, handleChange: s }) => {
+  ] }, S);
+}, Ge = ({ field: u, formData: l, handleChange: i }) => {
   const {
-    key: i,
+    key: o,
     label: d,
-    type: r,
-    options: g,
-    placeholder: M,
-    rows: S,
-    inputClass: p,
-    search: l,
-    accept: u,
-    text: m,
-    required: v = !1,
-    minLength: c,
+    type: n,
+    options: b,
+    placeholder: S,
+    rows: O,
+    inputClass: c,
+    search: m,
+    accept: a,
+    text: f,
+    required: y = !1,
+    minLength: s,
     dragDrop: w,
-    parentClass: y,
-    countriesList: k,
-    defaultCountry: I,
-    multiple: D,
-    dropdownMaxHeight: C,
-    editorKey: O,
-    fontFamily: F,
-    disabled: P,
-    negativeNumberAllow: L,
-    defaultValue: B,
-    renderCondition: E,
-    optionDependencyKey: Y
-  } = b;
-  let $ = o == null ? void 0 : o[i];
+    parentClass: x,
+    countriesList: N,
+    defaultCountry: P,
+    multiple: F,
+    dropdownMaxHeight: M,
+    editorKey: L,
+    fontFamily: B,
+    disabled: T,
+    negativeNumberAllow: C,
+    defaultValue: j,
+    renderCondition: G,
+    optionDependencyKey: W
+  } = u;
+  let $ = l == null ? void 0 : l[o];
   $ == null && ($ = "");
-  const _ = M || (r === "select" ? `Select ${d}` : `Enter ${d}`), z = "w-full px-3 py-2 rounded-md border border-gray-300 dark:border-gray-600 text-sm focus:outline-none focus:ring-1 focus:ring-blue-200 bg-white text-black dark:bg-gray-700 dark:text-white";
-  if (E && typeof E == "function" && !E(o))
+  const H = S || (n === "select" ? `Select ${d}` : `Enter ${d}`), Y = "w-full px-3 py-2 rounded-md border border-gray-300 dark:border-gray-600 text-sm focus:outline-none focus:ring-1 focus:ring-blue-200 bg-white text-black dark:bg-gray-700 dark:text-white";
+  if (G && typeof G == "function" && !G(l))
     return null;
-  switch (r) {
+  switch (n) {
     case "select":
       return /* @__PURE__ */ e(
-        ra,
+        na,
         {
-          options: g || [],
+          options: b || [],
           value: $,
-          formData: o,
-          dependencyKey: Y,
-          onChange: (A) => s(i, A),
-          placeholder: _,
-          className: p || "",
-          search: l,
-          required: v,
-          defaultValue: B,
+          formData: l,
+          dependencyKey: W,
+          onChange: (I) => i(o, I),
+          placeholder: H,
+          className: c || "",
+          search: m,
+          required: y,
+          defaultValue: j,
           label: d,
-          name: i,
-          disabled: P,
-          parentClass: y,
-          multiple: D,
-          dropdownMaxHeight: C
+          name: o,
+          disabled: T,
+          parentClass: x,
+          multiple: F,
+          dropdownMaxHeight: M
         }
       );
     case "checkbox":
       return /* @__PURE__ */ e(
-        sa,
+        da,
         {
-          name: i,
+          name: o,
           label: d,
-          options: g || [],
+          options: b || [],
           value: $,
-          onChange: (A) => s(i, A),
-          required: v,
-          parentClass: y,
-          className: p || "",
-          multiSelect: D,
-          disabled: P
+          onChange: (I) => i(o, I),
+          required: y,
+          parentClass: x,
+          className: c || "",
+          multiSelect: F,
+          disabled: T
         }
       );
     case "switch":
       return /* @__PURE__ */ e(
-        na,
+        la,
         {
           value: $,
-          onChange: (A) => s(i, A),
-          text: m,
-          options: g || [],
+          onChange: (I) => i(o, I),
+          text: f,
+          options: b || [],
           label: d,
-          required: v,
-          name: i,
-          disabled: P,
-          parentClass: y
+          required: y,
+          name: o,
+          disabled: T,
+          parentClass: x
         }
       );
     case "phone":
       return /* @__PURE__ */ e(
-        la,
+        oa,
         {
           value: $,
-          onChange: (A) => s(i, A),
-          countriesList: k,
-          defaultCountry: I,
-          required: v,
-          placeholder: _,
-          search: l,
+          onChange: (I) => i(o, I),
+          countriesList: N,
+          defaultCountry: P,
+          required: y,
+          placeholder: H,
+          search: m,
           label: d,
-          name: i,
-          disabled: P,
-          parentClass: y
+          name: o,
+          disabled: T,
+          parentClass: x
         }
       );
     case "textarea":
       return /* @__PURE__ */ e(
-        je,
+        Ee,
         {
           value: $,
-          onChange: (A) => s(i, A.target.value),
-          placeholder: _,
-          rows: S || 3,
-          className: `${z} ${p || ""}`,
-          required: v,
-          name: i,
+          onChange: (I) => i(o, I.target.value),
+          placeholder: H,
+          rows: O || 3,
+          className: `${Y} ${c || ""}`,
+          required: y,
+          name: o,
           label: d,
-          disabled: P,
-          parentClass: y
+          disabled: T,
+          parentClass: x
         }
       );
     case "image":
       return /* @__PURE__ */ e(
-        oa,
+        ia,
         {
           value: $,
-          onChange: (A) => s(i, A),
-          required: v,
-          accept: u || "image/*",
-          id: `file-${i}`,
+          onChange: (I) => i(o, I),
+          required: y,
+          accept: a || "image/*",
+          id: `file-${o}`,
           dragDrop: w,
           label: d,
-          name: i,
-          parentClass: y
+          name: o,
+          parentClass: x
         }
       );
     case "audio":
       return /* @__PURE__ */ e(
-        da,
+        ca,
         {
           value: $,
-          onChange: (A) => s(i, A),
-          required: v,
-          accept: u || "audio/*",
-          id: `file-${i}`,
+          onChange: (I) => i(o, I),
+          required: y,
+          accept: a || "audio/*",
+          id: `file-${o}`,
           dragDrop: w,
           label: d,
-          name: i,
-          parentClass: y
+          name: o,
+          parentClass: x
         }
       );
     case "tinyEditor":
       return /* @__PURE__ */ e(
-        ia,
+        sa,
         {
           value: $,
-          onChange: (A) => s(i, A),
-          required: v,
-          placeholder: _,
+          onChange: (I) => i(o, I),
+          required: y,
+          placeholder: H,
           label: d,
-          parentClass: y,
-          fontFamily: F,
-          editorKey: O,
-          disabled: P
+          parentClass: x,
+          fontFamily: B,
+          editorKey: L,
+          disabled: T
         },
-        `editor-${i}`
+        `editor-${o}`
       );
     default:
       return /* @__PURE__ */ e(
-        Ee,
+        $e,
         {
-          type: r || "text",
-          defaultValue: B,
+          type: n || "text",
+          defaultValue: j,
           value: $,
-          onChange: (A) => s(i, A.target.value),
-          placeholder: _,
-          className: `${z} ${p || ""}`,
-          required: v,
-          name: i,
-          minLength: c,
+          onChange: (I) => i(o, I.target.value),
+          placeholder: H,
+          className: `${Y} ${c || ""}`,
+          required: y,
+          name: o,
+          minLength: s,
           label: d,
-          negativeNumberAllow: L,
-          parentClass: y,
-          disabled: P
+          negativeNumberAllow: C,
+          parentClass: x,
+          disabled: T
         }
       );
   }
-}, ca = ({ isOpen: b, onClose: o, config: s, onApply: i }) => {
-  var p;
-  const [d, r] = R({}), g = (l, u) => {
-    r((m) => ({ ...m, [l]: u }));
-  }, M = () => {
-    i == null || i(d), o();
+}, ha = ({ isOpen: u, onClose: l, config: i, onApply: o }) => {
+  var c;
+  const [d, n] = R({}), b = (m, a) => {
+    n((f) => ({ ...f, [m]: a }));
   }, S = () => {
-    r({}), i == null || i({}), o();
+    o == null || o(d), l();
+  }, O = () => {
+    n({}), o == null || o({}), l();
   };
-  return /* @__PURE__ */ h(j, { children: [
+  return /* @__PURE__ */ h(E, { children: [
     /* @__PURE__ */ e(
       "div",
       {
-        className: `fixed inset-0 bg-black/50 z-40 transition-opacity duration-300 ${b ? "opacity-100 pointer-events-auto" : "opacity-0 pointer-events-none"}`,
-        onClick: o
+        className: `fixed inset-0 bg-black/50 z-40 transition-opacity duration-300 ${u ? "opacity-100 pointer-events-auto" : "opacity-0 pointer-events-none"}`,
+        onClick: l
       }
     ),
     /* @__PURE__ */ h(
@@ -1416,7 +1419,7 @@ const ia = ({
       {
         className: `fixed top-0 right-0 h-full w-[28rem] bg-white dark:bg-gray-900 shadow-2xl z-50 flex flex-col border-l border-gray-200 dark:border-gray-700
           transform transition-transform duration-300 ease-in-out
-          ${b ? "translate-x-0" : "translate-x-full"}
+          ${u ? "translate-x-0" : "translate-x-full"}
         `,
         children: [
           /* @__PURE__ */ h("div", { className: "flex items-center justify-between px-4 py-3 border-b border-gray-200 dark:border-gray-700", children: [
@@ -1424,26 +1427,26 @@ const ia = ({
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: o,
+                onClick: l,
                 className: "p-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition",
-                children: /* @__PURE__ */ e(Ne, { className: "w-5 h-5 text-gray-500 dark:text-gray-400" })
+                children: /* @__PURE__ */ e(Se, { className: "w-5 h-5 text-gray-500 dark:text-gray-400" })
               }
             )
           ] }),
-          /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto px-4 py-3", children: s != null && s.component ? /* @__PURE__ */ e(s.component, { filters: d, onFilterChange: g }) : /* @__PURE__ */ e("div", { className: "space-y-4", children: (p = s == null ? void 0 : s.fields) == null ? void 0 : p.map((l) => /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(
-            $e,
+          /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto px-4 py-3", children: i != null && i.component ? /* @__PURE__ */ e(i.component, { filters: d, onFilterChange: b }) : /* @__PURE__ */ e("div", { className: "space-y-4", children: (c = i == null ? void 0 : i.fields) == null ? void 0 : c.map((m) => /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
+            Ge,
             {
-              field: l,
+              field: m,
               formData: d,
-              handleChange: g
+              handleChange: b
             },
-            l.key
+            m.key
           ) })) }) }),
           /* @__PURE__ */ h("div", { className: "flex gap-2 px-4 py-3 border-t border-gray-200 dark:border-gray-700", children: [
             /* @__PURE__ */ e(
-              Z,
+              Q,
               {
-                onClick: M,
+                onClick: S,
                 variant: "contained",
                 color: "primary",
                 fullWidth: !0,
@@ -1451,9 +1454,9 @@ const ia = ({
               }
             ),
             /* @__PURE__ */ e(
-              Z,
+              Q,
               {
-                onClick: S,
+                onClick: O,
                 variant: "contained",
                 className: "min-w-[150px]",
                 children: "Reset"
@@ -1464,7 +1467,7 @@ const ia = ({
       }
     )
   ] });
-}, Pe = {
+}, Fe = {
   blue: {
     bg: "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300",
     border: "border border-blue-300 text-blue-700 dark:border-blue-700 dark:text-blue-300"
@@ -1493,51 +1496,51 @@ const ia = ({
     bg: "bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-300",
     border: "border border-gray-300 text-gray-700 dark:border-gray-700 dark:text-gray-300"
   }
-}, Te = {
+}, Pe = {
   contained: "bg",
   outline: "border !bg-transparent",
   soft: "bg opacity-90"
-}, Ge = ({
-  label: b,
-  variant: o = "contained",
+}, Ke = ({
+  label: u,
+  variant: l = "contained",
   // contained | outline | soft
-  color: s = "green",
-  className: i = ""
+  color: i = "green",
+  className: o = ""
 }) => {
-  const d = Pe[s] || Pe.green, r = Te[o] || Te.contained, g = o === "outline" ? d.border : d.bg;
+  const d = Fe[i] || Fe.green, n = Pe[l] || Pe.contained, b = l === "outline" ? d.border : d.bg;
   return /* @__PURE__ */ e(
     "span",
     {
       className: `inline-flex justify-center items-center rounded-sm text-xs font-semibold px-3 py-1 min-w-[78px]
-        ${g}
-        ${r}
-        ${i}`,
-      children: b
+        ${b}
+        ${n}
+        ${o}`,
+      children: u
     }
   );
-}, ha = ({ rows: b = 5, columns: o = 5 }) => /* @__PURE__ */ h(j, { children: [
+}, ua = ({ rows: u = 5, columns: l = 5 }) => /* @__PURE__ */ h(E, { children: [
   /* @__PURE__ */ e("div", { className: "w-full mb-6 inline-flex justify-end items-center", children: /* @__PURE__ */ e("div", { className: "h-8 w-80 bg-gray-300 dark:bg-gray-700 rounded animate-pulse" }) }),
   /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-md border border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ h("table", { className: "w-full border-collapse", children: [
-    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { className: "bg-gray-50 dark:bg-gray-900", children: Array.from({ length: o }).map((s, i) => /* @__PURE__ */ e("th", { className: "px-4 py-3", children: /* @__PURE__ */ e("div", { className: "h-6 w-24 bg-gray-300 dark:bg-gray-700 rounded animate-pulse  inline-flex justify-center items-center" }) }, i)) }) }),
-    /* @__PURE__ */ e("tbody", { children: Array.from({ length: b }).map((s, i) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { className: "bg-gray-50 dark:bg-gray-900", children: Array.from({ length: l }).map((i, o) => /* @__PURE__ */ e("th", { className: "px-4 py-3", children: /* @__PURE__ */ e("div", { className: "h-6 w-24 bg-gray-300 dark:bg-gray-700 rounded animate-pulse  inline-flex justify-center items-center" }) }, o)) }) }),
+    /* @__PURE__ */ e("tbody", { children: Array.from({ length: u }).map((i, o) => /* @__PURE__ */ e(
       "tr",
       {
         className: "border-t border-gray-200 dark:border-gray-800",
-        children: Array.from({ length: o }).map((d, r) => /* @__PURE__ */ e("td", { className: "px-4 py-6", children: /* @__PURE__ */ e("div", { className: "h-6 w-full bg-gray-300 dark:bg-gray-700 rounded animate-pulse" }) }, r))
+        children: Array.from({ length: l }).map((d, n) => /* @__PURE__ */ e("td", { className: "px-4 py-6", children: /* @__PURE__ */ e("div", { className: "h-6 w-full bg-gray-300 dark:bg-gray-700 rounded animate-pulse" }) }, n))
       },
-      i
+      o
     )) })
   ] }) })
-] }), _e = ({ src: b, alt: o = "preview", isOpen: s, setIsOpen: i }) => {
-  const d = () => i(!1);
-  return K(() => {
-    const r = (g) => {
-      g.key === "Escape" && d();
+] }), _e = ({ src: u, alt: l = "preview", isOpen: i, setIsOpen: o }) => {
+  const d = () => o(!1);
+  return z(() => {
+    const n = (b) => {
+      b.key === "Escape" && d();
     };
-    return s && (document.body.style.overflow = "hidden", document.addEventListener("keydown", r)), () => {
-      document.body.style.overflow = "", document.removeEventListener("keydown", r);
+    return i && (document.body.style.overflow = "hidden", document.addEventListener("keydown", n)), () => {
+      document.body.style.overflow = "", document.removeEventListener("keydown", n);
     };
-  }, [s]), /* @__PURE__ */ e(j, { children: /* @__PURE__ */ h(
+  }, [i]), /* @__PURE__ */ e(E, { children: /* @__PURE__ */ h(
     "div",
     {
       className: `fixed inset-0 z-50 flex items-center justify-center bg-black/70 dark:bg-black/80 \r
@@ -1550,19 +1553,19 @@ const ia = ({
             onClick: d,
             className: `absolute top-4 right-4 bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200\r
                      hover:bg-gray-100 dark:hover:bg-gray-700 rounded-full p-2 shadow-lg transition`,
-            children: /* @__PURE__ */ e(Ne, { size: 20 })
+            children: /* @__PURE__ */ e(Se, { size: 20 })
           }
         ),
         /* @__PURE__ */ e(
           "div",
           {
             className: "max-w-5xl w-full px-4 transform transition-all duration-200 scale-95 animate-in zoom-in-95",
-            onClick: (r) => r.stopPropagation(),
+            onClick: (n) => n.stopPropagation(),
             children: /* @__PURE__ */ e(
               "img",
               {
-                src: b,
-                alt: o,
+                src: u,
+                alt: l,
                 className: "w-full max-h-[90vh] object-contain rounded-xl"
               }
             )
@@ -1571,201 +1574,220 @@ const ia = ({
       ]
     }
   ) });
-}, ua = ({ config: b, setShowAdd: o, title: s, buttonText: i, description: d }) => {
+}, ba = ({
+  config: u,
+  setShowAdd: l,
+  title: i,
+  buttonText: o,
+  description: d,
+  showAddButton: n
+}) => {
   const {
-    data: r = [],
-    table_head: g = [],
-    loading: M = !1,
-    search: S = {
+    data: b = [],
+    table_head: S = [],
+    loading: O = !1,
+    search: c = {
       enabled: !1,
       placeholder: "Search...",
       useServerSideSearch: !1
     },
-    filter: p = {
+    filter: m = {
       enabled: !1,
       useServerSideFilters: !1
     },
-    pagination: l = {
+    pagination: a = {
       enabled: !1,
       rows_per_page: 10,
       useServerSidePagination: !1
     },
-    emptyMessage: u = "No data available",
-    onMenuAction: m,
-    setServerSidePaginationData: v = () => {
+    emptyMessage: f = "No data available",
+    onMenuAction: y,
+    setServerSidePaginationData: s = () => {
     },
-    onFilterApply: c,
-    filterConfig: w = null,
-    rowClick: y = null
-  } = b, [k, I] = R(""), [D, C] = R(null), [O, F] = R([]), [P, L] = R({}), [B, E] = R(!1), [Y, $] = R(null), [_, z] = R(!1), A = Re(() => !S.enabled || !k.trim() || S.useServerSideSearch ? r : ta(r, k, S.searchKeys || []), [r, k, S]), [U, V] = R(1), [x, H] = R((l == null ? void 0 : l.rows_per_page) || 50), [J, Q] = R(A.length || 0), W = l != null && l.useServerSidePagination ? l.total_pages : Math.ceil(A.length / x), oe = Re(() => {
-    if (l.useServerSidePagination) return A;
-    const a = (U - 1) * x;
-    return A.slice(a, a + x);
-  }, [A, U, x]), re = ee(null), ie = ee({}), ae = ee(null), se = (a) => {
-    I(a), V(1), S.useServerSideSearch && (ae.current && clearTimeout(ae.current), ae.current = setTimeout(async () => {
+    onFilterApply: w,
+    filterConfig: x = null,
+    rowClick: N = null
+  } = u, [P, F] = R(""), [M, L] = R(null), [B, T] = R([]), [C, j] = R({}), [G, W] = R(!1), [$, H] = R(null), [Y, I] = R(!1), K = Le(() => !c.enabled || !P.trim() || c.useServerSideSearch ? b : ra(b, P, c.searchKeys || []), [b, P, c]), [_, k] = R(1), [U, X] = R((a == null ? void 0 : a.rows_per_page) || 50), [J, ee] = R(K.length || 0), ne = a != null && a.useServerSidePagination ? a.total_pages : Math.ceil(K.length / U), ce = Le(() => {
+    if (a.useServerSidePagination) return K;
+    const t = (_ - 1) * U;
+    return K.slice(t, t + U);
+  }, [K, _, U]), le = ae(null), oe = ae({}), te = ae(null), he = (t) => {
+    F(t), k(1), c.useServerSideSearch && (te.current && clearTimeout(te.current), te.current = setTimeout(async () => {
       try {
-        await v((n) => ({
-          ...n,
-          search: a,
+        await s((g) => ({
+          ...g,
+          search: t,
           current_page: 1
         }));
-      } catch (n) {
-        console.error("Search error:", n);
+      } catch (g) {
+        console.error("Search error:", g);
       }
     }, 800));
-  }, de = (a, n, f) => {
-    f.stopPropagation(), C(null), m == null || m(a.type, n);
-  }, ce = (a, n, f) => {
-    n.stopPropagation(), F(f);
-    const N = n.currentTarget;
-    ie.current[a] = N;
-    const T = N.getBoundingClientRect(), G = 192, X = f.length * 40, ve = window.innerWidth, Ae = window.innerHeight, ze = ve - T.right < G ? T.left - G + T.width : T.left, He = Ae - T.bottom < X && T.top > X ? T.top - X - 2 : T.bottom + 2;
-    L({
-      top: Math.max(8, Math.min(He, Ae - X - 8)),
-      left: Math.max(8, Math.min(ze, ve - G - 8))
-    }), C(D === a ? null : a);
-  }, he = (a) => (U - 1) * x + a + 1, ue = (a) => {
-    a && a.src instanceof File && (a = { ...a, src: URL.createObjectURL(a.src) }), $(a), z(!0);
-  }, ne = (a, n, f, N = null) => /* @__PURE__ */ e(j, { children: a ? /* @__PURE__ */ e(
+  }, ue = (t, g, D) => {
+    D.stopPropagation(), L(null), y == null || y(t.type, g);
+  }, be = (t, g, D) => {
+    g.stopPropagation(), T(D);
+    const p = g.currentTarget;
+    oe.current[t] = p;
+    const v = p.getBoundingClientRect(), A = 192, q = D.length * 40, V = window.innerWidth, Te = window.innerHeight, He = V - v.right < A ? v.left - A + v.width : v.left, Ye = Te - v.bottom < q && v.top > q ? v.top - q - 2 : v.bottom + 2;
+    j({
+      top: Math.max(8, Math.min(Ye, Te - q - 8)),
+      left: Math.max(8, Math.min(He, V - A - 8))
+    }), L(M === t ? null : t);
+  }, pe = (t) => (_ - 1) * U + t + 1, ge = (t) => {
+    t && t.src instanceof File && (t = { ...t, src: URL.createObjectURL(t.src) }), H(t), I(!0);
+  }, ie = (t, g, D, p = null, v = null) => /* @__PURE__ */ e(E, { children: t ? /* @__PURE__ */ e(
     "img",
     {
-      src: a instanceof File ? URL.createObjectURL(a) : a,
-      alt: n || "Avatar",
-      onClick: (T) => {
-        T.stopPropagation(), T.preventDefault(), ue({ src: a, alt: n });
+      src: t instanceof File ? URL.createObjectURL(t) : t,
+      alt: g || "Avatar",
+      onClick: (A) => {
+        A.stopPropagation(), A.preventDefault(), ge({ src: t, alt: g });
       },
-      className: `w-10 h-10 cursor-pointer shrink-0 rounded-full object-cover border border-gray-200 dark:border-gray-700 ${f || ""}`
+      className: `w-10 h-10 cursor-pointer shrink-0 rounded-full object-cover border border-gray-200 dark:border-gray-700 ${D || ""}`
     }
-  ) : /* @__PURE__ */ e(j, { children: N || /* @__PURE__ */ e(
+  ) : /* @__PURE__ */ e(E, { children: p ? typeof p == "function" ? p(v) : p : /* @__PURE__ */ e(
     "div",
     {
-      className: `w-10 h-10 flex items-center shrink-0 justify-center rounded-full border border-gray-300 dark:border-gray-700 bg-gray-200 dark:bg-gray-600 ${f || ""}`,
-      children: /* @__PURE__ */ e(Be, { className: "w-6 h-6 text-gray-400 dark:text-gray-400" })
+      className: `w-10 h-10 flex items-center shrink-0 justify-center rounded-full border border-gray-300 dark:border-gray-700 bg-gray-200 dark:bg-gray-600 ${D || ""}`,
+      children: /* @__PURE__ */ e(Ue, { className: "w-6 h-6 text-gray-400 dark:text-gray-400" })
     }
-  ) }) }), be = (a, n) => /* @__PURE__ */ e(j, { children: a ? /* @__PURE__ */ e(
+  ) }) }), me = (t, g) => /* @__PURE__ */ e(E, { children: t ? /* @__PURE__ */ e(
     "audio",
     {
       controls: !0,
-      src: a instanceof File ? URL.createObjectURL(a) : a,
-      onClick: (f) => {
-        f.stopPropagation();
+      src: t instanceof File ? URL.createObjectURL(t) : t,
+      onClick: (D) => {
+        D.stopPropagation();
       },
-      className: `w-64 cursor-pointer ${n || ""}`
+      className: `w-64 cursor-pointer ${g || ""}`
     },
-    a instanceof File ? URL.createObjectURL(a) : a
-  ) : /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(
+    t instanceof File ? URL.createObjectURL(t) : t
+  ) : /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
     "div",
     {
-      className: `w-12 h-12 flex items-center shrink-0 justify-center rounded-full border border-gray-300 dark:border-gray-700 bg-gray-200 dark:bg-gray-600 ${n || ""}`,
-      children: /* @__PURE__ */ e(Qe, { className: "w-6 h-6 text-gray-400 dark:text-gray-400" })
+      className: `w-12 h-12 flex items-center shrink-0 justify-center rounded-full border border-gray-300 dark:border-gray-700 bg-gray-200 dark:bg-gray-600 ${g || ""}`,
+      children: /* @__PURE__ */ e(Xe, { className: "w-6 h-6 text-gray-400 dark:text-gray-400" })
     }
-  ) }) }), pe = (a, n) => /* @__PURE__ */ h("div", { className: `flex items-center space-x-4 ${n.className || ""}`, children: [
-    n.imageKey ? ne(a[n.imageKey], a[n.titleKey], "group-avatar") : "",
+  ) }) }), fe = (t, g) => /* @__PURE__ */ h("div", { className: `flex items-center space-x-4 ${g.className || ""}`, children: [
+    g.imageKey ? ie(
+      t[g.imageKey],
+      t[g.titleKey],
+      "group-avatar",
+      g.fallback_icon,
+      t
+    ) : "",
     /* @__PURE__ */ h("div", { children: [
-      /* @__PURE__ */ e("p", { className: "font-medium text-gray-900 dark:text-white group-title", children: a[n.titleKey] || "" }),
-      /* @__PURE__ */ e("p", { className: "text-sm text-gray-500 dark:text-gray-400 group-sub-title", children: a[n.subtitleKey] || "" })
+      /* @__PURE__ */ e("p", { className: "font-medium text-gray-900 dark:text-white group-title", children: t[g.titleKey] || "" }),
+      /* @__PURE__ */ e("p", { className: "text-sm text-gray-500 dark:text-gray-400 group-sub-title", children: t[g.subtitleKey] || "" })
     ] })
-  ] }), ge = (a, n) => {
-    var G;
-    let f = String(a);
-    const N = n.variant || "contained";
-    let T = n.defaultColor;
-    if (((G = n == null ? void 0 : n.chipOptions) == null ? void 0 : G.length) > 0) {
-      let X = n == null ? void 0 : n.chipOptions.find((ve) => ve.value == a);
-      X && (f = X.label, T = X.color);
+  ] }), ye = (t, g) => {
+    var A;
+    let D = String(t);
+    const p = g.variant || "contained";
+    let v = g.defaultColor;
+    if (((A = g == null ? void 0 : g.chipOptions) == null ? void 0 : A.length) > 0) {
+      let q = g == null ? void 0 : g.chipOptions.find((V) => V.value == t);
+      q && (D = q.label, v = q.color);
     }
     return /* @__PURE__ */ e(
-      Ge,
+      Ke,
       {
-        label: f,
-        variant: N,
-        color: T,
-        className: n.className || ""
+        label: D,
+        variant: p,
+        color: v,
+        className: g.className || ""
       }
     );
-  }, me = (a, n, f) => {
-    const N = n[a.key];
-    return a.type === "menu_actions" ? /* @__PURE__ */ e("div", { className: `text-center ${a.className || ""}`, children: /* @__PURE__ */ e(
+  }, xe = (t, g, D) => {
+    const p = g[t.key];
+    return t.type === "menu_actions" ? /* @__PURE__ */ e("div", { className: `text-center ${t.className || ""}`, children: /* @__PURE__ */ e(
       "button",
       {
-        ref: (T) => ie.current[n.id || n._id] = T,
-        onClick: (T) => ce(n.id || n._id, T, a.menuList),
+        ref: (v) => oe.current[g.id || g._id] = v,
+        onClick: (v) => be(g.id || g._id, v, t.menuList),
         className: "p-2 bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 rounded-full transition text-gray-700 dark:text-gray-300",
-        children: /* @__PURE__ */ e(Je, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ e(Qe, { className: "h-4 w-4" })
       }
-    ) }) : a.type === "index" ? /* @__PURE__ */ e("span", { className: a.className || "", children: he(f) }) : a.type === "group" ? pe(n, a) : a.type === "chip" ? /* @__PURE__ */ e(j, { children: ge(N, a) }) : a.type === "date" ? /* @__PURE__ */ e("span", { className: a.className || "", children: Ue(N, a.format || "DD MMM YYYY") }) : a.type === "avatar" ? /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e("div", { className: "min-w-[40px]", children: ne(N, a.alt, a.className, a.fallback_icon) }) }) : a.type === "audio" ? /* @__PURE__ */ e(j, { children: be(N, a.className) }) : /* @__PURE__ */ e("span", { className: a.className || "", children: N || "N/A" });
-  }, fe = (a) => {
-    if (typeof y == "function")
-      return y(a);
-    if (y)
-      return m == null ? void 0 : m("view", a);
-  }, ye = (a, n) => {
-    if (a.onClickDetails)
-      return m == null ? void 0 : m("view", n);
-    if (typeof a.handleClick == "function")
-      return a.handleClick(n);
-  }, le = () => y || typeof y == "function", xe = (a) => a.onClickDetails || typeof a.handleClick == "function";
-  return K(() => {
-    const a = () => {
-      D && C(null);
+    ) }) : t.type === "index" ? /* @__PURE__ */ e("span", { className: t.className || "", children: pe(D) }) : t.type === "group" ? fe(g, t) : t.type === "chip" ? /* @__PURE__ */ e(E, { children: ye(p, t) }) : t.type === "date" ? /* @__PURE__ */ e("span", { className: t.className || "", children: je(p, t.format || "DD MMM YYYY") }) : t.type === "avatar" ? /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e("div", { className: "min-w-[40px]", children: ie(
+      p,
+      t.alt,
+      t.className,
+      t.fallback_icon,
+      g
+    ) }) }) : t.type === "audio" ? /* @__PURE__ */ e(E, { children: me(p, t.className) }) : /* @__PURE__ */ e("span", { className: t.className || "", children: p || "N/A" });
+  }, ve = (t) => {
+    if (typeof N == "function")
+      return N(t);
+    if (N)
+      return y == null ? void 0 : y("view", t);
+  }, we = (t, g) => {
+    if (t.onClickDetails)
+      return y == null ? void 0 : y("view", g);
+    if (typeof t.handleClick == "function")
+      return t.handleClick(g);
+  }, se = () => N || typeof N == "function", de = (t) => t.onClickDetails || typeof t.handleClick == "function";
+  return z(() => {
+    const t = () => {
+      M && L(null);
     };
-    return window.addEventListener("scroll", a, !0), () => {
-      window.removeEventListener("scroll", a, !0);
+    return window.addEventListener("scroll", t, !0), () => {
+      window.removeEventListener("scroll", t, !0);
     };
-  }, [D]), K(() => {
-    const a = (n) => {
-      re.current && !re.current.contains(n.target) && C(null);
+  }, [M]), z(() => {
+    const t = (g) => {
+      le.current && !le.current.contains(g.target) && L(null);
     };
-    return document.addEventListener("click", a), () => document.removeEventListener("click", a);
-  }, []), K(() => {
-    l != null && l.rows_per_page && (l != null && l.useServerSidePagination) && H((l == null ? void 0 : l.rows_per_page) || 50), l.current_page && V(l.current_page);
+    return document.addEventListener("click", t), () => document.removeEventListener("click", t);
+  }, []), z(() => {
+    a != null && a.rows_per_page && (a != null && a.useServerSidePagination) && X((a == null ? void 0 : a.rows_per_page) || 50), a.current_page && k(a.current_page);
   }, [
-    l.rows_per_page,
-    l == null ? void 0 : l.useServerSidePagination,
-    l.current_page
-  ]), K(() => {
-    Q(
-      l != null && l.useServerSidePagination ? l.total_records : A.length
-    ), A.length <= x * (U - 1) && !(l != null && l.useServerSidePagination) && V((a) => a - 1 || 1);
+    a.rows_per_page,
+    a == null ? void 0 : a.useServerSidePagination,
+    a.current_page
+  ]), z(() => {
+    ee(
+      a != null && a.useServerSidePagination ? a.total_records : K.length
+    ), K.length <= U * (_ - 1) && !(a != null && a.useServerSidePagination) && k((t) => t - 1 || 1);
   }, [
-    A.length,
-    l.total_records,
-    l == null ? void 0 : l.useServerSidePagination
-  ]), M ? /* @__PURE__ */ e(ha, { rows: 6, columns: 6 }) : /* @__PURE__ */ h(j, { children: [
+    K.length,
+    a.total_records,
+    a == null ? void 0 : a.useServerSidePagination
+  ]), O ? /* @__PURE__ */ e(ua, { rows: 6, columns: 6 }) : /* @__PURE__ */ h(E, { children: [
     /* @__PURE__ */ h("div", { className: "flex flex-col sm:flex-row sm:justify-between gap-4 mb-3", children: [
       /* @__PURE__ */ h("div", { children: [
-        /* @__PURE__ */ e("h1", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: s }),
+        /* @__PURE__ */ e("h1", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: i }),
         /* @__PURE__ */ e("p", { className: "text-md text-gray-600 dark:text-gray-400", children: d })
       ] }),
       /* @__PURE__ */ h("div", { className: "flex flex-col justify-end items-end gap-2", children: [
-        /* @__PURE__ */ h(
-          Z,
+        n && /* @__PURE__ */ h(
+          Q,
           {
-            onClick: () => o(!0),
+            onClick: () => l(!0),
             variant: "contained",
             color: "primary",
             children: [
-              /* @__PURE__ */ e(Ve, { className: "w-4 h-4 mr-2" }),
-              i || "Add New"
+              /* @__PURE__ */ e(We, { className: "w-4 h-4 mr-2" }),
+              o || "Add New"
             ]
           }
         ),
         /* @__PURE__ */ h("div", { className: "flex justify-end items-center gap-2", children: [
-          S.enabled && /* @__PURE__ */ e("div", { className: "", children: /* @__PURE__ */ h("div", { className: "relative min-w-[300px]", children: [
-            /* @__PURE__ */ e(Oe, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400 dark:text-gray-300" }),
+          c.enabled && /* @__PURE__ */ e("div", { className: "", children: /* @__PURE__ */ h("div", { className: "relative min-w-[300px]", children: [
+            /* @__PURE__ */ e(Ae, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400 dark:text-gray-300" }),
             /* @__PURE__ */ e(
               "input",
               {
                 type: "text",
-                placeholder: S.placeholder || "Search...",
-                value: k,
-                onChange: (a) => se(a.target.value),
+                placeholder: c.placeholder || "Search...",
+                value: P,
+                onChange: (t) => he(t.target.value),
                 className: "w-full h-[36px] pl-9 pr-4 py-3 text-sm border border-gray-300 dark:border-gray-600 rounded-md bg-gray-50 dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none focus:ring-1 focus:ring-blue-300 dark:ring-blue-200 disabled:opacity-50"
               }
             )
           ] }) }),
-          w && p.enabled && /* @__PURE__ */ h(Z, { onClick: () => E(!0), variant: "contained", children: [
-            /* @__PURE__ */ e(We, { className: "w-4 h-4 mr-2" }),
+          x && m.enabled && /* @__PURE__ */ h(Q, { onClick: () => W(!0), variant: "contained", children: [
+            /* @__PURE__ */ e(qe, { className: "w-4 h-4 mr-2" }),
             "Filters"
           ] })
         ] })
@@ -1773,51 +1795,51 @@ const ia = ({
     ] }),
     /* @__PURE__ */ h("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow overflow-hidden border border-gray-200 dark:border-gray-700", children: [
       /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ h("table", { className: "min-w-full divide-y divide-gray-200 dark:divide-gray-700", children: [
-        /* @__PURE__ */ e("thead", { className: "bg-gray-50 dark:bg-gray-700/60", children: /* @__PURE__ */ e("tr", { children: g.map((a) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("thead", { className: "bg-gray-50 dark:bg-gray-700/60", children: /* @__PURE__ */ e("tr", { children: S.map((t) => /* @__PURE__ */ e(
           "th",
           {
-            className: `px-6 py-4 text-left text-xs font-medium text-black dark:text-white uppercase tracking-wider min-w-max max-w-[180px] truncate ${a.headClass || ""}`,
-            children: a.title
+            className: `px-6 py-4 text-left text-xs font-medium text-black dark:text-white uppercase tracking-wider min-w-max max-w-[180px] truncate ${t.headClass || ""}`,
+            children: t.title
           },
-          a.key
+          t.key
         )) }) }),
-        /* @__PURE__ */ e("tbody", { className: "bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700", children: oe.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e("tbody", { className: "bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700", children: ce.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
           "td",
           {
-            colSpan: g.length,
+            colSpan: S.length,
             className: "text-center py-10 text-gray-500 dark:text-gray-400",
-            children: u
+            children: f
           }
-        ) }) : oe.map((a, n) => /* @__PURE__ */ e(
+        ) }) : ce.map((t, g) => /* @__PURE__ */ e(
           "tr",
           {
-            className: `hover:bg-gray-50 dark:hover:bg-blue-800/10 transition ${le() ? "cursor-pointer" : ""}`,
-            onClick: (f) => {
-              f.stopPropagation(), f.preventDefault(), le() && fe(a);
+            className: `hover:bg-gray-50 dark:hover:bg-blue-800/10 transition ${se() ? "cursor-pointer" : ""}`,
+            onClick: (D) => {
+              se() && ve(t);
             },
-            children: g.map((f) => /* @__PURE__ */ e(
+            children: S.map((D) => /* @__PURE__ */ e(
               "td",
               {
-                className: `px-6 py-4 text-sm text-gray-900 dark:text-gray-100 min-w-max ${f.type == "audio" ? "" : "max-w-[300px]"} truncate ${xe(f) ? "cursor-pointer" : ""}`,
-                title: String(a[f.key] ?? ""),
-                onClick: (N) => {
-                  N.stopPropagation(), N.preventDefault(), ye(f, a);
+                className: `px-6 py-4 text-sm text-gray-900 dark:text-gray-100 min-w-max ${D.type == "audio" ? "" : "max-w-[300px]"} truncate ${de(D) ? "cursor-pointer" : ""}`,
+                title: String(t[D.key] ?? ""),
+                onClick: (p) => {
+                  de(D) && (p.stopPropagation(), p.preventDefault(), we(D, t));
                 },
-                children: f.render ? f.render(a, n) : me(f, a, n)
+                children: D.render ? D.render(t, g) : xe(D, t, g)
               },
-              f.key
+              D.key
             ))
           },
-          a.id || a._id || n
+          t.id || t._id || g
         )) })
       ] }) }),
-      (l == null ? void 0 : l.enabled) && A.length > 0 && /* @__PURE__ */ h("div", { className: " bg-gray-50 dark:bg-gray-700/60 px-6 py-3 flex flex-wrap items-center justify-between border-t border-gray-200 dark:border-gray-600 gap-3", children: [
+      (a == null ? void 0 : a.enabled) && K.length > 0 && /* @__PURE__ */ h("div", { className: " bg-gray-50 dark:bg-gray-700/60 px-6 py-3 flex flex-wrap items-center justify-between border-t border-gray-200 dark:border-gray-600 gap-3", children: [
         /* @__PURE__ */ h("div", { className: "text-sm text-gray-700 dark:text-gray-300", children: [
           "Showing ",
-          (U - 1) * x + 1,
+          (_ - 1) * U + 1,
           " to",
           " ",
-          Math.min(U * x, J),
+          Math.min(_ * U, J),
           " of ",
           J,
           " ",
@@ -1829,17 +1851,17 @@ const ia = ({
             /* @__PURE__ */ e(
               "select",
               {
-                value: x,
-                onChange: (a) => {
-                  const n = Number(a.target.value);
-                  H(n), V(1), l.useServerSidePagination && v((f) => ({
-                    ...f,
+                value: U,
+                onChange: (t) => {
+                  const g = Number(t.target.value);
+                  X(g), k(1), a.useServerSidePagination && s((D) => ({
+                    ...D,
                     current_page: 1,
-                    rows_per_page: n
+                    rows_per_page: g
                   }));
                 },
                 className: "border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-sm rounded-md px-2 py-1 focus:outline-none focus:ring-1 focus:ring-blue-500",
-                children: [2, 10, 25, 50, 100].map((a) => /* @__PURE__ */ e("option", { value: a, children: a }, a))
+                children: [2, 10, 25, 50, 100].map((t) => /* @__PURE__ */ e("option", { value: t, children: t }, t))
               }
             )
           ] }),
@@ -1848,121 +1870,121 @@ const ia = ({
               "button",
               {
                 onClick: () => {
-                  if (U > 1) {
-                    const a = U - 1;
-                    V(a), l.useServerSidePagination && v((n) => ({
-                      ...n,
-                      current_page: a
+                  if (_ > 1) {
+                    const t = _ - 1;
+                    k(t), a.useServerSidePagination && s((g) => ({
+                      ...g,
+                      current_page: t
                     }));
                   }
                 },
-                disabled: U === 1,
+                disabled: _ === 1,
                 className: "p-2 hover:bg-gray-200 dark:hover:bg-gray-600 rounded-md transition text-gray-500 dark:text-gray-300 disabled:opacity-50",
-                children: /* @__PURE__ */ e(qe, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ e(Ze, { className: "h-4 w-4" })
               }
             ),
             /* @__PURE__ */ h("span", { className: "text-sm text-gray-800 dark:text-gray-200", children: [
               "Page ",
-              U,
+              _,
               " of ",
-              W
+              ne
             ] }),
             /* @__PURE__ */ e(
               "button",
               {
                 onClick: () => {
-                  if (U < W) {
-                    const a = U + 1;
-                    V(a), l.useServerSidePagination && v((n) => ({
-                      ...n,
-                      current_page: a
+                  if (_ < ne) {
+                    const t = _ + 1;
+                    k(t), a.useServerSidePagination && s((g) => ({
+                      ...g,
+                      current_page: t
                     }));
                   }
                 },
-                disabled: U === W,
+                disabled: _ === ne,
                 className: "p-2 hover:bg-gray-200 dark:hover:bg-gray-600 rounded-md transition text-gray-500 dark:text-gray-300 disabled:opacity-50",
-                children: /* @__PURE__ */ e(Ze, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ e(Je, { className: "h-4 w-4" })
               }
             )
           ] })
         ] })
       ] })
     ] }),
-    D && Xe(
+    M && ea(
       /* @__PURE__ */ e(
         "div",
         {
-          ref: re,
+          ref: le,
           style: {
             position: "fixed",
-            top: `${P.top}px`,
-            left: `${P.left}px`,
+            top: `${C.top}px`,
+            left: `${C.left}px`,
             zIndex: 9999
           },
           className: "w-48 bg-white dark:bg-gray-700 rounded-md shadow-lg border border-gray-200 dark:border-gray-600",
-          children: O.map((a, n) => /* @__PURE__ */ h(
+          children: B.map((t, g) => /* @__PURE__ */ h(
             "button",
             {
-              onClick: (f) => de(
-                a,
-                r.find(
-                  (N) => N.id === D || N._id == D
+              onClick: (D) => ue(
+                t,
+                b.find(
+                  (p) => p.id === M || p._id == M
                 ),
-                f
+                D
               ),
-              className: `w-full flex items-center gap-2 px-4 py-2 text-sm text-left hover:bg-gray-100 dark:hover:bg-gray-600 ${a.variant === "danger" ? "text-red-600 dark:text-red-500" : "text-gray-700 dark:text-gray-200"}`,
+              className: `w-full flex items-center gap-2 px-4 py-2 text-sm text-left hover:bg-gray-100 dark:hover:bg-gray-600 ${t.variant === "danger" ? "text-red-600 dark:text-red-500" : "text-gray-700 dark:text-gray-200"}`,
               children: [
-                a.icon && /* @__PURE__ */ e("span", { className: "shrink-0", children: a.icon }),
-                a.title
+                t.icon && /* @__PURE__ */ e("span", { className: "shrink-0", children: t.icon }),
+                t.title
               ]
             },
-            n
+            g
           ))
         }
       ),
       document.body
     ),
-    w && /* @__PURE__ */ e(
-      ca,
+    x && /* @__PURE__ */ e(
+      ha,
       {
-        isOpen: B,
-        onClose: () => E(!1),
-        config: w,
-        onApply: c
+        isOpen: G,
+        onClose: () => W(!1),
+        config: x,
+        onApply: w
       }
     ),
-    _ && /* @__PURE__ */ e(
+    Y && /* @__PURE__ */ e(
       _e,
       {
-        src: Y.src,
-        alt: Y.alt,
-        isOpen: _,
-        setIsOpen: z
+        src: $.src,
+        alt: $.alt,
+        isOpen: Y,
+        setIsOpen: I
       }
     )
   ] });
-}, ke = ({
-  isOpen: b,
-  onClose: o,
-  icon: s,
-  title: i,
+}, Ne = ({
+  isOpen: u,
+  onClose: l,
+  icon: i,
+  title: o,
   children: d,
-  size: r = "md",
-  actionButtons: g = [],
-  actions: M,
-  showDefaultClose: S = !0,
-  footerConfig: p = null,
-  hideFooter: l = !1,
-  onFormSubmit: u = () => {
+  size: n = "md",
+  actionButtons: b = [],
+  actions: S,
+  showDefaultClose: O = !0,
+  footerConfig: c = null,
+  hideFooter: m = !1,
+  onFormSubmit: a = () => {
   },
-  onCancel: m,
-  loadingBtn: v = !1,
-  executeFunction: c = () => {
+  onCancel: f,
+  loadingBtn: y = !1,
+  executeFunction: s = () => {
   },
   selectedItem: w = null
 }) => {
-  if (!b) return null;
-  const y = {
+  if (!u) return null;
+  const x = {
     sm: "max-w-md",
     md: "max-w-lg",
     lg: "max-w-2xl",
@@ -1974,117 +1996,117 @@ const ia = ({
       "div",
       {
         className: "fixed inset-0 bg-gray-500 opacity-75",
-        onClick: () => o()
+        onClick: () => l()
       }
     ),
     /* @__PURE__ */ h(
       "div",
       {
-        className: `relative bg-white rounded-lg shadow-xl w-full ${y[r] || y.md} max-h-[90vh] flex flex-col dark:bg-gray-800`,
+        className: `relative bg-white rounded-lg shadow-xl w-full ${x[n] || x.md} max-h-[90vh] flex flex-col dark:bg-gray-800`,
         children: [
           /* @__PURE__ */ h("div", { className: "flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700 flex-shrink-0", children: [
             /* @__PURE__ */ h("div", { className: "flex items-center gap-1", children: [
-              s && /* @__PURE__ */ e("span", { children: s }),
-              /* @__PURE__ */ e("h3", { className: "text-lg font-medium text-gray-900 dark:text-white", children: i })
+              i && /* @__PURE__ */ e("span", { children: i }),
+              /* @__PURE__ */ e("h3", { className: "text-lg font-medium text-gray-900 dark:text-white", children: o })
             ] }),
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => o(),
+                onClick: () => l(),
                 className: "text-gray-400 hover:text-gray-600 dark:hover:text-gray-300",
-                children: /* @__PURE__ */ e(Ne, { className: "w-6 h-6" })
+                children: /* @__PURE__ */ e(Se, { className: "w-6 h-6" })
               }
             )
           ] }),
           /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto p-4", children: d }),
-          g.length > 0 && /* @__PURE__ */ e("div", { className: "px-4 py-3 flex justify-end gap-3 border-t border-gray-200 dark:border-gray-700 sm:px-6", children: g.map((k) => /* @__PURE__ */ e(
-            Z,
+          b.length > 0 && /* @__PURE__ */ e("div", { className: "px-4 py-3 flex justify-end gap-3 border-t border-gray-200 dark:border-gray-700 sm:px-6", children: b.map((N) => /* @__PURE__ */ e(
+            Q,
             {
-              onClick: (I) => {
-                k.type == "submit" ? u(I) : c(
+              onClick: (P) => {
+                N.type == "submit" ? a(P) : s(
                   () => {
-                    var D;
-                    return (D = k == null ? void 0 : k.onClick) == null ? void 0 : D.call(k, I, w);
+                    var F;
+                    return (F = N == null ? void 0 : N.onClick) == null ? void 0 : F.call(N, P, w);
                   },
-                  (D) => o == null ? void 0 : o(D)
+                  (F) => l == null ? void 0 : l(F)
                 );
               },
-              disabled: v || k.disabled,
-              variant: k.variant || "contained",
-              color: k.color || "primary",
-              className: `min-w-[100px] ${k.className}`,
-              type: k.type || "button",
-              children: v ? /* @__PURE__ */ h("div", { className: "flex items-center", children: [
+              disabled: y || N.disabled,
+              variant: N.variant || "contained",
+              color: N.color || "primary",
+              className: `min-w-[100px] ${N.className}`,
+              type: N.type || "button",
+              children: y ? /* @__PURE__ */ h("div", { className: "flex items-center", children: [
                 /* @__PURE__ */ e("div", { className: "animate-spin rounded-full h-4 w-4 border-2 border-white/30 border-t-2 border-t-white mr-2" }),
-                k.label || "Submit",
+                N.label || "Submit",
                 "..."
-              ] }) : k.label || "Submit"
+              ] }) : N.label || "Submit"
             }
           )) })
         ]
       }
     )
   ] });
-}, Fe = ({ config: b, onSubmit: o, initialData: s = {}, type: i = "add" }) => {
-  const { formClass: d = "grid grid-cols-12 gap-4", formFields: r = [] } = b || {}, [g, M] = R(s);
-  K(() => {
-    M(s);
+}, Ie = ({ config: u, onSubmit: l, initialData: i = {}, type: o = "add" }) => {
+  const { formClass: d = "grid grid-cols-12 gap-4", formFields: n = [] } = u || {}, [b, S] = R(i);
+  z(() => {
+    S(i);
   }, []);
-  const S = (l, u) => {
-    M((m) => ({ ...m, [l]: u }));
-  }, p = (l) => {
-    l.preventDefault();
-    const u = l.target;
-    if (!u.checkValidity()) {
-      u.reportValidity();
+  const O = (m, a) => {
+    S((f) => ({ ...f, [m]: a }));
+  }, c = (m) => {
+    m.preventDefault();
+    const a = m.target;
+    if (!a.checkValidity()) {
+      a.reportValidity();
       return;
     }
-    o(g);
+    l(b);
   };
   return /* @__PURE__ */ e(
     "form",
     {
-      id: i == "add" ? "addForm" : i == "edit" ? "editForm" : "defaultForm",
-      onSubmit: p,
+      id: o == "add" ? "addForm" : o == "edit" ? "editForm" : "defaultForm",
+      onSubmit: c,
       className: d,
       noValidate: !1,
-      children: r.map((l) => /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(
-        $e,
+      children: n.map((m) => /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
+        Ge,
         {
-          field: l,
-          formData: g,
-          handleChange: S
+          field: m,
+          formData: b,
+          handleChange: O
         },
-        l.key
+        m.key
       ) }))
     }
   );
 };
-function ba({ data: b, config: o }) {
-  const { fields: s, containerClass: i } = o, [d, r] = R(null), [g, M] = R(!1), S = (u) => {
-    u && u.src instanceof File && (u = { ...u, src: URL.createObjectURL(u.src) }), r(u), M(!0);
-  }, p = ({ col: u }) => {
-    var I;
-    let m = u == null ? void 0 : u.icon, v = u.label, c = b[u.key], w = u.type, y = u.variant || "outline", k = u.defaultColor;
-    if (w === "chip" && ((I = u.chipOptions) == null ? void 0 : I.length) > 0) {
-      let D = u == null ? void 0 : u.chipOptions.find((C) => C.value == c);
-      D && (c = D.label, k = D.color);
+function pa({ data: u, config: l }) {
+  const { fields: i, containerClass: o } = l, [d, n] = R(null), [b, S] = R(!1), O = (a) => {
+    a && a.src instanceof File && (a = { ...a, src: URL.createObjectURL(a.src) }), n(a), S(!0);
+  }, c = ({ col: a }) => {
+    var P;
+    let f = a == null ? void 0 : a.icon, y = a.label, s = u[a.key], w = a.type, x = a.variant || "outline", N = a.defaultColor;
+    if (w === "chip" && ((P = a.chipOptions) == null ? void 0 : P.length) > 0) {
+      let F = a == null ? void 0 : a.chipOptions.find((M) => M.value == s);
+      F && (s = F.label, N = F.color);
     }
     return /* @__PURE__ */ h(
       "div",
       {
         className: `col-span-12 flex items-center space-x-4 p-4 rounded-xl 
-                  bg-gray-100 dark:bg-gray-900 ${u.blockClass || ""}`,
+                  bg-gray-100 dark:bg-gray-900 ${a.blockClass || ""}`,
         children: [
-          m && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: m }),
+          f && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: f }),
           /* @__PURE__ */ h("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ e("p", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: v }),
+            /* @__PURE__ */ e("p", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: y }),
             w === "chip" ? /* @__PURE__ */ e(
-              Ge,
+              Ke,
               {
-                label: c,
-                variant: y,
-                color: k,
+                label: s,
+                variant: x,
+                color: N,
                 className: "mt-1"
               }
             ) : (
@@ -2094,163 +2116,161 @@ function ba({ data: b, config: o }) {
                 {
                   className: "mt-1 text-sm text-gray-900 dark:text-white break-words",
                   dangerouslySetInnerHTML: {
-                    __html: c
+                    __html: s
                   }
                 }
-              ) : w === "audio" ? c ? /* @__PURE__ */ e(
+              ) : w === "audio" ? s ? /* @__PURE__ */ e(
                 "audio",
                 {
                   controls: !0,
-                  src: c instanceof File ? URL.createObjectURL(c) : c,
-                  onClick: (D) => D.stopPropagation(),
-                  className: "shadow-md rounded-full"
+                  src: s instanceof File ? URL.createObjectURL(s) : s,
+                  onClick: (F) => F.stopPropagation(),
+                  className: "shadow-md rounded-full mt-1"
                 },
-                c instanceof File ? URL.createObjectURL(c) : c
+                s instanceof File ? URL.createObjectURL(s) : s
               ) : /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-400", children: "N/A" }) : (
                 /* DEFAULT */
-                /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-900 dark:text-white break-words", children: w == "date" ? /* @__PURE__ */ e("span", { children: Ue(c, u.format || "DD MMM YYYY") }) : c || "N/A" })
+                /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-900 dark:text-white break-words", children: w == "date" ? /* @__PURE__ */ e("span", { children: je(s, a.format || "DD MMM YYYY") }) : s || "N/A" })
               )
             )
           ] })
         ]
       }
     );
-  }, l = ({ col: u }) => {
-    let m = b[u.titleKey], v = b[u.subtitleKey], c = b[u.imageKey], w = b[u.fallback_icon];
+  }, m = ({ col: a }) => {
+    let f = u[a.titleKey], y = u[a.subtitleKey], s = u[a.imageKey], w = a.fallback_icon;
     return /* @__PURE__ */ h(
       "div",
       {
         className: `col-span-12 flex items-center space-x-4 p-4 rounded-xl 
       bg-gray-100 dark:bg-gray-900 
-      ${u.blockClass}`,
+      ${a.blockClass}`,
         children: [
-          c ? /* @__PURE__ */ e(
+          s ? /* @__PURE__ */ e(
             "img",
             {
-              src: c instanceof File ? URL.createObjectURL(c) : c,
-              alt: m,
-              onClick: () => S({ src: c, alt: m }),
+              src: s instanceof File ? URL.createObjectURL(s) : s,
+              alt: f,
+              onClick: () => O({ src: s, alt: f }),
               className: "w-16 h-16 cursor-pointer rounded-full object-cover border-2 border-gray-200 dark:border-gray-700"
             }
-          ) : w || /* @__PURE__ */ e("div", { className: "w-16 h-16 flex items-center justify-center rounded-full border-2 border-gray-300 dark:border-gray-700 bg-gray-200 dark:bg-gray-600", children: /* @__PURE__ */ e(Be, { className: "w-8 h-8 text-gray-400" }) }),
+          ) : w ? w instanceof Function ? w(u) : w : /* @__PURE__ */ e("div", { className: "w-16 h-16 flex items-center justify-center rounded-full border-2 border-gray-300 dark:border-gray-700 bg-gray-200 dark:bg-gray-600", children: /* @__PURE__ */ e(Ue, { className: "w-8 h-8 text-gray-400" }) }),
           /* @__PURE__ */ h("div", { children: [
-            /* @__PURE__ */ e("h3", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: m }),
-            /* @__PURE__ */ e("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: v })
+            /* @__PURE__ */ e("h3", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: f }),
+            /* @__PURE__ */ e("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: y })
           ] })
         ]
       }
     );
   };
-  return /* @__PURE__ */ h(j, { children: [
-    g && /* @__PURE__ */ e(
+  return /* @__PURE__ */ h(E, { children: [
+    b && /* @__PURE__ */ e(
       _e,
       {
         src: d.src,
         alt: d.alt,
-        isOpen: g,
-        setIsOpen: M
+        isOpen: b,
+        setIsOpen: S
       }
     ),
-    /* @__PURE__ */ e("div", { className: `grid grid-cols-12 gap-4 ${i || ""}`, children: s.map(
-      (u) => u.type == "group" ? /* @__PURE__ */ e(l, { col: u }) : /* @__PURE__ */ e(p, { col: u })
-    ) })
+    /* @__PURE__ */ e("div", { className: `grid grid-cols-12 gap-4 ${o || ""}`, children: i.map((a) => a.renderCondition && typeof a.renderCondition == "function" && !a.renderCondition(u) ? null : a.type == "group" ? /* @__PURE__ */ e(m, { col: a }) : /* @__PURE__ */ e(c, { col: a })) })
   ] });
 }
-const Ke = ({ config: b }) => {
-  var ae, se, de, ce, he, ue, ne, be, pe, ge, me, fe, ye, le, xe, a;
+const ze = ({ config: u }) => {
+  var oe, te, he, ue, be, pe, ge, ie, me, fe, ye, xe, ve, we, se, de, t, g, D;
   const {
-    title: o,
-    fetchData: s = async () => {
+    title: l,
+    fetchData: i = async () => {
     },
-    isStaticData: i = !1,
+    isStaticData: o = !1,
     tableConfig: d = {},
-    modalConfig: r = {},
-    filterConfig: g
-  } = b, [M, S] = R(!0), [p, l] = R(!1), [u, m] = R([]), [v, c] = R(null), [w, y] = R({
+    modalConfig: n = {},
+    filterConfig: b
+  } = u, [S, O] = R(!0), [c, m] = R(!1), [a, f] = R([]), [y, s] = R(null), [w, x] = R({
     search: "",
     rows_per_page: 50,
     current_page: 1
-  }), [k, I] = R({}), [D, C] = R(!1), [O, F] = R(!1), [P, L] = R(!1), [B, E] = R(!1), [Y, $] = R(!1), [_, z] = R(null), A = (n, f) => {
-    n === "edit" ? (z(f), L(!0)) : n === "view" ? (z(f), $(!0)) : n === "delete" && (z(f), E(!0));
-  }, U = async (n, f, N = "", T = "") => {
-    l(!0);
+  }), [N, P] = R({}), [F, M] = R(!1), [L, B] = R(!1), [T, C] = R(!1), [j, G] = R(!1), [W, $] = R(!1), [H, Y] = R(null), I = (p, v) => {
+    p === "edit" ? (Y(v), C(!0)) : p === "view" ? (Y(v), $(!0)) : p === "delete" && (Y(v), G(!0));
+  }, K = async (p, v, A = "", q = "") => {
+    m(!0);
     try {
-      const G = await (n == null ? void 0 : n());
-      (N || G.message) && Se(N || G.message, {
+      const V = await (p == null ? void 0 : p());
+      (A || V.message) && Me(A || V.message, {
         variant: "success"
-      }), f == null || f(G);
-    } catch (G) {
-      (T || G.message) && Se(T || G.message, { variant: "error" });
+      }), v == null || v(V);
+    } catch (V) {
+      (q || V.message) && Me(q || V.message, { variant: "error" });
     } finally {
-      l(!1);
+      m(!1);
     }
-  }, V = (n) => {
-    let f = n.newObject;
-    i ? (m((N) => [f, ...N]), c((N) => ({
-      ...N,
+  }, _ = (p) => {
+    let v = p.newObject;
+    o ? (f((A) => [v, ...A]), s((A) => ({
+      ...A,
       current_page: 1
-    }))) : (y((N) => ({
-      ...N,
+    }))) : (x((A) => ({
+      ...A,
       current_page: 1
-    })), w.current_page == 1 && W()), F(!1);
-  }, x = (n) => {
-    let f = n.newObject, N = n.targetObject;
-    i ? m(
-      (T) => T.map(
-        (G) => G.id === N.id ? { ...G, ...f } : G
+    })), w.current_page == 1 && ee()), B(!1);
+  }, k = (p) => {
+    let v = p.newObject, A = p.targetObject;
+    o ? f(
+      (q) => q.map(
+        (V) => V.id === A.id ? { ...V, ...v } : V
       )
-    ) : W(), L(!1);
-  }, H = (n) => {
-    if (!n) {
-      E(!1), z(null);
+    ) : ee(), C(!1);
+  }, U = (p) => {
+    if (!p) {
+      G(!1), Y(null);
       return;
     }
-    i ? m(
-      (f) => f.filter((N) => N.id !== n.targetObject.id)
-    ) : u.length == 1 && w.current_page > 1 ? y((f) => ({
-      ...f,
-      current_page: f.current_page - 1
-    })) : W(), E(!1), z(null);
-  }, J = (n) => U(
+    o ? f(
+      (v) => v.filter((A) => A.id !== p.targetObject.id)
+    ) : a.length == 1 && w.current_page > 1 ? x((v) => ({
+      ...v,
+      current_page: v.current_page - 1
+    })) : ee(), G(!1), Y(null);
+  }, X = (p) => K(
     () => {
-      var f, N;
-      return (N = (f = r == null ? void 0 : r.addModal) == null ? void 0 : f.handleSubmit) == null ? void 0 : N.call(f, n);
+      var v, A;
+      return (A = (v = n == null ? void 0 : n.addModal) == null ? void 0 : v.handleSubmit) == null ? void 0 : A.call(v, p);
     },
-    V
-  ), Q = (n) => U(
+    _
+  ), J = (p) => K(
     () => {
-      var f, N;
-      return (N = (f = r == null ? void 0 : r.editModal) == null ? void 0 : f.handleSubmit) == null ? void 0 : N.call(f, n, _);
+      var v, A;
+      return (A = (v = n == null ? void 0 : n.editModal) == null ? void 0 : v.handleSubmit) == null ? void 0 : A.call(v, p, H);
     },
-    x
-  ), W = async () => {
-    S(!0), s == null || s({ ...w, ...k }).then((n) => {
-      m(n.data), c(n.pagination);
-    }).catch((n) => {
-      Se(n.message, { variant: "error" });
+    k
+  ), ee = async () => {
+    O(!0), i == null || i({ ...w, ...N }).then((p) => {
+      f(p.data), s(p.pagination);
+    }).catch((p) => {
+      Me(p.message, { variant: "error" });
     }).finally(() => {
-      S(!1);
+      O(!1);
     });
-  }, oe = (n) => {
-    var f;
-    I((N) => ({
-      ...n
-    })), (f = d == null ? void 0 : d.filter) != null && f.useServerSideFilters && C((N) => !N);
-  }, re = (n, f) => n.filter(
-    (N) => Object.entries(f).every(([T, G]) => N[T] === G)
-  ), ie = Re(() => {
-    var n;
-    return (n = d == null ? void 0 : d.filter) != null && n.useServerSideFilters ? u : re(u, k);
-  }, [u, k]);
-  return K(() => {
-    W();
+  }, ne = (p) => {
+    var v;
+    P((A) => ({
+      ...p
+    })), (v = d == null ? void 0 : d.filter) != null && v.useServerSideFilters && M((A) => !A);
+  }, ce = (p, v) => p.filter(
+    (A) => Object.entries(v).every(([q, V]) => A[q] === V)
+  ), le = Le(() => {
+    var p;
+    return (p = d == null ? void 0 : d.filter) != null && p.useServerSideFilters ? a : ce(a, N);
+  }, [a, N]);
+  return z(() => {
+    ee();
   }, [
     w.search,
     w.rows_per_page,
     w.current_page,
-    D
+    F
   ]), /* @__PURE__ */ e(
-    aa,
+    ta,
     {
       maxSnack: 3,
       anchorOrigin: {
@@ -2258,133 +2278,134 @@ const Ke = ({ config: b }) => {
         horizontal: "right"
       },
       autoHideDuration: 3e3,
-      action: (n) => /* @__PURE__ */ e(
+      action: (p) => /* @__PURE__ */ e(
         "button",
         {
           onClick: () => {
             window.dispatchEvent(
-              new CustomEvent("closeSnackbar", { detail: n })
+              new CustomEvent("closeSnackbar", { detail: p })
             );
           },
           className: "p-1 hover:bg-white/20 rounded-full transition-colors duration-200 text-white flex items-center justify-center",
-          children: /* @__PURE__ */ e(Ne, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ e(Se, { className: "h-4 w-4" })
         }
       ),
       children: /* @__PURE__ */ h("div", { children: [
         /* @__PURE__ */ e(
-          ua,
+          ba,
           {
-            title: o,
-            setShowAdd: F,
-            description: b.description,
-            buttonText: b.buttonText,
+            title: l,
+            setShowAdd: B,
+            description: u.description,
+            buttonText: u.buttonText,
+            showAddButton: !!n.addModal,
             config: {
               ...d,
               pagination: {
                 ...d.pagination,
-                ...v
+                ...y
               },
-              data: ie,
-              setServerSidePaginationData: y,
-              onMenuAction: A,
-              filterConfig: g,
-              onFilterApply: oe,
-              loading: M
+              data: le,
+              setServerSidePaginationData: x,
+              onMenuAction: I,
+              filterConfig: b,
+              onFilterApply: ne,
+              loading: S
             }
           }
         ),
         /* @__PURE__ */ e(
-          ke,
+          Ne,
           {
-            isOpen: O,
+            isOpen: L,
             onClose: () => {
-              p || F(!1);
+              c || B(!1);
             },
-            icon: (ae = r.addModal) == null ? void 0 : ae.icon,
-            title: ((se = r.addModal) == null ? void 0 : se.title) || "Add New",
-            size: ((de = r.addModal) == null ? void 0 : de.size) || "md",
+            icon: (oe = n.addModal) == null ? void 0 : oe.icon,
+            title: ((te = n.addModal) == null ? void 0 : te.title) || "Add New",
+            size: ((he = n.addModal) == null ? void 0 : he.size) || "md",
             onFormSubmit: () => {
-              var n;
-              return (n = document.querySelector("#addForm")) == null ? void 0 : n.requestSubmit();
+              var p;
+              return (p = document.querySelector("#addForm")) == null ? void 0 : p.requestSubmit();
             },
-            loadingBtn: p,
-            actionButtons: r.addModal.actionButtons,
+            loadingBtn: c,
+            actionButtons: ((ue = n == null ? void 0 : n.addModal) == null ? void 0 : ue.actionButtons) || [],
             children: /* @__PURE__ */ e(
-              Fe,
+              Ie,
               {
-                config: (r == null ? void 0 : r.addModal) || [],
-                onSubmit: J,
+                config: (n == null ? void 0 : n.addModal) || {},
+                onSubmit: X,
                 initialData: {},
                 type: "add",
-                loading: p
+                loading: c
               }
             )
           }
         ),
         /* @__PURE__ */ e(
-          ke,
+          Ne,
           {
-            isOpen: P,
+            isOpen: T,
             onClose: () => {
-              p || L(!1);
+              c || C(!1);
             },
-            icon: (ce = r.editModal) == null ? void 0 : ce.icon,
-            title: ((he = r.editModal) == null ? void 0 : he.title) || "Edit",
-            size: ((ue = r.editModal) == null ? void 0 : ue.size) || "md",
+            icon: (be = n.editModal) == null ? void 0 : be.icon,
+            title: ((pe = n.editModal) == null ? void 0 : pe.title) || "Edit",
+            size: ((ge = n.editModal) == null ? void 0 : ge.size) || "md",
             onFormSubmit: () => {
-              var n;
-              return (n = document.querySelector("#editForm")) == null ? void 0 : n.requestSubmit();
+              var p;
+              return (p = document.querySelector("#editForm")) == null ? void 0 : p.requestSubmit();
             },
-            actionButtons: r.editModal.actionButtons,
-            loadingBtn: p,
+            actionButtons: ((ie = n == null ? void 0 : n.editModal) == null ? void 0 : ie.actionButtons) || [],
+            loadingBtn: c,
             children: /* @__PURE__ */ e(
-              Fe,
+              Ie,
               {
-                config: r.editModal || [],
-                onSubmit: Q,
-                initialData: _,
+                config: n.editModal || {},
+                onSubmit: J,
+                initialData: H,
                 type: "edit",
-                loading: p
+                loading: c
               }
             )
           }
         ),
-        B && /* @__PURE__ */ e(
-          ke,
+        j && /* @__PURE__ */ e(
+          Ne,
           {
-            isOpen: B,
-            onClose: (n) => {
-              H(n);
+            isOpen: j,
+            onClose: (p) => {
+              U(p);
             },
-            icon: ((ne = r.deleteModal) == null ? void 0 : ne.icon) || /* @__PURE__ */ e(te, { icon: "ph:warning-bold", className: "w-6 h-6 text-red-500" }),
-            title: ((be = r.deleteModal) == null ? void 0 : be.title) || "Confirm Delete",
-            size: ((pe = r.deleteModal) == null ? void 0 : pe.size) || "md",
-            loading: p,
-            actionButtons: r.deleteModal.actionButtons,
-            executeFunction: U,
-            selectedItem: _,
+            icon: ((me = n.deleteModal) == null ? void 0 : me.icon) || /* @__PURE__ */ e(re, { icon: "ph:warning-bold", className: "w-6 h-6 text-red-500" }),
+            title: ((fe = n.deleteModal) == null ? void 0 : fe.title) || "Confirm Delete",
+            size: ((ye = n.deleteModal) == null ? void 0 : ye.size) || "md",
+            loading: c,
+            actionButtons: ((xe = n == null ? void 0 : n.deleteModal) == null ? void 0 : xe.actionButtons) || [],
+            executeFunction: K,
+            selectedItem: H,
             children: /* @__PURE__ */ e("div", { className: "flex items-center space-x-2 py-3", children: /* @__PURE__ */ h("div", { children: [
-              /* @__PURE__ */ e("p", { className: "text-md text-gray-700 dark:text-white", children: ((ge = r.deleteModal) == null ? void 0 : ge.confirmText) || "Are you sure you want to delete this item?" }),
-              ((me = r.deleteModal) == null ? void 0 : me.referenceKey) && /* @__PURE__ */ e("p", { className: "text-md font-semibold text-gray-700 dark:text-white", children: _[(fe = r.deleteModal) == null ? void 0 : fe.referenceKey] })
+              /* @__PURE__ */ e("p", { className: "text-md text-gray-700 dark:text-white", children: ((ve = n.deleteModal) == null ? void 0 : ve.confirmText) || "Are you sure you want to delete this item?" }),
+              ((we = n.deleteModal) == null ? void 0 : we.referenceKey) && /* @__PURE__ */ e("p", { className: "text-md font-semibold text-gray-700 dark:text-white", children: H[(se = n.deleteModal) == null ? void 0 : se.referenceKey] })
             ] }) })
           }
         ),
-        r.viewModal && /* @__PURE__ */ e(
-          ke,
+        n.viewModal && /* @__PURE__ */ e(
+          Ne,
           {
-            isOpen: Y,
+            isOpen: W,
             onClose: () => {
-              $(!1), z(null);
+              $(!1), Y(null);
             },
-            icon: (ye = r.viewModal) == null ? void 0 : ye.icon,
-            title: ((le = r.viewModal) == null ? void 0 : le.title) || "View Details",
-            size: ((xe = r.viewModal) == null ? void 0 : xe.size) || "lg",
-            footerConfig: r == null ? void 0 : r.viewModal.footer,
-            children: (a = r.viewModal) != null && a.component ? /* @__PURE__ */ e(r.viewModal.component, { data: _ }) : /* @__PURE__ */ e(
-              ba,
+            icon: (de = n.viewModal) == null ? void 0 : de.icon,
+            title: ((t = n.viewModal) == null ? void 0 : t.title) || "View Details",
+            size: ((g = n.viewModal) == null ? void 0 : g.size) || "lg",
+            footerConfig: n == null ? void 0 : n.viewModal.footer,
+            children: (D = n.viewModal) != null && D.component ? /* @__PURE__ */ e(n.viewModal.component, { data: H }) : /* @__PURE__ */ e(
+              pa,
               {
-                data: _,
-                config: r.viewModal || {}
+                data: H,
+                config: n.viewModal || {}
               }
             )
           }
@@ -2392,145 +2413,145 @@ const Ke = ({ config: b }) => {
       ] })
     }
   );
-}, De = t.shape({
-  value: t.oneOfType([
-    t.string,
-    t.number,
-    t.bool
+}, De = r.shape({
+  value: r.oneOfType([
+    r.string,
+    r.number,
+    r.bool
   ]).isRequired,
-  label: t.string.isRequired,
-  color: t.string
-}), Me = t.shape({
-  type: t.string.isRequired,
-  label: t.string.isRequired,
-  color: t.string,
-  variant: t.string,
-  onClick: t.func
-}), pa = t.shape({
-  title: t.string.isRequired,
-  type: t.string.isRequired,
-  variant: t.string,
-  icon: t.node
-}), ga = t.shape({
-  key: t.string.isRequired,
-  title: t.string,
-  type: t.string,
-  imageKey: t.string,
-  titleKey: t.string,
-  subtitleKey: t.string,
-  onClickDetails: t.bool,
-  variant: t.string,
-  chipOptions: t.arrayOf(De),
-  defaultColor: t.string,
-  className: t.string,
-  format: t.string,
-  menuList: t.arrayOf(pa)
-}), Ce = t.shape({
-  key: t.string.isRequired,
-  label: t.string,
-  type: t.string.isRequired,
-  required: t.bool,
-  minLength: t.number,
-  parentClass: t.string,
-  search: t.bool,
-  multiple: t.bool,
-  dropdownMaxHeight: t.string,
-  dragDrop: t.bool,
-  countriesList: t.bool,
-  defaultCountry: t.string,
-  placeholder: t.string,
-  rows: t.number,
-  text: t.string,
-  editorKey: t.string,
-  options: t.arrayOf(De)
-}), ma = t.shape({
-  key: t.string,
-  label: t.string,
-  type: t.string,
-  imageKey: t.string,
-  titleKey: t.string,
-  subtitleKey: t.string,
-  blockClass: t.string,
-  icon: t.node,
-  variant: t.string,
-  chipOptions: t.arrayOf(De),
-  defaultColor: t.string,
-  className: t.string,
-  format: t.string
+  label: r.string.isRequired,
+  color: r.string
+}), Ce = r.shape({
+  type: r.string.isRequired,
+  label: r.string.isRequired,
+  color: r.string,
+  variant: r.string,
+  onClick: r.func
+}), ga = r.shape({
+  title: r.string.isRequired,
+  type: r.string.isRequired,
+  variant: r.string,
+  icon: r.node
+}), ma = r.shape({
+  key: r.string.isRequired,
+  title: r.string,
+  type: r.string,
+  imageKey: r.string,
+  titleKey: r.string,
+  subtitleKey: r.string,
+  onClickDetails: r.bool,
+  variant: r.string,
+  chipOptions: r.arrayOf(De),
+  defaultColor: r.string,
+  className: r.string,
+  format: r.string,
+  menuList: r.arrayOf(ga)
+}), Re = r.shape({
+  key: r.string.isRequired,
+  label: r.string,
+  type: r.string.isRequired,
+  required: r.bool,
+  minLength: r.number,
+  parentClass: r.string,
+  search: r.bool,
+  multiple: r.bool,
+  dropdownMaxHeight: r.string,
+  dragDrop: r.bool,
+  countriesList: r.bool,
+  defaultCountry: r.string,
+  placeholder: r.string,
+  rows: r.number,
+  text: r.string,
+  editorKey: r.string,
+  options: r.arrayOf(De)
+}), fa = r.shape({
+  key: r.string,
+  label: r.string,
+  type: r.string,
+  imageKey: r.string,
+  titleKey: r.string,
+  subtitleKey: r.string,
+  blockClass: r.string,
+  icon: r.node,
+  variant: r.string,
+  chipOptions: r.arrayOf(De),
+  defaultColor: r.string,
+  className: r.string,
+  format: r.string
 });
-Ke.propTypes = {
-  config: t.shape({
-    title: t.string.isRequired,
-    description: t.string,
-    buttonText: t.string,
-    fetchData: t.func.isRequired,
-    isStaticData: t.bool,
+ze.propTypes = {
+  config: r.shape({
+    title: r.string.isRequired,
+    description: r.string,
+    buttonText: r.string,
+    fetchData: r.func.isRequired,
+    isStaticData: r.bool,
     /* ================= TABLE CONFIG ================= */
-    tableConfig: t.shape({
-      table_head: t.arrayOf(ga).isRequired,
-      search: t.shape({
-        enabled: t.bool,
-        useServerSideSearch: t.bool,
-        searchKeys: t.arrayOf(t.string)
+    tableConfig: r.shape({
+      table_head: r.arrayOf(ma).isRequired,
+      search: r.shape({
+        enabled: r.bool,
+        useServerSideSearch: r.bool,
+        searchKeys: r.arrayOf(r.string)
       }),
-      pagination: t.shape({
-        enabled: t.bool,
-        useServerSidePagination: t.bool
+      pagination: r.shape({
+        enabled: r.bool,
+        useServerSidePagination: r.bool
       }),
-      filter: t.shape({
-        enabled: t.bool,
-        useServerSideFilters: t.bool
+      filter: r.shape({
+        enabled: r.bool,
+        useServerSideFilters: r.bool
       })
     }).isRequired,
     /* ================= MODAL CONFIG ================= */
-    modalConfig: t.shape({
-      addModal: t.shape({
-        title: t.string.isRequired,
-        size: t.string,
-        formClass: t.string,
-        formFields: t.arrayOf(Ce),
-        handleSubmit: t.func.isRequired,
-        actionButtons: t.arrayOf(Me)
+    modalConfig: r.shape({
+      addModal: r.shape({
+        title: r.string.isRequired,
+        size: r.string,
+        formClass: r.string,
+        formFields: r.arrayOf(Re),
+        handleSubmit: r.func.isRequired,
+        actionButtons: r.arrayOf(Ce)
       }),
-      editModal: t.shape({
-        title: t.string.isRequired,
-        size: t.string,
-        formClass: t.string,
-        formFields: t.arrayOf(Ce),
-        handleSubmit: t.func.isRequired,
-        actionButtons: t.arrayOf(Me)
+      editModal: r.shape({
+        title: r.string.isRequired,
+        size: r.string,
+        formClass: r.string,
+        formFields: r.arrayOf(Re),
+        handleSubmit: r.func.isRequired,
+        actionButtons: r.arrayOf(Ce)
       }),
-      deleteModal: t.shape({
-        title: t.string.isRequired,
-        size: t.string,
-        confirmText: t.string,
-        referenceKey: t.string,
-        actionButtons: t.arrayOf(Me)
+      deleteModal: r.shape({
+        title: r.string.isRequired,
+        size: r.string,
+        confirmText: r.string,
+        referenceKey: r.string,
+        actionButtons: r.arrayOf(Ce)
       }),
-      viewModal: t.shape({
-        title: t.string.isRequired,
-        size: t.string,
+      viewModal: r.shape({
+        title: r.string.isRequired,
+        size: r.string,
         // 👇 This covers your commented code:
-        component: t.elementType,
+        component: r.elementType,
         // for custom component like TeamMemberDetail
-        fields: t.arrayOf(ma),
-        footer: t.shape({
-          cancelButton: t.bool,
-          cancelText: t.string
+        fields: r.arrayOf(fa),
+        footer: r.shape({
+          cancelButton: r.bool,
+          cancelText: r.string
         })
       })
     }),
     /* ================= FILTER CONFIG ================= */
-    filterConfig: t.shape({
-      fields: t.arrayOf(Ce)
+    filterConfig: r.shape({
+      fields: r.arrayOf(Re)
     })
   }).isRequired
 };
-const fa = () => {
+const ya = () => {
   if (typeof document > "u" || document.getElementById("react-admin-crud-manager-styles")) return;
-  const b = document.createElement("style");
-  b.id = "react-admin-crud-manager-styles";
-  const o = `
+  const u = document.createElement("style");
+  u.id = "react-admin-crud-manager-styles";
+  const l = `
     .no-spinner::-webkit-outer-spin-button,
     .no-spinner::-webkit-inner-spin-button {
       -webkit-appearance: none;
@@ -2546,14 +2567,14 @@ const fa = () => {
       box-shadow: none !important;
     }
   `;
-  b.textContent = o, document.head.appendChild(b);
+  u.textContent = l, document.head.appendChild(u);
 };
-function La(b) {
-  return K(() => {
-    fa();
-  }, []), /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(Ke, { config: b.config }) });
+function Oa(u) {
+  return z(() => {
+    ya();
+  }, []), /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(ze, { config: u.config }) });
 }
 export {
-  La as default
+  Oa as default
 };
 //# sourceMappingURL=index.es.js.map