react-admin-crud-manager 1.0.4 → 1.0.5

package/dist/index.es.js

@@ -1,626 +1,290 @@
-import Oe, { useState as P, useRef as ke, useEffect as ae, useMemo as Ke } from "react";
-import { ChevronDown as dr, Search as ze, Check as Fr, X as Ae, Filter as Dr, ChevronLeft as Ar, ChevronRight as Ir, EllipsisVertical as Lr, User as cr, Plus as Br } from "lucide-react";
-import { createPortal as $r } from "react-dom";
-import { Icon as He } from "@iconify/react";
-import { Editor as Gr } from "@tinymce/tinymce-react";
-import { SnackbarProvider as Yr, enqueueSnackbar as $e } from "notistack";
+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 a from "prop-types";
-var Ue = { exports: {} }, _e = {};
+var Me = { exports: {} }, ge = {};
 /**
  * @license React
- * react-jsx-runtime.production.min.js
+ * react-jsx-runtime.production.js
  *
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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 nr;
-function Kr() {
-  if (nr) return _e;
-  nr = 1;
-  var h = Oe, c = Symbol.for("react.element"), s = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, d = h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, t = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function n(N, y, v) {
-    var f, u = {}, g = null, C = null;
-    v !== void 0 && (g = "" + v), y.key !== void 0 && (g = "" + y.key), y.ref !== void 0 && (C = y.ref);
-    for (f in y) i.call(y, f) && !t.hasOwnProperty(f) && (u[f] = y[f]);
-    if (N && N.defaultProps) for (f in y = N.defaultProps, y) u[f] === void 0 && (u[f] = y[f]);
-    return { $$typeof: c, type: N, key: g, ref: C, props: u, _owner: d.current };
+var Ee;
+function Qe() {
+  if (Ee) return ge;
+  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 _e.Fragment = s, _e.jsx = n, _e.jsxs = n, _e;
+  return ge.Fragment = d, ge.jsx = s, ge.jsxs = s, ge;
 }
-var Pe = {};
+var pe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
  *
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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 lr;
-function Ur() {
-  return lr || (lr = 1, process.env.NODE_ENV !== "production" && function() {
-    var h = Oe, c = Symbol.for("react.element"), s = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), d = Symbol.for("react.strict_mode"), t = Symbol.for("react.profiler"), n = Symbol.for("react.provider"), N = Symbol.for("react.context"), y = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), p = Symbol.iterator, E = "@@iterator";
-    function M(r) {
-      if (r === null || typeof r != "object")
-        return null;
-      var o = p && r[p] || r[E];
-      return typeof o == "function" ? o : null;
-    }
-    var R = h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function w(r) {
-      {
-        for (var o = arguments.length, b = new Array(o > 1 ? o - 1 : 0), k = 1; k < o; k++)
-          b[k - 1] = arguments[k];
-        L("error", r, b);
-      }
-    }
-    function L(r, o, b) {
-      {
-        var k = R.ReactDebugCurrentFrame, I = k.getStackAddendum();
-        I !== "" && (o += "%s", b = b.concat([I]));
-        var Y = b.map(function(D) {
-          return String(D);
-        });
-        Y.unshift("Warning: " + o), Function.prototype.apply.call(console[r], console, Y);
-      }
-    }
-    var U = !1, V = !1, Z = !1, $ = !1, x = !1, B;
-    B = Symbol.for("react.module.reference");
-    function G(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === i || r === t || x || r === d || r === v || r === f || $ || r === C || U || V || Z || typeof r == "object" && r !== null && (r.$$typeof === g || r.$$typeof === u || r.$$typeof === n || r.$$typeof === N || r.$$typeof === y || // This needs to include all possible module reference object
-      // types supported by any Flight configuration anywhere since
-      // we don't know which Flight build this will end up being used
-      // with.
-      r.$$typeof === B || r.getModuleId !== void 0));
-    }
-    function T(r, o, b) {
-      var k = r.displayName;
-      if (k)
-        return k;
-      var I = o.displayName || o.name || "";
-      return I !== "" ? b + "(" + I + ")" : b;
-    }
-    function S(r) {
-      return r.displayName || "Context";
-    }
-    function O(r) {
-      if (r == null)
-        return null;
-      if (typeof r.tag == "number" && w("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
-        return r.displayName || r.name || null;
-      if (typeof r == "string")
-        return r;
-      switch (r) {
-        case i:
+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 s:
-          return "Portal";
-        case t:
+        case R:
           return "Profiler";
-        case d:
+        case S:
           return "StrictMode";
-        case v:
+        case z:
           return "Suspense";
-        case f:
+        case O:
           return "SuspenseList";
+        case F:
+          return "Activity";
       }
-      if (typeof r == "object")
-        switch (r.$$typeof) {
+      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:
-            var o = r;
-            return S(o) + ".Consumer";
-          case n:
-            var b = r;
-            return S(b._context) + ".Provider";
-          case y:
-            return T(r, r.render, "ForwardRef");
-          case u:
-            var k = r.displayName || null;
-            return k !== null ? k : O(r.type) || "Memo";
-          case g: {
-            var I = r, Y = I._payload, D = I._init;
+            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 p:
+            return y = t.displayName || null, y !== null ? y : c(t.type) || "Memo";
+          case _:
+            y = t._payload, t = t._init;
             try {
-              return O(D(Y));
+              return c(t(y));
             } catch {
-              return null;
             }
-          }
         }
       return null;
     }
-    var W = Object.assign, Q = 0, oe, pe, ye, ge, ve, fe, se;
-    function Se() {
-    }
-    Se.__reactDisabledLog = !0;
-    function Ee() {
-      {
-        if (Q === 0) {
-          oe = console.log, pe = console.info, ye = console.warn, ge = console.error, ve = console.group, fe = console.groupCollapsed, se = console.groupEnd;
-          var r = {
-            configurable: !0,
-            enumerable: !0,
-            value: Se,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: r,
-            log: r,
-            warn: r,
-            error: r,
-            group: r,
-            groupCollapsed: r,
-            groupEnd: r
-          });
-        }
-        Q++;
-      }
+    function d(t) {
+      return "" + t;
     }
-    function Te() {
-      {
-        if (Q--, Q === 0) {
-          var r = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: W({}, r, {
-              value: oe
-            }),
-            info: W({}, r, {
-              value: pe
-            }),
-            warn: W({}, r, {
-              value: ye
-            }),
-            error: W({}, r, {
-              value: ge
-            }),
-            group: W({}, r, {
-              value: ve
-            }),
-            groupCollapsed: W({}, r, {
-              value: fe
-            }),
-            groupEnd: W({}, r, {
-              value: se
-            })
-          });
-        }
-        Q < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var me = R.ReactCurrentDispatcher, ie;
-    function de(r, o, b) {
-      {
-        if (ie === void 0)
-          try {
-            throw Error();
-          } catch (I) {
-            var k = I.stack.trim().match(/\n( *(at )?)/);
-            ie = k && k[1] || "";
-          }
-        return `
-` + ie + r;
-      }
-    }
-    var xe = !1, ce;
-    {
-      var Ne = typeof WeakMap == "function" ? WeakMap : Map;
-      ce = new Ne();
-    }
-    function we(r, o) {
-      if (!r || xe)
-        return "";
-      {
-        var b = ce.get(r);
-        if (b !== void 0)
-          return b;
-      }
-      var k;
-      xe = !0;
-      var I = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var Y;
-      Y = me.current, me.current = null, Ee();
+    function s(t) {
       try {
-        if (o) {
-          var D = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(D.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(D, []);
-            } catch (he) {
-              k = he;
-            }
-            Reflect.construct(r, [], D);
-          } else {
-            try {
-              D.call();
-            } catch (he) {
-              k = he;
-            }
-            r.call(D.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (he) {
-            k = he;
-          }
-          r();
-        }
-      } catch (he) {
-        if (he && k && typeof he.stack == "string") {
-          for (var _ = he.stack.split(`
-`), re = k.stack.split(`
-`), q = _.length - 1, J = re.length - 1; q >= 1 && J >= 0 && _[q] !== re[J]; )
-            J--;
-          for (; q >= 1 && J >= 0; q--, J--)
-            if (_[q] !== re[J]) {
-              if (q !== 1 || J !== 1)
-                do
-                  if (q--, J--, J < 0 || _[q] !== re[J]) {
-                    var ne = `
-` + _[q].replace(" at new ", " at ");
-                    return r.displayName && ne.includes("<anonymous>") && (ne = ne.replace("<anonymous>", r.displayName)), typeof r == "function" && ce.set(r, ne), ne;
-                  }
-                while (q >= 1 && J >= 0);
-              break;
-            }
-        }
-      } finally {
-        xe = !1, me.current = Y, Te(), Error.prepareStackTrace = I;
-      }
-      var Re = r ? r.displayName || r.name : "", tr = Re ? de(Re) : "";
-      return typeof r == "function" && ce.set(r, tr), tr;
-    }
-    function l(r, o, b) {
-      return we(r, !1);
-    }
-    function m(r) {
-      var o = r.prototype;
-      return !!(o && o.isReactComponent);
-    }
-    function A(r, o, b) {
-      if (r == null)
-        return "";
-      if (typeof r == "function")
-        return we(r, m(r));
-      if (typeof r == "string")
-        return de(r);
-      switch (r) {
-        case v:
-          return de("Suspense");
-        case f:
-          return de("SuspenseList");
-      }
-      if (typeof r == "object")
-        switch (r.$$typeof) {
-          case y:
-            return l(r.render);
-          case u:
-            return A(r.type, o, b);
-          case g: {
-            var k = r, I = k._payload, Y = k._init;
-            try {
-              return A(Y(I), o, b);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var H = Object.prototype.hasOwnProperty, z = {}, te = R.ReactDebugCurrentFrame;
-    function X(r) {
-      if (r) {
-        var o = r._owner, b = A(r.type, r._source, o ? o.type : null);
-        te.setExtraStackFrame(b);
-      } else
-        te.setExtraStackFrame(null);
-    }
-    function ue(r, o, b, k, I) {
-      {
-        var Y = Function.call.bind(H);
-        for (var D in r)
-          if (Y(r, D)) {
-            var _ = void 0;
-            try {
-              if (typeof r[D] != "function") {
-                var re = Error((k || "React class") + ": " + b + " type `" + D + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[D] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw re.name = "Invariant Violation", re;
-              }
-              _ = r[D](o, D, k, b, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (q) {
-              _ = q;
-            }
-            _ && !(_ instanceof Error) && (X(I), w("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", k || "React class", b, D, typeof _), X(null)), _ instanceof Error && !(_.message in z) && (z[_.message] = !0, X(I), w("Failed %s type: %s", b, _.message), X(null));
-          }
+        d(t);
+        var y = !1;
+      } catch {
+        y = !0;
       }
-    }
-    var je = Array.isArray;
-    function j(r) {
-      return je(r);
-    }
-    function F(r) {
-      {
-        var o = typeof Symbol == "function" && Symbol.toStringTag, b = o && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return b;
+      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 K(r) {
+    function i(t) {
+      if (t === j) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === _)
+        return "<...>";
       try {
-        return le(r), !1;
+        var y = c(t);
+        return y ? "<" + y + ">" : "<...>";
       } catch {
-        return !0;
+        return "<...>";
       }
     }
-    function le(r) {
-      return "" + r;
+    function l() {
+      var t = f.A;
+      return t === null ? null : t.getOwner();
     }
-    function ee(r) {
-      if (K(r))
-        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", F(r)), le(r);
+    function r() {
+      return Error("react-stack-top-frame");
     }
-    var We = R.ReactCurrentOwner, xr = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, qe, Je;
-    function yr(r) {
-      if (H.call(r, "ref")) {
-        var o = Object.getOwnPropertyDescriptor(r, "ref").get;
-        if (o && o.isReactWarning)
-          return !1;
+    function n(t) {
+      if (A.call(t, "key")) {
+        var y = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (y && y.isReactWarning) return !1;
       }
-      return r.ref !== void 0;
+      return t.key !== void 0;
     }
-    function vr(r) {
-      if (H.call(r, "key")) {
-        var o = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (o && o.isReactWarning)
-          return !1;
+    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
+        ));
       }
-      return r.key !== void 0;
+      L.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: L,
+        configurable: !0
+      });
     }
-    function wr(r, o) {
-      typeof r.ref == "string" && We.current;
-    }
-    function jr(r, o) {
-      {
-        var b = function() {
-          qe || (qe = !0, w("%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://reactjs.org/link/special-props)", o));
-        };
-        b.isReactWarning = !0, Object.defineProperty(r, "key", {
-          get: b,
-          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 kr(r, o) {
-      {
-        var b = function() {
-          Je || (Je = !0, w("%s: `ref` 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://reactjs.org/link/special-props)", o));
-        };
-        b.isReactWarning = !0, Object.defineProperty(r, "ref", {
-          get: b,
-          configurable: !0
-        });
-      }
-    }
-    var Sr = function(r, o, b, k, I, Y, D) {
-      var _ = {
-        // This tag allows us to uniquely identify this as a React Element
-        $$typeof: c,
-        // Built-in properties that belong on the element
-        type: r,
-        key: o,
-        ref: b,
-        props: D,
-        // Record the component responsible for creating this element.
-        _owner: Y
-      };
-      return _._store = {}, Object.defineProperty(_._store, "validated", {
+    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: !1
-      }), Object.defineProperty(_, "_self", {
+        value: 0
+      }), Object.defineProperty(t, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
-        writable: !1,
-        value: k
-      }), Object.defineProperty(_, "_source", {
+        writable: !0,
+        value: null
+      }), Object.defineProperty(t, "_debugStack", {
         configurable: !1,
         enumerable: !1,
-        writable: !1,
-        value: I
-      }), Object.freeze && (Object.freeze(_.props), Object.freeze(_)), _;
-    };
-    function Nr(r, o, b, k, I) {
-      {
-        var Y, D = {}, _ = null, re = null;
-        b !== void 0 && (ee(b), _ = "" + b), vr(o) && (ee(o.key), _ = "" + o.key), yr(o) && (re = o.ref, wr(o, I));
-        for (Y in o)
-          H.call(o, Y) && !xr.hasOwnProperty(Y) && (D[Y] = o[Y]);
-        if (r && r.defaultProps) {
-          var q = r.defaultProps;
-          for (Y in q)
-            D[Y] === void 0 && (D[Y] = q[Y]);
-        }
-        if (_ || re) {
-          var J = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          _ && jr(D, J), re && kr(D, J);
-        }
-        return Sr(r, _, re, I, k, We.current, D);
-      }
-    }
-    var Ie = R.ReactCurrentOwner, Ze = R.ReactDebugCurrentFrame;
-    function Ce(r) {
-      if (r) {
-        var o = r._owner, b = A(r.type, r._source, o ? o.type : null);
-        Ze.setExtraStackFrame(b);
-      } else
-        Ze.setExtraStackFrame(null);
-    }
-    var Le;
-    Le = !1;
-    function Be(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === c;
-    }
-    function Xe() {
-      {
-        if (Ie.current) {
-          var r = O(Ie.current.type);
-          if (r)
-            return `
-
-Check the render method of \`` + r + "`.";
-        }
-        return "";
-      }
-    }
-    function Cr(r) {
-      return "";
-    }
-    var Qe = {};
-    function Rr(r) {
-      {
-        var o = Xe();
-        if (!o) {
-          var b = typeof r == "string" ? r : r.displayName || r.name;
-          b && (o = `
-
-Check the top-level render call using <` + b + ">.");
-        }
-        return o;
-      }
-    }
-    function er(r, o) {
-      {
-        if (!r._store || r._store.validated || r.key != null)
-          return;
-        r._store.validated = !0;
-        var b = Rr(o);
-        if (Qe[b])
-          return;
-        Qe[b] = !0;
-        var k = "";
-        r && r._owner && r._owner !== Ie.current && (k = " It was passed a child from " + O(r._owner.type) + "."), Ce(r), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', b, k), Ce(null);
-      }
+        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 rr(r, o) {
-      {
-        if (typeof r != "object")
-          return;
-        if (j(r))
-          for (var b = 0; b < r.length; b++) {
-            var k = r[b];
-            Be(k) && er(k, o);
-          }
-        else if (Be(r))
-          r._store && (r._store.validated = !0);
-        else if (r) {
-          var I = M(r);
-          if (typeof I == "function" && I !== r.entries)
-            for (var Y = I.call(r), D; !(D = Y.next()).done; )
-              Be(D.value) && er(D.value, o);
-        }
+    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 Mr(r) {
-      {
-        var o = r.type;
-        if (o == null || typeof o == "string")
-          return;
-        var b;
-        if (typeof o == "function")
-          b = o.propTypes;
-        else if (typeof o == "object" && (o.$$typeof === y || // Note: Memo only checks outer props here.
-        // Inner props are checked in the reconciler.
-        o.$$typeof === u))
-          b = o.propTypes;
-        else
-          return;
-        if (b) {
-          var k = O(o);
-          ue(b, r.props, "prop", k, r);
-        } else if (o.PropTypes !== void 0 && !Le) {
-          Le = !0;
-          var I = O(o);
-          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", I || "Unknown");
-        }
-        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-      }
+    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 Er(r) {
-      {
-        for (var o = Object.keys(r.props), b = 0; b < o.length; b++) {
-          var k = o[b];
-          if (k !== "children" && k !== "key") {
-            Ce(r), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", k), Ce(null);
-            break;
-          }
-        }
-        r.ref !== null && (Ce(r), w("Invalid attribute `ref` supplied to `React.Fragment`."), Ce(null));
-      }
+    function b(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === h;
     }
-    function ar(r, o, b, k, I, Y) {
-      {
-        var D = G(r);
-        if (!D) {
-          var _ = "";
-          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (_ += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var re = Cr();
-          re ? _ += re : _ += Xe();
-          var q;
-          r === null ? q = "null" : j(r) ? q = "array" : r !== void 0 && r.$$typeof === c ? (q = "<" + (O(r.type) || "Unknown") + " />", _ = " Did you accidentally export a JSX literal instead of a component?") : q = typeof r, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, _);
-        }
-        var J = Nr(r, o, b, I, Y);
-        if (J == null)
-          return J;
-        if (D) {
-          var ne = o.children;
-          if (ne !== void 0)
-            if (k)
-              if (j(ne)) {
-                for (var Re = 0; Re < ne.length; Re++)
-                  rr(ne[Re], r);
-                Object.freeze && Object.freeze(ne);
-              } else
-                w("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
-              rr(ne, r);
-        }
-        return r === i ? Er(J) : Mr(J), J;
+    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"), p = 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();
       }
-    }
-    function Tr(r, o, b) {
-      return ar(r, o, b, !0);
-    }
-    function _r(r, o, b) {
-      return ar(r, o, b, !1);
-    }
-    var Pr = _r, Or = Tr;
-    Pe.Fragment = i, Pe.jsx = Pr, Pe.jsxs = Or;
-  }()), Pe;
+    };
+    var X, ae = {}, oe = v.react_stack_bottom_frame.bind(
+      v,
+      r
+    )(), re = V(i(r)), ie = {};
+    pe.Fragment = j, pe.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
+      );
+    }, pe.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
+      );
+    };
+  }()), pe;
 }
-process.env.NODE_ENV === "production" ? Ue.exports = Kr() : Ue.exports = Ur();
-var e = Ue.exports;
-const ur = (h, c = "DD MMM YYYY") => {
-  if (!h) return "N/A";
-  const s = new Date(h);
+process.env.NODE_ENV === "production" ? Me.exports = Qe() : Me.exports = ea();
+var e = Me.exports;
+const Le = (c, d = "DD MMM YYYY") => {
+  if (!c) return "N/A";
+  const s = new Date(c);
   if (isNaN(s)) return "Invalid Date";
-  const i = (t) => String(t).padStart(2, "0"), d = {
+  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" }),
@@ -637,39 +301,39 @@ const ur = (h, c = "DD MMM YYYY") => {
     ss: i(s.getSeconds()),
     A: s.getHours() >= 12 ? "PM" : "AM"
   };
-  return c.replace(
+  return d.replace(
     /YYYY|YY|MMMM|MMM|MM|M|DD|D|dddd|ddd|HH|hh|mm|ss|A/g,
-    (t) => d[t]
+    (r) => l[r]
   );
-}, zr = (h, c, s = []) => {
-  if (!(c != null && c.trim())) return h;
-  const i = c.toLowerCase(), d = (t) => t == null ? [] : typeof t == "object" ? Object.values(t).flatMap(d) : [String(t)];
-  return h.filter((t) => {
+}, 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)];
+  return c.filter((r) => {
     let n = [];
-    return s.length > 0 ? s.forEach((N) => {
-      t[N] !== void 0 && n.push(...d(t[N]));
-    }) : n = d(t), n.some(
-      (N) => N.toLowerCase().includes(i)
+    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)
     );
   });
-}, Me = Oe.forwardRef(
+}, he = ve.forwardRef(
   ({
-    className: h = "",
-    variant: c = "contained",
+    className: c = "",
+    variant: d = "contained",
     color: s = "default",
     size: i = "default",
-    fullWidth: d = !1,
-    children: t,
+    fullWidth: l = !1,
+    children: r,
     ...n
-  }, N) => {
-    var p;
-    const y = "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", v = {
+  }, 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 = {
       sm: "h-8 px-3 rounded-md text-sm",
       md: "h-9 px-4 rounded-md text-sm",
       lg: "h-11 px-6 rounded-md text-base",
       xl: "h-12 px-8 rounded-lg text-lg",
       default: "h-9 px-4 rounded-md text-sm"
-    }, f = {
+    }, m = {
       primary: {
         contained: "bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500 shadow-sm",
         outlined: "border border-blue-600 bg-transparent text-blue-600 hover:bg-blue-50 focus:ring-blue-500",
@@ -690,118 +354,118 @@ const ur = (h, c = "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 = ((p = f[s]) == null ? void 0 : p[c]) || f.default.contained, g = v[i], C = `
-      ${y} 
+    }, u = ((h = m[s]) == null ? void 0 : h[d]) || m.default.contained, b = x[i], v = `
+      ${M} 
       ${u} 
-      ${g} 
-      ${d ? "w-full" : ""} 
-      ${h}
+      ${b} 
+      ${l ? "w-full" : ""} 
+      ${c}
     `.trim();
     return /* @__PURE__ */ e.jsx(
       "button",
       {
-        ref: N,
+        ref: k,
         type: n.type || "button",
-        className: C,
+        className: v,
         ...n,
-        children: t
+        children: r
       }
     );
   }
 );
-Me.displayName = "Button";
-function be({ label: h, required: c = !1 }) {
+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: [
-    h,
-    c && /* @__PURE__ */ e.jsx("span", { className: "ml-1", children: "*" })
+    c,
+    d && /* @__PURE__ */ e.jsx("span", { className: "ml-1", children: "*" })
   ] }) });
 }
-const Hr = ({
-  options: h = [],
-  value: c,
+const ra = ({
+  options: c = [],
+  value: d,
   onChange: s,
   placeholder: i = "Select option",
-  className: d = "",
-  disabled: t = !1,
+  className: l = "",
+  disabled: r = !1,
   search: n = !1,
-  label: N = "",
-  required: y = !1,
-  name: v = "",
-  parentClass: f = "",
+  label: k = "",
+  required: M = !1,
+  name: x = "",
+  parentClass: m = "",
   multiple: u = !1,
   // ✅ NEW
-  dropdownMaxHeight: g = ""
+  dropdownMaxHeight: b = ""
 }) => {
-  var T;
-  const [C, p] = P(!1), [E, M] = P(""), [R, w] = P(!0), L = ke(null), U = ke(null), V = (S) => String(typeof S == "boolean" ? S : S ?? ""), Z = u ? (c || []).map(V) : V(c), $ = h.filter(
-    (S) => S.label.toLowerCase().includes(E.toLowerCase())
-  ), x = (S) => {
-    const O = V(S);
-    return u ? Z.includes(O) : O === Z;
+  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())
+  ), p = (f) => {
+    const A = Y(f);
+    return u ? z.includes(A) : A === z;
   };
-  ae(() => {
-    const S = (O) => {
-      L.current && !L.current.contains(O.target) && (p(!1), M(""));
+  W(() => {
+    const f = (A) => {
+      P.current && !P.current.contains(A.target) && (h(!1), j(""));
     };
-    return document.addEventListener("mousedown", S), () => document.removeEventListener("mousedown", S);
-  }, []), ae(() => {
-    if (C && L.current) {
-      const S = L.current.getBoundingClientRect(), W = window.innerHeight - S.bottom;
-      w(W < 200);
+    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);
     }
-  }, [C]), ae(() => {
-    C && U.current && U.current.focus();
-  }, [C]);
-  const B = (S) => {
-    let O = S;
-    if (S === "true" ? O = !0 : S === "false" && (O = !1), u) {
-      const W = Z.includes(V(S));
-      let Q;
-      W ? Q = c.filter(
-        (oe) => V(oe) !== V(S)
-      ) : Q = [...c || [], O], s(Q);
+  }, [v]), W(() => {
+    v && B.current && B.current.focus();
+  }, [v]);
+  const _ = (f) => {
+    let A = f;
+    if (f === "true" ? A = !0 : f === "false" && (A = !1), u) {
+      const U = z.includes(Y(f));
+      let V;
+      U ? V = d.filter(
+        (X) => Y(X) !== Y(f)
+      ) : V = [...d || [], A], s(V);
     } else
-      s(O), p(!1);
-    M("");
-  }, G = u ? h.filter((S) => x(S.value)).map((S) => S.label).join(", ") : (T = h.find((S) => x(S.value))) == null ? void 0 : T.label;
-  return /* @__PURE__ */ e.jsxs("div", { className: f || "col-span-12", children: [
-    /* @__PURE__ */ e.jsx(be, { label: N, required: y }),
-    /* @__PURE__ */ e.jsxs("div", { className: `relative ${d}`, ref: L, children: [
+      s(A), h(!1);
+    j("");
+  }, F = u ? c.filter((f) => p(f.value)).map((f) => f.label).join(", ") : (C = c.find((f) => p(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(
         "button",
         {
           type: "button",
-          onClick: () => !t && p(!C),
-          disabled: t,
+          onClick: () => !r && h(!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 
-          ${G ? "dark:text-white" : "text-gray-500 dark:text-gray-400"} 
-          ${t ? "opacity-50 cursor-not-allowed" : "dark:bg-gray-700"}`,
+          ${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: G || i }),
+            /* @__PURE__ */ e.jsx("span", { className: "truncate", children: F || i }),
             /* @__PURE__ */ e.jsx(
-              dr,
+              Fe,
               {
-                className: `w-4 h-4 transition-transform ${C ? "rotate-180" : ""}`
+                className: `w-4 h-4 transition-transform ${v ? "rotate-180" : ""}`
               }
             )
           ]
         }
       ),
-      C && /* @__PURE__ */ e.jsxs(
+      v && /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: `absolute z-50 w-full border rounded-md bg-white dark:bg-gray-700 shadow-lg 
-            ${R ? "bottom-full mb-1" : "top-full mt-1"}`,
+            ${S ? "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(ze, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400" }),
+              /* @__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(
                 "input",
                 {
-                  ref: U,
+                  ref: B,
                   type: "text",
-                  value: E,
-                  onChange: (S) => M(S.target.value),
+                  value: N,
+                  onChange: (f) => j(f.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"
                 }
@@ -812,21 +476,21 @@ const Hr = ({
               {
                 className: "max-h-40 overflow-y-auto",
                 style: {
-                  maxHeight: g || ""
+                  maxHeight: b || ""
                 },
-                children: $.length > 0 ? $.map((S) => /* @__PURE__ */ e.jsxs(
+                children: O.length > 0 ? O.map((f) => /* @__PURE__ */ e.jsxs(
                   "button",
                   {
                     type: "button",
-                    onClick: () => B(String(S.value)),
+                    onClick: () => _(String(f.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 
-                    ${x(S.value) ? "bg-blue-50 dark:bg-blue-900/20 text-blue-700 dark:text-blue-300" : ""}`,
+                    ${p(f.value) ? "bg-blue-50 dark:bg-blue-900/20 text-blue-700 dark:text-blue-300" : ""}`,
                     children: [
-                      /* @__PURE__ */ e.jsx("span", { children: S.label }),
-                      u && x(S.value) && /* @__PURE__ */ e.jsx(Fr, { className: "w-4 h-4" })
+                      /* @__PURE__ */ e.jsx("span", { children: f.label }),
+                      u && p(f.value) && /* @__PURE__ */ e.jsx(ze, { className: "w-4 h-4" })
                     ]
                   },
-                  String(S.value)
+                  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" })
               }
             )
@@ -834,27 +498,27 @@ const Hr = ({
         }
       )
     ] })
-  ] }, v);
-}, Vr = ({
-  value: h = !0,
-  onChange: c,
+  ] }, x);
+}, ta = ({
+  value: c = !0,
+  onChange: d,
   text: s,
   options: i = [],
-  label: d,
-  required: t,
+  label: l,
+  required: r,
   name: n = "",
-  disabled: N = !1,
-  parentClass: y = ""
+  disabled: k = !1,
+  parentClass: M = ""
 }) => {
-  const v = i.length > 0 ? i : [
+  const x = i.length > 0 ? i : [
     { label: "Active", value: !0 },
     { label: "Inactive", value: !1 }
   ];
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: y || "col-span-12", children: [
-    /* @__PURE__ */ e.jsx(be, { label: d, required: t }),
+  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: v.map((f, u) => /* @__PURE__ */ e.jsxs(
+      /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-6", children: x.map((m, u) => /* @__PURE__ */ e.jsxs(
         "label",
         {
           className: "flex items-center gap-2 cursor-pointer select-none",
@@ -864,22 +528,22 @@ const Hr = ({
               {
                 type: "radio",
                 name: "switch-field",
-                required: t && u === 0,
-                value: f.value,
-                disabled: N,
-                checked: h === f.value,
-                onChange: () => c(f.value),
+                required: r && u === 0,
+                value: m.value,
+                disabled: k,
+                checked: c === m.value,
+                onChange: () => d(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: f.label })
+            /* @__PURE__ */ e.jsx("span", { className: "text-sm text-gray-700 dark:text-white", children: m.label })
           ]
         },
         u
       )) })
     ] })
   ] }, n) });
-}, Fe = [
+}, fe = [
   { label: "Afghanistan", code: "AF", phone: "93" },
   { label: "Aland Islands", code: "AX", phone: "358" },
   { label: "Albania", code: "AL", phone: "355" },
@@ -1131,62 +795,62 @@ const Hr = ({
   { label: "Zambia", code: "ZM", phone: "260" },
   { label: "Zimbabwe", code: "ZW", phone: "263" }
 ];
-function Wr({
-  label: h = "",
-  value: c = "",
+function na({
+  label: c = "",
+  value: d = "",
   name: s = "",
   parentClass: i = "",
-  onChange: d,
-  disabled: t = !1,
+  onChange: l,
+  disabled: r = !1,
   required: n = !1,
-  placeholder: N = "Phone number",
-  search: y = !1,
-  countriesList: v = !1,
-  defaultCountry: f = ""
+  placeholder: k = "Phone number",
+  search: M = !1,
+  countriesList: x = !1,
+  defaultCountry: m = ""
 }) {
-  const u = (x) => Fe.find((B) => B.code == x), [g, C] = P(
-    u(f) || Fe[0]
-  ), [p, E] = P(""), [M, R] = P(!1), [w, L] = P(""), U = ke();
-  ae(() => {
-    if (typeof c == "string" && c.startsWith("+")) {
-      const x = Fe.filter((B) => c.startsWith("+" + B.phone)).sort((B, G) => G.phone.length - B.phone.length)[0];
-      if (x) {
-        C(x), E(c.replace("+" + x.phone, ""));
+  const u = (p) => fe.find((_) => _.code == p), [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 p = fe.filter((_) => d.startsWith("+" + _.phone)).sort((_, F) => F.phone.length - _.phone.length)[0];
+      if (p) {
+        v(p), N(d.replace("+" + p.phone, ""));
         return;
       }
     }
-    E(c);
-  }, [c]);
-  const V = (x) => {
-    const B = x.target.value.replace(/\D/g, "");
-    E(B), g && d && d("+" + g.phone + B);
-  }, Z = (x) => {
-    C(x), d && d("+" + x.phone + p), R(!1), L("");
+    N(d);
+  }, [d]);
+  const Y = (p) => {
+    const _ = p.target.value.replace(/\D/g, "");
+    N(_), b && l && l("+" + b.phone + _);
+  }, z = (p) => {
+    v(p), l && l("+" + p.phone + h), S(!1), P("");
   };
-  ae(() => {
-    const x = (B) => {
-      U.current && !U.current.contains(B.target) && R(!1);
+  W(() => {
+    const p = (_) => {
+      B.current && !B.current.contains(_.target) && S(!1);
     };
-    return document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
+    return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
   }, []);
-  const $ = Fe.filter(
-    (x) => x.label.toLowerCase().includes(w.toLowerCase()) || x.phone.includes(w)
+  const O = fe.filter(
+    (p) => p.label.toLowerCase().includes(R.toLowerCase()) || p.phone.includes(R)
   );
-  if (!v) {
-    const x = (B) => {
-      const G = B.target.value.replace(/[^+\d]/g, ""), T = G.startsWith("+") ? "+" + G.replace(/[+]/g, "").slice(0) : G;
-      d(T);
+  if (!x) {
+    const p = (_) => {
+      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(be, { label: h, required: n }),
+      /* @__PURE__ */ e.jsx(ee, { label: c, required: n }),
       /* @__PURE__ */ e.jsx(
         "input",
         {
           type: "text",
-          value: c,
-          onChange: x,
-          placeholder: N,
-          disabled: t,
+          value: d,
+          onChange: p,
+          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
@@ -1198,48 +862,48 @@ function Wr({
     ] }, s) });
   }
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: i || "col-span-12", children: [
-    /* @__PURE__ */ e.jsx(be, { label: h, required: n }),
-    /* @__PURE__ */ e.jsxs("div", { className: "relative ", ref: U, children: [
+    /* @__PURE__ */ e.jsx(ee, { label: c, required: n }),
+    /* @__PURE__ */ e.jsxs("div", { className: "relative ", ref: B, children: [
       /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: `h-[40px] flex items-center border rounded-md px-2 bg-white dark:bg-gray-700 transition-all
-  ${M ? "ring-0.5 ring-blue-100 border-blue-300" : "border-gray-300 dark:border-gray-600"}
-  ${t ? "opacity-60 cursor-not-allowed" : ""}`,
+  ${j ? "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(
               "button",
               {
                 type: "button",
-                disabled: t,
-                onClick: () => R(!M),
+                disabled: r,
+                onClick: () => S(!j),
                 className: "flex items-center gap-1 pr-2 border-r border-gray-300 dark:border-gray-700 focus:outline-none",
                 children: [
-                  g ? /* @__PURE__ */ e.jsx(
+                  b ? /* @__PURE__ */ e.jsx(
                     "img",
                     {
-                      src: `https://flagcdn.com/w20/${g.code.toLowerCase()}.png`,
-                      alt: g.code,
+                      src: `https://flagcdn.com/w20/${b.code.toLowerCase()}.png`,
+                      alt: b.code,
                       className: "w-5 h-3 object-cover"
                     }
                   ) : /* @__PURE__ */ e.jsx("span", { className: "text-gray-400 text-xs", children: "🌐" }),
-                  /* @__PURE__ */ e.jsx(dr, { className: "w-3 h-3 text-gray-500" })
+                  /* @__PURE__ */ e.jsx(Fe, { className: "w-3 h-3 text-gray-500" })
                 ]
               }
             ),
-            g && /* @__PURE__ */ e.jsxs("span", { className: "ml-2 text-sm text-gray-700 dark:text-gray-200 whitespace-nowrap", children: [
+            b && /* @__PURE__ */ e.jsxs("span", { className: "ml-2 text-sm text-gray-700 dark:text-gray-200 whitespace-nowrap", children: [
               "+",
-              g.phone
+              b.phone
             ] }),
             /* @__PURE__ */ e.jsx(
               "input",
               {
                 type: "tel",
-                value: p,
-                onChange: V,
+                value: h,
+                onChange: Y,
                 required: n,
-                disabled: t || !g,
-                placeholder: g ? N : "Select a country",
+                disabled: r || !b,
+                placeholder: b ? k : "Select a country",
                 className: "flex-1 ml-2 bg-transparent outline-none text-sm text-gray-800 dark:text-gray-100 placeholder-gray-400"
               }
             ),
@@ -1250,7 +914,7 @@ function Wr({
                 required: n,
                 tabIndex: -1,
                 readOnly: !0,
-                value: g && p ? "+" + g.phone + p : "",
+                value: b && h ? "+" + b.phone + h : "",
                 style: {
                   position: "absolute",
                   opacity: 0,
@@ -1262,62 +926,62 @@ function Wr({
           ]
         }
       ),
-      M && /* @__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: [
-        y && /* @__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(ze, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400" }),
+      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(
             "input",
             {
               type: "text",
-              value: w,
-              onChange: (x) => L(x.target.value),
+              value: R,
+              onChange: (p) => P(p.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 "
             }
           )
         ] }) }),
-        $.map((x) => /* @__PURE__ */ e.jsxs(
+        O.map((p) => /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
-            onClick: () => Z(x),
+            onClick: () => z(p),
             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(
                 "img",
                 {
-                  src: `https://flagcdn.com/w20/${x.code.toLowerCase()}.png`,
-                  alt: x.code,
+                  src: `https://flagcdn.com/w20/${p.code.toLowerCase()}.png`,
+                  alt: p.code,
                   className: "w-5 h-3 object-cover"
                 }
               ),
               /* @__PURE__ */ e.jsxs("span", { children: [
-                x.label,
+                p.label,
                 " (+",
-                x.phone,
+                p.phone,
                 ")"
               ] })
             ]
           },
-          x.code
+          p.code
         ))
       ] })
     ] })
   ] }, s) });
 }
-const hr = Oe.forwardRef(
-  ({ className: h = "", label: c, required: s, ...i }, d) => {
-    const t = `
+const Ie = ve.forwardRef(
+  ({ className: c = "", label: d, required: s, ...i }, l) => {
+    const r = `
       placeholder-gray-400 dark:placeholder-gray-400
-      ${h}
+      ${c}
     `.trim();
     return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: i.parentClass || "col-span-12", children: [
-      /* @__PURE__ */ e.jsx(be, { label: c, required: s }),
+      /* @__PURE__ */ e.jsx(ee, { label: d, required: s }),
       /* @__PURE__ */ e.jsx("div", { className: "relative", children: /* @__PURE__ */ e.jsx(
         "textarea",
         {
-          className: t,
-          ref: d,
+          className: r,
+          ref: l,
           required: s,
           ...i
         }
@@ -1325,45 +989,45 @@ const hr = Oe.forwardRef(
     ] }, i.name) });
   }
 );
-hr.displayName = "TextArea";
-const qr = ({
-  label: h = "",
-  value: c = null,
+Ie.displayName = "TextArea";
+const la = ({
+  label: c = "",
+  value: d = null,
   onChange: s,
   required: i = !1,
-  accept: d = "image/*",
-  id: t,
+  accept: l = "image/*",
+  id: r,
   dragDrop: n = !1,
-  name: N = "",
-  parentClass: y = ""
+  name: k = "",
+  parentClass: M = ""
 }) => {
-  const [v, f] = P(c), [u, g] = P(!1), C = ke(null);
-  ae(() => {
-    f(c);
-  }, [c]);
-  const p = (w) => {
-    if (!w || w.length === 0) {
-      f(null), s == null || s(null);
+  const [x, m] = T(d), [u, b] = T(!1), v = ce(null);
+  W(() => {
+    m(d);
+  }, [d]);
+  const h = (R) => {
+    if (!R || R.length === 0) {
+      m(null), s == null || s(null);
       return;
     }
-    const L = w[0], U = URL.createObjectURL(L);
-    f({ file: L, preview: U }), s == null || s(U);
-  }, E = (w) => {
-    n && (w.preventDefault(), g(!0));
-  }, M = (w) => {
-    n && (w.preventDefault(), g(!1));
-  }, R = (w) => {
-    n && (w.preventDefault(), g(!1), p(w.dataTransfer.files));
+    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));
   };
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: y || "col-span-12", children: [
-    /* @__PURE__ */ e.jsx(be, { label: h, required: i }),
+  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(
       "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: E,
-        onDragLeave: M,
-        onDrop: R,
+        onDragOver: N,
+        onDragLeave: j,
+        onDrop: S,
         children: [
           /* @__PURE__ */ e.jsxs(
             "div",
@@ -1374,16 +1038,16 @@ const qr = ({
                   "div",
                   {
                     className: "cursor-pointer",
-                    onClick: () => C.current.click(),
-                    children: v ? /* @__PURE__ */ e.jsx(
+                    onClick: () => v.current.click(),
+                    children: x ? /* @__PURE__ */ e.jsx(
                       "img",
                       {
-                        src: v.preview || v,
+                        src: x.preview || x,
                         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(
-                      He,
+                      Re,
                       {
                         icon: "ri:image-add-fill",
                         className: "text-gray-400 w-10 h-10"
@@ -1394,12 +1058,12 @@ const qr = ({
                 /* @__PURE__ */ e.jsx(
                   "input",
                   {
-                    ref: C,
-                    id: t,
+                    ref: v,
+                    id: r,
                     type: "file",
-                    accept: d,
-                    onChange: (w) => p(w.target.files),
-                    required: i && !v,
+                    accept: l,
+                    onChange: (R) => h(R.target.files),
+                    required: i && !x,
                     className: "inline-flex items-center justify-center p-2 text-gray-400 text-sm file:cursor-pointer"
                   }
                 )
@@ -1410,49 +1074,49 @@ const qr = ({
         ]
       }
     )
-  ] }, N) });
-}, br = Oe.forwardRef(
+  ] }, k) });
+}, Be = ve.forwardRef(
   ({
-    label: h,
-    required: c,
+    label: c,
+    required: d,
     parentClass: s = "",
     className: i = "",
-    type: d = "text",
-    onKeyDown: t,
+    type: l = "text",
+    onKeyDown: r,
     ...n
-  }, N) => {
-    const [y, v] = P(!1), f = (g) => {
-      d === "number" && ["e", "E"].includes(g.key) && g.preventDefault(), t == null || t(g);
+  }, k) => {
+    const [M, x] = T(!1), m = (b) => {
+      l === "number" && ["e", "E"].includes(b.key) && b.preventDefault(), r == null || r(b);
     }, u = `
       h-10 placeholder-gray-400 dark:placeholder-gray-400
-      ${d === "password" ? "pr-10" : ""}
+      ${l === "password" ? "pr-10" : ""}
       ${i}
     `.trim();
     return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: s || "col-span-12", children: [
-      /* @__PURE__ */ e.jsx(be, { label: h, required: c }),
+      /* @__PURE__ */ e.jsx(ee, { label: c, required: d }),
       /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
         /* @__PURE__ */ e.jsx(
           "input",
           {
-            type: d === "password" && y ? "text" : d,
-            ref: N,
-            required: c,
-            onKeyDown: f,
+            type: l === "password" && M ? "text" : l,
+            ref: k,
+            required: d,
+            onKeyDown: m,
             className: u,
             ...n
           }
         ),
-        d === "password" && /* @__PURE__ */ e.jsx(
+        l === "password" && /* @__PURE__ */ e.jsx(
           "button",
           {
             type: "button",
             tabIndex: -1,
-            onClick: () => v((g) => !g),
+            onClick: () => x((b) => !b),
             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(
-              He,
+              Re,
               {
-                icon: y ? "mdi:eye-off-outline" : "mdi:eye-outline",
+                icon: M ? "mdi:eye-off-outline" : "mdi:eye-outline",
                 className: "w-5 h-5"
               }
             )
@@ -1462,28 +1126,28 @@ const qr = ({
     ] }, n.name) });
   }
 );
-br.displayName = "Input";
-const Jr = ({
-  key: h,
-  editorKey: c = "",
+Be.displayName = "Input";
+const sa = ({
+  key: c,
+  editorKey: d = "",
   value: s = "",
   onChange: i,
-  label: d = "",
-  required: t = !1,
+  label: l = "",
+  required: r = !1,
   placeholder: n = "",
-  parentClass: N = "col-span-12",
-  height: y = 400,
-  inline: v = !1,
-  disabled: f = !1,
+  parentClass: k = "col-span-12",
+  height: M = 400,
+  inline: x = !1,
+  disabled: m = !1,
   plugins: u,
-  toolbar: g,
-  menubar: C = !1,
-  fontFamily: p = "Inter, sans-serif",
-  initConfig: E = {},
-  imageUploadHandler: M
+  toolbar: b,
+  menubar: v = !1,
+  fontFamily: h = "Inter, sans-serif",
+  initConfig: N = {},
+  imageUploadHandler: j
   // ✅ Promise function passed from parent
 }) => {
-  const R = [
+  const S = [
     "advlist",
     "autolink",
     "lists",
@@ -1501,307 +1165,307 @@ const Jr = ({
     "table",
     "help",
     "wordcount"
-  ], w = "undo redo | blocks | bold italic underline forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media table | removeformat | code fullscreen preview", L = (U) => new Promise((V, Z) => {
-    if (!M) {
-      V(`data:${U.blob().type};base64,${U.base64()}`);
+  ], 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;
     }
-    M(U).then(($) => {
-      $ ? V($) : Z("Upload failed: No URL returned");
-    }).catch(($) => {
-      Z(
-        typeof $ == "string" ? $ : ($ == null ? void 0 : $.message) || "Image upload failed"
+    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: N, children: [
-    d && /* @__PURE__ */ e.jsx(be, { label: d, required: t }),
+  return /* @__PURE__ */ e.jsxs("div", { className: k, children: [
+    l && /* @__PURE__ */ e.jsx(ee, { label: l, required: r }),
     /* @__PURE__ */ e.jsx(
-      Gr,
+      Ze,
       {
-        apiKey: c,
+        apiKey: d,
         value: s,
-        disabled: f,
+        disabled: m,
         init: {
-          height: y,
-          inline: v,
-          menubar: C,
+          height: M,
+          inline: x,
+          menubar: v,
           branding: !1,
           statusbar: !0,
           automatic_uploads: !0,
-          images_upload_handler: L,
-          plugins: u ?? R,
-          toolbar: g ?? w,
+          images_upload_handler: P,
+          plugins: u ?? S,
+          toolbar: b ?? R,
           placeholder: n,
           content_style: `
             body {
-                font-family: ${p};
+                font-family: ${h};
             }
             `,
-          ...E
+          ...N
         },
-        onEditorChange: (U) => {
-          i && i(U);
+        onEditorChange: (B) => {
+          i && i(B);
         }
       }
     )
-  ] }, h);
-}, Zr = ({
-  name: h = "",
-  label: c = "",
+  ] }, c);
+}, oa = ({
+  name: c = "",
+  label: d = "",
   // label for single checkbox
   options: s = [],
   // array of { label, value } for multiple
   value: i = null,
   // boolean for single, array for multiple, or string for single select
-  onChange: d,
-  disabled: t = !1,
+  onChange: l,
+  disabled: r = !1,
   required: n = !1,
-  parentClass: N = "col-span-12",
-  className: y = "",
-  multiSelect: v = !1
+  parentClass: k = "col-span-12",
+  className: M = "",
+  multiSelect: x = !1
   // ✅ if true, only one option can be selected (like radio)
 }) => {
-  const f = Array.isArray(s) && s.length > 0, u = (p) => f ? v ? Array.isArray(i) && i.includes(p) : i === p : !!i, g = (p) => {
-    d == null || d(p.target.checked, h);
-  }, C = (p, E) => {
-    if (d)
-      if (!v)
-        d(E ? p : "", h);
+  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);
       else {
-        const M = Array.isArray(i) ? [...i] : [];
-        if (E)
-          M.includes(p) || M.push(p);
+        const j = Array.isArray(i) ? [...i] : [];
+        if (N)
+          j.includes(h) || j.push(h);
         else {
-          const R = M.indexOf(p);
-          R > -1 && M.splice(R, 1);
+          const S = j.indexOf(h);
+          S > -1 && j.splice(S, 1);
         }
-        d(M, h);
+        l(j, c);
       }
   };
-  return f ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: `${N}`, children: [
-    /* @__PURE__ */ e.jsx(be, { label: c, required: n }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex flex-col space-y-2", children: s.map((p, E) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
+  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(
         "input",
         {
           type: "checkbox",
-          name: h,
-          value: p.value,
-          checked: u(p.value),
-          disabled: t || p.disabled,
-          required: n && E === 0,
-          onChange: (M) => C(p.value, M.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 ${y}`
+          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}`
         },
-        h
+        c
       ),
-      p.label && /* @__PURE__ */ e.jsx(
+      h.label && /* @__PURE__ */ e.jsx(
         "label",
         {
-          htmlFor: h,
+          htmlFor: c,
           className: "ml-2 text-sm text-gray-700 dark:text-gray-200 select-none",
-          children: p.label
+          children: h.label
         }
       )
-    ] }, p.value || p.label)) })
-  ] }) }) : /* @__PURE__ */ e.jsxs("div", { className: `flex items-center ${N}`, children: [
+    ] }, h.value || h.label)) })
+  ] }) }) : /* @__PURE__ */ e.jsxs("div", { className: `flex items-center ${k}`, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "checkbox",
-        name: h,
+        name: c,
         checked: u(),
-        disabled: t,
+        disabled: r,
         required: n,
-        onChange: g,
-        className: `h-4 w-4 text-blue-600 cursor-pointer border-gray-300 rounded focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400 ${y}`
+        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}`
       }
     ),
-    c && /* @__PURE__ */ e.jsx(
+    d && /* @__PURE__ */ e.jsx(
       "label",
       {
-        htmlFor: h,
+        htmlFor: c,
         className: "ml-2 text-sm text-gray-700 dark:text-gray-200 select-none",
-        children: c
+        children: d
       }
     )
   ] });
-}, pr = ({ field: h, formData: c, handleChange: s }) => {
+}, $e = ({ field: c, formData: d, handleChange: s }) => {
   const {
     key: i,
-    label: d,
-    type: t,
+    label: l,
+    type: r,
     options: n,
-    placeholder: N,
-    rows: y,
-    inputClass: v,
-    search: f,
+    placeholder: k,
+    rows: M,
+    inputClass: x,
+    search: m,
     accept: u,
-    text: g,
-    required: C = !1,
-    minLength: p,
-    dragDrop: E,
-    parentClass: M,
-    countriesList: R,
-    defaultCountry: w,
-    multiple: L,
-    dropdownMaxHeight: U,
-    editorKey: V,
-    fontFamily: Z,
-    disabled: $
-  } = h;
-  let x = c == null ? void 0 : c[i];
-  x == null && (x = "");
-  const B = N || (t === "select" ? `Select ${d}` : `Enter ${d}`), G = "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 (t) {
+    text: b,
+    required: v = !1,
+    minLength: h,
+    dragDrop: N,
+    parentClass: j,
+    countriesList: S,
+    defaultCountry: R,
+    multiple: P,
+    dropdownMaxHeight: B,
+    editorKey: Y,
+    fontFamily: z,
+    disabled: O
+  } = c;
+  let p = d == null ? void 0 : d[i];
+  p == null && (p = "");
+  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";
+  switch (r) {
     case "select":
       return /* @__PURE__ */ e.jsx(
-        Hr,
+        ra,
         {
           options: n || [],
-          value: x,
-          onChange: (T) => s(i, T),
-          placeholder: B,
-          className: v || "",
-          search: f,
-          required: C,
-          label: d,
+          value: p,
+          onChange: (C) => s(i, C),
+          placeholder: _,
+          className: x || "",
+          search: m,
+          required: v,
+          label: l,
           name: i,
-          disabled: $,
-          parentClass: M,
-          multiple: L,
-          dropdownMaxHeight: U
+          disabled: O,
+          parentClass: j,
+          multiple: P,
+          dropdownMaxHeight: B
         }
       );
     case "checkbox":
       return /* @__PURE__ */ e.jsx(
-        Zr,
+        oa,
         {
           name: i,
-          label: d,
+          label: l,
           options: n || [],
-          value: x,
-          onChange: (T) => s(i, T),
-          required: C,
-          parentClass: M,
-          className: v || "",
-          multiSelect: L,
-          disabled: $
+          value: p,
+          onChange: (C) => s(i, C),
+          required: v,
+          parentClass: j,
+          className: x || "",
+          multiSelect: P,
+          disabled: O
         }
       );
     case "switch":
       return /* @__PURE__ */ e.jsx(
-        Vr,
+        ta,
         {
-          value: x,
-          onChange: (T) => s(i, T),
-          text: g,
+          value: p,
+          onChange: (C) => s(i, C),
+          text: b,
           options: n || [],
-          label: d,
-          required: C,
+          label: l,
+          required: v,
           name: i,
-          disabled: $,
-          parentClass: M
+          disabled: O,
+          parentClass: j
         }
       );
     case "phone":
       return /* @__PURE__ */ e.jsx(
-        Wr,
+        na,
         {
-          value: x,
-          onChange: (T) => s(i, T),
-          countriesList: R,
-          defaultCountry: w,
-          required: C,
-          placeholder: B,
-          search: f,
-          label: d,
+          value: p,
+          onChange: (C) => s(i, C),
+          countriesList: S,
+          defaultCountry: R,
+          required: v,
+          placeholder: _,
+          search: m,
+          label: l,
           name: i,
-          disabled: $,
-          parentClass: M
+          disabled: O,
+          parentClass: j
         }
       );
     case "textarea":
       return /* @__PURE__ */ e.jsx(
-        hr,
+        Ie,
         {
-          value: x,
-          onChange: (T) => s(i, T.target.value),
-          placeholder: B,
-          rows: y || 3,
-          className: `${G} ${v || ""}`,
-          required: C,
+          value: p,
+          onChange: (C) => s(i, C.target.value),
+          placeholder: _,
+          rows: M || 3,
+          className: `${F} ${x || ""}`,
+          required: v,
           name: i,
-          label: d,
-          disabled: $,
-          parentClass: M
+          label: l,
+          disabled: O,
+          parentClass: j
         }
       );
     case "image":
       return /* @__PURE__ */ e.jsx(
-        qr,
+        la,
         {
-          value: x,
-          onChange: (T) => s(i, T),
-          required: C,
+          value: p,
+          onChange: (C) => s(i, C),
+          required: v,
           accept: u || "image/*",
           id: `file-${i}`,
-          dragDrop: E,
-          label: d,
+          dragDrop: N,
+          label: l,
           name: i,
-          parentClass: M
+          parentClass: j
         }
       );
     case "tinyEditor":
       return /* @__PURE__ */ e.jsx(
-        Jr,
+        sa,
         {
-          value: x,
-          onChange: (T) => s(i, T),
-          required: C,
-          placeholder: B,
-          label: d,
-          parentClass: M,
-          fontFamily: Z,
-          editorKey: V,
-          disabled: $
+          value: p,
+          onChange: (C) => s(i, C),
+          required: v,
+          placeholder: _,
+          label: l,
+          parentClass: j,
+          fontFamily: z,
+          editorKey: Y,
+          disabled: O
         },
         `editor-${i}`
       );
     default:
       return /* @__PURE__ */ e.jsx(
-        br,
+        Be,
         {
-          type: t || "text",
-          value: x,
-          onChange: (T) => s(i, T.target.value),
-          placeholder: B,
-          className: `${G} ${v || ""}`,
-          required: C,
+          type: r || "text",
+          value: p,
+          onChange: (C) => s(i, C.target.value),
+          placeholder: _,
+          className: `${F} ${x || ""}`,
+          required: v,
           name: i,
-          minLength: p,
-          label: d,
-          parentClass: M,
-          disabled: $
+          minLength: h,
+          label: l,
+          parentClass: j,
+          disabled: O
         }
       );
   }
-}, Xr = ({ isOpen: h, onClose: c, config: s, onApply: i }) => {
-  var v;
-  const [d, t] = P({}), n = (f, u) => {
-    t((g) => ({ ...g, [f]: u }));
-  }, N = () => {
-    i == null || i(d), c();
-  }, y = () => {
-    t({}), i == null || i({}), c();
+}, 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();
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: `fixed inset-0 bg-black/50 z-40 transition-opacity duration-300 ${h ? "opacity-100 pointer-events-auto" : "opacity-0 pointer-events-none"}`,
-        onClick: c
+        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
       }
     ),
     /* @__PURE__ */ e.jsxs(
@@ -1809,7 +1473,7 @@ const Jr = ({
       {
         className: `fixed top-0 right-0 h-full w-[28rem] bg-white dark:bg-gray-900 shadow-2xl z-50 flex flex-col border-l border-gray-200 dark:border-gray-700
           transform transition-transform duration-300 ease-in-out
-          ${h ? "translate-x-0" : "translate-x-full"}
+          ${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: [
@@ -1817,26 +1481,26 @@ const Jr = ({
             /* @__PURE__ */ e.jsx(
               "button",
               {
-                onClick: c,
+                onClick: d,
                 className: "p-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition",
-                children: /* @__PURE__ */ e.jsx(Ae, { className: "w-5 h-5 text-gray-500 dark:text-gray-400" })
+                children: /* @__PURE__ */ e.jsx(je, { 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: d, onFilterChange: n }) : /* @__PURE__ */ e.jsx("div", { className: "space-y-4", children: (v = s == null ? void 0 : s.fields) == null ? void 0 : v.map((f) => /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
-            pr,
+          /* @__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,
             {
-              field: f,
-              formData: d,
+              field: m,
+              formData: l,
               handleChange: n
             },
-            f.key
+            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(
-              Me,
+              he,
               {
-                onClick: N,
+                onClick: k,
                 variant: "contained",
                 color: "primary",
                 fullWidth: !0,
@@ -1844,9 +1508,9 @@ const Jr = ({
               }
             ),
             /* @__PURE__ */ e.jsx(
-              Me,
+              he,
               {
-                onClick: y,
+                onClick: M,
                 variant: "contained",
                 className: "min-w-[150px]",
                 children: "Reset"
@@ -1857,7 +1521,7 @@ const Jr = ({
       }
     )
   ] });
-}, or = {
+}, Ae = {
   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"
@@ -1886,76 +1550,76 @@ const Jr = ({
     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"
   }
-}, sr = {
+}, Pe = {
   contained: "bg",
   outline: "border !bg-transparent",
   soft: "bg opacity-90"
-}, gr = ({
-  label: h,
-  variant: c = "contained",
+}, Ge = ({
+  label: c,
+  variant: d = "contained",
   // contained | outline | soft
   color: s = "green",
   className: i = ""
 }) => {
-  const d = or[s] || or.green, t = sr[c] || sr.contained, n = c === "outline" ? d.border : d.bg;
+  const l = Ae[s] || Ae.green, r = Pe[d] || Pe.contained, n = d === "outline" ? l.border : l.bg;
   return /* @__PURE__ */ e.jsx(
     "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}`,
-      children: h
+      children: c
     }
   );
-}, Qr = ({ rows: h = 5, columns: c = 5 }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+}, 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: c }).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: h }).map((s, i) => /* @__PURE__ */ e.jsx(
+    /* @__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(
       "tr",
       {
         className: "border-t border-gray-200 dark:border-gray-800",
-        children: Array.from({ length: c }).map((d, t) => /* @__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" }) }, t))
+        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))
       },
       i
     )) })
   ] }) })
-] }), fr = ({ src: h, alt: c = "preview", isOpen: s, setIsOpen: i }) => {
-  const d = () => i(!1);
-  return ae(() => {
-    const t = (n) => {
-      n.key === "Escape" && d();
+] }), Ye = ({ src: c, alt: d = "preview", isOpen: s, setIsOpen: i }) => {
+  const l = () => i(!1);
+  return W(() => {
+    const r = (n) => {
+      n.key === "Escape" && l();
     };
-    return s && (document.body.style.overflow = "hidden", document.addEventListener("keydown", t)), () => {
-      document.body.style.overflow = "", document.removeEventListener("keydown", t);
+    return s && (document.body.style.overflow = "hidden", document.addEventListener("keydown", r)), () => {
+      document.body.style.overflow = "", document.removeEventListener("keydown", r);
     };
   }, [s]), /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(
     "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: d,
+      onClick: l,
       children: [
         /* @__PURE__ */ e.jsx(
           "button",
           {
-            onClick: d,
+            onClick: l,
             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(Ae, { size: 20 })
+            children: /* @__PURE__ */ e.jsx(je, { size: 20 })
           }
         ),
         /* @__PURE__ */ e.jsx(
           "div",
           {
             className: "max-w-5xl w-full px-4 transform transition-all duration-200 scale-95 animate-in zoom-in-95",
-            onClick: (t) => t.stopPropagation(),
+            onClick: (r) => r.stopPropagation(),
             children: /* @__PURE__ */ e.jsx(
               "img",
               {
-                src: h,
-                alt: c,
+                src: c,
+                alt: d,
                 className: "w-full max-h-[90vh] object-contain rounded-xl"
               }
             )
@@ -1964,17 +1628,17 @@ const Jr = ({
       ]
     }
   ) });
-}, ea = ({ config: h }) => {
+}, ca = ({ config: c }) => {
   const {
-    data: c = [],
+    data: d = [],
     table_head: s = [],
     loading: i = !1,
-    search: d = {
+    search: l = {
       enabled: !1,
       placeholder: "Search...",
       useServerSideSearch: !1
     },
-    filter: t = {
+    filter: r = {
       enabled: !1,
       useServerSideFilters: !1
     },
@@ -1983,188 +1647,188 @@ const Jr = ({
       rows_per_page: 10,
       useServerSidePagination: !1
     },
-    emptyMessage: N = "No data available",
-    onMenuAction: y,
-    setServerSidePaginationData: v = () => {
+    emptyMessage: k = "No data available",
+    onMenuAction: M,
+    setServerSidePaginationData: x = () => {
     },
-    onFilterApply: f,
+    onFilterApply: m,
     filterConfig: u = null
-  } = h, [g, C] = P(""), [p, E] = P(null), [M, R] = P([]), [w, L] = P({}), [U, V] = P(!1), [Z, $] = P(null), [x, B] = P(!1), G = Ke(() => !d.enabled || !g.trim() || d.useServerSideSearch ? c : zr(c, g, d.searchKeys || []), [c, g, d]), [T, S] = P(1), [O, W] = P((n == null ? void 0 : n.rows_per_page) || 50), [Q, oe] = P(G.length || 0), pe = n != null && n.useServerSidePagination ? n.total_pages : Math.ceil(G.length / O), ye = Ke(() => {
-    if (n.useServerSidePagination) return G;
-    const l = (T - 1) * O;
-    return G.slice(l, l + O);
-  }, [G, T, O]), ge = ke(null), ve = ke({}), fe = ke(null), se = (l) => {
-    C(l), S(1), d.useServerSideSearch && (fe.current && clearTimeout(fe.current), fe.current = setTimeout(async () => {
+  } = c, [b, v] = T(""), [h, N] = T(null), [j, S] = T([]), [R, P] = T({}), [B, Y] = T(!1), [z, O] = T(null), [p, _] = 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 () => {
       try {
-        await v((m) => ({
-          ...m,
-          search: l,
+        await x((g) => ({
+          ...g,
+          search: o,
           current_page: 1
         }));
-      } catch (m) {
-        console.error("Search error:", m);
+      } catch (g) {
+        console.error("Search error:", g);
       }
     }, 800));
-  }, Se = (l, m, A) => {
-    A.stopPropagation(), E(null), y == null || y(l.type, m);
-  }, Ee = (l, m, A) => {
-    m.stopPropagation(), R(A);
-    const H = m.currentTarget;
-    ve.current[l] = H;
-    const z = H.getBoundingClientRect(), te = 192, X = A.length * 40, ue = window.innerWidth, je = window.innerHeight, F = ue - z.right < te ? z.left - te + z.width : z.left, le = je - z.bottom < X && z.top > X ? z.top - X - 2 : z.bottom + 2;
-    L({
-      top: Math.max(8, Math.min(le, je - X - 8)),
-      left: Math.max(8, Math.min(F, ue - te - 8))
-    }), E(p === l ? null : l);
-  }, Te = (l) => (T - 1) * O + l + 1, me = (l) => {
-    $(l), B(!0);
-  }, ie = (l, m, A, H = null) => /* @__PURE__ */ e.jsx(e.Fragment, { children: l ? /* @__PURE__ */ e.jsx(
+  }, L = (o, g, D) => {
+    D.stopPropagation(), N(null), M == null || M(o.type, g);
+  }, G = (o, g, D) => {
+    g.stopPropagation(), S(D);
+    const H = g.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, g, D, H = null) => /* @__PURE__ */ e.jsx(e.Fragment, { children: o ? /* @__PURE__ */ e.jsx(
     "img",
     {
-      src: l,
-      alt: m || "Avatar",
-      onClick: (z) => {
-        z.stopPropagation(), z.preventDefault(), me({ src: l, alt: m });
+      src: o,
+      alt: g || "Avatar",
+      onClick: (K) => {
+        K.stopPropagation(), K.preventDefault(), ne({ src: o, alt: g });
       },
-      className: `w-10 h-10 cursor-pointer rounded-full object-cover border border-gray-200 dark:border-gray-700 ${A || ""}`
+      className: `w-10 h-10 cursor-pointer rounded-full object-cover border border-gray-200 dark:border-gray-700 ${D || ""}`
     }
   ) : /* @__PURE__ */ e.jsx(e.Fragment, { children: H || /* @__PURE__ */ e.jsx(
     "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 ${A || ""}`,
-      children: /* @__PURE__ */ e.jsx(cr, { 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 ${D || ""}`,
+      children: /* @__PURE__ */ e.jsx(De, { className: "w-6 h-6 text-gray-400 dark:text-gray-400" })
     }
-  ) }) }), de = (l, m) => /* @__PURE__ */ e.jsxs("div", { className: `flex items-center space-x-4 ${m.className || ""}`, children: [
-    m.imageKey ? ie(l[m.imageKey], l[m.titleKey], "group-avatar") : "",
+  ) }) }), J = (o, g) => /* @__PURE__ */ e.jsxs("div", { className: `flex items-center space-x-4 ${g.className || ""}`, children: [
+    g.imageKey ? I(o[g.imageKey], o[g.titleKey], "group-avatar") : "",
     /* @__PURE__ */ e.jsxs("div", { children: [
-      /* @__PURE__ */ e.jsx("p", { className: "font-medium text-gray-900 dark:text-white group-title", children: l[m.titleKey] || "" }),
-      /* @__PURE__ */ e.jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 group-sub-title", children: l[m.subtitleKey] || "" })
+      /* @__PURE__ */ e.jsx("p", { className: "font-medium text-gray-900 dark:text-white group-title", children: o[g.titleKey] || "" }),
+      /* @__PURE__ */ e.jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 group-sub-title", children: o[g.subtitleKey] || "" })
     ] })
-  ] }), xe = (l, m) => {
-    var te;
-    let A = String(l);
-    const H = m.variant || "contained";
-    let z = m.defaultColor;
-    if (((te = m == null ? void 0 : m.chipOptions) == null ? void 0 : te.length) > 0) {
-      let X = m == null ? void 0 : m.chipOptions.find((ue) => ue.value == l);
-      X && (A = X.label, z = X.color);
+  ] }), le = (o, g) => {
+    var Q;
+    let D = String(o);
+    const H = g.variant || "contained";
+    let K = g.defaultColor;
+    if (((Q = g == null ? void 0 : g.chipOptions) == null ? void 0 : Q.length) > 0) {
+      let Z = g == null ? void 0 : g.chipOptions.find((de) => de.value == o);
+      Z && (D = Z.label, K = Z.color);
     }
     return /* @__PURE__ */ e.jsx(
-      gr,
+      Ge,
       {
-        label: A,
+        label: D,
         variant: H,
-        color: z,
-        className: m.className || ""
+        color: K,
+        className: g.className || ""
       }
     );
-  }, ce = (l, m, A) => {
-    const H = m[l.key];
-    return l.type === "menu_actions" ? /* @__PURE__ */ e.jsx("div", { className: `text-center ${l.className || ""}`, children: /* @__PURE__ */ e.jsx(
+  }, ue = (o, g, D) => {
+    const H = g[o.key];
+    return o.type === "menu_actions" ? /* @__PURE__ */ e.jsx("div", { className: `text-center ${o.className || ""}`, children: /* @__PURE__ */ e.jsx(
       "button",
       {
-        ref: (z) => ve.current[m.id] = z,
-        onClick: (z) => Ee(m.id, z, l.menuList),
+        ref: (K) => ie.current[g.id] = K,
+        onClick: (K) => G(g.id, K, o.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(Lr, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ e.jsx(We, { className: "h-4 w-4" })
       }
-    ) }) : l.type === "index" ? /* @__PURE__ */ e.jsx("span", { className: l.className || "", children: Te(A) }) : l.type === "group" ? de(m, l) : l.type === "chip" ? /* @__PURE__ */ e.jsx(e.Fragment, { children: xe(H, l) }) : l.type === "date" ? /* @__PURE__ */ e.jsx("span", { className: l.className || "", children: ur(H, l.format || "DD MMM YYYY") }) : l.type === "avatar" ? /* @__PURE__ */ e.jsx(e.Fragment, { children: ie(H, l.alt, l.className, l.fallback_icon) }) : /* @__PURE__ */ e.jsx("span", { className: l.className || "", children: H || "N/A" });
-  }, Ne = (l, m) => {
-    if (l.onClickDetails)
-      return y == null ? void 0 : y("view", m);
-    if (typeof l.handleClick == "function")
-      return l.handleClick(m);
-  }, we = (l) => l.onClickDetails || typeof l.handleClick == "function";
-  return ae(() => {
-    const l = () => {
-      p && E(null);
+    ) }) : o.type === "index" ? /* @__PURE__ */ e.jsx("span", { className: o.className || "", children: te(D) }) : o.type === "group" ? J(g, 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, g) => {
+    if (o.onClickDetails)
+      return M == null ? void 0 : M("view", g);
+    if (typeof o.handleClick == "function")
+      return o.handleClick(g);
+  }, xe = (o) => o.onClickDetails || typeof o.handleClick == "function";
+  return W(() => {
+    const o = () => {
+      h && N(null);
     };
-    return window.addEventListener("scroll", l, !0), () => {
-      window.removeEventListener("scroll", l, !0);
+    return window.addEventListener("scroll", o, !0), () => {
+      window.removeEventListener("scroll", o, !0);
     };
-  }, [p]), ae(() => {
-    const l = (m) => {
-      ge.current && !ge.current.contains(m.target) && E(null);
+  }, [h]), W(() => {
+    const o = (g) => {
+      re.current && !re.current.contains(g.target) && N(null);
     };
-    return document.addEventListener("click", l), () => document.removeEventListener("click", l);
-  }, []), ae(() => {
-    n != null && n.rows_per_page && (n != null && n.useServerSidePagination) && W((n == null ? void 0 : n.rows_per_page) || 50), n.current_page && S(n.current_page);
+    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);
   }, [
     n.rows_per_page,
     n == null ? void 0 : n.useServerSidePagination,
     n.current_page
-  ]), ae(() => {
-    oe(
-      n != null && n.useServerSidePagination ? n.total_records : G.length
-    ), G.length <= O * (T - 1) && !(n != null && n.useServerSidePagination) && S((l) => l - 1 || 1);
+  ]), 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);
   }, [
-    G.length,
+    F.length,
     n.total_records,
     n == null ? void 0 : n.useServerSidePagination
-  ]), i ? /* @__PURE__ */ e.jsx(Qr, { rows: 6, columns: 6 }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  ]), 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-6 gap-2", children: [
-      d.enabled && /* @__PURE__ */ e.jsx("div", { className: "", children: /* @__PURE__ */ e.jsxs("div", { className: "relative min-w-[300px]", children: [
-        /* @__PURE__ */ e.jsx(ze, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400 dark:text-gray-300" }),
+      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(
           "input",
           {
             type: "text",
-            placeholder: d.placeholder || "Search...",
-            value: g,
-            onChange: (l) => se(l.target.value),
+            placeholder: l.placeholder || "Search...",
+            value: b,
+            onChange: (o) => y(o.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 && t.enabled && /* @__PURE__ */ e.jsxs(Me, { onClick: () => V(!0), variant: "contained", children: [
-        /* @__PURE__ */ e.jsx(Dr, { className: "w-4 h-4 mr-2" }),
+      u && r.enabled && /* @__PURE__ */ e.jsxs(he, { onClick: () => Y(!0), variant: "contained", children: [
+        /* @__PURE__ */ e.jsx(He, { 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((l) => /* @__PURE__ */ e.jsx(
+        /* @__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(
           "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: l.title
+            children: o.title
           },
-          l.key
+          o.key
         )) }) }),
-        /* @__PURE__ */ e.jsx("tbody", { className: "bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700", children: ye.length === 0 ? /* @__PURE__ */ e.jsx("tr", { children: /* @__PURE__ */ e.jsx(
+        /* @__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(
           "td",
           {
             colSpan: s.length,
             className: "text-center py-10 text-gray-500 dark:text-gray-400",
-            children: N
+            children: k
           }
-        ) }) : ye.map((l, m) => /* @__PURE__ */ e.jsx(
+        ) }) : oe.map((o, g) => /* @__PURE__ */ e.jsx(
           "tr",
           {
             className: "hover:bg-gray-50 dark:hover:bg-blue-800/10 transition",
-            children: s.map((A) => /* @__PURE__ */ e.jsx(
+            children: s.map((D) => /* @__PURE__ */ e.jsx(
               "td",
               {
-                className: `px-6 py-4 text-sm text-gray-900 dark:text-gray-100 min-w-max max-w-[300px] truncate ${we(A) ? "cursor-pointer" : ""}`,
-                title: String(l[A.key] ?? ""),
-                onClick: () => Ne(A, l),
-                children: A.render ? A.render(l, m) : ce(A, l, m)
+                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, g) : ue(D, o, g)
               },
-              A.key
+              D.key
             ))
           },
-          l.id || m
+          o.id || g
         )) })
       ] }) }),
-      (n == null ? void 0 : n.enabled) && G.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: [
+      (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: [
           "Showing ",
-          (T - 1) * O + 1,
+          (C - 1) * A + 1,
           " to",
           " ",
-          Math.min(T * O, Q),
+          Math.min(C * A, V),
           " of ",
-          Q,
+          V,
           " ",
           "results"
         ] }),
@@ -2174,17 +1838,17 @@ const Jr = ({
             /* @__PURE__ */ e.jsx(
               "select",
               {
-                value: O,
-                onChange: (l) => {
-                  const m = Number(l.target.value);
-                  W(m), S(1), n.useServerSidePagination && v((A) => ({
-                    ...A,
+                value: A,
+                onChange: (o) => {
+                  const g = Number(o.target.value);
+                  U(g), f(1), n.useServerSidePagination && x((D) => ({
+                    ...D,
                     current_page: 1,
-                    rows_per_page: m
+                    rows_per_page: g
                   }));
                 },
                 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((l) => /* @__PURE__ */ e.jsx("option", { value: l, children: l }, l))
+                children: [2, 10, 25, 50, 100].map((o) => /* @__PURE__ */ e.jsx("option", { value: o, children: o }, o))
               }
             )
           ] }),
@@ -2193,119 +1857,119 @@ const Jr = ({
               "button",
               {
                 onClick: () => {
-                  if (T > 1) {
-                    const l = T - 1;
-                    S(l), n.useServerSidePagination && v((m) => ({
-                      ...m,
-                      current_page: l
+                  if (C > 1) {
+                    const o = C - 1;
+                    f(o), n.useServerSidePagination && x((g) => ({
+                      ...g,
+                      current_page: o
                     }));
                   }
                 },
-                disabled: T === 1,
+                disabled: C === 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(Ar, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ e.jsx(Ue, { className: "h-4 w-4" })
               }
             ),
             /* @__PURE__ */ e.jsxs("span", { className: "text-sm text-gray-800 dark:text-gray-200", children: [
               "Page ",
-              T,
+              C,
               " of ",
-              pe
+              ae
             ] }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 onClick: () => {
-                  if (T < pe) {
-                    const l = T + 1;
-                    S(l), n.useServerSidePagination && v((m) => ({
-                      ...m,
-                      current_page: l
+                  if (C < ae) {
+                    const o = C + 1;
+                    f(o), n.useServerSidePagination && x((g) => ({
+                      ...g,
+                      current_page: o
                     }));
                   }
                 },
-                disabled: T === pe,
+                disabled: C === ae,
                 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(Ir, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ e.jsx(Ve, { className: "h-4 w-4" })
               }
             )
           ] })
         ] })
       ] })
     ] }),
-    p && $r(
+    h && Je(
       /* @__PURE__ */ e.jsx(
         "div",
         {
-          ref: ge,
+          ref: re,
           style: {
             position: "fixed",
-            top: `${w.top}px`,
-            left: `${w.left}px`,
+            top: `${R.top}px`,
+            left: `${R.left}px`,
             zIndex: 9999
           },
           className: "w-48 bg-white dark:bg-gray-700 rounded-md shadow-lg border border-gray-200 dark:border-gray-600",
-          children: M.map((l, m) => /* @__PURE__ */ e.jsxs(
+          children: j.map((o, g) => /* @__PURE__ */ e.jsxs(
             "button",
             {
-              onClick: (A) => Se(
-                l,
-                c.find((H) => H.id === p),
-                A
+              onClick: (D) => L(
+                o,
+                d.find((H) => H.id === h),
+                D
               ),
-              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"}`,
+              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"}`,
               children: [
-                l.icon && /* @__PURE__ */ e.jsx("span", { className: "shrink-0", children: l.icon }),
-                l.title
+                o.icon && /* @__PURE__ */ e.jsx("span", { className: "shrink-0", children: o.icon }),
+                o.title
               ]
             },
-            m
+            g
           ))
         }
       ),
       document.body
     ),
     u && /* @__PURE__ */ e.jsx(
-      Xr,
+      ia,
       {
-        isOpen: U,
-        onClose: () => V(!1),
+        isOpen: B,
+        onClose: () => Y(!1),
         config: u,
-        onApply: f
+        onApply: m
       }
     ),
-    x && /* @__PURE__ */ e.jsx(
-      fr,
+    p && /* @__PURE__ */ e.jsx(
+      Ye,
       {
-        src: Z.src,
-        alt: Z.alt,
-        isOpen: x,
-        setIsOpen: B
+        src: z.src,
+        alt: z.alt,
+        isOpen: p,
+        setIsOpen: _
       }
     )
   ] });
-}, De = ({
-  isOpen: h,
-  onClose: c,
+}, ye = ({
+  isOpen: c,
+  onClose: d,
   icon: s,
   title: i,
-  children: d,
-  size: t = "md",
+  children: l,
+  size: r = "md",
   actionButtons: n = [],
-  actions: N,
-  showDefaultClose: y = !0,
-  footerConfig: v = null,
-  hideFooter: f = !1,
+  actions: k,
+  showDefaultClose: M = !0,
+  footerConfig: x = null,
+  hideFooter: m = !1,
   onFormSubmit: u = () => {
   },
-  onCancel: g,
-  loadingBtn: C = !1,
-  executeFunction: p = () => {
+  onCancel: b,
+  loadingBtn: v = !1,
+  executeFunction: h = () => {
   },
-  selectedItem: E = null
+  selectedItem: N = null
 }) => {
-  if (!h) return null;
-  const M = {
+  if (!c) return null;
+  const j = {
     sm: "max-w-md",
     md: "max-w-lg",
     lg: "max-w-2xl",
@@ -2317,13 +1981,13 @@ const Jr = ({
       "div",
       {
         className: "fixed inset-0 bg-gray-500 opacity-75",
-        onClick: () => c()
+        onClick: () => d()
       }
     ),
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: `relative bg-white rounded-lg shadow-xl w-full ${M[t] || M.md} max-h-[90vh] flex flex-col dark:bg-gray-800`,
+        className: `relative bg-white rounded-lg shadow-xl w-full ${j[r] || j.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: [
@@ -2333,85 +1997,85 @@ const Jr = ({
             /* @__PURE__ */ e.jsx(
               "button",
               {
-                onClick: () => c(),
+                onClick: () => d(),
                 className: "text-gray-400 hover:text-gray-600 dark:hover:text-gray-300",
-                children: /* @__PURE__ */ e.jsx(Ae, { className: "w-6 h-6" })
+                children: /* @__PURE__ */ e.jsx(je, { className: "w-6 h-6" })
               }
             )
           ] }),
-          /* @__PURE__ */ e.jsx("div", { className: "flex-1 overflow-y-auto p-4", children: d }),
-          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((R) => /* @__PURE__ */ e.jsx(
-            Me,
+          /* @__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,
             {
-              onClick: (w) => {
-                R.type == "submit" ? u(w) : p(
+              onClick: (R) => {
+                S.type == "submit" ? u(R) : h(
                   () => {
-                    var L;
-                    return (L = R == null ? void 0 : R.onClick) == null ? void 0 : L.call(R, w, E);
+                    var P;
+                    return (P = S == null ? void 0 : S.onClick) == null ? void 0 : P.call(S, R, N);
                   },
-                  (L) => c == null ? void 0 : c(L)
+                  (P) => d == null ? void 0 : d(P)
                 );
               },
-              disabled: C || R.disabled,
-              variant: R.variant || "contained",
-              color: R.color || "primary",
-              className: `min-w-[100px] ${R.className}`,
-              type: R.type || "button",
-              children: C ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
+              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" }),
-                R.label || "Submit",
+                S.label || "Submit",
                 "..."
-              ] }) : R.label || "Submit"
+              ] }) : S.label || "Submit"
             }
           )) })
         ]
       }
     )
   ] });
-}, ir = ({ config: h, onSubmit: c, initialData: s = {} }) => {
-  var v;
-  const { formClass: i = "grid grid-cols-12 gap-4", formFields: d = [] } = h || {}, [t, n] = P(s);
-  ae(() => {
+}, 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);
   }, []);
-  const N = (f, u) => {
-    n((g) => ({ ...g, [f]: u }));
-  }, y = (f) => {
-    f.preventDefault();
-    const u = f.target;
+  const k = (m, u) => {
+    n((b) => ({ ...b, [m]: u }));
+  }, M = (m) => {
+    m.preventDefault();
+    const u = m.target;
     if (!u.checkValidity()) {
       u.reportValidity();
       return;
     }
-    c(t);
+    d(r);
   };
   return /* @__PURE__ */ e.jsx(
     "form",
     {
-      id: (v = h.title) != null && v.toLowerCase().includes("edit") ? "editForm" : "addForm",
-      onSubmit: y,
+      id: (x = c.title) != null && x.toLowerCase().includes("edit") ? "editForm" : "addForm",
+      onSubmit: M,
       className: i,
       noValidate: !1,
-      children: d.map((f) => /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
-        pr,
+      children: l.map((m) => /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
+        $e,
         {
-          field: f,
-          formData: t,
-          handleChange: N
+          field: m,
+          formData: r,
+          handleChange: k
         },
-        f.key
+        m.key
       ) }))
     }
   );
 };
-function ra({ data: h, config: c }) {
-  const { fields: s, containerClass: i } = c, [d, t] = P(null), [n, N] = P(!1), y = (u) => {
-    t(u), N(!0);
-  }, v = ({ col: u }) => {
-    let g = u == null ? void 0 : u.icon, C = u.label, p = h[u.key], E = u.type, M = u.variant || "outline", R = u.defaultColor;
-    if (E == "chip" && u.chipOptions.length > 0) {
-      let w = u == null ? void 0 : u.chipOptions.find((L) => L.value == p);
-      w && (p = w.label, R = w.color);
+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);
     }
     return /* @__PURE__ */ e.jsxs(
       "div",
@@ -2419,32 +2083,32 @@ function ra({ data: h, config: c }) {
         className: `col-span-12 flex items-center space-x-4 p-4 rounded-xl 
                     bg-gray-100 dark:bg-gray-900 ${u.blockClass}`,
         children: [
-          g && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: g }),
+          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: C }),
-            E == "chip" ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
-              gr,
+            /* @__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(
+              Ge,
               {
-                label: p,
-                variant: M,
-                color: R,
+                label: h,
+                variant: j,
+                color: S,
                 className: "mt-1"
               }
-            ) }) : E == "tinyEditor" ? /* @__PURE__ */ e.jsx(
+            ) }) : N == "tinyEditor" ? /* @__PURE__ */ e.jsx(
               "p",
               {
                 className: "mt-1 text-sm text-gray-900 dark:text-white break-words",
                 dangerouslySetInnerHTML: {
-                  __html: p
+                  __html: h
                 }
               }
-            ) : /* @__PURE__ */ e.jsx("p", { className: "mt-1 text-sm text-gray-900 dark:text-white break-words", children: E == "date" ? /* @__PURE__ */ e.jsx("span", { children: ur(p, u.format || "DD MMM YYYY") }) : p || "N/A" })
+            ) : /* @__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" })
           ] })
         ]
       }
     );
-  }, f = ({ col: u }) => {
-    let g = h[u.titleKey], C = h[u.subtitleKey], p = h[u.imageKey], E = h[u.fallback_icon];
+  }, 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(
       "div",
       {
@@ -2452,18 +2116,18 @@ function ra({ data: h, config: c }) {
       bg-gray-100 dark:bg-gray-900 
       ${u.blockClass}`,
         children: [
-          p ? /* @__PURE__ */ e.jsx(
+          h ? /* @__PURE__ */ e.jsx(
             "img",
             {
-              src: p,
-              alt: g,
-              onClick: () => y({ src: p, alt: g }),
+              src: h,
+              alt: b,
+              onClick: () => M({ src: h, alt: b }),
               className: "w-16 h-16 cursor-pointer rounded-full object-cover border-2 border-gray-200 dark:border-gray-700"
             }
-          ) : E || /* @__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(cr, { className: "w-8 h-8 text-gray-400" }) }),
+          ) : 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: g }),
-            /* @__PURE__ */ e.jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: C })
+            /* @__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 })
           ] })
         ]
       }
@@ -2471,114 +2135,114 @@ function ra({ data: h, config: c }) {
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     n && /* @__PURE__ */ e.jsx(
-      fr,
+      Ye,
       {
-        src: d.src,
-        alt: d.alt,
+        src: l.src,
+        alt: l.alt,
         isOpen: n,
-        setIsOpen: N
+        setIsOpen: k
       }
     ),
     /* @__PURE__ */ e.jsx("div", { className: `grid grid-cols-12 gap-4 ${i || ""}`, children: s.map(
-      (u) => u.type == "group" ? /* @__PURE__ */ e.jsx(f, { col: u }) : /* @__PURE__ */ e.jsx(v, { col: u })
+      (u) => u.type == "group" ? /* @__PURE__ */ e.jsx(m, { col: u }) : /* @__PURE__ */ e.jsx(x, { col: u })
     ) })
   ] });
 }
-const mr = ({ config: h }) => {
-  var me, ie, de, xe, ce, Ne, we, l, m, A, H, z, te, X, ue, je;
+const Ke = ({ config: c }) => {
+  var ne, I, J, le, ue, me, xe, o, g, D, H, K, Q, Z, de, be;
   const {
-    title: c,
+    title: d,
     fetchData: s = async () => {
     },
     isStaticData: i = !1,
-    tableConfig: d = {},
-    modalConfig: t = {},
+    tableConfig: l = {},
+    modalConfig: r = {},
     filterConfig: n
-  } = h, [N, y] = P(!0), [v, f] = P(!1), [u, g] = P([]), [C, p] = P(null), [E, M] = P({
+  } = c, [k, M] = T(!0), [x, m] = T(!1), [u, b] = T([]), [v, h] = T(null), [N, j] = T({
     search: "",
     rows_per_page: 50,
     current_page: 1
-  }), [R, w] = P({}), [L, U] = P(!1), [V, Z] = P(!1), [$, x] = P(!1), [B, G] = P(!1), [T, S] = P(!1), [O, W] = P(null), Q = (j, F) => {
-    j === "edit" ? (W(F), x(!0)) : j === "view" ? (W(F), S(!0)) : j === "delete" && (W(F), G(!0));
-  }, oe = async (j, F, K = "", le = "") => {
-    f(!0);
+  }), [S, R] = T({}), [P, B] = T(!1), [Y, z] = T(!1), [O, p] = T(!1), [_, F] = T(!1), [C, f] = T(!1), [A, U] = T(null), V = (w, E) => {
+    w === "edit" ? (U(E), p(!0)) : w === "view" ? (U(E), f(!0)) : w === "delete" && (U(E), F(!0));
+  }, X = async (w, E, $ = "", se = "") => {
+    m(!0);
     try {
-      const ee = await (j == null ? void 0 : j());
-      (K || ee.message) && $e(K || ee.message, {
+      const q = await (w == null ? void 0 : w());
+      ($ || q.message) && ke($ || q.message, {
         variant: "success"
-      }), F == null || F(ee);
-    } catch (ee) {
-      (le || ee.message) && $e(le || ee.message, { variant: "error" });
+      }), E == null || E(q);
+    } catch (q) {
+      (se || q.message) && ke(se || q.message, { variant: "error" });
     } finally {
-      f(!1);
+      m(!1);
     }
-  }, pe = (j) => {
-    let F = j.newObject;
-    i ? (g((K) => [F, ...K]), p((K) => ({
-      ...K,
+  }, ae = (w) => {
+    let E = w.newObject;
+    i ? (b(($) => [E, ...$]), h(($) => ({
+      ...$,
       current_page: 1
-    }))) : (M((K) => ({
-      ...K,
+    }))) : (j(($) => ({
+      ...$,
       current_page: 1
-    })), E.current_page == 1 && se()), Z(!1);
-  }, ye = (j) => {
-    let F = j.newObject, K = j.targetObject;
-    i ? g(
-      (le) => le.map(
-        (ee) => ee.id === K.id ? { ...ee, ...F } : ee
+    })), 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
       )
-    ) : se(), x(!1);
-  }, ge = (j) => {
-    if (!j) {
-      G(!1), W(null);
+    ) : y(), p(!1);
+  }, re = (w) => {
+    if (!w) {
+      F(!1), U(null);
       return;
     }
-    i ? g(
-      (F) => F.filter((K) => K.id !== j.targetObject.id)
-    ) : u.length == 1 && E.current_page > 1 ? M((F) => ({
-      ...F,
-      current_page: F.current_page - 1
-    })) : se(), G(!1), W(null);
-  }, ve = (j) => oe(
+    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(
     () => {
-      var F, K;
-      return (K = (F = t == null ? void 0 : t.addModal) == null ? void 0 : F.handleSubmit) == null ? void 0 : K.call(F, j);
+      var E, $;
+      return ($ = (E = r == null ? void 0 : r.addModal) == null ? void 0 : E.handleSubmit) == null ? void 0 : $.call(E, w);
     },
-    pe
-  ), fe = (j) => oe(
+    ae
+  ), t = (w) => X(
     () => {
-      var F, K;
-      return (K = (F = t == null ? void 0 : t.editModal) == null ? void 0 : F.handleSubmit) == null ? void 0 : K.call(F, j, O);
+      var E, $;
+      return ($ = (E = r == null ? void 0 : r.editModal) == null ? void 0 : E.handleSubmit) == null ? void 0 : $.call(E, w, A);
     },
-    ye
-  ), se = async () => {
-    y(!0), s == null || s({ ...E, ...R }).then((j) => {
-      g(j.data), p(j.pagination);
-    }).catch((j) => {
-      $e(j.message, { variant: "error" });
+    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" });
     }).finally(() => {
-      y(!1);
+      M(!1);
     });
-  }, Se = (j) => {
-    var F;
-    w((K) => ({
-      ...j
-    })), (F = d == null ? void 0 : d.filter) != null && F.useServerSideFilters && U((K) => !K);
-  }, Ee = (j, F) => j.filter(
-    (K) => Object.entries(F).every(([le, ee]) => K[le] === ee)
-  ), Te = Ke(() => {
-    var j;
-    return (j = d == null ? void 0 : d.filter) != null && j.useServerSideFilters ? data : Ee(u, R);
-  }, [u, R]);
-  return ae(() => {
-    se();
+  }, 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();
   }, [
-    E.search,
-    E.rows_per_page,
-    E.current_page,
-    L
+    N.search,
+    N.rows_per_page,
+    N.current_page,
+    P
   ]), /* @__PURE__ */ e.jsx(
-    Yr,
+    Xe,
     {
       maxSnack: 3,
       anchorOrigin: {
@@ -2586,141 +2250,141 @@ const mr = ({ config: h }) => {
         horizontal: "right"
       },
       autoHideDuration: 3e3,
-      action: (j) => /* @__PURE__ */ e.jsx(
+      action: (w) => /* @__PURE__ */ e.jsx(
         "button",
         {
           onClick: () => {
             window.dispatchEvent(
-              new CustomEvent("closeSnackbar", { detail: j })
+              new CustomEvent("closeSnackbar", { detail: w })
             );
           },
           className: "p-1 hover:bg-white/20 rounded-full transition-colors duration-200 text-white flex items-center justify-center",
-          children: /* @__PURE__ */ e.jsx(Ae, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ e.jsx(je, { 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-6", children: [
           /* @__PURE__ */ e.jsxs("div", { children: [
-            /* @__PURE__ */ e.jsx("h1", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: c }),
-            /* @__PURE__ */ e.jsx("p", { className: "text-md text-gray-600 dark:text-gray-400 mt-2", children: h == null ? void 0 : h.description })
+            /* @__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 mt-2", children: c == null ? void 0 : c.description })
           ] }),
           /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ e.jsxs(
-            Me,
+            he,
             {
-              onClick: () => Z(!0),
+              onClick: () => z(!0),
               variant: "contained",
               color: "primary",
               children: [
-                /* @__PURE__ */ e.jsx(Br, { className: "w-4 h-4 mr-2" }),
-                h.buttonText || "Add New"
+                /* @__PURE__ */ e.jsx(qe, { className: "w-4 h-4 mr-2" }),
+                c.buttonText || "Add New"
               ]
             }
           ) })
         ] }),
         /* @__PURE__ */ e.jsx(
-          ea,
+          ca,
           {
             config: {
-              ...d,
+              ...l,
               pagination: {
-                ...d.pagination,
-                ...C
+                ...l.pagination,
+                ...v
               },
-              data: Te,
-              setServerSidePaginationData: M,
-              onMenuAction: Q,
+              data: te,
+              setServerSidePaginationData: j,
+              onMenuAction: V,
               filterConfig: n,
-              onFilterApply: Se,
-              loading: N
+              onFilterApply: L,
+              loading: k
             }
           }
         ),
         /* @__PURE__ */ e.jsx(
-          De,
+          ye,
           {
-            isOpen: V,
-            onClose: () => Z(!1),
-            icon: (me = t.addModal) == null ? void 0 : me.icon,
-            title: ((ie = t.addModal) == null ? void 0 : ie.title) || "Add New",
-            size: ((de = t.addModal) == null ? void 0 : de.size) || "md",
+            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",
             onFormSubmit: () => {
-              var j;
-              return (j = document.querySelector("#addForm")) == null ? void 0 : j.requestSubmit();
+              var w;
+              return (w = document.querySelector("#addForm")) == null ? void 0 : w.requestSubmit();
             },
-            loadingBtn: v,
-            actionButtons: t.addModal.actionButtons,
+            loadingBtn: x,
+            actionButtons: r.addModal.actionButtons,
             children: /* @__PURE__ */ e.jsx(
-              ir,
+              Oe,
               {
-                config: (t == null ? void 0 : t.addModal) || [],
-                onSubmit: ve,
+                config: (r == null ? void 0 : r.addModal) || [],
+                onSubmit: ie,
                 initialData: {},
-                loading: v
+                loading: x
               }
             )
           }
         ),
         /* @__PURE__ */ e.jsx(
-          De,
+          ye,
           {
-            isOpen: $,
-            onClose: () => x(!1),
-            icon: (xe = t.editModal) == null ? void 0 : xe.icon,
-            title: ((ce = t.editModal) == null ? void 0 : ce.title) || "Edit",
-            size: ((Ne = t.editModal) == null ? void 0 : Ne.size) || "md",
+            isOpen: O,
+            onClose: () => p(!1),
+            icon: (le = r.editModal) == null ? void 0 : le.icon,
+            title: ((ue = r.editModal) == null ? void 0 : ue.title) || "Edit",
+            size: ((me = r.editModal) == null ? void 0 : me.size) || "md",
             onFormSubmit: () => {
-              var j;
-              return (j = document.querySelector("#editForm")) == null ? void 0 : j.requestSubmit();
+              var w;
+              return (w = document.querySelector("#editForm")) == null ? void 0 : w.requestSubmit();
             },
-            actionButtons: t.editModal.actionButtons,
-            loadingBtn: v,
+            actionButtons: r.editModal.actionButtons,
+            loadingBtn: x,
             children: /* @__PURE__ */ e.jsx(
-              ir,
+              Oe,
               {
-                config: t.editModal || [],
-                onSubmit: fe,
-                initialData: O,
-                loading: v
+                config: r.editModal || [],
+                onSubmit: t,
+                initialData: A,
+                loading: x
               }
             )
           }
         ),
-        B && /* @__PURE__ */ e.jsx(
-          De,
+        _ && /* @__PURE__ */ e.jsx(
+          ye,
           {
-            isOpen: B,
-            onClose: (j) => {
-              ge(j);
+            isOpen: _,
+            onClose: (w) => {
+              re(w);
             },
-            icon: ((we = t.deleteModal) == null ? void 0 : we.icon) || /* @__PURE__ */ e.jsx(He, { icon: "ph:warning-bold", className: "w-6 h-6 text-red-500" }),
-            title: ((l = t.deleteModal) == null ? void 0 : l.title) || "Confirm Delete",
-            size: ((m = t.deleteModal) == null ? void 0 : m.size) || "md",
-            loading: v,
-            actionButtons: t.deleteModal.actionButtons,
-            executeFunction: oe,
-            selectedItem: O,
+            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: ((g = r.deleteModal) == null ? void 0 : g.size) || "md",
+            loading: x,
+            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: ((A = t.deleteModal) == null ? void 0 : A.confirmText) || "Are you sure you want to delete this item?" }),
-              ((H = t.deleteModal) == null ? void 0 : H.referenceKey) && /* @__PURE__ */ e.jsx("p", { className: "text-md font-semibold text-gray-700 dark:text-white", children: O[(z = t.deleteModal) == null ? void 0 : z.referenceKey] })
+              /* @__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] })
             ] }) })
           }
         ),
-        t.viewModal && /* @__PURE__ */ e.jsx(
-          De,
+        r.viewModal && /* @__PURE__ */ e.jsx(
+          ye,
           {
-            isOpen: T,
+            isOpen: C,
             onClose: () => {
-              S(!1), W(null);
+              f(!1), U(null);
             },
-            icon: (te = t.viewModal) == null ? void 0 : te.icon,
-            title: ((X = t.viewModal) == null ? void 0 : X.title) || "View Details",
-            size: ((ue = t.viewModal) == null ? void 0 : ue.size) || "lg",
-            footerConfig: t == null ? void 0 : t.viewModal.footer,
-            children: (je = t.viewModal) != null && je.component ? /* @__PURE__ */ e.jsx(t.viewModal.component, { data: O }) : /* @__PURE__ */ e.jsx(
-              ra,
+            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",
+            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,
               {
-                data: O,
-                config: t.viewModal || {}
+                data: A,
+                config: r.viewModal || {}
               }
             )
           }
@@ -2728,7 +2392,7 @@ const mr = ({ config: h }) => {
       ] })
     }
   );
-}, Ve = a.shape({
+}, Te = a.shape({
   value: a.oneOfType([
     a.string,
     a.number,
@@ -2736,18 +2400,18 @@ const mr = ({ config: h }) => {
   ]).isRequired,
   label: a.string.isRequired,
   color: a.string
-}), Ge = a.shape({
+}), we = a.shape({
   type: a.string.isRequired,
   label: a.string.isRequired,
   color: a.string,
   variant: a.string,
   onClick: a.func
-}), aa = a.shape({
+}), ha = a.shape({
   title: a.string.isRequired,
   type: a.string.isRequired,
   variant: a.string,
   icon: a.node
-}), ta = a.shape({
+}), ba = a.shape({
   key: a.string.isRequired,
   title: a.string,
   type: a.string,
@@ -2756,12 +2420,12 @@ const mr = ({ config: h }) => {
   subtitleKey: a.string,
   onClickDetails: a.bool,
   variant: a.string,
-  chipOptions: a.arrayOf(Ve),
+  chipOptions: a.arrayOf(Te),
   defaultColor: a.string,
   className: a.string,
   format: a.string,
-  menuList: a.arrayOf(aa)
-}), Ye = a.shape({
+  menuList: a.arrayOf(ha)
+}), Ne = a.shape({
   key: a.string.isRequired,
   label: a.string,
   type: a.string.isRequired,
@@ -2778,8 +2442,8 @@ const mr = ({ config: h }) => {
   rows: a.number,
   text: a.string,
   editorKey: a.string,
-  options: a.arrayOf(Ve)
-}), na = a.shape({
+  options: a.arrayOf(Te)
+}), ga = a.shape({
   key: a.string,
   label: a.string,
   type: a.string,
@@ -2789,12 +2453,12 @@ const mr = ({ config: h }) => {
   blockClass: a.string,
   icon: a.node,
   variant: a.string,
-  chipOptions: a.arrayOf(Ve),
+  chipOptions: a.arrayOf(Te),
   defaultColor: a.string,
   className: a.string,
   format: a.string
 });
-mr.propTypes = {
+Ke.propTypes = {
   config: a.shape({
     title: a.string.isRequired,
     description: a.string,
@@ -2803,7 +2467,7 @@ mr.propTypes = {
     isStaticData: a.bool,
     /* ================= TABLE CONFIG ================= */
     tableConfig: a.shape({
-      table_head: a.arrayOf(ta).isRequired,
+      table_head: a.arrayOf(ba).isRequired,
       search: a.shape({
         enabled: a.bool,
         useServerSideSearch: a.bool,
@@ -2824,24 +2488,24 @@ mr.propTypes = {
         title: a.string.isRequired,
         size: a.string,
         formClass: a.string,
-        formFields: a.arrayOf(Ye),
+        formFields: a.arrayOf(Ne),
         handleSubmit: a.func.isRequired,
-        actionButtons: a.arrayOf(Ge)
+        actionButtons: a.arrayOf(we)
       }),
       editModal: a.shape({
         title: a.string.isRequired,
         size: a.string,
         formClass: a.string,
-        formFields: a.arrayOf(Ye),
+        formFields: a.arrayOf(Ne),
         handleSubmit: a.func.isRequired,
-        actionButtons: a.arrayOf(Ge)
+        actionButtons: a.arrayOf(we)
       }),
       deleteModal: a.shape({
         title: a.string.isRequired,
         size: a.string,
         confirmText: a.string,
         referenceKey: a.string,
-        actionButtons: a.arrayOf(Ge)
+        actionButtons: a.arrayOf(we)
       }),
       viewModal: a.shape({
         title: a.string.isRequired,
@@ -2849,7 +2513,7 @@ mr.propTypes = {
         // 👇 This covers your commented code:
         component: a.elementType,
         // for custom component like TeamMemberDetail
-        fields: a.arrayOf(na),
+        fields: a.arrayOf(ga),
         footer: a.shape({
           cancelButton: a.bool,
           cancelText: a.string
@@ -2858,14 +2522,14 @@ mr.propTypes = {
     }),
     /* ================= FILTER CONFIG ================= */
     filterConfig: a.shape({
-      fields: a.arrayOf(Ye)
+      fields: a.arrayOf(Ne)
     })
   }).isRequired
 };
-function ha(h) {
-  return console.info(h, "props passed"), /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(mr, { config: h.config }) });
+function ka(c) {
+  return console.info(c, "props passed"), /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(Ke, { config: c.config }) });
 }
 export {
-  ha as default
+  ka as default
 };
 //# sourceMappingURL=index.es.js.map