proctoring-ui-3 1.0.2 → 1.0.4

package/dist/ui-3.es.js

@@ -1,8 +1,8 @@
-import ve, { useState as z, useRef as K, useEffect as J } from "react";
-import { Heart as je, Home as Ne, Calendar as ye, Users as Ee, Settings as Ce, User as pe, ChevronDown as ae, LogOut as fe, X, AlertCircle as he, Upload as Se, File as $e, Trash2 as Le, Search as le, Save as Re, Edit as oe, Sparkles as Me, Check as re, ChevronRight as se, CheckCircle as _e, ChevronLeft as ie, AlertTriangle as ke } from "lucide-react";
-import { useNavigate as ze, useLocation as xe, Link as ne } from "react-router-dom";
-import { createPortal as de } from "react-dom";
-var ce = { exports: {} }, ee = {};
+import ge, { useState as T, useRef as ee, useEffect as Q } from "react";
+import { Heart as Re, Home as Me, Calendar as Le, Users as ze, Settings as Te, User as Ee, ChevronDown as le, LogOut as Se, X as Z, AlertCircle as ke, Upload as _e, File as Ae, Trash2 as Pe, Search as ie, Save as me, Edit as ne, Sparkles as Oe, Check as oe, ChevronRight as se, CheckCircle as Fe, ChevronLeft as ce, AlertTriangle as $e, ArrowRight as he, Eye as De, ArrowLeft as xe, CircleCheck as we, Eraser as Be } from "lucide-react";
+import { useNavigate as Ve, useLocation as fe, Link as de } from "react-router-dom";
+import { createPortal as be } from "react-dom";
+var ue = { exports: {} }, ae = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -12,29 +12,29 @@ var ce = { exports: {} }, ee = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var be;
-function Te() {
-  if (be) return ee;
-  be = 1;
+var je;
+function We() {
+  if (je) return ae;
+  je = 1;
   var t = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
-  function n(l, c, h) {
-    var x = null;
-    if (h !== void 0 && (x = "" + h), c.key !== void 0 && (x = "" + c.key), "key" in c) {
-      h = {};
-      for (var m in c)
-        m !== "key" && (h[m] = c[m]);
-    } else h = c;
-    return c = h.ref, {
+  function a(i, x, b) {
+    var d = null;
+    if (b !== void 0 && (d = "" + b), x.key !== void 0 && (d = "" + x.key), "key" in x) {
+      b = {};
+      for (var u in x)
+        u !== "key" && (b[u] = x[u]);
+    } else b = x;
+    return x = b.ref, {
       $$typeof: t,
-      type: l,
-      key: x,
-      ref: c !== void 0 ? c : null,
-      props: h
+      type: i,
+      key: d,
+      ref: x !== void 0 ? x : null,
+      props: b
     };
   }
-  return ee.Fragment = r, ee.jsx = n, ee.jsxs = n, ee;
+  return ae.Fragment = r, ae.jsx = a, ae.jsxs = a, ae;
 }
-var te = {};
+var re = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -44,47 +44,47 @@ var te = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ue;
-function Oe() {
-  return ue || (ue = 1, process.env.NODE_ENV !== "production" && function() {
+var Ne;
+function Ie() {
+  return Ne || (Ne = 1, process.env.NODE_ENV !== "production" && function() {
     function t(s) {
       if (s == null) return null;
       if (typeof s == "function")
-        return s.$$typeof === d ? null : s.displayName || s.name || null;
+        return s.$$typeof === h ? null : s.displayName || s.name || null;
       if (typeof s == "string") return s;
       switch (s) {
-        case i:
+        case m:
           return "Fragment";
-        case D:
+        case R:
           return "Profiler";
-        case j:
+        case g:
           return "StrictMode";
-        case Y:
+        case X:
           return "Suspense";
-        case U:
+        case H:
           return "SuspenseList";
-        case W:
+        case O:
           return "Activity";
       }
       if (typeof s == "object")
         switch (typeof s.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), s.$$typeof) {
-          case g:
+          case f:
             return "Portal";
-          case V:
+          case Y:
             return s.displayName || "Context";
-          case T:
+          case L:
             return (s._context.displayName || "Context") + ".Consumer";
-          case I:
-            var a = s.render;
-            return s = s.displayName, s || (s = a.displayName || a.name || "", s = s !== "" ? "ForwardRef(" + s + ")" : "ForwardRef"), s;
-          case B:
-            return a = s.displayName || null, a !== null ? a : t(s.type) || "Memo";
-          case w:
-            a = s._payload, s = s._init;
+          case D:
+            var n = s.render;
+            return s = s.displayName, s || (s = n.displayName || n.name || "", s = s !== "" ? "ForwardRef(" + s + ")" : "ForwardRef"), s;
+          case U:
+            return n = s.displayName || null, n !== null ? n : t(s.type) || "Memo";
+          case C:
+            n = s._payload, s = s._init;
             try {
-              return t(s(a));
+              return t(s(n));
             } catch {
             }
         }
@@ -93,77 +93,77 @@ function Oe() {
     function r(s) {
       return "" + s;
     }
-    function n(s) {
+    function a(s) {
       try {
         r(s);
-        var a = !1;
+        var n = !1;
       } catch {
-        a = !0;
+        n = !0;
       }
-      if (a) {
-        a = console;
-        var o = a.error, f = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
-        return o.call(
-          a,
+      if (n) {
+        n = console;
+        var c = n.error, j = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return c.call(
+          n,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          f
+          j
         ), r(s);
       }
     }
-    function l(s) {
-      if (s === i) return "<>";
-      if (typeof s == "object" && s !== null && s.$$typeof === w)
+    function i(s) {
+      if (s === m) return "<>";
+      if (typeof s == "object" && s !== null && s.$$typeof === C)
         return "<...>";
       try {
-        var a = t(s);
-        return a ? "<" + a + ">" : "<...>";
+        var n = t(s);
+        return n ? "<" + n + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function c() {
-      var s = v.A;
+    function x() {
+      var s = k.A;
       return s === null ? null : s.getOwner();
     }
-    function h() {
+    function b() {
       return Error("react-stack-top-frame");
     }
-    function x(s) {
-      if (C.call(s, "key")) {
-        var a = Object.getOwnPropertyDescriptor(s, "key").get;
-        if (a && a.isReactWarning) return !1;
+    function d(s) {
+      if (M.call(s, "key")) {
+        var n = Object.getOwnPropertyDescriptor(s, "key").get;
+        if (n && n.isReactWarning) return !1;
       }
       return s.key !== void 0;
     }
-    function m(s, a) {
-      function o() {
-        b || (b = !0, console.error(
+    function u(s, n) {
+      function c() {
+        p || (p = !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)",
-          a
+          n
         ));
       }
-      o.isReactWarning = !0, Object.defineProperty(s, "key", {
-        get: o,
+      c.isReactWarning = !0, Object.defineProperty(s, "key", {
+        get: c,
         configurable: !0
       });
     }
-    function p() {
+    function v() {
       var s = t(this.type);
-      return $[s] || ($[s] = !0, console.error(
+      return _[s] || (_[s] = !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."
       )), s = this.props.ref, s !== void 0 ? s : null;
     }
-    function N(s, a, o, f, k, P) {
-      var L = o.ref;
+    function y(s, n, c, j, E, B) {
+      var o = c.ref;
       return s = {
-        $$typeof: M,
+        $$typeof: P,
         type: s,
-        key: a,
-        props: o,
-        _owner: f
-      }, (L !== void 0 ? L : null) !== null ? Object.defineProperty(s, "ref", {
+        key: n,
+        props: c,
+        _owner: j
+      }, (o !== void 0 ? o : null) !== null ? Object.defineProperty(s, "ref", {
         enumerable: !1,
-        get: p
+        get: v
       }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -178,132 +178,132 @@ function Oe() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: k
+        value: E
       }), Object.defineProperty(s, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: P
+        value: B
       }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
     }
-    function S(s, a, o, f, k, P) {
-      var L = a.children;
-      if (L !== void 0)
-        if (f)
-          if (A(L)) {
-            for (f = 0; f < L.length; f++)
-              R(L[f]);
-            Object.freeze && Object.freeze(L);
+    function w(s, n, c, j, E, B) {
+      var o = n.children;
+      if (o !== void 0)
+        if (j)
+          if (W(o)) {
+            for (j = 0; j < o.length; j++)
+              z(o[j]);
+            Object.freeze && Object.freeze(o);
           } 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 R(L);
-      if (C.call(a, "key")) {
-        L = t(s);
-        var q = Object.keys(a).filter(function(Q) {
-          return Q !== "key";
+        else z(o);
+      if (M.call(n, "key")) {
+        o = t(s);
+        var S = Object.keys(n).filter(function(A) {
+          return A !== "key";
         });
-        f = 0 < q.length ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}", G[L + f] || (q = 0 < q.length ? "{" + q.join(": ..., ") + ": ...}" : "{}", console.error(
+        j = 0 < S.length ? "{key: someKey, " + S.join(": ..., ") + ": ...}" : "{key: someKey}", J[o + j] || (S = 0 < S.length ? "{" + S.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} />`,
-          f,
-          L,
-          q,
-          L
-        ), G[L + f] = !0);
+          j,
+          o,
+          S,
+          o
+        ), J[o + j] = !0);
       }
-      if (L = null, o !== void 0 && (n(o), L = "" + o), x(a) && (n(a.key), L = "" + a.key), "key" in a) {
-        o = {};
-        for (var u in a)
-          u !== "key" && (o[u] = a[u]);
-      } else o = a;
-      return L && m(
-        o,
+      if (o = null, c !== void 0 && (a(c), o = "" + c), d(n) && (a(n.key), o = "" + n.key), "key" in n) {
+        c = {};
+        for (var l in n)
+          l !== "key" && (c[l] = n[l]);
+      } else c = n;
+      return o && u(
+        c,
         typeof s == "function" ? s.displayName || s.name || "Unknown" : s
-      ), N(
+      ), y(
         s,
-        L,
         o,
-        c(),
-        k,
-        P
+        c,
+        x(),
+        E,
+        B
       );
     }
-    function R(s) {
-      y(s) ? s._store && (s._store.validated = 1) : typeof s == "object" && s !== null && s.$$typeof === w && (s._payload.status === "fulfilled" ? y(s._payload.value) && s._payload.value._store && (s._payload.value._store.validated = 1) : s._store && (s._store.validated = 1));
+    function z(s) {
+      N(s) ? s._store && (s._store.validated = 1) : typeof s == "object" && s !== null && s.$$typeof === C && (s._payload.status === "fulfilled" ? N(s._payload.value) && s._payload.value._store && (s._payload.value._store.validated = 1) : s._store && (s._store.validated = 1));
     }
-    function y(s) {
-      return typeof s == "object" && s !== null && s.$$typeof === M;
+    function N(s) {
+      return typeof s == "object" && s !== null && s.$$typeof === P;
     }
-    var E = ve, M = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), D = Symbol.for("react.profiler"), T = Symbol.for("react.consumer"), V = Symbol.for("react.context"), I = Symbol.for("react.forward_ref"), Y = Symbol.for("react.suspense"), U = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), W = Symbol.for("react.activity"), d = Symbol.for("react.client.reference"), v = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, A = Array.isArray, O = console.createTask ? console.createTask : function() {
+    var $ = ge, P = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), L = Symbol.for("react.consumer"), Y = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), X = Symbol.for("react.suspense"), H = Symbol.for("react.suspense_list"), U = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), h = Symbol.for("react.client.reference"), k = $.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, W = Array.isArray, F = console.createTask ? console.createTask : function() {
       return null;
     };
-    E = {
+    $ = {
       react_stack_bottom_frame: function(s) {
         return s();
       }
     };
-    var b, $ = {}, F = E.react_stack_bottom_frame.bind(
-      E,
-      h
-    )(), H = O(l(h)), G = {};
-    te.Fragment = i, te.jsx = function(s, a, o) {
-      var f = 1e4 > v.recentlyCreatedOwnerStacks++;
-      return S(
+    var p, _ = {}, I = $.react_stack_bottom_frame.bind(
+      $,
+      b
+    )(), G = F(i(b)), J = {};
+    re.Fragment = m, re.jsx = function(s, n, c) {
+      var j = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return w(
         s,
-        a,
-        o,
+        n,
+        c,
         !1,
-        f ? Error("react-stack-top-frame") : F,
-        f ? O(l(s)) : H
+        j ? Error("react-stack-top-frame") : I,
+        j ? F(i(s)) : G
       );
-    }, te.jsxs = function(s, a, o) {
-      var f = 1e4 > v.recentlyCreatedOwnerStacks++;
-      return S(
+    }, re.jsxs = function(s, n, c) {
+      var j = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return w(
         s,
-        a,
-        o,
+        n,
+        c,
         !0,
-        f ? Error("react-stack-top-frame") : F,
-        f ? O(l(s)) : H
+        j ? Error("react-stack-top-frame") : I,
+        j ? F(i(s)) : G
       );
     };
-  }()), te;
+  }()), re;
 }
-process.env.NODE_ENV === "production" ? ce.exports = Te() : ce.exports = Oe();
-var e = ce.exports;
-function Be({ text: t, link: r, linkText: n, year: l, navigationItems: c = [] }) {
-  const h = ze(), x = xe(), m = [
+process.env.NODE_ENV === "production" ? ue.exports = We() : ue.exports = Ie();
+var e = ue.exports;
+function Ze({ text: t, link: r, linkText: a, year: i, navigationItems: x = [] }) {
+  const b = Ve(), d = fe(), u = [
     {
-      icon: Ne,
+      icon: Me,
       label: "Dashboard",
       path: "/dashboard",
       key: "dashboard"
     },
     {
-      icon: ye,
+      icon: Le,
       label: "Calendar",
       path: "/calendar",
       key: "calendar"
     },
     {
-      icon: Ee,
+      icon: ze,
       label: "Admins",
       path: "/admins",
       key: "admins"
     },
     {
-      icon: Ce,
+      icon: Te,
       label: "Settings",
       path: "/settings",
       key: "settings"
     }
-  ], p = c.length > 0 ? c : m, N = (S) => x.pathname === S;
+  ], v = x.length > 0 ? x : u, y = (w) => d.pathname === w;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("footer", { className: "hidden md:block relative overflow-hidden border-t transition-all duration-300 bg-gradient-to-r from-white via-violet-50/30 to-white border-slate-200/50 dark:bg-gradient-to-r dark:from-slate-800 dark:via-slate-900 dark:to-slate-800 dark:border-slate-700/50 shadow-sm", children: [
       /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 w-full h-full opacity-5 bg-gradient-to-r from-violet-300 to-indigo-300 dark:bg-gradient-to-r dark:from-violet-500 dark:to-indigo-500" }),
@@ -329,7 +329,7 @@ function Be({ text: t, link: r, linkText: n, year: l, navigationItems: c = [] })
           ) }),
           /* @__PURE__ */ e.jsxs("span", { className: "text-sm text-slate-600 dark:text-slate-400", children: [
             "© ",
-            l || (/* @__PURE__ */ new Date()).getFullYear()
+            i || (/* @__PURE__ */ new Date()).getFullYear()
           ] }),
           /* @__PURE__ */ e.jsx(
             "a",
@@ -338,7 +338,7 @@ function Be({ text: t, link: r, linkText: n, year: l, navigationItems: c = [] })
               target: "_blank",
               rel: "noopener noreferrer",
               className: "text-sm font-medium transition-all duration-200 hover:scale-105 inline-block text-violet-600 hover:text-violet-700 dark:text-violet-400 dark:hover:text-violet-300",
-              children: t || n || "Footer Text"
+              children: t || a || "Footer Text"
             }
           )
         ] }),
@@ -361,7 +361,7 @@ function Be({ text: t, link: r, linkText: n, year: l, navigationItems: c = [] })
           ),
           /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-slate-500 dark:text-slate-500", children: [
             "Made with ",
-            /* @__PURE__ */ e.jsx(je, { className: "w-3 h-3 inline text-red-500 fill-red-500" })
+            /* @__PURE__ */ e.jsx(Re, { className: "w-3 h-3 inline text-red-500 fill-red-500" })
           ] })
         ] })
       ] }) })
@@ -369,30 +369,30 @@ function Be({ text: t, link: r, linkText: n, year: l, navigationItems: c = [] })
     /* @__PURE__ */ e.jsx("nav", { className: "md:hidden fixed bottom-0 left-0 right-0 z-50 safe-area-bottom", children: /* @__PURE__ */ e.jsxs("div", { className: "relative backdrop-blur-2xl bg-white/90 dark:bg-slate-900/95 border-t border-slate-200/50 dark:border-slate-700/50 shadow-2xl", children: [
       /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-violet-50/30 to-transparent dark:from-violet-950/20 dark:to-transparent pointer-events-none" }),
       /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 left-0 right-0 h-0.5 bg-gradient-to-r from-transparent via-violet-500 to-transparent opacity-50" }),
-      /* @__PURE__ */ e.jsx("div", { className: "relative grid grid-cols-4 gap-1 px-2 py-2 pb-safe", children: p.map((S, R) => {
-        const y = S.icon, E = N(S.path);
+      /* @__PURE__ */ e.jsx("div", { className: "relative grid grid-cols-4 gap-1 px-2 py-2 pb-safe", children: v.map((w, z) => {
+        const N = w.icon, $ = y(w.path);
         return /* @__PURE__ */ e.jsxs(
           "button",
           {
-            onClick: () => h(S.path),
-            className: `relative flex flex-col items-center justify-center py-2 px-1 rounded-2xl transition-all duration-300 group ${E ? "bg-gradient-to-br from-violet-500 to-indigo-600 shadow-lg shadow-violet-500/30" : "hover:bg-slate-100 dark:hover:bg-slate-800/50 active:scale-95"}`,
+            onClick: () => b(w.path),
+            className: `relative flex flex-col items-center justify-center py-2 px-1 rounded-2xl transition-all duration-300 group ${$ ? "bg-gradient-to-br from-violet-500 to-indigo-600 shadow-lg shadow-violet-500/30" : "hover:bg-slate-100 dark:hover:bg-slate-800/50 active:scale-95"}`,
             children: [
-              E && /* @__PURE__ */ e.jsx("div", { className: "absolute -top-1 left-1/2 -translate-x-1/2 w-1 h-1 rounded-full bg-white shadow-lg shadow-white/50 animate-pulse" }),
-              /* @__PURE__ */ e.jsxs("div", { className: `relative mb-1 transition-transform duration-300 ${E ? "scale-110" : "group-hover:scale-110"}`, children: [
+              $ && /* @__PURE__ */ e.jsx("div", { className: "absolute -top-1 left-1/2 -translate-x-1/2 w-1 h-1 rounded-full bg-white shadow-lg shadow-white/50 animate-pulse" }),
+              /* @__PURE__ */ e.jsxs("div", { className: `relative mb-1 transition-transform duration-300 ${$ ? "scale-110" : "group-hover:scale-110"}`, children: [
                 /* @__PURE__ */ e.jsx(
-                  y,
+                  N,
                   {
-                    className: `w-6 h-6 transition-colors duration-300 ${E ? "text-white" : "text-slate-600 dark:text-slate-400 group-hover:text-violet-600 dark:group-hover:text-violet-400"}`,
-                    strokeWidth: E ? 2.5 : 2
+                    className: `w-6 h-6 transition-colors duration-300 ${$ ? "text-white" : "text-slate-600 dark:text-slate-400 group-hover:text-violet-600 dark:group-hover:text-violet-400"}`,
+                    strokeWidth: $ ? 2.5 : 2
                   }
                 ),
-                E && /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 rounded-full bg-white/20 animate-ping" })
+                $ && /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 rounded-full bg-white/20 animate-ping" })
               ] }),
-              /* @__PURE__ */ e.jsx("span", { className: `text-xs font-semibold transition-all duration-300 ${E ? "text-white scale-105" : "text-slate-600 dark:text-slate-400 group-hover:text-violet-600 dark:group-hover:text-violet-400"}`, children: S.label }),
-              S.badge && /* @__PURE__ */ e.jsx("div", { className: "absolute top-1 right-2 w-2 h-2 rounded-full bg-red-500 border-2 border-white dark:border-slate-900 animate-pulse" })
+              /* @__PURE__ */ e.jsx("span", { className: `text-xs font-semibold transition-all duration-300 ${$ ? "text-white scale-105" : "text-slate-600 dark:text-slate-400 group-hover:text-violet-600 dark:group-hover:text-violet-400"}`, children: w.label }),
+              w.badge && /* @__PURE__ */ e.jsx("div", { className: "absolute top-1 right-2 w-2 h-2 rounded-full bg-red-500 border-2 border-white dark:border-slate-900 animate-pulse" })
             ]
           },
-          S.key || R
+          w.key || z
         );
       }) }),
       /* @__PURE__ */ e.jsx("div", { className: "h-safe-area-inset-bottom bg-white/50 dark:bg-slate-900/50" })
@@ -410,27 +410,27 @@ function Be({ text: t, link: r, linkText: n, year: l, navigationItems: c = [] })
             ` })
   ] });
 }
-const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
-  const [l, c] = z(!1), [h, x] = z({ top: 0, right: 0 }), m = K(null), p = K(null);
-  return J(() => {
-    const N = (S) => {
-      m.current && !m.current.contains(S.target) && p.current && !p.current.contains(S.target) && c(!1);
+const He = ({ user: t, onLogout: r, showEmail: a = !0 }) => {
+  const [i, x] = T(!1), [b, d] = T({ top: 0, right: 0 }), u = ee(null), v = ee(null);
+  return Q(() => {
+    const y = (w) => {
+      u.current && !u.current.contains(w.target) && v.current && !v.current.contains(w.target) && x(!1);
     };
-    return l && document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
-  }, [l]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    return i && document.addEventListener("mousedown", y), () => document.removeEventListener("mousedown", y);
+  }, [i]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
-        ref: m,
+        ref: u,
         onClick: () => {
-          if (!l && m.current) {
-            const N = m.current.getBoundingClientRect();
-            x({
-              top: N.bottom + 6,
-              right: window.innerWidth - N.right
+          if (!i && u.current) {
+            const y = u.current.getBoundingClientRect();
+            d({
+              top: y.bottom + 6,
+              right: window.innerWidth - y.right
             });
           }
-          c(!l);
+          x(!i);
         },
         title: "Account",
         className: `p-2 sm:p-2.5 rounded-xl transition-all duration-200
@@ -440,22 +440,22 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                    hover:scale-105 active:scale-95
                    flex items-center gap-1`,
         children: [
-          /* @__PURE__ */ e.jsx(pe, { className: "w-[18px] h-[18px]" }),
+          /* @__PURE__ */ e.jsx(Ee, { className: "w-[18px] h-[18px]" }),
           /* @__PURE__ */ e.jsx(
-            ae,
+            le,
             {
-              className: `w-3 h-3 text-slate-400 transition-transform duration-200 ${l ? "rotate-180" : ""}`
+              className: `w-3 h-3 text-slate-400 transition-transform duration-200 ${i ? "rotate-180" : ""}`
             }
           )
         ]
       }
     ),
-    l && de(
+    i && be(
       /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: p,
-          style: { top: h.top, right: h.right },
+          ref: v,
+          style: { top: b.top, right: b.right },
           className: `fixed w-48 rounded-xl border shadow-lg overflow-hidden z-[9999]
                      bg-white border-slate-200/60
                      dark:bg-slate-800 dark:border-slate-700/60
@@ -463,20 +463,20 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
           children: [
             ((t == null ? void 0 : t.name) || (t == null ? void 0 : t.email)) && /* @__PURE__ */ e.jsxs("div", { className: "px-3.5 py-3 border-b border-slate-100 dark:border-slate-700", children: [
               (t == null ? void 0 : t.name) && /* @__PURE__ */ e.jsx("p", { className: "text-sm font-semibold text-slate-800 dark:text-slate-200 truncate", children: t.name }),
-              n && (t == null ? void 0 : t.email) && /* @__PURE__ */ e.jsx("p", { className: "text-xs font-medium text-slate-500 dark:text-slate-400 truncate mt-0.5", children: t.email })
+              a && (t == null ? void 0 : t.email) && /* @__PURE__ */ e.jsx("p", { className: "text-xs font-medium text-slate-500 dark:text-slate-400 truncate mt-0.5", children: t.email })
             ] }),
             /* @__PURE__ */ e.jsxs(
               "button",
               {
                 onClick: () => {
-                  c(!1), r();
+                  x(!1), r();
                 },
                 className: `w-full flex items-center gap-2 px-3.5 py-2.5
                        text-sm font-medium text-red-600 dark:text-red-400
                        hover:bg-red-50 dark:hover:bg-red-900/20
                        transition-colors duration-150`,
                 children: [
-                  /* @__PURE__ */ e.jsx(fe, { className: "w-4 h-4 flex-shrink-0" }),
+                  /* @__PURE__ */ e.jsx(Se, { className: "w-4 h-4 flex-shrink-0" }),
                   "Logout"
                 ]
               }
@@ -487,61 +487,61 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
       document.body
     )
   ] });
-}, He = ({
+}, Ke = ({
   appIcon: t,
   appName: r,
-  appShortName: n,
-  appTagline: l,
-  userName: c,
+  appShortName: a,
+  appTagline: i,
+  userName: x,
   // <-- Taken from props!
-  userEmail: h,
+  userEmail: b,
   // <-- Taken from props!
-  userRole: x,
-  onLogout: m,
+  userRole: d,
+  onLogout: u,
   // <-- Added onLogout prop!
-  navLinks: p = [],
-  showAccessibility: N = !0,
-  showUserInfo: S = !0,
-  showLanguageSelector: R = !0,
-  showThemeToggle: y = !0,
-  showAppIcon: E = !0,
-  showAppFullName: M = !0,
-  showAppTagline: g = !1,
-  showNavLinks: i = !1,
-  rightContent: j
+  navLinks: v = [],
+  showAccessibility: y = !0,
+  showUserInfo: w = !0,
+  showLanguageSelector: z = !0,
+  showThemeToggle: N = !0,
+  showAppIcon: $ = !0,
+  showAppFullName: P = !0,
+  showAppTagline: f = !1,
+  showNavLinks: m = !1,
+  rightContent: g
 }) => {
-  var q;
-  const D = xe(), [T, V] = z(
+  var S;
+  const R = fe(), [L, Y] = T(
     localStorage.getItem("language") || "eng"
-  ), [I, Y] = z(!1), [U, B] = z(!1), [w, W] = z(16), [d, v] = z(!1), [C, A] = z(!1), [O, b] = z(!1), [$, F] = z(!1), [H, G] = z(!1);
-  J(() => {
-    const u = localStorage.getItem("theme") || "light";
-    b(u === "dark"), document.documentElement.classList.toggle("dark", u === "dark");
-  }, []), J(() => {
-    const u = () => G(window.scrollY > 8);
-    return window.addEventListener("scroll", u, { passive: !0 }), () => window.removeEventListener("scroll", u);
-  }, []), J(() => {
-    F(!1);
-  }, [D.pathname]);
+  ), [D, X] = T(!1), [H, U] = T(!1), [C, O] = T(16), [h, k] = T(!1), [M, W] = T(!1), [F, p] = T(!1), [_, I] = T(!1), [G, J] = T(!1);
+  Q(() => {
+    const l = localStorage.getItem("theme") || "light";
+    p(l === "dark"), document.documentElement.classList.toggle("dark", l === "dark");
+  }, []), Q(() => {
+    const l = () => J(window.scrollY > 8);
+    return window.addEventListener("scroll", l, { passive: !0 }), () => window.removeEventListener("scroll", l);
+  }, []), Q(() => {
+    I(!1);
+  }, [R.pathname]);
   const s = () => {
-    b((u) => {
-      const Q = !u;
-      return Q ? (document.documentElement.classList.add("dark"), localStorage.setItem("theme", "dark")) : (document.documentElement.classList.remove("dark"), localStorage.setItem("theme", "light")), Q;
+    p((l) => {
+      const A = !l;
+      return A ? (document.documentElement.classList.add("dark"), localStorage.setItem("theme", "dark")) : (document.documentElement.classList.remove("dark"), localStorage.setItem("theme", "light")), A;
     });
-  }, a = (u) => {
-    V(u), localStorage.setItem("language", u), B(!1);
+  }, n = (l) => {
+    Y(l), localStorage.setItem("language", l), U(!1);
   };
-  J(() => {
-    document.documentElement.style.fontSize = `${w}px`, document.body.style.filter = d ? "grayscale(100%)" : "none", document.body.style.fontFamily = C ? "OpenDyslexic, Arial, sans-serif" : "inherit";
-  }, [w, d, C]);
-  const o = {
+  Q(() => {
+    document.documentElement.style.fontSize = `${C}px`, document.body.style.filter = h ? "grayscale(100%)" : "none", document.body.style.fontFamily = M ? "OpenDyslexic, Arial, sans-serif" : "inherit";
+  }, [C, h, M]);
+  const c = {
     eng: { label: "English", disabled: !1 },
     hin: { label: "Hindi", disabled: !1 }
-  }, f = () => {
-    w < 24 && W(w + 2);
-  }, k = () => {
-    w > 12 && W(w - 2);
-  }, P = () => W(16), L = (u) => u === "/" ? D.pathname === "/" : D.pathname.startsWith(u);
+  }, j = () => {
+    C < 24 && O(C + 2);
+  }, E = () => {
+    C > 12 && O(C - 2);
+  }, B = () => O(16), o = (l) => l === "/" ? R.pathname === "/" : R.pathname.startsWith(l);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs(
       "nav",
@@ -551,7 +551,7 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
           bg-white/95 dark:bg-slate-900/95 backdrop-blur-md
           border-b border-slate-200/60 dark:border-slate-700/60
           transition-all duration-300
-          ${H ? "shadow-xl shadow-slate-200/50 dark:shadow-slate-950/50" : "shadow-sm shadow-slate-100/50 dark:shadow-slate-900/30"}
+          ${G ? "shadow-xl shadow-slate-200/50 dark:shadow-slate-950/50" : "shadow-sm shadow-slate-100/50 dark:shadow-slate-900/30"}
         `,
         children: [
           /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 right-0 w-96 h-96 rounded-full blur-3xl opacity-20 bg-violet-300 dark:bg-violet-500 -translate-y-1/2 translate-x-1/2 pointer-events-none" }),
@@ -559,7 +559,7 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
           /* @__PURE__ */ e.jsxs("div", { className: "relative z-10 mx-auto px-3 sm:px-5 lg:px-6 py-2 sm:py-0", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between h-14 sm:h-20", children: [
               /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 sm:gap-4 group flex-shrink-0", children: [
-                E && t && /* @__PURE__ */ e.jsx("div", { className: "w-8 h-8 sm:w-16 sm:h-16 flex items-center justify-center group-hover:scale-105 transition-transform duration-200", children: /* @__PURE__ */ e.jsx(
+                $ && t && /* @__PURE__ */ e.jsx("div", { className: "w-8 h-8 sm:w-16 sm:h-16 flex items-center justify-center group-hover:scale-105 transition-transform duration-200", children: /* @__PURE__ */ e.jsx(
                   "img",
                   {
                     src: t,
@@ -568,248 +568,248 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                   }
                 ) }),
                 /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col leading-tight", children: [
-                  /* @__PURE__ */ e.jsx("span", { className: "font-extrabold text-base sm:text-xl text-slate-900 dark:text-white sm:hidden tracking-tight", children: n || r }),
+                  /* @__PURE__ */ e.jsx("span", { className: "font-extrabold text-base sm:text-xl text-slate-900 dark:text-white sm:hidden tracking-tight", children: a || r }),
                   /* @__PURE__ */ e.jsxs("div", { className: "hidden sm:flex flex-col", children: [
-                    /* @__PURE__ */ e.jsx("span", { className: "font-extrabold text-slate-900 dark:text-white tracking-tight text-lg lg:hidden", children: n || r }),
-                    M && /* @__PURE__ */ e.jsx("span", { className: "font-extrabold text-slate-900 dark:text-white tracking-tight hidden lg:block text-[17px] xl:text-lg leading-tight max-w-md", children: r }),
-                    g && l && /* @__PURE__ */ e.jsx("span", { className: "mt-0.5 text-[10px] font-semibold tracking-[0.2em] text-violet-600 dark:text-violet-400 uppercase", children: l })
+                    /* @__PURE__ */ e.jsx("span", { className: "font-extrabold text-slate-900 dark:text-white tracking-tight text-lg lg:hidden", children: a || r }),
+                    P && /* @__PURE__ */ e.jsx("span", { className: "font-extrabold text-slate-900 dark:text-white tracking-tight hidden lg:block text-[17px] xl:text-lg leading-tight max-w-md", children: r }),
+                    f && i && /* @__PURE__ */ e.jsx("span", { className: "mt-0.5 text-[10px] font-semibold tracking-[0.2em] text-violet-600 dark:text-violet-400 uppercase", children: i })
                   ] })
                 ] })
               ] }),
-              i && p.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "hidden md:flex items-center gap-2", children: p.map((u) => {
-                var Z;
-                return u != null && u.to ? ((Z = u == null ? void 0 : u.to) == null ? void 0 : Z.startsWith("http")) ? /* @__PURE__ */ e.jsx(
+              m && v.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "hidden md:flex items-center gap-2", children: v.map((l) => {
+                var q;
+                return l != null && l.to ? ((q = l == null ? void 0 : l.to) == null ? void 0 : q.startsWith("http")) ? /* @__PURE__ */ e.jsx(
                   "a",
                   {
-                    href: u.to,
-                    target: u.target || "_self",
+                    href: l.to,
+                    target: l.target || "_self",
                     rel: "noopener noreferrer",
                     className: "relative px-4 lg:px-5 py-2.5 rounded-xl text-sm font-semibold tracking-wide transition-all duration-200 text-slate-600 dark:text-slate-300 hover:text-violet-700 dark:hover:text-violet-400 hover:bg-violet-50/80 dark:hover:bg-slate-700/50",
-                    children: u.label
+                    children: l.label
                   },
-                  u.to
+                  l.to
                 ) : /* @__PURE__ */ e.jsxs(
-                  ne,
+                  de,
                   {
-                    to: u.to,
-                    target: u.target || "_self",
-                    rel: u.target === "_blank" ? "noopener noreferrer" : void 0,
-                    className: `relative px-4 lg:px-5 py-2.5 rounded-xl text-sm font-semibold tracking-wide transition-all duration-200 ${L(u.to) ? "text-violet-700 dark:text-violet-400 bg-violet-50 dark:bg-violet-600/10 shadow-sm" : "text-slate-600 dark:text-slate-300 hover:text-violet-700 dark:hover:text-violet-400 hover:bg-violet-50/80 dark:hover:bg-slate-700/50"}`,
+                    to: l.to,
+                    target: l.target || "_self",
+                    rel: l.target === "_blank" ? "noopener noreferrer" : void 0,
+                    className: `relative px-4 lg:px-5 py-2.5 rounded-xl text-sm font-semibold tracking-wide transition-all duration-200 ${o(l.to) ? "text-violet-700 dark:text-violet-400 bg-violet-50 dark:bg-violet-600/10 shadow-sm" : "text-slate-600 dark:text-slate-300 hover:text-violet-700 dark:hover:text-violet-400 hover:bg-violet-50/80 dark:hover:bg-slate-700/50"}`,
                     children: [
-                      u.label,
-                      L(u.to) && /* @__PURE__ */ e.jsx("span", { className: "absolute bottom-1 left-1/2 -translate-x-1/2 w-4 h-0.5 rounded-full bg-gradient-to-r from-violet-600 to-indigo-600" })
+                      l.label,
+                      o(l.to) && /* @__PURE__ */ e.jsx("span", { className: "absolute bottom-1 left-1/2 -translate-x-1/2 w-4 h-0.5 rounded-full bg-gradient-to-r from-violet-600 to-indigo-600" })
                     ]
                   },
-                  u.to
+                  l.to
                 ) : null;
               }) }),
               /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1.5 sm:gap-2", children: [
-                j && /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: j }),
-                N && /* @__PURE__ */ e.jsx(
+                g && /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: g }),
+                y && /* @__PURE__ */ e.jsx(
                   "button",
                   {
-                    onClick: () => Y(!0),
+                    onClick: () => X(!0),
                     className: "p-2 sm:p-2.5 rounded-xl transition-all duration-200 bg-white hover:bg-slate-50 text-slate-700 border border-slate-200 shadow-sm dark:bg-slate-700/50 dark:hover:bg-slate-700 dark:text-slate-300 dark:border-slate-600/50 hover:scale-105 active:scale-95",
                     title: "Accessibility Settings",
                     children: /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4 sm:w-[18px] sm:h-[18px]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" }) })
                   }
                 ),
-                y && /* @__PURE__ */ e.jsx(
+                N && /* @__PURE__ */ e.jsx(
                   "button",
                   {
                     onClick: s,
                     "aria-label": "Toggle theme",
-                    title: O ? "Switch to Light Mode" : "Switch to Dark Mode",
+                    title: F ? "Switch to Light Mode" : "Switch to Dark Mode",
                     className: "p-2 sm:p-2.5 rounded-xl transition-all duration-200 bg-white hover:bg-slate-50 text-slate-700 border border-slate-200 shadow-sm dark:bg-slate-700/50 dark:hover:bg-slate-700 dark:text-yellow-400 dark:border-slate-600/50 hover:scale-105 active:scale-95",
-                    children: O ? /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4 sm:w-[18px] sm:h-[18px]", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z", clipRule: "evenodd" }) }) : /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4 sm:w-[18px] sm:h-[18px]", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { d: "M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" }) })
+                    children: F ? /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4 sm:w-[18px] sm:h-[18px]", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z", clipRule: "evenodd" }) }) : /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4 sm:w-[18px] sm:h-[18px]", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { d: "M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" }) })
                   }
                 ),
-                R && /* @__PURE__ */ e.jsxs(
+                z && /* @__PURE__ */ e.jsxs(
                   "button",
                   {
-                    onClick: () => B(!0),
+                    onClick: () => U(!0),
                     className: "hidden sm:flex items-center gap-2 px-4 py-2.5 rounded-xl bg-white hover:bg-slate-50 text-slate-700 border border-slate-200 shadow-sm dark:bg-slate-700/50 dark:hover:bg-slate-700 dark:text-slate-300 dark:border-slate-600/50 hover:scale-105 active:scale-95 transition-all duration-200",
                     children: [
                       /* @__PURE__ */ e.jsx("svg", { className: "w-[18px] h-[18px]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 2a10 10 0 100 20 10 10 0 000-20zm0 0c2.5 2.5 4 6 4 10s-1.5 7.5-4 10m0-20C9.5 4.5 8 8 8 12s1.5 7.5 4 10m-9-10h18" }) }),
-                      /* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium", children: (q = o[T]) == null ? void 0 : q.label })
+                      /* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium", children: (S = c[L]) == null ? void 0 : S.label })
                     ]
                   }
                 ),
-                R && /* @__PURE__ */ e.jsx(
+                z && /* @__PURE__ */ e.jsx(
                   "button",
                   {
-                    onClick: () => B(!0),
+                    onClick: () => U(!0),
                     className: "sm:hidden p-2 rounded-xl bg-white hover:bg-slate-50 text-slate-700 border border-slate-200 shadow-sm dark:bg-slate-700/50 dark:hover:bg-slate-700 dark:text-slate-300 dark:border-slate-600/50 hover:scale-105 active:scale-95 transition-all duration-200",
                     children: /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 2a10 10 0 100 20 10 10 0 000-20zm0 0c2.5 2.5 4 6 4 10s-1.5 7.5-4 10m0-20C9.5 4.5 8 8 8 12s1.5 7.5 4 10m-9-10h18" }) })
                   }
                 ),
-                S && /* @__PURE__ */ e.jsx(
-                  Ae,
+                w && /* @__PURE__ */ e.jsx(
+                  He,
                   {
-                    user: { name: c, email: h },
-                    onLogout: m,
+                    user: { name: x, email: b },
+                    onLogout: u,
                     showEmail: !0
                   }
                 ),
-                i && p.length > 0 && /* @__PURE__ */ e.jsx(
+                m && v.length > 0 && /* @__PURE__ */ e.jsx(
                   "button",
                   {
-                    onClick: () => F((u) => !u),
-                    "aria-label": $ ? "Close menu" : "Open menu",
+                    onClick: () => I((l) => !l),
+                    "aria-label": _ ? "Close menu" : "Open menu",
                     className: "md:hidden p-2 rounded-xl transition-all duration-200 bg-white dark:bg-slate-700/50 border border-slate-200 dark:border-slate-600/50 text-slate-700 dark:text-slate-300 shadow-sm hover:scale-105 active:scale-95",
-                    children: $ ? /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) : /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" }) })
+                    children: _ ? /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) : /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" }) })
                   }
                 )
               ] })
             ] }),
-            i && $ && p.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "md:hidden border-t border-slate-200 dark:border-slate-700 pb-3 animate-in slide-in-from-top-2 duration-200", children: /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-0.5 pt-2", children: p.map((u) => {
-              var Z;
-              return u != null && u.to ? ((Z = u == null ? void 0 : u.to) == null ? void 0 : Z.startsWith("http")) ? /* @__PURE__ */ e.jsx(
+            m && _ && v.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "md:hidden border-t border-slate-200 dark:border-slate-700 pb-3 animate-in slide-in-from-top-2 duration-200", children: /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-0.5 pt-2", children: v.map((l) => {
+              var q;
+              return l != null && l.to ? ((q = l == null ? void 0 : l.to) == null ? void 0 : q.startsWith("http")) ? /* @__PURE__ */ e.jsx(
                 "a",
                 {
-                  href: u.to,
-                  target: u.target || "_self",
+                  href: l.to,
+                  target: l.target || "_self",
                   rel: "noopener noreferrer",
                   className: "flex items-center justify-between px-3 py-2.5 rounded-xl text-sm font-semibold transition-all duration-200 text-slate-700 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700/50",
-                  children: u.label
+                  children: l.label
                 },
-                u.to
+                l.to
               ) : /* @__PURE__ */ e.jsxs(
-                ne,
+                de,
                 {
-                  to: u.to,
-                  target: u.target || "_self",
-                  rel: u.target === "_blank" ? "noopener noreferrer" : void 0,
-                  className: `flex items-center justify-between px-3 py-2.5 rounded-xl text-sm font-semibold transition-all duration-200 ${L(u.to) ? "bg-violet-50 dark:bg-violet-600/10 text-violet-700 dark:text-violet-400" : "text-slate-700 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700/50"}`,
+                  to: l.to,
+                  target: l.target || "_self",
+                  rel: l.target === "_blank" ? "noopener noreferrer" : void 0,
+                  className: `flex items-center justify-between px-3 py-2.5 rounded-xl text-sm font-semibold transition-all duration-200 ${o(l.to) ? "bg-violet-50 dark:bg-violet-600/10 text-violet-700 dark:text-violet-400" : "text-slate-700 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700/50"}`,
                   children: [
-                    u.label,
-                    L(u.to) && /* @__PURE__ */ e.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-gradient-to-r from-violet-600 to-indigo-600" })
+                    l.label,
+                    o(l.to) && /* @__PURE__ */ e.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-gradient-to-r from-violet-600 to-indigo-600" })
                   ]
                 },
-                u.to
+                l.to
               ) : null;
             }) }) })
           ] })
         ]
       }
     ),
-    I && /* Accessibility Modal (unchanged) */
+    D && /* Accessibility Modal (unchanged) */
     /* @__PURE__ */ e.jsx("div", { className: "overflow-hidden overflow-x-hidden fixed top-0 right-0 left-0 z-50 flex justify-center items-center w-full h-full bg-gray-800 bg-opacity-50", children: /* @__PURE__ */ e.jsx("div", { className: "relative p-4 w-full max-w-md", children: /* @__PURE__ */ e.jsxs("div", { className: "relative rounded-2xl shadow-2xl bg-white border border-slate-200 dark:bg-gradient-to-br dark:from-slate-800 dark:to-slate-900 dark:border dark:border-slate-700", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between p-5 border-b rounded-t-2xl border-slate-200 dark:border-slate-700 bg-gradient-to-r from-slate-50 to-violet-50/30 dark:bg-gradient-to-r dark:from-slate-800 dark:to-slate-900", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-3", children: [
           /* @__PURE__ */ e.jsx("div", { className: "w-10 h-10 rounded-lg bg-gradient-to-br from-violet-600 to-indigo-600 flex items-center justify-center", children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" }) }) }),
           /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-bold text-slate-900 dark:text-white", children: "Accessibility Settings" })
         ] }),
-        /* @__PURE__ */ e.jsx("button", { onClick: () => Y(!1), className: "p-2 rounded-lg transition-colors text-slate-400 hover:bg-slate-100 hover:text-slate-900 dark:hover:bg-slate-700 dark:hover:text-white", children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })
+        /* @__PURE__ */ e.jsx("button", { onClick: () => X(!1), className: "p-2 rounded-lg transition-colors text-slate-400 hover:bg-slate-100 hover:text-slate-900 dark:hover:bg-slate-700 dark:hover:text-white", children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "p-6 space-y-6", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ e.jsx("span", { className: "text-sm font-semibold text-slate-700 dark:text-slate-300", children: "Font Size" }),
             /* @__PURE__ */ e.jsxs("span", { className: "text-sm font-medium px-3 py-1 rounded-lg bg-violet-100 text-violet-700 border border-violet-200 dark:bg-violet-600/20 dark:text-violet-400 dark:border dark:border-violet-500/30", children: [
-              w,
+              C,
               "px"
             ] })
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ e.jsx("button", { onClick: k, className: "flex-1 py-3 px-4 rounded-xl font-semibold transition-all duration-200 bg-slate-100 hover:bg-slate-200 text-slate-700 border border-slate-200 dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-300 dark:border dark:border-slate-600", children: "A-" }),
-            /* @__PURE__ */ e.jsx("button", { onClick: P, className: "flex-1 py-3 px-4 rounded-xl font-semibold transition-all duration-200 bg-slate-100 hover:bg-slate-200 text-slate-700 border border-slate-200 dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-300 dark:border dark:border-slate-600", children: "A" }),
-            /* @__PURE__ */ e.jsx("button", { onClick: f, className: "flex-1 py-3 px-4 rounded-xl font-semibold transition-all duration-200 bg-slate-100 hover:bg-slate-200 text-slate-700 border border-slate-200 dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-300 dark:border dark:border-slate-600", children: "A+" })
+            /* @__PURE__ */ e.jsx("button", { onClick: E, className: "flex-1 py-3 px-4 rounded-xl font-semibold transition-all duration-200 bg-slate-100 hover:bg-slate-200 text-slate-700 border border-slate-200 dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-300 dark:border dark:border-slate-600", children: "A-" }),
+            /* @__PURE__ */ e.jsx("button", { onClick: B, className: "flex-1 py-3 px-4 rounded-xl font-semibold transition-all duration-200 bg-slate-100 hover:bg-slate-200 text-slate-700 border border-slate-200 dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-300 dark:border dark:border-slate-600", children: "A" }),
+            /* @__PURE__ */ e.jsx("button", { onClick: j, className: "flex-1 py-3 px-4 rounded-xl font-semibold transition-all duration-200 bg-slate-100 hover:bg-slate-200 text-slate-700 border border-slate-200 dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-300 dark:border dark:border-slate-600", children: "A+" })
           ] })
         ] }),
         /* @__PURE__ */ e.jsx("div", { className: "border-t border-slate-200 dark:border-slate-700" }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-center", children: [
           /* @__PURE__ */ e.jsx("label", { className: "text-sm font-semibold text-slate-700 dark:text-slate-300", children: "Grayscale Mode" }),
-          /* @__PURE__ */ e.jsx("button", { onClick: () => v(!d), className: `relative inline-flex h-7 w-12 items-center rounded-full transition-colors ${d ? "bg-gradient-to-r from-violet-600 to-indigo-600" : "bg-slate-300 dark:bg-slate-700"}`, children: /* @__PURE__ */ e.jsx("span", { className: `inline-block h-5 w-5 transform rounded-full bg-white shadow-lg transition-transform ${d ? "translate-x-6" : "translate-x-1"}` }) })
+          /* @__PURE__ */ e.jsx("button", { onClick: () => k(!h), className: `relative inline-flex h-7 w-12 items-center rounded-full transition-colors ${h ? "bg-gradient-to-r from-violet-600 to-indigo-600" : "bg-slate-300 dark:bg-slate-700"}`, children: /* @__PURE__ */ e.jsx("span", { className: `inline-block h-5 w-5 transform rounded-full bg-white shadow-lg transition-transform ${h ? "translate-x-6" : "translate-x-1"}` }) })
         ] }),
         /* @__PURE__ */ e.jsx("div", { className: "border-t border-slate-200 dark:border-slate-700" }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-center", children: [
           /* @__PURE__ */ e.jsx("label", { className: "text-sm font-semibold text-slate-700 dark:text-slate-300", children: "Dyslexia-Friendly Font" }),
-          /* @__PURE__ */ e.jsx("button", { onClick: () => A(!C), className: `relative inline-flex h-7 w-12 items-center rounded-full transition-colors ${C ? "bg-gradient-to-r from-violet-600 to-indigo-600" : "bg-slate-300 dark:bg-slate-700"}`, children: /* @__PURE__ */ e.jsx("span", { className: `inline-block h-5 w-5 transform rounded-full bg-white shadow-lg transition-transform ${C ? "translate-x-6" : "translate-x-1"}` }) })
+          /* @__PURE__ */ e.jsx("button", { onClick: () => W(!M), className: `relative inline-flex h-7 w-12 items-center rounded-full transition-colors ${M ? "bg-gradient-to-r from-violet-600 to-indigo-600" : "bg-slate-300 dark:bg-slate-700"}`, children: /* @__PURE__ */ e.jsx("span", { className: `inline-block h-5 w-5 transform rounded-full bg-white shadow-lg transition-transform ${M ? "translate-x-6" : "translate-x-1"}` }) })
         ] })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "flex p-5 border-t rounded-b border-slate-200 dark:border-slate-700", children: /* @__PURE__ */ e.jsx("button", { onClick: () => Y(!1), className: "w-full py-3 px-5 text-sm font-semibold text-white bg-gradient-to-r from-violet-600 to-indigo-600 hover:from-violet-700 hover:to-indigo-700 rounded-xl shadow-lg transition-all duration-200", children: "Close" }) })
+      /* @__PURE__ */ e.jsx("div", { className: "flex p-5 border-t rounded-b border-slate-200 dark:border-slate-700", children: /* @__PURE__ */ e.jsx("button", { onClick: () => X(!1), className: "w-full py-3 px-5 text-sm font-semibold text-white bg-gradient-to-r from-violet-600 to-indigo-600 hover:from-violet-700 hover:to-indigo-700 rounded-xl shadow-lg transition-all duration-200", children: "Close" }) })
     ] }) }) }),
-    U && /* Language Modal (unchanged) */
+    H && /* Language Modal (unchanged) */
     /* @__PURE__ */ e.jsx("div", { className: "overflow-hidden overflow-x-hidden fixed top-0 right-0 left-0 z-50 flex justify-center items-center w-full h-full bg-gray-800 bg-opacity-50", children: /* @__PURE__ */ e.jsx("div", { className: "relative p-4 w-full max-w-md", children: /* @__PURE__ */ e.jsxs("div", { className: "relative rounded-2xl shadow-2xl bg-white border border-slate-200 dark:bg-gradient-to-br dark:from-slate-800 dark:to-slate-900 dark:border dark:border-slate-700", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between p-5 border-b rounded-t-2xl border-slate-200 dark:border-slate-700 bg-gradient-to-r from-slate-50 to-violet-50/30 dark:bg-gradient-to-r dark:from-slate-800 dark:to-slate-900", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-3", children: [
           /* @__PURE__ */ e.jsx("div", { className: "w-10 h-10 rounded-lg bg-gradient-to-br from-violet-600 to-indigo-600 flex items-center justify-center", children: /* @__PURE__ */ e.jsx("svg", { className: "w-[18px] h-[18px] text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 2a10 10 0 100 20 10 10 0 000-20zm0 0c2.5 2.5 4 6 4 10s-1.5 7.5-4 10m0-20C9.5 4.5 8 8 8 12s1.5 7.5 4 10m-9-10h18" }) }) }),
           /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-bold text-slate-900 dark:text-white", children: "Select Language" })
         ] }),
-        /* @__PURE__ */ e.jsx("button", { onClick: () => B(!1), className: "p-2 rounded-lg transition-colors text-slate-400 hover:bg-slate-100 hover:text-slate-900 dark:hover:bg-slate-700 dark:hover:text-white", children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })
+        /* @__PURE__ */ e.jsx("button", { onClick: () => U(!1), className: "p-2 rounded-lg transition-colors text-slate-400 hover:bg-slate-100 hover:text-slate-900 dark:hover:bg-slate-700 dark:hover:text-white", children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "p-5", children: /* @__PURE__ */ e.jsx("ul", { className: "space-y-3", children: Object.keys(o).map((u) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("button", { onClick: () => a(u), disabled: o[u].disabled, className: `w-full px-5 py-4 rounded-xl text-left font-semibold transition-all duration-200 ${u === T ? "bg-gradient-to-r from-violet-600 to-indigo-600 text-white shadow-lg" : "bg-slate-50 hover:bg-slate-100 text-slate-700 border border-slate-200 dark:bg-slate-700/50 dark:hover:bg-slate-700 dark:text-slate-300 dark:border dark:border-slate-600"} ${o[u].disabled ? "opacity-50 cursor-not-allowed" : "hover:scale-[1.02]"}`, children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ e.jsx("span", { children: o[u].label }),
-        u === T && /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) })
-      ] }) }) }, u)) }) }),
-      /* @__PURE__ */ e.jsx("div", { className: "flex p-5 border-t rounded-b border-slate-200 dark:border-slate-700", children: /* @__PURE__ */ e.jsx("button", { onClick: () => B(!1), className: "w-full py-3 px-5 text-sm font-semibold text-white bg-gradient-to-r from-violet-600 to-indigo-600 hover:from-violet-700 hover:to-indigo-700 rounded-xl shadow-lg transition-all duration-200", children: "Close" }) })
+      /* @__PURE__ */ e.jsx("div", { className: "p-5", children: /* @__PURE__ */ e.jsx("ul", { className: "space-y-3", children: Object.keys(c).map((l) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx("button", { onClick: () => n(l), disabled: c[l].disabled, className: `w-full px-5 py-4 rounded-xl text-left font-semibold transition-all duration-200 ${l === L ? "bg-gradient-to-r from-violet-600 to-indigo-600 text-white shadow-lg" : "bg-slate-50 hover:bg-slate-100 text-slate-700 border border-slate-200 dark:bg-slate-700/50 dark:hover:bg-slate-700 dark:text-slate-300 dark:border dark:border-slate-600"} ${c[l].disabled ? "opacity-50 cursor-not-allowed" : "hover:scale-[1.02]"}`, children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ e.jsx("span", { children: c[l].label }),
+        l === L && /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) })
+      ] }) }) }, l)) }) }),
+      /* @__PURE__ */ e.jsx("div", { className: "flex p-5 border-t rounded-b border-slate-200 dark:border-slate-700", children: /* @__PURE__ */ e.jsx("button", { onClick: () => U(!1), className: "w-full py-3 px-5 text-sm font-semibold text-white bg-gradient-to-r from-violet-600 to-indigo-600 hover:from-violet-700 hover:to-indigo-700 rounded-xl shadow-lg transition-all duration-200", children: "Close" }) })
     ] }) }) })
   ] });
-}, ge = (t, r) => {
-  const n = {}, l = (c) => {
-    for (const h of c)
-      if (h.subItems) {
-        const x = h.subItems.some(
-          (m) => m.path && r.startsWith(m.path)
+}, ye = (t, r) => {
+  const a = {}, i = (x) => {
+    for (const b of x)
+      if (b.subItems) {
+        const d = b.subItems.some(
+          (u) => u.path && r.startsWith(u.path)
         );
-        l(h.subItems), x && (n[h.name] = !0);
+        i(b.subItems), d && (a[b.name] = !0);
       }
   };
-  return l(t), n;
-}, Ye = ({ menuItems: t, user: r, onLogout: n, onNavigate: l }) => {
-  const [c, h] = z(!1), x = K(null), m = xe(), [p, N] = z(
-    () => ge(t, m.pathname)
-  ), S = (i) => N((j) => ({ ...j, [i]: !j[i] })), R = (i) => m.pathname === i;
-  J(() => {
-    N((i) => ({
-      ...i,
-      ...ge(t, m.pathname)
+  return i(t), a;
+}, et = ({ menuItems: t, user: r, onLogout: a, onNavigate: i }) => {
+  const [x, b] = T(!1), d = ee(null), u = fe(), [v, y] = T(
+    () => ye(t, u.pathname)
+  ), w = (m) => y((g) => ({ ...g, [m]: !g[m] })), z = (m) => u.pathname === m;
+  Q(() => {
+    y((m) => ({
+      ...m,
+      ...ye(t, u.pathname)
     }));
-  }, [m.pathname, t]), J(() => {
-    const i = (j) => {
-      x.current && !x.current.contains(j.target) && h(!1);
+  }, [u.pathname, t]), Q(() => {
+    const m = (g) => {
+      d.current && !d.current.contains(g.target) && b(!1);
     };
-    return c && document.addEventListener("mousedown", i), () => document.removeEventListener("mousedown", i);
-  }, [c]);
-  const y = "bg-violet-100 text-violet-700 dark:bg-violet-600/20 dark:text-violet-400", E = "bg-violet-600 dark:bg-violet-400", M = "bg-slate-300 group-hover:bg-violet-400 dark:bg-slate-600 dark:group-hover:bg-slate-500", g = ({ item: i, depth: j = 0 }) => {
-    const D = !!i.path, T = R(i.path);
-    return j === 0 ? /* @__PURE__ */ e.jsx("div", { children: D ? /* @__PURE__ */ e.jsx(ne, { to: i.path, onClick: () => l == null ? void 0 : l(), children: /* @__PURE__ */ e.jsxs("div", { className: `
+    return x && document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
+  }, [x]);
+  const N = "bg-violet-100 text-violet-700 dark:bg-violet-600/20 dark:text-violet-400", $ = "bg-violet-600 dark:bg-violet-400", P = "bg-slate-300 group-hover:bg-violet-400 dark:bg-slate-600 dark:group-hover:bg-slate-500", f = ({ item: m, depth: g = 0 }) => {
+    const R = !!m.path, L = z(m.path);
+    return g === 0 ? /* @__PURE__ */ e.jsx("div", { children: R ? /* @__PURE__ */ e.jsx(de, { to: m.path, onClick: () => i == null ? void 0 : i(), children: /* @__PURE__ */ e.jsxs("div", { className: `
                 flex items-center gap-2.5
                 px-3 py-2 rounded-xl cursor-pointer
                 transition-all duration-150 group
-                ${T ? "bg-gradient-to-r from-violet-600 to-indigo-600 text-white shadow-sm shadow-violet-500/20" : "text-slate-600 hover:bg-slate-100/80 hover:text-slate-900 dark:text-slate-400 dark:hover:bg-slate-700/50 dark:hover:text-white"}
+                ${L ? "bg-gradient-to-r from-violet-600 to-indigo-600 text-white shadow-sm shadow-violet-500/20" : "text-slate-600 hover:bg-slate-100/80 hover:text-slate-900 dark:text-slate-400 dark:hover:bg-slate-700/50 dark:hover:text-white"}
               `, children: [
       /* @__PURE__ */ e.jsx("div", { className: `
                   w-6 h-6 rounded-lg flex items-center justify-center flex-shrink-0
-                  ${T ? "bg-white/20" : "bg-slate-100 group-hover:bg-slate-200 dark:bg-slate-700/60 dark:group-hover:bg-slate-700"}
-                `, children: /* @__PURE__ */ e.jsx(i.icon, { className: `w-3.5 h-3.5 ${T ? "text-white" : "text-slate-500 dark:text-slate-400"}` }) }),
-      /* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium leading-none", children: i.name })
+                  ${L ? "bg-white/20" : "bg-slate-100 group-hover:bg-slate-200 dark:bg-slate-700/60 dark:group-hover:bg-slate-700"}
+                `, children: /* @__PURE__ */ e.jsx(m.icon, { className: `w-3.5 h-3.5 ${L ? "text-white" : "text-slate-500 dark:text-slate-400"}` }) }),
+      /* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium leading-none", children: m.name })
     ] }) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
         "div",
         {
-          onClick: () => S(i.name),
+          onClick: () => w(m.name),
           className: `
                   flex items-center justify-between
                   px-3 py-2 rounded-xl cursor-pointer
                   transition-all duration-150 group
-                  ${p[i.name] ? "bg-slate-100/80 text-slate-900 dark:bg-slate-700/40 dark:text-white" : "text-slate-600 hover:bg-slate-100/80 hover:text-slate-900 dark:text-slate-400 dark:hover:bg-slate-700/50 dark:hover:text-white"}
+                  ${v[m.name] ? "bg-slate-100/80 text-slate-900 dark:bg-slate-700/40 dark:text-white" : "text-slate-600 hover:bg-slate-100/80 hover:text-slate-900 dark:text-slate-400 dark:hover:bg-slate-700/50 dark:hover:text-white"}
                 `,
           children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2.5", children: [
               /* @__PURE__ */ e.jsx("div", { className: `
                     w-6 h-6 rounded-lg flex items-center justify-center flex-shrink-0
-                    ${p[i.name] ? "bg-violet-100 dark:bg-violet-600/20" : "bg-slate-100 group-hover:bg-slate-200 dark:bg-slate-700/60 dark:group-hover:bg-slate-700"}
-                  `, children: /* @__PURE__ */ e.jsx(i.icon, { className: `w-3.5 h-3.5 ${p[i.name] ? "text-violet-600 dark:text-violet-400" : "text-slate-500 dark:text-slate-400"}` }) }),
-              /* @__PURE__ */ e.jsx("span", { className: "text-sm font-semibold leading-none", children: i.name })
+                    ${v[m.name] ? "bg-violet-100 dark:bg-violet-600/20" : "bg-slate-100 group-hover:bg-slate-200 dark:bg-slate-700/60 dark:group-hover:bg-slate-700"}
+                  `, children: /* @__PURE__ */ e.jsx(m.icon, { className: `w-3.5 h-3.5 ${v[m.name] ? "text-violet-600 dark:text-violet-400" : "text-slate-500 dark:text-slate-400"}` }) }),
+              /* @__PURE__ */ e.jsx("span", { className: "text-sm font-semibold leading-none", children: m.name })
             ] }),
             /* @__PURE__ */ e.jsx(
               "svg",
               {
                 className: `w-3 h-3 flex-shrink-0 transition-transform duration-200
                               text-slate-400 dark:text-slate-500
-                              ${p[i.name] ? "rotate-90" : ""}`,
+                              ${v[m.name] ? "rotate-90" : ""}`,
                 fill: "none",
                 stroke: "currentColor",
                 viewBox: "0 0 24 24",
@@ -819,39 +819,39 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
           ]
         }
       ),
-      i.subItems && p[i.name] && /* @__PURE__ */ e.jsx("div", { className: "mt-0.5 ml-3.5 pl-3 space-y-0.5 border-l border-slate-200/70 dark:border-slate-700/70", children: i.subItems.map((V) => /* @__PURE__ */ e.jsx(g, { item: V, depth: 1 }, V.name)) })
-    ] }) }) : /* @__PURE__ */ e.jsx("div", { children: D ? /* @__PURE__ */ e.jsx(ne, { to: i.path, onClick: () => l == null ? void 0 : l(), children: /* @__PURE__ */ e.jsxs("div", { className: `
+      m.subItems && v[m.name] && /* @__PURE__ */ e.jsx("div", { className: "mt-0.5 ml-3.5 pl-3 space-y-0.5 border-l border-slate-200/70 dark:border-slate-700/70", children: m.subItems.map((Y) => /* @__PURE__ */ e.jsx(f, { item: Y, depth: 1 }, Y.name)) })
+    ] }) }) : /* @__PURE__ */ e.jsx("div", { children: R ? /* @__PURE__ */ e.jsx(de, { to: m.path, onClick: () => i == null ? void 0 : i(), children: /* @__PURE__ */ e.jsxs("div", { className: `
               flex items-center gap-2
               px-2.5 py-1.5 rounded-lg cursor-pointer
               transition-all duration-150 group
-              ${T ? y : "text-slate-500 hover:bg-slate-100/70 hover:text-slate-700 dark:text-slate-400 dark:hover:bg-slate-700/30 dark:hover:text-slate-300"}
+              ${L ? N : "text-slate-500 hover:bg-slate-100/70 hover:text-slate-700 dark:text-slate-400 dark:hover:bg-slate-700/30 dark:hover:text-slate-300"}
             `, children: [
       /* @__PURE__ */ e.jsx("div", { className: `w-1.5 h-1.5 rounded-full flex-shrink-0 transition-all duration-200
-                              ${T ? E : M}` }),
-      /* @__PURE__ */ e.jsx("span", { className: "text-[13px] font-medium", children: i.name })
+                              ${L ? $ : P}` }),
+      /* @__PURE__ */ e.jsx("span", { className: "text-[13px] font-medium", children: m.name })
     ] }) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
         "div",
         {
-          onClick: () => S(i.name),
+          onClick: () => w(m.name),
           className: `
                 flex items-center justify-between
                 px-2.5 py-1.5 rounded-lg cursor-pointer
                 transition-all duration-150 group
-                ${p[i.name] ? "bg-slate-100/70 text-slate-700 dark:bg-slate-700/30 dark:text-slate-300" : "text-slate-500 hover:bg-slate-100/70 hover:text-slate-700 dark:text-slate-400 dark:hover:bg-slate-700/30 dark:hover:text-slate-300"}
+                ${v[m.name] ? "bg-slate-100/70 text-slate-700 dark:bg-slate-700/30 dark:text-slate-300" : "text-slate-500 hover:bg-slate-100/70 hover:text-slate-700 dark:text-slate-400 dark:hover:bg-slate-700/30 dark:hover:text-slate-300"}
               `,
           children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ e.jsx("div", { className: `w-1.5 h-1.5 rounded-full flex-shrink-0 transition-all duration-200
-                                ${p[i.name] ? E : M}` }),
-              /* @__PURE__ */ e.jsx("span", { className: "text-[13px] font-medium", children: i.name })
+                                ${v[m.name] ? $ : P}` }),
+              /* @__PURE__ */ e.jsx("span", { className: "text-[13px] font-medium", children: m.name })
             ] }),
             /* @__PURE__ */ e.jsx(
               "svg",
               {
                 className: `w-3 h-3 flex-shrink-0 transition-transform duration-200
                             text-slate-400 dark:text-slate-500
-                            ${p[i.name] ? "rotate-90" : ""}`,
+                            ${v[m.name] ? "rotate-90" : ""}`,
                 fill: "none",
                 stroke: "currentColor",
                 viewBox: "0 0 24 24",
@@ -861,7 +861,7 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
           ]
         }
       ),
-      i.subItems && p[i.name] && /* @__PURE__ */ e.jsx("div", { className: "mt-0.5 ml-3 pl-2.5 space-y-0.5 border-l border-slate-200/70 dark:border-slate-700/70", children: i.subItems.map((V) => /* @__PURE__ */ e.jsx(g, { item: V, depth: j + 1 }, V.name)) })
+      m.subItems && v[m.name] && /* @__PURE__ */ e.jsx("div", { className: "mt-0.5 ml-3 pl-2.5 space-y-0.5 border-l border-slate-200/70 dark:border-slate-700/70", children: m.subItems.map((Y) => /* @__PURE__ */ e.jsx(f, { item: Y, depth: g + 1 }, Y.name)) })
     ] }) });
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "h-full w-full flex pl-2.5 sm:pl-3.5 max-sm:pr-2.5 sm:max-sm:pr-3.5", children: [
@@ -897,16 +897,16 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
           {
             className: "flex-1 overflow-y-auto space-y-0.5 custom-scrollbar",
             "aria-label": "Main navigation",
-            children: t.map((i) => /* @__PURE__ */ e.jsx(g, { item: i, depth: 0 }, i.name))
+            children: t.map((m) => /* @__PURE__ */ e.jsx(f, { item: m, depth: 0 }, m.name))
           }
         ),
         r && /* @__PURE__ */ e.jsxs(
           "div",
           {
-            ref: x,
+            ref: d,
             className: "flex-shrink-0 mt-2.5 sm:mt-3.5 pt-2.5 sm:pt-3.5 border-t border-slate-200/80 dark:border-slate-700/80",
             children: [
-              c && n && /* @__PURE__ */ e.jsx("div", { className: `
+              x && a && /* @__PURE__ */ e.jsx("div", { className: `
                   mb-1.5 rounded-xl overflow-hidden
                   bg-white dark:bg-slate-800
                   border border-red-100 dark:border-red-500/20
@@ -916,7 +916,7 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                 "button",
                 {
                   onClick: () => {
-                    n(), h(!1);
+                    a(), b(!1);
                   },
                   className: `
                       w-full flex items-center gap-2.5 px-3 py-2.5
@@ -925,7 +925,7 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                       transition-colors duration-150
                     `,
                   children: [
-                    /* @__PURE__ */ e.jsx(fe, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+                    /* @__PURE__ */ e.jsx(Se, { className: "w-3.5 h-3.5 flex-shrink-0" }),
                     "Sign out"
                   ]
                 }
@@ -933,27 +933,27 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
               /* @__PURE__ */ e.jsxs(
                 "button",
                 {
-                  onClick: () => h((i) => !i),
+                  onClick: () => b((m) => !m),
                   className: `
                   w-full flex items-center gap-2.5
                   px-2.5 py-2 rounded-xl border
                   transition-all duration-150
-                  ${c ? "bg-violet-50 border-violet-200/60 dark:bg-violet-900/20 dark:border-violet-700/40" : "bg-slate-50/60 border-slate-200/50 hover:bg-violet-50 hover:border-violet-200/60 dark:bg-slate-800/40 dark:border-slate-700/50 dark:hover:bg-violet-900/20 dark:hover:border-violet-700/40"}
+                  ${x ? "bg-violet-50 border-violet-200/60 dark:bg-violet-900/20 dark:border-violet-700/40" : "bg-slate-50/60 border-slate-200/50 hover:bg-violet-50 hover:border-violet-200/60 dark:bg-slate-800/40 dark:border-slate-700/50 dark:hover:bg-violet-900/20 dark:hover:border-violet-700/40"}
                 `,
                   children: [
                     /* @__PURE__ */ e.jsx("div", { className: `
                   w-7 h-7 rounded-lg flex-shrink-0
                   bg-gradient-to-br from-violet-600 to-indigo-600
                   flex items-center justify-center shadow-sm shadow-violet-500/20
-                `, children: /* @__PURE__ */ e.jsx(pe, { className: "w-3.5 h-3.5 text-white" }) }),
+                `, children: /* @__PURE__ */ e.jsx(Ee, { className: "w-3.5 h-3.5 text-white" }) }),
                     /* @__PURE__ */ e.jsxs("div", { className: "flex-1 text-left min-w-0", children: [
                       /* @__PURE__ */ e.jsx("p", { className: "text-[13px] font-semibold text-slate-900 dark:text-white truncate leading-none", children: r.username }),
                       /* @__PURE__ */ e.jsx("p", { className: "text-[11px] text-slate-400 dark:text-slate-500 truncate mt-0.5 leading-none", children: r.email })
                     ] }),
-                    /* @__PURE__ */ e.jsx(ae, { className: `
+                    /* @__PURE__ */ e.jsx(le, { className: `
                   w-3 h-3 flex-shrink-0 text-slate-400 dark:text-slate-500
                   transition-transform duration-200
-                  ${c ? "rotate-180" : ""}
+                  ${x ? "rotate-180" : ""}
                 ` })
                   ]
                 }
@@ -970,15 +970,15 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
         .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: rgb(148 163 184); }
       ` })
   ] });
-}, Ue = ({
+}, tt = ({
   icon: t,
   title: r,
-  subtitle: n,
-  badge: l,
-  actions: c,
-  searchBar: h,
-  onIconClick: x,
-  iconTitle: m
+  subtitle: a,
+  badge: i,
+  actions: x,
+  searchBar: b,
+  onIconClick: d,
+  iconTitle: u
 }) => /* @__PURE__ */ e.jsxs(
   "div",
   {
@@ -1009,14 +1009,14 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                 flex items-center justify-center
                 shadow-md shadow-violet-200/40 dark:shadow-violet-900/30
                 transition-all duration-200
-                ${x ? "cursor-pointer hover:scale-110 hover:shadow-lg active:scale-95" : "hover:scale-105"}
+                ${d ? "cursor-pointer hover:scale-110 hover:shadow-lg active:scale-95" : "hover:scale-105"}
               `,
-              onClick: x,
-              title: m,
-              role: x ? "button" : void 0,
-              tabIndex: x ? 0 : void 0,
-              onKeyDown: x ? (p) => {
-                (p.key === "Enter" || p.key === " ") && (p.preventDefault(), x());
+              onClick: d,
+              title: u,
+              role: d ? "button" : void 0,
+              tabIndex: d ? 0 : void 0,
+              onKeyDown: d ? (v) => {
+                (v.key === "Enter" || v.key === " ") && (v.preventDefault(), d());
               } : void 0,
               children: /* @__PURE__ */ e.jsx(t, { className: "w-[18px] h-[18px] sm:w-5 sm:h-5 text-white" })
             }
@@ -1025,17 +1025,17 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
               /* @__PURE__ */ e.jsx("h2", { className: `text-base sm:text-lg font-bold tracking-tight
                              text-slate-900 dark:text-white leading-tight truncate`, children: r }),
-              l && /* @__PURE__ */ e.jsx("span", { className: `
+              i && /* @__PURE__ */ e.jsx("span", { className: `
                   inline-flex items-center px-2 py-0.5 rounded-full
                   text-[11px] font-semibold tracking-wide
                   bg-violet-100 text-violet-700
                   border border-violet-200/50
                   dark:bg-violet-600/50 dark:text-violet-400 dark:border-violet-500/30
-                `, children: l })
+                `, children: i })
             ] }),
-            n && /* @__PURE__ */ e.jsx("p", { className: "mt-0.5 text-xs text-slate-500 dark:text-slate-400 leading-snug truncate", children: n })
+            a && /* @__PURE__ */ e.jsx("p", { className: "mt-0.5 text-xs text-slate-500 dark:text-slate-400 leading-snug truncate", children: a })
           ] }),
-          c && /* @__PURE__ */ e.jsx("div", { className: `
+          x && /* @__PURE__ */ e.jsx("div", { className: `
               flex-shrink-0
               flex items-center gap-1.5
               overflow-x-auto sm:overflow-x-visible
@@ -1045,31 +1045,31 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
               sm:max-w-none
               sm:flex-wrap
               [&::-webkit-scrollbar]:hidden
-            `, children: c })
+            `, children: x })
         ] }),
-        h && /* @__PURE__ */ e.jsx("div", { className: "mt-3 pt-3 border-t border-slate-200/40 dark:border-slate-700/50", children: h })
+        b && /* @__PURE__ */ e.jsx("div", { className: "mt-3 pt-3 border-t border-slate-200/40 dark:border-slate-700/50", children: b })
       ] })
     ]
   }
-), qe = ({
+), st = ({
   icon: t,
   onClick: r,
-  title: n,
-  variant: l = "secondary",
-  size: c = "md"
+  title: a,
+  variant: i = "secondary",
+  size: x = "md"
   // sm | md
 }) => {
-  const h = {
+  const b = {
     secondary: `bg-white hover:bg-slate-50 text-slate-700 border border-slate-200 shadow-sm
                 dark:bg-slate-700/50 dark:hover:bg-slate-700 dark:text-slate-300 dark:border-slate-600/50`,
     danger: `bg-white hover:bg-red-50 text-slate-500 hover:text-red-600 border border-slate-200 shadow-sm
                 dark:bg-slate-700/50 dark:hover:bg-red-900/20 dark:text-slate-400 dark:hover:text-red-400 dark:border-slate-600/50`,
     primary: `bg-violet-100 hover:bg-violet-200 text-violet-700 border border-violet-200 shadow-sm
                 dark:bg-violet-600/20 dark:hover:bg-violet-600/30 dark:text-violet-400 dark:border-violet-500/30`
-  }, x = {
+  }, d = {
     sm: "p-1.5",
     md: "p-2 sm:p-2.5"
-  }, m = {
+  }, u = {
     sm: "w-3.5 h-3.5",
     md: "w-4 h-4 sm:w-[18px] sm:h-[18px]"
   };
@@ -1077,70 +1077,70 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
     "button",
     {
       onClick: r,
-      title: n,
-      "aria-label": n,
+      title: a,
+      "aria-label": a,
       className: `
         rounded-xl transition-all duration-200
-        ${x[c]}
-        ${h[l] ?? h.secondary}
+        ${d[x]}
+        ${b[i] ?? b.secondary}
         hover:scale-105 active:scale-95
       `,
-      children: /* @__PURE__ */ e.jsx(t, { className: m[c] })
+      children: /* @__PURE__ */ e.jsx(t, { className: u[x] })
     }
   );
-}, Ge = ({
+}, Ce = ({
   children: t,
   icon: r,
-  iconPosition: n = "left",
-  disabled: l = !1,
-  onClick: c,
-  variant: h = "primary",
-  loading: x = !1,
-  size: m = "md",
+  iconPosition: a = "left",
+  disabled: i = !1,
+  onClick: x,
+  variant: b = "primary",
+  loading: d = !1,
+  size: u = "md",
   // sm | md | lg
-  className: p = "",
-  ...N
+  className: v = "",
+  ...y
 }) => {
-  const S = {
+  const w = {
     sm: "px-3 py-1.5 text-xs rounded-lg gap-1.5",
     md: "px-4 py-2 sm:px-5 sm:py-2.5 text-sm rounded-xl gap-2",
     lg: "px-5 py-2.5 sm:px-6 sm:py-3 text-sm sm:text-base rounded-xl gap-2"
-  }, R = {
+  }, z = {
     sm: "w-3.5 h-3.5",
     md: "w-4 h-4",
     lg: "w-4 h-4 sm:w-5 sm:h-5"
-  }, y = {
-    primary: l || x ? "bg-violet-300 text-white cursor-not-allowed opacity-60 dark:bg-violet-800/50" : "bg-gradient-to-r from-violet-600 to-indigo-600 text-white hover:from-violet-700 hover:to-indigo-700 shadow-md hover:shadow-lg hover:scale-105 active:scale-95",
-    secondary: l || x ? "bg-gray-200 text-gray-400 cursor-not-allowed opacity-60 dark:bg-gray-700 dark:text-gray-500" : "bg-white text-slate-700 border border-slate-200 hover:bg-slate-50 dark:bg-slate-700/50 dark:text-slate-300 dark:border-slate-600 dark:hover:bg-slate-700 shadow-sm hover:shadow-md hover:scale-105 active:scale-95",
-    danger: l || x ? "bg-red-300 text-white cursor-not-allowed opacity-60 dark:bg-red-800/50" : "bg-red-600 text-white hover:bg-red-700 shadow-md hover:shadow-lg hover:scale-105 active:scale-95"
+  }, N = {
+    primary: i || d ? "bg-violet-300 text-white cursor-not-allowed opacity-60 dark:bg-violet-800/50" : "bg-gradient-to-r from-violet-600 to-indigo-600 text-white hover:from-violet-700 hover:to-indigo-700 shadow-md hover:shadow-lg hover:scale-105 active:scale-95",
+    secondary: i || d ? "bg-gray-200 text-gray-400 cursor-not-allowed opacity-60 dark:bg-gray-700 dark:text-gray-500" : "bg-white text-slate-700 border border-slate-200 hover:bg-slate-50 dark:bg-slate-700/50 dark:text-slate-300 dark:border-slate-600 dark:hover:bg-slate-700 shadow-sm hover:shadow-md hover:scale-105 active:scale-95",
+    danger: i || d ? "bg-red-300 text-white cursor-not-allowed opacity-60 dark:bg-red-800/50" : "bg-red-600 text-white hover:bg-red-700 shadow-md hover:shadow-lg hover:scale-105 active:scale-95"
   };
   return /* @__PURE__ */ e.jsxs(
     "button",
     {
-      disabled: l || x,
-      onClick: l || x ? void 0 : c,
+      disabled: i || d,
+      onClick: i || d ? void 0 : x,
       className: `
         inline-flex items-center justify-center font-semibold whitespace-nowrap
         transition-all duration-200
-        ${S[m]}
-        ${y[h]}
-        ${p}
+        ${w[u]}
+        ${N[b]}
+        ${v}
       `,
-      ...N,
+      ...y,
       children: [
-        r && n === "left" && !x && /* @__PURE__ */ e.jsx(r, { className: `${R[m]} flex-shrink-0` }),
-        x && /* @__PURE__ */ e.jsx("span", { className: `${R[m]} flex-shrink-0 animate-spin rounded-full
+        r && a === "left" && !d && /* @__PURE__ */ e.jsx(r, { className: `${z[u]} flex-shrink-0` }),
+        d && /* @__PURE__ */ e.jsx("span", { className: `${z[u]} flex-shrink-0 animate-spin rounded-full
                           border-2 border-white/30 border-t-white` }),
-        /* @__PURE__ */ e.jsx("span", { children: x ? "Loading..." : t }),
-        r && n === "right" && !x && /* @__PURE__ */ e.jsx(r, { className: `${R[m]} flex-shrink-0` })
+        /* @__PURE__ */ e.jsx("span", { children: d ? "Loading..." : t }),
+        r && a === "right" && !d && /* @__PURE__ */ e.jsx(r, { className: `${z[u]} flex-shrink-0` })
       ]
     }
   );
-}, Je = ({
+}, at = ({
   value: t,
   onChange: r,
-  placeholder: n = "Search...",
-  onClear: l
+  placeholder: a = "Search...",
+  onClear: i
 }) => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
   /* @__PURE__ */ e.jsx(
     "svg",
@@ -1164,73 +1164,73 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
     "input",
     {
       type: "text",
-      placeholder: n,
+      placeholder: a,
       value: t,
       onChange: r,
       className: "w-full pl-12 pr-4 py-3 rounded-xl border transition-all duration-200 bg-white border-slate-200 text-slate-900 placeholder-slate-400 focus:border-violet-400 focus:bg-slate-50 dark:bg-slate-800/50 dark:border-slate-700 dark:text-white dark:placeholder-slate-500 dark:focus:border-violet-500 dark:focus:bg-slate-800 focus:outline-none focus:ring-2 focus:ring-violet-500/20"
     }
   ),
-  t && l && /* @__PURE__ */ e.jsx(
+  t && i && /* @__PURE__ */ e.jsx(
     "button",
     {
-      onClick: l,
+      onClick: i,
       className: "absolute right-4 top-1/2 -translate-y-1/2 p-1 rounded-lg transition-colors text-slate-400 hover:text-slate-600 hover:bg-slate-100 dark:text-slate-500 dark:hover:text-slate-300 dark:hover:bg-slate-700",
       children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
     }
   )
-] }), Xe = ({
+] }), rt = ({
   columns: t,
   data: r,
-  onSort: n,
-  sortConfig: l,
-  emptyMessage: c = "No data found",
-  emptyDescription: h = "Try adjusting your filters or add new data",
-  emptyIcon: x
+  onSort: a,
+  sortConfig: i,
+  emptyMessage: x = "No data found",
+  emptyDescription: b = "Try adjusting your filters or add new data",
+  emptyIcon: d
 }) => r.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "h-full rounded-2xl border bg-white border-slate-200/50 dark:bg-slate-800/50 dark:border-slate-700/50 flex items-center justify-center", children: /* @__PURE__ */ e.jsxs("div", { className: "text-center py-12 px-6", children: [
-  /* @__PURE__ */ e.jsx("div", { className: "w-16 h-16 rounded-full bg-slate-100 dark:bg-slate-700 flex items-center justify-center mx-auto mb-4", children: x ? /* @__PURE__ */ e.jsx(x, { className: "w-8 h-8 text-slate-400 dark:text-slate-500" }) : /* @__PURE__ */ e.jsx("svg", { className: "w-8 h-8 text-slate-400 dark:text-slate-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4" }) }) }),
-  /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-slate-900 dark:text-slate-300 mb-2", children: c }),
-  /* @__PURE__ */ e.jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: h })
+  /* @__PURE__ */ e.jsx("div", { className: "w-16 h-16 rounded-full bg-slate-100 dark:bg-slate-700 flex items-center justify-center mx-auto mb-4", children: d ? /* @__PURE__ */ e.jsx(d, { className: "w-8 h-8 text-slate-400 dark:text-slate-500" }) : /* @__PURE__ */ e.jsx("svg", { className: "w-8 h-8 text-slate-400 dark:text-slate-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4" }) }) }),
+  /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-slate-900 dark:text-slate-300 mb-2", children: x }),
+  /* @__PURE__ */ e.jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: b })
 ] }) }) : /* @__PURE__ */ e.jsx("div", { className: "h-full rounded-2xl border bg-white border-slate-200/50 dark:bg-slate-800/50 dark:border-slate-700/50 flex flex-col overflow-hidden", children: /* @__PURE__ */ e.jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ e.jsxs("table", { className: "w-full", children: [
-  /* @__PURE__ */ e.jsx("thead", { className: "bg-slate-50 dark:bg-slate-800/50 sticky top-0 ", children: /* @__PURE__ */ e.jsx("tr", { children: t.map((m) => /* @__PURE__ */ e.jsx(
+  /* @__PURE__ */ e.jsx("thead", { className: "bg-slate-50 dark:bg-slate-800/50 sticky top-0 ", children: /* @__PURE__ */ e.jsx("tr", { children: t.map((u) => /* @__PURE__ */ e.jsx(
     "th",
     {
-      onClick: () => m.sortable && n && n(m.key),
+      onClick: () => u.sortable && a && a(u.key),
       className: `
                     px-6 py-4 text-left text-xs font-semibold text-slate-700 dark:text-slate-300 uppercase tracking-wider
-                    ${m.sortable ? "cursor-pointer select-none hover:bg-slate-100 dark:hover:bg-slate-700/50" : ""}
+                    ${u.sortable ? "cursor-pointer select-none hover:bg-slate-100 dark:hover:bg-slate-700/50" : ""}
                   `,
       children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ e.jsx("span", { children: m.label }),
-        m.sortable && (l == null ? void 0 : l.key) === m.key && /* @__PURE__ */ e.jsx("span", { className: "text-violet-600 dark:text-violet-400", children: l.direction === "asc" ? "↑" : "↓" })
+        /* @__PURE__ */ e.jsx("span", { children: u.label }),
+        u.sortable && (i == null ? void 0 : i.key) === u.key && /* @__PURE__ */ e.jsx("span", { className: "text-violet-600 dark:text-violet-400", children: i.direction === "asc" ? "↑" : "↓" })
       ] })
     },
-    m.key
+    u.key
   )) }) }),
-  /* @__PURE__ */ e.jsx("tbody", { className: "divide-y divide-slate-200 dark:divide-slate-700", children: r.map((m, p) => /* @__PURE__ */ e.jsx(
+  /* @__PURE__ */ e.jsx("tbody", { className: "divide-y divide-slate-200 dark:divide-slate-700", children: r.map((u, v) => /* @__PURE__ */ e.jsx(
     "tr",
     {
       className: "hover:bg-slate-50 dark:hover:bg-slate-800/30 transition-colors",
-      children: t.map((N) => /* @__PURE__ */ e.jsx(
+      children: t.map((y) => /* @__PURE__ */ e.jsx(
         "td",
         {
           className: "px-6 py-4 whitespace-nowrap text-sm",
-          children: N.render ? N.render(m) : m[N.key]
+          children: y.render ? y.render(u) : u[y.key]
         },
-        N.key
+        y.key
       ))
     },
-    m.id || p
+    u.id || v
   )) })
-] }) }) }), Qe = ({
+] }) }) }), K = ({
   icon: t,
   onClick: r,
-  children: n,
-  variant: l = "primary",
-  disabled: c = !1,
-  title: h = "",
-  size: x = "md"
+  children: a,
+  variant: i = "primary",
+  disabled: x = !1,
+  title: b = "",
+  size: d = "md"
 }) => {
-  const m = {
+  const u = {
     primary: "bg-violet-100 text-violet-700 hover:bg-violet-200 border border-violet-200 dark:bg-violet-600/20 dark:text-violet-400 dark:hover:bg-violet-600/30 dark:border dark:border-violet-500/30",
     amber: "bg-amber-50 text-amber-700 border border-amber-200 hover:bg-amber-100 dark:bg-amber-900/20 dark:text-amber-300 dark:border-amber-700/40",
     emerald: "bg-emerald-50 text-emerald-700 border border-emerald-200 hover:bg-emerald-100 dark:bg-emerald-900/20 dark:text-emerald-300 dark:border-emerald-700/40",
@@ -1245,10 +1245,10 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
     ghost: "bg-transparent text-slate-600 border border-dashed border-slate-300 hover:bg-slate-50 dark:text-slate-400 dark:border-slate-600 dark:hover:bg-slate-800/50",
     rainbow: "action-btn-rainbow",
     disabled: "bg-slate-100/50 text-slate-400 border border-slate-200/50 cursor-not-allowed dark:bg-slate-800/30 dark:text-slate-500 dark:border-slate-700/50"
-  }, p = {
+  }, v = {
     sm: "px-2.5 py-1.5 text-xs gap-1",
     md: "px-3 py-1.5 sm:px-3.5 sm:py-2 text-sm gap-1.5"
-  }, N = c ? m.disabled : m[l] ?? m.primary;
+  }, y = x ? u.disabled : u[i] ?? u.primary;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("style", { children: `
         @property --beam-angle {
@@ -1336,60 +1336,60 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
     /* @__PURE__ */ e.jsxs(
       "button",
       {
-        onClick: c ? void 0 : r,
+        onClick: x ? void 0 : r,
         type: "button",
-        title: h,
-        disabled: c,
+        title: b,
+        disabled: x,
         className: `
           inline-flex items-center justify-center relative
-          ${p[x]}
+          ${v[d]}
           rounded-xl font-semibold whitespace-nowrap
           transition-all duration-200
-          ${N}
-          ${c ? "opacity-60" : "active:scale-95"}
+          ${y}
+          ${x ? "opacity-60" : "active:scale-95"}
         `,
         children: [
           t && /* @__PURE__ */ e.jsx(t, { className: "w-3.5 h-3.5 flex-shrink-0" }),
-          n && /* @__PURE__ */ e.jsx("span", { children: n })
+          a && /* @__PURE__ */ e.jsx("span", { children: a })
         ]
       }
     )
   ] });
-}, Ze = ({
+}, Ye = ({
   isOpen: t,
   onClose: r,
-  title: n,
-  subtitle: l,
-  icon: c,
-  children: h,
-  size: x = "md",
-  fullscreen: m = !1,
-  hideHeader: p = !1
+  title: a,
+  subtitle: i,
+  icon: x,
+  children: b,
+  size: d = "md",
+  fullscreen: u = !1,
+  hideHeader: v = !1
 }) => {
-  if (J(() => {
-    const R = (y) => {
-      y.key === "Escape" && r();
+  if (Q(() => {
+    const z = (N) => {
+      N.key === "Escape" && r();
     };
-    return t && (document.addEventListener("keydown", R), document.body.style.overflow = "hidden"), () => {
-      document.removeEventListener("keydown", R), document.body.style.overflow = "unset";
+    return t && (document.addEventListener("keydown", z), document.body.style.overflow = "hidden"), () => {
+      document.removeEventListener("keydown", z), document.body.style.overflow = "unset";
     };
   }, [t, r]), !t) return null;
-  const N = {
+  const y = {
     sm: "max-w-md",
     md: "max-w-2xl",
     lg: "max-w-4xl",
     xl: "max-w-6xl"
-  }, S = /* @__PURE__ */ e.jsx("div", { className: `flex-shrink-0 px-4 py-3 sm:px-5 sm:py-4
+  }, w = /* @__PURE__ */ e.jsx("div", { className: `flex-shrink-0 px-4 py-3 sm:px-5 sm:py-4
                         bg-gradient-to-r from-violet-50 via-indigo-50 to-violet-50
                         dark:from-slate-700/50 dark:via-slate-800/50 dark:to-slate-700/50
                         border-b border-slate-200 dark:border-slate-700`, children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2.5 sm:gap-3 min-w-0", children: [
-      c && /* @__PURE__ */ e.jsx("div", { className: `flex-shrink-0 w-9 h-9 sm:w-10 sm:h-10 rounded-xl
+      x && /* @__PURE__ */ e.jsx("div", { className: `flex-shrink-0 w-9 h-9 sm:w-10 sm:h-10 rounded-xl
                                         flex items-center justify-center
-                                        bg-gradient-to-br from-violet-600 to-indigo-600 shadow-lg`, children: /* @__PURE__ */ e.jsx(c, { className: "w-[18px] h-[18px] sm:w-5 sm:h-5 text-white" }) }),
+                                        bg-gradient-to-br from-violet-600 to-indigo-600 shadow-lg`, children: /* @__PURE__ */ e.jsx(x, { className: "w-[18px] h-[18px] sm:w-5 sm:h-5 text-white" }) }),
       /* @__PURE__ */ e.jsxs("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ e.jsx("h3", { className: "text-sm sm:text-base font-bold text-slate-900 dark:text-white truncate", children: n }),
-        l && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400 mt-0.5 truncate", children: l })
+        /* @__PURE__ */ e.jsx("h3", { className: "text-sm sm:text-base font-bold text-slate-900 dark:text-white truncate", children: a }),
+        i && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400 mt-0.5 truncate", children: i })
       ] })
     ] }),
     /* @__PURE__ */ e.jsx(
@@ -1404,17 +1404,17 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                                dark:hover:text-white dark:hover:border-slate-500
                                hover:scale-105 active:scale-95`,
         "aria-label": "Close modal",
-        children: /* @__PURE__ */ e.jsx(X, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ e.jsx(Z, { className: "w-4 h-4" })
       }
     )
   ] }) });
-  return m ? de(
+  return u ? be(
     /* @__PURE__ */ e.jsxs("div", { className: "fixed inset-0 z-[11000] flex flex-col animate-in fade-in duration-200 bg-white dark:bg-slate-800", children: [
-      !p && S,
-      /* @__PURE__ */ e.jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children: h })
+      !v && w,
+      /* @__PURE__ */ e.jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children: b })
     ] }),
     document.body
-  ) : de(
+  ) : be(
     /* @__PURE__ */ e.jsxs("div", { className: "fixed inset-0 z-[11000] overflow-y-auto flex min-h-full items-center justify-center animate-in fade-in duration-200", children: [
       /* @__PURE__ */ e.jsx(
         "div",
@@ -1423,31 +1423,31 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
           onClick: r
         }
       ),
-      /* @__PURE__ */ e.jsx("div", { className: `relative z-[11001] w-full ${N[x]} animate-in zoom-in-95 duration-200 my-auto`, children: /* @__PURE__ */ e.jsxs("div", { className: `
+      /* @__PURE__ */ e.jsx("div", { className: `relative z-[11001] w-full ${y[d]} animate-in zoom-in-95 duration-200 my-auto`, children: /* @__PURE__ */ e.jsxs("div", { className: `
         rounded-xl sm:rounded-2xl border overflow-hidden
         bg-white border-slate-200/50 shadow-2xl ml-2 mr-2
         dark:bg-slate-800 dark:border-slate-700/50
         flex flex-col max-h-[70dvh] sm:max-h-[80dvh]
       `, children: [
-        !p && S,
-        /* @__PURE__ */ e.jsx("div", { className: "flex-1 min-h-0 overflow-y-auto", children: h })
+        !v && w,
+        /* @__PURE__ */ e.jsx("div", { className: "flex-1 min-h-0 overflow-y-auto", children: b })
       ] }) })
     ] }),
     document.body
   );
-}, Pe = ({
+}, Ue = ({
   checked: t = !1,
   onChange: r,
-  disabled: n = !1,
-  label: l,
-  name: c,
-  helpText: h
+  disabled: a = !1,
+  label: i,
+  name: x,
+  helpText: b
 }) => {
-  const x = () => {
-    n || r(c, !t);
+  const d = () => {
+    a || r(x, !t);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-1.5", children: [
-    l && /* @__PURE__ */ e.jsx("span", { className: "block text-sm font-semibold text-slate-700 dark:text-slate-300", children: l }),
+    i && /* @__PURE__ */ e.jsx("span", { className: "block text-sm font-semibold text-slate-700 dark:text-slate-300", children: i }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ e.jsx(
         "button",
@@ -1455,13 +1455,13 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
           type: "button",
           role: "switch",
           "aria-checked": t,
-          onClick: x,
-          disabled: n,
+          onClick: d,
+          disabled: a,
           className: `
             relative inline-flex h-6 w-11 flex-shrink-0 items-center rounded-full
             transition-all duration-200
             ${t ? "bg-gradient-to-r from-violet-600 to-indigo-600 shadow-md shadow-violet-200 dark:shadow-violet-900/30" : "bg-slate-300 dark:bg-slate-600"}
-            ${n ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:scale-105 active:scale-95"}
+            ${a ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:scale-105 active:scale-95"}
             focus:outline-none focus-visible:ring-2 focus-visible:ring-violet-500/30 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-slate-800
           `,
           children: /* @__PURE__ */ e.jsx(
@@ -1478,72 +1478,72 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
       ),
       /* @__PURE__ */ e.jsx("span", { className: `text-sm font-medium ${t ? "text-violet-700 dark:text-violet-400" : "text-slate-500 dark:text-slate-400"}`, children: t ? "Yes" : "No" })
     ] }),
-    h && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400 leading-snug", children: h })
+    b && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400 leading-snug", children: b })
   ] });
-}, we = ({ field: t, value: r, onChange: n, error: l, index: c, mode: h = "create" }) => {
-  var O;
-  const [x, m] = z(""), [p, N] = z(!1), [S, R] = z(!1), [y, E] = z(null), [M, g] = z(""), [i, j] = z(!1), D = (b) => {
-    const $ = b.target.value;
-    n(t.name, $);
-  }, T = (b) => {
-    n(t.name, b), N(!1), m("");
-  }, V = () => {
-    N(!1), m(""), j(!1), E(null);
-  }, I = () => {
-    x.trim() && (n(t.name, x.trim()), R(!0), N(!1), m(""));
-  }, Y = (b, $) => {
-    $.preventDefault(), $.stopPropagation(), E(b), g(b.label), j(!0);
-  }, U = async (b) => {
-    b.preventDefault(), b.stopPropagation(), M.trim() && y && t.onEditRank && await t.onEditRank(y.value, M.trim()) && (r === y.value && n(t.name, y.value), j(!1), E(null), g(""));
-  }, B = (b) => {
-    b.preventDefault(), b.stopPropagation(), j(!1), E(null), g("");
-  }, w = (() => {
-    if (!x) return t.options || [];
-    const b = Array.isArray(t.options) ? t.options : [];
+}, pe = ({ field: t, value: r, onChange: a, error: i, index: x, mode: b = "create" }) => {
+  var F;
+  const [d, u] = T(""), [v, y] = T(!1), [w, z] = T(!1), [N, $] = T(null), [P, f] = T(""), [m, g] = T(!1), R = (p) => {
+    const _ = p.target.value;
+    a(t.name, _);
+  }, L = (p) => {
+    a(t.name, p), y(!1), u("");
+  }, Y = () => {
+    y(!1), u(""), g(!1), $(null);
+  }, D = () => {
+    d.trim() && (a(t.name, d.trim()), z(!0), y(!1), u(""));
+  }, X = (p, _) => {
+    _.preventDefault(), _.stopPropagation(), $(p), f(p.label), g(!0);
+  }, H = async (p) => {
+    p.preventDefault(), p.stopPropagation(), P.trim() && N && t.onEditRank && await t.onEditRank(N.value, P.trim()) && (r === N.value && a(t.name, N.value), g(!1), $(null), f(""));
+  }, U = (p) => {
+    p.preventDefault(), p.stopPropagation(), g(!1), $(null), f("");
+  }, C = (() => {
+    if (!d) return t.options || [];
+    const p = Array.isArray(t.options) ? t.options : [];
     if (t.fuzzySearch && typeof t.findFuzzyMatches == "function")
       try {
-        return t.findFuzzyMatches(x, b, t.fuzzyThreshold || 0.5);
-      } catch ($) {
-        return console.error("Fuzzy search error:", $), b.filter(
-          (F) => {
-            var H;
-            return (H = F.label) == null ? void 0 : H.toLowerCase().includes(x.toLowerCase());
+        return t.findFuzzyMatches(d, p, t.fuzzyThreshold || 0.5);
+      } catch (_) {
+        return console.error("Fuzzy search error:", _), p.filter(
+          (I) => {
+            var G;
+            return (G = I.label) == null ? void 0 : G.toLowerCase().includes(d.toLowerCase());
           }
         );
       }
-    return b.filter(
-      ($) => {
-        var F;
-        return (F = $.label) == null ? void 0 : F.toLowerCase().includes(x.toLowerCase());
+    return p.filter(
+      (_) => {
+        var I;
+        return (I = _.label) == null ? void 0 : I.toLowerCase().includes(d.toLowerCase());
       }
     ) || [];
-  })(), W = x.trim() && t.fuzzySearch && t.options && typeof t.checkForDuplicateDesignation == "function" ? t.checkForDuplicateDesignation(x, t.options, 0.8) : null, d = W && W.similarityScore === 1, v = t.type === "select-or-custom" && r && !((O = t.options) != null && O.some((b) => b.value === r)), C = () => {
-    var $;
+  })(), O = d.trim() && t.fuzzySearch && t.options && typeof t.checkForDuplicateDesignation == "function" ? t.checkForDuplicateDesignation(d, t.options, 0.8) : null, h = O && O.similarityScore === 1, k = t.type === "select-or-custom" && r && !((F = t.options) != null && F.some((p) => p.value === r)), M = () => {
+    var _;
     if (!r) return t.placeholder;
-    if (t.type === "select-or-custom" && v)
+    if (t.type === "select-or-custom" && k)
       return r;
-    const b = ($ = t.options) == null ? void 0 : $.find((F) => F.value === r);
-    return b ? b.label : t.placeholder;
-  }, A = () => {
-    var H, G;
-    const b = t.icon, $ = `
+    const p = (_ = t.options) == null ? void 0 : _.find((I) => I.value === r);
+    return p ? p.label : t.placeholder;
+  }, W = () => {
+    var G, J;
+    const p = t.icon, _ = `
       w-full px-3.5 py-2.5 rounded-xl border transition-all duration-200
       bg-white dark:bg-slate-800 text-sm text-slate-900 dark:text-white
       focus:outline-none focus:ring-2 focus:ring-violet-500/20 placeholder-slate-400
-    `, F = l ? "border-red-300 dark:border-red-700 focus:border-red-500 focus:ring-red-500" : "border-slate-300 dark:border-slate-600 focus:border-violet-500 focus:ring-violet-500";
+    `, I = i ? "border-red-300 dark:border-red-700 focus:border-red-500 focus:ring-red-500" : "border-slate-300 dark:border-slate-600 focus:border-violet-500 focus:ring-violet-500";
     switch (t.type) {
       case "select-or-custom":
-        return S || v ? /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-          b && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ e.jsx(b, { className: "w-4 h-4 sm:w-5 sm:h-5 text-slate-400" }) }),
+        return w || k ? /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+          p && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ e.jsx(p, { className: "w-4 h-4 sm:w-5 sm:h-5 text-slate-400" }) }),
           /* @__PURE__ */ e.jsx(
             "input",
             {
               type: "text",
               value: r,
-              onChange: (s) => n(t.name, s.target.value),
+              onChange: (s) => a(t.name, s.target.value),
               placeholder: t.customPlaceholder || "Enter custom value",
               disabled: t.disabled,
-              className: `${$} ${F} ${b ? "pl-9 sm:pl-12" : ""} pr-32 disabled:opacity-50 disabled:cursor-not-allowed`
+              className: `${_} ${I} ${p ? "pl-9 sm:pl-12" : ""} pr-32 disabled:opacity-50 disabled:cursor-not-allowed`
             }
           ),
           /* @__PURE__ */ e.jsx(
@@ -1551,7 +1551,7 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
             {
               type: "button",
               onClick: (s) => {
-                s.preventDefault(), s.stopPropagation(), R(!1), n(t.name, "");
+                s.preventDefault(), s.stopPropagation(), z(!1), a(t.name, "");
               },
               className: "absolute right-3 top-1/2 -translate-y-1/2 px-3 py-1.5 text-xs font-semibold text-slate-600 hover:text-slate-900 dark:text-slate-400 dark:hover:text-white transition-colors rounded-lg hover:bg-slate-100 dark:hover:bg-slate-700",
               children: "Select Existing"
@@ -1563,30 +1563,30 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
             {
               type: "button",
               onClick: (s) => {
-                s.preventDefault(), s.stopPropagation(), t.disabled || N(!0);
+                s.preventDefault(), s.stopPropagation(), t.disabled || y(!0);
               },
               disabled: t.disabled,
-              className: ` relative ${$} ${F} ${b ? "pl-12" : ""} pr-4 text-left flex items-center justify-between disabled:opacity-50 disabled:cursor-not-allowed hover:border-violet-400 dark:hover:border-violet-500`,
+              className: ` relative ${_} ${I} ${p ? "pl-12" : ""} pr-4 text-left flex items-center justify-between disabled:opacity-50 disabled:cursor-not-allowed hover:border-violet-400 dark:hover:border-violet-500`,
               children: [
-                b && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ e.jsx(b, { className: "w-4 h-4 sm:w-5 sm:h-5 text-slate-400" }) }),
+                p && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ e.jsx(p, { className: "w-4 h-4 sm:w-5 sm:h-5 text-slate-400" }) }),
                 /* @__PURE__ */ e.jsx(
                   "span",
                   {
                     className: `${r ? "" : "text-slate-400"} truncate pr-2`,
-                    title: C(),
-                    children: C()
+                    title: M(),
+                    children: M()
                   }
                 ),
-                /* @__PURE__ */ e.jsx(ae, { className: "w-5 h-5 text-slate-400 " })
+                /* @__PURE__ */ e.jsx(le, { className: "w-5 h-5 text-slate-400 " })
               ]
             }
           ),
-          p && /* @__PURE__ */ e.jsx(
+          v && /* @__PURE__ */ e.jsx(
             "div",
             {
               className: "fixed inset-0 z-50 flex items-center justify-center p-3 sm:p-4 bg-slate-900/50 backdrop-blur-sm animate-in fade-in duration-200",
               onMouseDown: (s) => {
-                s.target === s.currentTarget && (s.preventDefault(), s.stopPropagation(), V());
+                s.target === s.currentTarget && (s.preventDefault(), s.stopPropagation(), Y());
               },
               children: /* @__PURE__ */ e.jsx(
                 "div",
@@ -1599,15 +1599,15 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                   dark:from-slate-700/50 dark:via-slate-800/50 dark:to-slate-700/50
                   border-b border-slate-200 dark:border-slate-700 rounded-t-2xl`, children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
                       /* @__PURE__ */ e.jsxs("div", { className: "min-w-0", children: [
-                        /* @__PURE__ */ e.jsx("h3", { className: "text-sm sm:text-base font-bold text-slate-900 dark:text-white truncate", children: i ? "Edit Rank Designation" : t.modalTitle || t.label }),
-                        /* @__PURE__ */ e.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400 mt-0.5 truncate", children: i ? `Editing: ${y == null ? void 0 : y.label}` : t.modalSubtitle || "Search existing or create new" })
+                        /* @__PURE__ */ e.jsx("h3", { className: "text-sm sm:text-base font-bold text-slate-900 dark:text-white truncate", children: m ? "Edit Rank Designation" : t.modalTitle || t.label }),
+                        /* @__PURE__ */ e.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400 mt-0.5 truncate", children: m ? `Editing: ${N == null ? void 0 : N.label}` : t.modalSubtitle || "Search existing or create new" })
                       ] }),
                       /* @__PURE__ */ e.jsx(
                         "button",
                         {
                           type: "button",
                           onClick: (s) => {
-                            s.preventDefault(), s.stopPropagation(), V();
+                            s.preventDefault(), s.stopPropagation(), Y();
                           },
                           className: `flex-shrink-0 p-1.5 rounded-lg border transition-all duration-200
                    text-slate-400 hover:bg-slate-100 hover:text-slate-900
@@ -1615,11 +1615,11 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                    dark:border-slate-700/50 dark:hover:bg-slate-700
                    dark:hover:text-white dark:hover:border-slate-500
                    hover:scale-105 active:scale-95`,
-                          children: /* @__PURE__ */ e.jsx(X, { className: "w-4 h-4" })
+                          children: /* @__PURE__ */ e.jsx(Z, { className: "w-4 h-4" })
                         }
                       )
                     ] }) }),
-                    i ? /* @__PURE__ */ e.jsxs("div", { className: "p-4 sm:p-5 space-y-3 sm:space-y-4", children: [
+                    m ? /* @__PURE__ */ e.jsxs("div", { className: "p-4 sm:p-5 space-y-3 sm:space-y-4", children: [
                       /* @__PURE__ */ e.jsxs("div", { children: [
                         /* @__PURE__ */ e.jsx("label", { className: `block text-xs font-semibold uppercase tracking-wide
                          text-slate-700 dark:text-slate-300 mb-1.5`, children: "Edit Rank Designation" }),
@@ -1627,8 +1627,8 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                           "input",
                           {
                             type: "text",
-                            value: M,
-                            onChange: (s) => g(s.target.value),
+                            value: P,
+                            onChange: (s) => f(s.target.value),
                             className: `w-full px-3 py-2.5 sm:px-4 sm:py-3 rounded-xl border
                    border-slate-200/50 dark:border-slate-700/50
                    bg-white dark:bg-slate-800
@@ -1644,7 +1644,7 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                           "button",
                           {
                             type: "button",
-                            onClick: B,
+                            onClick: U,
                             className: `flex-1 inline-flex items-center justify-center gap-2
                    px-3 py-2.5 sm:px-4 sm:py-3 rounded-xl
                    bg-white dark:bg-slate-700 hover:bg-slate-50 dark:hover:bg-slate-600
@@ -1652,7 +1652,7 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                    border border-slate-200/50 dark:border-slate-700/50
                    transition-all duration-200 hover:scale-105 active:scale-95 shadow-sm`,
                             children: [
-                              /* @__PURE__ */ e.jsx(X, { className: "w-4 h-4" }),
+                              /* @__PURE__ */ e.jsx(Z, { className: "w-4 h-4" }),
                               " Cancel"
                             ]
                           }
@@ -1661,7 +1661,7 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                           "button",
                           {
                             type: "button",
-                            onClick: U,
+                            onClick: H,
                             className: `flex-1 inline-flex items-center justify-center gap-2
                    px-3 py-2.5 sm:px-4 sm:py-3 rounded-xl
                    bg-gradient-to-r from-violet-600 to-indigo-600
@@ -1670,7 +1670,7 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                    shadow-md hover:shadow-lg
                    transition-all duration-200 hover:scale-105 active:scale-95`,
                             children: [
-                              /* @__PURE__ */ e.jsx(Re, { className: "w-4 h-4" }),
+                              /* @__PURE__ */ e.jsx(me, { className: "w-4 h-4" }),
                               " Save Changes"
                             ]
                           }
@@ -1678,41 +1678,41 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                       ] })
                     ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
                       /* @__PURE__ */ e.jsx("div", { className: "p-4 border-b border-slate-200 dark:border-slate-700", children: /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-                        /* @__PURE__ */ e.jsx(le, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-400" }),
+                        /* @__PURE__ */ e.jsx(ie, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-400" }),
                         /* @__PURE__ */ e.jsx(
                           "input",
                           {
                             type: "text",
-                            value: x,
-                            onChange: (s) => m(s.target.value),
+                            value: d,
+                            onChange: (s) => u(s.target.value),
                             placeholder: t.fuzzySearch ? "Search or type to create new..." : "Search...",
                             className: "w-full pl-10 pr-4 py-2.5 rounded-lg border border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 text-slate-900 dark:text-white placeholder-slate-400 focus:border-violet-500 focus:ring-2 focus:ring-violet-500/20 transition-all",
                             autoFocus: !0
                           }
                         )
                       ] }) }),
-                      W && W.similarityScore < 1 && /* @__PURE__ */ e.jsx("div", { className: "mx-4 mt-4 p-3 rounded-lg bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800/50", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start space-x-2", children: [
-                        /* @__PURE__ */ e.jsx(he, { className: "w-4 h-4 text-amber-600 dark:text-amber-400 flex-shrink-0 mt-0.5" }),
+                      O && O.similarityScore < 1 && /* @__PURE__ */ e.jsx("div", { className: "mx-4 mt-4 p-3 rounded-lg bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800/50", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start space-x-2", children: [
+                        /* @__PURE__ */ e.jsx(ke, { className: "w-4 h-4 text-amber-600 dark:text-amber-400 flex-shrink-0 mt-0.5" }),
                         /* @__PURE__ */ e.jsxs("div", { className: "flex-1 text-xs", children: [
                           /* @__PURE__ */ e.jsx("p", { className: "font-semibold text-amber-900 dark:text-amber-300", children: "Similar designation found!" }),
                           /* @__PURE__ */ e.jsxs("p", { className: "text-amber-700 dark:text-amber-400 mt-1", children: [
                             "Similar rank found (",
-                            W.scorePercentage,
+                            O.scorePercentage,
                             "% match). You can still create this if it's different."
                           ] })
                         ] })
                       ] }) }),
-                      /* @__PURE__ */ e.jsx("div", { className: "flex-1 overflow-y-auto p-2", children: x.trim() ? (
+                      /* @__PURE__ */ e.jsx("div", { className: "flex-1 overflow-y-auto p-2", children: d.trim() ? (
                         /* Show filtered results + Create New when user types */
                         /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                          w.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "space-y-1 mb-3", children: [
+                          C.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "space-y-1 mb-3", children: [
                             /* @__PURE__ */ e.jsx("p", { className: "px-4 py-2 text-xs font-semibold text-slate-500 dark:text-slate-400 uppercase tracking-wider", children: "Existing Options" }),
-                            w.map((s) => /* @__PURE__ */ e.jsx("div", { className: "group relative", children: /* @__PURE__ */ e.jsxs(
+                            C.map((s) => /* @__PURE__ */ e.jsx("div", { className: "group relative", children: /* @__PURE__ */ e.jsxs(
                               "button",
                               {
                                 type: "button",
-                                onClick: (a) => {
-                                  a.preventDefault(), a.stopPropagation(), T(s.value);
+                                onClick: (n) => {
+                                  n.preventDefault(), n.stopPropagation(), L(s.value);
                                 },
                                 className: `w-full text-left px-4 py-3 rounded-lg transition-all duration-200 flex items-center justify-between ${r === s.value ? "bg-violet-100 dark:bg-violet-600/20 text-violet-900 dark:text-violet-300 font-semibold" : "hover:bg-slate-100 dark:hover:bg-slate-700 text-slate-700 dark:text-slate-300"}`,
                                 children: [
@@ -1726,10 +1726,10 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                                       "button",
                                       {
                                         type: "button",
-                                        onClick: (a) => Y(s, a),
+                                        onClick: (n) => X(s, n),
                                         className: "opacity-0 group-hover:opacity-100 transition-opacity p-1.5 rounded-md hover:bg-white dark:hover:bg-slate-600 text-slate-500 hover:text-violet-600 dark:text-slate-400 dark:hover:text-violet-400",
                                         title: "Edit this rank",
-                                        children: /* @__PURE__ */ e.jsx(oe, { className: "w-3.5 h-3.5" })
+                                        children: /* @__PURE__ */ e.jsx(ne, { className: "w-3.5 h-3.5" })
                                       }
                                     )
                                   ] })
@@ -1737,22 +1737,22 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                               }
                             ) }, s.value))
                           ] }),
-                          (!d || (W == null ? void 0 : W.similarityScore) < 1) && /* @__PURE__ */ e.jsxs("div", { className: w.length > 0 ? "border-t border-slate-200 dark:border-slate-700 pt-3" : "", children: [
-                            /* @__PURE__ */ e.jsx("p", { className: "px-4 py-2 text-xs font-semibold text-slate-500 dark:text-slate-400 uppercase tracking-wider", children: w.length > 0 ? h === "edit" ? "Or Update To" : "Or Create New" : "No matches found" }),
+                          (!h || (O == null ? void 0 : O.similarityScore) < 1) && /* @__PURE__ */ e.jsxs("div", { className: C.length > 0 ? "border-t border-slate-200 dark:border-slate-700 pt-3" : "", children: [
+                            /* @__PURE__ */ e.jsx("p", { className: "px-4 py-2 text-xs font-semibold text-slate-500 dark:text-slate-400 uppercase tracking-wider", children: C.length > 0 ? b === "edit" ? "Or Update To" : "Or Create New" : "No matches found" }),
                             /* @__PURE__ */ e.jsx("div", { className: "px-2", children: /* @__PURE__ */ e.jsx(
                               "button",
                               {
                                 type: "button",
                                 onClick: (s) => {
-                                  s.preventDefault(), s.stopPropagation(), I();
+                                  s.preventDefault(), s.stopPropagation(), D();
                                 },
                                 className: "w-full px-4 py-3 rounded-lg transition-all duration-200 bg-gradient-to-r from-violet-600 to-indigo-600 hover:from-violet-700 hover:to-indigo-700 text-white font-semibold shadow-lg hover:shadow-xl transform hover:-translate-y-0.5 min-w-0",
                                 children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center space-x-2 min-w-0", children: [
-                                  /* @__PURE__ */ e.jsx(Me, { className: "w-5 h-5 flex-shrink-0" }),
+                                  /* @__PURE__ */ e.jsx(Oe, { className: "w-5 h-5 flex-shrink-0" }),
                                   /* @__PURE__ */ e.jsxs("span", { className: "truncate", children: [
-                                    h === "edit" ? "Update to" : "Create New",
+                                    b === "edit" ? "Update to" : "Create New",
                                     ": ",
-                                    x.trim()
+                                    d.trim()
                                   ] })
                                 ] })
                               }
@@ -1765,8 +1765,8 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                           "button",
                           {
                             type: "button",
-                            onClick: (a) => {
-                              a.preventDefault(), a.stopPropagation(), T(s.value);
+                            onClick: (n) => {
+                              n.preventDefault(), n.stopPropagation(), L(s.value);
                             },
                             className: `w-full text-left px-4 py-3 rounded-lg transition-all duration-200 break-words whitespace-normal ${r === s.value ? "bg-violet-100 dark:bg-violet-600/20 text-violet-900 dark:text-violet-300 font-semibold" : "hover:bg-slate-100 dark:hover:bg-slate-700 text-slate-700 dark:text-slate-300"}`,
                             children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
@@ -1775,10 +1775,10 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                                 "button",
                                 {
                                   type: "button",
-                                  onClick: (a) => Y(s, a),
+                                  onClick: (n) => X(s, n),
                                   className: "opacity-0 group-hover:opacity-100 transition-opacity ml-2 p-1.5 rounded-md hover:bg-white dark:hover:bg-slate-600 text-slate-500 hover:text-violet-600 dark:text-slate-400 dark:hover:text-violet-400",
                                   title: "Edit this rank",
-                                  children: /* @__PURE__ */ e.jsx(oe, { className: "w-3.5 h-3.5" })
+                                  children: /* @__PURE__ */ e.jsx(ne, { className: "w-3.5 h-3.5" })
                                 }
                               )
                             ] })
@@ -1787,8 +1787,8 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                       ) })
                     ] }),
                     /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0 px-6 py-3 border-t border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-800/50", children: /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-slate-500 dark:text-slate-400 text-center", children: [
-                      !i && (w ? `${w.length} option${w.length !== 1 ? "s" : ""} available` : ""),
-                      i && "Edit the rank designation and save changes"
+                      !m && (C ? `${C.length} option${C.length !== 1 ? "s" : ""} available` : ""),
+                      m && "Edit the rank designation and save changes"
                     ] }) })
                   ] })
                 }
@@ -1803,23 +1803,23 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
             {
               type: "button",
               onClick: (s) => {
-                s.preventDefault(), s.stopPropagation(), t.disabled || N(!0);
+                s.preventDefault(), s.stopPropagation(), t.disabled || y(!0);
               },
               disabled: t.disabled,
-              className: `relative ${$} ${F} flex items-center justify-between ${b ? "pl-12" : ""} pr-4 text-left disabled:opacity-50 disabled:cursor-not-allowed hover:border-violet-400 dark:hover:border-violet-500`,
+              className: `relative ${_} ${I} flex items-center justify-between ${p ? "pl-12" : ""} pr-4 text-left disabled:opacity-50 disabled:cursor-not-allowed hover:border-violet-400 dark:hover:border-violet-500`,
               children: [
-                b && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ e.jsx(b, { className: "w-4 h-4 sm:w-5 sm:h-5 text-slate-400" }) }),
-                /* @__PURE__ */ e.jsx("span", { className: r ? "text-slate-900 dark:text-white truncate" : "text-slate-400", children: C() }),
-                /* @__PURE__ */ e.jsx(ae, { className: "w-5 h-5 text-slate-400" })
+                p && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ e.jsx(p, { className: "w-4 h-4 sm:w-5 sm:h-5 text-slate-400" }) }),
+                /* @__PURE__ */ e.jsx("span", { className: r ? "text-slate-900 dark:text-white truncate" : "text-slate-400", children: M() }),
+                /* @__PURE__ */ e.jsx(le, { className: "w-5 h-5 text-slate-400" })
               ]
             }
           ),
-          p && /* @__PURE__ */ e.jsx(
+          v && /* @__PURE__ */ e.jsx(
             "div",
             {
               className: "fixed inset-0 z-50 flex items-center justify-center p-3 sm:p-4 bg-black/50 backdrop-blur-sm animate-in fade-in duration-200",
               onMouseDown: (s) => {
-                s.target === s.currentTarget && (s.preventDefault(), s.stopPropagation(), V());
+                s.target === s.currentTarget && (s.preventDefault(), s.stopPropagation(), Y());
               },
               children: /* @__PURE__ */ e.jsxs(
                 "div",
@@ -1841,36 +1841,36 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                         {
                           type: "button",
                           onClick: (s) => {
-                            s.preventDefault(), s.stopPropagation(), V();
+                            s.preventDefault(), s.stopPropagation(), Y();
                           },
                           className: `flex-shrink-0 p-1.5 rounded-lg border transition-all duration-200
                  text-slate-400 hover:bg-slate-100 hover:text-slate-900
                  border-slate-200/50 dark:border-slate-700/50
                  dark:hover:bg-slate-700 dark:hover:text-white`,
-                          children: /* @__PURE__ */ e.jsx(X, { className: "w-4 h-4" })
+                          children: /* @__PURE__ */ e.jsx(Z, { className: "w-4 h-4" })
                         }
                       )
                     ] }),
                     /* @__PURE__ */ e.jsx("div", { className: "p-4 border-b border-slate-200 dark:border-slate-700", children: /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-                      /* @__PURE__ */ e.jsx(le, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-400" }),
+                      /* @__PURE__ */ e.jsx(ie, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-400" }),
                       /* @__PURE__ */ e.jsx(
                         "input",
                         {
                           type: "text",
-                          value: x,
-                          onChange: (s) => m(s.target.value),
+                          value: d,
+                          onChange: (s) => u(s.target.value),
                           placeholder: "Search...",
                           className: "w-full pl-10 pr-4 py-2.5 rounded-lg border border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 text-slate-900 dark:text-white placeholder-slate-400 focus:border-violet-500 focus:ring-2 focus:ring-violet-500/20 transition-all",
                           autoFocus: !0
                         }
                       )
                     ] }) }),
-                    /* @__PURE__ */ e.jsx("div", { className: "flex-1 overflow-y-auto p-2", children: w.length > 0 ? /* @__PURE__ */ e.jsx("div", { className: "space-y-1", children: w.map((s) => /* @__PURE__ */ e.jsx(
+                    /* @__PURE__ */ e.jsx("div", { className: "flex-1 overflow-y-auto p-2", children: C.length > 0 ? /* @__PURE__ */ e.jsx("div", { className: "space-y-1", children: C.map((s) => /* @__PURE__ */ e.jsx(
                       "button",
                       {
                         type: "button",
-                        onClick: (a) => {
-                          a.preventDefault(), a.stopPropagation(), T(s.value);
+                        onClick: (n) => {
+                          n.preventDefault(), n.stopPropagation(), L(s.value);
                         },
                         className: `w-full text-left px-4 py-3 rounded-lg transition-all duration-200 break-all whitespace-normal ${r === s.value ? "bg-violet-100 dark:bg-violet-600/20 text-violet-900 dark:text-violet-300 font-semibold" : "hover:bg-slate-100 dark:hover:bg-slate-700 text-slate-700 dark:text-slate-300"}`,
                         children: s.label
@@ -1883,54 +1883,54 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
             }
           )
         ] }) : /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-          b && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ e.jsx(b, { className: "w-4 h-4 sm:w-5 sm:h-5 text-slate-400" }) }),
+          p && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ e.jsx(p, { className: "w-4 h-4 sm:w-5 sm:h-5 text-slate-400" }) }),
           /* @__PURE__ */ e.jsxs(
             "select",
             {
               value: r,
-              onChange: D,
+              onChange: R,
               disabled: t.disabled,
-              className: `${$} ${F} ${b ? "pl-12" : ""} pr-10 appearance-none cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-violet-500/20`,
+              className: `${_} ${I} ${p ? "pl-12" : ""} pr-10 appearance-none cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-violet-500/20`,
               children: [
                 /* @__PURE__ */ e.jsx("option", { value: "", children: t.placeholder || "Select an option" }),
-                (H = t.options) == null ? void 0 : H.map((s) => /* @__PURE__ */ e.jsx("option", { value: s.value, children: s.label }, s.value))
+                (G = t.options) == null ? void 0 : G.map((s) => /* @__PURE__ */ e.jsx("option", { value: s.value, children: s.label }, s.value))
               ]
             }
           ),
-          /* @__PURE__ */ e.jsx(ae, { className: "absolute right-4 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-400 pointer-events-none" })
+          /* @__PURE__ */ e.jsx(le, { className: "absolute right-4 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-400 pointer-events-none" })
         ] });
       case "date":
       case "number":
         return /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-          b && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ e.jsx(b, { className: "w-4 h-4 sm:w-5 sm:h-5 text-slate-400" }) }),
+          p && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ e.jsx(p, { className: "w-4 h-4 sm:w-5 sm:h-5 text-slate-400" }) }),
           /* @__PURE__ */ e.jsx(
             "input",
             {
               type: t.type,
               value: r,
-              onChange: (s) => n(t.name, s.target.value),
+              onChange: (s) => a(t.name, s.target.value),
               disabled: t.disabled,
               min: t.min,
               max: t.max,
               step: t.step,
-              className: `${$} ${F} ${b ? "pl-12" : ""} disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-violet-500/20`
+              className: `${_} ${I} ${p ? "pl-12" : ""} disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-violet-500/20`
             }
           )
         ] });
       case "textarea":
         return t.isHtml ? t.disabled ? /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-          b && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 sm:left-4 top-3 pointer-events-none", children: /* @__PURE__ */ e.jsx(b, { className: "w-4 h-4 sm:w-5 sm:h-5 text-slate-400" }) }),
+          p && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 sm:left-4 top-3 pointer-events-none", children: /* @__PURE__ */ e.jsx(p, { className: "w-4 h-4 sm:w-5 sm:h-5 text-slate-400" }) }),
           /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: `${$} ${F} ${b ? "pl-12" : ""} opacity-50 cursor-not-allowed prose prose-sm max-w-none [&>*]:my-0.5 [&>ul]:list-disc [&>ul]:pl-4 [&>ol]:list-decimal [&>ol]:pl-4`,
+              className: `${_} ${I} ${p ? "pl-12" : ""} opacity-50 cursor-not-allowed prose prose-sm max-w-none [&>*]:my-0.5 [&>ul]:list-disc [&>ul]:pl-4 [&>ol]:list-decimal [&>ol]:pl-4`,
               style: { minHeight: `${(t.rows || 4) * 1.75 + 1.5}rem` },
               dangerouslySetInnerHTML: { __html: r || "" }
             }
           )
         ] }) : t.renderHtmlEditor ? t.renderHtmlEditor({
           content: r || "",
-          onChange: (s) => n(t.name, s),
+          onChange: (s) => a(t.name, s),
           height: t.height || 200,
           rows: t.rows || 4
         }) : /* @__PURE__ */ e.jsxs("div", { className: "p-3 bg-amber-50 text-amber-800 rounded-xl border border-amber-200 text-sm", children: [
@@ -1938,16 +1938,16 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
           /* @__PURE__ */ e.jsx("code", { children: "renderHtmlEditor" }),
           " to this field configuration."
         ] }) : /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-          b && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 sm:left-4 top-3 pointer-events-none", children: /* @__PURE__ */ e.jsx(b, { className: "w-4 h-4 sm:w-5 sm:h-5 text-slate-400" }) }),
+          p && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 sm:left-4 top-3 pointer-events-none", children: /* @__PURE__ */ e.jsx(p, { className: "w-4 h-4 sm:w-5 sm:h-5 text-slate-400" }) }),
           /* @__PURE__ */ e.jsx(
             "textarea",
             {
               value: r,
-              onChange: (s) => n(t.name, s.target.value),
+              onChange: (s) => a(t.name, s.target.value),
               placeholder: t.placeholder,
               disabled: t.disabled,
               rows: t.rows || 4,
-              className: `${$} ${F} ${b ? "pl-12" : ""} placeholder-slate-400 resize-none disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-violet-500/20`
+              className: `${_} ${I} ${p ? "pl-12" : ""} placeholder-slate-400 resize-none disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-violet-500/20`
             }
           )
         ] });
@@ -1958,7 +1958,7 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
             {
               type: "checkbox",
               checked: r || !1,
-              onChange: (s) => n(t.name, s.target.checked),
+              onChange: (s) => a(t.name, s.target.checked),
               disabled: t.disabled,
               className: "h-5 w-5 rounded border-slate-300 text-violet-600 focus:ring-violet-500 dark:border-slate-600 dark:bg-slate-700 disabled:opacity-50 disabled:cursor-not-allowed"
             }
@@ -1967,10 +1967,10 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
         ] });
       case "toggle":
         return /* @__PURE__ */ e.jsx(
-          Pe,
+          Ue,
           {
             checked: r || !1,
-            onChange: n,
+            onChange: a,
             disabled: t.disabled,
             label: t.toggleLabel,
             name: t.name,
@@ -1978,7 +1978,7 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
           }
         );
       case "radio":
-        return /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap items-center gap-3 sm:gap-6", children: (G = t.options) == null ? void 0 : G.map((s) => /* @__PURE__ */ e.jsxs(
+        return /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap items-center gap-3 sm:gap-6", children: (J = t.options) == null ? void 0 : J.map((s) => /* @__PURE__ */ e.jsxs(
           "label",
           {
             className: `flex items-center cursor-pointer ${t.disabled ? "opacity-50 cursor-not-allowed" : ""}`,
@@ -1990,7 +1990,7 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                   name: t.name,
                   value: s.value,
                   checked: r === s.value,
-                  onChange: (a) => n(t.name, a.target.value),
+                  onChange: (n) => a(t.name, n.target.value),
                   disabled: t.disabled,
                   className: "h-4 w-4 text-violet-600 border-slate-300 focus:ring-2 focus:ring-violet-500 cursor-pointer disabled:cursor-not-allowed dark:border-slate-600 dark:bg-slate-700"
                 }
@@ -2001,19 +2001,19 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
           s.value
         )) });
       case "file": {
-        const s = ve.useRef(null), a = Array.isArray(r) ? r : [];
+        const s = ge.useRef(null), n = Array.isArray(r) ? r : [];
         return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "relative flex items-center", children: [
-            b && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ e.jsx(b, { className: "w-4 h-4 sm:w-5 sm:h-5 text-slate-400" }) }),
+            p && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ e.jsx(p, { className: "w-4 h-4 sm:w-5 sm:h-5 text-slate-400" }) }),
             /* @__PURE__ */ e.jsx(
               "div",
               {
                 onClick: () => {
-                  var o;
-                  return !t.disabled && ((o = s.current) == null ? void 0 : o.click());
+                  var c;
+                  return !t.disabled && ((c = s.current) == null ? void 0 : c.click());
                 },
-                className: `w-full px-4 py-3 rounded-xl border transition-all duration-200 bg-white dark:bg-slate-800 text-slate-900 dark:text-white ${b ? "pl-12" : "pl-4"} pr-14 cursor-pointer select-none ${t.disabled ? "opacity-50 cursor-not-allowed border-slate-300 dark:border-slate-600" : "border-slate-300 dark:border-slate-600 hover:border-violet-400 dark:hover:border-violet-500"} ${l ? "border-red-300 dark:border-red-700" : ""}`,
-                children: /* @__PURE__ */ e.jsx("span", { className: "text-slate-400 dark:text-slate-500 text-sm", children: a.length > 0 ? `${a.length} file${a.length !== 1 ? "s" : ""} selected` : t.placeholder || "Select files to upload..." })
+                className: `w-full px-4 py-3 rounded-xl border transition-all duration-200 bg-white dark:bg-slate-800 text-slate-900 dark:text-white ${p ? "pl-12" : "pl-4"} pr-14 cursor-pointer select-none ${t.disabled ? "opacity-50 cursor-not-allowed border-slate-300 dark:border-slate-600" : "border-slate-300 dark:border-slate-600 hover:border-violet-400 dark:hover:border-violet-500"} ${i ? "border-red-300 dark:border-red-700" : ""}`,
+                children: /* @__PURE__ */ e.jsx("span", { className: "text-slate-400 dark:text-slate-500 text-sm", children: n.length > 0 ? `${n.length} file${n.length !== 1 ? "s" : ""} selected` : t.placeholder || "Select files to upload..." })
               }
             ),
             /* @__PURE__ */ e.jsx(
@@ -2022,12 +2022,12 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                 type: "button",
                 disabled: t.disabled,
                 onClick: () => {
-                  var o;
-                  return (o = s.current) == null ? void 0 : o.click();
+                  var c;
+                  return (c = s.current) == null ? void 0 : c.click();
                 },
                 className: "absolute right-2 top-1/2 -translate-y-1/2 p-2 rounded-lg bg-violet-600 hover:bg-violet-700 active:bg-violet-800 disabled:opacity-50 disabled:cursor-not-allowed text-white transition-colors",
                 title: "Browse files",
-                children: /* @__PURE__ */ e.jsx(Se, { className: "w-4 h-4" })
+                children: /* @__PURE__ */ e.jsx(_e, { className: "w-4 h-4" })
               }
             ),
             /* @__PURE__ */ e.jsx(
@@ -2038,29 +2038,29 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                 accept: t.accept,
                 multiple: t.multiple ?? !1,
                 className: "hidden",
-                onChange: (o) => {
-                  t.onFilesSelected && t.onFilesSelected(o.target.files), o.target.value = "";
+                onChange: (c) => {
+                  t.onFilesSelected && t.onFilesSelected(c.target.files), c.target.value = "";
                 }
               }
             )
           ] }),
-          a.map(({ tempId: o, file: f, documentName: k }) => /* @__PURE__ */ e.jsxs("div", { className: "group flex items-center gap-3 px-4 py-3 rounded-xl border border-violet-200 dark:border-violet-700/40 bg-violet-50/50 dark:bg-violet-900/10 transition-colors", children: [
-            /* @__PURE__ */ e.jsx("div", { className: "w-8 h-8 rounded-lg bg-violet-100 dark:bg-violet-900/30 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e.jsx($e, { className: "w-4 h-4 text-violet-600 dark:text-violet-400" }) }),
+          n.map(({ tempId: c, file: j, documentName: E }) => /* @__PURE__ */ e.jsxs("div", { className: "group flex items-center gap-3 px-4 py-3 rounded-xl border border-violet-200 dark:border-violet-700/40 bg-violet-50/50 dark:bg-violet-900/10 transition-colors", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "w-8 h-8 rounded-lg bg-violet-100 dark:bg-violet-900/30 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e.jsx(Ae, { className: "w-4 h-4 text-violet-600 dark:text-violet-400" }) }),
             /* @__PURE__ */ e.jsxs("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ e.jsx("p", { className: "text-sm font-semibold text-slate-800 dark:text-slate-200 truncate", children: k || (f == null ? void 0 : f.name) }),
-              (f == null ? void 0 : f.size) !== void 0 && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-violet-600 dark:text-violet-400 mt-0.5", children: f.size < 1024 * 1024 ? `${(f.size / 1024).toFixed(1)} KB` : `${(f.size / (1024 * 1024)).toFixed(2)} MB` })
+              /* @__PURE__ */ e.jsx("p", { className: "text-sm font-semibold text-slate-800 dark:text-slate-200 truncate", children: E || (j == null ? void 0 : j.name) }),
+              (j == null ? void 0 : j.size) !== void 0 && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-violet-600 dark:text-violet-400 mt-0.5", children: j.size < 1024 * 1024 ? `${(j.size / 1024).toFixed(1)} KB` : `${(j.size / (1024 * 1024)).toFixed(2)} MB` })
             ] }),
             t.onRemove && /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
-                onClick: () => t.onRemove(o),
+                onClick: () => t.onRemove(c),
                 className: "w-7 h-7 rounded-lg flex items-center justify-center text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20 transition-all flex-shrink-0 opacity-60 sm:opacity-0 sm:group-hover:opacity-100",
                 title: "Remove",
-                children: /* @__PURE__ */ e.jsx(Le, { className: "w-3.5 h-3.5" })
+                children: /* @__PURE__ */ e.jsx(Pe, { className: "w-3.5 h-3.5" })
               }
             )
-          ] }, o))
+          ] }, c))
         ] });
       }
       case "text":
@@ -2068,16 +2068,16 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
       case "password":
       default:
         return /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-          b && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ e.jsx(b, { className: "w-4 h-4 sm:w-5 sm:h-5 text-slate-400" }) }),
+          p && /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ e.jsx(p, { className: "w-4 h-4 sm:w-5 sm:h-5 text-slate-400" }) }),
           /* @__PURE__ */ e.jsx(
             "input",
             {
               type: t.type,
               value: t.displayValue ?? r ?? "",
-              onChange: (s) => n(t.name, s.target.value),
+              onChange: (s) => a(t.name, s.target.value),
               placeholder: t.placeholder,
               disabled: t.disabled,
-              className: `${$} ${F} ${b ? "pl-12" : ""} placeholder-slate-400 disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-violet-500/20`
+              className: `${_} ${I} ${p ? "pl-12" : ""} placeholder-slate-400 disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-violet-500/20`
             }
           )
         ] });
@@ -2088,109 +2088,109 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
       /* @__PURE__ */ e.jsx("span", { children: t.label }),
       t.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500 dark:text-red-400", children: "*" })
     ] }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "mt-2", children: A() }),
-    l && /* @__PURE__ */ e.jsxs("p", { className: "text-xs sm:text-sm text-red-600 dark:text-red-400 flex items-center gap-1.5 animate-in slide-in-from-top-1 duration-200", children: [
-      /* @__PURE__ */ e.jsx(he, { className: "w-3.5 h-3.5 flex-shrink-0" }),
-      /* @__PURE__ */ e.jsx("span", { children: l })
+    /* @__PURE__ */ e.jsx("div", { className: "mt-2", children: W() }),
+    i && /* @__PURE__ */ e.jsxs("p", { className: "text-xs sm:text-sm text-red-600 dark:text-red-400 flex items-center gap-1.5 animate-in slide-in-from-top-1 duration-200", children: [
+      /* @__PURE__ */ e.jsx(ke, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+      /* @__PURE__ */ e.jsx("span", { children: i })
     ] }),
-    t.helpText && !l && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: t.helpText })
+    t.helpText && !i && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: t.helpText })
   ] });
-}, Ke = ({
+}, lt = ({
   fields: t = [],
   initialData: r = {},
-  onSubmit: n,
-  onCancel: l,
-  onEdit: c,
-  onFieldChange: h,
-  submitButtonText: x = "Submit",
-  cancelButtonText: m = "Cancel",
-  editButtonText: p = "Edit",
-  showEditingBadge: N = !1,
-  editingEntity: S = "",
-  helpText: R = "All fields marked with * are required",
-  isModal: y = !0,
-  mode: E = "edit",
-  disabled: M = !1,
+  onSubmit: a,
+  onCancel: i,
+  onEdit: x,
+  onFieldChange: b,
+  submitButtonText: d = "Submit",
+  cancelButtonText: u = "Cancel",
+  editButtonText: v = "Edit",
+  showEditingBadge: y = !1,
+  editingEntity: w = "",
+  helpText: z = "All fields marked with * are required",
+  isModal: N = !0,
+  mode: $ = "edit",
+  disabled: P = !1,
   // ✅ Add disabled prop for loading states
-  renderCustomField: g
+  renderCustomField: f
 }) => {
-  const i = K(!0), [j, D] = z(() => {
-    const d = {};
-    return (typeof t == "function" ? t(r) : t).forEach((C) => {
-      d[C.name] = r[C.name] || "";
-    }), d;
-  }), [T, V] = z({}), I = E === "view", Y = I ? !0 : !y;
-  J(() => {
-    if (i.current) {
-      i.current = !1;
+  const m = ee(!0), [g, R] = T(() => {
+    const h = {};
+    return (typeof t == "function" ? t(r) : t).forEach((M) => {
+      h[M.name] = r[M.name] || "";
+    }), h;
+  }), [L, Y] = T({}), D = $ === "view", X = D ? !0 : !N;
+  Q(() => {
+    if (m.current) {
+      m.current = !1;
       return;
     }
     if (r && Object.keys(r).length > 0 && r.id) {
-      const v = {};
-      (typeof t == "function" ? t(j) : t).forEach((A) => {
-        v[A.name] = r[A.name] || "";
-      }), D(v);
+      const k = {};
+      (typeof t == "function" ? t(g) : t).forEach((W) => {
+        k[W.name] = r[W.name] || "";
+      }), R(k);
     }
   }, [r.id]);
-  const U = typeof t == "function" ? t(j) : t, B = (d, v) => {
-    if (I) return;
-    const C = { ...j, [d]: v };
-    D(C);
-    const A = { ...T };
-    delete A[d], U.forEach((O) => {
-      var b;
-      if ((b = O.validation) != null && b.custom && A[O.name]) {
-        const $ = O.name === d ? v : j[O.name];
-        O.validation.custom($, C) === !0 && delete A[O.name];
+  const H = typeof t == "function" ? t(g) : t, U = (h, k) => {
+    if (D) return;
+    const M = { ...g, [h]: k };
+    R(M);
+    const W = { ...L };
+    delete W[h], H.forEach((F) => {
+      var p;
+      if ((p = F.validation) != null && p.custom && W[F.name]) {
+        const _ = F.name === h ? k : g[F.name];
+        F.validation.custom(_, M) === !0 && delete W[F.name];
       }
-    }), V(A), h && h(d, v, C);
-  }, w = () => {
-    if (I) return !0;
-    const d = {};
-    return U.forEach((v) => {
-      const C = j[v.name], A = v.isHtml ? !(C || "").replace(/<[^>]*>/g, "").trim() : !C;
-      if (v.required && A) {
-        d[v.name] = `${v.label} is required`;
+    }), Y(W), b && b(h, k, M);
+  }, C = () => {
+    if (D) return !0;
+    const h = {};
+    return H.forEach((k) => {
+      const M = g[k.name], W = k.isHtml ? !(M || "").replace(/<[^>]*>/g, "").trim() : !M;
+      if (k.required && W) {
+        h[k.name] = `${k.label} is required`;
         return;
       }
-      if (v.validation && C) {
-        const { minLength: O, maxLength: b, pattern: $, custom: F } = v.validation, H = v.isHtml ? (C || "").replace(/<[^>]*>/g, "").trim() : C;
-        if (O && H.length < O) {
-          d[v.name] = `Minimum ${O} characters required`;
+      if (k.validation && M) {
+        const { minLength: F, maxLength: p, pattern: _, custom: I } = k.validation, G = k.isHtml ? (M || "").replace(/<[^>]*>/g, "").trim() : M;
+        if (F && G.length < F) {
+          h[k.name] = `Minimum ${F} characters required`;
           return;
         }
-        if (b && H.length > b) {
-          d[v.name] = `Maximum ${b} characters allowed`;
+        if (p && G.length > p) {
+          h[k.name] = `Maximum ${p} characters allowed`;
           return;
         }
-        if ($ && !$.test(C)) {
-          d[v.name] = v.validation.patternMessage || v.validation.message || "Invalid format";
+        if (_ && !_.test(M)) {
+          h[k.name] = k.validation.patternMessage || k.validation.message || "Invalid format";
           return;
         }
-        if (F) {
-          const G = F(C, j);
-          if (G !== !0) {
-            d[v.name] = typeof G == "string" ? G : v.validation.message || "Validation failed";
+        if (I) {
+          const J = I(M, g);
+          if (J !== !0) {
+            h[k.name] = typeof J == "string" ? J : k.validation.message || "Validation failed";
             return;
           }
         }
       }
-    }), V(d), Object.keys(d).length === 0;
-  }, W = (d) => {
-    d.preventDefault(), !I && w() && n(j);
+    }), Y(h), Object.keys(h).length === 0;
+  }, O = (h) => {
+    h.preventDefault(), !D && C() && a(g);
   };
-  return /* @__PURE__ */ e.jsxs("form", { onSubmit: W, className: "flex flex-col h-full max-h-[75vh] sm:max-h-[70vh]", children: [
+  return /* @__PURE__ */ e.jsxs("form", { onSubmit: O, className: "flex flex-col h-full max-h-[75vh] sm:max-h-[70vh]", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex-1 overflow-y-auto px-4 pt-4 sm:px-5 sm:pt-5", children: [
-      I && /* @__PURE__ */ e.jsxs("div", { className: `mb-4 flex items-center gap-3 p-3 sm:p-3.5 rounded-xl
+      D && /* @__PURE__ */ e.jsxs("div", { className: `mb-4 flex items-center gap-3 p-3 sm:p-3.5 rounded-xl
                         bg-blue-50 border border-blue-200
                         dark:bg-blue-600/10 dark:border-blue-500/30`, children: [
-        /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0 p-1.5 rounded-lg bg-blue-600 dark:bg-blue-500", children: /* @__PURE__ */ e.jsx(re, { className: "w-3.5 h-3.5 text-white" }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0 p-1.5 rounded-lg bg-blue-600 dark:bg-blue-500", children: /* @__PURE__ */ e.jsx(oe, { className: "w-3.5 h-3.5 text-white" }) }),
         /* @__PURE__ */ e.jsxs("div", { className: "min-w-0", children: [
           /* @__PURE__ */ e.jsx("p", { className: "text-sm font-semibold text-slate-900 dark:text-white leading-tight", children: "View Mode" }),
           /* @__PURE__ */ e.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400 leading-snug", children: "Read-only — no changes will be saved" })
         ] })
       ] }),
-      !I && N && S && /* @__PURE__ */ e.jsxs("div", { className: `mb-4 flex items-center gap-3 p-3 sm:p-3.5 rounded-xl
+      !D && y && w && /* @__PURE__ */ e.jsxs("div", { className: `mb-4 flex items-center gap-3 p-3 sm:p-3.5 rounded-xl
                         bg-violet-50 border border-violet-200
                         dark:bg-violet-600/10 dark:border-violet-500/30`, children: [
         /* @__PURE__ */ e.jsx("span", { className: "flex-shrink-0 w-2 h-2 rounded-full bg-violet-500 animate-pulse" }),
@@ -2199,64 +2199,64 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
           /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-slate-500 dark:text-slate-400 truncate", children: [
             "Modifying:",
             " ",
-            /* @__PURE__ */ e.jsx("span", { className: "font-semibold text-violet-600 dark:text-violet-400", children: S })
+            /* @__PURE__ */ e.jsx("span", { className: "font-semibold text-violet-600 dark:text-violet-400", children: w })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "space-y-4 pb-4", children: U.map((d, v) => {
-        const C = j[d.name], A = T[d.name];
-        if (g) {
-          const O = g({
-            field: d,
-            value: C,
-            error: A,
-            index: v,
-            mode: E,
-            disabled: I || d.disabled || M,
-            onChange: B
+      /* @__PURE__ */ e.jsx("div", { className: "space-y-4 pb-4", children: H.map((h, k) => {
+        const M = g[h.name], W = L[h.name];
+        if (f) {
+          const F = f({
+            field: h,
+            value: M,
+            error: W,
+            index: k,
+            mode: $,
+            disabled: D || h.disabled || P,
+            onChange: U
           });
-          if (O) return /* @__PURE__ */ e.jsx("div", { children: O }, d.name || v);
+          if (F) return /* @__PURE__ */ e.jsx("div", { children: F }, h.name || k);
         }
         return /* @__PURE__ */ e.jsx(
-          we,
+          pe,
           {
-            field: { ...d, disabled: I || d.disabled || M },
-            value: C,
-            onChange: B,
-            error: A,
-            mode: E
+            field: { ...h, disabled: D || h.disabled || P },
+            value: M,
+            onChange: U,
+            error: W,
+            mode: $
           },
-          d.name || v
+          h.name || k
         );
       }) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: `flex-shrink-0 bg-white dark:bg-slate-800
                     border-t border-slate-200 dark:border-slate-700
                     px-4 py-3 sm:px-5 sm:py-4`, children: [
-      I ? /* @__PURE__ */ e.jsxs("div", { className: `flex ${y ? "flex-col-reverse sm:flex-row" : "flex-row"} gap-2.5`, children: [
-        Y && l && /* @__PURE__ */ e.jsxs(
+      D ? /* @__PURE__ */ e.jsxs("div", { className: `flex ${N ? "flex-col-reverse sm:flex-row" : "flex-row"} gap-2.5`, children: [
+        X && i && /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
-            onClick: l,
-            className: `${y ? "flex-1 sm:flex-none" : "w-auto"}
+            onClick: i,
+            className: `${N ? "flex-1 sm:flex-none" : "w-auto"}
                 flex items-center justify-center gap-2
                 px-4 py-2.5 rounded-xl text-sm font-semibold transition-all duration-200
                 bg-slate-100 hover:bg-slate-200 text-slate-700 border border-slate-200
                 dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-300 dark:border-slate-600
                 hover:scale-[1.02] active:scale-[0.98]`,
             children: [
-              /* @__PURE__ */ e.jsx(X, { className: "w-4 h-4" }),
+              /* @__PURE__ */ e.jsx(Z, { className: "w-4 h-4" }),
               /* @__PURE__ */ e.jsx("span", { children: "Close" })
             ]
           }
         ),
-        c && /* @__PURE__ */ e.jsxs(
+        x && /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
-            onClick: c,
-            className: `${y ? "flex-1" : "w-auto"}
+            onClick: x,
+            className: `${N ? "flex-1" : "w-auto"}
                 flex items-center justify-center gap-2
                 px-4 py-2.5 rounded-xl text-sm font-semibold transition-all duration-200
                 bg-gradient-to-r from-violet-600 to-indigo-600
@@ -2264,21 +2264,21 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                 text-white shadow-md hover:shadow-lg
                 hover:scale-[1.02] active:scale-[0.98]`,
             children: [
-              /* @__PURE__ */ e.jsx(oe, { className: "w-4 h-4" }),
-              /* @__PURE__ */ e.jsx("span", { children: p })
+              /* @__PURE__ */ e.jsx(ne, { className: "w-4 h-4" }),
+              /* @__PURE__ */ e.jsx("span", { children: v })
             ]
           }
         )
       ] }) : (
         /* Edit mode actions */
-        /* @__PURE__ */ e.jsxs("div", { className: `flex ${y ? "flex-col-reverse sm:flex-row" : "flex-row justify-start"} gap-2.5`, children: [
-          l && /* @__PURE__ */ e.jsxs(
+        /* @__PURE__ */ e.jsxs("div", { className: `flex ${N ? "flex-col-reverse sm:flex-row" : "flex-row justify-start"} gap-2.5`, children: [
+          i && /* @__PURE__ */ e.jsxs(
             "button",
             {
               type: "button",
-              onClick: l,
-              disabled: M,
-              className: `${y ? "flex-1 sm:flex-none" : "w-auto"}
+              onClick: i,
+              disabled: P,
+              className: `${N ? "flex-1 sm:flex-none" : "w-auto"}
                 flex items-center justify-center gap-2
                 px-4 py-2.5 rounded-xl text-sm font-semibold transition-all duration-200
                 bg-slate-100 hover:bg-slate-200 text-slate-700 border border-slate-200
@@ -2286,8 +2286,8 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                 disabled:opacity-50 disabled:cursor-not-allowed
                 hover:scale-[1.02] active:scale-[0.98]`,
               children: [
-                /* @__PURE__ */ e.jsx(X, { className: "w-4 h-4" }),
-                /* @__PURE__ */ e.jsx("span", { children: m })
+                /* @__PURE__ */ e.jsx(Z, { className: "w-4 h-4" }),
+                /* @__PURE__ */ e.jsx("span", { children: u })
               ]
             }
           ),
@@ -2295,8 +2295,8 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
             "button",
             {
               type: "submit",
-              disabled: M,
-              className: `${y ? "flex-1" : "w-auto"}
+              disabled: P,
+              className: `${N ? "flex-1" : "w-auto"}
               flex items-center justify-center gap-2
               px-4 py-2.5 rounded-xl text-sm font-semibold transition-all duration-200
               bg-gradient-to-r from-violet-600 to-indigo-600
@@ -2305,42 +2305,42 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
               disabled:opacity-50 disabled:cursor-not-allowed
               hover:scale-[1.02] active:scale-[0.98] disabled:hover:scale-100`,
               children: [
-                M ? /* @__PURE__ */ e.jsx("span", { className: "w-4 h-4 rounded-full border-2 border-white/30 border-t-white animate-spin flex-shrink-0" }) : /* @__PURE__ */ e.jsx(re, { className: "w-4 h-4 flex-shrink-0" }),
-                /* @__PURE__ */ e.jsx("span", { children: M ? "Saving..." : x })
+                P ? /* @__PURE__ */ e.jsx("span", { className: "w-4 h-4 rounded-full border-2 border-white/30 border-t-white animate-spin flex-shrink-0" }) : /* @__PURE__ */ e.jsx(oe, { className: "w-4 h-4 flex-shrink-0" }),
+                /* @__PURE__ */ e.jsx("span", { children: P ? "Saving..." : d })
               ]
             }
           )
         ] })
       ),
-      !I && R && /* @__PURE__ */ e.jsx("p", { className: "mt-2.5 text-xs text-slate-400 dark:text-slate-500 text-center", children: R })
+      !D && z && /* @__PURE__ */ e.jsx("p", { className: "mt-2.5 text-xs text-slate-400 dark:text-slate-500 text-center", children: z })
     ] })
   ] });
-}, Fe = ({
+}, Ge = ({
   isOpen: t,
   onClose: r,
-  onSelect: n,
-  options: l = [],
-  selectedValue: c,
-  title: h = "Select Option",
-  subtitle: x = "Choose from the list below",
-  icon: m,
-  searchable: p = !0,
-  searchPlaceholder: N = "Search options..."
+  onSelect: a,
+  options: i = [],
+  selectedValue: x,
+  title: b = "Select Option",
+  subtitle: d = "Choose from the list below",
+  icon: u,
+  searchable: v = !0,
+  searchPlaceholder: y = "Search options..."
 }) => {
-  const [S, R] = z(""), y = K(null);
-  J(() => {
-    const g = (i) => {
-      i.key === "Escape" && r();
+  const [w, z] = T(""), N = ee(null);
+  Q(() => {
+    const f = (m) => {
+      m.key === "Escape" && r();
     };
-    return t && (document.addEventListener("keydown", g), p && y.current && setTimeout(() => {
-      var i;
-      return (i = y.current) == null ? void 0 : i.focus();
-    }, 100)), () => document.removeEventListener("keydown", g);
-  }, [t, r, p]);
-  const E = S ? l.filter(
-    (g) => g.label.toLowerCase().includes(S.toLowerCase())
-  ) : l, M = (g) => {
-    n(g), r(), R("");
+    return t && (document.addEventListener("keydown", f), v && N.current && setTimeout(() => {
+      var m;
+      return (m = N.current) == null ? void 0 : m.focus();
+    }, 100)), () => document.removeEventListener("keydown", f);
+  }, [t, r, v]);
+  const $ = w ? i.filter(
+    (f) => f.label.toLowerCase().includes(w.toLowerCase())
+  ) : i, P = (f) => {
+    a(f), r(), z("");
   };
   return t ? /* @__PURE__ */ e.jsxs("div", { className: "fixed inset-0 z-[60] flex items-center justify-center p-4 animate-in fade-in duration-200", children: [
     /* @__PURE__ */ e.jsx(
@@ -2354,10 +2354,10 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
       /* @__PURE__ */ e.jsxs("div", { className: "flex-shrink-0 px-6 py-5 bg-gradient-to-r from-violet-50 via-indigo-50 to-violet-50 border-b border-slate-200 dark:bg-gradient-to-r dark:from-slate-700/50 dark:via-slate-800/50 dark:to-slate-700/50 dark:border-slate-700", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-3", children: [
-            m && /* @__PURE__ */ e.jsx("div", { className: "w-12 h-12 rounded-xl flex items-center justify-center bg-gradient-to-br from-violet-600 to-indigo-600 shadow-lg", children: /* @__PURE__ */ e.jsx(m, { className: "w-6 h-6 text-white" }) }),
+            u && /* @__PURE__ */ e.jsx("div", { className: "w-12 h-12 rounded-xl flex items-center justify-center bg-gradient-to-br from-violet-600 to-indigo-600 shadow-lg", children: /* @__PURE__ */ e.jsx(u, { className: "w-6 h-6 text-white" }) }),
             /* @__PURE__ */ e.jsxs("div", { children: [
-              /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-bold text-slate-900 dark:text-white", children: h }),
-              x && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mt-0.5", children: x })
+              /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-bold text-slate-900 dark:text-white", children: b }),
+              d && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mt-0.5", children: d })
             ] })
           ] }),
           /* @__PURE__ */ e.jsx(
@@ -2365,20 +2365,20 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
             {
               onClick: r,
               className: "p-2 rounded-lg border transition-all duration-200 text-slate-400 hover:bg-slate-100 hover:text-slate-900 border-slate-300 hover:border-slate-400 dark:border-slate-600 dark:hover:bg-slate-700 dark:hover:text-white dark:hover:border-slate-500",
-              children: /* @__PURE__ */ e.jsx(X, { className: "w-5 h-5" })
+              children: /* @__PURE__ */ e.jsx(Z, { className: "w-5 h-5" })
             }
           )
         ] }),
-        p && /* @__PURE__ */ e.jsxs("div", { className: "mt-4 relative", children: [
-          /* @__PURE__ */ e.jsx(le, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-400 dark:text-slate-500" }),
+        v && /* @__PURE__ */ e.jsxs("div", { className: "mt-4 relative", children: [
+          /* @__PURE__ */ e.jsx(ie, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-400 dark:text-slate-500" }),
           /* @__PURE__ */ e.jsx(
             "input",
             {
-              ref: y,
+              ref: N,
               type: "text",
-              value: S,
-              onChange: (g) => R(g.target.value),
-              placeholder: N,
+              value: w,
+              onChange: (f) => z(f.target.value),
+              placeholder: y,
               className: `w-full pl-11 pr-4 py-3 rounded-xl border transition-all duration-200
                     bg-white border-slate-200 text-slate-900 placeholder-slate-400
                     focus:border-violet-400 focus:bg-slate-50
@@ -2389,185 +2389,185 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
           )
         ] })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "flex-grow overflow-y-auto custom-scrollbar", children: E.length > 0 ? /* @__PURE__ */ e.jsx("div", { className: "p-3 space-y-1", children: E.map((g) => {
-        const i = g.value === c;
+      /* @__PURE__ */ e.jsx("div", { className: "flex-grow overflow-y-auto custom-scrollbar", children: $.length > 0 ? /* @__PURE__ */ e.jsx("div", { className: "p-3 space-y-1", children: $.map((f) => {
+        const m = f.value === x;
         return /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
-            onClick: () => M(g.value),
+            onClick: () => P(f.value),
             className: `w-full px-4 py-3.5 rounded-xl text-left flex items-center justify-between transition-all duration-200 group
-                        ${i ? "bg-gradient-to-r from-violet-600 to-indigo-600 text-white shadow-lg shadow-violet-500/30 dark:shadow-violet-900/30" : "text-slate-700 hover:bg-slate-100 dark:text-slate-300 dark:hover:bg-slate-700/50"}`,
+                        ${m ? "bg-gradient-to-r from-violet-600 to-indigo-600 text-white shadow-lg shadow-violet-500/30 dark:shadow-violet-900/30" : "text-slate-700 hover:bg-slate-100 dark:text-slate-300 dark:hover:bg-slate-700/50"}`,
             children: [
-              /* @__PURE__ */ e.jsx("span", { className: "font-medium", children: g.label }),
-              i && /* @__PURE__ */ e.jsx("div", { className: "w-6 h-6 rounded-full bg-white/20 flex items-center justify-center", children: /* @__PURE__ */ e.jsx(re, { className: "w-4 h-4 text-white" }) })
+              /* @__PURE__ */ e.jsx("span", { className: "font-medium", children: f.label }),
+              m && /* @__PURE__ */ e.jsx("div", { className: "w-6 h-6 rounded-full bg-white/20 flex items-center justify-center", children: /* @__PURE__ */ e.jsx(oe, { className: "w-4 h-4 text-white" }) })
             ]
           },
-          g.value
+          f.value
         );
       }) }) : /* @__PURE__ */ e.jsxs("div", { className: "px-4 py-12 text-center", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "w-16 h-16 mx-auto mb-4 rounded-full bg-slate-100 dark:bg-slate-700/50 flex items-center justify-center", children: /* @__PURE__ */ e.jsx(le, { className: "w-8 h-8 text-slate-400 dark:text-slate-500" }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "w-16 h-16 mx-auto mb-4 rounded-full bg-slate-100 dark:bg-slate-700/50 flex items-center justify-center", children: /* @__PURE__ */ e.jsx(ie, { className: "w-8 h-8 text-slate-400 dark:text-slate-500" }) }),
         /* @__PURE__ */ e.jsx("p", { className: "text-sm font-semibold text-slate-600 dark:text-slate-400", children: "No options found" }),
         /* @__PURE__ */ e.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-500 mt-1", children: "Try adjusting your search terms" })
       ] }) }),
       /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0 px-6 py-3 border-t border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-800/50", children: /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-slate-500 dark:text-slate-400 text-center", children: [
-        E.length,
+        $.length,
         " option",
-        E.length !== 1 ? "s" : "",
+        $.length !== 1 ? "s" : "",
         " available"
       ] }) })
     ] }) })
   ] }) : null;
-}, et = ({
+}, nt = ({
   value: t,
   onChange: r,
-  options: n = [],
-  placeholder: l = "Select an option",
-  label: c,
-  icon: h,
-  required: x = !1,
-  disabled: m = !1,
-  error: p,
-  searchable: N = !0,
-  name: S,
-  modalTitle: R,
-  modalSubtitle: y
+  options: a = [],
+  placeholder: i = "Select an option",
+  label: x,
+  icon: b,
+  required: d = !1,
+  disabled: u = !1,
+  error: v,
+  searchable: y = !0,
+  name: w,
+  modalTitle: z,
+  modalSubtitle: N
 }) => {
-  const [E, M] = z(!1), g = n.find((D) => D.value === t), i = (g == null ? void 0 : g.label) || l, j = (D) => {
-    r(S, D);
+  const [$, P] = T(!1), f = a.find((R) => R.value === t), m = (f == null ? void 0 : f.label) || i, g = (R) => {
+    r(w, R);
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      c && /* @__PURE__ */ e.jsxs("label", { className: "flex items-center text-sm font-semibold text-slate-700 dark:text-slate-300", children: [
-        h && /* @__PURE__ */ e.jsx(h, { className: "w-4 h-4 mr-2 text-violet-600 dark:text-violet-400" }),
-        c,
-        x && /* @__PURE__ */ e.jsx("span", { className: "text-red-500 ml-1", children: "*" })
+      x && /* @__PURE__ */ e.jsxs("label", { className: "flex items-center text-sm font-semibold text-slate-700 dark:text-slate-300", children: [
+        b && /* @__PURE__ */ e.jsx(b, { className: "w-4 h-4 mr-2 text-violet-600 dark:text-violet-400" }),
+        x,
+        d && /* @__PURE__ */ e.jsx("span", { className: "text-red-500 ml-1", children: "*" })
       ] }),
       /* @__PURE__ */ e.jsxs(
         "button",
         {
           type: "button",
-          onClick: () => !m && M(!0),
-          disabled: m,
+          onClick: () => !u && P(!0),
+          disabled: u,
           className: `w-full px-4 py-3 rounded-xl border transition-all duration-200 flex items-center justify-between text-left
-            ${p ? "border-red-500 focus:border-red-500 focus:ring-red-500/20" : "border-slate-200 focus:border-violet-400 dark:border-slate-600 dark:focus:border-violet-500"}
-            ${m ? "opacity-50 cursor-not-allowed bg-slate-100 dark:bg-slate-800" : "bg-slate-50 hover:bg-white dark:bg-slate-700/50 dark:hover:bg-slate-700 cursor-pointer"}
+            ${v ? "border-red-500 focus:border-red-500 focus:ring-red-500/20" : "border-slate-200 focus:border-violet-400 dark:border-slate-600 dark:focus:border-violet-500"}
+            ${u ? "opacity-50 cursor-not-allowed bg-slate-100 dark:bg-slate-800" : "bg-slate-50 hover:bg-white dark:bg-slate-700/50 dark:hover:bg-slate-700 cursor-pointer"}
             text-slate-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-violet-500/20`,
           children: [
             /* @__PURE__ */ e.jsx(
               "span",
               {
                 className: `text-sm ${t ? "" : "text-slate-400 dark:text-slate-500"}`,
-                children: i
+                children: m
               }
             ),
             /* @__PURE__ */ e.jsx(se, { className: "w-5 h-5 text-slate-400 dark:text-slate-500" })
           ]
         }
       ),
-      !p && t && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2 mt-2", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "w-5 h-5 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center", children: /* @__PURE__ */ e.jsx(re, { className: "w-3 h-3 text-green-600 dark:text-green-400" }) }),
+      !v && t && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2 mt-2", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "w-5 h-5 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center", children: /* @__PURE__ */ e.jsx(oe, { className: "w-3 h-3 text-green-600 dark:text-green-400" }) }),
         /* @__PURE__ */ e.jsx("span", { className: "text-xs text-green-600 dark:text-green-400 font-medium", children: "Selected" })
       ] }),
-      p && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-red-500 flex items-center space-x-1 mt-1", children: /* @__PURE__ */ e.jsx("span", { children: p }) })
+      v && /* @__PURE__ */ e.jsx("p", { className: "text-xs text-red-500 flex items-center space-x-1 mt-1", children: /* @__PURE__ */ e.jsx("span", { children: v }) })
     ] }),
     /* @__PURE__ */ e.jsx(
-      Fe,
+      Ge,
       {
-        isOpen: E,
-        onClose: () => M(!1),
-        onSelect: j,
-        options: n,
+        isOpen: $,
+        onClose: () => P(!1),
+        onSelect: g,
+        options: a,
         selectedValue: t,
-        title: R || c || "Select Option",
-        subtitle: y || `Choose from ${n.length} options`,
-        icon: h,
-        searchable: N
+        title: z || x || "Select Option",
+        subtitle: N || `Choose from ${a.length} options`,
+        icon: b,
+        searchable: y
       }
     )
   ] });
-}, tt = ({
+}, ot = ({
   steps: t = [],
   initialData: r = {},
-  onSubmit: n,
-  onCancel: l,
-  onEdit: c,
-  onStepChange: h,
-  submitButtonText: x = "Submit",
-  cancelButtonText: m = "Cancel",
-  editButtonText: p = "Edit Record",
-  showEditingBadge: N = !1,
-  editingEntity: S = "",
-  helpText: R = "All fields marked with * are required",
-  isModal: y = !0,
-  mode: E = "create"
+  onSubmit: a,
+  onCancel: i,
+  onEdit: x,
+  onStepChange: b,
+  submitButtonText: d = "Submit",
+  cancelButtonText: u = "Cancel",
+  editButtonText: v = "Edit Record",
+  showEditingBadge: y = !1,
+  editingEntity: w = "",
+  helpText: z = "All fields marked with * are required",
+  isModal: N = !0,
+  mode: $ = "create"
 }) => {
   var s;
-  const M = K(null), [g, i] = z(0), [j, D] = z(
+  const P = ee(null), [f, m] = T(0), [g, R] = T(
     () => typeof window < "u" ? window.innerWidth >= 1024 : !0
-  ), [T, V] = z(() => {
-    const a = typeof t == "function" ? t(r) : t, o = {};
-    return a.forEach((f) => {
-      f.fields && f.fields.forEach((k) => {
-        o[k.name] = r[k.name] || "";
+  ), [L, Y] = T(() => {
+    const n = typeof t == "function" ? t(r) : t, c = {};
+    return n.forEach((j) => {
+      j.fields && j.fields.forEach((E) => {
+        c[E.name] = r[E.name] || "";
       });
-    }), o;
-  }), [I, Y] = z({}), [U, B] = z(/* @__PURE__ */ new Set([0])), w = E === "view", W = E === "edit", d = typeof t == "function" ? t(T) : t;
-  J(() => {
-    h && h(g, T);
-  }, [g, T, h]);
-  const v = () => {
-    var a;
-    (a = M.current) == null || a.scrollTo({ top: 0, behavior: "smooth" });
-  }, C = (a, o) => {
-    if (w) return;
-    const k = d.flatMap((P) => P.fields || []).find((P) => P.name === a);
-    V((P) => {
-      const L = { ...P, [a]: o };
-      return k != null && k.resetFieldsOnChange && k.resetFieldsOnChange.forEach((q) => {
-        L[q] = "";
-      }), L;
-    }), I[a] && Y((P) => ({ ...P, [a]: "" })), k != null && k.onChange && k.onChange(a, o);
-  }, A = (a) => {
-    if (w) return !0;
-    const o = {}, f = d[a];
-    if (f.customValidator) {
-      const k = f.customValidator(a, T);
-      Object.assign(o, k);
+    }), c;
+  }), [D, X] = T({}), [H, U] = T(/* @__PURE__ */ new Set([0])), C = $ === "view", O = $ === "edit", h = typeof t == "function" ? t(L) : t;
+  Q(() => {
+    b && b(f, L);
+  }, [f, L, b]);
+  const k = () => {
+    var n;
+    (n = P.current) == null || n.scrollTo({ top: 0, behavior: "smooth" });
+  }, M = (n, c) => {
+    if (C) return;
+    const E = h.flatMap((B) => B.fields || []).find((B) => B.name === n);
+    Y((B) => {
+      const o = { ...B, [n]: c };
+      return E != null && E.resetFieldsOnChange && E.resetFieldsOnChange.forEach((S) => {
+        o[S] = "";
+      }), o;
+    }), D[n] && X((B) => ({ ...B, [n]: "" })), E != null && E.onChange && E.onChange(n, c);
+  }, W = (n) => {
+    if (C) return !0;
+    const c = {}, j = h[n];
+    if (j.customValidator) {
+      const E = j.customValidator(n, L);
+      Object.assign(c, E);
     }
-    return f.fields && f.fields.length > 0 && f.fields.forEach((k) => {
-      const P = T[k.name];
-      if (k.required && !P) {
-        o[k.name] = `${k.label} is required`;
+    return j.fields && j.fields.length > 0 && j.fields.forEach((E) => {
+      const B = L[E.name];
+      if (E.required && !B) {
+        c[E.name] = `${E.label} is required`;
         return;
       }
-      if (P && k.validation) {
-        const { minLength: L, maxLength: q, pattern: u, min: Q, max: Z, custom: me } = k.validation;
-        L && P.length < L && (o[k.name] = `Minimum ${L} characters required`), q && P.length > q && (o[k.name] = `Maximum ${q} characters allowed`), u && !u.test(P) && (o[k.name] = k.validation.message || "Invalid format"), Q !== void 0 && parseFloat(P) < Q && (o[k.name] = k.validation.message || `Minimum value is ${Q}`), Z !== void 0 && parseFloat(P) > Z && (o[k.name] = k.validation.message || `Maximum value is ${Z}`), me && !me(P) && (o[k.name] = k.validation.message || "Validation failed");
+      if (B && E.validation) {
+        const { minLength: o, maxLength: S, pattern: l, min: A, max: q, custom: te } = E.validation;
+        o && B.length < o && (c[E.name] = `Minimum ${o} characters required`), S && B.length > S && (c[E.name] = `Maximum ${S} characters allowed`), l && !l.test(B) && (c[E.name] = E.validation.message || "Invalid format"), A !== void 0 && parseFloat(B) < A && (c[E.name] = E.validation.message || `Minimum value is ${A}`), q !== void 0 && parseFloat(B) > q && (c[E.name] = E.validation.message || `Maximum value is ${q}`), te && !te(B) && (c[E.name] = E.validation.message || "Validation failed");
       }
-    }), Y(o), Object.keys(o).length === 0;
-  }, O = (a) => {
-    if (a.preventDefault(), a.stopPropagation(), A(g)) {
-      const o = g + 1;
-      i(o), B((f) => /* @__PURE__ */ new Set([...f, o])), v();
+    }), X(c), Object.keys(c).length === 0;
+  }, F = (n) => {
+    if (n.preventDefault(), n.stopPropagation(), W(f)) {
+      const c = f + 1;
+      m(c), U((j) => /* @__PURE__ */ new Set([...j, c])), k();
     }
-  }, b = (a) => {
-    a.preventDefault(), a.stopPropagation(), i((o) => o - 1), v();
-  }, $ = (a) => {
-    if (typeof window < "u" && window.innerWidth < 1024 && D(!1), w) {
-      i(a), B((o) => /* @__PURE__ */ new Set([...o, a])), v();
+  }, p = (n) => {
+    n.preventDefault(), n.stopPropagation(), m((c) => c - 1), k();
+  }, _ = (n) => {
+    if (typeof window < "u" && window.innerWidth < 1024 && R(!1), C) {
+      m(n), U((c) => /* @__PURE__ */ new Set([...c, n])), k();
       return;
     }
-    (U.has(a) || a === g + 1) && (a > g ? A(g) && (i(a), B((o) => /* @__PURE__ */ new Set([...o, a])), v()) : (i(a), v()));
-  }, F = (a) => {
-    a.preventDefault(), !w && A(g) && n(T);
-  }, H = g === d.length - 1, G = g === 0;
-  return /* @__PURE__ */ e.jsxs("form", { onSubmit: F, className: "flex h-full overflow-hidden relative", children: [
-    j && /* @__PURE__ */ e.jsx(
+    (H.has(n) || n === f + 1) && (n > f ? W(f) && (m(n), U((c) => /* @__PURE__ */ new Set([...c, n])), k()) : (m(n), k()));
+  }, I = (n) => {
+    n.preventDefault(), !C && W(f) && a(L);
+  }, G = f === h.length - 1, J = f === 0;
+  return /* @__PURE__ */ e.jsxs("form", { onSubmit: I, className: "flex h-full overflow-hidden relative", children: [
+    g && /* @__PURE__ */ e.jsx(
       "div",
       {
         className: "lg:hidden absolute inset-0 z-20 bg-black/40 backdrop-blur-[1px]",
-        onClick: () => D(!1)
+        onClick: () => R(!1)
       }
     ),
     /* @__PURE__ */ e.jsxs("div", { className: `
@@ -2575,45 +2575,45 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
   border-r border-slate-200 dark:border-slate-700
   absolute z-30 h-full bg-white dark:bg-slate-800
   lg:relative lg:flex-shrink-0 lg:z-auto lg:h-auto lg:bg-transparent dark:lg:bg-transparent
-  ${j ? "w-52 lg:w-56" : "w-0 lg:w-10"}
+  ${g ? "w-52 lg:w-56" : "w-0 lg:w-10"}
 `, children: [
-      !j && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col h-full items-center justify-between py-4 px-2 gap-3", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center gap-2 flex-1 justify-center", children: d.map((a, o) => {
-          const f = o === g, k = o < g;
+      !g && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col h-full items-center justify-between py-4 px-2 gap-3", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center gap-2 flex-1 justify-center", children: h.map((n, c) => {
+          const j = c === f, E = c < f;
           return /* @__PURE__ */ e.jsx(
             "button",
             {
               type: "button",
-              onClick: () => $(o),
-              title: d[o].title,
+              onClick: () => _(c),
+              title: h[c].title,
               className: `
                       rounded-full transition-all duration-300 flex-shrink-0
-                      ${k ? "w-2 h-2 bg-emerald-500 shadow-sm" : f ? w ? "w-2.5 h-2.5 bg-blue-500 shadow-md ring-2 ring-blue-300/40 dark:ring-blue-600/40" : "w-2.5 h-2.5 bg-violet-500 shadow-md ring-2 ring-violet-300/40 dark:ring-violet-600/40" : "w-2 h-2 bg-slate-300 dark:bg-slate-600 hover:bg-slate-400"}
+                      ${E ? "w-2 h-2 bg-emerald-500 shadow-sm" : j ? C ? "w-2.5 h-2.5 bg-blue-500 shadow-md ring-2 ring-blue-300/40 dark:ring-blue-600/40" : "w-2.5 h-2.5 bg-violet-500 shadow-md ring-2 ring-violet-300/40 dark:ring-violet-600/40" : "w-2 h-2 bg-slate-300 dark:bg-slate-600 hover:bg-slate-400"}
                     `
             },
-            o
+            c
           );
         }) }),
         /* @__PURE__ */ e.jsx("div", { className: "w-1 h-16 bg-slate-200/60 dark:bg-slate-700/60 rounded-full overflow-hidden", children: /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `w-full rounded-full transition-all duration-500 ${w ? "bg-blue-500" : "bg-gradient-to-b from-violet-500 to-indigo-500"}`,
-            style: { height: `${(g + 1) / d.length * 100}%` }
+            className: `w-full rounded-full transition-all duration-500 ${C ? "bg-blue-500" : "bg-gradient-to-b from-violet-500 to-indigo-500"}`,
+            style: { height: `${(f + 1) / h.length * 100}%` }
           }
         ) })
       ] }),
-      j && /* @__PURE__ */ e.jsxs("div", { className: "h-full flex flex-col px-3 sm:px-4 pt-4 pb-4 overflow-y-auto", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "flex-1 space-y-1.5 mb-4", children: d.map((a, o) => {
-          const f = o === g, k = (w || U.has(o)) && o < g, P = w ? !0 : U.has(o) || o === g + 1, L = a.icon;
+      g && /* @__PURE__ */ e.jsxs("div", { className: "h-full flex flex-col px-3 sm:px-4 pt-4 pb-4 overflow-y-auto", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "flex-1 space-y-1.5 mb-4", children: h.map((n, c) => {
+          const j = c === f, E = (C || H.has(c)) && c < f, B = C ? !0 : H.has(c) || c === f + 1, o = n.icon;
           return /* @__PURE__ */ e.jsx(
             "button",
             {
               type: "button",
-              onClick: () => P && $(o),
-              disabled: !P,
+              onClick: () => B && _(c),
+              disabled: !B,
               className: `
                       w-full p-3 rounded-xl transition-all duration-200 text-left
-                      ${f ? w ? "bg-gradient-to-r from-blue-600 to-cyan-600 text-white shadow-md scale-[1.01]" : "bg-gradient-to-r from-violet-600 to-indigo-600 text-white shadow-md scale-[1.01]" : k ? "bg-white dark:bg-slate-800/50 border border-emerald-200 dark:border-emerald-500/30 hover:shadow-sm" : P ? "bg-white dark:bg-slate-800/50 border border-slate-200 dark:border-slate-700 hover:shadow-sm" : "bg-slate-100 dark:bg-slate-800/30 border border-slate-200 dark:border-slate-700 opacity-50 cursor-not-allowed"}
+                      ${j ? C ? "bg-gradient-to-r from-blue-600 to-cyan-600 text-white shadow-md scale-[1.01]" : "bg-gradient-to-r from-violet-600 to-indigo-600 text-white shadow-md scale-[1.01]" : E ? "bg-white dark:bg-slate-800/50 border border-emerald-200 dark:border-emerald-500/30 hover:shadow-sm" : B ? "bg-white dark:bg-slate-800/50 border border-slate-200 dark:border-slate-700 hover:shadow-sm" : "bg-slate-100 dark:bg-slate-800/30 border border-slate-200 dark:border-slate-700 opacity-50 cursor-not-allowed"}
                     `,
               children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2.5", children: [
                 /* @__PURE__ */ e.jsx(
@@ -2621,35 +2621,35 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                   {
                     className: `
                           w-8 h-8 rounded-lg flex items-center justify-center flex-shrink-0 transition-all
-                          ${f ? "bg-white/20" : k ? "bg-emerald-100 dark:bg-emerald-500/20" : "bg-slate-100 dark:bg-slate-700"}
+                          ${j ? "bg-white/20" : E ? "bg-emerald-100 dark:bg-emerald-500/20" : "bg-slate-100 dark:bg-slate-700"}
                         `,
-                    children: k && !f ? /* @__PURE__ */ e.jsx(_e, { className: "w-4 h-4 text-emerald-600 dark:text-emerald-400" }) : /* @__PURE__ */ e.jsx(
-                      L,
+                    children: E && !j ? /* @__PURE__ */ e.jsx(Fe, { className: "w-4 h-4 text-emerald-600 dark:text-emerald-400" }) : /* @__PURE__ */ e.jsx(
+                      o,
                       {
-                        className: `w-4 h-4 ${f ? "text-white" : P ? w ? "text-blue-600 dark:text-blue-400" : "text-violet-600 dark:text-violet-400" : "text-slate-400 dark:text-slate-500"}`
+                        className: `w-4 h-4 ${j ? "text-white" : B ? C ? "text-blue-600 dark:text-blue-400" : "text-violet-600 dark:text-violet-400" : "text-slate-400 dark:text-slate-500"}`
                       }
                     )
                   }
                 ),
                 /* @__PURE__ */ e.jsxs("div", { className: "flex-1 min-w-0", children: [
                   /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1.5 mb-0.5", children: [
-                    /* @__PURE__ */ e.jsxs("span", { className: `text-[10px] font-semibold uppercase tracking-wider ${f ? "text-white/70" : "text-slate-400 dark:text-slate-500"}`, children: [
-                      w ? "§" : "#",
-                      o + 1
+                    /* @__PURE__ */ e.jsxs("span", { className: `text-[10px] font-semibold uppercase tracking-wider ${j ? "text-white/70" : "text-slate-400 dark:text-slate-500"}`, children: [
+                      C ? "§" : "#",
+                      c + 1
                     ] }),
-                    k && !f && !w && /* @__PURE__ */ e.jsx("span", { className: "inline-flex items-center px-1.5 py-0.5 rounded-full text-[10px] font-semibold bg-emerald-100 text-emerald-700 dark:bg-emerald-500/20 dark:text-emerald-400", children: "✓" })
+                    E && !j && !C && /* @__PURE__ */ e.jsx("span", { className: "inline-flex items-center px-1.5 py-0.5 rounded-full text-[10px] font-semibold bg-emerald-100 text-emerald-700 dark:bg-emerald-500/20 dark:text-emerald-400", children: "✓" })
                   ] }),
-                  /* @__PURE__ */ e.jsx("p", { className: `text-xs font-semibold truncate leading-tight ${f ? "text-white" : k ? "text-slate-900 dark:text-white" : P ? "text-slate-700 dark:text-slate-300" : "text-slate-400 dark:text-slate-500"}`, children: a.title }),
-                  a.subtitle && /* @__PURE__ */ e.jsx("p", { className: `text-[10px] mt-0.5 line-clamp-1 leading-snug ${f ? "text-white/75" : "text-slate-400 dark:text-slate-500"}`, children: a.subtitle })
+                  /* @__PURE__ */ e.jsx("p", { className: `text-xs font-semibold truncate leading-tight ${j ? "text-white" : E ? "text-slate-900 dark:text-white" : B ? "text-slate-700 dark:text-slate-300" : "text-slate-400 dark:text-slate-500"}`, children: n.title }),
+                  n.subtitle && /* @__PURE__ */ e.jsx("p", { className: `text-[10px] mt-0.5 line-clamp-1 leading-snug ${j ? "text-white/75" : "text-slate-400 dark:text-slate-500"}`, children: n.subtitle })
                 ] })
               ] })
             },
-            o
+            c
           );
         }) }),
-        !w && R && /* @__PURE__ */ e.jsx("div", { className: "p-3 rounded-xl bg-blue-50 border border-blue-200 dark:bg-blue-900/20 dark:border-blue-800/30 flex-shrink-0", children: /* @__PURE__ */ e.jsxs("p", { className: "text-[11px] text-slate-600 dark:text-slate-400 leading-relaxed", children: [
+        !C && z && /* @__PURE__ */ e.jsx("div", { className: "p-3 rounded-xl bg-blue-50 border border-blue-200 dark:bg-blue-900/20 dark:border-blue-800/30 flex-shrink-0", children: /* @__PURE__ */ e.jsxs("p", { className: "text-[11px] text-slate-600 dark:text-slate-400 leading-relaxed", children: [
           /* @__PURE__ */ e.jsx("span", { className: "font-semibold text-blue-600 dark:text-blue-400", children: "Tip: " }),
-          R
+          z
         ] }) })
       ] })
     ] }),
@@ -2661,31 +2661,31 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
           "button",
           {
             type: "button",
-            onClick: () => D(!j),
+            onClick: () => R(!g),
             className: `p-2.5 rounded-lg border border-slate-200 dark:border-slate-600
                bg-white dark:bg-slate-700 text-slate-500 dark:text-slate-400
                hover:bg-violet-50 hover:border-violet-300 hover:text-violet-600
                dark:hover:bg-violet-900/30 dark:hover:border-violet-600 dark:hover:text-violet-400
                transition-all duration-200 active:scale-95`,
             "aria-label": "Toggle steps",
-            children: j ? /* @__PURE__ */ e.jsx(ie, { className: "w-4 h-4" }) : /* @__PURE__ */ e.jsx(se, { className: "w-4 h-4" })
+            children: g ? /* @__PURE__ */ e.jsx(ce, { className: "w-4 h-4" }) : /* @__PURE__ */ e.jsx(se, { className: "w-4 h-4" })
           }
         ),
         /* @__PURE__ */ e.jsxs("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ e.jsx("p", { className: "text-xs font-semibold text-slate-700 dark:text-slate-300 truncate", children: d[g].title }),
-          /* @__PURE__ */ e.jsxs("p", { className: `text-[10px] font-medium ${w ? "text-blue-500" : "text-violet-500"}`, children: [
-            w ? "Section" : "Step",
+          /* @__PURE__ */ e.jsx("p", { className: "text-xs font-semibold text-slate-700 dark:text-slate-300 truncate", children: h[f].title }),
+          /* @__PURE__ */ e.jsxs("p", { className: `text-[10px] font-medium ${C ? "text-blue-500" : "text-violet-500"}`, children: [
+            C ? "Section" : "Step",
             " ",
-            g + 1,
+            f + 1,
             "/",
-            d.length
+            h.length
           ] })
         ] }),
         /* @__PURE__ */ e.jsx("div", { className: "w-16 h-1.5 bg-slate-200 dark:bg-slate-700 rounded-full overflow-hidden flex-shrink-0", children: /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `h-1.5 rounded-full transition-all duration-300 ${w ? "bg-blue-500" : "bg-gradient-to-r from-violet-500 to-indigo-500"}`,
-            style: { width: `${(g + 1) / d.length * 100}%` }
+            className: `h-1.5 rounded-full transition-all duration-300 ${C ? "bg-blue-500" : "bg-gradient-to-r from-violet-500 to-indigo-500"}`,
+            style: { width: `${(f + 1) / h.length * 100}%` }
           }
         ) })
       ] }),
@@ -2693,7 +2693,7 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
         "button",
         {
           type: "button",
-          onClick: () => D(!j),
+          onClick: () => R(!g),
           className: `hidden lg:flex absolute left-0 top-5 -translate-x-[1.625rem] z-20
              w-6 h-6 lg:w-7 lg:h-7 rounded-full
              bg-white dark:bg-slate-800
@@ -2704,30 +2704,30 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
              hover:border-violet-300 dark:hover:border-violet-600
              hover:scale-110 active:scale-95
              transition-all duration-200 group`,
-          "aria-label": j ? "Collapse steps" : "Expand steps",
-          children: j ? /* @__PURE__ */ e.jsx(ie, { className: "w-3 h-3 lg:w-3.5 lg:h-3.5 text-slate-400 group-hover:text-violet-500 transition-colors" }) : /* @__PURE__ */ e.jsx(se, { className: "w-3 h-3 lg:w-3.5 lg:h-3.5 text-slate-400 group-hover:text-violet-500 transition-colors" })
+          "aria-label": g ? "Collapse steps" : "Expand steps",
+          children: g ? /* @__PURE__ */ e.jsx(ce, { className: "w-3 h-3 lg:w-3.5 lg:h-3.5 text-slate-400 group-hover:text-violet-500 transition-colors" }) : /* @__PURE__ */ e.jsx(se, { className: "w-3 h-3 lg:w-3.5 lg:h-3.5 text-slate-400 group-hover:text-violet-500 transition-colors" })
         }
       ),
-      /* @__PURE__ */ e.jsx("div", { ref: M, className: "flex-1 min-h-0 overflow-y-auto px-3.5 sm:px-5 lg:px-6 py-4 sm:py-5", children: /* @__PURE__ */ e.jsx("div", { className: "space-y-4 sm:space-y-5 w-full", children: d[g].customRender ? w && d[g].customViewRender ? /* @__PURE__ */ e.jsx("div", { className: "w-full", children: typeof d[g].customViewRender == "function" ? d[g].customViewRender() : d[g].customViewRender }) : /* @__PURE__ */ e.jsx("div", { className: "w-full", children: typeof d[g].customRender == "function" ? d[g].customRender({ formData: T, errors: I, handleChange: C, mode: E }) : d[g].customRender }) : (s = d[g].fields) == null ? void 0 : s.map((a, o) => /* @__PURE__ */ e.jsx(
-        we,
+      /* @__PURE__ */ e.jsx("div", { ref: P, className: "flex-1 min-h-0 overflow-y-auto px-3.5 sm:px-5 lg:px-6 py-4 sm:py-5", children: /* @__PURE__ */ e.jsx("div", { className: "space-y-4 sm:space-y-5 w-full", children: h[f].customRender ? C && h[f].customViewRender ? /* @__PURE__ */ e.jsx("div", { className: "w-full", children: typeof h[f].customViewRender == "function" ? h[f].customViewRender() : h[f].customViewRender }) : /* @__PURE__ */ e.jsx("div", { className: "w-full", children: typeof h[f].customRender == "function" ? h[f].customRender({ formData: L, errors: D, handleChange: M, mode: $ }) : h[f].customRender }) : (s = h[f].fields) == null ? void 0 : s.map((n, c) => /* @__PURE__ */ e.jsx(
+        pe,
         {
-          index: o,
-          field: { ...a, disabled: w || a.disabled },
-          value: T[a.name],
-          onChange: C,
-          error: I[a.name],
-          mode: E
+          index: c,
+          field: { ...n, disabled: C || n.disabled },
+          value: L[n.name],
+          onChange: M,
+          error: D[n.name],
+          mode: $
         },
-        a.name || o
+        n.name || c
       )) }) }),
       /* @__PURE__ */ e.jsx("div", { className: `flex-shrink-0 px-4 py-3 sm:px-5 sm:py-3.5
                         border-t border-slate-200 dark:border-slate-700
                         bg-white dark:bg-slate-800`, children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-2.5", children: [
-        G ? /* @__PURE__ */ e.jsx("div", {}) : /* @__PURE__ */ e.jsxs(
+        J ? /* @__PURE__ */ e.jsx("div", {}) : /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
-            onClick: b,
+            onClick: p,
             className: `inline-flex items-center gap-2 px-3.5 py-2.5 sm:px-4 sm:py-2.5
                            rounded-xl text-sm font-semibold transition-all duration-200
                            bg-white hover:bg-slate-50 text-slate-700
@@ -2735,18 +2735,18 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                            dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-300
                            shadow-sm hover:shadow-md hover:scale-105 active:scale-95`,
             children: [
-              /* @__PURE__ */ e.jsx(ie, { className: "w-4 h-4 flex-shrink-0" }),
-              /* @__PURE__ */ e.jsx("span", { className: W ? void 0 : "hidden sm:inline", children: "Previous" })
+              /* @__PURE__ */ e.jsx(ce, { className: "w-4 h-4 flex-shrink-0" }),
+              /* @__PURE__ */ e.jsx("span", { className: O ? void 0 : "hidden sm:inline", children: "Previous" })
             ]
           }
         ),
         /* @__PURE__ */ e.jsx("div", { className: "flex-1" }),
-        /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: w ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: C ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           /* @__PURE__ */ e.jsxs(
             "button",
             {
               type: "button",
-              onClick: l,
+              onClick: i,
               className: `hidden sm:inline-flex items-center gap-1.5 px-3.5 py-2.5 sm:px-4 sm:py-2.5
                                rounded-xl text-sm font-semibold transition-all duration-200
                                bg-white hover:bg-slate-50 text-slate-700
@@ -2754,16 +2754,16 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                                dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-300
                                shadow-sm hover:shadow-md hover:scale-105 active:scale-95`,
               children: [
-                /* @__PURE__ */ e.jsx(X, { className: "w-4 h-4 flex-shrink-0" }),
+                /* @__PURE__ */ e.jsx(Z, { className: "w-4 h-4 flex-shrink-0" }),
                 /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: "Close" })
               ]
             }
           ),
-          !H && /* @__PURE__ */ e.jsxs(
+          !G && /* @__PURE__ */ e.jsxs(
             "button",
             {
               type: "button",
-              onClick: O,
+              onClick: F,
               className: `inline-flex items-center gap-1.5 px-3.5 py-2.5 sm:px-4 sm:py-2.5
            rounded-xl text-sm font-semibold transition-all duration-200
            bg-white hover:bg-slate-50 text-slate-700
@@ -2776,11 +2776,11 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
               ]
             }
           ),
-          c && /* @__PURE__ */ e.jsxs(
+          x && /* @__PURE__ */ e.jsxs(
             "button",
             {
               type: "button",
-              onClick: c,
+              onClick: x,
               className: `inline-flex items-center gap-1.5 px-3.5 py-2.5 sm:px-4 sm:py-2.5
                                  rounded-xl text-sm font-semibold transition-all duration-200
                                  bg-gradient-to-r from-violet-600 to-indigo-600
@@ -2788,8 +2788,8 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                                  text-white shadow-md hover:shadow-lg
                                  hover:scale-105 active:scale-95`,
               children: [
-                /* @__PURE__ */ e.jsx(oe, { className: "w-4 h-4 flex-shrink-0" }),
-                /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: p }),
+                /* @__PURE__ */ e.jsx(ne, { className: "w-4 h-4 flex-shrink-0" }),
+                /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: v }),
                 /* @__PURE__ */ e.jsx("span", { className: "sm:hidden", children: "Edit" })
               ]
             }
@@ -2799,7 +2799,7 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
             "button",
             {
               type: "button",
-              onClick: l,
+              onClick: i,
               className: `
     items-center gap-1.5 px-3.5 py-2.5 sm:px-4 sm:py-2.5
     rounded-xl text-sm font-semibold transition-all duration-200
@@ -2807,15 +2807,15 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
     border border-slate-200 dark:border-slate-600
     dark:bg-slate-700 dark:hover:bg-slate-600 dark:text-slate-300
     shadow-sm hover:shadow-md hover:scale-105 active:scale-95
-    ${W ? "hidden sm:inline-flex" : "inline-flex"}
+    ${O ? "hidden sm:inline-flex" : "inline-flex"}
   `,
               children: [
-                /* @__PURE__ */ e.jsx(X, { className: "w-4 h-4 flex-shrink-0" }),
-                /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: m })
+                /* @__PURE__ */ e.jsx(Z, { className: "w-4 h-4 flex-shrink-0" }),
+                /* @__PURE__ */ e.jsx("span", { className: "hidden sm:inline", children: u })
               ]
             }
           ),
-          H ? /* @__PURE__ */ e.jsxs(
+          G ? /* @__PURE__ */ e.jsxs(
             "button",
             {
               type: "submit",
@@ -2826,15 +2826,15 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                                  text-white shadow-md hover:shadow-lg
                                  hover:scale-105 active:scale-95`,
               children: [
-                /* @__PURE__ */ e.jsx(re, { className: "w-4 h-4 flex-shrink-0" }),
-                /* @__PURE__ */ e.jsx("span", { children: x })
+                /* @__PURE__ */ e.jsx(oe, { className: "w-4 h-4 flex-shrink-0" }),
+                /* @__PURE__ */ e.jsx("span", { children: d })
               ]
             }
           ) : /* @__PURE__ */ e.jsxs(
             "button",
             {
               type: "button",
-              onClick: O,
+              onClick: F,
               className: `inline-flex items-center gap-1.5 px-3.5 py-2.5 sm:px-4 sm:py-2.5
              rounded-xl text-sm font-semibold transition-all duration-200
              bg-white hover:bg-slate-50 text-slate-700
@@ -2851,14 +2851,14 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
       ] }) })
     ] })
   ] });
-}, st = ({
+}, it = ({
   header: t,
   error: r = null,
-  errorDescription: n = null,
-  onErrorClose: l,
-  children: c,
-  loading: h = !1,
-  loadingMessage: x = "Loading data..."
+  errorDescription: a = null,
+  onErrorClose: i,
+  children: x,
+  loading: b = !1,
+  loadingMessage: d = "Loading data..."
 }) => /* @__PURE__ */ e.jsx("div", { className: "h-full w-full flex flex-col overflow-hidden p-2.5 sm:p-3.5", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2.5 sm:gap-3 h-full overflow-hidden", children: [
   t && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: t }),
   r && /* @__PURE__ */ e.jsx("div", { className: `
@@ -2871,26 +2871,26 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
                   flex-shrink-0 w-7 h-7 sm:w-8 sm:h-8 rounded-lg mt-0.5
                   bg-red-100 dark:bg-red-800/30
                   flex items-center justify-center
-                `, children: /* @__PURE__ */ e.jsx(ke, { className: "w-3.5 h-3.5 sm:w-4 sm:h-4 text-red-600 dark:text-red-400" }) }),
+                `, children: /* @__PURE__ */ e.jsx($e, { className: "w-3.5 h-3.5 sm:w-4 sm:h-4 text-red-600 dark:text-red-400" }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex-1 min-w-0", children: [
       /* @__PURE__ */ e.jsx("p", { className: "text-sm font-semibold text-red-800 dark:text-red-300 leading-snug", children: r }),
-      n && /* @__PURE__ */ e.jsx("p", { className: "mt-0.5 text-xs text-red-700/80 dark:text-red-400 leading-relaxed", children: n })
+      a && /* @__PURE__ */ e.jsx("p", { className: "mt-0.5 text-xs text-red-700/80 dark:text-red-400 leading-relaxed", children: a })
     ] }),
-    l && /* @__PURE__ */ e.jsx(
+    i && /* @__PURE__ */ e.jsx(
       "button",
       {
-        onClick: l,
+        onClick: i,
         className: `flex-shrink-0 p-2 rounded-lg mt-0.5
              text-red-400 transition-all duration-200
              hover:bg-red-100 hover:text-red-600
              dark:hover:bg-red-800/50 dark:hover:text-red-300
              hover:scale-105 active:scale-95`,
         "aria-label": "Dismiss error",
-        children: /* @__PURE__ */ e.jsx(X, { className: "w-3.5 h-3.5" })
+        children: /* @__PURE__ */ e.jsx(Z, { className: "w-3.5 h-3.5" })
       }
     )
   ] }) }) }),
-  /* @__PURE__ */ e.jsx("div", { className: "flex-grow min-h-0 overflow-y-auto", children: h ? /* @__PURE__ */ e.jsx("div", { className: `
+  /* @__PURE__ */ e.jsx("div", { className: "flex-grow min-h-0 overflow-y-auto", children: b ? /* @__PURE__ */ e.jsx("div", { className: `
               h-full flex items-center justify-center
               rounded-xl sm:rounded-2xl border
               bg-white border-slate-200/60 shadow-sm
@@ -2901,88 +2901,88 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
       /* @__PURE__ */ e.jsx("div", { className: `absolute inset-0 rounded-full border-[2.5px] border-transparent
                                   border-t-violet-600 dark:border-t-violet-400 animate-spin` })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-1", children: [0, 120, 240].map((m) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-1", children: [0, 120, 240].map((u) => /* @__PURE__ */ e.jsx(
       "span",
       {
         className: `w-1 h-1 rounded-full bg-gradient-to-r from-violet-500 to-indigo-500
                                  animate-bounce`,
-        style: { animationDelay: `${m}ms` }
+        style: { animationDelay: `${u}ms` }
       },
-      m
+      u
     )) }),
-    /* @__PURE__ */ e.jsx("p", { className: "text-xs font-medium text-slate-500 dark:text-slate-400", children: x })
-  ] }) }) : c })
-] }) }), at = ({
+    /* @__PURE__ */ e.jsx("p", { className: "text-xs font-medium text-slate-500 dark:text-slate-400", children: d })
+  ] }) }) : x })
+] }) }), dt = ({
   message: t = "Loading...",
   supportingMessage: r = !1,
-  title: n = "Loading Data",
-  className: l = "",
-  size: c = "lg"
+  title: a = "Loading Data",
+  className: i = "",
+  size: x = "lg"
 }) => {
-  const h = {
+  const b = {
     sm: "h-7 w-7 border-2",
     md: "h-9 w-9 border-[3px]",
     lg: "h-10 w-10 sm:h-12 sm:w-12 border-[3px] sm:border-[4px]",
     xl: "h-12 w-12 sm:h-16 sm:w-16 border-[4px]"
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: `flex flex-col items-center justify-center h-full w-full text-center px-4 ${l}`, children: [
-    /* @__PURE__ */ e.jsx("div", { className: `animate-spin rounded-full ${h[c]}
+  return /* @__PURE__ */ e.jsxs("div", { className: `flex flex-col items-center justify-center h-full w-full text-center px-4 ${i}`, children: [
+    /* @__PURE__ */ e.jsx("div", { className: `animate-spin rounded-full ${b[x]}
                        border-slate-200 border-t-violet-500 border-r-violet-500 mb-4` }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-1 mb-3", children: [0, 120, 240].map((x) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-1 mb-3", children: [0, 120, 240].map((d) => /* @__PURE__ */ e.jsx(
       "span",
       {
         className: "w-1 h-1 rounded-full bg-gradient-to-r from-violet-500 to-indigo-500 animate-bounce",
-        style: { animationDelay: `${x}ms` }
+        style: { animationDelay: `${d}ms` }
       },
-      x
+      d
     )) }),
-    /* @__PURE__ */ e.jsx("h3", { className: "text-sm sm:text-base font-semibold text-slate-900 dark:text-slate-200 mb-1", children: n }),
+    /* @__PURE__ */ e.jsx("h3", { className: "text-sm sm:text-base font-semibold text-slate-900 dark:text-slate-200 mb-1", children: a }),
     /* @__PURE__ */ e.jsx("p", { className: "text-xs sm:text-sm text-slate-500 dark:text-slate-400 max-w-xs", children: r || t })
   ] });
-}, rt = ({ error: t, errorDescription: r, onClose: n }) => t ? /* @__PURE__ */ e.jsx("div", { className: `mx-4 mt-3 sm:mx-5 sm:mt-4 rounded-xl border
+}, ct = ({ error: t, errorDescription: r, onClose: a }) => t ? /* @__PURE__ */ e.jsx("div", { className: `mx-4 mt-3 sm:mx-5 sm:mt-4 rounded-xl border
                     border-red-200 bg-red-50
                     dark:bg-red-900/20 dark:border-red-800/50
                     animate-in slide-in-from-top-1 duration-200`, children: /* @__PURE__ */ e.jsx("div", { className: "px-3.5 py-3 sm:px-4", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-2.5", children: [
   /* @__PURE__ */ e.jsx("div", { className: `flex-shrink-0 w-7 h-7 rounded-lg mt-0.5
                           bg-red-100 dark:bg-red-800/30
-                          flex items-center justify-center`, children: /* @__PURE__ */ e.jsx(ke, { className: "w-3.5 h-3.5 text-red-600 dark:text-red-400" }) }),
+                          flex items-center justify-center`, children: /* @__PURE__ */ e.jsx($e, { className: "w-3.5 h-3.5 text-red-600 dark:text-red-400" }) }),
   /* @__PURE__ */ e.jsxs("div", { className: "flex-1 min-w-0", children: [
     /* @__PURE__ */ e.jsx("p", { className: "text-sm font-semibold text-red-800 dark:text-red-300 leading-snug", children: t }),
     r && /* @__PURE__ */ e.jsx("p", { className: "mt-0.5 text-xs text-red-700/80 dark:text-red-400 leading-relaxed", children: r })
   ] }),
-  n && /* @__PURE__ */ e.jsx(
+  a && /* @__PURE__ */ e.jsx(
     "button",
     {
       type: "button",
-      onClick: n,
+      onClick: a,
       "aria-label": "Close error",
       className: `flex-shrink-0 p-1 rounded-lg mt-0.5 transition-all duration-200
                          text-red-400
                          hover:bg-red-100 hover:text-red-600
                          dark:hover:bg-red-800/50 dark:hover:text-red-300
                          hover:scale-105 active:scale-95`,
-      children: /* @__PURE__ */ e.jsx(X, { className: "w-3.5 h-3.5" })
+      children: /* @__PURE__ */ e.jsx(Z, { className: "w-3.5 h-3.5" })
     }
   )
-] }) }) }) : null, lt = ({
+] }) }) }) : null, xt = ({
   content: t,
   className: r = "",
-  emptyText: n = null,
-  size: l = "md"
+  emptyText: a = null,
+  size: i = "md"
   // 'xs' | 'sm' | 'md'
 }) => {
   if (!t || !t.replace(/<[^>]*>/g, "").trim())
-    return n ? /* @__PURE__ */ e.jsx("span", { className: "text-slate-400 dark:text-slate-500 text-sm italic", children: n }) : null;
-  const c = {
+    return a ? /* @__PURE__ */ e.jsx("span", { className: "text-slate-400 dark:text-slate-500 text-sm italic", children: a }) : null;
+  const x = {
     xs: "prose-xs text-xs",
     sm: "prose-sm text-sm",
     md: "prose-base text-base"
-  }[l] || "prose-sm text-sm";
+  }[i] || "prose-sm text-sm";
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       className: `
-    prose ${c} max-w-none
+    prose ${x} max-w-none
     text-slate-700 dark:text-slate-300
 
     [&>*]:my-0.5
@@ -3004,105 +3004,935 @@ const Ae = ({ user: t, onLogout: r, showEmail: n = !0 }) => {
     }
   );
 };
-let _ = null;
-const ot = ({
+let V = null;
+const mt = ({
   items: t = [],
   onReorder: r,
-  onDropFrom: n,
-  onDropTo: l,
-  listId: c = "default",
-  disabled: h = !1,
-  renderItem: x,
-  className: m = "",
-  dropZoneClassName: p = "",
-  activeDropZoneClassName: N = "",
-  children: S,
-  footer: R = null
+  onDropFrom: a,
+  onDropTo: i,
+  listId: x = "default",
+  disabled: b = !1,
+  renderItem: d,
+  className: u = "",
+  dropZoneClassName: v = "",
+  activeDropZoneClassName: y = "",
+  children: w,
+  footer: z = null
 }) => {
-  const y = K(null), [E, M] = z(null), [g, i] = z(!1), [j, D] = z(null);
-  J(() => {
-    const d = () => {
-      _ && (_ = null, D(null), M(null), i(!1), y.current = null);
+  const N = ee(null), [$, P] = T(null), [f, m] = T(!1), [g, R] = T(null);
+  Q(() => {
+    const h = () => {
+      V && (V = null, R(null), P(null), m(!1), N.current = null);
     };
-    return document.addEventListener("dragend", d), () => document.removeEventListener("dragend", d);
+    return document.addEventListener("dragend", h), () => document.removeEventListener("dragend", h);
   }, []);
-  const T = (d, v) => {
-    y.current = v, D(t[v].id), _ = { listId: c, index: v, item: t[v] }, d.dataTransfer.effectAllowed = "move";
-  }, V = (d, v) => {
-    d.preventDefault(), (_ == null ? void 0 : _.listId) === c && M(v);
-  }, I = () => {
-    y.current = null, D(null), M(null), i(!1), _ = null;
-  }, Y = (d) => {
-    d.preventDefault(), !h && (_ == null ? void 0 : _.listId) !== c && i(!0);
-  }, U = (d) => {
-    d.currentTarget.contains(d.relatedTarget) || (i(!1), (_ == null ? void 0 : _.listId) === c && M(null));
-  }, B = (d, v) => {
-    if (d.preventDefault(), d.stopPropagation(), !!_) {
-      if (_.listId === c) {
-        const C = y.current;
-        if (C === v) {
-          I();
+  const L = (h, k) => {
+    N.current = k, R(t[k].id), V = { listId: x, index: k, item: t[k] }, h.dataTransfer.effectAllowed = "move";
+  }, Y = (h, k) => {
+    h.preventDefault(), (V == null ? void 0 : V.listId) === x && P(k);
+  }, D = () => {
+    N.current = null, R(null), P(null), m(!1), V = null;
+  }, X = (h) => {
+    h.preventDefault(), !b && (V == null ? void 0 : V.listId) !== x && m(!0);
+  }, H = (h) => {
+    h.currentTarget.contains(h.relatedTarget) || (m(!1), (V == null ? void 0 : V.listId) === x && P(null));
+  }, U = (h, k) => {
+    if (h.preventDefault(), h.stopPropagation(), !!V) {
+      if (V.listId === x) {
+        const M = N.current;
+        if (M === k) {
+          D();
           return;
         }
-        const A = [...t], [O] = A.splice(C, 1);
-        A.splice(v, 0, O), r == null || r(A);
+        const W = [...t], [F] = W.splice(M, 1);
+        W.splice(k, 0, F), r == null || r(W);
       } else
-        n == null || n({ item: _.item, fromListId: _.listId, toIndex: v }), l == null || l({ item: _.item, fromIndex: _.index });
-      I();
+        a == null || a({ item: V.item, fromListId: V.listId, toIndex: k }), i == null || i({ item: V.item, fromIndex: V.index });
+      D();
     }
-  }, w = (d) => {
-    if (d.preventDefault(), !!_) {
-      if (_.listId === c) {
-        I();
+  }, C = (h) => {
+    if (h.preventDefault(), !!V) {
+      if (V.listId === x) {
+        D();
         return;
       }
-      n == null || n({ item: _.item, fromListId: _.listId, toIndex: t.length }), l == null || l({ item: _.item, fromIndex: _.index }), I();
+      a == null || a({ item: V.item, fromListId: V.listId, toIndex: t.length }), i == null || i({ item: V.item, fromIndex: V.index }), D();
     }
-  }, W = g && !h && (_ == null ? void 0 : _.listId) !== c;
+  }, O = f && !b && (V == null ? void 0 : V.listId) !== x;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: `${p} ${W ? N : ""} ${m}`,
-      onDragOver: h ? void 0 : Y,
-      onDragLeave: h ? void 0 : U,
-      onDrop: h ? void 0 : w,
+      className: `${v} ${O ? y : ""} ${u}`,
+      onDragOver: b ? void 0 : X,
+      onDragLeave: b ? void 0 : H,
+      onDrop: b ? void 0 : C,
       children: [
-        t.length === 0 ? S : t.map((d, v) => {
-          const C = j === d.id, A = (_ == null ? void 0 : _.listId) === c && E === v && j !== d.id;
-          return x(d, v, h ? {} : {
+        t.length === 0 ? w : t.map((h, k) => {
+          const M = g === h.id, W = (V == null ? void 0 : V.listId) === x && $ === k && g !== h.id;
+          return d(h, k, b ? {} : {
             draggable: !0,
-            onDragStart: (b) => T(b, v),
-            onDragEnter: (b) => V(b, v),
-            onDragEnd: I,
-            onDrop: (b) => B(b, v)
-          }, C, A);
+            onDragStart: (p) => L(p, k),
+            onDragEnter: (p) => Y(p, k),
+            onDragEnd: D,
+            onDrop: (p) => U(p, k)
+          }, M, W);
         }),
-        R
+        z
       ]
     }
   );
+}, ht = ({ title: t, count: r, icon: a, color: i, onClick: x }) => {
+  const b = {
+    yellow: {
+      gradient: "from-yellow-400 to-yellow-500",
+      iconBg: "bg-yellow-500/20",
+      iconColor: "text-yellow-700 dark:text-yellow-300",
+      textColor: "text-yellow-900 dark:text-yellow-50",
+      subtextColor: "text-yellow-800 dark:text-yellow-200",
+      buttonGradient: "from-yellow-500 to-yellow-600",
+      buttonHover: "hover:from-yellow-600 hover:to-yellow-700"
+    },
+    red: {
+      gradient: "from-red-500 to-red-600",
+      iconBg: "bg-red-500/20",
+      iconColor: "text-red-700 dark:text-red-300",
+      textColor: "text-red-900 dark:text-red-50",
+      subtextColor: "text-red-800 dark:text-red-200",
+      buttonGradient: "from-red-500 to-red-600",
+      buttonHover: "hover:from-red-600 hover:to-red-700"
+    },
+    green: {
+      gradient: "from-green-500 to-green-600",
+      iconBg: "bg-green-500/20",
+      iconColor: "text-green-700 dark:text-green-300",
+      textColor: "text-green-900 dark:text-green-50",
+      subtextColor: "text-green-800 dark:text-green-200",
+      buttonGradient: "from-green-500 to-green-600",
+      buttonHover: "hover:from-green-600 hover:to-green-700"
+    },
+    blue: {
+      gradient: "from-blue-500 to-blue-600",
+      iconBg: "bg-blue-500/20",
+      iconColor: "text-blue-700 dark:text-blue-300",
+      textColor: "text-blue-900 dark:text-blue-50",
+      subtextColor: "text-blue-800 dark:text-blue-200",
+      buttonGradient: "from-blue-500 to-blue-600",
+      buttonHover: "hover:from-blue-600 hover:to-blue-700"
+    },
+    violet: {
+      gradient: "from-violet-500 to-indigo-600",
+      iconBg: "bg-violet-500/20",
+      iconColor: "text-violet-700 dark:text-violet-300",
+      textColor: "text-violet-900 dark:text-violet-50",
+      subtextColor: "text-violet-800 dark:text-violet-200",
+      buttonGradient: "from-violet-600 to-indigo-600",
+      buttonHover: "hover:from-violet-700 hover:to-indigo-700"
+    }
+  }, d = b[i] || b.violet;
+  return /* @__PURE__ */ e.jsxs("div", { className: "relative overflow-hidden rounded-2xl border bg-white dark:bg-slate-800 border-slate-200/50 dark:border-slate-700/50 transition-all duration-300 hover:-translate-y-1", children: [
+    /* @__PURE__ */ e.jsx("div", { className: `absolute inset-0 bg-gradient-to-br ${d.gradient} opacity-5` }),
+    /* @__PURE__ */ e.jsx("div", { className: "relative p-6", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start justify-between", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ e.jsx("p", { className: `text-sm font-semibold uppercase tracking-wide mb-2 ${d.subtextColor}`, children: t }),
+        /* @__PURE__ */ e.jsx("h2", { className: `text-5xl font-bold mb-1 ${d.textColor}`, children: r })
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { className: `w-16 h-16 rounded-xl ${d.iconBg} flex items-center justify-center`, children: a && /* @__PURE__ */ e.jsx("div", { className: `${d.iconColor}`, children: ge.cloneElement(a, {
+        className: "w-8 h-8",
+        strokeWidth: 2
+      }) }) })
+    ] }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "relative px-6 py-4 border-t border-slate-200 dark:border-slate-700", children: /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        onClick: x,
+        className: `w-full flex items-center justify-center space-x-2 bg-gradient-to-r ${d.buttonGradient} ${d.buttonHover} text-white font-semibold px-6 py-3 rounded-xl transition-all duration-200 transform hover:-translate-y-0.5`,
+        children: [
+          /* @__PURE__ */ e.jsx("span", { children: "More info" }),
+          /* @__PURE__ */ e.jsx(he, { className: "w-5 h-5" })
+        ]
+      }
+    ) })
+  ] });
+}, bt = ({
+  columns: t,
+  data: r,
+  onSort: a,
+  sortConfig: i,
+  emptyMessage: x = "No data found",
+  emptyDescription: b = "Try adjusting your search terms",
+  showStats: d = !0,
+  selectable: u = !1,
+  onSelectionChange: v,
+  actions: y = []
+}) => {
+  const [w, z] = T(/* @__PURE__ */ new Set()), N = (g) => {
+    if (g.target.checked) {
+      const R = new Set(r.map((L, Y) => Y));
+      z(R), v == null || v(R);
+    } else
+      z(/* @__PURE__ */ new Set()), v == null || v(/* @__PURE__ */ new Set());
+  }, $ = (g) => {
+    const R = new Set(w);
+    R.has(g) ? R.delete(g) : R.add(g), z(R), v == null || v(R);
+  }, P = r.length > 0 && w.size === r.length, f = w.size > 0 && w.size < r.length, m = u ? [
+    {
+      key: "select",
+      label: "Select",
+      sortable: !1,
+      render: (g, R) => /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: w.has(R),
+          onChange: () => $(R),
+          className: "h-4 w-4 rounded border-slate-300 text-blue-600 focus:ring-blue-500 dark:border-slate-600 dark:bg-slate-700"
+        }
+      ),
+      headerRender: () => /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: P,
+          ref: (g) => {
+            g && (g.indeterminate = f);
+          },
+          onChange: N,
+          className: "h-4 w-4 rounded border-slate-300 text-blue-600 focus:ring-blue-500 dark:border-slate-600 dark:bg-slate-700"
+        }
+      )
+    },
+    ...t
+  ] : t;
+  return /* @__PURE__ */ e.jsx("div", { className: "flex flex-col rounded-2xl border overflow-hidden transition-all duration-300 bg-white border-slate-200/50 dark:bg-slate-800/50 dark:border-slate-700/50 flex-grow min-h-0", children: /* @__PURE__ */ e.jsxs("div", { className: "h-full overflow-hidden flex flex-col", children: [
+    d && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0 px-6 py-3 border-b border-slate-200 bg-slate-50 dark:border-slate-700 dark:bg-slate-800/30", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ e.jsxs("p", { className: "text-sm font-medium text-slate-600 dark:text-slate-400", children: [
+        "Showing ",
+        r.length,
+        " results",
+        u && w.size > 0 && /* @__PURE__ */ e.jsxs("span", { className: "ml-2 text-blue-600 dark:text-blue-400", children: [
+          "(",
+          w.size,
+          " selected)"
+        ] })
+      ] }),
+      y.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "flex space-x-2", children: y.map((g, R) => /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          onClick: g.onClick,
+          disabled: g.disabled,
+          className: `px-3 py-1 text-sm font-medium rounded-md transition-colors ${g.disabled ? "bg-slate-100 text-slate-400 cursor-not-allowed dark:bg-slate-700 dark:text-slate-500" : "bg-blue-600 text-white hover:bg-blue-700 dark:bg-blue-700 dark:hover:bg-blue-600"}`,
+          children: g.label
+        },
+        R
+      )) })
+    ] }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "flex-grow overflow-auto", children: /* @__PURE__ */ e.jsxs("table", { className: "w-full", children: [
+      /* @__PURE__ */ e.jsx("thead", { className: "sticky top-0 z-10 bg-slate-50 dark:bg-slate-800", children: /* @__PURE__ */ e.jsx("tr", { className: "border-b border-slate-200 dark:border-slate-700", children: m.map((g) => /* @__PURE__ */ e.jsx(
+        "th",
+        {
+          onClick: () => g.sortable && a && a(g.key),
+          className: `px-6 py-4 text-left text-xs font-semibold uppercase tracking-wider ${g.sortable ? "cursor-pointer select-none" : ""} transition-colors text-slate-700 hover:text-slate-900 dark:text-slate-400 dark:hover:text-slate-300`,
+          children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
+            g.headerRender ? g.headerRender() : /* @__PURE__ */ e.jsx("span", { children: g.label }),
+            g.sortable && (i == null ? void 0 : i.key) === g.key && /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 20 20", children: i.direction === "asc" ? /* @__PURE__ */ e.jsx(
+              "path",
+              {
+                fillRule: "evenodd",
+                d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
+                clipRule: "evenodd"
+              }
+            ) : /* @__PURE__ */ e.jsx(
+              "path",
+              {
+                fillRule: "evenodd",
+                d: "M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z",
+                clipRule: "evenodd"
+              }
+            ) })
+          ] })
+        },
+        g.key
+      )) }) }),
+      /* @__PURE__ */ e.jsx("tbody", { className: "divide-y divide-slate-200 dark:divide-slate-700", children: r.length > 0 ? r.map((g, R) => /* @__PURE__ */ e.jsx(
+        "tr",
+        {
+          className: "transition-colors hover:bg-slate-50 dark:hover:bg-slate-700/50",
+          children: m.map((L) => /* @__PURE__ */ e.jsx(
+            "td",
+            {
+              className: "px-6 py-4 whitespace-nowrap text-sm",
+              children: L.render ? L.render(g, R) : g[L.key]
+            },
+            L.key
+          ))
+        },
+        R
+      )) : /* @__PURE__ */ e.jsx("tr", { children: /* @__PURE__ */ e.jsx("td", { colSpan: m.length, className: "px-6 py-12 text-center", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center space-y-3", children: [
+        /* @__PURE__ */ e.jsx(
+          "svg",
+          {
+            className: "w-16 h-16 text-slate-300 dark:text-slate-600",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: /* @__PURE__ */ e.jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 1.5,
+                d: "M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M12 12h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e.jsxs("div", { children: [
+          /* @__PURE__ */ e.jsx("p", { className: "text-lg font-semibold text-slate-600 dark:text-slate-400", children: x }),
+          /* @__PURE__ */ e.jsx("p", { className: "text-sm mt-1 text-slate-500 dark:text-slate-500", children: b })
+        ] })
+      ] }) }) }) })
+    ] }) })
+  ] }) });
+}, ut = ({
+  icon: t,
+  onClick: r,
+  children: a,
+  variant: i = "ping",
+  disabled: x = !1,
+  title: b = "",
+  size: d = "md",
+  className: u = ""
+}) => {
+  const v = {
+    sm: "px-2.5 py-1.5 text-xs gap-1",
+    md: "px-3 py-1.5 sm:px-3.5 sm:py-2 text-sm gap-1.5"
+  }, y = {
+    ping: "fb-ping",
+    spotlight: "fb-spotlight-btn",
+    typewriter: "fb-typewriter-btn",
+    marching: "fb-marching-btn",
+    jelly: "fb-jelly-btn",
+    orbit: "fb-orbit",
+    fillwipe: "fb-fillwipe-btn",
+    signal: "fb-signal",
+    shimmy: ""
+  }[i] ?? "", w = () => {
+    switch (i) {
+      case "ping":
+        return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "fb-ping-wrap", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "fb-ping-ring" }),
+            /* @__PURE__ */ e.jsx("div", { className: "fb-ping-dot" })
+          ] }),
+          t && /* @__PURE__ */ e.jsx(t, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+          a && /* @__PURE__ */ e.jsx("span", { children: a })
+        ] });
+      case "spotlight":
+        return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx("div", { className: "fb-spotlight" }),
+          t && /* @__PURE__ */ e.jsx(t, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+          a && /* @__PURE__ */ e.jsx("span", { children: a })
+        ] });
+      case "typewriter":
+        return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          t && /* @__PURE__ */ e.jsx(t, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+          /* @__PURE__ */ e.jsxs("span", { className: "fb-tw-wrap", children: [
+            /* @__PURE__ */ e.jsx("span", { className: "fb-tw-text", children: a }),
+            /* @__PURE__ */ e.jsx("span", { className: "fb-tw-measure", "aria-hidden": "true", children: a })
+          ] }),
+          /* @__PURE__ */ e.jsx("span", { className: "fb-cursor" })
+        ] });
+      case "marching":
+        return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          t && /* @__PURE__ */ e.jsx(t, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+          a && /* @__PURE__ */ e.jsx("span", { children: a })
+        ] });
+      case "jelly":
+        return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          t && /* @__PURE__ */ e.jsx(t, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+          a && /* @__PURE__ */ e.jsx("span", { children: a })
+        ] });
+      case "magnetic":
+        return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          t && /* @__PURE__ */ e.jsx(t, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+          a && /* @__PURE__ */ e.jsx("span", { className: "fb-magnetic-text", children: a })
+        ] });
+      case "orbit":
+        return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx("div", { className: "fb-orbit-dot" }),
+          t && /* @__PURE__ */ e.jsx(t, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+          a && /* @__PURE__ */ e.jsx("span", { children: a })
+        ] });
+      case "fillwipe":
+        return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx("div", { className: "fb-fill-layer" }),
+          t && /* @__PURE__ */ e.jsx(t, { className: "w-3.5 h-3.5 flex-shrink-0 fb-rel" }),
+          a && /* @__PURE__ */ e.jsx("span", { className: "fb-rel", children: a })
+        ] });
+      case "signal":
+        return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx("div", { className: "fb-wave" }),
+          /* @__PURE__ */ e.jsx("div", { className: "fb-wave fb-wave-2" }),
+          /* @__PURE__ */ e.jsx("div", { className: "fb-wave fb-wave-3" }),
+          t && /* @__PURE__ */ e.jsx(t, { className: "w-3.5 h-3.5 flex-shrink-0 fb-rel" }),
+          a && /* @__PURE__ */ e.jsx("span", { className: "fb-rel", children: a })
+        ] });
+      case "shimmy":
+        return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx("span", { className: "fb-shimmy-icon", children: t && /* @__PURE__ */ e.jsx(t, { className: "w-3.5 h-3.5 flex-shrink-0" }) }),
+          a && /* @__PURE__ */ e.jsx("span", { children: a })
+        ] });
+      default:
+        return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          t && /* @__PURE__ */ e.jsx(t, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+          a && /* @__PURE__ */ e.jsx("span", { children: a })
+        ] });
+    }
+  };
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("style", { children: `
+        .fb {
+          position: relative;
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          white-space: nowrap;
+          font-weight: 600;
+          letter-spacing: -0.01em;
+          color: #3d3a5e;
+          cursor: pointer;
+          outline: none;
+          border-radius: 12px;
+          background: rgba(255, 255, 255, 0.75);
+          backdrop-filter: blur(16px) saturate(1.4);
+          -webkit-backdrop-filter: blur(16px) saturate(1.4);
+          border: 1.5px solid rgba(180, 180, 195, 0.55);
+          box-shadow: none;
+          transition: border-color 0.2s ease, transform 0.15s ease, color 0.15s ease;
+        }
+        .fb:not(:disabled):hover {
+          border-color: rgba(139, 92, 246, 0.5);
+          color: #2a2060;
+          transform: translateY(-1px);
+        }
+        .fb:not(:disabled):active { transform: scale(0.97); }
+        .fb:disabled { opacity: 0.6; cursor: not-allowed; }
+        .fb-rel { position: relative; z-index: 1; }
+
+        .dark .fb {
+          background: rgba(15, 12, 40, 0.55);
+          color: #c4b5fd;
+          border-color: rgba(120, 110, 160, 0.5);
+        }
+        .dark .fb:not(:disabled):hover {
+          border-color: rgba(139, 92, 246, 0.7);
+          color: #ede9fe;
+        }
+
+        /* ── 1. PING ── */
+        .fb-ping { overflow: visible; }
+        .fb-ping-wrap {
+          position: absolute;
+          top: -4px; right: -4px;
+          width: 10px; height: 10px;
+          pointer-events: none;
+        }
+        .fb-ping-dot {
+          position: absolute; inset: 0;
+          border-radius: 50%;
+          background: #7c3aed;
+        }
+        .fb-ping-ring {
+          position: absolute; inset: 0;
+          border-radius: 50%;
+          background: #7c3aed;
+          animation: fb-ping 1.8s ease-out infinite;
+        }
+        @keyframes fb-ping {
+          0%   { transform: scale(1); opacity: 1; }
+          70%  { transform: scale(2.8); opacity: 0; }
+          100% { transform: scale(2.8); opacity: 0; }
+        }
+        .dark .fb-ping-dot,
+        .dark .fb-ping-ring { background: #a78bfa; }
+
+        /* ── 2. SPOTLIGHT ── */
+        .fb-spotlight-btn { overflow: hidden; }
+        .fb-spotlight {
+          position: absolute;
+          top: 0; bottom: 0;
+          left: -80%; width: 45%;
+          background: linear-gradient(100deg, transparent 20%, rgba(255,255,255,0.82) 50%, transparent 80%);
+          transform: skewX(-15deg);
+          pointer-events: none;
+          z-index: 10;
+          animation: fb-spotlight-sweep 2.4s ease-in-out infinite;
+          animation-delay: 0.6s;
+        }
+        @keyframes fb-spotlight-sweep {
+          0%   { left: -80%; }
+          100% { left: 130%; }
+        }
+
+        /* ── 3. TYPEWRITER ── */
+        .fb-typewriter-btn { overflow: hidden; }
+        .fb-tw-wrap {
+          position: relative;
+          display: inline-flex;
+        }
+        .fb-tw-text {
+          display: inline-block;
+          overflow: hidden;
+          white-space: nowrap;
+          width: 0;
+          animation: fb-typewriter 3.2s steps(10) infinite;
+          vertical-align: bottom;
+        }
+        .fb-tw-measure {
+          position: absolute;
+          visibility: hidden;
+          white-space: nowrap;
+          pointer-events: none;
+        }
+        .fb-cursor {
+          display: inline-block;
+          width: 1.5px; height: 12px;
+          background: #7c3aed;
+          margin-left: 1px;
+          vertical-align: middle;
+          border-radius: 1px;
+          animation: fb-cursor-blink 0.7s infinite;
+          flex-shrink: 0;
+        }
+        @keyframes fb-typewriter {
+          0%, 15%  { width: 0; }
+          60%, 85% { width: 100%; }
+          100%     { width: 0; }
+        }
+        @keyframes fb-cursor-blink {
+          0%, 100% { opacity: 1; }
+          50%      { opacity: 0; }
+        }
+        .dark .fb-cursor { background: #a78bfa; }
+
+        /* ── 4. MARCHING ANTS ── */
+        .fb-marching-btn {
+          border: none !important;
+          background-image:
+            repeating-linear-gradient(90deg, #7c3aed 0, #7c3aed 6px, transparent 6px, transparent 12px),
+            repeating-linear-gradient(90deg, #7c3aed 0, #7c3aed 6px, transparent 6px, transparent 12px),
+            repeating-linear-gradient(0deg,  #7c3aed 0, #7c3aed 6px, transparent 6px, transparent 12px),
+            repeating-linear-gradient(0deg,  #7c3aed 0, #7c3aed 6px, transparent 6px, transparent 12px);
+          background-size: 12px 1.5px, 12px 1.5px, 1.5px 12px, 1.5px 12px;
+          background-position: 0 0, 0 100%, 0 0, 100% 0;
+          background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
+          animation: fb-march 0.6s linear infinite;
+        }
+        @keyframes fb-march {
+          to { background-position: 100% 0, 0 100%, 0 0, 100% 100%; }
+        }
+        .dark .fb-marching-btn {
+          background-image:
+            repeating-linear-gradient(90deg, #a78bfa 0, #a78bfa 6px, transparent 6px, transparent 12px),
+            repeating-linear-gradient(90deg, #a78bfa 0, #a78bfa 6px, transparent 6px, transparent 12px),
+            repeating-linear-gradient(0deg,  #a78bfa 0, #a78bfa 6px, transparent 6px, transparent 12px),
+            repeating-linear-gradient(0deg,  #a78bfa 0, #a78bfa 6px, transparent 6px, transparent 12px);
+        }
+
+        /* ── 5. JELLY ── */
+        .fb-jelly-btn {
+          animation: fb-jelly 2.2s ease-in-out infinite;
+          animation-delay: 0.5s;
+        }
+        @keyframes fb-jelly {
+          0%, 100% { transform: scale(1, 1); }
+          20%      { transform: scale(1.15, 0.85); }
+          40%      { transform: scale(0.9, 1.1); }
+          60%      { transform: scale(1.05, 0.95); }
+          80%      { transform: scale(0.98, 1.02); }
+        }
+
+        /* ── 6. MAGNETIC ── */
+        .fb-magnetic-text {
+          display: inline-block;
+          animation: fb-magnetic 2s ease-in-out infinite;
+        }
+        @keyframes fb-magnetic {
+          0%, 100% { letter-spacing: -0.01em; }
+          50%      { letter-spacing: 0.08em; }
+        }
+
+        /* ── 7. ORBIT ── */
+        .fb-orbit { overflow: visible; }
+        .fb-orbit-dot {
+          position: absolute;
+          top: 50%; left: 50%;
+          width: 6px; height: 6px;
+          margin: -3px 0 0 -3px;
+          border-radius: 50%;
+          background: #7c3aed;
+          animation: fb-orbit 2.4s linear infinite;
+          pointer-events: none;
+          z-index: 2;
+        }
+        @keyframes fb-orbit {
+          from { transform: rotate(0deg) translateX(28px) rotate(0deg); }
+          to   { transform: rotate(360deg) translateX(28px) rotate(-360deg); }
+        }
+        .dark .fb-orbit-dot { background: #a78bfa; }
+
+        /* ── 8. FILL WIPE ── */
+        .fb-fillwipe-btn {
+          overflow: hidden;
+          border-color: rgba(124, 58, 237, 0.45);
+        }
+        .fb-fill-layer {
+          position: absolute; inset: 0;
+          background: rgba(124, 58, 237, 0.08);
+          clip-path: inset(0 100% 0 0);
+          animation: fb-fill-wipe 2.8s ease-in-out infinite;
+          border-radius: 8px;
+          pointer-events: none;
+          z-index: 0;
+        }
+        @keyframes fb-fill-wipe {
+          0%, 100% { clip-path: inset(0 100% 0 0); }
+          40%, 70% { clip-path: inset(0 0% 0 0); }
+        }
+        .dark .fb-fill-layer { background: rgba(167, 139, 250, 0.12); }
+
+        /* ── 9. SIGNAL ── */
+        .fb-signal {
+          overflow: visible;
+          border-color: rgba(124, 58, 237, 0.45);
+        }
+        .fb-wave {
+          position: absolute;
+          top: 50%; left: 50%;
+          border-radius: 50%;
+          border: 1.5px solid rgba(124, 58, 237, 0.45);
+          animation: fb-wave-out 2s ease-out infinite;
+          pointer-events: none;
+          z-index: -1;
+        }
+        .fb-wave-2 { animation-delay: 0.65s; }
+        .fb-wave-3 { animation-delay: 1.3s; }
+        @keyframes fb-wave-out {
+          0%   { width: 10px; height: 10px; opacity: 0.8; margin: -5px 0 0 -5px; }
+          100% { width: 60px; height: 40px; opacity: 0; margin: -20px 0 0 -30px; }
+        }
+        .dark .fb-wave { border-color: rgba(167, 139, 250, 0.4); }
+
+        /* ── 10. SHIMMY ── */
+        .fb-shimmy-icon {
+          display: inline-flex;
+          transform-origin: bottom center;
+          animation: fb-shimmy 1.8s ease-in-out infinite;
+        }
+        @keyframes fb-shimmy {
+          0%, 100% { transform: rotate(0deg); }
+          25%      { transform: rotate(-8deg); }
+          75%      { transform: rotate(8deg); }
+        }
+      ` }),
+    /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        onClick: x ? void 0 : r,
+        type: "button",
+        title: b,
+        disabled: x,
+        className: [
+          "fb",
+          v[d],
+          y,
+          x && "opacity-60",
+          u
+        ].filter(Boolean).join(" "),
+        children: w()
+      }
+    )
+  ] });
 };
+function gt({
+  sections: t = [],
+  data: r = {},
+  onSave: a,
+  disabled: i = !1,
+  title: x = "Editor",
+  subtitle: b
+}) {
+  const [d, u] = T(!1), [v, y] = T({}), [w, z] = T(null), [N, $] = T([]), [P, f] = T({}), [m, g] = T({}), [R, L] = T(!1), [Y, D] = T(!1), H = ((o) => {
+    const S = [], l = (A) => {
+      A.fields && A.fields.length > 0 && S.push(A), A.subsections && A.subsections.length > 0 && A.subsections.forEach(l);
+    };
+    return o.forEach(l), S;
+  })(t);
+  !w && H.length > 0 && z(H[0].name);
+  const U = Object.values(P).some(Boolean), C = d ? v : r, O = H.find((o) => o.name === w), h = H.findIndex((o) => o.name === w), k = h < H.length - 1, M = h > 0, W = () => {
+    let o = t;
+    for (const S of N) {
+      const l = o.find((A) => A.name === S.name);
+      l && l.subsections && (o = l.subsections);
+    }
+    return o;
+  }, F = (o, S = t, l = []) => {
+    for (const A of S)
+      if (A.subsections) {
+        if (A.subsections.some((te) => te.name === o))
+          return [...l, A];
+        const q = F(o, A.subsections, [...l, A]);
+        if (q) return q;
+      }
+    return null;
+  }, p = () => {
+    u(!0), y({ ...r }), f({}), g({});
+  }, _ = () => {
+    u(!1), y({}), f({}), g({});
+  }, I = (o, S) => {
+    y((A) => ({ ...A, [o]: S }));
+    const l = H.find(
+      (A) => A.fields.some((q) => q.name === o)
+    );
+    l && (f((A) => ({ ...A, [l.name]: !0 })), g((A) => ({ ...A, [l.name]: !1 })));
+  }, G = () => {
+    a == null || a(v), L(!0), f({});
+    const o = H.reduce((S, l) => (S[l.name] = !0, S), {});
+    g(o), setTimeout(() => L(!1), 3e3);
+  }, J = () => {
+    const o = H.find((l) => l.name === w);
+    if (!o) return;
+    const S = o.fields.reduce((l, A) => (l[A.name] = v[A.name], l), {});
+    a == null || a({ ...r, ...S }), f((l) => ({ ...l, [w]: !1 })), g((l) => ({ ...l, [w]: !0 })), L(!0), setTimeout(() => L(!1), 3e3);
+  }, s = () => {
+    const o = H.find((l) => l.name === w);
+    if (!o) return;
+    const S = { ...v };
+    o.fields.forEach((l) => {
+      S[l.name] = "";
+    }), y(S), a == null || a(S), f((l) => ({ ...l, [w]: !1 })), g((l) => ({ ...l, [w]: !0 })), D(!1), L(!0), setTimeout(() => L(!1), 3e3);
+  }, n = () => {
+    if (k) {
+      const o = H[h + 1], S = F(o.name);
+      $(S || []), z(o.name);
+    }
+  }, c = () => {
+    if (M) {
+      const o = H[h - 1], S = F(o.name);
+      $(S || []), z(o.name);
+    }
+  }, j = (o) => {
+    o.subsections && o.subsections.length > 0 ? $([...N, o]) : o.fields && o.fields.length > 0 && z(o.name);
+  }, E = (o) => {
+    $(o === -1 ? [] : N.slice(0, o + 1));
+  }, B = (o) => o.subsections && o.subsections.length > 0;
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex-1 flex flex-col h-full overflow-hidden", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "flex-shrink-0 flex items-center justify-between px-8 py-6 border-b border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800", children: [
+        /* @__PURE__ */ e.jsxs("div", { children: [
+          /* @__PURE__ */ e.jsxs("h4", { className: "font-bold text-2xl text-slate-900 dark:text-white flex items-center gap-3", children: [
+            x,
+            d && /* @__PURE__ */ e.jsx("span", { className: "px-3 py-1.5 bg-violet-100 text-violet-700 border border-violet-300 dark:bg-violet-600/20 dark:text-violet-300 dark:border-violet-500/40 text-xs font-bold uppercase tracking-wider rounded-lg shadow-sm", children: "Editing Mode" })
+          ] }),
+          /* @__PURE__ */ e.jsxs("p", { className: "text-sm text-slate-600 dark:text-slate-400 mt-2", children: [
+            b || (d ? "Make changes to the fields below." : "View details. Click Edit to make changes."),
+            d && U && /* @__PURE__ */ e.jsx("span", { className: "ml-3 text-amber-600 dark:text-amber-400 font-semibold", children: "• Unsaved changes" })
+          ] })
+        ] }),
+        /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: d ? /* @__PURE__ */ e.jsx(K, { icon: De, onClick: _, variant: "secondary", children: "View Mode" }) : !i && /* @__PURE__ */ e.jsx(K, { icon: ne, onClick: p, variant: "primary", children: "Edit Data" }) })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex-1 flex overflow-hidden min-h-0", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "w-72 border-r border-slate-200 dark:border-slate-700 bg-gradient-to-b from-slate-50 to-slate-100/50 dark:from-slate-900 dark:to-slate-900/50 overflow-y-auto flex-shrink-0", children: /* @__PURE__ */ e.jsxs("nav", { className: "p-4 space-y-1.5", children: [
+          N.length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            /* @__PURE__ */ e.jsxs(
+              "button",
+              {
+                onClick: () => E(N.length - 2),
+                className: "group w-full text-left px-4 py-3.5 rounded-xl transition-all duration-200 flex items-center gap-3 bg-white dark:bg-slate-800 hover:bg-gradient-to-r hover:from-violet-50 hover:to-indigo-50 dark:hover:from-violet-900/30 dark:hover:to-indigo-900/30 border border-slate-200 dark:border-slate-700 hover:border-violet-300 dark:hover:border-violet-600/50 mb-4 shadow-sm hover:shadow-md",
+                children: [
+                  /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0 w-8 h-8 rounded-lg bg-slate-100 dark:bg-slate-700 group-hover:bg-gradient-to-br group-hover:from-violet-100 group-hover:to-indigo-100 dark:group-hover:from-violet-600/30 dark:group-hover:to-indigo-600/30 flex items-center justify-center transition-all duration-200 group-hover:scale-110", children: /* @__PURE__ */ e.jsx(xe, { className: "w-4 h-4 text-slate-600 dark:text-slate-400 group-hover:text-violet-600 dark:group-hover:text-violet-400" }) }),
+                  /* @__PURE__ */ e.jsxs("div", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ e.jsx("div", { className: "text-sm font-bold text-slate-700 dark:text-slate-200 group-hover:text-violet-700 dark:group-hover:text-violet-300", children: "Back" }),
+                    /* @__PURE__ */ e.jsx("div", { className: "text-xs text-slate-500 dark:text-slate-400 truncate mt-0.5 group-hover:text-slate-600 dark:group-hover:text-slate-300", children: N.length === 1 ? "All Sections" : `${N[N.length - 1].number} ${N[N.length - 1].label}` })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e.jsx("div", { className: "h-px bg-gradient-to-r from-transparent via-slate-300 dark:via-slate-600 to-transparent mb-4" })
+          ] }),
+          W().map((o) => {
+            const S = !B(o), l = S && w === o.name, A = S && !!P[o.name], q = S && !!m[o.name], te = S && o.fields ? o.fields.filter((ve) => C[ve.name] && C[ve.name] !== "").length : 0;
+            return /* @__PURE__ */ e.jsxs(
+              "button",
+              {
+                onClick: () => j(o),
+                className: `w-full text-left px-4 py-4 rounded-xl transition-all duration-200 flex items-center justify-between group border ${l ? "bg-gradient-to-r from-violet-50 to-indigo-50 dark:from-violet-600 dark:to-indigo-700 text-violet-700 font-semibold shadow-sm  ring-1 ring-violet-200 dark:ring-violet-500/30 border border-transparent" : "text-slate-600 dark:text-slate-400 hover:bg-slate-100 dark:hover:bg-slate-800 border border-transparent"}`,
+                children: [
+                  /* @__PURE__ */ e.jsxs("div", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ e.jsxs("div", { className: "text-base truncate flex items-center gap-2", children: [
+                      o.number && /* @__PURE__ */ e.jsx("span", { className: `font-bold flex-shrink-0 ${l ? "text-violet-600 dark:text-violet-400" : "text-slate-400"}`, children: o.number }),
+                      /* @__PURE__ */ e.jsx("span", { className: "truncate", children: o.label || o.name })
+                    ] }),
+                    S && o.fields && /* @__PURE__ */ e.jsxs("div", { className: `text-sm mt-1 font-normal flex items-center gap-2 ${l ? "text-violet-600 dark:text-violet-400" : "text-slate-400"}`, children: [
+                      /* @__PURE__ */ e.jsxs("span", { children: [
+                        te,
+                        "/",
+                        o.fields.length,
+                        " filled"
+                      ] }),
+                      A && !q && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                        /* @__PURE__ */ e.jsx("span", { children: "•" }),
+                        /* @__PURE__ */ e.jsx("span", { className: "text-amber-600 dark:text-amber-400 font-medium", children: "Unsaved" })
+                      ] })
+                    ] })
+                  ] }),
+                  B(o) ? /* @__PURE__ */ e.jsx(se, { className: `w-5 h-5 flex-shrink-0 ml-3 ${l ? "text-white" : "text-slate-400 group-hover:text-slate-600 dark:group-hover:text-slate-300"}` }) : q ? /* @__PURE__ */ e.jsx(we, { className: "w-5 h-5 text-green-500 dark:text-green-400 flex-shrink-0 ml-3" }) : null
+                ]
+              },
+              o.name
+            );
+          })
+        ] }) }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex-1 flex flex-col overflow-hidden bg-white dark:bg-slate-800", children: [
+          /* @__PURE__ */ e.jsx("div", { className: "flex-1 overflow-y-auto p-8", children: O && /* @__PURE__ */ e.jsxs("div", { className: "max-w-5xl mx-auto", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "mb-10 pb-6 border-b-2 border-gradient-to-r from-violet-200 to-indigo-200 dark:from-violet-800 dark:to-indigo-800", children: /* @__PURE__ */ e.jsxs("h3", { className: "text-2xl font-bold text-slate-900 dark:text-slate-100 flex items-center gap-3", children: [
+              O.number && /* @__PURE__ */ e.jsx("span", { className: "inline-flex items-center justify-center w-10 h-10 rounded-full bg-gradient-to-br from-violet-500 to-indigo-600 text-white font-black text-lg shadow-lg", children: O.number }),
+              /* @__PURE__ */ e.jsx("span", { children: O.label || O.name })
+            ] }) }),
+            /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-1 xl:grid-cols-2 gap-x-16 gap-y-10", children: O.fields.map((o) => {
+              const S = C[o.name], l = !S || S === "" || S === 0;
+              return d ? /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
+                /* @__PURE__ */ e.jsxs("label", { className: "flex items-center gap-2.5 text-sm font-bold text-slate-700 dark:text-slate-300 tracking-wide", children: [
+                  o.number && /* @__PURE__ */ e.jsx("span", { className: "inline-flex items-center justify-center min-w-[28px] h-7 px-2 rounded-md bg-gradient-to-br from-violet-100 to-indigo-100 dark:from-violet-900/40 dark:to-indigo-900/40 text-violet-700 dark:text-violet-300 font-black text-xs border border-violet-200 dark:border-violet-700", children: o.number }),
+                  /* @__PURE__ */ e.jsx("span", { children: o.label })
+                ] }),
+                /* @__PURE__ */ e.jsx(
+                  pe,
+                  {
+                    field: {
+                      ...o,
+                      disabled: !1,
+                      label: null
+                    },
+                    value: S || "",
+                    onChange: I,
+                    error: null
+                  }
+                )
+              ] }, o.name) : /* @__PURE__ */ e.jsxs("div", { className: "group", children: [
+                /* @__PURE__ */ e.jsxs("label", { className: "flex items-center gap-2.5 text-sm font-bold text-slate-600 dark:text-slate-400 tracking-wide mb-3", children: [
+                  o.number && /* @__PURE__ */ e.jsx("span", { className: "inline-flex items-center justify-center min-w-[28px] h-7 px-2 rounded-md bg-gradient-to-br from-violet-100 to-indigo-100 dark:from-violet-900/40 dark:to-indigo-900/40 text-violet-700 dark:text-violet-300 font-black text-xs border border-violet-200 dark:border-violet-700", children: o.number }),
+                  /* @__PURE__ */ e.jsx("span", { children: o.label })
+                ] }),
+                /* @__PURE__ */ e.jsx(
+                  "div",
+                  {
+                    className: `text-base py-3 px-4 rounded-lg border-2 border-dashed ${l ? "text-slate-400 dark:text-slate-500 italic bg-slate-50/50 dark:bg-slate-900/30 border-slate-200 dark:border-slate-700" : "text-slate-900 dark:text-slate-100 font-medium bg-slate-50 dark:bg-slate-900/50 border-slate-300 dark:border-slate-600"}`,
+                    children: l ? "Not Provided" : S
+                  }
+                )
+              ] }, o.name);
+            }) })
+          ] }) }),
+          d ? /* @__PURE__ */ e.jsxs("div", { className: "border-t-2 border-slate-200 dark:border-slate-700 px-8 py-5 bg-gradient-to-r from-slate-50 to-slate-100/50 dark:from-slate-900/50 dark:to-slate-900 flex items-center justify-between", children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ e.jsxs(
+                "button",
+                {
+                  onClick: () => D(!0),
+                  className: "flex items-center gap-2 text-red-600 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300 text-sm font-semibold px-5 py-2.5 rounded-lg hover:bg-red-50 dark:hover:bg-red-900/20 transition-all border-2 border-transparent hover:border-red-200 dark:hover:border-red-800",
+                  children: [
+                    /* @__PURE__ */ e.jsx(Be, { className: "w-4 h-4" }),
+                    " Clear Section"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                K,
+                {
+                  icon: me,
+                  onClick: J,
+                  variant: "secondary",
+                  disabled: !P[w],
+                  children: "Save Section"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(K, { icon: me, onClick: G, variant: "primary", disabled: !U, children: "Save All Sections" })
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ e.jsx(K, { icon: xe, onClick: c, variant: "secondary", disabled: !M, children: "Previous" }),
+              /* @__PURE__ */ e.jsx(K, { icon: he, onClick: n, variant: "secondary", disabled: !k, children: "Next" })
+            ] })
+          ] }) : /* @__PURE__ */ e.jsxs("div", { className: "border-t-2 border-slate-200 dark:border-slate-700 px-8 py-5 bg-gradient-to-r from-slate-50 to-slate-100/50 dark:from-slate-900/50 dark:to-slate-900 flex items-center justify-between", children: [
+            /* @__PURE__ */ e.jsx(K, { icon: xe, onClick: c, variant: "secondary", disabled: !M, children: "Previous Section" }),
+            /* @__PURE__ */ e.jsx(K, { icon: he, onClick: n, variant: "secondary", disabled: !k, children: "Next Section" })
+          ] })
+        ] })
+      ] })
+    ] }),
+    R && /* @__PURE__ */ e.jsx("div", { className: "fixed top-6 right-6 z-50 animate-in fade-in slide-in-from-top-2 duration-300", children: /* @__PURE__ */ e.jsxs("div", { className: "bg-white dark:bg-slate-800 border border-green-200 dark:border-green-700 rounded-xl shadow-xl px-5 py-4 flex items-center gap-4 min-w-[320px]", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0 w-10 h-10 bg-green-100 dark:bg-green-900/30 rounded-full flex items-center justify-center", children: /* @__PURE__ */ e.jsx(we, { className: "w-5 h-5 text-green-600 dark:text-green-500" }) }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ e.jsx("p", { className: "font-semibold text-base text-slate-900 dark:text-white", children: "Changes Saved!" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-sm text-slate-500 dark:text-slate-400 mt-0.5", children: "Your progress has been saved successfully" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e.jsx(Ye, { isOpen: Y, onClose: () => D(!1), title: "Clear Section", size: "sm", children: /* @__PURE__ */ e.jsxs("div", { className: "p-6", children: [
+      /* @__PURE__ */ e.jsxs("p", { className: "text-base text-slate-700 dark:text-slate-300 mb-6 leading-relaxed", children: [
+        "Are you sure you want to clear all fields in",
+        " ",
+        /* @__PURE__ */ e.jsxs("span", { className: "font-bold text-violet-600 dark:text-violet-400", children: [
+          (O == null ? void 0 : O.number) && `Section ${O.number}: `,
+          (O == null ? void 0 : O.label) || w
+        ] }),
+        "? This action will be saved immediately."
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex justify-end gap-3", children: [
+        /* @__PURE__ */ e.jsx(
+          Ce,
+          {
+            variant: "secondary",
+            onClick: () => D(!1),
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          Ce,
+          {
+            variant: "danger",
+            onClick: s,
+            children: "Yes, Clear & Save"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
 export {
-  Qe as ActionButton,
-  Xe as DataTable,
-  ot as DragDropList,
-  Ke as DynamicForm,
-  tt as DynamicFormMultiStep,
-  Be as Footer,
-  we as FormField,
-  lt as HtmlContent,
-  qe as IconButton,
-  at as Loader,
-  st as ManagerLayout,
-  Ze as Modal,
-  rt as ModalErrorAlert,
-  He as Navbar,
-  Ue as PageHeader,
-  Ge as PrimaryButton,
-  Je as SearchInput,
-  Fe as SelectModal,
-  et as SelectModalField,
-  Ye as Sidebar,
-  Pe as Toggle,
-  Ae as UserMenu
+  K as ActionButton,
+  ht as Card,
+  rt as DataTable,
+  mt as DragDropList,
+  lt as DynamicForm,
+  ot as DynamicFormMultiStep,
+  bt as DynamicTable,
+  ut as FlashButton,
+  Ze as Footer,
+  pe as FormField,
+  xt as HtmlContent,
+  st as IconButton,
+  dt as Loader,
+  it as ManagerLayout,
+  Ye as Modal,
+  ct as ModalErrorAlert,
+  Ke as Navbar,
+  tt as PageHeader,
+  Ce as PrimaryButton,
+  at as SearchInput,
+  gt as SectionEditor,
+  Ge as SelectModal,
+  nt as SelectModalField,
+  et as Sidebar,
+  Ue as Toggle,
+  He as UserMenu
 };