@neuctra/authix 1.1.20 → 1.1.21

package/dist/neuctra-authix.es.js

@@ -1036,7 +1036,7 @@ const rr = (e) => {
         return;
       const $ = re.from(
         "getAllResponseHeaders" in m && m.getAllResponseHeaders()
-      ), M = {
+      ), F = {
         data: !l || l === "text" || l === "json" ? m.responseText : m.response,
         status: m.status,
         statusText: m.statusText,
@@ -1048,26 +1048,26 @@ const rr = (e) => {
         n(I), j();
       }, function(I) {
         s(I), j();
-      }, M), m = null;
+      }, F), m = null;
     }
     "onloadend" in m ? m.onloadend = _ : m.onreadystatechange = function() {
       !m || m.readyState !== 4 || m.status === 0 && !(m.responseURL && m.responseURL.indexOf("file:") === 0) || setTimeout(_);
     }, m.onabort = function() {
       m && (s(new L("Request aborted", L.ECONNABORTED, e, m)), m = null);
     }, m.onerror = function(C) {
-      const M = C && C.message ? C.message : "Network Error", g = new L(M, L.ERR_NETWORK, e, m);
+      const F = C && C.message ? C.message : "Network Error", g = new L(F, L.ERR_NETWORK, e, m);
       g.event = C || null, s(g), m = null;
     }, m.ontimeout = function() {
       let C = o.timeout ? "timeout of " + o.timeout + "ms exceeded" : "timeout exceeded";
-      const M = o.transitional || Gt;
+      const F = o.transitional || Gt;
       o.timeoutErrorMessage && (C = o.timeoutErrorMessage), s(new L(
         C,
-        M.clarifyTimeoutError ? L.ETIMEDOUT : L.ECONNABORTED,
+        F.clarifyTimeoutError ? L.ETIMEDOUT : L.ECONNABORTED,
         e,
         m
       )), m = null;
-    }, i === void 0 && a.setContentType(null), "setRequestHeader" in m && p.forEach(a.toJSON(), function(C, M) {
-      m.setRequestHeader(M, C);
+    }, i === void 0 && a.setContentType(null), "setRequestHeader" in m && p.forEach(a.toJSON(), function(C, F) {
+      m.setRequestHeader(F, C);
     }), p.isUndefined(o.withCredentials) || (m.withCredentials = !!o.withCredentials), l && l !== "json" && (m.responseType = o.responseType), c && ([y, d] = De(c, !0), m.addEventListener("progress", y)), x && m.upload && ([b, w] = De(x), m.upload.addEventListener("progress", b), m.upload.addEventListener("loadend", w)), (o.cancelToken || o.signal) && (u = ($) => {
       m && (s(!$ || $.type ? new je(null, e, m) : $), m.abort(), m = null);
     }, o.cancelToken && o.cancelToken.subscribe(u), o.signal && (o.signal.aborted ? u() : o.signal.addEventListener("abort", u)));
@@ -1224,17 +1224,17 @@ const rr = (e) => {
       signal: R,
       cancelToken: $,
       timeout: C,
-      onDownloadProgress: M,
+      onDownloadProgress: F,
       onUploadProgress: g,
       responseType: I,
       headers: v,
       withCredentials: U = "same-origin",
       fetchOptions: q
-    } = rr(d), F = t || fetch;
+    } = rr(d), M = t || fetch;
     I = I ? (I + "").toLowerCase() : "text";
-    let Y = Pn([R, $ && $.toAbortSignal()], C), Z = null;
-    const T = Y && Y.unsubscribe && (() => {
-      Y.unsubscribe();
+    let K = Pn([R, $ && $.toAbortSignal()], C), Z = null;
+    const T = K && K.unsubscribe && (() => {
+      K.unsubscribe();
     });
     let X;
     try {
@@ -1253,26 +1253,26 @@ const rr = (e) => {
         }
       }
       p.isString(U) || (U = U ? "include" : "omit");
-      const K = i && "credentials" in n.prototype, A = {
+      const V = i && "credentials" in n.prototype, z = {
         ...q,
-        signal: Y,
+        signal: K,
         method: m.toUpperCase(),
         headers: v.normalize().toJSON(),
         body: _,
         duplex: "half",
-        credentials: K ? U : void 0
+        credentials: V ? U : void 0
       };
-      Z = i && new n(j, A);
-      let P = await (i ? F(Z, q) : F(j, A));
+      Z = i && new n(j, z);
+      let P = await (i ? M(Z, q) : M(j, z));
       const ne = u && (I === "stream" || I === "response");
-      if (u && (M || ne && T)) {
+      if (u && (F || ne && T)) {
         const f = {};
         ["status", "statusText", "headers"].forEach((k) => {
           f[k] = P[k];
         });
-        const S = p.toFiniteNumber(P.headers.get("content-length")), [N, h] = M && jt(
+        const S = p.toFiniteNumber(P.headers.get("content-length")), [N, h] = F && jt(
           S,
-          De(vt(M), !0)
+          De(vt(F), !0)
         ) || [];
         P = new s(
           kt(P.body, Et, N, () => {
@@ -1293,13 +1293,13 @@ const rr = (e) => {
           request: Z
         });
       });
-    } catch (K) {
-      throw T && T(), K && K.name === "TypeError" && /Load failed|fetch/i.test(K.message) ? Object.assign(
+    } catch (V) {
+      throw T && T(), V && V.name === "TypeError" && /Load failed|fetch/i.test(V.message) ? Object.assign(
         new L("Network Error", L.ERR_NETWORK, d, Z),
         {
-          cause: K.cause || K
+          cause: V.cause || V
         }
-      ) : L.from(K, K && K.code, d, Z);
+      ) : L.from(V, V && V.code, d, Z);
     }
   };
 }, Nn = /* @__PURE__ */ new Map(), nr = (e) => {
@@ -2039,7 +2039,7 @@ function Bn() {
     function e(f) {
       if (f == null) return null;
       if (typeof f == "function")
-        return f.$$typeof === F ? null : f.displayName || f.name || null;
+        return f.$$typeof === M ? null : f.displayName || f.name || null;
       if (typeof f == "string") return f;
       switch (f) {
         case m:
@@ -2065,7 +2065,7 @@ function Bn() {
             return f.displayName || "Context";
           case $:
             return (f._context.displayName || "Context") + ".Consumer";
-          case M:
+          case F:
             var S = f.render;
             return f = f.displayName, f || (f = S.displayName || S.name || "", f = f !== "" ? "ForwardRef(" + f + ")" : "ForwardRef"), f;
           case v:
@@ -2111,7 +2111,7 @@ function Bn() {
       }
     }
     function o() {
-      var f = Y.A;
+      var f = K.A;
       return f === null ? null : f.getOwner();
     }
     function i() {
@@ -2126,7 +2126,7 @@ function Bn() {
     }
     function l(f, S) {
       function N() {
-        K || (K = !0, console.error(
+        V || (V = !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)",
           S
         ));
@@ -2138,11 +2138,11 @@ function Bn() {
     }
     function x() {
       var f = e(this.type);
-      return A[f] || (A[f] = !0, console.error(
+      return z[f] || (z[f] = !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."
       )), f = this.props.ref, f !== void 0 ? f : null;
     }
-    function c(f, S, N, h, k, z) {
+    function c(f, S, N, h, k, A) {
       var B = N.ref;
       return f = {
         $$typeof: d,
@@ -2172,10 +2172,10 @@ function Bn() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: z
+        value: A
       }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     }
-    function u(f, S, N, h, k, z) {
+    function u(f, S, N, h, k, A) {
       var B = S.children;
       if (B !== void 0)
         if (h)
@@ -2220,7 +2220,7 @@ React keys must be passed directly to JSX without using spread:
         N,
         o(),
         k,
-        z
+        A
       );
     }
     function b(f) {
@@ -2229,7 +2229,7 @@ React keys must be passed directly to JSX without using spread:
     function y(f) {
       return typeof f == "object" && f !== null && f.$$typeof === d;
     }
-    var w = Le, d = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), $ = Symbol.for("react.consumer"), C = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), I = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), U = Symbol.for("react.lazy"), q = Symbol.for("react.activity"), F = Symbol.for("react.client.reference"), Y = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Z = Object.prototype.hasOwnProperty, T = Array.isArray, X = console.createTask ? console.createTask : function() {
+    var w = Le, d = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), $ = Symbol.for("react.consumer"), C = Symbol.for("react.context"), F = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), I = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), U = Symbol.for("react.lazy"), q = Symbol.for("react.activity"), M = Symbol.for("react.client.reference"), K = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Z = Object.prototype.hasOwnProperty, T = Array.isArray, X = console.createTask ? console.createTask : function() {
       return null;
     };
     w = {
@@ -2237,12 +2237,12 @@ React keys must be passed directly to JSX without using spread:
         return f();
       }
     };
-    var K, A = {}, P = w.react_stack_bottom_frame.bind(
+    var V, z = {}, P = w.react_stack_bottom_frame.bind(
       w,
       i
     )(), ne = X(s(i)), J = {};
     Ee.Fragment = m, Ee.jsx = function(f, S, N) {
-      var h = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      var h = 1e4 > K.recentlyCreatedOwnerStacks++;
       return u(
         f,
         S,
@@ -2252,7 +2252,7 @@ React keys must be passed directly to JSX without using spread:
         h ? X(s(f)) : ne
       );
     }, Ee.jsxs = function(f, S, N) {
-      var h = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      var h = 1e4 > K.recentlyCreatedOwnerStacks++;
       return u(
         f,
         S,
@@ -2854,7 +2854,7 @@ const Ls = [
     password: "",
     role: c.length ? c[0] : "user",
     ...x && { avatarUrl: "" }
-  }, [R, $] = O(_), [C, M] = O(!1), [g, I] = O(!1), [v, U] = O(null), [q, F] = O({}), [Y, Z] = O(!1), T = l ? "#ffffff" : "#111827", X = l ? "#a1a1aa" : "#6b7280", K = l ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.02)", A = l ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.1)";
+  }, [R, $] = O(_), [C, F] = O(!1), [g, I] = O(!1), [v, U] = O(null), [q, M] = O({}), [K, Z] = O(!1), T = l ? "#ffffff" : "#111827", X = l ? "#a1a1aa" : "#6b7280", V = l ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.02)", z = l ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.1)";
   Le.useEffect(() => {
     if (typeof window < "u") {
       const S = () => Z(window.innerWidth < 768);
@@ -2863,10 +2863,10 @@ const Ls = [
   }, []);
   const P = (S) => {
     const { name: N, value: h } = S.target;
-    $((k) => ({ ...k, [N]: h })), q[N] && F((k) => ({ ...k, [N]: void 0 }));
+    $((k) => ({ ...k, [N]: h })), q[N] && M((k) => ({ ...k, [N]: void 0 }));
   }, ne = () => {
     const S = {};
-    return R.name.trim() || (S.name = "Name is required"), R.email.trim() ? /\S+@\S+\.\S+/.test(R.email) || (S.email = "Invalid email address") : S.email = "Email is required", R.password ? R.password.length < 6 && (S.password = "Password must be at least 6 characters") : S.password = "Password is required", F(S), Object.keys(S).length === 0;
+    return R.name.trim() || (S.name = "Name is required"), R.email.trim() ? /\S+@\S+\.\S+/.test(R.email) || (S.email = "Invalid email address") : S.email = "Email is required", R.password ? R.password.length < 6 && (S.password = "Password must be at least 6 characters") : S.password = "Password is required", M(S), Object.keys(S).length === 0;
   }, J = async (S) => {
     if (S.preventDefault(), !!ne()) {
       I(!0), U(null);
@@ -2885,9 +2885,9 @@ const Ls = [
     }
   }, f = {
     width: "100%",
-    padding: Y ? "10px 14px 10px 44px" : "10px 16px 10px 44px",
-    backgroundColor: K,
-    border: `1px solid ${A}`,
+    padding: K ? "10px 14px 10px 44px" : "10px 16px 10px 44px",
+    backgroundColor: V,
+    border: `1px solid ${z}`,
     borderRadius: "10px",
     color: T,
     fontSize: "15px",
@@ -2908,15 +2908,15 @@ const Ls = [
           "div",
           {
             style: {
-              minWidth: Y ? "320px" : "380px",
+              minWidth: K ? "320px" : "380px",
               width: "100%",
-              maxWidth: Y ? "340px" : "390px",
+              maxWidth: K ? "340px" : "390px",
               display: "flex",
               flexDirection: "column",
               borderRadius: "10px",
               fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
               backgroundColor: l ? "#000000" : "#ffffff",
-              padding: Y ? "30px 24px" : "20px 28px"
+              padding: K ? "30px 24px" : "20px 28px"
             },
             children: [
               /* @__PURE__ */ r.jsxs(
@@ -3034,8 +3034,8 @@ const Ls = [
                                 position: "relative",
                                 display: "flex",
                                 borderRadius: "10px",
-                                border: `1px solid ${A}`,
-                                backgroundColor: K,
+                                border: `1px solid ${z}`,
+                                backgroundColor: V,
                                 overflow: "hidden",
                                 cursor: "pointer",
                                 height: "42px"
@@ -3148,7 +3148,7 @@ const Ls = [
                             onChange: P,
                             style: {
                               ...f,
-                              borderColor: q.name ? "#ef4444" : A
+                              borderColor: q.name ? "#ef4444" : z
                             }
                           }
                         )
@@ -3203,7 +3203,7 @@ const Ls = [
                             onChange: P,
                             style: {
                               ...f,
-                              borderColor: q.email ? "#ef4444" : A
+                              borderColor: q.email ? "#ef4444" : z
                             }
                           }
                         )
@@ -3258,7 +3258,7 @@ const Ls = [
                             onChange: P,
                             style: {
                               ...f,
-                              borderColor: q.password ? "#ef4444" : A
+                              borderColor: q.password ? "#ef4444" : z
                             }
                           }
                         ),
@@ -3266,7 +3266,7 @@ const Ls = [
                           "button",
                           {
                             type: "button",
-                            onClick: () => M(!C),
+                            onClick: () => F(!C),
                             style: {
                               position: "absolute",
                               right: "14px",
@@ -3484,12 +3484,12 @@ const Ls = [
   onSuccess: c,
   onError: u
 }) => {
-  const { baseUrl: b, apiKey: y, appId: w } = ge(), [d, j] = O("login"), [m, _] = O(1), [R, $] = O(!1), [C, M] = O(!1), [g, I] = O(null), [v, U] = O(""), [q, F] = O(""), [Y, Z] = O({
+  const { baseUrl: b, apiKey: y, appId: w } = ge(), [d, j] = O("login"), [m, _] = O(1), [R, $] = O(!1), [C, F] = O(!1), [g, I] = O(null), [v, U] = O(""), [q, M] = O(""), [K, Z] = O({
     email: "",
     otp: "",
     newPassword: "",
     appId: w
-  }), [T, X] = O(!1), K = l ? "#ffffff" : "#111827", A = l ? "#a1a1aa" : "#6b7280", P = l ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.02)", ne = l ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.1)";
+  }), [T, X] = O(!1), V = l ? "#ffffff" : "#111827", z = l ? "#a1a1aa" : "#6b7280", P = l ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.02)", ne = l ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.1)";
   Le.useEffect(() => {
     if (typeof window < "u") {
       const k = () => X(window.innerWidth < 768);
@@ -3497,60 +3497,60 @@ const Ls = [
     }
   }, []);
   const J = async (k) => {
-    k.preventDefault(), M(!0), I(null);
+    k.preventDefault(), F(!0), I(null);
     try {
-      const z = await Fs(
+      const A = await Fs(
         { email: v, password: q, appId: w },
         { baseUrl: b, apiKey: y }
       );
-      I({ type: "success", text: `Welcome ${z.name}` }), c?.(z);
-    } catch (z) {
-      const B = z.message || "Login failed";
-      I({ type: "error", text: B }), u?.(z);
+      I({ type: "success", text: `Welcome ${A.name}` }), c?.(A);
+    } catch (A) {
+      const B = A.message || "Login failed";
+      I({ type: "error", text: B }), u?.(A);
     } finally {
-      M(!1);
+      F(!1);
     }
   }, f = (k) => {
-    Z({ ...Y, [k.target.name]: k.target.value });
+    Z({ ...K, [k.target.name]: k.target.value });
   }, S = async (k) => {
-    k.preventDefault(), M(!0), I(null);
+    k.preventDefault(), F(!0), I(null);
     try {
-      const z = await W.post(
+      const A = await W.post(
         `${b}/users/forgot-password`,
         {
-          email: Y.email,
+          email: K.email,
           appId: w
         },
         { headers: { "x-api-key": y } }
       );
-      z.data.success ? (_(2), I({ type: "success", text: "OTP sent to your email" })) : I({
+      A.data.success ? (_(2), I({ type: "success", text: "OTP sent to your email" })) : I({
         type: "error",
-        text: z.data.message || "Failed to send OTP"
+        text: A.data.message || "Failed to send OTP"
       });
-    } catch (z) {
+    } catch (A) {
       I({
         type: "error",
-        text: z.response?.data?.message || "Something went wrong"
+        text: A.response?.data?.message || "Something went wrong"
       });
     } finally {
-      M(!1);
+      F(!1);
     }
   }, N = async (k) => {
-    k.preventDefault(), M(!0), I(null);
+    k.preventDefault(), F(!0), I(null);
     try {
-      const z = await W.post(
+      const A = await W.post(
         `${b}/users/reset-password`,
-        Y,
+        K,
         { headers: { "x-api-key": y } }
       );
-      z.data.success ? (I({ type: "success", text: "Password reset successfully!" }), _(1), Z({ email: "", otp: "", newPassword: "", appId: w }), j("login")) : I({ type: "error", text: z.data.message || "Reset failed" });
-    } catch (z) {
+      A.data.success ? (I({ type: "success", text: "Password reset successfully!" }), _(1), Z({ email: "", otp: "", newPassword: "", appId: w }), j("login")) : I({ type: "error", text: A.data.message || "Reset failed" });
+    } catch (A) {
       I({
         type: "error",
-        text: z.response?.data?.message || "Something went wrong"
+        text: A.response?.data?.message || "Something went wrong"
       });
     } finally {
-      M(!1);
+      F(!1);
     }
   }, h = {
     width: "100%",
@@ -3558,7 +3558,7 @@ const Ls = [
     backgroundColor: P,
     border: `1px solid ${ne}`,
     borderRadius: "10px",
-    color: K,
+    color: V,
     fontSize: "15px",
     outline: "none",
     transition: "all 0.2s ease"
@@ -3625,7 +3625,7 @@ const Ls = [
                       style: {
                         fontSize: "24px",
                         fontWeight: 700,
-                        color: K,
+                        color: V,
                         margin: 0
                       },
                       children: d === "login" ? n : m === 1 ? "Forgot Password" : "Reset Password"
@@ -3636,7 +3636,7 @@ const Ls = [
                     {
                       style: {
                         fontSize: "14px",
-                        color: A
+                        color: z
                       },
                       children: d === "login" ? s : "Follow the steps to reset your password"
                     }
@@ -3677,7 +3677,7 @@ const Ls = [
                                 left: "14px",
                                 top: "50%",
                                 transform: "translateY(-50%)",
-                                color: A
+                                color: z
                               }
                             }
                           ),
@@ -3723,7 +3723,7 @@ const Ls = [
                                 left: "14px",
                                 top: "50%",
                                 transform: "translateY(-50%)",
-                                color: A
+                                color: z
                               }
                             }
                           ),
@@ -3734,7 +3734,7 @@ const Ls = [
                               type: R ? "text" : "password",
                               placeholder: "Enter your password",
                               value: q,
-                              onChange: (k) => F(k.target.value),
+                              onChange: (k) => M(k.target.value),
                               style: h
                             }
                           ),
@@ -3751,7 +3751,7 @@ const Ls = [
                                 transform: "translateY(-50%)",
                                 background: "transparent",
                                 border: "none",
-                                color: A,
+                                color: z,
                                 cursor: "pointer"
                               },
                               children: R ? /* @__PURE__ */ r.jsx(lt, { size: 20 }) : /* @__PURE__ */ r.jsx(ct, { size: 20 })
@@ -3853,7 +3853,7 @@ const Ls = [
                                 left: "14px",
                                 top: "50%",
                                 transform: "translateY(-50%)",
-                                color: A
+                                color: z
                               }
                             }
                           ),
@@ -3864,7 +3864,7 @@ const Ls = [
                               type: "email",
                               name: "email",
                               placeholder: "Enter your email",
-                              value: Y.email,
+                              value: K.email,
                               onChange: f,
                               style: h
                             }
@@ -3904,7 +3904,7 @@ const Ls = [
                                   left: "14px",
                                   top: "50%",
                                   transform: "translateY(-50%)",
-                                  color: A
+                                  color: z
                                 }
                               }
                             ),
@@ -3915,7 +3915,7 @@ const Ls = [
                                 type: "text",
                                 name: "otp",
                                 placeholder: "Enter OTP",
-                                value: Y.otp,
+                                value: K.otp,
                                 onChange: f,
                                 style: h
                               }
@@ -3955,7 +3955,7 @@ const Ls = [
                                   left: "14px",
                                   top: "50%",
                                   transform: "translateY(-50%)",
-                                  color: A
+                                  color: z
                                 }
                               }
                             ),
@@ -3966,7 +3966,7 @@ const Ls = [
                                 type: "password",
                                 name: "newPassword",
                                 placeholder: "Enter new password",
-                                value: Y.newPassword,
+                                value: K.newPassword,
                                 onChange: f,
                                 style: h
                               }
@@ -4004,7 +4004,7 @@ const Ls = [
                         background: "none",
                         border: "none",
                         fontSize: "14px",
-                        color: A,
+                        color: z,
                         marginTop: "6px",
                         cursor: "pointer"
                       },
@@ -4041,7 +4041,7 @@ const Ls = [
                 style: {
                   textAlign: "center",
                   fontSize: "12px",
-                  color: A,
+                  color: z,
                   marginTop: "16px",
                   padding: "0 4px"
                 },
@@ -4156,7 +4156,7 @@ const Ls = [
     }
   }, $ = y.toLowerCase() === "delete my account", C = (g) => {
     g.target === g.currentTarget && d !== "processing" && d !== "success" && t();
-  }, M = () => {
+  }, F = () => {
     switch (d) {
       case "warning":
         return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -4914,7 +4914,7 @@ const Ls = [
               animation: "scaleIn 0.3s ease-out"
             },
             className: "delete-modal-container",
-            children: M()
+            children: F()
           }
         ),
         /* @__PURE__ */ r.jsx("style", { children: `
@@ -5453,14 +5453,14 @@ const Ls = [
   }, []), !e) return null;
   const $ = (v) => {
     const { name: U, value: q } = v.target;
-    u((F) => ({ ...F, [U]: q })), b[U] && y((F) => ({ ...F, [U]: "" }));
+    u((M) => ({ ...M, [U]: q })), b[U] && y((M) => ({ ...M, [U]: "" }));
   }, C = (v) => {
     m((U) => ({ ...U, [v]: !U[v] }));
-  }, M = () => {
+  }, F = () => {
     const v = {};
     return c.currentPassword || (v.currentPassword = "Current password is required"), c.newPassword ? c.newPassword.length < 6 && (v.newPassword = "Password must be at least 6 characters") : v.newPassword = "New password is required", c.newPassword !== c.confirmPassword && (v.confirmPassword = "Passwords do not match"), y(v), Object.keys(v).length === 0;
   }, g = async (v) => {
-    if (v.preventDefault(), !!M()) {
+    if (v.preventDefault(), !!F()) {
       d(!0);
       try {
         const { data: U } = await W.put(
@@ -5679,11 +5679,11 @@ const Ls = [
                             transition: "all 0.2s ease",
                             boxSizing: "border-box"
                           },
-                          onFocus: (F) => {
-                            F.target.style.borderColor = i.accent, F.target.style.boxShadow = `0 0 0 3px ${i.accent}20`;
+                          onFocus: (M) => {
+                            M.target.style.borderColor = i.accent, M.target.style.boxShadow = `0 0 0 3px ${i.accent}20`;
                           },
-                          onBlur: (F) => {
-                            F.target.style.borderColor = b[v] ? i.error : i.border, F.target.style.boxShadow = "none";
+                          onBlur: (M) => {
+                            M.target.style.borderColor = b[v] ? i.error : i.border, M.target.style.boxShadow = "none";
                           }
                         }
                       ),
@@ -5709,11 +5709,11 @@ const Ls = [
                             alignItems: "center",
                             justifyContent: "center"
                           },
-                          onMouseOver: (F) => {
-                            F.currentTarget.style.backgroundColor = i.border, F.currentTarget.style.color = i.textPrimary;
+                          onMouseOver: (M) => {
+                            M.currentTarget.style.backgroundColor = i.border, M.currentTarget.style.color = i.textPrimary;
                           },
-                          onMouseOut: (F) => {
-                            F.currentTarget.style.backgroundColor = "transparent", F.currentTarget.style.color = i.textTertiary;
+                          onMouseOut: (M) => {
+                            M.currentTarget.style.backgroundColor = "transparent", M.currentTarget.style.color = i.textTertiary;
                           },
                           children: j[v] ? /* @__PURE__ */ r.jsx(lt, { size: 18 }) : /* @__PURE__ */ r.jsx(ct, { size: 18 })
                         }
@@ -6164,7 +6164,7 @@ const Ls = [
   onVerify: i,
   primaryColor: a = "#00C212"
 }) => {
-  const { baseUrl: l, apiKey: x, appId: c } = ge(), [u, b] = O(null), [y, w] = O(t), [d, j] = O(!0), [m, _] = O(!1), [R, $] = O(!1), [C, M] = O(!1), [g, I] = O(!1), [v, U] = O(!1), [q, F] = O(!1), [Y, Z] = O(!1), [T, X] = O(!1), [K, A] = O(null), [P, ne] = O(!1), [J, f] = O({
+  const { baseUrl: l, apiKey: x, appId: c } = ge(), [u, b] = O(null), [y, w] = O(t), [d, j] = O(!0), [m, _] = O(!1), [R, $] = O(!1), [C, F] = O(!1), [g, I] = O(!1), [v, U] = O(!1), [q, M] = O(!1), [K, Z] = O(!1), [T, X] = O(!1), [V, z] = O(null), [P, ne] = O(!1), [J, f] = O({
     email: "",
     otp: "",
     appId: c
@@ -6175,8 +6175,8 @@ const Ls = [
       return E(), window.addEventListener("resize", E), () => window.removeEventListener("resize", E);
     }
   }, []);
-  const z = (E, V) => {
-    A({ type: E, message: V }), setTimeout(() => A(null), 3e3);
+  const A = (E, Y) => {
+    z({ type: E, message: Y }), setTimeout(() => z(null), 3e3);
   }, B = () => {
     X(!0);
     const E = setTimeout(() => {
@@ -6185,17 +6185,17 @@ const Ls = [
     return () => clearTimeout(E);
   };
   ee(() => {
-    const E = (V) => {
+    const E = (Y) => {
       const G = document.querySelector(".dropdown-container");
-      G && !G.contains(V.target) && B();
+      G && !G.contains(Y.target) && B();
     };
-    return Y && document.addEventListener("mousedown", E), () => {
+    return K && document.addEventListener("mousedown", E), () => {
       document.removeEventListener("mousedown", E);
     };
-  }, [Y]);
+  }, [K]);
   const ae = async () => {
     if (!J.email || !/\S+@\S+\.\S+/.test(J.email)) {
-      z("error", "Please enter a valid email");
+      A("error", "Please enter a valid email");
       return;
     }
     try {
@@ -6207,38 +6207,38 @@ const Ls = [
           headers: { "x-api-key": x, "x-app-id": c }
         }
       );
-      E.data.success ? (z("success", E.data.message || "OTP sent to email!"), N(!0)) : z("error", E.data.message || "Failed to send OTP");
+      E.data.success ? (A("success", E.data.message || "OTP sent to email!"), N(!0)) : A("error", E.data.message || "Failed to send OTP");
     } catch (E) {
-      z("error", E.response?.data?.message || "Server error");
+      A("error", E.response?.data?.message || "Server error");
     } finally {
       k(!1);
     }
   }, de = async (E) => {
     if (E.preventDefault(), !J.email || !J.otp) {
-      z("error", "Please fill in all fields");
+      A("error", "Please fill in all fields");
       return;
     }
     try {
       k(!0);
-      const V = await W.post(
+      const Y = await W.post(
         `${l}/users/verify-email`,
         J
       );
-      if (V.data.success) {
-        if (z("success", V.data.message || "Email verified!"), y) {
+      if (Y.data.success) {
+        if (A("success", Y.data.message || "Email verified!"), y) {
           const G = { ...y, isVerified: !0 };
           w(G), localStorage.setItem(
             "userInfo",
             JSON.stringify({ ...G, token: e })
           ), typeof i == "function" && i(G);
         }
-        f({ email: "", otp: "", appId: c }), N(!1), F(!1);
+        f({ email: "", otp: "", appId: c }), N(!1), M(!1);
       } else
-        z("error", V.data.message || "Verification failed");
-    } catch (V) {
-      z(
+        A("error", Y.data.message || "Verification failed");
+    } catch (Y) {
+      A(
         "error",
-        V.response?.data?.message || "Something went wrong"
+        Y.response?.data?.message || "Something went wrong"
       );
     } finally {
       k(!1);
@@ -6246,17 +6246,17 @@ const Ls = [
   }, ve = async (E) => {
     if (!y) return !1;
     try {
-      const V = { ...y, avatarUrl: E }, { data: G } = await W.put(
+      const Y = { ...y, avatarUrl: E }, { data: G } = await W.put(
         `${l}/users/update/${y.id}`,
-        V,
+        Y,
         { headers: { "x-api-key": x } }
       );
-      return G.success ? (w(V), localStorage.setItem(
+      return G.success ? (w(Y), localStorage.setItem(
         "userInfo",
-        JSON.stringify({ ...V, token: e })
-      ), z("success", "Avatar updated successfully!"), !0) : (z("error", G.message || "Failed to update avatar"), !1);
-    } catch (V) {
-      return console.error("Avatar update error:", V), z("error", "Failed to update avatar"), !1;
+        JSON.stringify({ ...Y, token: e })
+      ), A("success", "Avatar updated successfully!"), !0) : (A("error", G.message || "Failed to update avatar"), !1);
+    } catch (Y) {
+      return console.error("Avatar update error:", Y), A("error", "Failed to update avatar"), !1;
     }
   }, He = async () => {
     if (y) {
@@ -6270,22 +6270,22 @@ const Ls = [
         E.success ? (w(E.user), _(!1), localStorage.setItem(
           "userInfo",
           JSON.stringify({ ...E.user, token: e })
-        ), z("success", "Profile updated successfully")) : z("error", E.message);
+        ), A("success", "Profile updated successfully")) : A("error", E.message);
       } catch (E) {
-        console.error(E), z("error", "Update failed");
+        console.error(E), A("error", "Update failed");
       } finally {
         $(!1);
       }
     }
   }, ft = async (E) => {
     try {
-      const { data: V } = await W.get(
+      const { data: Y } = await W.get(
         `${l}/users/check-user/${E}?appId=${c}`,
         { headers: { "x-api-key": x } }
       );
-      V?.success === !0 && V?.exists === !1 && (console.warn("❌ User does not exist on server. Clearing session..."), localStorage.removeItem("userInfo"), w(null));
-    } catch (V) {
-      console.error("⚠️ User validation request failed:", V);
+      Y?.success === !0 && Y?.exists === !1 && (console.warn("❌ User does not exist on server. Clearing session..."), localStorage.removeItem("userInfo"), w(null));
+    } catch (Y) {
+      console.error("⚠️ User validation request failed:", Y);
     }
   };
   ee(() => {
@@ -6293,9 +6293,9 @@ const Ls = [
       if (t)
         w(t), j(!1), ft(t.id);
       else {
-        const V = localStorage.getItem("userInfo");
-        if (V) {
-          const G = JSON.parse(V);
+        const Y = localStorage.getItem("userInfo");
+        if (Y) {
+          const G = JSON.parse(Y);
           w(G), j(!1), ft(G.id);
         } else
           j(!1);
@@ -6304,8 +6304,8 @@ const Ls = [
   }, [t]), ee(() => {
     y?.email && f((E) => ({ ...E, email: y.email }));
   }, [y?.email]);
-  const xt = (E, V) => {
-    let G = parseInt(E.replace("#", ""), 16), pe = (G >> 16) + V, Ve = (G >> 8 & 255) + V, Ye = (G & 255) + V;
+  const xt = (E, Y) => {
+    let G = parseInt(E.replace("#", ""), 16), pe = (G >> 16) + Y, Ve = (G >> 8 & 255) + Y, Ye = (G & 255) + Y;
     return pe = Math.min(255, Math.max(0, pe)), Ve = Math.min(255, Math.max(0, Ve)), Ye = Math.min(255, Math.max(0, Ye)), `#${(Ye | Ve << 8 | pe << 16).toString(16).padStart(6, "0")}`;
   }, D = n ? {
     background: "#000000",
@@ -6450,7 +6450,7 @@ const Ls = [
         minHeight: "80vh"
       },
       children: [
-        K && /* @__PURE__ */ r.jsxs(
+        V && /* @__PURE__ */ r.jsxs(
           "div",
           {
             style: {
@@ -6470,7 +6470,7 @@ const Ls = [
               fontWeight: 500,
               maxWidth: "400px",
               animation: "slideIn 0.3s ease-out",
-              ...K.type === "success" ? {
+              ...V.type === "success" ? {
                 backgroundColor: n ? "rgba(16, 185, 129, 0.1)" : "rgba(16, 185, 129, 0.05)",
                 borderColor: n ? "rgba(16, 185, 129, 0.3)" : "rgba(16, 185, 129, 0.2)",
                 color: n ? "#34d399" : "#059669"
@@ -6483,8 +6483,8 @@ const Ls = [
             role: "alert",
             "aria-live": "polite",
             children: [
-              K.type === "success" ? /* @__PURE__ */ r.jsx(ce, { size: 20, "aria-hidden": "true" }) : /* @__PURE__ */ r.jsx(le, { size: 20, "aria-hidden": "true" }),
-              K.message
+              V.type === "success" ? /* @__PURE__ */ r.jsx(ce, { size: 20, "aria-hidden": "true" }) : /* @__PURE__ */ r.jsx(le, { size: 20, "aria-hidden": "true" }),
+              V.message
             ]
           }
         ),
@@ -6594,7 +6594,7 @@ const Ls = [
                                     /* @__PURE__ */ r.jsx(
                                       "button",
                                       {
-                                        onClick: () => M(!0),
+                                        onClick: () => F(!0),
                                         style: {
                                           position: "absolute",
                                           bottom: "8px",
@@ -6773,7 +6773,7 @@ const Ls = [
                               !y.isVerified && /* @__PURE__ */ r.jsxs(
                                 "button",
                                 {
-                                  onClick: () => F(!0),
+                                  onClick: () => M(!0),
                                   disabled: P,
                                   style: {
                                     background: "linear-gradient(to right, #fbbf24, #f59e0b)",
@@ -6830,14 +6830,14 @@ const Ls = [
                                       width: "100%",
                                       boxSizing: "border-box"
                                     },
-                                    onClick: () => Z(!Y),
+                                    onClick: () => Z(!K),
                                     children: [
                                       /* @__PURE__ */ r.jsx(as, { size: 16, "aria-hidden": "true" }),
                                       "More Actions"
                                     ]
                                   }
                                 ),
-                                Y && /* @__PURE__ */ r.jsxs(
+                                K && /* @__PURE__ */ r.jsxs(
                                   "div",
                                   {
                                     className: `dropdown-container ${T ? "closing" : ""}`,
@@ -7008,7 +7008,7 @@ const Ls = [
                                     }
                                   },
                                   children: pr.map((E) => {
-                                    const V = E.icon;
+                                    const Y = E.icon;
                                     return /* @__PURE__ */ r.jsxs(
                                       "div",
                                       {
@@ -7030,7 +7030,7 @@ const Ls = [
                                                 gap: "8px"
                                               },
                                               children: [
-                                                /* @__PURE__ */ r.jsx(V, { size: 16, "aria-hidden": "true" }),
+                                                /* @__PURE__ */ r.jsx(Y, { size: 16, "aria-hidden": "true" }),
                                                 E.label
                                               ]
                                             }
@@ -7223,7 +7223,7 @@ const Ls = [
           {
             isOpen: C,
             onClose: () => {
-              M(!1);
+              F(!1);
             },
             onUpdate: ve,
             colors: D
@@ -7238,8 +7238,8 @@ const Ls = [
             userId: y.id,
             isOpen: g,
             onClose: () => I(!1),
-            onSuccess: (E) => z("success", E),
-            onError: (E) => z("error", E),
+            onSuccess: (E) => A("success", E),
+            onError: (E) => A("error", E),
             colors: D
           }
         ),
@@ -7253,8 +7253,8 @@ const Ls = [
             token: e,
             isOpen: v,
             onClose: () => U(!1),
-            onSuccess: (E) => z("success", E),
-            onError: (E) => z("error", E),
+            onSuccess: (E) => A("success", E),
+            onError: (E) => A("error", E),
             colors: D
           }
         ),
@@ -7263,7 +7263,7 @@ const Ls = [
           {
             isOpen: q,
             onClose: () => {
-              F(!1), N(!1), f({ email: y?.email || "", otp: "", appId: c });
+              M(!1), N(!1), f({ email: y?.email || "", otp: "", appId: c });
             },
             onVerify: de,
             onSendOTP: ae,
@@ -7388,23 +7388,15 @@ const Ls = [
   viewProfileLabel: w = "View Profile",
   logoutLabel: d = "Sign Out"
 }) => {
-  const { baseUrl: j, apiKey: m, appId: _ } = ge(), [R, $] = O(!1), [C, M] = O(null), [g, I] = O(!0), [v, U] = O(null), q = ht(null), F = ht(null), [Y, Z] = O(!1), [T, X] = O(!1), K = async (h) => {
+  const { baseUrl: j, apiKey: m, appId: _ } = ge(), [R, $] = O(!1), [C, F] = O(null), [g, I] = O(!0), [v, U] = O(null), q = ht(null), M = ht(null), [K, Z] = O(!1), [T, X] = O(!1), V = async (h) => {
     try {
-      if (!h)
-        throw new Error("Invalid user ID");
       const { data: k } = await W.get(
         `${j}/users/check-user/${h}?appId=${_}`,
-        {
-          headers: { "x-api-key": m },
-          timeout: 1e4
-          // 10 second timeout
-        }
+        { headers: { "x-api-key": m } }
       );
-      (!k.success || !k.exists) && (console.warn("User not found, clearing session..."), localStorage.removeItem("userInfo"), M(null), U("Session expired"));
+      k?.success === !0 && k?.exists === !1 && (console.warn("❌ User does not exist on server. Clearing session..."), localStorage.removeItem("userInfo"), F(null));
     } catch (k) {
-      console.error("User validation failed:", k);
-      const z = k.response?.status === 404 ? "User not found" : k.code === "NETWORK_ERROR" ? "Network error" : "Validation failed";
-      U(z), k.response?.status === 404 && (localStorage.removeItem("userInfo"), M(null));
+      console.error("⚠️ User validation request failed:", k);
     }
   };
   ee(() => {
@@ -7419,17 +7411,17 @@ const Ls = [
         if (I(!0), U(null), o) {
           if (!o.id || !o.name || !o.email)
             throw new Error("Invalid user data provided");
-          M(o), await K(o.id);
+          F(o), await V(o.id);
         } else if (typeof window < "u") {
           const k = localStorage.getItem("userInfo");
           if (k)
             try {
-              const z = JSON.parse(k);
-              if (!z.id || !z.name || !z.email)
+              const A = JSON.parse(k);
+              if (!A.id || !A.name || !A.email)
                 throw new Error("Invalid stored user data");
-              M(z), await K(z.id);
-            } catch (z) {
-              console.error("Failed to parse stored user data:", z), localStorage.removeItem("userInfo"), U("Invalid user data");
+              F(A), await V(A.id);
+            } catch (A) {
+              console.error("Failed to parse stored user data:", A), localStorage.removeItem("userInfo"), U("Invalid user data");
             }
         }
       } catch (k) {
@@ -7441,8 +7433,8 @@ const Ls = [
   }, [o]), ee(() => {
     if (typeof window > "u") return;
     const h = () => {
-      if (!R || !F.current) return;
-      const k = F.current.getBoundingClientRect(), z = window.innerWidth, B = window.innerHeight, ae = 280, de = z - k.right, ve = k.left;
+      if (!R || !M.current) return;
+      const k = M.current.getBoundingClientRect(), A = window.innerWidth, B = window.innerHeight, ae = 280, de = A - k.right, ve = k.left;
       B - k.bottom;
       const He = de >= ae || de > ve;
       Z(He);
@@ -7452,17 +7444,17 @@ const Ls = [
     if (typeof window > "u" || typeof document > "u")
       return;
     const h = (B) => {
-      q.current && !q.current.contains(B.target) && !F.current?.contains(B.target) && $(!1);
+      q.current && !q.current.contains(B.target) && !M.current?.contains(B.target) && $(!1);
     }, k = (B) => {
       B.key === "Escape" && $(!1);
-    }, z = () => {
+    }, A = () => {
       R && $(!1);
     };
-    return R && (document.addEventListener("mousedown", h), document.addEventListener("keydown", k), window.addEventListener("scroll", z)), () => {
-      document.removeEventListener("mousedown", h), document.removeEventListener("keydown", k), window.removeEventListener("scroll", z);
+    return R && (document.addEventListener("mousedown", h), document.addEventListener("keydown", k), window.addEventListener("scroll", A)), () => {
+      document.removeEventListener("mousedown", h), document.removeEventListener("keydown", k), window.removeEventListener("scroll", A);
     };
   }, [R]);
-  const A = e ? {
+  const z = e ? {
     surface: "#000000",
     surfaceElevated: "#000000",
     surfaceHover: "#262626",
@@ -7497,7 +7489,7 @@ const Ls = [
       gap: T ? "6px" : "8px",
       padding: T ? "6px 10px 6px 6px" : "8px 12px 8px 8px",
       borderRadius: "24px",
-      backgroundColor: A.surface,
+      backgroundColor: z.surface,
       cursor: "pointer",
       transition: "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
       minWidth: T ? "auto" : "140px",
@@ -7509,7 +7501,7 @@ const Ls = [
       height: T ? "28px" : "32px",
       borderRadius: "50%",
       objectFit: "cover",
-      border: `2px solid ${A.borderLight}`,
+      border: `2px solid ${z.borderLight}`,
       flexShrink: 0
     },
     userInfo: {
@@ -7523,7 +7515,7 @@ const Ls = [
     userName: {
       fontSize: T ? "13px" : "14px",
       fontWeight: 600,
-      color: A.textPrimary,
+      color: z.textPrimary,
       lineHeight: "1.2",
       whiteSpace: "nowrap",
       overflow: "hidden",
@@ -7532,7 +7524,7 @@ const Ls = [
     },
     userEmail: {
       fontSize: T ? "11px" : "12px",
-      color: A.textTertiary,
+      color: z.textTertiary,
       lineHeight: "1.2",
       whiteSpace: "nowrap",
       overflow: "hidden",
@@ -7542,16 +7534,16 @@ const Ls = [
     chevron: {
       transition: "transform 0.2s ease",
       transform: R ? "rotate(180deg)" : "rotate(0deg)",
-      color: A.textTertiary,
+      color: z.textTertiary,
       flexShrink: 0
     },
     dropdown: {
       position: "absolute",
       top: "100%",
       marginTop: "8px",
-      [Y ? "left" : "right"]: "0",
-      backgroundColor: A.surfaceElevated,
-      border: `1px solid ${A.border}`,
+      [K ? "left" : "right"]: "0",
+      backgroundColor: z.surfaceElevated,
+      border: `1px solid ${z.border}`,
       borderRadius: "12px",
       boxShadow: "0 20px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.1)",
       width: "min(280px, 90vw)",
@@ -7582,7 +7574,7 @@ const Ls = [
       height: T ? "40px" : "48px",
       borderRadius: "50%",
       objectFit: "cover",
-      border: `2px solid ${A.borderLight}`,
+      border: `2px solid ${z.borderLight}`,
       flexShrink: 0
     },
     dropdownUserInfo: {
@@ -7594,7 +7586,7 @@ const Ls = [
     dropdownUserName: {
       fontSize: T ? "15px" : "16px",
       fontWeight: 600,
-      color: A.textPrimary,
+      color: z.textPrimary,
       lineHeight: "1.2",
       marginBottom: "2px",
       overflow: "hidden",
@@ -7602,7 +7594,7 @@ const Ls = [
     },
     dropdownUserEmail: {
       fontSize: T ? "13px" : "14px",
-      color: A.textSecondary,
+      color: z.textSecondary,
       lineHeight: "1.2",
       overflow: "hidden",
       textOverflow: "ellipsis"
@@ -7615,7 +7607,7 @@ const Ls = [
       borderRadius: "8px",
       cursor: "pointer",
       transition: "all 0.15s ease",
-      color: A.textPrimary,
+      color: z.textPrimary,
       textDecoration: "none",
       border: "none",
       background: "none",
@@ -7630,7 +7622,7 @@ const Ls = [
     icon: {
       width: T ? "16px" : "18px",
       height: T ? "16px" : "18px",
-      color: A.textSecondary,
+      color: z.textSecondary,
       flexShrink: 0
     },
     logoutButton: {
@@ -7645,20 +7637,20 @@ const Ls = [
       border: "none",
       width: "100%",
       fontSize: T ? "13px" : "14px",
-      color: A.error,
+      color: z.error,
       textAlign: "left",
       outline: "none"
     },
     loadingText: {
       padding: T ? "16px 12px" : "20px 16px",
       textAlign: "center",
-      color: A.textSecondary,
+      color: z.textSecondary,
       fontSize: T ? "13px" : "14px"
     },
     errorState: {
       padding: T ? "16px 12px" : "20px 16px",
       textAlign: "center",
-      color: A.textSecondary,
+      color: z.textSecondary,
       fontSize: T ? "13px" : "14px",
       display: "flex",
       alignItems: "center",
@@ -7669,7 +7661,7 @@ const Ls = [
     retryButton: {
       marginTop: "8px",
       padding: "8px 16px",
-      backgroundColor: A.accent,
+      backgroundColor: z.accent,
       color: "#ffffff",
       border: "none",
       borderRadius: "6px",
@@ -7678,17 +7670,19 @@ const Ls = [
       fontWeight: 500,
       transition: "background-color 0.2s ease"
     }
-  }, ne = () => {
+  }, ne = async () => {
     U(null), I(!0);
-    const h = localStorage.getItem("userInfo");
-    if (h)
-      try {
+    try {
+      const h = localStorage.getItem("userInfo");
+      if (h) {
         const k = JSON.parse(h);
-        M(k), K(k.id);
-      } catch {
-        U("Invalid user data");
-      }
-    I(!1);
+        F(k), await V(k.id);
+      } else o && (F(o), await V(o.id));
+    } catch (h) {
+      console.error("Retry failed:", h), U("Invalid user data"), localStorage.removeItem("userInfo"), F(null);
+    } finally {
+      I(!1);
+    }
   }, J = (h, k) => {
     (h.key === "Enter" || h.key === " ") && (h.preventDefault(), k());
   }, f = () => a || C?.profileUrl, S = () => {
@@ -7709,7 +7703,7 @@ const Ls = [
         s === "classic" ? /* @__PURE__ */ r.jsx(
           "div",
           {
-            ref: F,
+            ref: M,
             onClick: () => $((h) => !h),
             onKeyDown: (h) => J(h, () => $((k) => !k)),
             tabIndex: 0,
@@ -7727,7 +7721,7 @@ const Ls = [
                   height: T ? "34px" : "40px",
                   borderRadius: "50%",
                   objectFit: "cover",
-                  border: `2px solid ${A.borderLight}`,
+                  border: `2px solid ${z.borderLight}`,
                   flexShrink: 0
                 },
                 loading: "lazy",
@@ -7750,7 +7744,7 @@ const Ls = [
                   height: T ? "34px" : "40px",
                   borderRadius: "50%",
                   objectFit: "cover",
-                  border: `2px solid ${A.borderLight}`,
+                  border: `2px solid ${z.borderLight}`,
                   flexShrink: 0
                 },
                 loading: "lazy"
@@ -7760,7 +7754,7 @@ const Ls = [
         ) : /* @__PURE__ */ r.jsxs(
           "div",
           {
-            ref: F,
+            ref: M,
             style: P.avatarButton,
             onClick: () => $((h) => !h),
             onKeyDown: (h) => J(h, () => $((k) => !k)),
@@ -7770,10 +7764,10 @@ const Ls = [
             "aria-expanded": R,
             "aria-label": "Toggle user menu",
             onMouseOver: (h) => {
-              h.currentTarget.style.backgroundColor = A.surfaceHover, h.currentTarget.style.boxShadow = "0 4px 12px rgba(0,0,0,0.15)";
+              h.currentTarget.style.backgroundColor = z.surfaceHover, h.currentTarget.style.boxShadow = "0 4px 12px rgba(0,0,0,0.15)";
             },
             onMouseOut: (h) => {
-              h.currentTarget.style.backgroundColor = A.surface, h.currentTarget.style.boxShadow = "none";
+              h.currentTarget.style.backgroundColor = z.surface, h.currentTarget.style.boxShadow = "none";
             },
             onBlur: (h) => {
               h.currentTarget.style.outline = "none";
@@ -7850,7 +7844,7 @@ const Ls = [
                 style: P.menuItem,
                 onClick: S,
                 onMouseOver: (h) => {
-                  h.currentTarget.style.backgroundColor = A.surfaceHover;
+                  h.currentTarget.style.backgroundColor = z.surfaceHover;
                 },
                 onMouseOut: (h) => {
                   h.currentTarget.style.backgroundColor = "transparent";
@@ -7870,7 +7864,7 @@ const Ls = [
                 style: P.menuItem,
                 onClick: N,
                 onMouseOver: (h) => {
-                  h.currentTarget.style.backgroundColor = A.surfaceHover;
+                  h.currentTarget.style.backgroundColor = z.surfaceHover;
                 },
                 onMouseOut: (h) => {
                   h.currentTarget.style.backgroundColor = "transparent";
@@ -7892,7 +7886,7 @@ const Ls = [
                 rel: "noopener noreferrer",
                 style: P.menuItem,
                 onMouseOver: (h) => {
-                  h.currentTarget.style.backgroundColor = A.surfaceHover;
+                  h.currentTarget.style.backgroundColor = z.surfaceHover;
                 },
                 onMouseOut: (h) => {
                   h.currentTarget.style.backgroundColor = "transparent";
@@ -7912,7 +7906,7 @@ const Ls = [
               style: P.logoutButton,
               onClick: n,
               onMouseOver: (h) => {
-                h.currentTarget.style.backgroundColor = A.surfaceHover;
+                h.currentTarget.style.backgroundColor = z.surfaceHover;
               },
               onMouseOut: (h) => {
                 h.currentTarget.style.backgroundColor = "transparent";
@@ -7924,7 +7918,7 @@ const Ls = [
                 /* @__PURE__ */ r.jsx(
                   ut,
                   {
-                    style: { ...P.icon, color: A.error },
+                    style: { ...P.icon, color: z.error },
                     "aria-hidden": "true"
                   }
                 ),
@@ -7949,10 +7943,10 @@ const Ls = [
               style: P.retryButton,
               onClick: ne,
               onMouseOver: (h) => {
-                h.currentTarget.style.backgroundColor = A.accentHover;
+                h.currentTarget.style.backgroundColor = z.accentHover;
               },
               onMouseOut: (h) => {
-                h.currentTarget.style.backgroundColor = A.accent;
+                h.currentTarget.style.backgroundColor = z.accent;
               },
               children: "Try Again"
             }
@@ -7972,8 +7966,8 @@ const Ls = [
     otp: "",
     appId: o
   }), [c, u] = O(!1), [b, y] = O(!1), [w, d] = O(null), j = (g, I) => {
-    let v = parseInt(g.replace("#", ""), 16), U = (v >> 16) + I, q = (v >> 8 & 255) + I, F = (v & 255) + I;
-    return U = Math.min(255, Math.max(0, U)), q = Math.min(255, Math.max(0, q)), F = Math.min(255, Math.max(0, F)), `#${(F | q << 8 | U << 16).toString(16).padStart(6, "0")}`;
+    let v = parseInt(g.replace("#", ""), 16), U = (v >> 16) + I, q = (v >> 8 & 255) + I, M = (v & 255) + I;
+    return U = Math.min(255, Math.max(0, U)), q = Math.min(255, Math.max(0, q)), M = Math.min(255, Math.max(0, M)), `#${(M | q << 8 | U << 16).toString(16).padStart(6, "0")}`;
   }, m = t ? {
     surface: "#09090b",
     surfaceLight: "#27272a",
@@ -8047,7 +8041,7 @@ const Ls = [
     color: m.textPrimary,
     fontSize: 14,
     outline: "none"
-  }, M = (g = !1) => ({
+  }, F = (g = !1) => ({
     flex: 1,
     padding: 12,
     borderRadius: 8,
@@ -8158,7 +8152,7 @@ const Ls = [
             )
           ] })
         ] }),
-        /* @__PURE__ */ r.jsx("div", { style: { display: "flex", gap: 12 }, children: c ? /* @__PURE__ */ r.jsxs("button", { type: "submit", disabled: b, style: M(b), children: [
+        /* @__PURE__ */ r.jsx("div", { style: { display: "flex", gap: 12 }, children: c ? /* @__PURE__ */ r.jsxs("button", { type: "submit", disabled: b, style: F(b), children: [
           b ? /* @__PURE__ */ r.jsx(se, { size: 16, className: "spinner" }) : /* @__PURE__ */ r.jsx(ce, { size: 16 }),
           b ? "Verifying..." : "Verify Email"
         ] }) : /* @__PURE__ */ r.jsxs(
@@ -8167,7 +8161,7 @@ const Ls = [
             type: "button",
             onClick: R,
             disabled: b,
-            style: M(b),
+            style: F(b),
             children: [
               b ? /* @__PURE__ */ r.jsx(se, { size: 16, className: "spinner" }) : /* @__PURE__ */ r.jsx(pt, { size: 16 }),
               b ? "Sending..." : "Send OTP"