react-admin-crud-manager 1.0.20 → 1.0.22

package/dist/index.es.js

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