react-admin-crud-manager 1.0.17 → 1.0.19

package/dist/index.es.js

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