react-admin-crud-manager 1.0.10 → 1.0.11

package/dist/index.es.js

@@ -1,333 +1,59 @@
-import ve, { useState as T, useRef as ce, useEffect as W, useMemo as Se } from "react";
-import { ChevronDown as Fe, Search as Ce, Check as ze, X as je, Filter as He, ChevronLeft as Ue, ChevronRight as Ve, EllipsisVertical as We, User as De, Plus as qe } from "lucide-react";
-import { createPortal as Je } from "react-dom";
-import { Icon as Re } from "@iconify/react";
-import { Editor as Ze } from "@tinymce/tinymce-react";
-import { SnackbarProvider as Xe, enqueueSnackbar as ke } from "notistack";
+import { jsx as e, Fragment as G, jsxs as h } from "react/jsx-runtime";
+import Me, { useState as C, useRef as X, useEffect as z, useMemo as Se } from "react";
+import { ChevronDown as Ae, Search as Ce, Check as _e, X as fe, Filter as je, ChevronLeft as He, ChevronRight as ze, EllipsisVertical as Ye, User as Ie, Plus as Ue } from "lucide-react";
+import { createPortal as Ve } from "react-dom";
+import { Icon as De } from "@iconify/react";
+import { Editor as qe } from "@tinymce/tinymce-react";
+import { SnackbarProvider as We, enqueueSnackbar as we } from "notistack";
 import a from "prop-types";
-var Me = { exports: {} }, pe = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Ee;
-function Qe() {
-  if (Ee) return pe;
-  Ee = 1;
-  var c = Symbol.for("react.transitional.element"), d = Symbol.for("react.fragment");
-  function s(i, l, r) {
-    var n = null;
-    if (r !== void 0 && (n = "" + r), l.key !== void 0 && (n = "" + l.key), "key" in l) {
-      r = {};
-      for (var k in l)
-        k !== "key" && (r[k] = l[k]);
-    } else r = l;
-    return l = r.ref, {
-      $$typeof: c,
-      type: i,
-      key: n,
-      ref: l !== void 0 ? l : null,
-      props: r
-    };
-  }
-  return pe.Fragment = d, pe.jsx = s, pe.jsxs = s, pe;
-}
-var ge = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var _e;
-function ea() {
-  return _e || (_e = 1, process.env.NODE_ENV !== "production" && function() {
-    function c(t) {
-      if (t == null) return null;
-      if (typeof t == "function")
-        return t.$$typeof === C ? null : t.displayName || t.name || null;
-      if (typeof t == "string") return t;
-      switch (t) {
-        case j:
-          return "Fragment";
-        case R:
-          return "Profiler";
-        case S:
-          return "StrictMode";
-        case z:
-          return "Suspense";
-        case O:
-          return "SuspenseList";
-        case F:
-          return "Activity";
-      }
-      if (typeof t == "object")
-        switch (typeof t.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), t.$$typeof) {
-          case N:
-            return "Portal";
-          case B:
-            return t.displayName || "Context";
-          case P:
-            return (t._context.displayName || "Context") + ".Consumer";
-          case Y:
-            var y = t.render;
-            return t = t.displayName, t || (t = y.displayName || y.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case g:
-            return y = t.displayName || null, y !== null ? y : c(t.type) || "Memo";
-          case _:
-            y = t._payload, t = t._init;
-            try {
-              return c(t(y));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function d(t) {
-      return "" + t;
-    }
-    function s(t) {
-      try {
-        d(t);
-        var y = !1;
-      } catch {
-        y = !0;
-      }
-      if (y) {
-        y = console;
-        var L = y.error, G = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return L.call(
-          y,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          G
-        ), d(t);
-      }
-    }
-    function i(t) {
-      if (t === j) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === _)
-        return "<...>";
-      try {
-        var y = c(t);
-        return y ? "<" + y + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function l() {
-      var t = f.A;
-      return t === null ? null : t.getOwner();
-    }
-    function r() {
-      return Error("react-stack-top-frame");
-    }
-    function n(t) {
-      if (A.call(t, "key")) {
-        var y = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (y && y.isReactWarning) return !1;
-      }
-      return t.key !== void 0;
-    }
-    function k(t, y) {
-      function L() {
-        X || (X = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          y
-        ));
-      }
-      L.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: L,
-        configurable: !0
-      });
-    }
-    function M() {
-      var t = c(this.type);
-      return ae[t] || (ae[t] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), t = this.props.ref, t !== void 0 ? t : null;
-    }
-    function x(t, y, L, G, te, ne) {
-      var I = L.ref;
-      return t = {
-        $$typeof: h,
-        type: t,
-        key: y,
-        props: L,
-        _owner: G
-      }, (I !== void 0 ? I : null) !== null ? Object.defineProperty(t, "ref", {
-        enumerable: !1,
-        get: M
-      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(t, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(t, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: te
-      }), Object.defineProperty(t, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: ne
-      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
-    }
-    function m(t, y, L, G, te, ne) {
-      var I = y.children;
-      if (I !== void 0)
-        if (G)
-          if (U(I)) {
-            for (G = 0; G < I.length; G++)
-              u(I[G]);
-            Object.freeze && Object.freeze(I);
-          } else
-            console.error(
-              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-            );
-        else u(I);
-      if (A.call(y, "key")) {
-        I = c(t);
-        var J = Object.keys(y).filter(function(ue) {
-          return ue !== "key";
-        });
-        G = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", ie[I + G] || (J = 0 < J.length ? "{" + J.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          G,
-          I,
-          J,
-          I
-        ), ie[I + G] = !0);
-      }
-      if (I = null, L !== void 0 && (s(L), I = "" + L), n(y) && (s(y.key), I = "" + y.key), "key" in y) {
-        L = {};
-        for (var le in y)
-          le !== "key" && (L[le] = y[le]);
-      } else L = y;
-      return I && k(
-        L,
-        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
-      ), x(
-        t,
-        I,
-        L,
-        l(),
-        te,
-        ne
-      );
-    }
-    function u(t) {
-      b(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === _ && (t._payload.status === "fulfilled" ? b(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
-    }
-    function b(t) {
-      return typeof t == "object" && t !== null && t.$$typeof === h;
-    }
-    var v = ve, h = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), j = Symbol.for("react.fragment"), S = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), P = Symbol.for("react.consumer"), B = Symbol.for("react.context"), Y = Symbol.for("react.forward_ref"), z = Symbol.for("react.suspense"), O = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), F = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), f = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, A = Object.prototype.hasOwnProperty, U = Array.isArray, V = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    v = {
-      react_stack_bottom_frame: function(t) {
-        return t();
-      }
-    };
-    var X, ae = {}, oe = v.react_stack_bottom_frame.bind(
-      v,
-      r
-    )(), re = V(i(r)), ie = {};
-    ge.Fragment = j, ge.jsx = function(t, y, L) {
-      var G = 1e4 > f.recentlyCreatedOwnerStacks++;
-      return m(
-        t,
-        y,
-        L,
-        !1,
-        G ? Error("react-stack-top-frame") : oe,
-        G ? V(i(t)) : re
-      );
-    }, ge.jsxs = function(t, y, L) {
-      var G = 1e4 > f.recentlyCreatedOwnerStacks++;
-      return m(
-        t,
-        y,
-        L,
-        !0,
-        G ? Error("react-stack-top-frame") : oe,
-        G ? V(i(t)) : re
-      );
-    };
-  }()), ge;
-}
-process.env.NODE_ENV === "production" ? Me.exports = Qe() : Me.exports = ea();
-var e = Me.exports;
-const Le = (c, d = "DD MMM YYYY") => {
+const Oe = (c, i = "DD MMM YYYY") => {
   if (!c) return "N/A";
-  const s = new Date(c);
-  if (isNaN(s)) return "Invalid Date";
-  const i = (r) => String(r).padStart(2, "0"), l = {
-    YYYY: s.getFullYear(),
-    YY: String(s.getFullYear()).slice(-2),
-    MMMM: s.toLocaleString("en-US", { month: "long" }),
-    MMM: s.toLocaleString("en-US", { month: "short" }),
-    MM: i(s.getMonth() + 1),
-    M: s.getMonth() + 1,
-    DD: i(s.getDate()),
-    D: s.getDate(),
-    dddd: s.toLocaleString("en-US", { weekday: "long" }),
-    ddd: s.toLocaleString("en-US", { weekday: "short" }),
-    HH: i(s.getHours()),
-    hh: i(s.getHours() % 12 || 12),
-    mm: i(s.getMinutes()),
-    ss: i(s.getSeconds()),
-    A: s.getHours() >= 12 ? "PM" : "AM"
+  const n = new Date(c);
+  if (isNaN(n)) return "Invalid Date";
+  const d = (r) => String(r).padStart(2, "0"), o = {
+    YYYY: n.getFullYear(),
+    YY: String(n.getFullYear()).slice(-2),
+    MMMM: n.toLocaleString("en-US", { month: "long" }),
+    MMM: n.toLocaleString("en-US", { month: "short" }),
+    MM: d(n.getMonth() + 1),
+    M: n.getMonth() + 1,
+    DD: d(n.getDate()),
+    D: n.getDate(),
+    dddd: n.toLocaleString("en-US", { weekday: "long" }),
+    ddd: n.toLocaleString("en-US", { weekday: "short" }),
+    HH: d(n.getHours()),
+    hh: d(n.getHours() % 12 || 12),
+    mm: d(n.getMinutes()),
+    ss: d(n.getSeconds()),
+    A: n.getHours() >= 12 ? "PM" : "AM"
   };
-  return d.replace(
+  return i.replace(
     /YYYY|YY|MMMM|MMM|MM|M|DD|D|dddd|ddd|HH|hh|mm|ss|A/g,
-    (r) => l[r]
+    (r) => o[r]
   );
-}, aa = (c, d, s = []) => {
-  if (!(d != null && d.trim())) return c;
-  const i = d.toLowerCase(), l = (r) => r == null ? [] : typeof r == "object" ? Object.values(r).flatMap(l) : [String(r)];
+}, Ze = (c, i, n = []) => {
+  if (!(i != null && i.trim())) return c;
+  const d = i.toLowerCase(), o = (r) => r == null ? [] : typeof r == "object" ? Object.values(r).flatMap(o) : [String(r)];
   return c.filter((r) => {
-    let n = [];
-    return s.length > 0 ? s.forEach((k) => {
-      r[k] !== void 0 && n.push(...l(r[k]));
-    }) : n = l(r), n.some(
-      (k) => k.toLowerCase().includes(i)
+    let t = [];
+    return n.length > 0 ? n.forEach((N) => {
+      r[N] !== void 0 && t.push(...o(r[N]));
+    }) : t = o(r), t.some(
+      (N) => N.toLowerCase().includes(d)
     );
   });
-}, he = ve.forwardRef(
+}, ae = Me.forwardRef(
   ({
     className: c = "",
-    variant: d = "contained",
-    color: s = "default",
-    size: i = "default",
-    fullWidth: l = !1,
+    variant: i = "contained",
+    color: n = "default",
+    size: d = "default",
+    fullWidth: o = !1,
     children: r,
-    ...n
-  }, k) => {
-    var h;
-    const M = "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", x = {
+    ...t
+  }, N) => {
+    var u;
+    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", f = {
       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",
@@ -335,9 +61,9 @@ const Le = (c, d = "DD MMM YYYY") => {
       default: "h-9 px-4 rounded-md text-sm"
     }, m = {
       primary: {
-        contained: "bg-primary-600 text-white hover:bg-primary-700 focus:ring-primary-500 shadow-sm",
-        outlined: "border border-primary-600 bg-transparent text-primary-600 hover:bg-primary-50 focus:ring-primary-500",
-        text: "bg-transparent text-primary-600 hover:bg-primary-50 focus:ring-primary-500"
+        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",
+        text: "bg-transparent text-primary hover:bg-primary-50 focus:ring-primary-500"
       },
       success: {
         contained: "bg-green-600 text-white hover:bg-green-700 focus:ring-green-500 shadow-sm",
@@ -354,96 +80,96 @@ const Le = (c, d = "DD MMM YYYY") => {
         outlined: "border border-gray-300 bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-gray-300 dark:border-gray-600 dark:text-gray-200 dark:hover:bg-gray-700 dark:focus:ring-gray-500",
         text: "bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-gray-300 dark:text-gray-200 dark:hover:bg-gray-700 dark:focus:ring-gray-500"
       }
-    }, u = ((h = m[s]) == null ? void 0 : h[d]) || m.default.contained, b = x[i], v = `
-      ${M} 
-      ${u} 
-      ${b} 
-      ${l ? "w-full" : ""} 
+    }, s = ((u = m[n]) == null ? void 0 : u[i]) || m.default.contained, p = f[d], v = `
+      ${S} 
+      ${s} 
+      ${p} 
+      ${o ? "w-full" : ""} 
       ${c}
     `.trim();
-    return /* @__PURE__ */ e.jsx(
+    return /* @__PURE__ */ e(
       "button",
       {
-        ref: k,
-        type: n.type || "button",
+        ref: N,
+        type: t.type || "button",
         className: v,
-        ...n,
+        ...t,
         children: r
       }
     );
   }
 );
-he.displayName = "Button";
-function ee({ label: c, required: d = !1 }) {
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: [
+ae.displayName = "Button";
+function W({ label: c, required: i = !1 }) {
+  return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ h("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: [
     c,
-    d && /* @__PURE__ */ e.jsx("span", { className: "ml-1", children: "*" })
+    i && /* @__PURE__ */ e("span", { className: "ml-1", children: "*" })
   ] }) });
 }
-const ra = ({
+const Je = ({
   options: c = [],
-  value: d,
-  onChange: s,
-  placeholder: i = "Select option",
-  className: l = "",
+  value: i,
+  onChange: n,
+  placeholder: d = "Select option",
+  className: o = "",
   disabled: r = !1,
-  search: n = !1,
-  label: k = "",
-  required: M = !1,
-  name: x = "",
+  search: t = !1,
+  label: N = "",
+  required: S = !1,
+  name: f = "",
   parentClass: m = "",
-  multiple: u = !1,
+  multiple: s = !1,
   // ✅ NEW
-  dropdownMaxHeight: b = ""
+  dropdownMaxHeight: p = ""
 }) => {
-  var C;
-  const [v, h] = T(!1), [N, j] = T(""), [S, R] = T(!0), P = ce(null), B = ce(null), Y = (f) => String(typeof f == "boolean" ? f : f ?? ""), z = u ? (d || []).map(Y) : Y(d), O = c.filter(
-    (f) => f.label.toLowerCase().includes(N.toLowerCase())
-  ), g = (f) => {
-    const A = Y(f);
-    return u ? z.includes(A) : A === z;
+  var M;
+  const [v, u] = C(!1), [k, w] = C(""), [D, R] = C(!0), A = X(null), E = X(null), K = (y) => String(typeof y == "boolean" ? y : y ?? ""), _ = s ? (i || []).map(K) : K(i), O = c.filter(
+    (y) => y.label.toLowerCase().includes(k.toLowerCase())
+  ), g = (y) => {
+    const T = K(y);
+    return s ? _.includes(T) : T === _;
   };
-  W(() => {
-    const f = (A) => {
-      P.current && !P.current.contains(A.target) && (h(!1), j(""));
+  z(() => {
+    const y = (T) => {
+      A.current && !A.current.contains(T.target) && (u(!1), w(""));
     };
-    return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
-  }, []), W(() => {
-    if (v && P.current) {
-      const f = P.current.getBoundingClientRect(), U = window.innerHeight - f.bottom;
-      R(U < 200);
+    return document.addEventListener("mousedown", y), () => document.removeEventListener("mousedown", y);
+  }, []), z(() => {
+    if (v && A.current) {
+      const y = A.current.getBoundingClientRect(), H = window.innerHeight - y.bottom;
+      R(H < 200);
     }
-  }, [v]), W(() => {
-    v && B.current && B.current.focus();
+  }, [v]), z(() => {
+    v && E.current && E.current.focus();
   }, [v]);
-  const _ = (f) => {
-    let A = f;
-    if (f === "true" ? A = !0 : f === "false" && (A = !1), u) {
-      const U = z.includes(Y(f));
+  const I = (y) => {
+    let T = y;
+    if (y === "true" ? T = !0 : y === "false" && (T = !1), s) {
+      const H = _.includes(K(y));
       let V;
-      U ? V = d.filter(
-        (X) => Y(X) !== Y(f)
-      ) : V = [...d || [], A], s(V);
+      H ? V = i.filter(
+        (J) => K(J) !== K(y)
+      ) : V = [...i || [], T], n(V);
     } else
-      s(A), h(!1);
-    j("");
-  }, F = u ? c.filter((f) => g(f.value)).map((f) => f.label).join(", ") : (C = c.find((f) => g(f.value))) == null ? void 0 : C.label;
-  return /* @__PURE__ */ e.jsxs("div", { className: m || "col-span-12", children: [
-    /* @__PURE__ */ e.jsx(ee, { label: k, required: M }),
-    /* @__PURE__ */ e.jsxs("div", { className: `relative ${l}`, ref: P, children: [
-      /* @__PURE__ */ e.jsxs(
+      n(T), u(!1);
+    w("");
+  }, F = s ? c.filter((y) => g(y.value)).map((y) => y.label).join(", ") : (M = c.find((y) => g(y.value))) == null ? void 0 : M.label;
+  return /* @__PURE__ */ h("div", { className: m || "col-span-12", children: [
+    /* @__PURE__ */ e(W, { label: N, required: S }),
+    /* @__PURE__ */ h("div", { className: `relative ${o}`, ref: A, children: [
+      /* @__PURE__ */ h(
         "button",
         {
           type: "button",
-          onClick: () => !r && h(!v),
+          onClick: () => !r && u(!v),
           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 
           ${F ? "dark:text-white" : "text-gray-500 dark:text-gray-400"} 
           ${r ? "opacity-50 cursor-not-allowed" : "dark:bg-gray-700"}`,
           children: [
-            /* @__PURE__ */ e.jsx("span", { className: "truncate", children: F || i }),
-            /* @__PURE__ */ e.jsx(
-              Fe,
+            /* @__PURE__ */ e("span", { className: "truncate", children: F || d }),
+            /* @__PURE__ */ e(
+              Ae,
               {
                 className: `w-4 h-4 transition-transform ${v ? "rotate-180" : ""}`
               }
@@ -451,99 +177,99 @@ const ra = ({
           ]
         }
       ),
-      v && /* @__PURE__ */ e.jsxs(
+      v && /* @__PURE__ */ h(
         "div",
         {
           className: `absolute z-50 w-full border rounded-md bg-white dark:bg-gray-700 shadow-lg 
-            ${S ? "bottom-full mb-1" : "top-full mt-1"}`,
+            ${D ? "bottom-full mb-1" : "top-full mt-1"}`,
           children: [
-            n && /* @__PURE__ */ e.jsx("div", { className: "p-2 border-b border-gray-200 dark:border-gray-600", children: /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-              /* @__PURE__ */ e.jsx(Ce, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400" }),
-              /* @__PURE__ */ e.jsx(
+            t && /* @__PURE__ */ e("div", { className: "p-2 border-b border-gray-200 dark:border-gray-600", children: /* @__PURE__ */ h("div", { className: "relative", children: [
+              /* @__PURE__ */ e(Ce, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400" }),
+              /* @__PURE__ */ e(
                 "input",
                 {
-                  ref: B,
+                  ref: E,
                   type: "text",
-                  value: N,
-                  onChange: (f) => j(f.target.value),
+                  value: k,
+                  onChange: (y) => w(y.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"
                 }
               )
             ] }) }),
-            /* @__PURE__ */ e.jsx(
+            /* @__PURE__ */ e(
               "div",
               {
                 className: "max-h-40 overflow-y-auto",
                 style: {
-                  maxHeight: b || ""
+                  maxHeight: p || ""
                 },
-                children: O.length > 0 ? O.map((f) => /* @__PURE__ */ e.jsxs(
+                children: O.length > 0 ? O.map((y) => /* @__PURE__ */ h(
                   "button",
                   {
                     type: "button",
-                    onClick: () => _(String(f.value)),
+                    onClick: () => I(String(y.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 
-                    ${g(f.value) ? "bg-blue-50 dark:bg-blue-900/20 text-blue-700 dark:text-blue-300" : ""}`,
+                    ${g(y.value) ? "bg-blue-50 dark:bg-blue-900/20 text-blue-700 dark:text-blue-300" : ""}`,
                     children: [
-                      /* @__PURE__ */ e.jsx("span", { children: f.label }),
-                      u && g(f.value) && /* @__PURE__ */ e.jsx(ze, { className: "w-4 h-4" })
+                      /* @__PURE__ */ e("span", { children: y.label }),
+                      s && g(y.value) && /* @__PURE__ */ e(_e, { className: "w-4 h-4" })
                     ]
                   },
-                  String(f.value)
-                )) : /* @__PURE__ */ e.jsx("div", { className: "px-3 py-2 text-sm text-gray-500 dark:text-gray-400", children: "No options found" })
+                  String(y.value)
+                )) : /* @__PURE__ */ e("div", { className: "px-3 py-2 text-sm text-gray-500 dark:text-gray-400", children: "No options found" })
               }
             )
           ]
         }
       )
     ] })
-  ] }, x);
-}, ta = ({
+  ] }, f);
+}, Qe = ({
   value: c = !0,
-  onChange: d,
-  text: s,
-  options: i = [],
-  label: l,
+  onChange: i,
+  text: n,
+  options: d = [],
+  label: o,
   required: r,
-  name: n = "",
-  disabled: k = !1,
-  parentClass: M = ""
+  name: t = "",
+  disabled: N = !1,
+  parentClass: S = ""
 }) => {
-  const x = i.length > 0 ? i : [
+  const f = d.length > 0 ? d : [
     { label: "Active", value: !0 },
     { label: "Inactive", value: !1 }
   ];
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: M || "col-span-12", children: [
-    /* @__PURE__ */ e.jsx(ee, { label: l, required: r }),
-    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between h-10 gap-4 bg-gray-100 dark:bg-gray-700 px-3 rounded-md border border-gray-100 dark:border-gray-600", children: [
-      s && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-gray-600 dark:text-gray-400 flex-shrink overflow-hidden text-ellipsis whitespace-nowrap max-w-[200px]", children: s }),
-      /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-6", children: x.map((m, u) => /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ h("div", { className: S || "col-span-12", children: [
+    /* @__PURE__ */ e(W, { label: o, required: r }),
+    /* @__PURE__ */ h("div", { className: "flex items-center justify-between h-10 gap-4 bg-gray-100 dark:bg-gray-700 px-3 rounded-md border border-gray-100 dark:border-gray-600", children: [
+      n && /* @__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: n }),
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-6", children: f.map((m, s) => /* @__PURE__ */ h(
         "label",
         {
           className: "flex items-center gap-2 cursor-pointer select-none",
           children: [
-            /* @__PURE__ */ e.jsx(
+            /* @__PURE__ */ e(
               "input",
               {
                 type: "radio",
                 name: "switch-field",
-                required: r && u === 0,
+                required: r && s === 0,
                 value: m.value,
-                disabled: k,
+                disabled: N,
                 checked: c === m.value,
-                onChange: () => d(m.value),
+                onChange: () => i(m.value),
                 className: "w-4 h-4  border-gray-300 cursor-pointer"
               }
             ),
-            /* @__PURE__ */ e.jsx("span", { className: "text-sm text-gray-700 dark:text-white", children: m.label })
+            /* @__PURE__ */ e("span", { className: "text-sm text-gray-700 dark:text-white", children: m.label })
           ]
         },
-        u
+        s
       )) })
     ] })
-  ] }, n) });
-}, fe = [
+  ] }, t) });
+}, ge = [
   { label: "Afghanistan", code: "AF", phone: "93" },
   { label: "Aland Islands", code: "AX", phone: "358" },
   { label: "Albania", code: "AL", phone: "355" },
@@ -795,126 +521,101 @@ const ra = ({
   { label: "Zambia", code: "ZM", phone: "260" },
   { label: "Zimbabwe", code: "ZW", phone: "263" }
 ];
-function na({
+function Xe({
   label: c = "",
-  value: d = "",
-  name: s = "",
-  parentClass: i = "",
-  onChange: l,
+  value: i = "",
+  name: n = "",
+  parentClass: d = "",
+  onChange: o,
   disabled: r = !1,
-  required: n = !1,
-  placeholder: k = "Phone number",
-  search: M = !1,
-  countriesList: x = !1,
+  required: t = !1,
+  placeholder: N = "Phone number",
+  search: S = !1,
+  countriesList: f = !1,
   defaultCountry: m = ""
 }) {
-  const u = (g) => fe.find((_) => _.code == g), [b, v] = T(
-    u(m) || fe[0]
-  ), [h, N] = T(""), [j, S] = T(!1), [R, P] = T(""), B = ce();
-  W(() => {
-    if (typeof d == "string" && d.startsWith("+")) {
-      const g = fe.filter((_) => d.startsWith("+" + _.phone)).sort((_, F) => F.phone.length - _.phone.length)[0];
+  const s = (g) => ge.find((I) => I.code == g), [p, v] = C(
+    s(m) || ge[0]
+  ), [u, k] = C(""), [w, D] = C(!1), [R, A] = C(""), E = X();
+  z(() => {
+    if (typeof i == "string" && i.startsWith("+")) {
+      const g = ge.filter((I) => i.startsWith("+" + I.phone)).sort((I, F) => F.phone.length - I.phone.length)[0];
       if (g) {
-        v(g), N(d.replace("+" + g.phone, ""));
+        v(g), k(i.replace("+" + g.phone, ""));
         return;
       }
     }
-    N(d);
-  }, [d]);
-  const Y = (g) => {
-    const _ = g.target.value.replace(/\D/g, "");
-    N(_), b && l && l("+" + b.phone + _);
-  }, z = (g) => {
-    v(g), l && l("+" + g.phone + h), S(!1), P("");
+    k(i);
+  }, [i]);
+  const K = (g) => {
+    const I = g.target.value.replace(/\D/g, "");
+    k(I), p && o && o("+" + p.phone + I);
+  }, _ = (g) => {
+    v(g), o && o("+" + g.phone + u), D(!1), A("");
   };
-  W(() => {
-    const g = (_) => {
-      B.current && !B.current.contains(_.target) && S(!1);
+  z(() => {
+    const g = (I) => {
+      E.current && !E.current.contains(I.target) && D(!1);
     };
     return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
   }, []);
-  const O = fe.filter(
+  const O = ge.filter(
     (g) => g.label.toLowerCase().includes(R.toLowerCase()) || g.phone.includes(R)
   );
-  if (!x) {
-    const g = (_) => {
-      const F = _.target.value.replace(/[^+\d]/g, ""), C = F.startsWith("+") ? "+" + F.replace(/[+]/g, "").slice(0) : F;
-      l(C);
-    };
-    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: i || "col-span-12", children: [
-      /* @__PURE__ */ e.jsx(ee, { label: c, required: n }),
-      /* @__PURE__ */ e.jsx(
-        "input",
-        {
-          type: "text",
-          value: d,
-          onChange: g,
-          placeholder: k,
-          disabled: r,
-          required: n,
-          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`,
-          inputMode: "tel",
-          pattern: "^\\+\\d{1,15}$"
-        }
-      )
-    ] }, s) });
-  }
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: i || "col-span-12", children: [
-    /* @__PURE__ */ e.jsx(ee, { label: c, required: n }),
-    /* @__PURE__ */ e.jsxs("div", { className: "relative ", ref: B, children: [
-      /* @__PURE__ */ e.jsxs(
+  return f ? /* @__PURE__ */ e(G, { children: /* @__PURE__ */ h("div", { className: d || "col-span-12", children: [
+    /* @__PURE__ */ e(W, { label: c, required: t }),
+    /* @__PURE__ */ h("div", { className: "relative ", ref: E, children: [
+      /* @__PURE__ */ h(
         "div",
         {
           className: `h-[40px] flex items-center border rounded-md px-2 bg-white dark:bg-gray-700 transition-all
-  ${j ? "ring-0.5 ring-blue-100 border-blue-300" : "border-gray-300 dark:border-gray-600"}
+  ${w ? "ring-0.5 ring-blue-100 border-blue-300" : "border-gray-300 dark:border-gray-600"}
   ${r ? "opacity-60 cursor-not-allowed" : ""}`,
           children: [
-            /* @__PURE__ */ e.jsxs(
+            /* @__PURE__ */ h(
               "button",
               {
                 type: "button",
                 disabled: r,
-                onClick: () => S(!j),
+                onClick: () => D(!w),
                 className: "flex items-center gap-1 pr-2 border-r border-gray-300 dark:border-gray-700 focus:outline-none",
                 children: [
-                  b ? /* @__PURE__ */ e.jsx(
+                  p ? /* @__PURE__ */ e(
                     "img",
                     {
-                      src: `https://flagcdn.com/w20/${b.code.toLowerCase()}.png`,
-                      alt: b.code,
+                      src: `https://flagcdn.com/w20/${p.code.toLowerCase()}.png`,
+                      alt: p.code,
                       className: "w-5 h-3 object-cover"
                     }
-                  ) : /* @__PURE__ */ e.jsx("span", { className: "text-gray-400 text-xs", children: "🌐" }),
-                  /* @__PURE__ */ e.jsx(Fe, { className: "w-3 h-3 text-gray-500" })
+                  ) : /* @__PURE__ */ e("span", { className: "text-gray-400 text-xs", children: "🌐" }),
+                  /* @__PURE__ */ e(Ae, { className: "w-3 h-3 text-gray-500" })
                 ]
               }
             ),
-            b && /* @__PURE__ */ e.jsxs("span", { className: "ml-2 text-sm text-gray-700 dark:text-gray-200 whitespace-nowrap", children: [
+            p && /* @__PURE__ */ h("span", { className: "ml-2 text-sm text-gray-700 dark:text-gray-200 whitespace-nowrap", children: [
               "+",
-              b.phone
+              p.phone
             ] }),
-            /* @__PURE__ */ e.jsx(
+            /* @__PURE__ */ e(
               "input",
               {
                 type: "tel",
-                value: h,
-                onChange: Y,
-                required: n,
-                disabled: r || !b,
-                placeholder: b ? k : "Select a country",
+                value: u,
+                onChange: K,
+                required: t,
+                disabled: r || !p,
+                placeholder: p ? N : "Select a country",
                 className: "flex-1 ml-2 bg-transparent outline-none text-sm text-gray-800 dark:text-gray-100 placeholder-gray-400"
               }
             ),
-            /* @__PURE__ */ e.jsx(
+            /* @__PURE__ */ e(
               "input",
               {
                 type: "tel",
-                required: n,
+                required: t,
                 tabIndex: -1,
                 readOnly: !0,
-                value: b && h ? "+" + b.phone + h : "",
+                value: p && u ? "+" + p.phone + u : "",
                 style: {
                   position: "absolute",
                   opacity: 0,
@@ -926,28 +627,28 @@ function na({
           ]
         }
       ),
-      j && /* @__PURE__ */ e.jsxs("div", { className: "absolute top-full left-0 w-full mt-1 border border-gray-300 dark:border-gray-700 rounded-md bg-white dark:bg-gray-700 shadow-lg z-50 max-h-60 overflow-y-auto", children: [
-        M && /* @__PURE__ */ e.jsx("div", { className: "p-2 border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ e.jsx(Ce, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400" }),
-          /* @__PURE__ */ e.jsx(
+      w && /* @__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(Ce, { 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: R,
-              onChange: (g) => P(g.target.value),
+              onChange: (g) => A(g.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 "
             }
           )
         ] }) }),
-        O.map((g) => /* @__PURE__ */ e.jsxs(
+        O.map((g) => /* @__PURE__ */ h(
           "button",
           {
             type: "button",
-            onClick: () => z(g),
+            onClick: () => _(g),
             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.jsx(
+              /* @__PURE__ */ e(
                 "img",
                 {
                   src: `https://flagcdn.com/w20/${g.code.toLowerCase()}.png`,
@@ -955,7 +656,7 @@ function na({
                   className: "w-5 h-3 object-cover"
                 }
               ),
-              /* @__PURE__ */ e.jsxs("span", { children: [
+              /* @__PURE__ */ h("span", { children: [
                 g.label,
                 " (+",
                 g.phone,
@@ -967,87 +668,108 @@ function na({
         ))
       ] })
     ] })
-  ] }, s) });
+  ] }, n) }) : /* @__PURE__ */ e(G, { children: /* @__PURE__ */ h("div", { className: d || "col-span-12", children: [
+    /* @__PURE__ */ e(W, { label: c, required: t }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: "text",
+        value: i,
+        onChange: (I) => {
+          const F = I.target.value.replace(/[^+\d]/g, ""), M = F.startsWith("+") ? "+" + F.replace(/[+]/g, "").slice(0) : F;
+          o(M);
+        },
+        placeholder: N,
+        disabled: r,
+        required: t,
+        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`,
+        inputMode: "tel",
+        pattern: "^\\+\\d{1,15}$"
+      }
+    )
+  ] }, n) });
 }
-const Ie = ve.forwardRef(
-  ({ className: c = "", label: d, required: s, ...i }, l) => {
+const Fe = Me.forwardRef(
+  ({ className: c = "", label: i, required: n, ...d }, o) => {
     const r = `
       placeholder-gray-400 dark:placeholder-gray-400
       ${c}
     `.trim();
-    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: i.parentClass || "col-span-12", children: [
-      /* @__PURE__ */ e.jsx(ee, { label: d, required: s }),
-      /* @__PURE__ */ e.jsx("div", { className: "relative", children: /* @__PURE__ */ e.jsx(
+    return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ h("div", { className: d.parentClass || "col-span-12", children: [
+      /* @__PURE__ */ e(W, { label: i, required: n }),
+      /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
         "textarea",
         {
           className: r,
-          ref: l,
-          required: s,
-          ...i
+          ref: o,
+          required: n,
+          ...d
         }
       ) })
-    ] }, i.name) });
+    ] }, d.name) });
   }
 );
-Ie.displayName = "TextArea";
-const la = ({
+Fe.displayName = "TextArea";
+const ea = ({
   label: c = "",
-  value: d = null,
-  onChange: s,
-  required: i = !1,
-  accept: l = "image/*",
+  value: i = null,
+  onChange: n,
+  required: d = !1,
+  accept: o = "image/*",
   id: r,
-  dragDrop: n = !1,
-  name: k = "",
-  parentClass: M = ""
+  dragDrop: t = !1,
+  name: N = "",
+  parentClass: S = ""
 }) => {
-  const [x, m] = T(d), [u, b] = T(!1), v = ce(null);
-  W(() => {
-    m(d);
-  }, [d]);
-  const h = (R) => {
+  const [f, m] = C(i), [s, p] = C(!1), v = X(null);
+  z(() => {
+    m(i);
+  }, [i]);
+  const u = (R) => {
     if (!R || R.length === 0) {
-      m(null), s == null || s(null);
+      m(null), n == null || n(null);
       return;
     }
-    const P = R[0], B = URL.createObjectURL(P);
-    m({ file: P, preview: B }), s == null || s(B);
-  }, N = (R) => {
-    n && (R.preventDefault(), b(!0));
-  }, j = (R) => {
-    n && (R.preventDefault(), b(!1));
-  }, S = (R) => {
-    n && (R.preventDefault(), b(!1), h(R.dataTransfer.files));
+    const A = R[0], E = URL.createObjectURL(A);
+    m({ file: A, preview: E }), n == null || n(E);
   };
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: M || "col-span-12", children: [
-    /* @__PURE__ */ e.jsx(ee, { label: c, required: i }),
-    /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ h("div", { className: S || "col-span-12", children: [
+    /* @__PURE__ */ e(W, { label: c, required: d }),
+    /* @__PURE__ */ h(
       "div",
       {
-        className: `relative  rounded-md p-2 transition-all ${u ? "border border-dashed border-blue-500 bg-blue-50 dark:bg-blue-900" : "border bg-gray-50 dark:bg-gray-700"}`,
-        onDragOver: N,
-        onDragLeave: j,
-        onDrop: S,
+        className: `relative  rounded-md p-2 transition-all ${s ? "border border-dashed border-blue-500 bg-blue-50 dark:bg-blue-900" : "border bg-gray-50 dark:bg-gray-700"}`,
+        onDragOver: (R) => {
+          t && (R.preventDefault(), p(!0));
+        },
+        onDragLeave: (R) => {
+          t && (R.preventDefault(), p(!1));
+        },
+        onDrop: (R) => {
+          t && (R.preventDefault(), p(!1), u(R.dataTransfer.files));
+        },
         children: [
-          /* @__PURE__ */ e.jsxs(
+          /* @__PURE__ */ h(
             "div",
             {
-              className: `flex items-center space-x-3 transition-all ${u ? "filter blur-sm" : ""}`,
+              className: `flex items-center space-x-3 transition-all ${s ? "filter blur-sm" : ""}`,
               children: [
-                /* @__PURE__ */ e.jsx(
+                /* @__PURE__ */ e(
                   "div",
                   {
                     className: "cursor-pointer",
                     onClick: () => v.current.click(),
-                    children: x ? /* @__PURE__ */ e.jsx(
+                    children: f ? /* @__PURE__ */ e(
                       "img",
                       {
-                        src: x.preview || x,
+                        src: f.preview || f,
                         alt: "preview",
                         className: "object-cover w-20 h-20 rounded-full"
                       }
-                    ) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("div", { className: "rounded-full bg-gray-200 dark:bg-gray-800 h-20 w-20 flex items-center justify-center", children: /* @__PURE__ */ e.jsx(
-                      Re,
+                    ) : /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e("div", { className: "rounded-full bg-gray-200 dark:bg-gray-800 h-20 w-20 flex items-center justify-center", children: /* @__PURE__ */ e(
+                      De,
                       {
                         icon: "ri:image-add-fill",
                         className: "text-gray-400 w-10 h-10"
@@ -1055,420 +777,417 @@ const la = ({
                     ) }) })
                   }
                 ),
-                /* @__PURE__ */ e.jsx(
+                /* @__PURE__ */ e(
                   "input",
                   {
                     ref: v,
                     id: r,
                     type: "file",
-                    accept: l,
-                    onChange: (R) => h(R.target.files),
-                    required: i && !x,
+                    accept: o,
+                    onChange: (R) => u(R.target.files),
+                    required: d && !f,
                     className: "inline-flex items-center justify-center p-2 text-gray-400 text-sm file:cursor-pointer"
                   }
                 )
               ]
             }
           ),
-          n && u && /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ e.jsx("span", { className: "text-blue-500 font-semibold text-xl", children: "Drop here" }) })
+          t && s && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ e("span", { className: "text-blue-500 font-semibold text-xl", children: "Drop here" }) })
         ]
       }
     )
-  ] }, k) });
-}, Be = ve.forwardRef(
+  ] }, N) });
+}, Be = Me.forwardRef(
   ({
     label: c,
-    required: d,
-    parentClass: s = "",
-    className: i = "",
-    type: l = "text",
+    required: i,
+    parentClass: n = "",
+    className: d = "",
+    type: o = "text",
     onKeyDown: r,
-    ...n
-  }, k) => {
-    const [M, x] = T(!1), m = (b) => {
-      l === "number" && ["e", "E"].includes(b.key) && b.preventDefault(), r == null || r(b);
-    }, u = `
+    ...t
+  }, N) => {
+    const [S, f] = C(!1), m = (p) => {
+      o === "number" && ["e", "E"].includes(p.key) && p.preventDefault(), r == null || r(p);
+    }, s = `
       h-10 placeholder-gray-400 dark:placeholder-gray-400
-      ${l === "password" ? "pr-10" : ""}
-      ${i}
+      ${o === "password" ? "pr-10" : ""}
+      ${d}
     `.trim();
-    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: s || "col-span-12", children: [
-      /* @__PURE__ */ e.jsx(ee, { label: c, required: d }),
-      /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ e.jsx(
+    return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ h("div", { className: n || "col-span-12", children: [
+      /* @__PURE__ */ e(W, { label: c, required: i }),
+      /* @__PURE__ */ h("div", { className: "relative", children: [
+        /* @__PURE__ */ e(
           "input",
           {
-            type: l === "password" && M ? "text" : l,
-            ref: k,
-            required: d,
+            type: o === "password" && S ? "text" : o,
+            ref: N,
+            required: i,
             onKeyDown: m,
-            className: u,
-            ...n
+            className: s,
+            ...t
           }
         ),
-        l === "password" && /* @__PURE__ */ e.jsx(
+        o === "password" && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             tabIndex: -1,
-            onClick: () => x((b) => !b),
+            onClick: () => f((p) => !p),
             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.jsx(
-              Re,
+            children: /* @__PURE__ */ e(
+              De,
               {
-                icon: M ? "mdi:eye-off-outline" : "mdi:eye-outline",
+                icon: S ? "mdi:eye-off-outline" : "mdi:eye-outline",
                 className: "w-5 h-5"
               }
             )
           }
         )
       ] })
-    ] }, n.name) });
+    ] }, t.name) });
   }
 );
 Be.displayName = "Input";
-const sa = ({
+const aa = ({
   key: c,
-  editorKey: d = "",
-  value: s = "",
-  onChange: i,
-  label: l = "",
+  editorKey: i = "",
+  value: n = "",
+  onChange: d,
+  label: o = "",
   required: r = !1,
-  placeholder: n = "",
-  parentClass: k = "col-span-12",
-  height: M = 400,
-  inline: x = !1,
+  placeholder: t = "",
+  parentClass: N = "col-span-12",
+  height: S = 400,
+  inline: f = !1,
   disabled: m = !1,
-  plugins: u,
-  toolbar: b,
+  plugins: s,
+  toolbar: p,
   menubar: v = !1,
-  fontFamily: h = "Inter, sans-serif",
-  initConfig: N = {},
-  imageUploadHandler: j
+  fontFamily: u = "Inter, sans-serif",
+  initConfig: k = {},
+  imageUploadHandler: w
   // ✅ Promise function passed from parent
-}) => {
-  const S = [
-    "advlist",
-    "autolink",
-    "lists",
-    "link",
-    "image",
-    "charmap",
-    "preview",
-    "anchor",
-    "searchreplace",
-    "visualblocks",
-    "code",
-    "fullscreen",
-    "insertdatetime",
-    "media",
-    "table",
-    "help",
-    "wordcount"
-  ], R = "undo redo | blocks | bold italic underline forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media table | removeformat | code fullscreen preview", P = (B) => new Promise((Y, z) => {
-    if (!j) {
-      Y(`data:${B.blob().type};base64,${B.base64()}`);
-      return;
-    }
-    j(B).then((O) => {
-      O ? Y(O) : z("Upload failed: No URL returned");
-    }).catch((O) => {
-      z(
-        typeof O == "string" ? O : (O == null ? void 0 : O.message) || "Image upload failed"
-      );
-    });
-  });
-  return /* @__PURE__ */ e.jsxs("div", { className: k, children: [
-    l && /* @__PURE__ */ e.jsx(ee, { label: l, required: r }),
-    /* @__PURE__ */ e.jsx(
-      Ze,
-      {
-        apiKey: d,
-        value: s,
-        disabled: m,
-        init: {
-          height: M,
-          inline: x,
-          menubar: v,
-          branding: !1,
-          statusbar: !0,
-          automatic_uploads: !0,
-          images_upload_handler: P,
-          plugins: u ?? S,
-          toolbar: b ?? R,
-          placeholder: n,
-          content_style: `
+}) => /* @__PURE__ */ h("div", { className: N, children: [
+  o && /* @__PURE__ */ e(W, { label: o, required: r }),
+  /* @__PURE__ */ e(
+    qe,
+    {
+      apiKey: i,
+      value: n,
+      disabled: m,
+      init: {
+        height: S,
+        inline: f,
+        menubar: v,
+        branding: !1,
+        statusbar: !0,
+        automatic_uploads: !0,
+        images_upload_handler: (E) => new Promise((K, _) => {
+          if (!w) {
+            K(`data:${E.blob().type};base64,${E.base64()}`);
+            return;
+          }
+          w(E).then((O) => {
+            O ? K(O) : _("Upload failed: No URL returned");
+          }).catch((O) => {
+            _(
+              typeof O == "string" ? O : (O == null ? void 0 : O.message) || "Image upload failed"
+            );
+          });
+        }),
+        plugins: s ?? [
+          "advlist",
+          "autolink",
+          "lists",
+          "link",
+          "image",
+          "charmap",
+          "preview",
+          "anchor",
+          "searchreplace",
+          "visualblocks",
+          "code",
+          "fullscreen",
+          "insertdatetime",
+          "media",
+          "table",
+          "help",
+          "wordcount"
+        ],
+        toolbar: p ?? "undo redo | blocks | bold italic underline forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media table | removeformat | code fullscreen preview",
+        placeholder: t,
+        content_style: `
             body {
-                font-family: ${h};
+                font-family: ${u};
             }
             `,
-          ...N
-        },
-        onEditorChange: (B) => {
-          i && i(B);
-        }
+        ...k
+      },
+      onEditorChange: (E) => {
+        d && d(E);
       }
-    )
-  ] }, c);
-}, oa = ({
+    }
+  )
+] }, c), ra = ({
   name: c = "",
-  label: d = "",
+  label: i = "",
   // label for single checkbox
-  options: s = [],
+  options: n = [],
   // array of { label, value } for multiple
-  value: i = null,
+  value: d = null,
   // boolean for single, array for multiple, or string for single select
-  onChange: l,
+  onChange: o,
   disabled: r = !1,
-  required: n = !1,
-  parentClass: k = "col-span-12",
-  className: M = "",
-  multiSelect: x = !1
+  required: t = !1,
+  parentClass: N = "col-span-12",
+  className: S = "",
+  multiSelect: f = !1
   // ✅ if true, only one option can be selected (like radio)
 }) => {
-  const m = Array.isArray(s) && s.length > 0, u = (h) => m ? x ? Array.isArray(i) && i.includes(h) : i === h : !!i, b = (h) => {
-    l == null || l(h.target.checked, c);
-  }, v = (h, N) => {
-    if (l)
-      if (!x)
-        l(N ? h : "", c);
+  const m = Array.isArray(n) && n.length > 0, s = (u) => m ? f ? Array.isArray(d) && d.includes(u) : d === u : !!d, p = (u) => {
+    o == null || o(u.target.checked, c);
+  }, v = (u, k) => {
+    if (o)
+      if (!f)
+        o(k ? u : "", c);
       else {
-        const j = Array.isArray(i) ? [...i] : [];
-        if (N)
-          j.includes(h) || j.push(h);
+        const w = Array.isArray(d) ? [...d] : [];
+        if (k)
+          w.includes(u) || w.push(u);
         else {
-          const S = j.indexOf(h);
-          S > -1 && j.splice(S, 1);
+          const D = w.indexOf(u);
+          D > -1 && w.splice(D, 1);
         }
-        l(j, c);
+        o(w, c);
       }
   };
-  return m ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: `${k}`, children: [
-    /* @__PURE__ */ e.jsx(ee, { label: d, required: n }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex flex-col space-y-2", children: s.map((h, N) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ e.jsx(
+  return m ? /* @__PURE__ */ e(G, { children: /* @__PURE__ */ h("div", { className: `${N}`, children: [
+    /* @__PURE__ */ e(W, { label: i, required: t }),
+    /* @__PURE__ */ e("div", { className: "flex flex-col space-y-2", children: n.map((u, k) => /* @__PURE__ */ h("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ e(
         "input",
         {
           type: "checkbox",
           name: c,
-          value: h.value,
-          checked: u(h.value),
-          disabled: r || h.disabled,
-          required: n && N === 0,
-          onChange: (j) => v(h.value, j.target.checked),
-          className: `h-4 w-4 cursor-pointer text-blue-600 border-gray-300 rounded focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400 ${M}`
+          value: u.value,
+          checked: s(u.value),
+          disabled: r || u.disabled,
+          required: t && k === 0,
+          onChange: (w) => v(u.value, w.target.checked),
+          className: `h-4 w-4 cursor-pointer text-blue-600 border-gray-300 rounded focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400 ${S}`
         },
         c
       ),
-      h.label && /* @__PURE__ */ e.jsx(
+      u.label && /* @__PURE__ */ e(
         "label",
         {
           htmlFor: c,
           className: "ml-2 text-sm text-gray-700 dark:text-gray-200 select-none",
-          children: h.label
+          children: u.label
         }
       )
-    ] }, h.value || h.label)) })
-  ] }) }) : /* @__PURE__ */ e.jsxs("div", { className: `flex items-center ${k}`, children: [
-    /* @__PURE__ */ e.jsx(
+    ] }, u.value || u.label)) })
+  ] }) }) : /* @__PURE__ */ h("div", { className: `flex items-center ${N}`, children: [
+    /* @__PURE__ */ e(
       "input",
       {
         type: "checkbox",
         name: c,
-        checked: u(),
+        checked: s(),
         disabled: r,
-        required: n,
-        onChange: b,
-        className: `h-4 w-4 text-blue-600 cursor-pointer border-gray-300 rounded focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400 ${M}`
+        required: t,
+        onChange: p,
+        className: `h-4 w-4 text-blue-600 cursor-pointer border-gray-300 rounded focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400 ${S}`
       }
     ),
-    d && /* @__PURE__ */ e.jsx(
+    i && /* @__PURE__ */ e(
       "label",
       {
         htmlFor: c,
         className: "ml-2 text-sm text-gray-700 dark:text-gray-200 select-none",
-        children: d
+        children: i
       }
     )
   ] });
-}, $e = ({ field: c, formData: d, handleChange: s }) => {
+}, Ee = ({ field: c, formData: i, handleChange: n }) => {
   const {
-    key: i,
-    label: l,
+    key: d,
+    label: o,
     type: r,
-    options: n,
-    placeholder: k,
-    rows: M,
-    inputClass: x,
+    options: t,
+    placeholder: N,
+    rows: S,
+    inputClass: f,
     search: m,
-    accept: u,
-    text: b,
+    accept: s,
+    text: p,
     required: v = !1,
-    minLength: h,
-    dragDrop: N,
-    parentClass: j,
-    countriesList: S,
+    minLength: u,
+    dragDrop: k,
+    parentClass: w,
+    countriesList: D,
     defaultCountry: R,
-    multiple: P,
-    dropdownMaxHeight: B,
-    editorKey: Y,
-    fontFamily: z,
+    multiple: A,
+    dropdownMaxHeight: E,
+    editorKey: K,
+    fontFamily: _,
     disabled: O
   } = c;
-  let g = d == null ? void 0 : d[i];
+  let g = i == null ? void 0 : i[d];
   g == null && (g = "");
-  const _ = k || (r === "select" ? `Select ${l}` : `Enter ${l}`), F = "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";
+  const I = N || (r === "select" ? `Select ${o}` : `Enter ${o}`), F = "w-full px-3 py-2 rounded-md border border-gray-300 dark:border-gray-600 text-sm focus:outline-none focus:ring-1 focus:ring-blue-200 bg-white text-black dark:bg-gray-700 dark:text-white";
   switch (r) {
     case "select":
-      return /* @__PURE__ */ e.jsx(
-        ra,
+      return /* @__PURE__ */ e(
+        Je,
         {
-          options: n || [],
+          options: t || [],
           value: g,
-          onChange: (C) => s(i, C),
-          placeholder: _,
-          className: x || "",
+          onChange: (M) => n(d, M),
+          placeholder: I,
+          className: f || "",
           search: m,
           required: v,
-          label: l,
-          name: i,
+          label: o,
+          name: d,
           disabled: O,
-          parentClass: j,
-          multiple: P,
-          dropdownMaxHeight: B
+          parentClass: w,
+          multiple: A,
+          dropdownMaxHeight: E
         }
       );
     case "checkbox":
-      return /* @__PURE__ */ e.jsx(
-        oa,
+      return /* @__PURE__ */ e(
+        ra,
         {
-          name: i,
-          label: l,
-          options: n || [],
+          name: d,
+          label: o,
+          options: t || [],
           value: g,
-          onChange: (C) => s(i, C),
+          onChange: (M) => n(d, M),
           required: v,
-          parentClass: j,
-          className: x || "",
-          multiSelect: P,
+          parentClass: w,
+          className: f || "",
+          multiSelect: A,
           disabled: O
         }
       );
     case "switch":
-      return /* @__PURE__ */ e.jsx(
-        ta,
+      return /* @__PURE__ */ e(
+        Qe,
         {
           value: g,
-          onChange: (C) => s(i, C),
-          text: b,
-          options: n || [],
-          label: l,
+          onChange: (M) => n(d, M),
+          text: p,
+          options: t || [],
+          label: o,
           required: v,
-          name: i,
+          name: d,
           disabled: O,
-          parentClass: j
+          parentClass: w
         }
       );
     case "phone":
-      return /* @__PURE__ */ e.jsx(
-        na,
+      return /* @__PURE__ */ e(
+        Xe,
         {
           value: g,
-          onChange: (C) => s(i, C),
-          countriesList: S,
+          onChange: (M) => n(d, M),
+          countriesList: D,
           defaultCountry: R,
           required: v,
-          placeholder: _,
+          placeholder: I,
           search: m,
-          label: l,
-          name: i,
+          label: o,
+          name: d,
           disabled: O,
-          parentClass: j
+          parentClass: w
         }
       );
     case "textarea":
-      return /* @__PURE__ */ e.jsx(
-        Ie,
+      return /* @__PURE__ */ e(
+        Fe,
         {
           value: g,
-          onChange: (C) => s(i, C.target.value),
-          placeholder: _,
-          rows: M || 3,
-          className: `${F} ${x || ""}`,
+          onChange: (M) => n(d, M.target.value),
+          placeholder: I,
+          rows: S || 3,
+          className: `${F} ${f || ""}`,
           required: v,
-          name: i,
-          label: l,
+          name: d,
+          label: o,
           disabled: O,
-          parentClass: j
+          parentClass: w
         }
       );
     case "image":
-      return /* @__PURE__ */ e.jsx(
-        la,
+      return /* @__PURE__ */ e(
+        ea,
         {
           value: g,
-          onChange: (C) => s(i, C),
+          onChange: (M) => n(d, M),
           required: v,
-          accept: u || "image/*",
-          id: `file-${i}`,
-          dragDrop: N,
-          label: l,
-          name: i,
-          parentClass: j
+          accept: s || "image/*",
+          id: `file-${d}`,
+          dragDrop: k,
+          label: o,
+          name: d,
+          parentClass: w
         }
       );
     case "tinyEditor":
-      return /* @__PURE__ */ e.jsx(
-        sa,
+      return /* @__PURE__ */ e(
+        aa,
         {
           value: g,
-          onChange: (C) => s(i, C),
+          onChange: (M) => n(d, M),
           required: v,
-          placeholder: _,
-          label: l,
-          parentClass: j,
-          fontFamily: z,
-          editorKey: Y,
+          placeholder: I,
+          label: o,
+          parentClass: w,
+          fontFamily: _,
+          editorKey: K,
           disabled: O
         },
-        `editor-${i}`
+        `editor-${d}`
       );
     default:
-      return /* @__PURE__ */ e.jsx(
+      return /* @__PURE__ */ e(
         Be,
         {
           type: r || "text",
           value: g,
-          onChange: (C) => s(i, C.target.value),
-          placeholder: _,
-          className: `${F} ${x || ""}`,
+          onChange: (M) => n(d, M.target.value),
+          placeholder: I,
+          className: `${F} ${f || ""}`,
           required: v,
-          name: i,
-          minLength: h,
-          label: l,
-          parentClass: j,
+          name: d,
+          minLength: u,
+          label: o,
+          parentClass: w,
           disabled: O
         }
       );
   }
-}, ia = ({ isOpen: c, onClose: d, config: s, onApply: i }) => {
-  var x;
-  const [l, r] = T({}), n = (m, u) => {
-    r((b) => ({ ...b, [m]: u }));
-  }, k = () => {
-    i == null || i(l), d();
-  }, M = () => {
-    r({}), i == null || i({}), d();
+}, ta = ({ isOpen: c, onClose: i, config: n, onApply: d }) => {
+  var f;
+  const [o, r] = C({}), t = (m, s) => {
+    r((p) => ({ ...p, [m]: s }));
+  }, N = () => {
+    d == null || d(o), i();
+  }, S = () => {
+    r({}), d == null || d({}), i();
   };
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ h(G, { children: [
+    /* @__PURE__ */ e(
       "div",
       {
         className: `fixed inset-0 bg-black/50 z-40 transition-opacity duration-300 ${c ? "opacity-100 pointer-events-auto" : "opacity-0 pointer-events-none"}`,
-        onClick: d
+        onClick: i
       }
     ),
-    /* @__PURE__ */ e.jsxs(
+    /* @__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
@@ -1476,41 +1195,41 @@ const sa = ({
           ${c ? "translate-x-0" : "translate-x-full"}
         `,
         children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b border-gray-200 dark:border-gray-700", children: [
-            /* @__PURE__ */ e.jsx("h2", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: "Filters" }),
-            /* @__PURE__ */ e.jsx(
+          /* @__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: d,
+                onClick: i,
                 className: "p-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition",
-                children: /* @__PURE__ */ e.jsx(je, { className: "w-5 h-5 text-gray-500 dark:text-gray-400" })
+                children: /* @__PURE__ */ e(fe, { className: "w-5 h-5 text-gray-500 dark:text-gray-400" })
               }
             )
           ] }),
-          /* @__PURE__ */ e.jsx("div", { className: "flex-1 overflow-y-auto px-4 py-3", children: s != null && s.component ? /* @__PURE__ */ e.jsx(s.component, { filters: l, onFilterChange: n }) : /* @__PURE__ */ e.jsx("div", { className: "space-y-4", children: (x = s == null ? void 0 : s.fields) == null ? void 0 : x.map((m) => /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
-            $e,
+          /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto px-4 py-3", children: n != null && n.component ? /* @__PURE__ */ e(n.component, { filters: o, onFilterChange: t }) : /* @__PURE__ */ e("div", { className: "space-y-4", children: (f = n == null ? void 0 : n.fields) == null ? void 0 : f.map((m) => /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(
+            Ee,
             {
               field: m,
-              formData: l,
-              handleChange: n
+              formData: o,
+              handleChange: t
             },
             m.key
           ) })) }) }),
-          /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 px-4 py-3 border-t border-gray-200 dark:border-gray-700", children: [
-            /* @__PURE__ */ e.jsx(
-              he,
+          /* @__PURE__ */ h("div", { className: "flex gap-2 px-4 py-3 border-t border-gray-200 dark:border-gray-700", children: [
+            /* @__PURE__ */ e(
+              ae,
               {
-                onClick: k,
+                onClick: N,
                 variant: "contained",
                 color: "primary",
                 fullWidth: !0,
                 children: "Apply Filters"
               }
             ),
-            /* @__PURE__ */ e.jsx(
-              he,
+            /* @__PURE__ */ e(
+              ae,
               {
-                onClick: M,
+                onClick: S,
                 variant: "contained",
                 className: "min-w-[150px]",
                 children: "Reset"
@@ -1521,7 +1240,7 @@ const sa = ({
       }
     )
   ] });
-}, Ae = {
+}, Le = {
   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"
@@ -1550,76 +1269,76 @@ const sa = ({
     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 = {
+}, Te = {
   contained: "bg",
   outline: "border !bg-transparent",
   soft: "bg opacity-90"
 }, Ge = ({
   label: c,
-  variant: d = "contained",
+  variant: i = "contained",
   // contained | outline | soft
-  color: s = "green",
-  className: i = ""
+  color: n = "green",
+  className: d = ""
 }) => {
-  const l = Ae[s] || Ae.green, r = Pe[d] || Pe.contained, n = d === "outline" ? l.border : l.bg;
-  return /* @__PURE__ */ e.jsx(
+  const o = Le[n] || Le.green, r = Te[i] || Te.contained, t = i === "outline" ? o.border : o.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]
-        ${n}
+        ${t}
         ${r}
-        ${i}`,
+        ${d}`,
       children: c
     }
   );
-}, da = ({ rows: c = 5, columns: d = 5 }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-  /* @__PURE__ */ e.jsx("div", { className: "w-full mb-6 inline-flex justify-end items-center", children: /* @__PURE__ */ e.jsx("div", { className: "h-8 w-80 bg-gray-300 dark:bg-gray-700 rounded animate-pulse" }) }),
-  /* @__PURE__ */ e.jsx("div", { className: "overflow-hidden rounded-md border border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ e.jsxs("table", { className: "w-full border-collapse", children: [
-    /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsx("tr", { className: "bg-gray-50 dark:bg-gray-900", children: Array.from({ length: d }).map((s, i) => /* @__PURE__ */ e.jsx("th", { className: "px-4 py-3", children: /* @__PURE__ */ e.jsx("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.jsx("tbody", { children: Array.from({ length: c }).map((s, i) => /* @__PURE__ */ e.jsx(
+}, la = ({ rows: c = 5, columns: i = 5 }) => /* @__PURE__ */ h(G, { children: [
+  /* @__PURE__ */ e("div", { className: "w-full mb-6 inline-flex justify-end items-center", children: /* @__PURE__ */ e("div", { className: "h-8 w-80 bg-gray-300 dark:bg-gray-700 rounded animate-pulse" }) }),
+  /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-md border border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ 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: i }).map((n, d) => /* @__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" }) }, d)) }) }),
+    /* @__PURE__ */ e("tbody", { children: Array.from({ length: c }).map((n, d) => /* @__PURE__ */ e(
       "tr",
       {
         className: "border-t border-gray-200 dark:border-gray-800",
-        children: Array.from({ length: d }).map((l, r) => /* @__PURE__ */ e.jsx("td", { className: "px-4 py-6", children: /* @__PURE__ */ e.jsx("div", { className: "h-6 w-full bg-gray-300 dark:bg-gray-700 rounded animate-pulse" }) }, r))
+        children: Array.from({ length: i }).map((o, r) => /* @__PURE__ */ e("td", { className: "px-4 py-6", children: /* @__PURE__ */ e("div", { className: "h-6 w-full bg-gray-300 dark:bg-gray-700 rounded animate-pulse" }) }, r))
       },
-      i
+      d
     )) })
   ] }) })
-] }), Ye = ({ src: c, alt: d = "preview", isOpen: s, setIsOpen: i }) => {
-  const l = () => i(!1);
-  return W(() => {
-    const r = (n) => {
-      n.key === "Escape" && l();
+] }), $e = ({ src: c, alt: i = "preview", isOpen: n, setIsOpen: d }) => {
+  const o = () => d(!1);
+  return z(() => {
+    const r = (t) => {
+      t.key === "Escape" && o();
     };
-    return s && (document.body.style.overflow = "hidden", document.addEventListener("keydown", r)), () => {
+    return n && (document.body.style.overflow = "hidden", document.addEventListener("keydown", r)), () => {
       document.body.style.overflow = "", document.removeEventListener("keydown", r);
     };
-  }, [s]), /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(
+  }, [n]), /* @__PURE__ */ e(G, { 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: l,
+      onClick: o,
       children: [
-        /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e(
           "button",
           {
-            onClick: l,
+            onClick: o,
             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.jsx(je, { size: 20 })
+            children: /* @__PURE__ */ e(fe, { size: 20 })
           }
         ),
-        /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e(
           "div",
           {
             className: "max-w-5xl w-full px-4 transform transition-all duration-200 scale-95 animate-in zoom-in-95",
             onClick: (r) => r.stopPropagation(),
-            children: /* @__PURE__ */ e.jsx(
+            children: /* @__PURE__ */ e(
               "img",
               {
                 src: c,
-                alt: d,
+                alt: i,
                 className: "w-full max-h-[90vh] object-contain rounded-xl"
               }
             )
@@ -1628,12 +1347,12 @@ const sa = ({
       ]
     }
   ) });
-}, ca = ({ config: c }) => {
+}, na = ({ config: c }) => {
   const {
-    data: d = [],
-    table_head: s = [],
-    loading: i = !1,
-    search: l = {
+    data: i = [],
+    table_head: n = [],
+    loading: d = !1,
+    search: o = {
       enabled: !1,
       placeholder: "Search...",
       useServerSideSearch: !1
@@ -1642,266 +1361,266 @@ const sa = ({
       enabled: !1,
       useServerSideFilters: !1
     },
-    pagination: n = {
+    pagination: t = {
       enabled: !1,
       rows_per_page: 10,
       useServerSidePagination: !1
     },
-    emptyMessage: k = "No data available",
-    onMenuAction: M,
-    setServerSidePaginationData: x = () => {
+    emptyMessage: N = "No data available",
+    onMenuAction: S,
+    setServerSidePaginationData: f = () => {
     },
     onFilterApply: m,
-    filterConfig: u = null
-  } = c, [b, v] = T(""), [h, N] = T(null), [j, S] = T([]), [R, P] = T({}), [B, Y] = T(!1), [z, O] = T(null), [g, _] = T(!1), F = Se(() => !l.enabled || !b.trim() || l.useServerSideSearch ? d : aa(d, b, l.searchKeys || []), [d, b, l]), [C, f] = T(1), [A, U] = T((n == null ? void 0 : n.rows_per_page) || 50), [V, X] = T(F.length || 0), ae = n != null && n.useServerSidePagination ? n.total_pages : Math.ceil(F.length / A), oe = Se(() => {
-    if (n.useServerSidePagination) return F;
-    const o = (C - 1) * A;
-    return F.slice(o, o + A);
-  }, [F, C, A]), re = ce(null), ie = ce({}), t = ce(null), y = (o) => {
-    v(o), f(1), l.useServerSideSearch && (t.current && clearTimeout(t.current), t.current = setTimeout(async () => {
+    filterConfig: s = null
+  } = c, [p, v] = C(""), [u, k] = C(null), [w, D] = C([]), [R, A] = C({}), [E, K] = C(!1), [_, O] = C(null), [g, I] = C(!1), F = Se(() => !o.enabled || !p.trim() || o.useServerSideSearch ? i : Ze(i, p, o.searchKeys || []), [i, p, o]), [M, y] = C(1), [T, H] = C((t == null ? void 0 : t.rows_per_page) || 50), [V, J] = C(F.length || 0), re = t != null && t.useServerSidePagination ? t.total_pages : Math.ceil(F.length / T), de = Se(() => {
+    if (t.useServerSidePagination) return F;
+    const l = (M - 1) * T;
+    return F.slice(l, l + T);
+  }, [F, M, T]), te = X(null), ie = X({}), le = X(null), ee = (l) => {
+    v(l), y(1), o.useServerSideSearch && (le.current && clearTimeout(le.current), le.current = setTimeout(async () => {
       try {
-        await x((p) => ({
-          ...p,
-          search: o,
+        await f((b) => ({
+          ...b,
+          search: l,
           current_page: 1
         }));
-      } catch (p) {
-        console.error("Search error:", p);
+      } catch (b) {
+        console.error("Search error:", b);
       }
     }, 800));
-  }, L = (o, p, D) => {
-    D.stopPropagation(), N(null), M == null || M(o.type, p);
-  }, G = (o, p, D) => {
-    p.stopPropagation(), S(D);
-    const H = p.currentTarget;
-    ie.current[o] = H;
-    const K = H.getBoundingClientRect(), Q = 192, Z = D.length * 40, de = window.innerWidth, be = window.innerHeight, E = de - K.right < Q ? K.left - Q + K.width : K.left, se = be - K.bottom < Z && K.top > Z ? K.top - Z - 2 : K.bottom + 2;
-    P({
-      top: Math.max(8, Math.min(se, be - Z - 8)),
-      left: Math.max(8, Math.min(E, de - Q - 8))
-    }), N(h === o ? null : o);
-  }, te = (o) => (C - 1) * A + o + 1, ne = (o) => {
-    O(o), _(!0);
-  }, I = (o, p, D, H = null) => /* @__PURE__ */ e.jsx(e.Fragment, { children: o ? /* @__PURE__ */ e.jsx(
+  }, ye = (l, b, P) => {
+    P.stopPropagation(), k(null), S == null || S(l.type, b);
+  }, xe = (l, b, P) => {
+    b.stopPropagation(), D(P);
+    const j = b.currentTarget;
+    ie.current[l] = j;
+    const $ = j.getBoundingClientRect(), q = 192, U = P.length * 40, Q = window.innerWidth, oe = window.innerHeight, L = Q - $.right < q ? $.left - q + $.width : $.left, Z = oe - $.bottom < U && $.top > U ? $.top - U - 2 : $.bottom + 2;
+    A({
+      top: Math.max(8, Math.min(Z, oe - U - 8)),
+      left: Math.max(8, Math.min(L, Q - q - 8))
+    }), k(u === l ? null : l);
+  }, ve = (l) => (M - 1) * T + l + 1, se = (l) => {
+    O(l), I(!0);
+  }, ne = (l, b, P, j = null) => /* @__PURE__ */ e(G, { children: l ? /* @__PURE__ */ e(
     "img",
     {
-      src: o,
-      alt: p || "Avatar",
-      onClick: (K) => {
-        K.stopPropagation(), K.preventDefault(), ne({ src: o, alt: p });
+      src: l,
+      alt: b || "Avatar",
+      onClick: ($) => {
+        $.stopPropagation(), $.preventDefault(), se({ src: l, alt: b });
       },
-      className: `w-10 h-10 cursor-pointer rounded-full object-cover border border-gray-200 dark:border-gray-700 ${D || ""}`
+      className: `w-10 h-10 cursor-pointer rounded-full object-cover border border-gray-200 dark:border-gray-700 ${P || ""}`
     }
-  ) : /* @__PURE__ */ e.jsx(e.Fragment, { children: H || /* @__PURE__ */ e.jsx(
+  ) : /* @__PURE__ */ e(G, { children: j || /* @__PURE__ */ e(
     "div",
     {
-      className: `w-10 h-10 flex items-center justify-center rounded-full border border-gray-300 dark:border-gray-700 bg-gray-200 dark:bg-gray-600 ${D || ""}`,
-      children: /* @__PURE__ */ e.jsx(De, { className: "w-6 h-6 text-gray-400 dark:text-gray-400" })
+      className: `w-10 h-10 flex items-center justify-center rounded-full border border-gray-300 dark:border-gray-700 bg-gray-200 dark:bg-gray-600 ${P || ""}`,
+      children: /* @__PURE__ */ e(Ie, { className: "w-6 h-6 text-gray-400 dark:text-gray-400" })
     }
-  ) }) }), J = (o, p) => /* @__PURE__ */ e.jsxs("div", { className: `flex items-center space-x-4 ${p.className || ""}`, children: [
-    p.imageKey ? I(o[p.imageKey], o[p.titleKey], "group-avatar") : "",
-    /* @__PURE__ */ e.jsxs("div", { children: [
-      /* @__PURE__ */ e.jsx("p", { className: "font-medium text-gray-900 dark:text-white group-title", children: o[p.titleKey] || "" }),
-      /* @__PURE__ */ e.jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 group-sub-title", children: o[p.subtitleKey] || "" })
+  ) }) }), ce = (l, b) => /* @__PURE__ */ h("div", { className: `flex items-center space-x-4 ${b.className || ""}`, children: [
+    b.imageKey ? ne(l[b.imageKey], l[b.titleKey], "group-avatar") : "",
+    /* @__PURE__ */ h("div", { children: [
+      /* @__PURE__ */ e("p", { className: "font-medium text-gray-900 dark:text-white group-title", children: l[b.titleKey] || "" }),
+      /* @__PURE__ */ e("p", { className: "text-sm text-gray-500 dark:text-gray-400 group-sub-title", children: l[b.subtitleKey] || "" })
     ] })
-  ] }), le = (o, p) => {
-    var Q;
-    let D = String(o);
-    const H = p.variant || "contained";
-    let K = p.defaultColor;
-    if (((Q = p == null ? void 0 : p.chipOptions) == null ? void 0 : Q.length) > 0) {
-      let Z = p == null ? void 0 : p.chipOptions.find((de) => de.value == o);
-      Z && (D = Z.label, K = Z.color);
+  ] }), he = (l, b) => {
+    var q;
+    let P = String(l);
+    const j = b.variant || "contained";
+    let $ = b.defaultColor;
+    if (((q = b == null ? void 0 : b.chipOptions) == null ? void 0 : q.length) > 0) {
+      let U = b == null ? void 0 : b.chipOptions.find((Q) => Q.value == l);
+      U && (P = U.label, $ = U.color);
     }
-    return /* @__PURE__ */ e.jsx(
+    return /* @__PURE__ */ e(
       Ge,
       {
-        label: D,
-        variant: H,
-        color: K,
-        className: p.className || ""
+        label: P,
+        variant: j,
+        color: $,
+        className: b.className || ""
       }
     );
-  }, ue = (o, p, D) => {
-    const H = p[o.key];
-    return o.type === "menu_actions" ? /* @__PURE__ */ e.jsx("div", { className: `text-center ${o.className || ""}`, children: /* @__PURE__ */ e.jsx(
+  }, ue = (l, b, P) => {
+    const j = b[l.key];
+    return l.type === "menu_actions" ? /* @__PURE__ */ e("div", { className: `text-center ${l.className || ""}`, children: /* @__PURE__ */ e(
       "button",
       {
-        ref: (K) => ie.current[p.id] = K,
-        onClick: (K) => G(p.id, K, o.menuList),
+        ref: ($) => ie.current[b.id] = $,
+        onClick: ($) => xe(b.id, $, l.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.jsx(We, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ e(Ye, { className: "h-4 w-4" })
       }
-    ) }) : o.type === "index" ? /* @__PURE__ */ e.jsx("span", { className: o.className || "", children: te(D) }) : o.type === "group" ? J(p, o) : o.type === "chip" ? /* @__PURE__ */ e.jsx(e.Fragment, { children: le(H, o) }) : o.type === "date" ? /* @__PURE__ */ e.jsx("span", { className: o.className || "", children: Le(H, o.format || "DD MMM YYYY") }) : o.type === "avatar" ? /* @__PURE__ */ e.jsx(e.Fragment, { children: I(H, o.alt, o.className, o.fallback_icon) }) : /* @__PURE__ */ e.jsx("span", { className: o.className || "", children: H || "N/A" });
-  }, me = (o, p) => {
-    if (o.onClickDetails)
-      return M == null ? void 0 : M("view", p);
-    if (typeof o.handleClick == "function")
-      return o.handleClick(p);
-  }, xe = (o) => o.onClickDetails || typeof o.handleClick == "function";
-  return W(() => {
-    const o = () => {
-      h && N(null);
+    ) }) : l.type === "index" ? /* @__PURE__ */ e("span", { className: l.className || "", children: ve(P) }) : l.type === "group" ? ce(b, l) : l.type === "chip" ? /* @__PURE__ */ e(G, { children: he(j, l) }) : l.type === "date" ? /* @__PURE__ */ e("span", { className: l.className || "", children: Oe(j, l.format || "DD MMM YYYY") }) : l.type === "avatar" ? /* @__PURE__ */ e(G, { children: ne(j, l.alt, l.className, l.fallback_icon) }) : /* @__PURE__ */ e("span", { className: l.className || "", children: j || "N/A" });
+  }, be = (l, b) => {
+    if (l.onClickDetails)
+      return S == null ? void 0 : S("view", b);
+    if (typeof l.handleClick == "function")
+      return l.handleClick(b);
+  }, pe = (l) => l.onClickDetails || typeof l.handleClick == "function";
+  return z(() => {
+    const l = () => {
+      u && k(null);
     };
-    return window.addEventListener("scroll", o, !0), () => {
-      window.removeEventListener("scroll", o, !0);
+    return window.addEventListener("scroll", l, !0), () => {
+      window.removeEventListener("scroll", l, !0);
     };
-  }, [h]), W(() => {
-    const o = (p) => {
-      re.current && !re.current.contains(p.target) && N(null);
+  }, [u]), z(() => {
+    const l = (b) => {
+      te.current && !te.current.contains(b.target) && k(null);
     };
-    return document.addEventListener("click", o), () => document.removeEventListener("click", o);
-  }, []), W(() => {
-    n != null && n.rows_per_page && (n != null && n.useServerSidePagination) && U((n == null ? void 0 : n.rows_per_page) || 50), n.current_page && f(n.current_page);
+    return document.addEventListener("click", l), () => document.removeEventListener("click", l);
+  }, []), z(() => {
+    t != null && t.rows_per_page && (t != null && t.useServerSidePagination) && H((t == null ? void 0 : t.rows_per_page) || 50), t.current_page && y(t.current_page);
   }, [
-    n.rows_per_page,
-    n == null ? void 0 : n.useServerSidePagination,
-    n.current_page
-  ]), W(() => {
-    X(
-      n != null && n.useServerSidePagination ? n.total_records : F.length
-    ), F.length <= A * (C - 1) && !(n != null && n.useServerSidePagination) && f((o) => o - 1 || 1);
+    t.rows_per_page,
+    t == null ? void 0 : t.useServerSidePagination,
+    t.current_page
+  ]), z(() => {
+    J(
+      t != null && t.useServerSidePagination ? t.total_records : F.length
+    ), F.length <= T * (M - 1) && !(t != null && t.useServerSidePagination) && y((l) => l - 1 || 1);
   }, [
     F.length,
-    n.total_records,
-    n == null ? void 0 : n.useServerSidePagination
-  ]), i ? /* @__PURE__ */ e.jsx(da, { rows: 6, columns: 6 }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "flex justify-end items-center mb-4 gap-2", children: [
-      l.enabled && /* @__PURE__ */ e.jsx("div", { className: "", children: /* @__PURE__ */ e.jsxs("div", { className: "relative min-w-[300px]", children: [
-        /* @__PURE__ */ e.jsx(Ce, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400 dark:text-gray-300" }),
-        /* @__PURE__ */ e.jsx(
+    t.total_records,
+    t == null ? void 0 : t.useServerSidePagination
+  ]), d ? /* @__PURE__ */ e(la, { rows: 6, columns: 6 }) : /* @__PURE__ */ h(G, { children: [
+    /* @__PURE__ */ h("div", { className: "flex justify-end items-center mb-4 gap-2", children: [
+      o.enabled && /* @__PURE__ */ e("div", { className: "", children: /* @__PURE__ */ h("div", { className: "relative min-w-[300px]", children: [
+        /* @__PURE__ */ e(Ce, { 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: l.placeholder || "Search...",
-            value: b,
-            onChange: (o) => y(o.target.value),
+            placeholder: o.placeholder || "Search...",
+            value: p,
+            onChange: (l) => ee(l.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"
           }
         )
       ] }) }),
-      u && r.enabled && /* @__PURE__ */ e.jsxs(he, { onClick: () => Y(!0), variant: "contained", children: [
-        /* @__PURE__ */ e.jsx(He, { className: "w-4 h-4 mr-2" }),
+      s && r.enabled && /* @__PURE__ */ h(ae, { onClick: () => K(!0), variant: "contained", children: [
+        /* @__PURE__ */ e(je, { className: "w-4 h-4 mr-2" }),
         "Filters"
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow overflow-hidden border border-gray-200 dark:border-gray-700", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ e.jsxs("table", { className: "min-w-full divide-y divide-gray-200 dark:divide-gray-700", children: [
-        /* @__PURE__ */ e.jsx("thead", { className: "bg-gray-50 dark:bg-gray-700/60", children: /* @__PURE__ */ e.jsx("tr", { children: s.map((o) => /* @__PURE__ */ e.jsx(
+    /* @__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: n.map((l) => /* @__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",
-            children: o.title
+            children: l.title
           },
-          o.key
+          l.key
         )) }) }),
-        /* @__PURE__ */ e.jsx("tbody", { className: "bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700", children: oe.length === 0 ? /* @__PURE__ */ e.jsx("tr", { children: /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e("tbody", { className: "bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700", children: de.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
           "td",
           {
-            colSpan: s.length,
+            colSpan: n.length,
             className: "text-center py-10 text-gray-500 dark:text-gray-400",
-            children: k
+            children: N
           }
-        ) }) : oe.map((o, p) => /* @__PURE__ */ e.jsx(
+        ) }) : de.map((l, b) => /* @__PURE__ */ e(
           "tr",
           {
             className: "hover:bg-gray-50 dark:hover:bg-blue-800/10 transition",
-            children: s.map((D) => /* @__PURE__ */ e.jsx(
+            children: n.map((P) => /* @__PURE__ */ e(
               "td",
               {
-                className: `px-6 py-4 text-sm text-gray-900 dark:text-gray-100 min-w-max max-w-[300px] truncate ${xe(D) ? "cursor-pointer" : ""}`,
-                title: String(o[D.key] ?? ""),
-                onClick: () => me(D, o),
-                children: D.render ? D.render(o, p) : ue(D, o, p)
+                className: `px-6 py-4 text-sm text-gray-900 dark:text-gray-100 min-w-max max-w-[300px] truncate ${pe(P) ? "cursor-pointer" : ""}`,
+                title: String(l[P.key] ?? ""),
+                onClick: () => be(P, l),
+                children: P.render ? P.render(l, b) : ue(P, l, b)
               },
-              D.key
+              P.key
             ))
           },
-          o.id || p
+          l.id || b
         )) })
       ] }) }),
-      (n == null ? void 0 : n.enabled) && F.length > 0 && /* @__PURE__ */ e.jsxs("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__ */ e.jsxs("div", { className: "text-sm text-gray-700 dark:text-gray-300", children: [
+      (t == null ? void 0 : t.enabled) && F.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 ",
-          (C - 1) * A + 1,
+          (M - 1) * T + 1,
           " to",
           " ",
-          Math.min(C * A, V),
+          Math.min(M * T, V),
           " of ",
           V,
           " ",
           "results"
         ] }),
-        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e.jsx("span", { className: "text-sm text-gray-700 dark:text-gray-300", children: "Rows per page:" }),
-            /* @__PURE__ */ e.jsx(
+        /* @__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: A,
-                onChange: (o) => {
-                  const p = Number(o.target.value);
-                  U(p), f(1), n.useServerSidePagination && x((D) => ({
-                    ...D,
+                value: T,
+                onChange: (l) => {
+                  const b = Number(l.target.value);
+                  H(b), y(1), t.useServerSidePagination && f((P) => ({
+                    ...P,
                     current_page: 1,
-                    rows_per_page: p
+                    rows_per_page: b
                   }));
                 },
                 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((o) => /* @__PURE__ */ e.jsx("option", { value: o, children: o }, o))
+                children: [2, 10, 25, 50, 100].map((l) => /* @__PURE__ */ e("option", { value: l, children: l }, l))
               }
             )
           ] }),
-          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e(
               "button",
               {
                 onClick: () => {
-                  if (C > 1) {
-                    const o = C - 1;
-                    f(o), n.useServerSidePagination && x((p) => ({
-                      ...p,
-                      current_page: o
+                  if (M > 1) {
+                    const l = M - 1;
+                    y(l), t.useServerSidePagination && f((b) => ({
+                      ...b,
+                      current_page: l
                     }));
                   }
                 },
-                disabled: C === 1,
+                disabled: M === 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.jsx(Ue, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ e(He, { className: "h-4 w-4" })
               }
             ),
-            /* @__PURE__ */ e.jsxs("span", { className: "text-sm text-gray-800 dark:text-gray-200", children: [
+            /* @__PURE__ */ h("span", { className: "text-sm text-gray-800 dark:text-gray-200", children: [
               "Page ",
-              C,
+              M,
               " of ",
-              ae
+              re
             ] }),
-            /* @__PURE__ */ e.jsx(
+            /* @__PURE__ */ e(
               "button",
               {
                 onClick: () => {
-                  if (C < ae) {
-                    const o = C + 1;
-                    f(o), n.useServerSidePagination && x((p) => ({
-                      ...p,
-                      current_page: o
+                  if (M < re) {
+                    const l = M + 1;
+                    y(l), t.useServerSidePagination && f((b) => ({
+                      ...b,
+                      current_page: l
                     }));
                   }
                 },
-                disabled: C === ae,
+                disabled: M === re,
                 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.jsx(Ve, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ e(ze, { className: "h-4 w-4" })
               }
             )
           ] })
         ] })
       ] })
     ] }),
-    h && Je(
-      /* @__PURE__ */ e.jsx(
+    u && Ve(
+      /* @__PURE__ */ e(
         "div",
         {
-          ref: re,
+          ref: te,
           style: {
             position: "fixed",
             top: `${R.top}px`,
@@ -1909,340 +1628,340 @@ const sa = ({
             zIndex: 9999
           },
           className: "w-48 bg-white dark:bg-gray-700 rounded-md shadow-lg border border-gray-200 dark:border-gray-600",
-          children: j.map((o, p) => /* @__PURE__ */ e.jsxs(
+          children: w.map((l, b) => /* @__PURE__ */ h(
             "button",
             {
-              onClick: (D) => L(
-                o,
-                d.find((H) => H.id === h),
-                D
+              onClick: (P) => ye(
+                l,
+                i.find((j) => j.id === u),
+                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 ${o.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 ${l.variant === "danger" ? "text-red-600 dark:text-red-500" : "text-gray-700 dark:text-gray-200"}`,
               children: [
-                o.icon && /* @__PURE__ */ e.jsx("span", { className: "shrink-0", children: o.icon }),
-                o.title
+                l.icon && /* @__PURE__ */ e("span", { className: "shrink-0", children: l.icon }),
+                l.title
               ]
             },
-            p
+            b
           ))
         }
       ),
       document.body
     ),
-    u && /* @__PURE__ */ e.jsx(
-      ia,
+    s && /* @__PURE__ */ e(
+      ta,
       {
-        isOpen: B,
-        onClose: () => Y(!1),
-        config: u,
+        isOpen: E,
+        onClose: () => K(!1),
+        config: s,
         onApply: m
       }
     ),
-    g && /* @__PURE__ */ e.jsx(
-      Ye,
+    g && /* @__PURE__ */ e(
+      $e,
       {
-        src: z.src,
-        alt: z.alt,
+        src: _.src,
+        alt: _.alt,
         isOpen: g,
-        setIsOpen: _
+        setIsOpen: I
       }
     )
   ] });
-}, ye = ({
+}, me = ({
   isOpen: c,
-  onClose: d,
-  icon: s,
-  title: i,
-  children: l,
+  onClose: i,
+  icon: n,
+  title: d,
+  children: o,
   size: r = "md",
-  actionButtons: n = [],
-  actions: k,
-  showDefaultClose: M = !0,
-  footerConfig: x = null,
+  actionButtons: t = [],
+  actions: N,
+  showDefaultClose: S = !0,
+  footerConfig: f = null,
   hideFooter: m = !1,
-  onFormSubmit: u = () => {
+  onFormSubmit: s = () => {
   },
-  onCancel: b,
+  onCancel: p,
   loadingBtn: v = !1,
-  executeFunction: h = () => {
+  executeFunction: u = () => {
   },
-  selectedItem: N = null
+  selectedItem: k = null
 }) => {
   if (!c) return null;
-  const j = {
+  const w = {
     sm: "max-w-md",
     md: "max-w-lg",
     lg: "max-w-2xl",
     xl: "max-w-4xl",
     full: "max-w-full"
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
-    /* @__PURE__ */ e.jsx(
+  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: () => d()
+        onClick: () => i()
       }
     ),
-    /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ h(
       "div",
       {
-        className: `relative bg-white rounded-lg shadow-xl w-full ${j[r] || j.md} max-h-[90vh] flex flex-col dark:bg-gray-800`,
+        className: `relative bg-white rounded-lg shadow-xl w-full ${w[r] || w.md} max-h-[90vh] flex flex-col dark:bg-gray-800`,
         children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700 flex-shrink-0", children: [
-            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1", children: [
-              s && /* @__PURE__ */ e.jsx("span", { children: s }),
-              /* @__PURE__ */ e.jsx("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: [
+              n && /* @__PURE__ */ e("span", { children: n }),
+              /* @__PURE__ */ e("h3", { className: "text-lg font-medium text-gray-900 dark:text-white", children: d })
             ] }),
-            /* @__PURE__ */ e.jsx(
+            /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => d(),
+                onClick: () => i(),
                 className: "text-gray-400 hover:text-gray-600 dark:hover:text-gray-300",
-                children: /* @__PURE__ */ e.jsx(je, { className: "w-6 h-6" })
+                children: /* @__PURE__ */ e(fe, { className: "w-6 h-6" })
               }
             )
           ] }),
-          /* @__PURE__ */ e.jsx("div", { className: "flex-1 overflow-y-auto p-4", children: l }),
-          n.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "px-4 py-3 flex justify-end gap-3 border-t border-gray-200 dark:border-gray-700 sm:px-6", children: n.map((S) => /* @__PURE__ */ e.jsx(
-            he,
+          /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto p-4", children: o }),
+          t.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: t.map((D) => /* @__PURE__ */ e(
+            ae,
             {
               onClick: (R) => {
-                S.type == "submit" ? u(R) : h(
+                D.type == "submit" ? s(R) : u(
                   () => {
-                    var P;
-                    return (P = S == null ? void 0 : S.onClick) == null ? void 0 : P.call(S, R, N);
+                    var A;
+                    return (A = D == null ? void 0 : D.onClick) == null ? void 0 : A.call(D, R, k);
                   },
-                  (P) => d == null ? void 0 : d(P)
+                  (A) => i == null ? void 0 : i(A)
                 );
               },
-              disabled: v || S.disabled,
-              variant: S.variant || "contained",
-              color: S.color || "primary",
-              className: `min-w-[100px] ${S.className}`,
-              type: S.type || "button",
-              children: v ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
-                /* @__PURE__ */ e.jsx("div", { className: "animate-spin rounded-full h-4 w-4 border-2 border-white/30 border-t-2 border-t-white mr-2" }),
-                S.label || "Submit",
+              disabled: v || D.disabled,
+              variant: D.variant || "contained",
+              color: D.color || "primary",
+              className: `min-w-[100px] ${D.className}`,
+              type: D.type || "button",
+              children: v ? /* @__PURE__ */ h("div", { className: "flex items-center", children: [
+                /* @__PURE__ */ e("div", { className: "animate-spin rounded-full h-4 w-4 border-2 border-white/30 border-t-2 border-t-white mr-2" }),
+                D.label || "Submit",
                 "..."
-              ] }) : S.label || "Submit"
+              ] }) : D.label || "Submit"
             }
           )) })
         ]
       }
     )
   ] });
-}, Oe = ({ config: c, onSubmit: d, initialData: s = {} }) => {
-  var x;
-  const { formClass: i = "grid grid-cols-12 gap-4", formFields: l = [] } = c || {}, [r, n] = T(s);
-  W(() => {
-    n(s);
+}, Pe = ({ config: c, onSubmit: i, initialData: n = {} }) => {
+  var f;
+  const { formClass: d = "grid grid-cols-12 gap-4", formFields: o = [] } = c || {}, [r, t] = C(n);
+  z(() => {
+    t(n);
   }, []);
-  const k = (m, u) => {
-    n((b) => ({ ...b, [m]: u }));
-  }, M = (m) => {
+  const N = (m, s) => {
+    t((p) => ({ ...p, [m]: s }));
+  }, S = (m) => {
     m.preventDefault();
-    const u = m.target;
-    if (!u.checkValidity()) {
-      u.reportValidity();
+    const s = m.target;
+    if (!s.checkValidity()) {
+      s.reportValidity();
       return;
     }
-    d(r);
+    i(r);
   };
-  return /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e(
     "form",
     {
-      id: (x = c.title) != null && x.toLowerCase().includes("edit") ? "editForm" : "addForm",
-      onSubmit: M,
-      className: i,
+      id: (f = c.title) != null && f.toLowerCase().includes("edit") ? "editForm" : "addForm",
+      onSubmit: S,
+      className: d,
       noValidate: !1,
-      children: l.map((m) => /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
-        $e,
+      children: o.map((m) => /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(
+        Ee,
         {
           field: m,
           formData: r,
-          handleChange: k
+          handleChange: N
         },
         m.key
       ) }))
     }
   );
 };
-function ua({ data: c, config: d }) {
-  const { fields: s, containerClass: i } = d, [l, r] = T(null), [n, k] = T(!1), M = (u) => {
-    r(u), k(!0);
-  }, x = ({ col: u }) => {
-    let b = u == null ? void 0 : u.icon, v = u.label, h = c[u.key], N = u.type, j = u.variant || "outline", S = u.defaultColor;
-    if (N == "chip" && u.chipOptions.length > 0) {
-      let R = u == null ? void 0 : u.chipOptions.find((P) => P.value == h);
-      R && (h = R.label, S = R.color);
+function oa({ data: c, config: i }) {
+  const { fields: n, containerClass: d } = i, [o, r] = C(null), [t, N] = C(!1), S = (s) => {
+    r(s), N(!0);
+  }, f = ({ col: s }) => {
+    let p = s == null ? void 0 : s.icon, v = s.label, u = c[s.key], k = s.type, w = s.variant || "outline", D = s.defaultColor;
+    if (k == "chip" && s.chipOptions.length > 0) {
+      let R = s == null ? void 0 : s.chipOptions.find((A) => A.value == u);
+      R && (u = R.label, D = R.color);
     }
-    return /* @__PURE__ */ e.jsxs(
+    return /* @__PURE__ */ h(
       "div",
       {
         className: `col-span-12 flex items-center space-x-4 p-4 rounded-xl 
-                    bg-gray-100 dark:bg-gray-900 ${u.blockClass}`,
+                    bg-gray-100 dark:bg-gray-900 ${s.blockClass}`,
         children: [
-          b && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: b }),
-          /* @__PURE__ */ e.jsxs("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ e.jsx("p", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: v }),
-            N == "chip" ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
+          p && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: p }),
+          /* @__PURE__ */ h("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ e("p", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: v }),
+            k == "chip" ? /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(
               Ge,
               {
-                label: h,
-                variant: j,
-                color: S,
+                label: u,
+                variant: w,
+                color: D,
                 className: "mt-1"
               }
-            ) }) : N == "tinyEditor" ? /* @__PURE__ */ e.jsx(
+            ) }) : k == "tinyEditor" ? /* @__PURE__ */ e(
               "p",
               {
                 className: "mt-1 text-sm text-gray-900 dark:text-white break-words",
                 dangerouslySetInnerHTML: {
-                  __html: h
+                  __html: u
                 }
               }
-            ) : /* @__PURE__ */ e.jsx("p", { className: "mt-1 text-sm text-gray-900 dark:text-white break-words", children: N == "date" ? /* @__PURE__ */ e.jsx("span", { children: Le(h, u.format || "DD MMM YYYY") }) : h || "N/A" })
+            ) : /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-900 dark:text-white break-words", children: k == "date" ? /* @__PURE__ */ e("span", { children: Oe(u, s.format || "DD MMM YYYY") }) : u || "N/A" })
           ] })
         ]
       }
     );
-  }, m = ({ col: u }) => {
-    let b = c[u.titleKey], v = c[u.subtitleKey], h = c[u.imageKey], N = c[u.fallback_icon];
-    return /* @__PURE__ */ e.jsxs(
+  }, m = ({ col: s }) => {
+    let p = c[s.titleKey], v = c[s.subtitleKey], u = c[s.imageKey], k = c[s.fallback_icon];
+    return /* @__PURE__ */ h(
       "div",
       {
         className: `col-span-12 flex items-center space-x-4 p-4 rounded-xl 
       bg-gray-100 dark:bg-gray-900 
-      ${u.blockClass}`,
+      ${s.blockClass}`,
         children: [
-          h ? /* @__PURE__ */ e.jsx(
+          u ? /* @__PURE__ */ e(
             "img",
             {
-              src: h,
-              alt: b,
-              onClick: () => M({ src: h, alt: b }),
+              src: u,
+              alt: p,
+              onClick: () => S({ src: u, alt: p }),
               className: "w-16 h-16 cursor-pointer rounded-full object-cover border-2 border-gray-200 dark:border-gray-700"
             }
-          ) : N || /* @__PURE__ */ e.jsx("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.jsx(De, { className: "w-8 h-8 text-gray-400" }) }),
-          /* @__PURE__ */ e.jsxs("div", { children: [
-            /* @__PURE__ */ e.jsx("h3", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: b }),
-            /* @__PURE__ */ e.jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: v })
+          ) : k || /* @__PURE__ */ e("div", { className: "w-16 h-16 flex items-center justify-center rounded-full border-2 border-gray-300 dark:border-gray-700 bg-gray-200 dark:bg-gray-600", children: /* @__PURE__ */ e(Ie, { className: "w-8 h-8 text-gray-400" }) }),
+          /* @__PURE__ */ h("div", { children: [
+            /* @__PURE__ */ e("h3", { className: "text-xl font-semibold text-gray-900 dark:text-white", children: p }),
+            /* @__PURE__ */ e("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: v })
           ] })
         ]
       }
     );
   };
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    n && /* @__PURE__ */ e.jsx(
-      Ye,
+  return /* @__PURE__ */ h(G, { children: [
+    t && /* @__PURE__ */ e(
+      $e,
       {
-        src: l.src,
-        alt: l.alt,
-        isOpen: n,
-        setIsOpen: k
+        src: o.src,
+        alt: o.alt,
+        isOpen: t,
+        setIsOpen: N
       }
     ),
-    /* @__PURE__ */ e.jsx("div", { className: `grid grid-cols-12 gap-4 ${i || ""}`, children: s.map(
-      (u) => u.type == "group" ? /* @__PURE__ */ e.jsx(m, { col: u }) : /* @__PURE__ */ e.jsx(x, { col: u })
+    /* @__PURE__ */ e("div", { className: `grid grid-cols-12 gap-4 ${d || ""}`, children: n.map(
+      (s) => s.type == "group" ? /* @__PURE__ */ e(m, { col: s }) : /* @__PURE__ */ e(f, { col: s })
     ) })
   ] });
 }
 const Ke = ({ config: c }) => {
-  var ne, I, J, le, ue, me, xe, o, p, D, H, K, Q, Z, de, be;
+  var se, ne, ce, he, ue, be, pe, l, b, P, j, $, q, U, Q, oe;
   const {
-    title: d,
-    fetchData: s = async () => {
+    title: i,
+    fetchData: n = async () => {
     },
-    isStaticData: i = !1,
-    tableConfig: l = {},
+    isStaticData: d = !1,
+    tableConfig: o = {},
     modalConfig: r = {},
-    filterConfig: n
-  } = c, [k, M] = T(!0), [x, m] = T(!1), [u, b] = T([]), [v, h] = T(null), [N, j] = T({
+    filterConfig: t
+  } = c, [N, S] = C(!0), [f, m] = C(!1), [s, p] = C([]), [v, u] = C(null), [k, w] = C({
     search: "",
     rows_per_page: 50,
     current_page: 1
-  }), [S, R] = T({}), [P, B] = T(!1), [Y, z] = T(!1), [O, g] = T(!1), [_, F] = T(!1), [C, f] = T(!1), [A, U] = T(null), V = (w, E) => {
-    w === "edit" ? (U(E), g(!0)) : w === "view" ? (U(E), f(!0)) : w === "delete" && (U(E), F(!0));
-  }, X = async (w, E, $ = "", se = "") => {
+  }), [D, R] = C({}), [A, E] = C(!1), [K, _] = C(!1), [O, g] = C(!1), [I, F] = C(!1), [M, y] = C(!1), [T, H] = C(null), V = (x, L) => {
+    x === "edit" ? (H(L), g(!0)) : x === "view" ? (H(L), y(!0)) : x === "delete" && (H(L), F(!0));
+  }, J = async (x, L, B = "", Z = "") => {
     m(!0);
     try {
-      const q = await (w == null ? void 0 : w());
-      ($ || q.message) && ke($ || q.message, {
+      const Y = await (x == null ? void 0 : x());
+      (B || Y.message) && we(B || Y.message, {
         variant: "success"
-      }), E == null || E(q);
-    } catch (q) {
-      (se || q.message) && ke(se || q.message, { variant: "error" });
+      }), L == null || L(Y);
+    } catch (Y) {
+      (Z || Y.message) && we(Z || Y.message, { variant: "error" });
     } finally {
       m(!1);
     }
-  }, ae = (w) => {
-    let E = w.newObject;
-    i ? (b(($) => [E, ...$]), h(($) => ({
-      ...$,
+  }, re = (x) => {
+    let L = x.newObject;
+    d ? (p((B) => [L, ...B]), u((B) => ({
+      ...B,
       current_page: 1
-    }))) : (j(($) => ({
-      ...$,
+    }))) : (w((B) => ({
+      ...B,
       current_page: 1
-    })), N.current_page == 1 && y()), z(!1);
-  }, oe = (w) => {
-    let E = w.newObject, $ = w.targetObject;
-    i ? b(
-      (se) => se.map(
-        (q) => q.id === $.id ? { ...q, ...E } : q
+    })), k.current_page == 1 && ee()), _(!1);
+  }, de = (x) => {
+    let L = x.newObject, B = x.targetObject;
+    d ? p(
+      (Z) => Z.map(
+        (Y) => Y.id === B.id ? { ...Y, ...L } : Y
       )
-    ) : y(), g(!1);
-  }, re = (w) => {
-    if (!w) {
-      F(!1), U(null);
+    ) : ee(), g(!1);
+  }, te = (x) => {
+    if (!x) {
+      F(!1), H(null);
       return;
     }
-    i ? b(
-      (E) => E.filter(($) => $.id !== w.targetObject.id)
-    ) : u.length == 1 && N.current_page > 1 ? j((E) => ({
-      ...E,
-      current_page: E.current_page - 1
-    })) : y(), F(!1), U(null);
-  }, ie = (w) => X(
+    d ? p(
+      (L) => L.filter((B) => B.id !== x.targetObject.id)
+    ) : s.length == 1 && k.current_page > 1 ? w((L) => ({
+      ...L,
+      current_page: L.current_page - 1
+    })) : ee(), F(!1), H(null);
+  }, ie = (x) => J(
     () => {
-      var E, $;
-      return ($ = (E = r == null ? void 0 : r.addModal) == null ? void 0 : E.handleSubmit) == null ? void 0 : $.call(E, w);
+      var L, B;
+      return (B = (L = r == null ? void 0 : r.addModal) == null ? void 0 : L.handleSubmit) == null ? void 0 : B.call(L, x);
     },
-    ae
-  ), t = (w) => X(
+    re
+  ), le = (x) => J(
     () => {
-      var E, $;
-      return ($ = (E = r == null ? void 0 : r.editModal) == null ? void 0 : E.handleSubmit) == null ? void 0 : $.call(E, w, A);
+      var L, B;
+      return (B = (L = r == null ? void 0 : r.editModal) == null ? void 0 : L.handleSubmit) == null ? void 0 : B.call(L, x, T);
     },
-    oe
-  ), y = async () => {
-    M(!0), s == null || s({ ...N, ...S }).then((w) => {
-      b(w.data), h(w.pagination);
-    }).catch((w) => {
-      ke(w.message, { variant: "error" });
+    de
+  ), ee = async () => {
+    S(!0), n == null || n({ ...k, ...D }).then((x) => {
+      p(x.data), u(x.pagination);
+    }).catch((x) => {
+      we(x.message, { variant: "error" });
     }).finally(() => {
-      M(!1);
+      S(!1);
     });
-  }, L = (w) => {
-    var E;
-    R(($) => ({
-      ...w
-    })), (E = l == null ? void 0 : l.filter) != null && E.useServerSideFilters && B(($) => !$);
-  }, G = (w, E) => w.filter(
-    ($) => Object.entries(E).every(([se, q]) => $[se] === q)
-  ), te = Se(() => {
-    var w;
-    return (w = l == null ? void 0 : l.filter) != null && w.useServerSideFilters ? data : G(u, S);
-  }, [u, S]);
-  return W(() => {
-    y();
+  }, ye = (x) => {
+    var L;
+    R((B) => ({
+      ...x
+    })), (L = o == null ? void 0 : o.filter) != null && L.useServerSideFilters && E((B) => !B);
+  }, xe = (x, L) => x.filter(
+    (B) => Object.entries(L).every(([Z, Y]) => B[Z] === Y)
+  ), ve = Se(() => {
+    var x;
+    return (x = o == null ? void 0 : o.filter) != null && x.useServerSideFilters ? data : xe(s, D);
+  }, [s, D]);
+  return z(() => {
+    ee();
   }, [
-    N.search,
-    N.rows_per_page,
-    N.current_page,
-    P
-  ]), /* @__PURE__ */ e.jsx(
-    Xe,
+    k.search,
+    k.rows_per_page,
+    k.current_page,
+    A
+  ]), /* @__PURE__ */ e(
+    We,
     {
       maxSnack: 3,
       anchorOrigin: {
@@ -2250,140 +1969,140 @@ const Ke = ({ config: c }) => {
         horizontal: "right"
       },
       autoHideDuration: 3e3,
-      action: (w) => /* @__PURE__ */ e.jsx(
+      action: (x) => /* @__PURE__ */ e(
         "button",
         {
           onClick: () => {
             window.dispatchEvent(
-              new CustomEvent("closeSnackbar", { detail: w })
+              new CustomEvent("closeSnackbar", { detail: x })
             );
           },
           className: "p-1 hover:bg-white/20 rounded-full transition-colors duration-200 text-white flex items-center justify-center",
-          children: /* @__PURE__ */ e.jsx(je, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ e(fe, { className: "h-4 w-4" })
         }
       ),
-      children: /* @__PURE__ */ e.jsxs("div", { children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-3", children: [
-          /* @__PURE__ */ e.jsxs("div", { children: [
-            /* @__PURE__ */ e.jsx("h1", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: d }),
-            /* @__PURE__ */ e.jsx("p", { className: "text-md text-gray-600 dark:text-gray-400", children: c == null ? void 0 : c.description })
+      children: /* @__PURE__ */ h("div", { children: [
+        /* @__PURE__ */ h("div", { className: "flex flex-col sm:flex-row sm:items-center 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: i }),
+            /* @__PURE__ */ e("p", { className: "text-md text-gray-600 dark:text-gray-400", children: c == null ? void 0 : c.description })
           ] }),
-          /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ e.jsxs(
-            he,
+          /* @__PURE__ */ e("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ h(
+            ae,
             {
-              onClick: () => z(!0),
+              onClick: () => _(!0),
               variant: "contained",
               color: "primary",
               children: [
-                /* @__PURE__ */ e.jsx(qe, { className: "w-4 h-4 mr-2" }),
+                /* @__PURE__ */ e(Ue, { className: "w-4 h-4 mr-2" }),
                 c.buttonText || "Add New"
               ]
             }
           ) })
         ] }),
-        /* @__PURE__ */ e.jsx(
-          ca,
+        /* @__PURE__ */ e(
+          na,
           {
             config: {
-              ...l,
+              ...o,
               pagination: {
-                ...l.pagination,
+                ...o.pagination,
                 ...v
               },
-              data: te,
-              setServerSidePaginationData: j,
+              data: ve,
+              setServerSidePaginationData: w,
               onMenuAction: V,
-              filterConfig: n,
-              onFilterApply: L,
-              loading: k
+              filterConfig: t,
+              onFilterApply: ye,
+              loading: N
             }
           }
         ),
-        /* @__PURE__ */ e.jsx(
-          ye,
+        /* @__PURE__ */ e(
+          me,
           {
-            isOpen: Y,
-            onClose: () => z(!1),
-            icon: (ne = r.addModal) == null ? void 0 : ne.icon,
-            title: ((I = r.addModal) == null ? void 0 : I.title) || "Add New",
-            size: ((J = r.addModal) == null ? void 0 : J.size) || "md",
+            isOpen: K,
+            onClose: () => _(!1),
+            icon: (se = r.addModal) == null ? void 0 : se.icon,
+            title: ((ne = r.addModal) == null ? void 0 : ne.title) || "Add New",
+            size: ((ce = r.addModal) == null ? void 0 : ce.size) || "md",
             onFormSubmit: () => {
-              var w;
-              return (w = document.querySelector("#addForm")) == null ? void 0 : w.requestSubmit();
+              var x;
+              return (x = document.querySelector("#addForm")) == null ? void 0 : x.requestSubmit();
             },
-            loadingBtn: x,
+            loadingBtn: f,
             actionButtons: r.addModal.actionButtons,
-            children: /* @__PURE__ */ e.jsx(
-              Oe,
+            children: /* @__PURE__ */ e(
+              Pe,
               {
                 config: (r == null ? void 0 : r.addModal) || [],
                 onSubmit: ie,
                 initialData: {},
-                loading: x
+                loading: f
               }
             )
           }
         ),
-        /* @__PURE__ */ e.jsx(
-          ye,
+        /* @__PURE__ */ e(
+          me,
           {
             isOpen: O,
             onClose: () => g(!1),
-            icon: (le = r.editModal) == null ? void 0 : le.icon,
+            icon: (he = r.editModal) == null ? void 0 : he.icon,
             title: ((ue = r.editModal) == null ? void 0 : ue.title) || "Edit",
-            size: ((me = r.editModal) == null ? void 0 : me.size) || "md",
+            size: ((be = r.editModal) == null ? void 0 : be.size) || "md",
             onFormSubmit: () => {
-              var w;
-              return (w = document.querySelector("#editForm")) == null ? void 0 : w.requestSubmit();
+              var x;
+              return (x = document.querySelector("#editForm")) == null ? void 0 : x.requestSubmit();
             },
             actionButtons: r.editModal.actionButtons,
-            loadingBtn: x,
-            children: /* @__PURE__ */ e.jsx(
-              Oe,
+            loadingBtn: f,
+            children: /* @__PURE__ */ e(
+              Pe,
               {
                 config: r.editModal || [],
-                onSubmit: t,
-                initialData: A,
-                loading: x
+                onSubmit: le,
+                initialData: T,
+                loading: f
               }
             )
           }
         ),
-        _ && /* @__PURE__ */ e.jsx(
-          ye,
+        I && /* @__PURE__ */ e(
+          me,
           {
-            isOpen: _,
-            onClose: (w) => {
-              re(w);
+            isOpen: I,
+            onClose: (x) => {
+              te(x);
             },
-            icon: ((xe = r.deleteModal) == null ? void 0 : xe.icon) || /* @__PURE__ */ e.jsx(Re, { icon: "ph:warning-bold", className: "w-6 h-6 text-red-500" }),
-            title: ((o = r.deleteModal) == null ? void 0 : o.title) || "Confirm Delete",
-            size: ((p = r.deleteModal) == null ? void 0 : p.size) || "md",
-            loading: x,
+            icon: ((pe = r.deleteModal) == null ? void 0 : pe.icon) || /* @__PURE__ */ e(De, { icon: "ph:warning-bold", className: "w-6 h-6 text-red-500" }),
+            title: ((l = r.deleteModal) == null ? void 0 : l.title) || "Confirm Delete",
+            size: ((b = r.deleteModal) == null ? void 0 : b.size) || "md",
+            loading: f,
             actionButtons: r.deleteModal.actionButtons,
-            executeFunction: X,
-            selectedItem: A,
-            children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-2 py-3", children: /* @__PURE__ */ e.jsxs("div", { children: [
-              /* @__PURE__ */ e.jsx("p", { className: "text-md text-gray-700 dark:text-white", children: ((D = r.deleteModal) == null ? void 0 : D.confirmText) || "Are you sure you want to delete this item?" }),
-              ((H = r.deleteModal) == null ? void 0 : H.referenceKey) && /* @__PURE__ */ e.jsx("p", { className: "text-md font-semibold text-gray-700 dark:text-white", children: A[(K = r.deleteModal) == null ? void 0 : K.referenceKey] })
+            executeFunction: J,
+            selectedItem: T,
+            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: ((P = r.deleteModal) == null ? void 0 : P.confirmText) || "Are you sure you want to delete this item?" }),
+              ((j = r.deleteModal) == null ? void 0 : j.referenceKey) && /* @__PURE__ */ e("p", { className: "text-md font-semibold text-gray-700 dark:text-white", children: T[($ = r.deleteModal) == null ? void 0 : $.referenceKey] })
             ] }) })
           }
         ),
-        r.viewModal && /* @__PURE__ */ e.jsx(
-          ye,
+        r.viewModal && /* @__PURE__ */ e(
+          me,
           {
-            isOpen: C,
+            isOpen: M,
             onClose: () => {
-              f(!1), U(null);
+              y(!1), H(null);
             },
-            icon: (Q = r.viewModal) == null ? void 0 : Q.icon,
-            title: ((Z = r.viewModal) == null ? void 0 : Z.title) || "View Details",
-            size: ((de = r.viewModal) == null ? void 0 : de.size) || "lg",
+            icon: (q = r.viewModal) == null ? void 0 : q.icon,
+            title: ((U = r.viewModal) == null ? void 0 : U.title) || "View Details",
+            size: ((Q = r.viewModal) == null ? void 0 : Q.size) || "lg",
             footerConfig: r == null ? void 0 : r.viewModal.footer,
-            children: (be = r.viewModal) != null && be.component ? /* @__PURE__ */ e.jsx(r.viewModal.component, { data: A }) : /* @__PURE__ */ e.jsx(
-              ua,
+            children: (oe = r.viewModal) != null && oe.component ? /* @__PURE__ */ e(r.viewModal.component, { data: T }) : /* @__PURE__ */ e(
+              oa,
               {
-                data: A,
+                data: T,
                 config: r.viewModal || {}
               }
             )
@@ -2392,7 +2111,7 @@ const Ke = ({ config: c }) => {
       ] })
     }
   );
-}, Te = a.shape({
+}, Re = a.shape({
   value: a.oneOfType([
     a.string,
     a.number,
@@ -2400,18 +2119,18 @@ const Ke = ({ config: c }) => {
   ]).isRequired,
   label: a.string.isRequired,
   color: a.string
-}), we = a.shape({
+}), ke = a.shape({
   type: a.string.isRequired,
   label: a.string.isRequired,
   color: a.string,
   variant: a.string,
   onClick: a.func
-}), ha = a.shape({
+}), da = a.shape({
   title: a.string.isRequired,
   type: a.string.isRequired,
   variant: a.string,
   icon: a.node
-}), ba = a.shape({
+}), ia = a.shape({
   key: a.string.isRequired,
   title: a.string,
   type: a.string,
@@ -2420,11 +2139,11 @@ const Ke = ({ config: c }) => {
   subtitleKey: a.string,
   onClickDetails: a.bool,
   variant: a.string,
-  chipOptions: a.arrayOf(Te),
+  chipOptions: a.arrayOf(Re),
   defaultColor: a.string,
   className: a.string,
   format: a.string,
-  menuList: a.arrayOf(ha)
+  menuList: a.arrayOf(da)
 }), Ne = a.shape({
   key: a.string.isRequired,
   label: a.string,
@@ -2442,8 +2161,8 @@ const Ke = ({ config: c }) => {
   rows: a.number,
   text: a.string,
   editorKey: a.string,
-  options: a.arrayOf(Te)
-}), pa = a.shape({
+  options: a.arrayOf(Re)
+}), sa = a.shape({
   key: a.string,
   label: a.string,
   type: a.string,
@@ -2453,7 +2172,7 @@ const Ke = ({ config: c }) => {
   blockClass: a.string,
   icon: a.node,
   variant: a.string,
-  chipOptions: a.arrayOf(Te),
+  chipOptions: a.arrayOf(Re),
   defaultColor: a.string,
   className: a.string,
   format: a.string
@@ -2467,7 +2186,7 @@ Ke.propTypes = {
     isStaticData: a.bool,
     /* ================= TABLE CONFIG ================= */
     tableConfig: a.shape({
-      table_head: a.arrayOf(ba).isRequired,
+      table_head: a.arrayOf(ia).isRequired,
       search: a.shape({
         enabled: a.bool,
         useServerSideSearch: a.bool,
@@ -2490,7 +2209,7 @@ Ke.propTypes = {
         formClass: a.string,
         formFields: a.arrayOf(Ne),
         handleSubmit: a.func.isRequired,
-        actionButtons: a.arrayOf(we)
+        actionButtons: a.arrayOf(ke)
       }),
       editModal: a.shape({
         title: a.string.isRequired,
@@ -2498,14 +2217,14 @@ Ke.propTypes = {
         formClass: a.string,
         formFields: a.arrayOf(Ne),
         handleSubmit: a.func.isRequired,
-        actionButtons: a.arrayOf(we)
+        actionButtons: a.arrayOf(ke)
       }),
       deleteModal: a.shape({
         title: a.string.isRequired,
         size: a.string,
         confirmText: a.string,
         referenceKey: a.string,
-        actionButtons: a.arrayOf(we)
+        actionButtons: a.arrayOf(ke)
       }),
       viewModal: a.shape({
         title: a.string.isRequired,
@@ -2513,7 +2232,7 @@ Ke.propTypes = {
         // 👇 This covers your commented code:
         component: a.elementType,
         // for custom component like TeamMemberDetail
-        fields: a.arrayOf(pa),
+        fields: a.arrayOf(sa),
         footer: a.shape({
           cancelButton: a.bool,
           cancelText: a.string
@@ -2526,10 +2245,10 @@ Ke.propTypes = {
     })
   }).isRequired
 };
-function ka(c) {
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(Ke, { config: c.config }) });
+function ya(c) {
+  return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(Ke, { config: c.config }) });
 }
 export {
-  ka as default
+  ya as default
 };
 //# sourceMappingURL=index.es.js.map