react-admin-crud-manager 1.0.15 → 1.0.17

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import { jsx as e, Fragment as $, jsxs as c } from "react/jsx-runtime";
-import Ce, { useState as R, useRef as X, useEffect as H, useMemo as Me } from "react";
-import { ChevronDown as Ie, Search as Re, Check as _e, X as ye, Filter as Ke, ChevronLeft as Ue, ChevronRight as ze, EllipsisVertical as He, User as Te, Music as Ye, Plus as Ve } from "lucide-react";
+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";
@@ -101,7 +101,7 @@ const Oe = (h, n = "DD MMM YYYY") => {
 );
 Q.displayName = "Button";
 function q({ label: h, required: n = !1 }) {
-  return /* @__PURE__ */ e($, { children: /* @__PURE__ */ c("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: [
+  return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ c("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: "*" })
   ] }) });
@@ -124,42 +124,44 @@ const Qe = ({
   dropdownMaxHeight: m = ""
 }) => {
   var A;
-  const [u, x] = R(!1), [v, S] = R(""), [E, T] = R(!0), M = X(null), G = X(null);
-  let j = n || o;
-  const f = (N) => {
-    if (N == null || N === "") return "";
-  }, k = p ? (j || []).map(f) : f(j), O = h.filter(
-    (N) => N.label.toLowerCase().includes(v.toLowerCase())
-  ), D = (N) => {
-    const z = f(N);
-    return p ? k.includes(z) : z === k;
+  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;
   };
-  H(() => {
-    const N = (z) => {
-      M.current && !M.current.contains(z.target) && (x(!1), S(""));
+  z(() => {
+    const v = (H) => {
+      M.current && !M.current.contains(H.target) && (x(!1), S(""));
     };
-    return document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
-  }, []), H(() => {
+    return document.addEventListener("mousedown", v), () => document.removeEventListener("mousedown", v);
+  }, []), z(() => {
     if (u && M.current) {
-      const N = M.current.getBoundingClientRect(), Z = window.innerHeight - N.bottom;
-      T(Z < 200);
+      const v = M.current.getBoundingClientRect(), Z = window.innerHeight - v.bottom;
+      I(Z < 200);
     }
-  }, [u]), H(() => {
-    u && G.current && G.current.focus();
+  }, [u]), z(() => {
+    u && j.current && j.current.focus();
   }, [u]);
-  const F = (N) => {
-    let z = N;
-    if (N === "true" ? z = !0 : N === "false" && (z = !1), p) {
-      const Z = k.includes(f(N));
+  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(N)
-      ) : W = [...n || [], z], i(W);
+        (re) => f(re) !== f(v)
+      ) : W = [...n || [], H], i(W);
     } else
-      i(z), x(!1);
+      i(H), x(!1);
     S("");
-  }, U = p ? h.filter((N) => D(N.value)).map((N) => N.label).join(", ") : (A = h.find((N) => D(N.value))) == null ? void 0 : A.label;
-  return /* @__PURE__ */ c("div", { className: d || "col-span-12", children: [
+  }, 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);
+    }, 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__ */ e(
@@ -185,7 +187,7 @@ const Qe = ({
           children: [
             /* @__PURE__ */ e("span", { className: "truncate", children: U || s }),
             /* @__PURE__ */ e(
-              Ie,
+              Te,
               {
                 className: `w-4 h-4 transition-transform ${u ? "rotate-180" : ""}`
               }
@@ -197,17 +199,17 @@ const Qe = ({
         "div",
         {
           className: `absolute z-50 w-full border rounded-md bg-white dark:bg-gray-700 shadow-lg 
-            ${E ? "bottom-full mb-1" : "top-full mt-1"}`,
+            ${$ ? "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: [
               /* @__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: G,
+                  ref: j,
                   type: "text",
-                  value: v,
-                  onChange: (N) => S(N.target.value),
+                  value: w,
+                  onChange: (v) => S(v.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,19 +222,19 @@ const Qe = ({
                 style: {
                   maxHeight: m || ""
                 },
-                children: O.length > 0 ? O.map((N) => /* @__PURE__ */ c(
+                children: O.length > 0 ? O.map((v) => /* @__PURE__ */ c(
                   "button",
                   {
                     type: "button",
-                    onClick: () => F(String(N.value)),
+                    onClick: () => F(String(v.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(N.value) ? "bg-blue-50 dark:bg-blue-900/20 text-blue-700 dark:text-blue-300" : ""}`,
+                    ${D(v.value) ? "bg-blue-50 dark:bg-blue-900/20 text-blue-700 dark:text-blue-300" : ""}`,
                     children: [
-                      /* @__PURE__ */ e("span", { children: N.label }),
-                      p && D(N.value) && /* @__PURE__ */ e(_e, { className: "w-4 h-4" })
+                      /* @__PURE__ */ e("span", { children: v.label }),
+                      p && D(v.value) && /* @__PURE__ */ e(_e, { className: "w-4 h-4" })
                     ]
                   },
-                  String(N.value)
+                  String(v.value)
                 )) : /* @__PURE__ */ e("div", { className: "px-3 py-2 text-sm text-gray-500 dark:text-gray-400", children: "No options found" })
               }
             )
@@ -256,7 +258,7 @@ const Qe = ({
     { label: "Active", value: !0 },
     { label: "Inactive", value: !1 }
   ];
-  return /* @__PURE__ */ e($, { children: /* @__PURE__ */ c("div", { className: L || "col-span-12", children: [
+  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 }),
@@ -550,42 +552,42 @@ function ea({
   countriesList: b = !1,
   defaultCountry: y = ""
 }) {
-  const d = (k) => me.find((O) => O.code == k), [p, m] = R(
+  const d = (N) => me.find((O) => O.code == N), [p, m] = R(
     d(y) || me[0]
-  ), [u, x] = R(""), [v, S] = R(!1), [E, T] = R(""), M = X();
-  H(() => {
+  ), [u, x] = R(""), [w, S] = R(!1), [$, I] = R(""), M = X();
+  z(() => {
     if (typeof n == "string" && n.startsWith("+")) {
-      const k = me.filter((O) => n.startsWith("+" + O.phone)).sort((O, D) => D.phone.length - O.phone.length)[0];
-      if (k) {
-        m(k), x(n.replace("+" + k.phone, ""));
+      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, ""));
         return;
       }
     }
     x(n);
   }, [n]);
-  const G = (k) => {
-    const O = k.target.value.replace(/\D/g, "");
+  const j = (N) => {
+    const O = N.target.value.replace(/\D/g, "");
     x(O), p && s && s("+" + p.phone + O);
-  }, j = (k) => {
-    m(k), s && s("+" + k.phone + u), S(!1), T("");
+  }, E = (N) => {
+    m(N), s && s("+" + N.phone + u), S(!1), I("");
   };
-  H(() => {
-    const k = (O) => {
+  z(() => {
+    const N = (O) => {
       M.current && !M.current.contains(O.target) && S(!1);
     };
-    return document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
+    return document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
   }, []);
   const f = me.filter(
-    (k) => k.label.toLowerCase().includes(E.toLowerCase()) || k.phone.includes(E)
+    (N) => N.label.toLowerCase().includes($.toLowerCase()) || N.phone.includes($)
   );
-  return b ? /* @__PURE__ */ e($, { children: /* @__PURE__ */ c("div", { className: i || "col-span-12", children: [
+  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(
         "div",
         {
           className: `h-[40px] flex items-center border rounded-md px-2 bg-white dark:bg-gray-700 transition-all
-  ${v ? "ring-0.5 ring-blue-100 border-blue-300" : "border-gray-300 dark:border-gray-600"}
+  ${w ? "ring-0.5 ring-blue-100 border-blue-300" : "border-gray-300 dark:border-gray-600"}
   ${l ? "opacity-60 cursor-not-allowed" : ""}`,
           children: [
             /* @__PURE__ */ c(
@@ -593,7 +595,7 @@ function ea({
               {
                 type: "button",
                 disabled: l,
-                onClick: () => S(!v),
+                onClick: () => S(!w),
                 className: "flex items-center gap-1 pr-2 border-r border-gray-300 dark:border-gray-700 focus:outline-none",
                 children: [
                   p ? /* @__PURE__ */ e(
@@ -604,7 +606,7 @@ function ea({
                       className: "w-5 h-3 object-cover"
                     }
                   ) : /* @__PURE__ */ e("span", { className: "text-gray-400 text-xs", children: "🌐" }),
-                  /* @__PURE__ */ e(Ie, { className: "w-3 h-3 text-gray-500" })
+                  /* @__PURE__ */ e(Te, { className: "w-3 h-3 text-gray-500" })
                 ]
               }
             ),
@@ -617,7 +619,7 @@ function ea({
               {
                 type: "tel",
                 value: u,
-                onChange: G,
+                onChange: j,
                 required: r,
                 disabled: l || !p,
                 placeholder: p ? C : "Select a country",
@@ -643,48 +645,48 @@ function ea({
           ]
         }
       ),
-      v && /* @__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: [
+      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: [
           /* @__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: E,
-              onChange: (k) => T(k.target.value),
+              value: $,
+              onChange: (N) => I(N.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((k) => /* @__PURE__ */ c(
+        f.map((N) => /* @__PURE__ */ c(
           "button",
           {
             type: "button",
-            onClick: () => j(k),
+            onClick: () => E(N),
             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/${k.code.toLowerCase()}.png`,
-                  alt: k.code,
+                  src: `https://flagcdn.com/w20/${N.code.toLowerCase()}.png`,
+                  alt: N.code,
                   className: "w-5 h-3 object-cover"
                 }
               ),
               /* @__PURE__ */ c("span", { children: [
-                k.label,
+                N.label,
                 " (+",
-                k.phone,
+                N.phone,
                 ")"
               ] })
             ]
           },
-          k.code
+          N.code
         ))
       ] })
     ] })
-  ] }, o) }) : /* @__PURE__ */ e($, { children: /* @__PURE__ */ c("div", { className: i || "col-span-12", children: [
+  ] }, o) }) : /* @__PURE__ */ e(G, { children: /* @__PURE__ */ c("div", { className: i || "col-span-12", children: [
     /* @__PURE__ */ e(q, { label: h, required: r }),
     /* @__PURE__ */ e(
       "input",
@@ -713,7 +715,7 @@ const Fe = Ce.forwardRef(
       placeholder-gray-400 dark:placeholder-gray-400
       ${h}
     `.trim();
-    return /* @__PURE__ */ e($, { children: /* @__PURE__ */ c("div", { className: i.parentClass || "col-span-12", children: [
+    return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ c("div", { className: i.parentClass || "col-span-12", children: [
       /* @__PURE__ */ e(q, { label: n, required: o }),
       /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
         "textarea",
@@ -740,34 +742,34 @@ const aa = ({
   parentClass: L = ""
 }) => {
   const [b, y] = R(n), [d, p] = R(!1), m = X(null);
-  H(() => (n instanceof File ? y({ file: n, preview: URL.createObjectURL(n) }) : (n != null && n.preview, y(n)), () => {
+  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);
   }), [n]);
   const u = (M) => {
     if (!M || M.length === 0)
       return;
-    const G = M[0], j = URL.createObjectURL(G), f = { file: G, preview: j };
-    b != null && b.preview && b.preview.startsWith("blob:") && URL.revokeObjectURL(b.preview), y(f), o == null || o(G);
+    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 = "");
-  }, v = (M) => {
+  }, w = (M) => {
     r && (M.preventDefault(), p(!0));
   }, S = (M) => {
     r && (M.preventDefault(), p(!1));
-  }, E = (M) => {
+  }, $ = (M) => {
     r && (M.preventDefault(), p(!1), u(M.dataTransfer.files));
-  }, T = () => {
+  }, I = () => {
     m.current.click();
   };
-  return /* @__PURE__ */ e($, { children: /* @__PURE__ */ c("div", { className: L || "col-span-12", children: [
+  return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ c("div", { className: L || "col-span-12", children: [
     /* @__PURE__ */ e(q, { label: h, required: i }),
     /* @__PURE__ */ c(
       "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: v,
+        onDragOver: w,
         onDragLeave: S,
-        onDrop: E,
+        onDrop: $,
         children: [
           /* @__PURE__ */ e(
             "input",
@@ -823,7 +825,7 @@ const aa = ({
                     Q,
                     {
                       type: "button",
-                      onClick: T,
+                      onClick: I,
                       variant: "outlined",
                       color: "default",
                       children: b ? "Change Image" : "Select Image"
@@ -872,7 +874,7 @@ const aa = ({
       ${s === "number" ? "no-spinner" : ""}
       ${i}
     `.trim();
-    return /* @__PURE__ */ e($, { children: /* @__PURE__ */ c("div", { className: o || "col-span-12", children: [
+    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: [
         /* @__PURE__ */ e(
@@ -924,7 +926,7 @@ const ra = ({
   menubar: m = !1,
   fontFamily: u = "Inter, sans-serif",
   initConfig: x = {},
-  imageUploadHandler: v
+  imageUploadHandler: w
   // ✅ Promise function passed from parent
 }) => /* @__PURE__ */ c("div", { className: C, children: [
   s && /* @__PURE__ */ e(q, { label: s, required: l }),
@@ -941,15 +943,15 @@ const ra = ({
         branding: !1,
         statusbar: !0,
         automatic_uploads: !0,
-        images_upload_handler: (M) => new Promise((G, j) => {
-          if (!v) {
-            G(`data:${M.blob().type};base64,${M.base64()}`);
+        images_upload_handler: (M) => new Promise((j, E) => {
+          if (!w) {
+            j(`data:${M.blob().type};base64,${M.base64()}`);
             return;
           }
-          v(M).then((f) => {
-            f ? G(f) : j("Upload failed: No URL returned");
+          w(M).then((f) => {
+            f ? j(f) : E("Upload failed: No URL returned");
           }).catch((f) => {
-            j(
+            E(
               typeof f == "string" ? f : (f == null ? void 0 : f.message) || "Image upload failed"
             );
           });
@@ -1010,17 +1012,17 @@ const ra = ({
       if (!b)
         s(x ? u : "", h);
       else {
-        const v = Array.isArray(i) ? [...i] : [];
+        const w = Array.isArray(i) ? [...i] : [];
         if (x)
-          v.includes(u) || v.push(u);
+          w.includes(u) || w.push(u);
         else {
-          const S = v.indexOf(u);
-          S > -1 && v.splice(S, 1);
+          const S = w.indexOf(u);
+          S > -1 && w.splice(S, 1);
         }
-        s(v, h);
+        s(w, h);
       }
   };
-  return y ? /* @__PURE__ */ e($, { children: /* @__PURE__ */ c("div", { className: `${C}`, children: [
+  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: [
       /* @__PURE__ */ e(
@@ -1032,7 +1034,7 @@ const ra = ({
           checked: d(u.value),
           disabled: l || u.disabled,
           required: r && x === 0,
-          onChange: (v) => m(u.value, v.target.checked),
+          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}`
         },
         h
@@ -1082,9 +1084,9 @@ const ra = ({
   buttonProps: y = {}
 }) => {
   const [d, p] = R(null), [m, u] = R(!1), x = X(null);
-  H(() => {
+  z(() => {
     if (!n) {
-      v(), p(null);
+      w(), p(null);
       return;
     }
     if (n instanceof File) {
@@ -1094,22 +1096,22 @@ const ra = ({
       };
     } else typeof n == "string" ? p({ preview: n }) : n != null && n.preview && p(n);
   }, [n]);
-  const v = () => {
+  const w = () => {
     d != null && d.preview && d.preview.startsWith("blob:") && URL.revokeObjectURL(d.preview);
   }, S = (f) => {
     if (!f || f.length === 0)
       return;
-    const k = f[0], O = URL.createObjectURL(k);
-    v(), p({ file: k, preview: O }), o == null || o(k);
-  }, E = (f) => {
-    f && f.stopPropagation(), v(), p(null), o == null || o(null), x.current && (x.current.value = "");
-  }, T = (f) => {
+    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));
-  }, G = (f) => {
+  }, j = (f) => {
     r && (f.preventDefault(), u(!1), S(f.dataTransfer.files));
-  }, j = () => {
+  }, E = () => {
     x.current.click();
   };
   return /* @__PURE__ */ c("div", { className: L || "col-span-12", children: [
@@ -1118,9 +1120,9 @@ const ra = ({
       "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: T,
+        onDragOver: I,
         onDragLeave: M,
-        onDrop: G,
+        onDrop: j,
         children: [
           /* @__PURE__ */ e(
             "input",
@@ -1146,7 +1148,7 @@ const ra = ({
                       "button",
                       {
                         type: "button",
-                        onClick: E,
+                        onClick: $,
                         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" })
@@ -1154,7 +1156,7 @@ const ra = ({
                     ),
                     /* @__PURE__ */ e("audio", { src: d.preview, controls: !0 }, d.preview)
                   ] }),
-                  /* @__PURE__ */ e(Q, { type: "button", onClick: j, children: /* @__PURE__ */ e("span", { children: "Change Audio File" }) })
+                  /* @__PURE__ */ e(Q, { type: "button", onClick: E, children: /* @__PURE__ */ e("span", { children: "Change Audio File" }) })
                 ] })
               ) : (
                 // Empty state with upload button
@@ -1164,7 +1166,7 @@ const ra = ({
                     Q,
                     {
                       type: "button",
-                      onClick: j,
+                      onClick: E,
                       variant: "outlined",
                       children: /* @__PURE__ */ e("span", { children: "Choose Audio File" })
                     }
@@ -1194,15 +1196,15 @@ const ra = ({
     required: m = !1,
     minLength: u,
     dragDrop: x,
-    parentClass: v,
+    parentClass: w,
     countriesList: S,
-    defaultCountry: E,
-    multiple: T,
+    defaultCountry: $,
+    multiple: I,
     dropdownMaxHeight: M,
-    editorKey: G,
-    fontFamily: j,
+    editorKey: j,
+    fontFamily: E,
     disabled: f,
-    negativeNumberAllow: k,
+    negativeNumberAllow: N,
     defaultValue: O
   } = h;
   let D = n == null ? void 0 : n[i];
@@ -1224,8 +1226,8 @@ const ra = ({
           label: s,
           name: i,
           disabled: f,
-          parentClass: v,
-          multiple: T,
+          parentClass: w,
+          multiple: I,
           dropdownMaxHeight: M
         }
       );
@@ -1239,9 +1241,9 @@ const ra = ({
           value: D,
           onChange: (A) => o(i, A),
           required: m,
-          parentClass: v,
+          parentClass: w,
           className: b || "",
-          multiSelect: T,
+          multiSelect: I,
           disabled: f
         }
       );
@@ -1257,7 +1259,7 @@ const ra = ({
           required: m,
           name: i,
           disabled: f,
-          parentClass: v
+          parentClass: w
         }
       );
     case "phone":
@@ -1267,14 +1269,14 @@ const ra = ({
           value: D,
           onChange: (A) => o(i, A),
           countriesList: S,
-          defaultCountry: E,
+          defaultCountry: $,
           required: m,
           placeholder: F,
           search: y,
           label: s,
           name: i,
           disabled: f,
-          parentClass: v
+          parentClass: w
         }
       );
     case "textarea":
@@ -1290,7 +1292,7 @@ const ra = ({
           name: i,
           label: s,
           disabled: f,
-          parentClass: v
+          parentClass: w
         }
       );
     case "image":
@@ -1305,7 +1307,7 @@ const ra = ({
           dragDrop: x,
           label: s,
           name: i,
-          parentClass: v
+          parentClass: w
         }
       );
     case "audio":
@@ -1320,7 +1322,7 @@ const ra = ({
           dragDrop: x,
           label: s,
           name: i,
-          parentClass: v
+          parentClass: w
         }
       );
     case "tinyEditor":
@@ -1332,9 +1334,9 @@ const ra = ({
           required: m,
           placeholder: F,
           label: s,
-          parentClass: v,
-          fontFamily: j,
-          editorKey: G,
+          parentClass: w,
+          fontFamily: E,
+          editorKey: j,
           disabled: f
         },
         `editor-${i}`
@@ -1352,8 +1354,8 @@ const ra = ({
           name: i,
           minLength: u,
           label: s,
-          negativeNumberAllow: k,
-          parentClass: v,
+          negativeNumberAllow: N,
+          parentClass: w,
           disabled: f
         }
       );
@@ -1367,7 +1369,7 @@ const ra = ({
   }, L = () => {
     l({}), i == null || i({}), n();
   };
-  return /* @__PURE__ */ c($, { children: [
+  return /* @__PURE__ */ c(G, { children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -1394,7 +1396,7 @@ const ra = ({
               }
             )
           ] }),
-          /* @__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($, { children: /* @__PURE__ */ e(
+          /* @__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,
             {
               field: y,
@@ -1479,7 +1481,7 @@ const ra = ({
       children: h
     }
   );
-}, oa = ({ rows: h = 5, columns: n = 5 }) => /* @__PURE__ */ c($, { children: [
+}, oa = ({ rows: h = 5, columns: n = 5 }) => /* @__PURE__ */ c(G, { 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)) }) }),
@@ -1494,14 +1496,14 @@ const ra = ({
   ] }) })
 ] }), Ge = ({ src: h, alt: n = "preview", isOpen: o, setIsOpen: i }) => {
   const s = () => i(!1);
-  return H(() => {
+  return z(() => {
     const l = (r) => {
       r.key === "Escape" && s();
     };
     return o && (document.body.style.overflow = "hidden", document.addEventListener("keydown", l)), () => {
       document.body.style.overflow = "", document.removeEventListener("keydown", l);
     };
-  }, [o]), /* @__PURE__ */ e($, { children: /* @__PURE__ */ c(
+  }, [o]), /* @__PURE__ */ e(G, { children: /* @__PURE__ */ c(
     "div",
     {
       className: `fixed inset-0 z-50 flex items-center justify-center bg-black/70 dark:bg-black/80 \r
@@ -1560,7 +1562,7 @@ const ra = ({
     },
     onFilterApply: y,
     filterConfig: d = null
-  } = h, [p, m] = R(""), [u, x] = R(null), [v, S] = R([]), [E, T] = R({}), [M, G] = R(!1), [j, f] = R(null), [k, 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, N] = R((r == null ? void 0 : r.rows_per_page) || 50), [z, Z] = R(D.length || 0), W = r != null && r.useServerSidePagination ? r.total_pages : Math.ceil(D.length / A), re = Me(() => {
+  } = 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);
@@ -1576,20 +1578,20 @@ const ra = ({
         console.error("Search error:", g);
       }
     }, 800));
-  }, xe = (t, g, I) => {
-    I.stopPropagation(), x(null), L == null || L(t.type, g);
-  }, ve = (t, g, I) => {
-    g.stopPropagation(), S(I);
+  }, 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 = I.length * 40, ee = window.innerWidth, w = window.innerHeight, B = ee - _.right < J ? _.left - J + _.width : _.left, Y = w - _.bottom < V && _.top > V ? _.top - V - 2 : _.bottom + 2;
-    T({
-      top: Math.max(8, Math.min(Y, w - V - 8)),
+    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, I, K = null) => /* @__PURE__ */ e($, { children: t ? /* @__PURE__ */ e(
+  }, ie = (t, g, T, K = null) => /* @__PURE__ */ e(G, { children: t ? /* @__PURE__ */ e(
     "img",
     {
       src: t,
@@ -1597,26 +1599,26 @@ const ra = ({
       onClick: (_) => {
         _.stopPropagation(), _.preventDefault(), de({ src: t, alt: g });
       },
-      className: `w-10 h-10 cursor-pointer rounded-full object-cover border border-gray-200 dark:border-gray-700 ${I || ""}`
+      className: `w-10 h-10 cursor-pointer rounded-full object-cover border border-gray-200 dark:border-gray-700 ${T || ""}`
     }
-  ) : /* @__PURE__ */ e($, { children: K || /* @__PURE__ */ e(
+  ) : /* @__PURE__ */ e(G, { children: K || /* @__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 ${I || ""}`,
-      children: /* @__PURE__ */ e(Te, { 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 ${T || ""}`,
+      children: /* @__PURE__ */ e(Ie, { className: "w-6 h-6 text-gray-400 dark:text-gray-400" })
     }
-  ) }) }), ce = (t, g) => /* @__PURE__ */ e($, { children: t ? /* @__PURE__ */ e(
+  ) }) }), ce = (t, g) => /* @__PURE__ */ e(G, { children: t ? /* @__PURE__ */ e(
     "audio",
     {
       controls: !0,
       src: t,
-      onClick: (I) => {
-        I.stopPropagation();
+      onClick: (T) => {
+        T.stopPropagation();
       },
       className: `w-64 cursor-pointer ${g || ""}`
     },
     t
-  ) : /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(
+  ) : /* @__PURE__ */ e(G, { 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 || ""}`,
@@ -1630,23 +1632,23 @@ const ra = ({
     ] })
   ] }), ue = (t, g) => {
     var J;
-    let I = String(t);
+    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 && (I = V.label, _ = V.color);
+      V && (T = V.label, _ = V.color);
     }
     return /* @__PURE__ */ e(
       $e,
       {
-        label: I,
+        label: T,
         variant: K,
         color: _,
         className: g.className || ""
       }
     );
-  }, be = (t, g, I) => {
+  }, 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(
       "button",
@@ -1656,32 +1658,32 @@ const ra = ({
         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" })
       }
-    ) }) : t.type === "index" ? /* @__PURE__ */ e("span", { className: t.className || "", children: we(I) }) : t.type === "group" ? he(g, t) : t.type === "chip" ? /* @__PURE__ */ e($, { 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($, { children: /* @__PURE__ */ e("div", { className: "min-w-[40px]", children: ie(K, t.alt, t.className, t.fallback_icon) }) }) : t.type === "audio" ? /* @__PURE__ */ e($, { children: ce(K, t.className) }) : /* @__PURE__ */ e("span", { className: t.className || "", children: K || "N/A" });
+    ) }) : 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 H(() => {
+  return z(() => {
     const t = () => {
       u && x(null);
     };
     return window.addEventListener("scroll", t, !0), () => {
       window.removeEventListener("scroll", t, !0);
     };
-  }, [u]), H(() => {
+  }, [u]), z(() => {
     const t = (g) => {
       ne.current && !ne.current.contains(g.target) && x(null);
     };
     return document.addEventListener("click", t), () => document.removeEventListener("click", t);
-  }, []), H(() => {
-    r != null && r.rows_per_page && (r != null && r.useServerSidePagination) && N((r == null ? void 0 : r.rows_per_page) || 50), r.current_page && U(r.current_page);
+  }, []), 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);
   }, [
     r.rows_per_page,
     r == null ? void 0 : r.useServerSidePagination,
     r.current_page
-  ]), H(() => {
+  ]), 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);
@@ -1689,7 +1691,7 @@ const ra = ({
     D.length,
     r.total_records,
     r == null ? void 0 : r.useServerSidePagination
-  ]), i ? /* @__PURE__ */ e(oa, { rows: 6, columns: 6 }) : /* @__PURE__ */ c($, { children: [
+  ]), 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" }),
@@ -1704,7 +1706,7 @@ const ra = ({
           }
         )
       ] }) }),
-      d && l.enabled && /* @__PURE__ */ c(Q, { onClick: () => G(!0), variant: "contained", children: [
+      d && l.enabled && /* @__PURE__ */ c(Q, { onClick: () => j(!0), variant: "contained", children: [
         /* @__PURE__ */ e(Ke, { className: "w-4 h-4 mr-2" }),
         "Filters"
       ] })
@@ -1730,15 +1732,15 @@ const ra = ({
           "tr",
           {
             className: "hover:bg-gray-50 dark:hover:bg-blue-800/10 transition",
-            children: o.map((I) => /* @__PURE__ */ e(
+            children: o.map((T) => /* @__PURE__ */ e(
               "td",
               {
-                className: `px-6 py-4 text-sm text-gray-900 dark:text-gray-100 min-w-max ${I.type == "audio" ? "" : "max-w-[300px]"} truncate ${ge(I) ? "cursor-pointer" : ""}`,
-                title: String(t[I.key] ?? ""),
-                onClick: () => pe(I, t),
-                children: I.render ? I.render(t, g) : be(I, t, g)
+                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)
               },
-              I.key
+              T.key
             ))
           },
           t.id || t._id || g
@@ -1750,9 +1752,9 @@ const ra = ({
           (F - 1) * A + 1,
           " to",
           " ",
-          Math.min(F * A, z),
+          Math.min(F * A, H),
           " of ",
-          z,
+          H,
           " ",
           "results"
         ] }),
@@ -1765,8 +1767,8 @@ const ra = ({
                 value: A,
                 onChange: (t) => {
                   const g = Number(t.target.value);
-                  N(g), U(1), r.useServerSidePagination && b((I) => ({
-                    ...I,
+                  v(g), U(1), r.useServerSidePagination && b((T) => ({
+                    ...T,
                     current_page: 1,
                     rows_per_page: g
                   }));
@@ -1828,20 +1830,20 @@ const ra = ({
           ref: ne,
           style: {
             position: "fixed",
-            top: `${E.top}px`,
-            left: `${E.left}px`,
+            top: `${$.top}px`,
+            left: `${$.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: v.map((t, g) => /* @__PURE__ */ c(
+          children: w.map((t, g) => /* @__PURE__ */ c(
             "button",
             {
-              onClick: (I) => xe(
+              onClick: (T) => xe(
                 t,
                 n.find(
                   (K) => K.id === u || K._id == u
                 ),
-                I
+                T
               ),
               className: `w-full flex items-center gap-2 px-4 py-2 text-sm text-left hover:bg-gray-100 dark:hover:bg-gray-600 ${t.variant === "danger" ? "text-red-600 dark:text-red-500" : "text-gray-700 dark:text-gray-200"}`,
               children: [
@@ -1859,17 +1861,17 @@ const ra = ({
       na,
       {
         isOpen: M,
-        onClose: () => G(!1),
+        onClose: () => j(!1),
         config: d,
         onApply: y
       }
     ),
-    k && /* @__PURE__ */ e(
+    N && /* @__PURE__ */ e(
       Ge,
       {
-        src: j.src,
-        alt: j.alt,
-        isOpen: k,
+        src: E.src,
+        alt: E.alt,
+        isOpen: N,
         setIsOpen: O
       }
     )
@@ -1895,7 +1897,7 @@ const ra = ({
   selectedItem: x = null
 }) => {
   if (!h) return null;
-  const v = {
+  const w = {
     sm: "max-w-md",
     md: "max-w-lg",
     lg: "max-w-2xl",
@@ -1913,7 +1915,7 @@ const ra = ({
     /* @__PURE__ */ c(
       "div",
       {
-        className: `relative bg-white rounded-lg shadow-xl w-full ${v[l] || v.md} max-h-[90vh] flex flex-col dark:bg-gray-800`,
+        className: `relative bg-white rounded-lg shadow-xl w-full ${w[l] || w.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: [
@@ -1933,13 +1935,13 @@ const ra = ({
           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,
             {
-              onClick: (E) => {
-                S.type == "submit" ? d(E) : u(
+              onClick: ($) => {
+                S.type == "submit" ? d($) : u(
                   () => {
-                    var T;
-                    return (T = S == null ? void 0 : S.onClick) == null ? void 0 : T.call(S, E, x);
+                    var I;
+                    return (I = S == null ? void 0 : S.onClick) == null ? void 0 : I.call(S, $, x);
                   },
-                  (T) => n == null ? void 0 : n(T)
+                  (I) => n == null ? void 0 : n(I)
                 );
               },
               disabled: m || S.disabled,
@@ -1960,7 +1962,7 @@ const ra = ({
   ] });
 }, 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);
-  H(() => {
+  z(() => {
     C(o);
   }, []);
   const L = (y, d) => {
@@ -1981,7 +1983,7 @@ const ra = ({
       onSubmit: b,
       className: s,
       noValidate: !1,
-      children: l.map((y) => /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(
+      children: l.map((y) => /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(
         Ee,
         {
           field: y,
@@ -1997,11 +1999,11 @@ 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 E;
-    let p = d == null ? void 0 : d.icon, m = d.label, u = h[d.key], x = d.type, v = d.variant || "outline", S = d.defaultColor;
-    if (x === "chip" && ((E = d.chipOptions) == null ? void 0 : E.length) > 0) {
-      let T = d == null ? void 0 : d.chipOptions.find((M) => M.value == u);
-      T && (u = T.label, S = T.color);
+    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);
     }
     return /* @__PURE__ */ c(
       "div",
@@ -2016,7 +2018,7 @@ function sa({ data: h, config: n }) {
               $e,
               {
                 label: u,
-                variant: v,
+                variant: w,
                 color: S,
                 className: "mt-1"
               }
@@ -2035,7 +2037,7 @@ function sa({ data: h, config: n }) {
                 {
                   controls: !0,
                   src: u,
-                  onClick: (T) => T.stopPropagation(),
+                  onClick: (I) => I.stopPropagation(),
                   className: "shadow-md rounded-full"
                 },
                 u
@@ -2065,7 +2067,7 @@ function sa({ data: h, config: n }) {
               onClick: () => L({ src: u, alt: p }),
               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(Te, { className: "w-8 h-8 text-gray-400" }) }),
+          ) : 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 })
@@ -2074,7 +2076,7 @@ function sa({ data: h, config: n }) {
       }
     );
   };
-  return /* @__PURE__ */ c($, { children: [
+  return /* @__PURE__ */ c(G, { children: [
     r && /* @__PURE__ */ e(
       Ge,
       {
@@ -2090,7 +2092,7 @@ function sa({ data: h, config: n }) {
   ] });
 }
 const je = ({ config: h }) => {
-  var de, ie, ce, he, ue, be, pe, ge, t, g, I, K, _, J, V, ee;
+  var de, ie, ce, he, ue, be, pe, ge, t, g, T, K, _, J, V, ee;
   const {
     title: n,
     fetchData: o = async () => {
@@ -2099,16 +2101,16 @@ const je = ({ config: h }) => {
     tableConfig: s = {},
     modalConfig: l = {},
     filterConfig: r
-  } = h, [C, L] = R(!0), [b, y] = R(!1), [d, p] = R([]), [m, u] = R(null), [x, v] = R({
+  } = h, [C, L] = R(!0), [b, y] = R(!1), [d, p] = R([]), [m, u] = R(null), [x, w] = R({
     search: "",
     rows_per_page: 50,
     current_page: 1
-  }), [S, E] = R({}), [T, M] = R(!1), [G, j] = R(!1), [f, k] = R(!1), [O, D] = R(!1), [F, U] = R(!1), [A, N] = R(null), z = (w, P) => {
-    w === "edit" ? (N(P), k(!0)) : w === "view" ? (N(P), U(!0)) : w === "delete" && (N(P), D(!0));
-  }, Z = async (w, P, B = "", ae = "") => {
+  }), [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);
     try {
-      const Y = await (w == null ? void 0 : w());
+      const Y = await (k == null ? void 0 : k());
       (B || Y.message) && ke(B || Y.message, {
         variant: "success"
       }), P == null || P(Y);
@@ -2117,71 +2119,71 @@ const je = ({ config: h }) => {
     } finally {
       y(!1);
     }
-  }, W = (w) => {
-    let P = w.newObject;
+  }, W = (k) => {
+    let P = k.newObject;
     i ? (p((B) => [P, ...B]), u((B) => ({
       ...B,
       current_page: 1
-    }))) : (v((B) => ({
+    }))) : (w((B) => ({
       ...B,
       current_page: 1
-    })), x.current_page == 1 && te()), j(!1);
-  }, re = (w) => {
-    let P = w.newObject, B = w.targetObject;
+    })), 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
       )
-    ) : te(), k(!1);
-  }, ne = (w) => {
-    if (!w) {
-      D(!1), N(null);
+    ) : te(), N(!1);
+  }, ne = (k) => {
+    if (!k) {
+      D(!1), v(null);
       return;
     }
     i ? p(
-      (P) => P.filter((B) => B.id !== w.targetObject.id)
-    ) : d.length == 1 && x.current_page > 1 ? v((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), N(null);
-  }, se = (w) => Z(
+    })) : te(), D(!1), v(null);
+  }, se = (k) => Z(
     () => {
       var P, B;
-      return (B = (P = l == null ? void 0 : l.addModal) == null ? void 0 : P.handleSubmit) == null ? void 0 : B.call(P, w);
+      return (B = (P = l == null ? void 0 : l.addModal) == null ? void 0 : P.handleSubmit) == null ? void 0 : B.call(P, k);
     },
     W
-  ), oe = (w) => Z(
+  ), oe = (k) => Z(
     () => {
       var P, B;
-      return (B = (P = l == null ? void 0 : l.editModal) == null ? void 0 : P.handleSubmit) == null ? void 0 : B.call(P, w, A);
+      return (B = (P = l == null ? void 0 : l.editModal) == null ? void 0 : P.handleSubmit) == null ? void 0 : B.call(P, k, A);
     },
     re
   ), te = async () => {
-    L(!0), o == null || o({ ...x, ...S }).then((w) => {
-      p(w.data), u(w.pagination);
-    }).catch((w) => {
-      ke(w.message, { variant: "error" });
+    L(!0), o == null || o({ ...x, ...S }).then((k) => {
+      p(k.data), u(k.pagination);
+    }).catch((k) => {
+      ke(k.message, { variant: "error" });
     }).finally(() => {
       L(!1);
     });
-  }, xe = (w) => {
+  }, xe = (k) => {
     var P;
-    E((B) => ({
-      ...w
+    $((B) => ({
+      ...k
     })), (P = s == null ? void 0 : s.filter) != null && P.useServerSideFilters && M((B) => !B);
-  }, ve = (w, P) => w.filter(
+  }, ve = (k, P) => k.filter(
     (B) => Object.entries(P).every(([ae, Y]) => B[ae] === Y)
   ), we = Me(() => {
-    var w;
-    return (w = s == null ? void 0 : s.filter) != null && w.useServerSideFilters ? d : ve(d, S);
+    var k;
+    return (k = s == null ? void 0 : s.filter) != null && k.useServerSideFilters ? d : ve(d, S);
   }, [d, S]);
-  return H(() => {
+  return z(() => {
     te();
   }, [
     x.search,
     x.rows_per_page,
     x.current_page,
-    T
+    I
   ]), /* @__PURE__ */ e(
     Ze,
     {
@@ -2191,12 +2193,12 @@ const je = ({ config: h }) => {
         horizontal: "right"
       },
       autoHideDuration: 3e3,
-      action: (w) => /* @__PURE__ */ e(
+      action: (k) => /* @__PURE__ */ e(
         "button",
         {
           onClick: () => {
             window.dispatchEvent(
-              new CustomEvent("closeSnackbar", { detail: w })
+              new CustomEvent("closeSnackbar", { detail: k })
             );
           },
           className: "p-1 hover:bg-white/20 rounded-full transition-colors duration-200 text-white flex items-center justify-center",
@@ -2212,7 +2214,7 @@ const je = ({ config: h }) => {
           /* @__PURE__ */ e("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ c(
             Q,
             {
-              onClick: () => j(!0),
+              onClick: () => E(!0),
               variant: "contained",
               color: "primary",
               children: [
@@ -2232,8 +2234,8 @@ const je = ({ config: h }) => {
                 ...m
               },
               data: we,
-              setServerSidePaginationData: v,
-              onMenuAction: z,
+              setServerSidePaginationData: w,
+              onMenuAction: H,
               filterConfig: r,
               onFilterApply: xe,
               loading: C
@@ -2243,16 +2245,16 @@ const je = ({ config: h }) => {
         /* @__PURE__ */ e(
           fe,
           {
-            isOpen: G,
+            isOpen: j,
             onClose: () => {
-              b || j(!1);
+              b || E(!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",
             onFormSubmit: () => {
-              var w;
-              return (w = document.querySelector("#addForm")) == null ? void 0 : w.requestSubmit();
+              var k;
+              return (k = document.querySelector("#addForm")) == null ? void 0 : k.requestSubmit();
             },
             loadingBtn: b,
             actionButtons: l.addModal.actionButtons,
@@ -2273,14 +2275,14 @@ const je = ({ config: h }) => {
           {
             isOpen: f,
             onClose: () => {
-              b || k(!1);
+              b || N(!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",
             onFormSubmit: () => {
-              var w;
-              return (w = document.querySelector("#editForm")) == null ? void 0 : w.requestSubmit();
+              var k;
+              return (k = document.querySelector("#editForm")) == null ? void 0 : k.requestSubmit();
             },
             actionButtons: l.editModal.actionButtons,
             loadingBtn: b,
@@ -2300,8 +2302,8 @@ const je = ({ config: h }) => {
           fe,
           {
             isOpen: O,
-            onClose: (w) => {
-              ne(w);
+            onClose: (k) => {
+              ne(k);
             },
             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",
@@ -2312,7 +2314,7 @@ const je = ({ config: h }) => {
             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?" }),
-              ((I = l.deleteModal) == null ? void 0 : I.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] })
+              ((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] })
             ] }) })
           }
         ),
@@ -2321,7 +2323,7 @@ const je = ({ config: h }) => {
           {
             isOpen: F,
             onClose: () => {
-              U(!1), N(null);
+              U(!1), v(null);
             },
             icon: (_ = l.viewModal) == null ? void 0 : _.icon,
             title: ((J = l.viewModal) == null ? void 0 : J.title) || "View Details",
@@ -2496,9 +2498,9 @@ const ua = () => {
   h.textContent = n, document.head.appendChild(h);
 };
 function wa(h) {
-  return H(() => {
+  return z(() => {
     ua();
-  }, []), /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(je, { config: h.config }) });
+  }, []), /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(je, { config: h.config }) });
 }
 export {
   wa as default