react-admin-crud-manager 1.0.25 → 1.0.27

package/dist/index.es.js

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