@neuctra/authix 1.0.21 → 1.1.1

package/dist/neuctra-authix.es.js

@@ -1,4 +1,4 @@
-import zt, { forwardRef as _t, createElement as Ze, useState as P, useEffect as ie, useRef as ut } from "react";
+import At, { forwardRef as _t, createElement as Ze, useState as I, useEffect as ie, useRef as ut } from "react";
 function Nt(e, t) {
   return function() {
     return e.apply(t, arguments);
@@ -87,11 +87,11 @@ const Rr = (e, t, r, { allOwnKeys: s } = {}) => (Ie(t, (o, i) => {
     e = r !== !1 && ot(e);
   } while (e && (!r || r(e, t)) && e !== Object.prototype);
   return t;
-}, Ar = (e, t, r) => {
+}, zr = (e, t, r) => {
   e = String(e), (r === void 0 || r > e.length) && (r = e.length), r -= t.length;
   const s = e.indexOf(t, r);
   return s !== -1 && s === r;
-}, zr = (e) => {
+}, Ar = (e) => {
   if (!e) return null;
   if (je(e)) return e;
   let t = e.length;
@@ -212,8 +212,8 @@ const Hr = (e) => {
   toFlatObject: Or,
   kindOf: Me,
   kindOfTest: oe,
-  endsWith: Ar,
-  toArray: zr,
+  endsWith: zr,
+  toArray: Ar,
   forEachEntry: Nr,
   matchAll: $r,
   isHTMLForm: Ur,
@@ -237,10 +237,10 @@ const Hr = (e) => {
   asap: Kr,
   isIterable: Jr
 };
-function z(e, t, r, s, o) {
+function A(e, t, r, s, o) {
   Error.call(this), Error.captureStackTrace ? Error.captureStackTrace(this, this.constructor) : this.stack = new Error().stack, this.message = e, this.name = "AxiosError", t && (this.code = t), r && (this.config = r), s && (this.request = s), o && (this.response = o, this.status = o.status ? o.status : null);
 }
-u.inherits(z, Error, {
+u.inherits(A, Error, {
   toJSON: function() {
     return {
       // Standard
@@ -261,7 +261,7 @@ u.inherits(z, Error, {
     };
   }
 });
-const Wt = z.prototype, qt = {};
+const Wt = A.prototype, qt = {};
 [
   "ERR_BAD_OPTION_VALUE",
   "ERR_BAD_OPTION",
@@ -279,15 +279,15 @@ const Wt = z.prototype, qt = {};
 ].forEach((e) => {
   qt[e] = { value: e };
 });
-Object.defineProperties(z, qt);
+Object.defineProperties(A, qt);
 Object.defineProperty(Wt, "isAxiosError", { value: !0 });
-z.from = (e, t, r, s, o, i) => {
+A.from = (e, t, r, s, o, i) => {
   const a = Object.create(Wt);
   u.toFlatObject(e, a, function(c) {
     return c !== Error.prototype;
   }, (p) => p !== "isAxiosError");
   const l = e && e.message ? e.message : "Error", h = t == null && e ? e.code : t;
-  return z.call(a, l, h, r, s, o), e && a.cause == null && Object.defineProperty(a, "cause", { value: e, configurable: !0 }), a.name = e && e.name || "Error", i && Object.assign(a, i), a;
+  return A.call(a, l, h, r, s, o), e && a.cause == null && Object.defineProperty(a, "cause", { value: e, configurable: !0 }), a.name = e && e.name || "Error", i && Object.assign(a, i), a;
 };
 const Xr = null;
 function et(e) {
@@ -327,7 +327,7 @@ function We(e, t, r) {
     if (u.isBoolean(d))
       return d.toString();
     if (!h && u.isBlob(d))
-      throw new z("Blob is not supported. Use a Buffer instead.");
+      throw new A("Blob is not supported. Use a Buffer instead.");
     return u.isArrayBuffer(d) || u.isTypedArray(d) ? h && typeof Blob == "function" ? new Blob([d]) : Buffer.from(d) : d;
   }
   function c(d, b, g) {
@@ -336,11 +336,11 @@ function We(e, t, r) {
       if (u.endsWith(b, "{}"))
         b = s ? b : b.slice(0, -2), d = JSON.stringify(d);
       else if (u.isArray(d) && Gr(d) || (u.isFileList(d) || u.endsWith(b, "[]")) && ($ = u.toArray(d)))
-        return b = Ht(b), $.forEach(function(O, C) {
-          !(u.isUndefined(O) || O === null) && t.append(
+        return b = Ht(b), $.forEach(function(P, E) {
+          !(u.isUndefined(P) || P === null) && t.append(
             // eslint-disable-next-line no-nested-ternary
-            a === !0 ? ft([b], C, i) : a === null ? b : b + "[]",
-            p(O)
+            a === !0 ? ft([b], E, i) : a === null ? b : b + "[]",
+            p(P)
           );
         }), !1;
     }
@@ -578,7 +578,7 @@ const Pe = {
         return JSON.parse(t, this.parseReviver);
       } catch (l) {
         if (a)
-          throw l.name === "SyntaxError" ? z.from(l, z.ERR_BAD_RESPONSE, this, null, this.response) : l;
+          throw l.name === "SyntaxError" ? A.from(l, A.ERR_BAD_RESPONSE, this, null, this.response) : l;
       }
     }
     return t;
@@ -821,16 +821,16 @@ function Xt(e) {
   return !!(e && e.__CANCEL__);
 }
 function ve(e, t, r) {
-  z.call(this, e ?? "canceled", z.ERR_CANCELED, t, r), this.name = "CanceledError";
+  A.call(this, e ?? "canceled", A.ERR_CANCELED, t, r), this.name = "CanceledError";
 }
-u.inherits(ve, z, {
+u.inherits(ve, A, {
   __CANCEL__: !0
 });
 function Gt(e, t, r) {
   const s = r.config.validateStatus;
-  !r.status || !s || s(r.status) ? e(r) : t(new z(
+  !r.status || !s || s(r.status) ? e(r) : t(new A(
     "Request failed with status code " + r.status,
-    [z.ERR_BAD_REQUEST, z.ERR_BAD_RESPONSE][Math.floor(r.status / 100) - 4],
+    [A.ERR_BAD_REQUEST, A.ERR_BAD_RESPONSE][Math.floor(r.status / 100) - 4],
     r.config,
     r.request,
     r
@@ -1034,46 +1034,46 @@ const Qt = (e) => {
     function $() {
       if (!g)
         return;
-      const O = re.from(
+      const P = re.from(
         "getAllResponseHeaders" in g && g.getAllResponseHeaders()
-      ), M = {
+      ), L = {
         data: !l || l === "text" || l === "json" ? g.responseText : g.response,
         status: g.status,
         statusText: g.statusText,
-        headers: O,
+        headers: P,
         config: e,
         request: g
       };
-      Gt(function(A) {
-        r(A), b();
-      }, function(A) {
-        s(A), b();
-      }, M), g = null;
+      Gt(function(O) {
+        r(O), b();
+      }, function(O) {
+        s(O), b();
+      }, L), g = null;
     }
     "onloadend" in g ? g.onloadend = $ : g.onreadystatechange = function() {
       !g || g.readyState !== 4 || g.status === 0 && !(g.responseURL && g.responseURL.indexOf("file:") === 0) || setTimeout($);
     }, g.onabort = function() {
-      g && (s(new z("Request aborted", z.ECONNABORTED, e, g)), g = null);
-    }, g.onerror = function(C) {
-      const M = C && C.message ? C.message : "Network Error", y = new z(M, z.ERR_NETWORK, e, g);
-      y.event = C || null, s(y), g = null;
+      g && (s(new A("Request aborted", A.ECONNABORTED, e, g)), g = null);
+    }, g.onerror = function(E) {
+      const L = E && E.message ? E.message : "Network Error", y = new A(L, A.ERR_NETWORK, e, g);
+      y.event = E || null, s(y), g = null;
     }, g.ontimeout = function() {
-      let C = o.timeout ? "timeout of " + o.timeout + "ms exceeded" : "timeout exceeded";
-      const M = o.transitional || Kt;
-      o.timeoutErrorMessage && (C = o.timeoutErrorMessage), s(new z(
-        C,
-        M.clarifyTimeoutError ? z.ETIMEDOUT : z.ECONNABORTED,
+      let E = o.timeout ? "timeout of " + o.timeout + "ms exceeded" : "timeout exceeded";
+      const L = o.transitional || Kt;
+      o.timeoutErrorMessage && (E = o.timeoutErrorMessage), s(new A(
+        E,
+        L.clarifyTimeoutError ? A.ETIMEDOUT : A.ECONNABORTED,
         e,
         g
       )), g = null;
-    }, i === void 0 && a.setContentType(null), "setRequestHeader" in g && u.forEach(a.toJSON(), function(C, M) {
-      g.setRequestHeader(M, C);
-    }), u.isUndefined(o.withCredentials) || (g.withCredentials = !!o.withCredentials), l && l !== "json" && (g.responseType = o.responseType), p && ([R, d] = Fe(p, !0), g.addEventListener("progress", R)), h && g.upload && ([m, v] = Fe(h), g.upload.addEventListener("progress", m), g.upload.addEventListener("loadend", v)), (o.cancelToken || o.signal) && (c = (O) => {
-      g && (s(!O || O.type ? new ve(null, e, g) : O), g.abort(), g = null);
+    }, i === void 0 && a.setContentType(null), "setRequestHeader" in g && u.forEach(a.toJSON(), function(E, L) {
+      g.setRequestHeader(L, E);
+    }), u.isUndefined(o.withCredentials) || (g.withCredentials = !!o.withCredentials), l && l !== "json" && (g.responseType = o.responseType), p && ([R, d] = Fe(p, !0), g.addEventListener("progress", R)), h && g.upload && ([m, v] = Fe(h), g.upload.addEventListener("progress", m), g.upload.addEventListener("loadend", v)), (o.cancelToken || o.signal) && (c = (P) => {
+      g && (s(!P || P.type ? new ve(null, e, g) : P), g.abort(), g = null);
     }, o.cancelToken && o.cancelToken.subscribe(c), o.signal && (o.signal.aborted ? c() : o.signal.addEventListener("abort", c)));
     const _ = bn(o.url);
     if (_ && ee.protocols.indexOf(_) === -1) {
-      s(new z("Unsupported protocol " + _ + ":", z.ERR_BAD_REQUEST, e));
+      s(new A("Unsupported protocol " + _ + ":", A.ERR_BAD_REQUEST, e));
       return;
     }
     g.send(i || null);
@@ -1086,11 +1086,11 @@ const Qt = (e) => {
       if (!o) {
         o = !0, l();
         const c = p instanceof Error ? p : this.reason;
-        s.abort(c instanceof z ? c : new ve(c instanceof Error ? c.message : c));
+        s.abort(c instanceof A ? c : new ve(c instanceof Error ? c.message : c));
       }
     };
     let a = t && setTimeout(() => {
-      a = null, i(new z(`timeout ${t} of ms exceeded`, z.ETIMEDOUT));
+      a = null, i(new A(`timeout ${t} of ms exceeded`, A.ETIMEDOUT));
     }, t);
     const l = () => {
       e && (a && clearTimeout(a), a = null, e.forEach((p) => {
@@ -1158,7 +1158,7 @@ const Qt = (e) => {
   }, {
     highWaterMark: 2
   });
-}, jt = 64 * 1024, { isFunction: Ae } = u, An = (({ Request: e, Response: t }) => ({
+}, jt = 64 * 1024, { isFunction: ze } = u, zn = (({ Request: e, Response: t }) => ({
   Request: e,
   Response: t
 }))(u.global), {
@@ -1170,14 +1170,14 @@ const Qt = (e) => {
   } catch {
     return !1;
   }
-}, zn = (e) => {
+}, An = (e) => {
   e = u.merge.call({
     skipUndefined: !0
-  }, An, e);
-  const { fetch: t, Request: r, Response: s } = e, o = t ? Ae(t) : typeof fetch == "function", i = Ae(r), a = Ae(s);
+  }, zn, e);
+  const { fetch: t, Request: r, Response: s } = e, o = t ? ze(t) : typeof fetch == "function", i = ze(r), a = ze(s);
   if (!o)
     return !1;
-  const l = o && Ae(vt), h = o && (typeof St == "function" ? /* @__PURE__ */ ((d) => (b) => d.encode(b))(new St()) : async (d) => new Uint8Array(await new r(d).arrayBuffer())), p = i && l && kt(() => {
+  const l = o && ze(vt), h = o && (typeof St == "function" ? /* @__PURE__ */ ((d) => (b) => d.encode(b))(new St()) : async (d) => new Uint8Array(await new r(d).arrayBuffer())), p = i && l && kt(() => {
     let d = !1;
     const b = new r(ee.origin, {
       body: new vt(),
@@ -1195,7 +1195,7 @@ const Qt = (e) => {
       let $ = b && b[d];
       if ($)
         return $.call(b);
-      throw new z(`Response type '${d}' is not supported`, z.ERR_NOT_SUPPORT, g);
+      throw new A(`Response type '${d}' is not supported`, A.ERR_NOT_SUPPORT, g);
     });
   });
   const R = async (d) => {
@@ -1222,69 +1222,69 @@ const Qt = (e) => {
       method: g,
       data: $,
       signal: _,
-      cancelToken: O,
-      timeout: C,
-      onDownloadProgress: M,
+      cancelToken: P,
+      timeout: E,
+      onDownloadProgress: L,
       onUploadProgress: y,
-      responseType: A,
+      responseType: O,
       headers: w,
       withCredentials: D = "same-origin",
       fetchOptions: K
     } = Qt(d), U = t || fetch;
-    A = A ? (A + "").toLowerCase() : "text";
-    let Y = Rn([_, O && O.toAbortSignal()], C), Q = null;
-    const k = Y && Y.unsubscribe && (() => {
+    O = O ? (O + "").toLowerCase() : "text";
+    let Y = Rn([_, P && P.toAbortSignal()], E), Q = null;
+    const S = Y && Y.unsubscribe && (() => {
       Y.unsubscribe();
     });
     let Z;
     try {
       if (y && p && g !== "get" && g !== "head" && (Z = await v(w, $)) !== 0) {
-        let E = new r(b, {
+        let k = new r(b, {
           method: "POST",
           body: $,
           duplex: "half"
         }), N;
-        if (u.isFormData($) && (N = E.headers.get("content-type")) && w.setContentType(N), E.body) {
+        if (u.isFormData($) && (N = k.headers.get("content-type")) && w.setContentType(N), k.body) {
           const [B, f] = mt(
             Z,
             Fe(yt(y))
           );
-          $ = wt(E.body, jt, B, f);
+          $ = wt(k.body, jt, B, f);
         }
       }
       u.isString(D) || (D = D ? "include" : "omit");
-      const L = i && "credentials" in r.prototype, F = {
+      const M = i && "credentials" in r.prototype, F = {
         ...K,
         signal: Y,
         method: g.toUpperCase(),
         headers: w.normalize().toJSON(),
         body: $,
         duplex: "half",
-        credentials: L ? D : void 0
+        credentials: M ? D : void 0
       };
       Q = i && new r(b, F);
       let T = await (i ? U(Q, K) : U(b, F));
-      const V = c && (A === "stream" || A === "response");
-      if (c && (M || V && k)) {
-        const E = {};
+      const V = c && (O === "stream" || O === "response");
+      if (c && (L || V && S)) {
+        const k = {};
         ["status", "statusText", "headers"].forEach((j) => {
-          E[j] = T[j];
+          k[j] = T[j];
         });
-        const N = u.toFiniteNumber(T.headers.get("content-length")), [B, f] = M && mt(
+        const N = u.toFiniteNumber(T.headers.get("content-length")), [B, f] = L && mt(
           N,
-          Fe(yt(M), !0)
+          Fe(yt(L), !0)
         ) || [];
         T = new s(
           wt(T.body, jt, B, () => {
-            f && f(), k && k();
+            f && f(), S && S();
           }),
-          E
+          k
         );
       }
-      A = A || "text";
-      let x = await m[u.findKey(m, A) || "text"](T, d);
-      return !V && k && k(), await new Promise((E, N) => {
-        Gt(E, N, {
+      O = O || "text";
+      let x = await m[u.findKey(m, O) || "text"](T, d);
+      return !V && S && S(), await new Promise((k, N) => {
+        Gt(k, N, {
           data: x,
           headers: re.from(T.headers),
           status: T.status,
@@ -1293,13 +1293,13 @@ const Qt = (e) => {
           request: Q
         });
       });
-    } catch (L) {
-      throw k && k(), L && L.name === "TypeError" && /Load failed|fetch/i.test(L.message) ? Object.assign(
-        new z("Network Error", z.ERR_NETWORK, d, Q),
+    } catch (M) {
+      throw S && S(), M && M.name === "TypeError" && /Load failed|fetch/i.test(M.message) ? Object.assign(
+        new A("Network Error", A.ERR_NETWORK, d, Q),
         {
-          cause: L.cause || L
+          cause: M.cause || M
         }
-      ) : z.from(L, L && L.code, d, Q);
+      ) : A.from(M, M && M.code, d, Q);
     }
   };
 }, _n = /* @__PURE__ */ new Map(), er = (e) => {
@@ -1311,7 +1311,7 @@ const Qt = (e) => {
   ];
   let a = i.length, l = a, h, p, c = _n;
   for (; l--; )
-    h = i[l], p = c.get(h), p === void 0 && c.set(h, p = l ? /* @__PURE__ */ new Map() : zn(t)), c = p;
+    h = i[l], p = c.get(h), p === void 0 && c.set(h, p = l ? /* @__PURE__ */ new Map() : An(t)), c = p;
   return p;
 };
 er();
@@ -1341,7 +1341,7 @@ const Et = (e) => `- ${e}`, Nn = (e) => u.isFunction(e) || e === null || e === !
       s = e[a];
       let l;
       if (o = s, !Nn(s) && (o = rt[(l = String(s)).toLowerCase()], o === void 0))
-        throw new z(`Unknown adapter '${l}'`);
+        throw new A(`Unknown adapter '${l}'`);
       if (o && (u.isFunction(o) || (o = o.get(t))))
         break;
       i[l || "#" + a] = o;
@@ -1353,7 +1353,7 @@ const Et = (e) => `- ${e}`, Nn = (e) => u.isFunction(e) || e === null || e === !
       let l = r ? a.length > 1 ? `since :
 ` + a.map(Et).join(`
 `) : " " + Et(a[0]) : "as no adapter specified";
-      throw new z(
+      throw new A(
         "There is no suitable adapter to dispatch the request " + l,
         "ERR_NOT_SUPPORT"
       );
@@ -1397,9 +1397,9 @@ qe.transitional = function(t, r, s) {
   }
   return (i, a, l) => {
     if (t === !1)
-      throw new z(
+      throw new A(
         o(a, " has been removed" + (r ? " in " + r : "")),
-        z.ERR_DEPRECATED
+        A.ERR_DEPRECATED
       );
     return r && !Tt[a] && (Tt[a] = !0, console.warn(
       o(
@@ -1414,7 +1414,7 @@ qe.spelling = function(t) {
 };
 function $n(e, t, r) {
   if (typeof e != "object")
-    throw new z("options must be an object", z.ERR_BAD_OPTION_VALUE);
+    throw new A("options must be an object", A.ERR_BAD_OPTION_VALUE);
   const s = Object.keys(e);
   let o = s.length;
   for (; o-- > 0; ) {
@@ -1422,11 +1422,11 @@ function $n(e, t, r) {
     if (a) {
       const l = e[i], h = l === void 0 || a(l, i, e);
       if (h !== !0)
-        throw new z("option " + i + " must be " + h, z.ERR_BAD_OPTION_VALUE);
+        throw new A("option " + i + " must be " + h, A.ERR_BAD_OPTION_VALUE);
       continue;
     }
     if (r !== !0)
-      throw new z("Unknown option " + i, z.ERR_BAD_OPTION);
+      throw new A("Unknown option " + i, A.ERR_BAD_OPTION);
   }
 }
 const $e = {
@@ -1719,7 +1719,7 @@ W.CancelToken = Un;
 W.isCancel = Xt;
 W.VERSION = rr;
 W.toFormData = We;
-W.AxiosError = z;
+W.AxiosError = A;
 W.Cancel = W.CanceledError;
 W.all = function(t) {
   return Promise.all(t);
@@ -1991,7 +1991,7 @@ class uo {
     return this.request("DELETE", `/users/${r}/data/${s}`);
   }
 }
-var ze = { exports: {} }, Ee = {};
+var Ae = { exports: {} }, Ee = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -2048,7 +2048,7 @@ function Mn() {
           return "Profiler";
         case g:
           return "StrictMode";
-        case M:
+        case L:
           return "Suspense";
         case y:
           return "SuspenseList";
@@ -2061,19 +2061,19 @@ function Mn() {
         ), x.$$typeof) {
           case d:
             return "Portal";
-          case O:
+          case P:
             return (x.displayName || "Context") + ".Provider";
           case _:
             return (x._context.displayName || "Context") + ".Consumer";
-          case C:
-            var E = x.render;
-            return x = x.displayName, x || (x = E.displayName || E.name || "", x = x !== "" ? "ForwardRef(" + x + ")" : "ForwardRef"), x;
-          case A:
-            return E = x.displayName || null, E !== null ? E : e(x.type) || "Memo";
+          case E:
+            var k = x.render;
+            return x = x.displayName, x || (x = k.displayName || k.name || "", x = x !== "" ? "ForwardRef(" + x + ")" : "ForwardRef"), x;
+          case O:
+            return k = x.displayName || null, k !== null ? k : e(x.type) || "Memo";
           case w:
-            E = x._payload, x = x._init;
+            k = x._payload, x = x._init;
             try {
-              return e(x(E));
+              return e(x(k));
             } catch {
             }
         }
@@ -2085,15 +2085,15 @@ function Mn() {
     function r(x) {
       try {
         t(x);
-        var E = !1;
+        var k = !1;
       } catch {
-        E = !0;
+        k = !0;
       }
-      if (E) {
-        E = console;
-        var N = E.error, B = typeof Symbol == "function" && Symbol.toStringTag && x[Symbol.toStringTag] || x.constructor.name || "Object";
+      if (k) {
+        k = console;
+        var N = k.error, B = typeof Symbol == "function" && Symbol.toStringTag && x[Symbol.toStringTag] || x.constructor.name || "Object";
         return N.call(
-          E,
+          k,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           B
         ), t(x);
@@ -2104,8 +2104,8 @@ function Mn() {
       if (typeof x == "object" && x !== null && x.$$typeof === w)
         return "<...>";
       try {
-        var E = e(x);
-        return E ? "<" + E + ">" : "<...>";
+        var k = e(x);
+        return k ? "<" + k + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -2119,16 +2119,16 @@ function Mn() {
     }
     function a(x) {
       if (Y.call(x, "key")) {
-        var E = Object.getOwnPropertyDescriptor(x, "key").get;
-        if (E && E.isReactWarning) return !1;
+        var k = Object.getOwnPropertyDescriptor(x, "key").get;
+        if (k && k.isReactWarning) return !1;
       }
       return x.key !== void 0;
     }
-    function l(x, E) {
+    function l(x, k) {
       function N() {
         Z || (Z = !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)",
-          E
+          k
         ));
       }
       N.isReactWarning = !0, Object.defineProperty(x, "key", {
@@ -2138,15 +2138,15 @@ function Mn() {
     }
     function h() {
       var x = e(this.type);
-      return L[x] || (L[x] = !0, console.error(
+      return M[x] || (M[x] = !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."
       )), x = this.props.ref, x !== void 0 ? x : null;
     }
-    function p(x, E, N, B, f, j, J, ne) {
+    function p(x, k, N, B, f, j, J, ne) {
       return N = j.ref, x = {
         $$typeof: v,
         type: x,
-        key: E,
+        key: k,
         props: j,
         _owner: f
       }, (N !== void 0 ? N : null) !== null ? Object.defineProperty(x, "ref", {
@@ -2174,8 +2174,8 @@ function Mn() {
         value: ne
       }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     }
-    function c(x, E, N, B, f, j, J, ne) {
-      var X = E.children;
+    function c(x, k, N, B, f, j, J, ne) {
+      var X = k.children;
       if (X !== void 0)
         if (B)
           if (Q(X)) {
@@ -2187,9 +2187,9 @@ function Mn() {
               "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 m(X);
-      if (Y.call(E, "key")) {
+      if (Y.call(k, "key")) {
         X = e(x);
-        var se = Object.keys(E).filter(function(me) {
+        var se = Object.keys(k).filter(function(me) {
           return me !== "key";
         });
         B = 0 < se.length ? "{key: someKey, " + se.join(": ..., ") + ": ...}" : "{key: someKey}", V[X + B] || (se = 0 < se.length ? "{" + se.join(": ..., ") + ": ...}" : "{}", console.error(
@@ -2205,11 +2205,11 @@ React keys must be passed directly to JSX without using spread:
           X
         ), V[X + B] = !0);
       }
-      if (X = null, N !== void 0 && (r(N), X = "" + N), a(E) && (r(E.key), X = "" + E.key), "key" in E) {
+      if (X = null, N !== void 0 && (r(N), X = "" + N), a(k) && (r(k.key), X = "" + k.key), "key" in k) {
         N = {};
-        for (var le in E)
-          le !== "key" && (N[le] = E[le]);
-      } else N = E;
+        for (var le in k)
+          le !== "key" && (N[le] = k[le]);
+      } else N = k;
       return X && l(
         N,
         typeof x == "function" ? x.displayName || x.name || "Unknown" : x
@@ -2227,7 +2227,7 @@ React keys must be passed directly to JSX without using spread:
     function m(x) {
       typeof x == "object" && x !== null && x.$$typeof === v && x._store && (x._store.validated = 1);
     }
-    var R = zt, v = Symbol.for("react.transitional.element"), d = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), $ = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), O = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), K = Symbol.for("react.client.reference"), U = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, Q = Array.isArray, k = console.createTask ? console.createTask : function() {
+    var R = At, v = Symbol.for("react.transitional.element"), d = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), $ = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), P = Symbol.for("react.context"), E = Symbol.for("react.forward_ref"), L = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), O = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), K = Symbol.for("react.client.reference"), U = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, Q = Array.isArray, S = console.createTask ? console.createTask : function() {
       return null;
     };
     R = {
@@ -2235,40 +2235,40 @@ React keys must be passed directly to JSX without using spread:
         return x();
       }
     };
-    var Z, L = {}, F = R.react_stack_bottom_frame.bind(
+    var Z, M = {}, F = R.react_stack_bottom_frame.bind(
       R,
       i
-    )(), T = k(s(i)), V = {};
-    Ce.Fragment = b, Ce.jsx = function(x, E, N, B, f) {
+    )(), T = S(s(i)), V = {};
+    Ce.Fragment = b, Ce.jsx = function(x, k, N, B, f) {
       var j = 1e4 > U.recentlyCreatedOwnerStacks++;
       return c(
         x,
-        E,
+        k,
         N,
         !1,
         B,
         f,
         j ? Error("react-stack-top-frame") : F,
-        j ? k(s(x)) : T
+        j ? S(s(x)) : T
       );
-    }, Ce.jsxs = function(x, E, N, B, f) {
+    }, Ce.jsxs = function(x, k, N, B, f) {
       var j = 1e4 > U.recentlyCreatedOwnerStacks++;
       return c(
         x,
-        E,
+        k,
         N,
         !0,
         B,
         f,
         j ? Error("react-stack-top-frame") : F,
-        j ? k(s(x)) : T
+        j ? S(s(x)) : T
       );
     };
   })()), Ce;
 }
 var Pt;
 function Bn() {
-  return Pt || (Pt = 1, process.env.NODE_ENV === "production" ? ze.exports = Ln() : ze.exports = Mn()), ze.exports;
+  return Pt || (Pt = 1, process.env.NODE_ENV === "production" ? Ae.exports = Ln() : Ae.exports = Mn()), Ae.exports;
 }
 var n = Bn();
 const Wn = async (e, t) => {
@@ -2768,20 +2768,20 @@ const Os = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const As = [
+const zs = [
   ["path", { d: "M10 11v6", key: "nco0om" }],
   ["path", { d: "M14 11v6", key: "outv1u" }],
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
-], Ue = q("trash-2", As);
+], Ue = q("trash-2", zs);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zs = [
+const As = [
   [
     "path",
     {
@@ -2791,7 +2791,7 @@ const zs = [
   ],
   ["path", { d: "M12 9v4", key: "juzpu7" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
-], At = q("triangle-alert", zs);
+], zt = q("triangle-alert", As);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
@@ -2851,33 +2851,33 @@ const Us = [
     email: "",
     password: "",
     ...h && { avatarUrl: "" }
-  }, [g, $] = P(b), [_, O] = P(!1), [C, M] = P(!1), [y, A] = P(null), [w, D] = P({}), K = typeof window < "u" ? window.innerWidth < 768 : !1, U = l ? "#ffffff" : "#111827", Y = l ? "#a1a1aa" : "#6b7280", Q = l ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.02)", k = l ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.1)", Z = (V) => {
-    const { name: x, value: E } = V.target;
-    $((N) => ({ ...N, [x]: E })), w[x] && D((N) => ({ ...N, [x]: void 0 }));
-  }, L = () => {
+  }, [g, $] = I(b), [_, P] = I(!1), [E, L] = I(!1), [y, O] = I(null), [w, D] = I({}), K = typeof window < "u" ? window.innerWidth < 768 : !1, U = l ? "#ffffff" : "#111827", Y = l ? "#a1a1aa" : "#6b7280", Q = l ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.02)", S = l ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.1)", Z = (V) => {
+    const { name: x, value: k } = V.target;
+    $((N) => ({ ...N, [x]: k })), w[x] && D((N) => ({ ...N, [x]: void 0 }));
+  }, M = () => {
     const V = {};
     return g.name.trim() || (V.name = "Name is required"), g.email.trim() ? /\S+@\S+\.\S+/.test(g.email) || (V.email = "Invalid email address") : V.email = "Email is required", g.password ? g.password.length < 6 && (V.password = "Password must be at least 6 characters") : V.password = "Password is required", D(V), Object.keys(V).length === 0;
   }, F = async (V) => {
-    if (V.preventDefault(), !!L()) {
-      M(!0), A(null);
+    if (V.preventDefault(), !!M()) {
+      L(!0), O(null);
       try {
         const x = {
           ...g,
           appId: d
-        }, E = await Wn(x, { baseUrl: R, apiKey: v });
-        A({ type: "success", text: "Account created successfully!" }), c && c(E);
+        }, k = await Wn(x, { baseUrl: R, apiKey: v });
+        O({ type: "success", text: "Account created successfully!" }), c && c(k);
       } catch (x) {
-        const E = x.message || "Signup failed. Please try again.";
-        A({ type: "error", text: E }), m && m(x);
+        const k = x.message || "Signup failed. Please try again.";
+        O({ type: "error", text: k }), m && m(x);
       } finally {
-        M(!1);
+        L(!1);
       }
     }
   }, T = {
     width: "100%",
     padding: K ? "10px 14px 10px 44px" : "10px 16px 10px 44px",
     backgroundColor: Q,
-    border: `1px solid ${k}`,
+    border: `1px solid ${S}`,
     borderRadius: "10px",
     color: U,
     fontSize: "15px",
@@ -3031,7 +3031,7 @@ const Us = [
                             onChange: Z,
                             style: {
                               ...T,
-                              borderColor: w.name ? "#ef4444" : k
+                              borderColor: w.name ? "#ef4444" : S
                             }
                           }
                         )
@@ -3086,7 +3086,7 @@ const Us = [
                             onChange: Z,
                             style: {
                               ...T,
-                              borderColor: w.email ? "#ef4444" : k
+                              borderColor: w.email ? "#ef4444" : S
                             }
                           }
                         )
@@ -3141,7 +3141,7 @@ const Us = [
                             onChange: Z,
                             style: {
                               ...T,
-                              borderColor: w.password ? "#ef4444" : k
+                              borderColor: w.password ? "#ef4444" : S
                             }
                           }
                         ),
@@ -3149,7 +3149,7 @@ const Us = [
                           "button",
                           {
                             type: "button",
-                            onClick: () => O(!_),
+                            onClick: () => P(!_),
                             style: {
                               position: "absolute",
                               right: "14px",
@@ -3270,7 +3270,7 @@ const Us = [
                       "button",
                       {
                         type: "submit",
-                        disabled: C,
+                        disabled: E,
                         style: {
                           padding: "12px",
                           background: a,
@@ -3279,14 +3279,14 @@ const Us = [
                           borderRadius: "10px",
                           fontSize: "14px",
                           fontWeight: 600,
-                          cursor: C ? "not-allowed" : "pointer",
-                          opacity: C ? 0.7 : 1,
+                          cursor: E ? "not-allowed" : "pointer",
+                          opacity: E ? 0.7 : 1,
                           display: "flex",
                           alignItems: "center",
                           justifyContent: "center",
                           gap: "8px"
                         },
-                        children: C ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+                        children: E ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
                           /* @__PURE__ */ n.jsx(
                             gs,
                             {
@@ -3367,29 +3367,29 @@ const Us = [
   onSuccess: p,
   onError: c
 }) => {
-  const { baseUrl: m, apiKey: R, appId: v } = Se(), [d, b] = P("login"), [g, $] = P(1), [_, O] = P(!1), [C, M] = P(!1), [y, A] = P(null), [w, D] = P(""), [K, U] = P(""), [Y, Q] = P({
+  const { baseUrl: m, apiKey: R, appId: v } = Se(), [d, b] = I("login"), [g, $] = I(1), [_, P] = I(!1), [E, L] = I(!1), [y, O] = I(null), [w, D] = I(""), [K, U] = I(""), [Y, Q] = I({
     email: "",
     otp: "",
     newPassword: "",
     appId: v
-  }), k = window.innerWidth < 768, Z = l ? "#ffffff" : "#111827", L = l ? "#a1a1aa" : "#6b7280", F = l ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.02)", T = l ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.1)", V = async (f) => {
-    f.preventDefault(), M(!0), A(null);
+  }), S = window.innerWidth < 768, Z = l ? "#ffffff" : "#111827", M = l ? "#a1a1aa" : "#6b7280", F = l ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.02)", T = l ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.1)", V = async (f) => {
+    f.preventDefault(), L(!0), O(null);
     try {
       const j = await Ds(
         { email: w, password: K, appId: v },
         { baseUrl: m, apiKey: R }
       );
-      A({ type: "success", text: `Welcome ${j.name}` }), p?.(j);
+      O({ type: "success", text: `Welcome ${j.name}` }), p?.(j);
     } catch (j) {
       const J = j.message || "Login failed";
-      A({ type: "error", text: J }), c?.(j);
+      O({ type: "error", text: J }), c?.(j);
     } finally {
-      M(!1);
+      L(!1);
     }
   }, x = (f) => {
     Q({ ...Y, [f.target.name]: f.target.value });
-  }, E = async (f) => {
-    f.preventDefault(), M(!0), A(null);
+  }, k = async (f) => {
+    f.preventDefault(), L(!0), O(null);
     try {
       const j = await W.post(
         `${m}/users/forgot-password`,
@@ -3399,38 +3399,38 @@ const Us = [
         },
         { headers: { "x-api-key": R } }
       );
-      j.data.success ? ($(2), A({ type: "success", text: "OTP sent to your email" })) : A({
+      j.data.success ? ($(2), O({ type: "success", text: "OTP sent to your email" })) : O({
         type: "error",
         text: j.data.message || "Failed to send OTP"
       });
     } catch (j) {
-      A({
+      O({
         type: "error",
         text: j.response?.data?.message || "Something went wrong"
       });
     } finally {
-      M(!1);
+      L(!1);
     }
   }, N = async (f) => {
-    f.preventDefault(), M(!0), A(null);
+    f.preventDefault(), L(!0), O(null);
     try {
       const j = await W.post(
         `${m}/users/reset-password`,
         Y,
         { headers: { "x-api-key": R } }
       );
-      j.data.success ? (A({ type: "success", text: "Password reset successfully!" }), $(1), Q({ email: "", otp: "", newPassword: "", appId: v }), b("login")) : A({ type: "error", text: j.data.message || "Reset failed" });
+      j.data.success ? (O({ type: "success", text: "Password reset successfully!" }), $(1), Q({ email: "", otp: "", newPassword: "", appId: v }), b("login")) : O({ type: "error", text: j.data.message || "Reset failed" });
     } catch (j) {
-      A({
+      O({
         type: "error",
         text: j.response?.data?.message || "Something went wrong"
       });
     } finally {
-      M(!1);
+      L(!1);
     }
   }, B = {
     width: "100%",
-    padding: k ? "10px 14px 10px 44px" : "10px 16px 10px 44px",
+    padding: S ? "10px 14px 10px 44px" : "10px 16px 10px 44px",
     backgroundColor: F,
     border: `1px solid ${T}`,
     borderRadius: "10px",
@@ -3451,15 +3451,15 @@ const Us = [
         "div",
         {
           style: {
-            minWidth: k ? "320px" : "380px",
-            maxWidth: k ? "340px" : "390px",
+            minWidth: S ? "320px" : "380px",
+            maxWidth: S ? "340px" : "390px",
             width: "100%",
             display: "flex",
             flexDirection: "column",
             borderRadius: "10px",
             fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
             backgroundColor: l ? "#000000" : "#ffffff",
-            padding: k ? "30px 24px" : "18px 28px"
+            padding: S ? "30px 24px" : "18px 28px"
           },
           children: [
             /* @__PURE__ */ n.jsxs(
@@ -3504,7 +3504,7 @@ const Us = [
                     {
                       style: {
                         fontSize: "14px",
-                        color: L
+                        color: M
                       },
                       children: d === "login" ? s : "Follow the steps to reset your password"
                     }
@@ -3545,7 +3545,7 @@ const Us = [
                                 left: "14px",
                                 top: "50%",
                                 transform: "translateY(-50%)",
-                                color: L
+                                color: M
                               }
                             }
                           ),
@@ -3591,7 +3591,7 @@ const Us = [
                                 left: "14px",
                                 top: "50%",
                                 transform: "translateY(-50%)",
-                                color: L
+                                color: M
                               }
                             }
                           ),
@@ -3610,7 +3610,7 @@ const Us = [
                             "button",
                             {
                               type: "button",
-                              onClick: () => O(!_),
+                              onClick: () => P(!_),
                               style: {
                                 position: "absolute",
                                 right: "14px",
@@ -3619,7 +3619,7 @@ const Us = [
                                 transform: "translateY(-50%)",
                                 background: "transparent",
                                 border: "none",
-                                color: L,
+                                color: M,
                                 cursor: "pointer"
                               },
                               children: _ ? /* @__PURE__ */ n.jsx(lt, { size: 20 }) : /* @__PURE__ */ n.jsx(ct, { size: 20 })
@@ -3672,7 +3672,7 @@ const Us = [
                     "button",
                     {
                       type: "submit",
-                      disabled: C,
+                      disabled: E,
                       style: {
                         padding: "12px",
                         background: a,
@@ -3682,7 +3682,7 @@ const Us = [
                         fontSize: "14px",
                         fontWeight: 600
                       },
-                      children: C ? "Signing In..." : "Sign In"
+                      children: E ? "Signing In..." : "Sign In"
                     }
                   )
                 ]
@@ -3691,7 +3691,7 @@ const Us = [
             d === "forgot" && /* @__PURE__ */ n.jsxs(
               "form",
               {
-                onSubmit: g === 1 ? E : N,
+                onSubmit: g === 1 ? k : N,
                 style: { display: "flex", flexDirection: "column", gap: "14px" },
                 children: [
                   g === 1 ? /* @__PURE__ */ n.jsxs(
@@ -3721,7 +3721,7 @@ const Us = [
                                 left: "14px",
                                 top: "50%",
                                 transform: "translateY(-50%)",
-                                color: L
+                                color: M
                               }
                             }
                           ),
@@ -3772,7 +3772,7 @@ const Us = [
                                   left: "14px",
                                   top: "50%",
                                   transform: "translateY(-50%)",
-                                  color: L
+                                  color: M
                                 }
                               }
                             ),
@@ -3823,7 +3823,7 @@ const Us = [
                                   left: "14px",
                                   top: "50%",
                                   transform: "translateY(-50%)",
-                                  color: L
+                                  color: M
                                 }
                               }
                             ),
@@ -3848,7 +3848,7 @@ const Us = [
                     "button",
                     {
                       type: "submit",
-                      disabled: C,
+                      disabled: E,
                       style: {
                         padding: "12px",
                         background: a,
@@ -3858,7 +3858,7 @@ const Us = [
                         borderRadius: "10px",
                         fontWeight: 600
                       },
-                      children: C ? "Please wait..." : g === 1 ? "Send Reset OTP" : "Reset Password"
+                      children: E ? "Please wait..." : g === 1 ? "Send Reset OTP" : "Reset Password"
                     }
                   ),
                   /* @__PURE__ */ n.jsx(
@@ -3872,7 +3872,7 @@ const Us = [
                         background: "none",
                         border: "none",
                         fontSize: "14px",
-                        color: L,
+                        color: M,
                         marginTop: "6px",
                         cursor: "pointer"
                       },
@@ -3909,7 +3909,7 @@ const Us = [
                 style: {
                   textAlign: "center",
                   fontSize: "12px",
-                  color: L,
+                  color: M,
                   marginTop: "16px",
                   padding: "0 4px"
                 },
@@ -3978,7 +3978,7 @@ const Us = [
   token: i,
   colors: a
 }) => {
-  const { baseUrl: l, apiKey: h, appId: p } = Se(), [c, m] = P(!1), [R, v] = P(""), [d, b] = P("warning"), [g, $] = P(!1);
+  const { baseUrl: l, apiKey: h, appId: p } = Se(), [c, m] = I(!1), [R, v] = I(""), [d, b] = I("warning"), [g, $] = I(!1);
   if (ie(() => {
     const y = () => {
       $(window.innerWidth < 640);
@@ -4002,9 +4002,9 @@ const Us = [
     } finally {
       m(!1);
     }
-  }, O = R.toLowerCase() === "delete my account", C = (y) => {
+  }, P = R.toLowerCase() === "delete my account", E = (y) => {
     y.target === y.currentTarget && d !== "processing" && d !== "success" && t();
-  }, M = () => {
+  }, L = () => {
     switch (d) {
       case "warning":
         return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
@@ -4116,7 +4116,7 @@ const Us = [
                       display: "flex",
                       alignItems: "flex-start"
                     },
-                    children: /* @__PURE__ */ n.jsx(At, { size: 24 })
+                    children: /* @__PURE__ */ n.jsx(zt, { size: 24 })
                   }
                 ),
                 /* @__PURE__ */ n.jsxs("div", { style: { flex: 1 }, children: [
@@ -4153,7 +4153,7 @@ const Us = [
                           icon: /* @__PURE__ */ n.jsx(dt, { size: 16 }),
                           text: "You will lose access to all services"
                         }
-                      ].map((y, A) => /* @__PURE__ */ n.jsxs(
+                      ].map((y, O) => /* @__PURE__ */ n.jsxs(
                         "div",
                         {
                           style: {
@@ -4168,7 +4168,7 @@ const Us = [
                             /* @__PURE__ */ n.jsx("span", { children: y.text })
                           ]
                         },
-                        A
+                        O
                       ))
                     }
                   )
@@ -4277,7 +4277,7 @@ const Us = [
                       color: "white",
                       flexShrink: 0
                     },
-                    children: /* @__PURE__ */ n.jsx(At, { size: 24 })
+                    children: /* @__PURE__ */ n.jsx(zt, { size: 24 })
                   }
                 ),
                 /* @__PURE__ */ n.jsx("div", { style: { flex: 1 }, children: /* @__PURE__ */ n.jsx(
@@ -4326,7 +4326,7 @@ const Us = [
                   width: "100%",
                   padding: "14px 16px",
                   borderRadius: "10px",
-                  border: `2px solid ${O ? a.success : a.error}`,
+                  border: `2px solid ${P ? a.success : a.error}`,
                   backgroundColor: "transparent",
                   color: a.textPrimary,
                   fontSize: "15px",
@@ -4343,7 +4343,7 @@ const Us = [
                 autoFocus: !0
               }
             ),
-            O && /* @__PURE__ */ n.jsxs(
+            P && /* @__PURE__ */ n.jsxs(
               "div",
               {
                 style: {
@@ -4405,7 +4405,7 @@ const Us = [
                   "button",
                   {
                     onClick: _,
-                    disabled: !O || c,
+                    disabled: !P || c,
                     style: {
                       padding: "10px 24px",
                       borderRadius: "10px",
@@ -4414,22 +4414,22 @@ const Us = [
                       color: "white",
                       fontSize: "14px",
                       fontWeight: 600,
-                      cursor: !O || c ? "not-allowed" : "pointer",
+                      cursor: !P || c ? "not-allowed" : "pointer",
                       flex: g ? "none" : 1,
                       minWidth: g ? "100%" : "140px",
-                      opacity: !O || c ? 0.6 : 1,
+                      opacity: !P || c ? 0.6 : 1,
                       display: "flex",
                       alignItems: "center",
                       justifyContent: "center",
                       gap: "8px",
                       transition: "all 0.2s ease",
-                      boxShadow: !O || c ? "none" : "0 4px 12px rgba(239, 68, 68, 0.4)"
+                      boxShadow: !P || c ? "none" : "0 4px 12px rgba(239, 68, 68, 0.4)"
                     },
                     onMouseOver: (y) => {
-                      O && !c && (y.currentTarget.style.transform = "translateY(-1px)", y.currentTarget.style.boxShadow = "0 6px 20px rgba(239, 68, 68, 0.5)");
+                      P && !c && (y.currentTarget.style.transform = "translateY(-1px)", y.currentTarget.style.boxShadow = "0 6px 20px rgba(239, 68, 68, 0.5)");
                     },
                     onMouseOut: (y) => {
-                      O && !c && (y.currentTarget.style.transform = "translateY(0)", y.currentTarget.style.boxShadow = "0 4px 12px rgba(239, 68, 68, 0.4)");
+                      P && !c && (y.currentTarget.style.transform = "translateY(0)", y.currentTarget.style.boxShadow = "0 4px 12px rgba(239, 68, 68, 0.4)");
                     },
                     children: [
                       /* @__PURE__ */ n.jsx(Ue, { size: 16 }),
@@ -4520,7 +4520,7 @@ const Us = [
                 { text: "Removing your data", active: !0 },
                 { text: "Closing active sessions", active: !1 },
                 { text: "Finalizing deletion", active: !1 }
-              ].map((y, A) => /* @__PURE__ */ n.jsxs(
+              ].map((y, O) => /* @__PURE__ */ n.jsxs(
                 "div",
                 {
                   style: {
@@ -4559,7 +4559,7 @@ const Us = [
                     )
                   ]
                 },
-                A
+                O
               ))
             }
           ) }),
@@ -4746,7 +4746,7 @@ const Us = [
         zIndex: 1e4,
         animation: "fadeIn 0.3s ease-out"
       },
-      onClick: C,
+      onClick: E,
       children: [
         /* @__PURE__ */ n.jsx(
           "div",
@@ -4762,7 +4762,7 @@ const Us = [
               animation: "scaleIn 0.3s ease-out"
             },
             className: "delete-modal-container",
-            children: M()
+            children: L()
           }
         ),
         /* @__PURE__ */ n.jsx("style", { children: `
@@ -4829,7 +4829,7 @@ const Us = [
   onUpdate: r,
   colors: s
 }) => {
-  const [o, i] = P(""), [a, l] = P(!1), [h, p] = P(!1), [c, m] = P({ isValid: !1, message: "", type: null });
+  const [o, i] = I(""), [a, l] = I(!1), [h, p] = I(!1), [c, m] = I({ isValid: !1, message: "", type: null });
   if (ie(() => {
     const d = () => {
       p(window.innerWidth < 640);
@@ -5282,31 +5282,31 @@ const Us = [
   userId: o,
   colors: i
 }) => {
-  const { baseUrl: a, apiKey: l, appId: h } = Se(), [p, c] = P({
+  const { baseUrl: a, apiKey: l, appId: h } = Se(), [p, c] = I({
     currentPassword: "",
     newPassword: "",
     confirmPassword: ""
-  }), [m, R] = P({}), [v, d] = P(!1), [b, g] = P({
+  }), [m, R] = I({}), [v, d] = I(!1), [b, g] = I({
     currentPassword: !1,
     newPassword: !1,
     confirmPassword: !1
-  }), [$, _] = P(!1);
-  if (zt.useEffect(() => {
+  }), [$, _] = I(!1);
+  if (At.useEffect(() => {
     const w = () => {
       _(window.innerWidth < 640);
     };
     return w(), window.addEventListener("resize", w), () => window.removeEventListener("resize", w);
   }, []), !e) return null;
-  const O = (w) => {
+  const P = (w) => {
     const { name: D, value: K } = w.target;
     c((U) => ({ ...U, [D]: K })), m[D] && R((U) => ({ ...U, [D]: "" }));
-  }, C = (w) => {
+  }, E = (w) => {
     g((D) => ({ ...D, [w]: !D[w] }));
-  }, M = () => {
+  }, L = () => {
     const w = {};
     return p.currentPassword || (w.currentPassword = "Current password is required"), p.newPassword ? p.newPassword.length < 6 && (w.newPassword = "Password must be at least 6 characters") : w.newPassword = "New password is required", p.newPassword !== p.confirmPassword && (w.confirmPassword = "Passwords do not match"), R(w), Object.keys(w).length === 0;
   }, y = async (w) => {
-    if (w.preventDefault(), !!M()) {
+    if (w.preventDefault(), !!L()) {
       d(!0);
       try {
         const { data: D } = await W.put(
@@ -5333,7 +5333,7 @@ const Us = [
         d(!1);
       }
     }
-  }, A = [
+  }, O = [
     {
       field: "currentPassword",
       label: "Current Password",
@@ -5466,7 +5466,7 @@ const Us = [
               }
             ),
             /* @__PURE__ */ n.jsxs("form", { onSubmit: y, children: [
-              A.map(({ field: w, label: D, icon: K }) => /* @__PURE__ */ n.jsxs(
+              O.map(({ field: w, label: D, icon: K }) => /* @__PURE__ */ n.jsxs(
                 "div",
                 {
                   style: {
@@ -5512,7 +5512,7 @@ const Us = [
                           name: w,
                           placeholder: `Enter ${D.toLowerCase()}`,
                           value: p[w],
-                          onChange: O,
+                          onChange: P,
                           style: {
                             width: "100%",
                             padding: "14px 48px 14px 44px",
@@ -5537,7 +5537,7 @@ const Us = [
                         "button",
                         {
                           type: "button",
-                          onClick: () => C(w),
+                          onClick: () => E(w),
                           style: {
                             position: "absolute",
                             right: "14px",
@@ -6010,26 +6010,26 @@ const Us = [
   onVerify: i,
   primaryColor: a = "#00C212"
 }) => {
-  const { baseUrl: l, apiKey: h, appId: p } = Se(), [c, m] = P(t), [R, v] = P(!0), [d, b] = P(!1), [g, $] = P(!1), [_, O] = P(!1), [C, M] = P(!1), [y, A] = P(!1), [w, D] = P(!1), [K, U] = P(!1), [Y, Q] = P(!1), [k, Z] = P(null), [L, F] = P(!1), [T, V] = P({
+  const { baseUrl: l, apiKey: h, appId: p } = Se(), [c, m] = I(t), [R, v] = I(!0), [d, b] = I(!1), [g, $] = I(!1), [_, P] = I(!1), [E, L] = I(!1), [y, O] = I(!1), [w, D] = I(!1), [K, U] = I(!1), [Y, Q] = I(!1), [S, Z] = I(null), [M, F] = I(!1), [T, V] = I({
     email: "",
     otp: "",
     appId: p
-  }), [x, E] = P(!1), [N, B] = P(!1), f = (S, H) => {
-    Z({ type: S, message: H }), setTimeout(() => Z(null), 3e3);
+  }), [x, k] = I(!1), [N, B] = I(!1), f = (C, H) => {
+    Z({ type: C, message: H }), setTimeout(() => Z(null), 3e3);
   }, j = () => {
     Q(!0);
-    const S = setTimeout(() => {
+    const C = setTimeout(() => {
       U(!1), Q(!1);
     }, 150);
-    return () => clearTimeout(S);
+    return () => clearTimeout(C);
   };
   ie(() => {
-    const S = (H) => {
+    const C = (H) => {
       const G = document.querySelector(".dropdown-container");
       G && !G.contains(H.target) && j();
     };
-    return K && document.addEventListener("mousedown", S), () => {
-      document.removeEventListener("mousedown", S);
+    return K && document.addEventListener("mousedown", C), () => {
+      document.removeEventListener("mousedown", C);
     };
   }, [K]);
   const J = async () => {
@@ -6039,21 +6039,21 @@ const Us = [
     }
     try {
       B(!0);
-      const S = await W.post(
+      const C = await W.post(
         `${l}/users/send-verify-otp/${c?.id}`,
         { email: T.email },
         {
           headers: { "x-api-key": h, "x-app-id": p }
         }
       );
-      S.data.success ? (f("success", S.data.message || "OTP sent to email!"), E(!0)) : f("error", S.data.message || "Failed to send OTP");
-    } catch (S) {
-      f("error", S.response?.data?.message || "Server error");
+      C.data.success ? (f("success", C.data.message || "OTP sent to email!"), k(!0)) : f("error", C.data.message || "Failed to send OTP");
+    } catch (C) {
+      f("error", C.response?.data?.message || "Server error");
     } finally {
       B(!1);
     }
-  }, ne = async (S) => {
-    if (S.preventDefault(), !T.email || !T.otp) {
+  }, ne = async (C) => {
+    if (C.preventDefault(), !T.email || !T.otp) {
       f("error", "Please fill in all fields");
       return;
     }
@@ -6071,7 +6071,7 @@ const Us = [
             JSON.stringify({ ...G, token: e })
           ), typeof i == "function" && i(G);
         }
-        V({ email: "", otp: "", appId: p }), E(!1), D(!1);
+        V({ email: "", otp: "", appId: p }), k(!1), D(!1);
       } else
         f("error", H.data.message || "Verification failed");
     } catch (H) {
@@ -6082,10 +6082,10 @@ const Us = [
     } finally {
       B(!1);
     }
-  }, X = async (S) => {
+  }, X = async (C) => {
     if (!c) return !1;
     try {
-      const H = { ...c, avatarUrl: S }, { data: G } = await W.put(
+      const H = { ...c, avatarUrl: C }, { data: G } = await W.put(
         `${l}/users/update/${c.id}`,
         H,
         { headers: { "x-api-key": h } }
@@ -6101,25 +6101,25 @@ const Us = [
     if (c) {
       $(!0);
       try {
-        const { data: S } = await W.put(
+        const { data: C } = await W.put(
           `${l}/users/update/${c.id}`,
           c,
           { headers: { "x-api-key": h } }
         );
-        S.success ? (m(S.user), b(!1), localStorage.setItem(
+        C.success ? (m(C.user), b(!1), localStorage.setItem(
           "userInfo",
-          JSON.stringify({ ...S.user, token: e })
-        ), f("success", "Profile updated successfully")) : f("error", S.message);
-      } catch (S) {
-        console.error(S), f("error", "Update failed");
+          JSON.stringify({ ...C.user, token: e })
+        ), f("success", "Profile updated successfully")) : f("error", C.message);
+      } catch (C) {
+        console.error(C), f("error", "Update failed");
       } finally {
         $(!1);
       }
     }
-  }, le = async (S) => {
+  }, le = async (C) => {
     try {
       const { data: H } = await W.get(
-        `${l}/users/check-user/${S}?appId=${p}`,
+        `${l}/users/check-user/${C}?appId=${p}`,
         { headers: { "x-api-key": h } }
       );
       (!H.success || !H.exists) && (console.warn("User not found, clearing session..."), localStorage.removeItem("userInfo"), m(null));
@@ -6141,12 +6141,12 @@ const Us = [
       }
     })();
   }, [t]), ie(() => {
-    c?.email && V((S) => ({ ...S, email: c.email }));
+    c?.email && V((C) => ({ ...C, email: c.email }));
   }, [c?.email]);
-  const me = (S, H) => {
-    let G = parseInt(S.replace("#", ""), 16), ue = (G >> 16) + H, Ve = (G >> 8 & 255) + H, Ye = (G & 255) + H;
+  const me = (C, H) => {
+    let G = parseInt(C.replace("#", ""), 16), ue = (G >> 16) + H, Ve = (G >> 8 & 255) + H, Ye = (G & 255) + H;
     return ue = Math.min(255, Math.max(0, ue)), Ve = Math.min(255, Math.max(0, Ve)), Ye = Math.min(255, Math.max(0, Ye)), `#${(Ye | Ve << 8 | ue << 16).toString(16).padStart(6, "0")}`;
-  }, I = r ? {
+  }, z = r ? {
     background: "#000000",
     surface: "#09090b",
     surfaceLight: "#27272a",
@@ -6185,7 +6185,7 @@ const Us = [
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          color: I.textPrimary,
+          color: z.textPrimary,
           fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, sans-serif"
         },
         children: /* @__PURE__ */ n.jsxs(
@@ -6203,12 +6203,12 @@ const Us = [
                 de,
                 {
                   size: 40,
-                  color: I.accent,
+                  color: z.accent,
                   style: { animation: "spin 1s linear infinite" },
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ n.jsx("p", { style: { color: I.textTertiary, margin: 0 }, children: "Loading your profile..." })
+              /* @__PURE__ */ n.jsx("p", { style: { color: z.textTertiary, margin: 0 }, children: "Loading your profile..." })
             ]
           }
         )
@@ -6224,7 +6224,7 @@ const Us = [
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          color: I.textPrimary,
+          color: z.textPrimary,
           fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, sans-serif"
         },
         children: /* @__PURE__ */ n.jsxs(
@@ -6238,8 +6238,8 @@ const Us = [
               textAlign: "center"
             },
             children: [
-              /* @__PURE__ */ n.jsx(ce, { size: 40, color: I.error, "aria-hidden": "true" }),
-              /* @__PURE__ */ n.jsx("p", { style: { color: I.textTertiary, margin: 0 }, children: "No profile found. Please log in again." })
+              /* @__PURE__ */ n.jsx(ce, { size: 40, color: z.error, "aria-hidden": "true" }),
+              /* @__PURE__ */ n.jsx("p", { style: { color: z.textTertiary, margin: 0 }, children: "No profile found. Please log in again." })
             ]
           }
         )
@@ -6283,13 +6283,13 @@ const Us = [
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
-        color: I.textPrimary,
+        color: z.textPrimary,
         fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, sans-serif",
         lineHeight: 1.5,
         minHeight: "80vh"
       },
       children: [
-        k && /* @__PURE__ */ n.jsxs(
+        S && /* @__PURE__ */ n.jsxs(
           "div",
           {
             style: {
@@ -6309,7 +6309,7 @@ const Us = [
               fontWeight: 500,
               maxWidth: "400px",
               animation: "slideIn 0.3s ease-out",
-              ...k.type === "success" ? {
+              ...S.type === "success" ? {
                 backgroundColor: r ? "rgba(16, 185, 129, 0.1)" : "rgba(16, 185, 129, 0.05)",
                 borderColor: r ? "rgba(16, 185, 129, 0.3)" : "rgba(16, 185, 129, 0.2)",
                 color: r ? "#34d399" : "#059669"
@@ -6322,8 +6322,8 @@ const Us = [
             role: "alert",
             "aria-live": "polite",
             children: [
-              k.type === "success" ? /* @__PURE__ */ n.jsx(xe, { size: 20, "aria-hidden": "true" }) : /* @__PURE__ */ n.jsx(ce, { size: 20, "aria-hidden": "true" }),
-              k.message
+              S.type === "success" ? /* @__PURE__ */ n.jsx(xe, { size: 20, "aria-hidden": "true" }) : /* @__PURE__ */ n.jsx(ce, { size: 20, "aria-hidden": "true" }),
+              S.message
             ]
           }
         ),
@@ -6369,7 +6369,7 @@ const Us = [
                           "section",
                           {
                             style: {
-                              backgroundColor: I.surface,
+                              backgroundColor: z.surface,
                               borderRadius: "16px",
                               position: "relative",
                               padding: "24px",
@@ -6423,7 +6423,7 @@ const Us = [
                                           borderRadius: "50%",
                                           objectFit: "cover",
                                           boxShadow: "0 10px 25px -5px rgba(0, 0, 0, 0.3)",
-                                          border: `3px solid ${I.border}`
+                                          border: `3px solid ${z.border}`
                                         },
                                         width: 128,
                                         height: 128,
@@ -6433,12 +6433,12 @@ const Us = [
                                     /* @__PURE__ */ n.jsx(
                                       "button",
                                       {
-                                        onClick: () => O(!0),
+                                        onClick: () => P(!0),
                                         style: {
                                           position: "absolute",
                                           bottom: "8px",
                                           right: "8px",
-                                          backgroundColor: I.accent,
+                                          backgroundColor: z.accent,
                                           color: "white",
                                           padding: "8px",
                                           borderRadius: "50%",
@@ -6465,7 +6465,7 @@ const Us = [
                                     fontSize: "24px",
                                     fontWeight: 600,
                                     margin: "0 0 4px 0",
-                                    color: I.textPrimary
+                                    color: z.textPrimary
                                   },
                                   children: c.name
                                 }
@@ -6474,7 +6474,7 @@ const Us = [
                                 "p",
                                 {
                                   style: {
-                                    color: I.textTertiary,
+                                    color: z.textTertiary,
                                     margin: "0 0 8px 0"
                                   },
                                   children: c.email
@@ -6485,7 +6485,7 @@ const Us = [
                                 {
                                   style: {
                                     backgroundColor: c.isVerified ? r ? "rgba(16, 185, 129, 0.1)" : "rgba(16, 185, 129, 0.05)" : r ? "rgba(245, 158, 11, 0.1)" : "rgba(245, 158, 11, 0.05)",
-                                    color: c.isVerified ? I.success : I.warning,
+                                    color: c.isVerified ? z.success : z.warning,
                                     border: `1px solid ${c.isVerified ? r ? "rgba(16, 185, 129, 0.3)" : "rgba(16, 185, 129, 0.2)" : r ? "rgba(245, 158, 11, 0.3)" : "rgba(245, 158, 11, 0.2)"}`,
                                     padding: "6px 12px",
                                     borderRadius: "20px",
@@ -6519,9 +6519,9 @@ const Us = [
                                 {
                                   onClick: () => b(!1),
                                   style: {
-                                    backgroundColor: I.surfaceLight,
-                                    border: `1px solid ${I.border}`,
-                                    color: I.textPrimary,
+                                    backgroundColor: z.surfaceLight,
+                                    border: `1px solid ${z.border}`,
+                                    color: z.textPrimary,
                                     padding: "10px 20px",
                                     borderRadius: "6px",
                                     borderStyle: "solid",
@@ -6549,7 +6549,7 @@ const Us = [
                                   onClick: se,
                                   disabled: g,
                                   style: {
-                                    background: `linear-gradient(to right, ${I.accent}, ${I.accentHover})`,
+                                    background: `linear-gradient(to right, ${z.accent}, ${z.accentHover})`,
                                     opacity: g ? 0.7 : 1,
                                     color: "white",
                                     padding: "10px 20px",
@@ -6586,7 +6586,7 @@ const Us = [
                                 {
                                   onClick: () => b(!0),
                                   style: {
-                                    background: `linear-gradient(to right, ${I.accent}, ${I.accentHover})`,
+                                    background: `linear-gradient(to right, ${z.accent}, ${z.accentHover})`,
                                     color: "white",
                                     padding: "10px 20px",
                                     borderRadius: "6px",
@@ -6609,13 +6609,50 @@ const Us = [
                                   ]
                                 }
                               ),
+                              !c.isVerified && /* @__PURE__ */ n.jsxs(
+                                "button",
+                                {
+                                  onClick: () => D(!0),
+                                  disabled: M,
+                                  style: {
+                                    background: "linear-gradient(to right, #fbbf24, #f59e0b)",
+                                    // amber gradient
+                                    color: "white",
+                                    padding: "10px 20px",
+                                    borderRadius: "6px",
+                                    border: "none",
+                                    cursor: M ? "not-allowed" : "pointer",
+                                    transition: "all 0.2s ease",
+                                    fontSize: "12px",
+                                    fontWeight: 500,
+                                    display: "flex",
+                                    alignItems: "center",
+                                    justifyContent: "center",
+                                    gap: "8px",
+                                    minHeight: "36px",
+                                    opacity: M ? 0.7 : 1,
+                                    flex: window.innerWidth < 1024 ? "1" : "auto"
+                                  },
+                                  children: [
+                                    M ? /* @__PURE__ */ n.jsx(
+                                      de,
+                                      {
+                                        size: 14,
+                                        style: { animation: "spin 1s linear infinite" },
+                                        "aria-hidden": "true"
+                                      }
+                                    ) : /* @__PURE__ */ n.jsx(cr, { size: 14, "aria-hidden": "true" }),
+                                    M ? "Sending..." : "Verify Email"
+                                  ]
+                                }
+                              ),
                               /* @__PURE__ */ n.jsxs("div", { style: { position: "relative" }, children: [
                                 /* @__PURE__ */ n.jsxs(
                                   "button",
                                   {
                                     style: {
-                                      backgroundColor: I.surfaceLight,
-                                      color: I.textPrimary,
+                                      backgroundColor: z.surfaceLight,
+                                      color: z.textPrimary,
                                       padding: "10px 20px",
                                       borderRadius: "6px",
                                       border: "none",
@@ -6646,15 +6683,12 @@ const Us = [
                                     style: {
                                       position: "absolute",
                                       bottom: "100%",
-                                      // 👈 appears above the button
                                       left: 0,
                                       right: 0,
-                                      backgroundColor: I.surface,
-                                      border: `1px solid ${I.border}`,
+                                      backgroundColor: z.surface,
+                                      border: `1px solid ${z.border}`,
                                       borderRadius: "12px 12px 0 0",
-                                      // 👈 more drawer-like (rounded top)
                                       boxShadow: "0 -8px 24px rgba(0, 0, 0, 0.25)",
-                                      // 👈 softer shadow
                                       zIndex: 200,
                                       marginBottom: "6px",
                                       overflow: "hidden",
@@ -6665,14 +6699,14 @@ const Us = [
                                         "button",
                                         {
                                           onClick: () => {
-                                            M(!0), j();
+                                            L(!0), j();
                                           },
                                           style: {
                                             width: "100%",
                                             padding: "14px 18px",
                                             backgroundColor: "transparent",
                                             border: "none",
-                                            color: I.textPrimary,
+                                            color: z.textPrimary,
                                             cursor: "pointer",
                                             transition: "all 0.2s ease",
                                             fontSize: "13px",
@@ -6682,54 +6716,14 @@ const Us = [
                                             gap: "8px",
                                             textAlign: "left"
                                           },
-                                          onMouseEnter: (S) => S.currentTarget.style.backgroundColor = I.surfaceLight,
-                                          onMouseLeave: (S) => S.currentTarget.style.backgroundColor = "transparent",
+                                          onMouseEnter: (C) => C.currentTarget.style.backgroundColor = z.surfaceLight,
+                                          onMouseLeave: (C) => C.currentTarget.style.backgroundColor = "transparent",
                                           children: [
                                             /* @__PURE__ */ n.jsx(lr, { size: 14, "aria-hidden": "true" }),
                                             "Change Password"
                                           ]
                                         }
                                       ),
-                                      !c.isVerified && /* @__PURE__ */ n.jsxs(
-                                        "button",
-                                        {
-                                          onClick: () => {
-                                            D(!0), j();
-                                          },
-                                          disabled: L,
-                                          style: {
-                                            width: "100%",
-                                            padding: "14px 18px",
-                                            backgroundColor: "transparent",
-                                            border: "none",
-                                            color: L ? I.textTertiary : I.warning,
-                                            cursor: L ? "not-allowed" : "pointer",
-                                            transition: "all 0.2s ease",
-                                            fontSize: "13px",
-                                            fontWeight: 500,
-                                            display: "flex",
-                                            alignItems: "center",
-                                            gap: "8px",
-                                            textAlign: "left",
-                                            opacity: L ? 0.6 : 1
-                                          },
-                                          onMouseEnter: (S) => {
-                                            L || (S.currentTarget.style.backgroundColor = I.surfaceLight);
-                                          },
-                                          onMouseLeave: (S) => S.currentTarget.style.backgroundColor = "transparent",
-                                          children: [
-                                            L ? /* @__PURE__ */ n.jsx(
-                                              de,
-                                              {
-                                                size: 14,
-                                                style: { animation: "spin 1s linear infinite" },
-                                                "aria-hidden": "true"
-                                              }
-                                            ) : /* @__PURE__ */ n.jsx(cr, { size: 14, "aria-hidden": "true" }),
-                                            L ? "Sending..." : "Verify Email"
-                                          ]
-                                        }
-                                      ),
                                       o && /* @__PURE__ */ n.jsxs(
                                         "button",
                                         {
@@ -6751,10 +6745,10 @@ const Us = [
                                             gap: "8px",
                                             textAlign: "left"
                                           },
-                                          onMouseEnter: (S) => {
-                                            S.currentTarget.style.backgroundColor = r ? "rgba(239, 68, 68, 0.1)" : "rgba(239, 68, 68, 0.05)";
+                                          onMouseEnter: (C) => {
+                                            C.currentTarget.style.backgroundColor = r ? "rgba(239, 68, 68, 0.1)" : "rgba(239, 68, 68, 0.05)";
                                           },
-                                          onMouseLeave: (S) => S.currentTarget.style.backgroundColor = "transparent",
+                                          onMouseLeave: (C) => C.currentTarget.style.backgroundColor = "transparent",
                                           children: [
                                             /* @__PURE__ */ n.jsx(dt, { size: 14, "aria-hidden": "true" }),
                                             "Logout"
@@ -6765,7 +6759,7 @@ const Us = [
                                         "button",
                                         {
                                           onClick: () => {
-                                            A(!0), j();
+                                            O(!0), j();
                                           },
                                           style: {
                                             width: "100%",
@@ -6782,10 +6776,10 @@ const Us = [
                                             gap: "8px",
                                             textAlign: "left"
                                           },
-                                          onMouseEnter: (S) => {
-                                            S.currentTarget.style.backgroundColor = r ? "rgba(239, 68, 68, 0.1)" : "rgba(239, 68, 68, 0.05)";
+                                          onMouseEnter: (C) => {
+                                            C.currentTarget.style.backgroundColor = r ? "rgba(239, 68, 68, 0.1)" : "rgba(239, 68, 68, 0.05)";
                                           },
-                                          onMouseLeave: (S) => S.currentTarget.style.backgroundColor = "transparent",
+                                          onMouseLeave: (C) => C.currentTarget.style.backgroundColor = "transparent",
                                           children: [
                                             /* @__PURE__ */ n.jsx(Ue, { size: 14, "aria-hidden": "true" }),
                                             "Delete Account"
@@ -6816,7 +6810,7 @@ const Us = [
                           "section",
                           {
                             style: {
-                              backgroundColor: I.surface,
+                              backgroundColor: z.surface,
                               borderRadius: "16px",
                               padding: "24px",
                               boxShadow: "0 1px 3px rgba(0, 0, 0, 0.1)"
@@ -6829,7 +6823,7 @@ const Us = [
                                     fontSize: "20px",
                                     fontWeight: 600,
                                     margin: "0 0 24px 0",
-                                    color: I.textSecondary,
+                                    color: z.textSecondary,
                                     display: "flex",
                                     alignItems: "center",
                                     gap: "8px"
@@ -6852,8 +6846,8 @@ const Us = [
                                       gap: "20px"
                                     }
                                   },
-                                  children: He.map((S) => {
-                                    const H = S.icon;
+                                  children: He.map((C) => {
+                                    const H = C.icon;
                                     return /* @__PURE__ */ n.jsxs(
                                       "div",
                                       {
@@ -6867,7 +6861,7 @@ const Us = [
                                             "label",
                                             {
                                               style: {
-                                                color: I.textTertiary,
+                                                color: z.textTertiary,
                                                 fontSize: "12px",
                                                 fontWeight: 500,
                                                 display: "flex",
@@ -6876,16 +6870,16 @@ const Us = [
                                               },
                                               children: [
                                                 /* @__PURE__ */ n.jsx(H, { size: 16, "aria-hidden": "true" }),
-                                                S.label
+                                                C.label
                                               ]
                                             }
                                           ),
                                           d ? /* @__PURE__ */ n.jsx(
                                             "input",
                                             {
-                                              type: S.type,
-                                              name: S.name,
-                                              value: c[S.name],
+                                              type: C.type,
+                                              name: C.name,
+                                              value: c[C.name],
                                               onChange: (G) => m(
                                                 (ue) => ue && { ...ue, [G.target.name]: G.target.value }
                                               ),
@@ -6894,7 +6888,7 @@ const Us = [
                                                 borderRadius: "8px",
                                                 border: `1px solid ${a}`,
                                                 backgroundColor: "transparent",
-                                                color: I.textPrimary,
+                                                color: z.textPrimary,
                                                 fontSize: "12px",
                                                 outline: "none",
                                                 transition: "border-color 0.2s ease",
@@ -6902,8 +6896,8 @@ const Us = [
                                                 width: "100%",
                                                 boxSizing: "border-box"
                                               },
-                                              placeholder: `Enter ${S.label.toLowerCase()}`,
-                                              "aria-label": S.label
+                                              placeholder: `Enter ${C.label.toLowerCase()}`,
+                                              "aria-label": C.label
                                             }
                                           ) : /* @__PURE__ */ n.jsx(
                                             "div",
@@ -6917,15 +6911,15 @@ const Us = [
                                                 display: "flex",
                                                 alignItems: "center",
                                                 boxSizing: "border-box",
-                                                color: I.textPrimary,
+                                                color: z.textPrimary,
                                                 backgroundColor: r ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.05)"
                                               },
-                                              children: S.value
+                                              children: C.value
                                             }
                                           )
                                         ]
                                       },
-                                      S.name
+                                      C.name
                                     );
                                   })
                                 }
@@ -6937,7 +6931,7 @@ const Us = [
                           "section",
                           {
                             style: {
-                              backgroundColor: I.surface,
+                              backgroundColor: z.surface,
                               borderRadius: "16px",
                               padding: "30px 24px",
                               boxShadow: "0 1px 3px rgba(0, 0, 0, 0.1)"
@@ -6950,7 +6944,7 @@ const Us = [
                                     fontSize: "20px",
                                     fontWeight: 600,
                                     margin: "0 0 24px 0",
-                                    color: I.textSecondary,
+                                    color: z.textSecondary,
                                     display: "flex",
                                     alignItems: "center",
                                     gap: "8px"
@@ -6987,7 +6981,7 @@ const Us = [
                                                 display: "flex",
                                                 alignItems: "center",
                                                 gap: "12px",
-                                                color: I.textSecondary
+                                                color: z.textSecondary
                                               },
                                               children: [
                                                 /* @__PURE__ */ n.jsx(ge, { size: 16, "aria-hidden": "true" }),
@@ -7008,11 +7002,11 @@ const Us = [
                                                 gap: "6px",
                                                 ...c.isVerified ? {
                                                   backgroundColor: r ? "rgba(16, 185, 129, 0.1)" : "rgba(16, 185, 129, 0.05)",
-                                                  color: I.success,
+                                                  color: z.success,
                                                   border: `1px solid ${r ? "rgba(16, 185, 129, 0.3)" : "rgba(16, 185, 129, 0.2)"}`
                                                 } : {
                                                   backgroundColor: r ? "rgba(245, 158, 11, 0.1)" : "rgba(245, 158, 11, 0.05)",
-                                                  color: I.warning,
+                                                  color: z.warning,
                                                   border: `1px solid ${r ? "rgba(245, 158, 11, 0.3)" : "rgba(245, 158, 11, 0.2)"}`
                                                 }
                                               },
@@ -7040,7 +7034,7 @@ const Us = [
                                           "p",
                                           {
                                             style: {
-                                              color: I.textTertiary,
+                                              color: z.textTertiary,
                                               fontSize: "12px",
                                               margin: 0
                                             },
@@ -7068,10 +7062,10 @@ const Us = [
           {
             isOpen: _,
             onClose: () => {
-              O(!1);
+              P(!1);
             },
             onUpdate: X,
-            colors: I
+            colors: z
           }
         ),
         /* @__PURE__ */ n.jsx(
@@ -7081,11 +7075,11 @@ const Us = [
             apiKey: h,
             appId: p,
             userId: c.id,
-            isOpen: C,
-            onClose: () => M(!1),
-            onSuccess: (S) => f("success", S),
-            onError: (S) => f("error", S),
-            colors: I
+            isOpen: E,
+            onClose: () => L(!1),
+            onSuccess: (C) => f("success", C),
+            onError: (C) => f("error", C),
+            colors: z
           }
         ),
         /* @__PURE__ */ n.jsx(
@@ -7097,10 +7091,10 @@ const Us = [
             userId: c.id,
             token: e,
             isOpen: y,
-            onClose: () => A(!1),
-            onSuccess: (S) => f("success", S),
-            onError: (S) => f("error", S),
-            colors: I
+            onClose: () => O(!1),
+            onSuccess: (C) => f("success", C),
+            onError: (C) => f("error", C),
+            colors: z
           }
         ),
         /* @__PURE__ */ n.jsx(
@@ -7108,7 +7102,7 @@ const Us = [
           {
             isOpen: w,
             onClose: () => {
-              D(!1), E(!1), V({ email: c?.email || "", otp: "", appId: p });
+              D(!1), k(!1), V({ email: c?.email || "", otp: "", appId: p });
             },
             onVerify: ne,
             onSendOTP: J,
@@ -7117,7 +7111,7 @@ const Us = [
             otpSent: x,
             verifying: N,
             user: c,
-            colors: I,
+            colors: z,
             darkMode: r
           }
         ),
@@ -7233,14 +7227,14 @@ const Us = [
   viewProfileLabel: v = "View Profile",
   logoutLabel: d = "Sign Out"
 }) => {
-  const { baseUrl: b, apiKey: g, appId: $ } = Se(), [_, O] = P(!1), [C, M] = P(null), [y, A] = P(!0), [w, D] = P(null), K = ut(null), U = ut(null), [Y, Q] = P(!1), [k, Z] = P(!1);
+  const { baseUrl: b, apiKey: g, appId: $ } = Se(), [_, P] = I(!1), [E, L] = I(null), [y, O] = I(!0), [w, D] = I(null), K = ut(null), U = ut(null), [Y, Q] = I(!1), [S, Z] = I(!1);
   ie(() => {
     const f = () => {
       Z(window.innerWidth < 768);
     };
     return f(), window.addEventListener("resize", f), () => window.removeEventListener("resize", f);
   }, []);
-  const L = async (f) => {
+  const M = async (f) => {
     try {
       if (!f)
         throw new Error("Invalid user ID");
@@ -7252,20 +7246,20 @@ const Us = [
           // 10 second timeout
         }
       );
-      (!j.success || !j.exists) && (console.warn("User not found, clearing session..."), localStorage.removeItem("userInfo"), M(null), D("Session expired"));
+      (!j.success || !j.exists) && (console.warn("User not found, clearing session..."), localStorage.removeItem("userInfo"), L(null), D("Session expired"));
     } catch (j) {
       console.error("User validation failed:", j);
       const J = j.response?.status === 404 ? "User not found" : j.code === "NETWORK_ERROR" ? "Network error" : "Validation failed";
-      D(J), j.response?.status === 404 && (localStorage.removeItem("userInfo"), M(null));
+      D(J), j.response?.status === 404 && (localStorage.removeItem("userInfo"), L(null));
     }
   };
   ie(() => {
     (async () => {
       try {
-        if (A(!0), D(null), o) {
+        if (O(!0), D(null), o) {
           if (!o.id || !o.name || !o.email)
             throw new Error("Invalid user data provided");
-          M(o), await L(o.id);
+          L(o), await M(o.id);
         } else {
           const j = localStorage.getItem("userInfo");
           if (j)
@@ -7273,7 +7267,7 @@ const Us = [
               const J = JSON.parse(j);
               if (!J.id || !J.name || !J.email)
                 throw new Error("Invalid stored user data");
-              M(J), await L(J.id);
+              L(J), await M(J.id);
             } catch (J) {
               console.error("Failed to parse stored user data:", J), localStorage.removeItem("userInfo"), D("Invalid user data");
             }
@@ -7281,24 +7275,24 @@ const Us = [
       } catch (j) {
         console.error("User initialization failed:", j), D(j.message || "Failed to load user");
       } finally {
-        A(!1);
+        O(!1);
       }
     })();
   }, [o]), ie(() => {
     const f = () => {
       if (_ && U.current) {
-        const j = U.current.getBoundingClientRect(), J = window.innerWidth, ne = window.innerHeight, X = 280, se = 300, le = J - j.right, me = j.left, I = ne - j.bottom, He = le >= X || le > me;
-        Q(He), I < se && j.top > se;
+        const j = U.current.getBoundingClientRect(), J = window.innerWidth, ne = window.innerHeight, X = 280, se = 300, le = J - j.right, me = j.left, z = ne - j.bottom, He = le >= X || le > me;
+        Q(He), z < se && j.top > se;
       }
     };
     return f(), window.addEventListener("resize", f), () => window.removeEventListener("resize", f);
   }, [_]), ie(() => {
     const f = (ne) => {
-      K.current && !K.current.contains(ne.target) && !U.current?.contains(ne.target) && O(!1);
+      K.current && !K.current.contains(ne.target) && !U.current?.contains(ne.target) && P(!1);
     }, j = (ne) => {
-      ne.key === "Escape" && O(!1);
+      ne.key === "Escape" && P(!1);
     }, J = () => {
-      _ && O(!1);
+      _ && P(!1);
     };
     return _ && (document.addEventListener("mousedown", f), document.addEventListener("keydown", j), window.addEventListener("scroll", J, { passive: !0 })), () => {
       document.removeEventListener("mousedown", f), document.removeEventListener("keydown", j), window.removeEventListener("scroll", J);
@@ -7336,19 +7330,19 @@ const Us = [
     avatarButton: {
       display: "flex",
       alignItems: "center",
-      gap: k ? "6px" : "8px",
-      padding: k ? "6px 10px 6px 6px" : "8px 12px 8px 8px",
+      gap: S ? "6px" : "8px",
+      padding: S ? "6px 10px 6px 6px" : "8px 12px 8px 8px",
       borderRadius: "24px",
       backgroundColor: F.surface,
       cursor: "pointer",
       transition: "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
-      minWidth: k ? "auto" : "140px",
-      maxWidth: k ? "200px" : "none",
+      minWidth: S ? "auto" : "140px",
+      maxWidth: S ? "200px" : "none",
       outline: "none"
     },
     avatarImage: {
-      width: k ? "28px" : "32px",
-      height: k ? "28px" : "32px",
+      width: S ? "28px" : "32px",
+      height: S ? "28px" : "32px",
       borderRadius: "50%",
       objectFit: "cover",
       border: `2px solid ${F.borderLight}`,
@@ -7363,23 +7357,23 @@ const Us = [
       overflow: "hidden"
     },
     userName: {
-      fontSize: k ? "13px" : "14px",
+      fontSize: S ? "13px" : "14px",
       fontWeight: 600,
       color: F.textPrimary,
       lineHeight: "1.2",
       whiteSpace: "nowrap",
       overflow: "hidden",
       textOverflow: "ellipsis",
-      maxWidth: k ? "80px" : "120px"
+      maxWidth: S ? "80px" : "120px"
     },
     userEmail: {
-      fontSize: k ? "11px" : "12px",
+      fontSize: S ? "11px" : "12px",
       color: F.textTertiary,
       lineHeight: "1.2",
       whiteSpace: "nowrap",
       overflow: "hidden",
       textOverflow: "ellipsis",
-      maxWidth: k ? "80px" : "120px"
+      maxWidth: S ? "80px" : "120px"
     },
     chevron: {
       transition: "transform 0.2s ease",
@@ -7408,7 +7402,7 @@ const Us = [
       overflow: "hidden"
     },
     dropdownSection: {
-      padding: k ? "10px 12px" : "0px 16px",
+      padding: S ? "10px 12px" : "0px 16px",
       "&:last-child": {
         borderBottom: "none"
       }
@@ -7416,12 +7410,12 @@ const Us = [
     userSection: {
       display: "flex",
       alignItems: "center",
-      gap: k ? "10px" : "12px",
-      padding: k ? "14px" : "16px"
+      gap: S ? "10px" : "12px",
+      padding: S ? "14px" : "16px"
     },
     dropdownAvatar: {
-      width: k ? "40px" : "48px",
-      height: k ? "40px" : "48px",
+      width: S ? "40px" : "48px",
+      height: S ? "40px" : "48px",
       borderRadius: "50%",
       objectFit: "cover",
       border: `2px solid ${F.borderLight}`,
@@ -7434,7 +7428,7 @@ const Us = [
       minWidth: 0
     },
     dropdownUserName: {
-      fontSize: k ? "15px" : "16px",
+      fontSize: S ? "15px" : "16px",
       fontWeight: 600,
       color: F.textPrimary,
       lineHeight: "1.2",
@@ -7443,7 +7437,7 @@ const Us = [
       textOverflow: "ellipsis"
     },
     dropdownUserEmail: {
-      fontSize: k ? "13px" : "14px",
+      fontSize: S ? "13px" : "14px",
       color: F.textSecondary,
       lineHeight: "1.2",
       overflow: "hidden",
@@ -7452,8 +7446,8 @@ const Us = [
     menuItem: {
       display: "flex",
       alignItems: "center",
-      gap: k ? "10px" : "12px",
-      padding: k ? "10px 12px" : "12px 16px",
+      gap: S ? "10px" : "12px",
+      padding: S ? "10px 12px" : "12px 16px",
       borderRadius: "8px",
       cursor: "pointer",
       transition: "all 0.15s ease",
@@ -7462,7 +7456,7 @@ const Us = [
       border: "none",
       background: "none",
       width: "100%",
-      fontSize: k ? "13px" : "14px",
+      fontSize: S ? "13px" : "14px",
       textAlign: "left",
       outline: "none"
     },
@@ -7470,38 +7464,38 @@ const Us = [
       flex: 1
     },
     icon: {
-      width: k ? "16px" : "18px",
-      height: k ? "16px" : "18px",
+      width: S ? "16px" : "18px",
+      height: S ? "16px" : "18px",
       color: F.textSecondary,
       flexShrink: 0
     },
     logoutButton: {
       display: "flex",
       alignItems: "center",
-      gap: k ? "10px" : "12px",
-      padding: k ? "10px 12px" : "12px 16px",
+      gap: S ? "10px" : "12px",
+      padding: S ? "10px 12px" : "12px 16px",
       borderRadius: "8px",
       cursor: "pointer",
       transition: "all 0.15s ease",
       background: "none",
       border: "none",
       width: "100%",
-      fontSize: k ? "13px" : "14px",
+      fontSize: S ? "13px" : "14px",
       color: F.error,
       textAlign: "left",
       outline: "none"
     },
     loadingText: {
-      padding: k ? "16px 12px" : "20px 16px",
+      padding: S ? "16px 12px" : "20px 16px",
       textAlign: "center",
       color: F.textSecondary,
-      fontSize: k ? "13px" : "14px"
+      fontSize: S ? "13px" : "14px"
     },
     errorState: {
-      padding: k ? "16px 12px" : "20px 16px",
+      padding: S ? "16px 12px" : "20px 16px",
       textAlign: "center",
       color: F.textSecondary,
-      fontSize: k ? "13px" : "14px",
+      fontSize: S ? "13px" : "14px",
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
@@ -7521,20 +7515,20 @@ const Us = [
       transition: "background-color 0.2s ease"
     }
   }, V = () => {
-    D(null), A(!0);
+    D(null), O(!0);
     const f = localStorage.getItem("userInfo");
     if (f)
       try {
         const j = JSON.parse(f);
-        M(j), L(j.id);
+        L(j), M(j.id);
       } catch {
         D("Invalid user data");
       }
-    A(!1);
+    O(!1);
   }, x = (f, j) => {
     (f.key === "Enter" || f.key === " ") && (f.preventDefault(), j());
-  }, E = () => a || C?.profileUrl, N = () => {
-    const f = E();
+  }, k = () => a || E?.profileUrl, N = () => {
+    const f = k();
     f && window.open(f, "_self", "noopener,noreferrer");
   }, B = () => {
     l && window.open(l, "_self", "noopener,noreferrer");
@@ -7552,21 +7546,21 @@ const Us = [
           "div",
           {
             ref: U,
-            onClick: () => O((f) => !f),
-            onKeyDown: (f) => x(f, () => O((j) => !j)),
+            onClick: () => P((f) => !f),
+            onKeyDown: (f) => x(f, () => P((j) => !j)),
             tabIndex: 0,
             role: "button",
             "aria-haspopup": "true",
             "aria-expanded": _,
             "aria-label": "Toggle user menu",
-            children: C?.avatarUrl ? /* @__PURE__ */ n.jsx(
+            children: E?.avatarUrl ? /* @__PURE__ */ n.jsx(
               "img",
               {
-                src: C.avatarUrl,
-                alt: `${C?.name || "User"}'s avatar`,
+                src: E.avatarUrl,
+                alt: `${E?.name || "User"}'s avatar`,
                 style: {
-                  width: k ? "34px" : "40px",
-                  height: k ? "34px" : "40px",
+                  width: S ? "34px" : "40px",
+                  height: S ? "34px" : "40px",
                   borderRadius: "50%",
                   objectFit: "cover",
                   border: `2px solid ${F.borderLight}`,
@@ -7576,7 +7570,7 @@ const Us = [
                 onError: (f) => {
                   const j = f.target;
                   j.onerror = null, j.src = `https://api.dicebear.com/9.x/initials/svg?seed=${encodeURIComponent(
-                    C?.name || "User"
+                    E?.name || "User"
                   )}`;
                 }
               }
@@ -7584,12 +7578,12 @@ const Us = [
               "img",
               {
                 src: `https://api.dicebear.com/9.x/initials/svg?seed=${encodeURIComponent(
-                  C?.name || "User"
+                  E?.name || "User"
                 )}`,
                 alt: "Default user avatar",
                 style: {
-                  width: k ? "34px" : "40px",
-                  height: k ? "34px" : "40px",
+                  width: S ? "34px" : "40px",
+                  height: S ? "34px" : "40px",
                   borderRadius: "50%",
                   objectFit: "cover",
                   border: `2px solid ${F.borderLight}`,
@@ -7604,8 +7598,8 @@ const Us = [
           {
             ref: U,
             style: T.avatarButton,
-            onClick: () => O((f) => !f),
-            onKeyDown: (f) => x(f, () => O((j) => !j)),
+            onClick: () => P((f) => !f),
+            onKeyDown: (f) => x(f, () => P((j) => !j)),
             tabIndex: 0,
             role: "button",
             "aria-haspopup": "true",
@@ -7621,11 +7615,11 @@ const Us = [
               f.currentTarget.style.outline = "none";
             },
             children: [
-              C?.avatarUrl ? /* @__PURE__ */ n.jsx(
+              E?.avatarUrl ? /* @__PURE__ */ n.jsx(
                 "img",
                 {
-                  src: C.avatarUrl,
-                  alt: `${C.name}'s avatar`,
+                  src: E.avatarUrl,
+                  alt: `${E.name}'s avatar`,
                   style: T.avatarImage,
                   loading: "lazy",
                   onError: (f) => {
@@ -7642,14 +7636,14 @@ const Us = [
                   loading: "lazy"
                 }
               ),
-              !k && /* @__PURE__ */ n.jsxs("div", { style: T.userInfo, children: [
-                /* @__PURE__ */ n.jsx("div", { style: T.userName, title: C?.name, children: C?.name || "Guest" }),
-                C?.email && /* @__PURE__ */ n.jsx("div", { style: T.userEmail, title: C.email, children: C.email })
+              !S && /* @__PURE__ */ n.jsxs("div", { style: T.userInfo, children: [
+                /* @__PURE__ */ n.jsx("div", { style: T.userName, title: E?.name, children: E?.name || "Guest" }),
+                E?.email && /* @__PURE__ */ n.jsx("div", { style: T.userEmail, title: E.email, children: E.email })
               ] }),
               /* @__PURE__ */ n.jsx(
                 Gn,
                 {
-                  size: k ? 14 : 16,
+                  size: S ? 14 : 16,
                   style: T.chevron,
                   "aria-hidden": "true"
                 }
@@ -7657,36 +7651,36 @@ const Us = [
             ]
           }
         ),
-        _ && /* @__PURE__ */ n.jsx("div", { style: T.dropdown, role: "menu", "aria-label": "User options", children: y ? /* @__PURE__ */ n.jsx("div", { style: T.loadingText, role: "status", "aria-live": "polite", children: "Loading user information..." }) : C ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+        _ && /* @__PURE__ */ n.jsx("div", { style: T.dropdown, role: "menu", "aria-label": "User options", children: y ? /* @__PURE__ */ n.jsx("div", { style: T.loadingText, role: "status", "aria-live": "polite", children: "Loading user information..." }) : E ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
           /* @__PURE__ */ n.jsxs("div", { style: T.userSection, children: [
-            C?.avatarUrl ? /* @__PURE__ */ n.jsx(
+            E?.avatarUrl ? /* @__PURE__ */ n.jsx(
               "img",
               {
-                src: C.avatarUrl,
-                alt: `${C.name}'s profile picture`,
+                src: E.avatarUrl,
+                alt: `${E.name}'s profile picture`,
                 style: T.dropdownAvatar,
                 loading: "lazy",
                 onError: (f) => {
                   const j = f.target;
-                  j.src = `https://api.dicebear.com/9.x/initials/svg?seed=${C.name}`;
+                  j.src = `https://api.dicebear.com/9.x/initials/svg?seed=${E.name}`;
                 }
               }
             ) : /* @__PURE__ */ n.jsx(
               "img",
               {
-                src: `https://api.dicebear.com/9.x/initials/svg?seed=${C.name}`,
-                alt: `${C.name}'s default avatar`,
+                src: `https://api.dicebear.com/9.x/initials/svg?seed=${E.name}`,
+                alt: `${E.name}'s default avatar`,
                 style: T.dropdownAvatar,
                 loading: "lazy"
               }
             ),
             /* @__PURE__ */ n.jsxs("div", { style: T.dropdownUserInfo, children: [
-              /* @__PURE__ */ n.jsx("div", { style: T.dropdownUserName, title: C.name, children: C.name }),
-              /* @__PURE__ */ n.jsx("div", { style: T.dropdownUserEmail, title: C.email, children: C.email })
+              /* @__PURE__ */ n.jsx("div", { style: T.dropdownUserName, title: E.name, children: E.name }),
+              /* @__PURE__ */ n.jsx("div", { style: T.dropdownUserEmail, title: E.email, children: E.email })
             ] })
           ] }),
           /* @__PURE__ */ n.jsxs("div", { style: T.dropdownSection, children: [
-            h && E() && /* @__PURE__ */ n.jsxs(
+            h && k() && /* @__PURE__ */ n.jsxs(
               "button",
               {
                 style: T.menuItem,
@@ -7726,10 +7720,10 @@ const Us = [
                 ]
               }
             ),
-            c && C.profileUrl && /* @__PURE__ */ n.jsxs(
+            c && E.profileUrl && /* @__PURE__ */ n.jsxs(
               "a",
               {
-                href: C.profileUrl,
+                href: E.profileUrl,
                 target: "_self",
                 rel: "noopener noreferrer",
                 style: T.menuItem,