@neuctra/authix 1.0.15 → 1.0.17

package/dist/neuctra-authix.es.js

@@ -1,4 +1,4 @@
-import At, { forwardRef as zt, createElement as Ge, useState as O, useEffect as ie, useRef as dt } from "react";
+import zt, { forwardRef as At, createElement as Ge, useState as O, useEffect as ie, useRef as dt } from "react";
 function _t(e, t) {
   return function() {
     return e.apply(t, arguments);
@@ -16,7 +16,7 @@ function ur(e) {
   let t;
   return typeof ArrayBuffer < "u" && ArrayBuffer.isView ? t = ArrayBuffer.isView(e) : t = e && e.buffer && $t(e.buffer), t;
 }
-const pr = Me("string"), te = Me("function"), Ut = Me("number"), Te = (e) => e !== null && typeof e == "object", fr = (e) => e === !0 || e === !1, ze = (e) => {
+const pr = Me("string"), te = Me("function"), Ut = Me("number"), Te = (e) => e !== null && typeof e == "object", fr = (e) => e === !0 || e === !1, Ae = (e) => {
   if (Le(e) !== "object")
     return !1;
   const t = st(e);
@@ -65,7 +65,7 @@ const pe = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typ
 function Ze() {
   const { caseless: e, skipUndefined: t } = Ft(this) && this || {}, r = {}, s = (o, i) => {
     const a = e && Dt(r, i) || i;
-    ze(r[a]) && ze(o) ? r[a] = Ze(r[a], o) : ze(o) ? r[a] = Ze({}, o) : we(o) ? r[a] = o.slice() : (!t || !ye(o)) && (r[a] = o);
+    Ae(r[a]) && Ae(o) ? r[a] = Ze(r[a], o) : Ae(o) ? r[a] = Ze({}, o) : we(o) ? r[a] = o.slice() : (!t || !ye(o)) && (r[a] = o);
   };
   for (let o = 0, i = arguments.length; o < i; o++)
     arguments[o] && Re(arguments[o], s);
@@ -91,7 +91,7 @@ const Tr = (e, t, r, { allOwnKeys: s } = {}) => (Re(t, (o, i) => {
   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;
-}, Ar = (e) => {
+}, zr = (e) => {
   if (!e) return null;
   if (we(e)) return e;
   let t = e.length;
@@ -100,7 +100,7 @@ const Tr = (e, t, r, { allOwnKeys: s } = {}) => (Re(t, (o, i) => {
   for (; t-- > 0; )
     r[t] = e[t];
   return r;
-}, zr = /* @__PURE__ */ ((e) => (t) => e && t instanceof e)(typeof Uint8Array < "u" && st(Uint8Array)), _r = (e, t) => {
+}, Ar = /* @__PURE__ */ ((e) => (t) => e && t instanceof e)(typeof Uint8Array < "u" && st(Uint8Array)), _r = (e, t) => {
   const s = (e && e[Fe]).call(e);
   let o;
   for (; (o = s.next()) && !o.done; ) {
@@ -187,7 +187,7 @@ const qr = (e) => {
   isNumber: Ut,
   isBoolean: fr,
   isObject: Te,
-  isPlainObject: ze,
+  isPlainObject: Ae,
   isEmptyObject: xr,
   isReadableStream: vr,
   isRequest: Sr,
@@ -201,7 +201,7 @@ const qr = (e) => {
   isFunction: te,
   isStream: br,
   isURLSearchParams: jr,
-  isTypedArray: zr,
+  isTypedArray: Ar,
   isFileList: yr,
   forEach: Re,
   merge: Ze,
@@ -213,7 +213,7 @@ const qr = (e) => {
   kindOf: Le,
   kindOfTest: oe,
   endsWith: Or,
-  toArray: Ar,
+  toArray: zr,
   forEachEntry: _r,
   matchAll: Nr,
   isHTMLForm: $r,
@@ -336,11 +336,11 @@ function Be(e, t, r) {
       if (p.endsWith(b, "{}"))
         b = s ? b : b.slice(0, -2), d = JSON.stringify(d);
       else if (p.isArray(d) && Xr(d) || (p.isFileList(d) || p.endsWith(b, "[]")) && (L = p.toArray(d)))
-        return b = qt(b), L.forEach(function(A, C) {
-          !(p.isUndefined(A) || A === null) && t.append(
+        return b = qt(b), L.forEach(function(z, k) {
+          !(p.isUndefined(z) || z === null) && t.append(
             // eslint-disable-next-line no-nested-ternary
-            a === !0 ? pt([b], C, i) : a === null ? b : b + "[]",
-            c(A)
+            a === !0 ? pt([b], k, i) : a === null ? b : b + "[]",
+            c(z)
           );
         }), !1;
     }
@@ -1034,13 +1034,13 @@ const Zt = (e) => {
     function L() {
       if (!g)
         return;
-      const A = re.from(
+      const z = re.from(
         "getAllResponseHeaders" in g && g.getAllResponseHeaders()
       ), M = {
         data: !l || l === "text" || l === "json" ? g.responseText : g.response,
         status: g.status,
         statusText: g.statusText,
-        headers: A,
+        headers: z,
         config: e,
         request: g
       };
@@ -1054,22 +1054,22 @@ const Zt = (e) => {
       !g || g.readyState !== 4 || g.status === 0 && !(g.responseURL && g.responseURL.indexOf("file:") === 0) || setTimeout(L);
     }, g.onabort = function() {
       g && (s(new U("Request aborted", U.ECONNABORTED, e, g)), g = null);
-    }, g.onerror = function(C) {
-      const M = C && C.message ? C.message : "Network Error", m = new U(M, U.ERR_NETWORK, e, g);
-      m.event = C || null, s(m), g = null;
+    }, g.onerror = function(k) {
+      const M = k && k.message ? k.message : "Network Error", m = new U(M, U.ERR_NETWORK, e, g);
+      m.event = k || null, s(m), g = null;
     }, g.ontimeout = function() {
-      let C = o.timeout ? "timeout of " + o.timeout + "ms exceeded" : "timeout exceeded";
+      let k = o.timeout ? "timeout of " + o.timeout + "ms exceeded" : "timeout exceeded";
       const M = o.transitional || Yt;
-      o.timeoutErrorMessage && (C = o.timeoutErrorMessage), s(new U(
-        C,
+      o.timeoutErrorMessage && (k = o.timeoutErrorMessage), s(new U(
+        k,
         M.clarifyTimeoutError ? U.ETIMEDOUT : U.ECONNABORTED,
         e,
         g
       )), g = null;
-    }, i === void 0 && a.setContentType(null), "setRequestHeader" in g && p.forEach(a.toJSON(), function(C, M) {
-      g.setRequestHeader(M, C);
-    }), p.isUndefined(o.withCredentials) || (g.withCredentials = !!o.withCredentials), l && l !== "json" && (g.responseType = o.responseType), c && ([T, d] = De(c, !0), g.addEventListener("progress", T)), h && g.upload && ([y, S] = De(h), g.upload.addEventListener("progress", y), g.upload.addEventListener("loadend", S)), (o.cancelToken || o.signal) && (u = (A) => {
-      g && (s(!A || A.type ? new je(null, e, g) : A), g.abort(), g = null);
+    }, i === void 0 && a.setContentType(null), "setRequestHeader" in g && p.forEach(a.toJSON(), function(k, M) {
+      g.setRequestHeader(M, k);
+    }), p.isUndefined(o.withCredentials) || (g.withCredentials = !!o.withCredentials), l && l !== "json" && (g.responseType = o.responseType), c && ([T, d] = De(c, !0), g.addEventListener("progress", T)), h && g.upload && ([y, S] = De(h), g.upload.addEventListener("progress", y), g.upload.addEventListener("loadend", S)), (o.cancelToken || o.signal) && (u = (z) => {
+      g && (s(!z || z.type ? new je(null, e, g) : z), g.abort(), g = null);
     }, o.cancelToken && o.cancelToken.subscribe(u), o.signal && (o.signal.aborted ? u() : o.signal.addEventListener("abort", u)));
     const $ = yn(o.url);
     if ($ && ee.protocols.indexOf($) === -1) {
@@ -1170,7 +1170,7 @@ const Zt = (e) => {
   } catch {
     return !1;
   }
-}, An = (e) => {
+}, zn = (e) => {
   e = p.merge.call({
     skipUndefined: !0
   }, On, e);
@@ -1222,8 +1222,8 @@ const Zt = (e) => {
       method: g,
       data: L,
       signal: $,
-      cancelToken: A,
-      timeout: C,
+      cancelToken: z,
+      timeout: k,
       onDownloadProgress: M,
       onUploadProgress: m,
       responseType: N,
@@ -1232,28 +1232,28 @@ const Zt = (e) => {
       fetchOptions: K
     } = Zt(d), F = t || fetch;
     N = N ? (N + "").toLowerCase() : "text";
-    let V = Tn([$, A && A.toAbortSignal()], C), Z = null;
-    const k = V && V.unsubscribe && (() => {
+    let V = Tn([$, z && z.toAbortSignal()], k), Z = null;
+    const E = V && V.unsubscribe && (() => {
       V.unsubscribe();
     });
     let J;
     try {
       if (m && c && g !== "get" && g !== "head" && (J = await S(w, L)) !== 0) {
-        let E = new r(b, {
+        let C = new r(b, {
           method: "POST",
           body: L,
           duplex: "half"
         }), _;
-        if (p.isFormData(L) && (_ = E.headers.get("content-type")) && w.setContentType(_), E.body) {
+        if (p.isFormData(L) && (_ = C.headers.get("content-type")) && w.setContentType(_), C.body) {
           const [P, x] = gt(
             J,
             De(mt(m))
           );
-          L = bt(E.body, wt, P, x);
+          L = bt(C.body, wt, P, x);
         }
       }
       p.isString(D) || (D = D ? "include" : "omit");
-      const q = i && "credentials" in r.prototype, z = {
+      const q = i && "credentials" in r.prototype, A = {
         ...K,
         signal: V,
         method: g.toUpperCase(),
@@ -1262,13 +1262,13 @@ const Zt = (e) => {
         duplex: "half",
         credentials: q ? D : void 0
       };
-      Z = i && new r(b, z);
-      let R = await (i ? F(Z, K) : F(b, z));
+      Z = i && new r(b, A);
+      let R = await (i ? F(Z, K) : F(b, A));
       const Y = u && (N === "stream" || N === "response");
-      if (u && (M || Y && k)) {
-        const E = {};
+      if (u && (M || Y && E)) {
+        const C = {};
         ["status", "statusText", "headers"].forEach((j) => {
-          E[j] = R[j];
+          C[j] = R[j];
         });
         const _ = p.toFiniteNumber(R.headers.get("content-length")), [P, x] = M && gt(
           _,
@@ -1276,15 +1276,15 @@ const Zt = (e) => {
         ) || [];
         R = new s(
           bt(R.body, wt, P, () => {
-            x && x(), k && k();
+            x && x(), E && E();
           }),
-          E
+          C
         );
       }
       N = N || "text";
       let f = await y[p.findKey(y, N) || "text"](R, d);
-      return !Y && k && k(), await new Promise((E, _) => {
-        Xt(E, _, {
+      return !Y && E && E(), await new Promise((C, _) => {
+        Xt(C, _, {
           data: f,
           headers: re.from(R.headers),
           status: R.status,
@@ -1294,7 +1294,7 @@ const Zt = (e) => {
         });
       });
     } catch (q) {
-      throw k && k(), q && q.name === "TypeError" && /Load failed|fetch/i.test(q.message) ? Object.assign(
+      throw E && E(), q && q.name === "TypeError" && /Load failed|fetch/i.test(q.message) ? Object.assign(
         new U("Network Error", U.ERR_NETWORK, d, Z),
         {
           cause: q.cause || q
@@ -1302,16 +1302,16 @@ const Zt = (e) => {
       ) : U.from(q, q && q.code, d, Z);
     }
   };
-}, zn = /* @__PURE__ */ new Map(), Qt = (e) => {
+}, An = /* @__PURE__ */ new Map(), Qt = (e) => {
   let t = e ? e.env : {};
   const { fetch: r, Request: s, Response: o } = t, i = [
     s,
     o,
     r
   ];
-  let a = i.length, l = a, h, c, u = zn;
+  let a = i.length, l = a, h, c, u = An;
   for (; l--; )
-    h = i[l], c = u.get(h), c === void 0 && u.set(h, c = l ? /* @__PURE__ */ new Map() : An(t)), u = c;
+    h = i[l], c = u.get(h), c === void 0 && u.set(h, c = l ? /* @__PURE__ */ new Map() : zn(t)), u = c;
   return c;
 };
 Qt();
@@ -1773,36 +1773,47 @@ class co {
     });
   }
   /**
-   * Universal request helper with error handling
-   * @param method HTTP method (GET, POST, PUT, DELETE)
-   * @param path API endpoint path
-   * @param data optional request body
-   * @param extraHeaders optional headers
-   */
+  * 🌐 Universal request helper with structured responses and error handling
+  * @param method HTTP method (GET, POST, PUT, DELETE)
+  * @param path API endpoint path
+  * @param data optional request body
+  * @param extraHeaders optional headers
+  */
   async request(t, r, s, o = {}) {
-    if (!t) throw new Error("HTTP method is required");
-    if (!r) throw new Error("Request path is required");
+    if (!t) return { success: !1, message: "HTTP method is required" };
+    if (!r) return { success: !1, message: "Request path is required" };
     try {
       const i = {
         ...this.appId ? { appId: this.appId } : {},
         ...s || {}
       };
-      return (await this.client.request({
-        url: r,
-        method: t,
-        data: i,
-        headers: o
-      })).data;
+      return {
+        success: !0,
+        data: (await this.client.request({
+          url: r,
+          method: t,
+          data: i,
+          headers: o
+        })).data,
+        message: "✅ Request completed successfully"
+      };
     } catch (i) {
-      if (i.isAxiosError && !i.response)
-        throw new Error(`Network error: ${i.message}`);
+      if (console.error("❌ [Request Error]:", i), i.isAxiosError && !i.response)
+        return {
+          success: !1,
+          message: `🌐 Network error: ${i.message}`
+        };
       if (i.response) {
-        const a = i.response.status, l = i.response.data?.message || i.response.statusText;
-        throw new Error(`API Error (${a}): ${l}`);
+        const a = i.response.status, l = i.response.data?.message || i.response.statusText || "Server returned an error";
+        return {
+          success: !1,
+          message: `⚠️ Request failed (${a}): ${l}`
+        };
       }
-      throw new Error(
-        i.message || "Unknown error occurred during API request"
-      );
+      return {
+        success: !1,
+        message: `🚨 Unexpected error: ${i.message || "Something went wrong"}`
+      };
     }
   }
   // ================= USERS =================
@@ -1995,7 +2006,7 @@ class co {
     return this.request("DELETE", `/users/${r}/data/${s}`);
   }
 }
-var Ae = { exports: {} }, ke = {};
+var ze = { exports: {} }, ke = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -2065,19 +2076,19 @@ function Ln() {
         ), f.$$typeof) {
           case d:
             return "Portal";
-          case A:
+          case z:
             return (f.displayName || "Context") + ".Provider";
           case $:
             return (f._context.displayName || "Context") + ".Consumer";
-          case C:
-            var E = f.render;
-            return f = f.displayName, f || (f = E.displayName || E.name || "", f = f !== "" ? "ForwardRef(" + f + ")" : "ForwardRef"), f;
+          case k:
+            var C = f.render;
+            return f = f.displayName, f || (f = C.displayName || C.name || "", f = f !== "" ? "ForwardRef(" + f + ")" : "ForwardRef"), f;
           case N:
-            return E = f.displayName || null, E !== null ? E : e(f.type) || "Memo";
+            return C = f.displayName || null, C !== null ? C : e(f.type) || "Memo";
           case w:
-            E = f._payload, f = f._init;
+            C = f._payload, f = f._init;
             try {
-              return e(f(E));
+              return e(f(C));
             } catch {
             }
         }
@@ -2089,15 +2100,15 @@ function Ln() {
     function r(f) {
       try {
         t(f);
-        var E = !1;
+        var C = !1;
       } catch {
-        E = !0;
+        C = !0;
       }
-      if (E) {
-        E = console;
-        var _ = E.error, P = typeof Symbol == "function" && Symbol.toStringTag && f[Symbol.toStringTag] || f.constructor.name || "Object";
+      if (C) {
+        C = console;
+        var _ = C.error, P = typeof Symbol == "function" && Symbol.toStringTag && f[Symbol.toStringTag] || f.constructor.name || "Object";
         return _.call(
-          E,
+          C,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           P
         ), t(f);
@@ -2108,8 +2119,8 @@ function Ln() {
       if (typeof f == "object" && f !== null && f.$$typeof === w)
         return "<...>";
       try {
-        var E = e(f);
-        return E ? "<" + E + ">" : "<...>";
+        var C = e(f);
+        return C ? "<" + C + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -2123,16 +2134,16 @@ function Ln() {
     }
     function a(f) {
       if (V.call(f, "key")) {
-        var E = Object.getOwnPropertyDescriptor(f, "key").get;
-        if (E && E.isReactWarning) return !1;
+        var C = Object.getOwnPropertyDescriptor(f, "key").get;
+        if (C && C.isReactWarning) return !1;
       }
       return f.key !== void 0;
     }
-    function l(f, E) {
+    function l(f, C) {
       function _() {
         J || (J = !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
+          C
         ));
       }
       _.isReactWarning = !0, Object.defineProperty(f, "key", {
@@ -2146,11 +2157,11 @@ function Ln() {
         "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, E, _, P, x, j, X, ne) {
+    function c(f, C, _, P, x, j, X, ne) {
       return _ = j.ref, f = {
         $$typeof: S,
         type: f,
-        key: E,
+        key: C,
         props: j,
         _owner: x
       }, (_ !== void 0 ? _ : null) !== null ? Object.defineProperty(f, "ref", {
@@ -2178,8 +2189,8 @@ function Ln() {
         value: ne
       }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     }
-    function u(f, E, _, P, x, j, X, ne) {
-      var G = E.children;
+    function u(f, C, _, P, x, j, X, ne) {
+      var G = C.children;
       if (G !== void 0)
         if (P)
           if (Z(G)) {
@@ -2191,9 +2202,9 @@ function Ln() {
               "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 y(G);
-      if (V.call(E, "key")) {
+      if (V.call(C, "key")) {
         G = e(f);
-        var se = Object.keys(E).filter(function(I) {
+        var se = Object.keys(C).filter(function(I) {
           return I !== "key";
         });
         P = 0 < se.length ? "{key: someKey, " + se.join(": ..., ") + ": ...}" : "{key: someKey}", Y[G + P] || (se = 0 < se.length ? "{" + se.join(": ..., ") + ": ...}" : "{}", console.error(
@@ -2209,11 +2220,11 @@ React keys must be passed directly to JSX without using spread:
           G
         ), Y[G + P] = !0);
       }
-      if (G = null, _ !== void 0 && (r(_), G = "" + _), a(E) && (r(E.key), G = "" + E.key), "key" in E) {
+      if (G = null, _ !== void 0 && (r(_), G = "" + _), a(C) && (r(C.key), G = "" + C.key), "key" in C) {
         _ = {};
-        for (var le in E)
-          le !== "key" && (_[le] = E[le]);
-      } else _ = E;
+        for (var le in C)
+          le !== "key" && (_[le] = C[le]);
+      } else _ = C;
       return G && l(
         _,
         typeof f == "function" ? f.displayName || f.name || "Unknown" : f
@@ -2231,7 +2242,7 @@ React keys must be passed directly to JSX without using spread:
     function y(f) {
       typeof f == "object" && f !== null && f.$$typeof === S && f._store && (f._store.validated = 1);
     }
-    var T = At, S = Symbol.for("react.transitional.element"), d = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), L = Symbol.for("react.profiler"), $ = Symbol.for("react.consumer"), A = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), K = Symbol.for("react.client.reference"), F = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, Z = Array.isArray, k = console.createTask ? console.createTask : function() {
+    var T = zt, S = Symbol.for("react.transitional.element"), d = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), L = Symbol.for("react.profiler"), $ = Symbol.for("react.consumer"), z = Symbol.for("react.context"), k = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), K = Symbol.for("react.client.reference"), F = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, Z = Array.isArray, E = console.createTask ? console.createTask : function() {
       return null;
     };
     T = {
@@ -2239,40 +2250,40 @@ React keys must be passed directly to JSX without using spread:
         return f();
       }
     };
-    var J, q = {}, z = T.react_stack_bottom_frame.bind(
+    var J, q = {}, A = T.react_stack_bottom_frame.bind(
       T,
       i
-    )(), R = k(s(i)), Y = {};
-    Ee.Fragment = b, Ee.jsx = function(f, E, _, P, x) {
+    )(), R = E(s(i)), Y = {};
+    Ee.Fragment = b, Ee.jsx = function(f, C, _, P, x) {
       var j = 1e4 > F.recentlyCreatedOwnerStacks++;
       return u(
         f,
-        E,
+        C,
         _,
         !1,
         P,
         x,
-        j ? Error("react-stack-top-frame") : z,
-        j ? k(s(f)) : R
+        j ? Error("react-stack-top-frame") : A,
+        j ? E(s(f)) : R
       );
-    }, Ee.jsxs = function(f, E, _, P, x) {
+    }, Ee.jsxs = function(f, C, _, P, x) {
       var j = 1e4 > F.recentlyCreatedOwnerStacks++;
       return u(
         f,
-        E,
+        C,
         _,
         !0,
         P,
         x,
-        j ? Error("react-stack-top-frame") : z,
-        j ? k(s(f)) : R
+        j ? Error("react-stack-top-frame") : A,
+        j ? E(s(f)) : R
       );
     };
   })()), Ee;
 }
 var It;
 function Mn() {
-  return It || (It = 1, process.env.NODE_ENV === "production" ? Ae.exports = Fn() : Ae.exports = Ln()), Ae.exports;
+  return It || (It = 1, process.env.NODE_ENV === "production" ? ze.exports = Fn() : ze.exports = Ln()), ze.exports;
 }
 var n = Mn();
 const Bn = async (e, t) => {
@@ -2370,7 +2381,7 @@ var Vn = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Yn = zt(
+const Yn = At(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -2406,7 +2417,7 @@ const Yn = zt(
  * See the LICENSE file in the root directory of this source tree.
  */
 const W = (e, t) => {
-  const r = zt(
+  const r = At(
     ({ className: s, ...o }, i) => Ge(Yn, {
       ref: i,
       iconNode: t,
@@ -2785,7 +2796,7 @@ 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",
     {
@@ -2795,19 +2806,19 @@ const As = [
   ],
   ["path", { d: "M12 9v4", key: "juzpu7" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
-], Ot = W("triangle-alert", As);
+], Ot = W("triangle-alert", 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", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", key: "1yyitq" }],
   ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }],
   ["line", { x1: "17", x2: "22", y1: "8", y2: "13", key: "3nzzx3" }],
   ["line", { x1: "22", x2: "17", y1: "8", y2: "13", key: "1swrse" }]
-], _s = W("user-x", zs);
+], _s = W("user-x", As);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
@@ -2855,24 +2866,24 @@ const $s = [
     email: "",
     password: "",
     ...h && { avatarUrl: "" }
-  }, [g, L] = O(b), [$, A] = O(!1), [C, M] = O(!1), [m, N] = O(null), [w, D] = O({}), K = typeof window < "u" ? window.innerWidth < 768 : !1, F = l ? "#ffffff" : "#111827", V = l ? "#a1a1aa" : "#6b7280", Z = 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)", J = (Y) => {
-    const { name: f, value: E } = Y.target;
-    L((_) => ({ ..._, [f]: E })), w[f] && D((_) => ({ ..._, [f]: void 0 }));
+  }, [g, L] = O(b), [$, z] = O(!1), [k, M] = O(!1), [m, N] = O(null), [w, D] = O({}), K = typeof window < "u" ? window.innerWidth < 768 : !1, F = l ? "#ffffff" : "#111827", V = l ? "#a1a1aa" : "#6b7280", Z = l ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.02)", E = l ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.1)", J = (Y) => {
+    const { name: f, value: C } = Y.target;
+    L((_) => ({ ..._, [f]: C })), w[f] && D((_) => ({ ..._, [f]: void 0 }));
   }, q = () => {
     const Y = {};
     return g.name.trim() || (Y.name = "Name is required"), g.email.trim() ? /\S+@\S+\.\S+/.test(g.email) || (Y.email = "Invalid email address") : Y.email = "Email is required", g.password ? g.password.length < 6 && (Y.password = "Password must be at least 6 characters") : Y.password = "Password is required", D(Y), Object.keys(Y).length === 0;
-  }, z = async (Y) => {
+  }, A = async (Y) => {
     if (Y.preventDefault(), !!q()) {
       M(!0), N(null);
       try {
         const f = {
           ...g,
           appId: d
-        }, E = await Bn(f, { baseUrl: T, apiKey: S });
-        N({ type: "success", text: "Account created successfully!" }), u && u(E);
+        }, C = await Bn(f, { baseUrl: T, apiKey: S });
+        N({ type: "success", text: "Account created successfully!" }), u && u(C);
       } catch (f) {
-        const E = f.message || "Signup failed. Please try again.";
-        N({ type: "error", text: E }), y && y(f);
+        const C = f.message || "Signup failed. Please try again.";
+        N({ type: "error", text: C }), y && y(f);
       } finally {
         M(!1);
       }
@@ -2881,7 +2892,7 @@ const $s = [
     width: "100%",
     padding: K ? "10px 14px 10px 44px" : "10px 16px 10px 44px",
     backgroundColor: Z,
-    border: `1px solid ${k}`,
+    border: `1px solid ${E}`,
     borderRadius: "10px",
     color: F,
     fontSize: "15px",
@@ -2994,7 +3005,7 @@ const $s = [
               /* @__PURE__ */ n.jsxs(
                 "form",
                 {
-                  onSubmit: z,
+                  onSubmit: A,
                   style: { display: "flex", flexDirection: "column", gap: "14px" },
                   children: [
                     /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
@@ -3035,7 +3046,7 @@ const $s = [
                             onChange: J,
                             style: {
                               ...R,
-                              borderColor: w.name ? "#ef4444" : k
+                              borderColor: w.name ? "#ef4444" : E
                             }
                           }
                         )
@@ -3090,7 +3101,7 @@ const $s = [
                             onChange: J,
                             style: {
                               ...R,
-                              borderColor: w.email ? "#ef4444" : k
+                              borderColor: w.email ? "#ef4444" : E
                             }
                           }
                         )
@@ -3145,7 +3156,7 @@ const $s = [
                             onChange: J,
                             style: {
                               ...R,
-                              borderColor: w.password ? "#ef4444" : k
+                              borderColor: w.password ? "#ef4444" : E
                             }
                           }
                         ),
@@ -3153,7 +3164,7 @@ const $s = [
                           "button",
                           {
                             type: "button",
-                            onClick: () => A(!$),
+                            onClick: () => z(!$),
                             style: {
                               position: "absolute",
                               right: "14px",
@@ -3274,7 +3285,7 @@ const $s = [
                       "button",
                       {
                         type: "submit",
-                        disabled: C,
+                        disabled: k,
                         style: {
                           padding: "12px",
                           background: a,
@@ -3283,14 +3294,14 @@ const $s = [
                           borderRadius: "10px",
                           fontSize: "14px",
                           fontWeight: 600,
-                          cursor: C ? "not-allowed" : "pointer",
-                          opacity: C ? 0.7 : 1,
+                          cursor: k ? "not-allowed" : "pointer",
+                          opacity: k ? 0.7 : 1,
                           display: "flex",
                           alignItems: "center",
                           justifyContent: "center",
                           gap: "8px"
                         },
-                        children: C ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+                        children: k ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
                           /* @__PURE__ */ n.jsx(
                             hs,
                             {
@@ -3371,12 +3382,12 @@ const $s = [
   onSuccess: c,
   onError: u
 }) => {
-  const { baseUrl: y, apiKey: T, appId: S } = ve(), [d, b] = O("login"), [g, L] = O(1), [$, A] = O(!1), [C, M] = O(!1), [m, N] = O(null), [w, D] = O(""), [K, F] = O(""), [V, Z] = O({
+  const { baseUrl: y, apiKey: T, appId: S } = ve(), [d, b] = O("login"), [g, L] = O(1), [$, z] = O(!1), [k, M] = O(!1), [m, N] = O(null), [w, D] = O(""), [K, F] = O(""), [V, Z] = O({
     email: "",
     otp: "",
     newPassword: "",
     appId: S
-  }), k = window.innerWidth < 768, J = l ? "#ffffff" : "#111827", q = l ? "#a1a1aa" : "#6b7280", z = l ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.02)", R = l ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.1)", Y = async (x) => {
+  }), E = window.innerWidth < 768, J = l ? "#ffffff" : "#111827", q = l ? "#a1a1aa" : "#6b7280", A = l ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.02)", R = l ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.1)", Y = async (x) => {
     x.preventDefault(), M(!0), N(null);
     try {
       const j = await Us(
@@ -3392,7 +3403,7 @@ const $s = [
     }
   }, f = (x) => {
     Z({ ...V, [x.target.name]: x.target.value });
-  }, E = async (x) => {
+  }, C = async (x) => {
     x.preventDefault(), M(!0), N(null);
     try {
       const j = await B.post(
@@ -3434,8 +3445,8 @@ const $s = [
     }
   }, P = {
     width: "100%",
-    padding: k ? "10px 14px 10px 44px" : "10px 16px 10px 44px",
-    backgroundColor: z,
+    padding: E ? "10px 14px 10px 44px" : "10px 16px 10px 44px",
+    backgroundColor: A,
     border: `1px solid ${R}`,
     borderRadius: "10px",
     color: J,
@@ -3455,15 +3466,15 @@ const $s = [
         "div",
         {
           style: {
-            minWidth: k ? "320px" : "380px",
-            maxWidth: k ? "340px" : "390px",
+            minWidth: E ? "320px" : "380px",
+            maxWidth: E ? "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: E ? "30px 24px" : "18px 28px"
           },
           children: [
             /* @__PURE__ */ n.jsxs(
@@ -3614,7 +3625,7 @@ const $s = [
                             "button",
                             {
                               type: "button",
-                              onClick: () => A(!$),
+                              onClick: () => z(!$),
                               style: {
                                 position: "absolute",
                                 right: "14px",
@@ -3676,7 +3687,7 @@ const $s = [
                     "button",
                     {
                       type: "submit",
-                      disabled: C,
+                      disabled: k,
                       style: {
                         padding: "12px",
                         background: a,
@@ -3686,7 +3697,7 @@ const $s = [
                         fontSize: "14px",
                         fontWeight: 600
                       },
-                      children: C ? "Signing In..." : "Sign In"
+                      children: k ? "Signing In..." : "Sign In"
                     }
                   )
                 ]
@@ -3695,7 +3706,7 @@ const $s = [
             d === "forgot" && /* @__PURE__ */ n.jsxs(
               "form",
               {
-                onSubmit: g === 1 ? E : _,
+                onSubmit: g === 1 ? C : _,
                 style: { display: "flex", flexDirection: "column", gap: "14px" },
                 children: [
                   g === 1 ? /* @__PURE__ */ n.jsxs(
@@ -3852,7 +3863,7 @@ const $s = [
                     "button",
                     {
                       type: "submit",
-                      disabled: C,
+                      disabled: k,
                       style: {
                         padding: "12px",
                         background: a,
@@ -3862,7 +3873,7 @@ const $s = [
                         borderRadius: "10px",
                         fontWeight: 600
                       },
-                      children: C ? "Please wait..." : g === 1 ? "Send Reset OTP" : "Reset Password"
+                      children: k ? "Please wait..." : g === 1 ? "Send Reset OTP" : "Reset Password"
                     }
                   ),
                   /* @__PURE__ */ n.jsx(
@@ -4006,7 +4017,7 @@ const $s = [
     } finally {
       y(!1);
     }
-  }, A = T.toLowerCase() === "delete my account", C = (m) => {
+  }, z = T.toLowerCase() === "delete my account", k = (m) => {
     m.target === m.currentTarget && d !== "processing" && d !== "success" && t();
   }, M = () => {
     switch (d) {
@@ -4330,7 +4341,7 @@ const $s = [
                   width: "100%",
                   padding: "14px 16px",
                   borderRadius: "10px",
-                  border: `2px solid ${A ? a.success : a.error}`,
+                  border: `2px solid ${z ? a.success : a.error}`,
                   backgroundColor: "transparent",
                   color: a.textPrimary,
                   fontSize: "15px",
@@ -4347,7 +4358,7 @@ const $s = [
                 autoFocus: !0
               }
             ),
-            A && /* @__PURE__ */ n.jsxs(
+            z && /* @__PURE__ */ n.jsxs(
               "div",
               {
                 style: {
@@ -4409,7 +4420,7 @@ const $s = [
                   "button",
                   {
                     onClick: $,
-                    disabled: !A || u,
+                    disabled: !z || u,
                     style: {
                       padding: "10px 24px",
                       borderRadius: "10px",
@@ -4418,22 +4429,22 @@ const $s = [
                       color: "white",
                       fontSize: "14px",
                       fontWeight: 600,
-                      cursor: !A || u ? "not-allowed" : "pointer",
+                      cursor: !z || u ? "not-allowed" : "pointer",
                       flex: g ? "none" : 1,
                       minWidth: g ? "100%" : "140px",
-                      opacity: !A || u ? 0.6 : 1,
+                      opacity: !z || u ? 0.6 : 1,
                       display: "flex",
                       alignItems: "center",
                       justifyContent: "center",
                       gap: "8px",
                       transition: "all 0.2s ease",
-                      boxShadow: !A || u ? "none" : "0 4px 12px rgba(239, 68, 68, 0.4)"
+                      boxShadow: !z || u ? "none" : "0 4px 12px rgba(239, 68, 68, 0.4)"
                     },
                     onMouseOver: (m) => {
-                      A && !u && (m.currentTarget.style.transform = "translateY(-1px)", m.currentTarget.style.boxShadow = "0 6px 20px rgba(239, 68, 68, 0.5)");
+                      z && !u && (m.currentTarget.style.transform = "translateY(-1px)", m.currentTarget.style.boxShadow = "0 6px 20px rgba(239, 68, 68, 0.5)");
                     },
                     onMouseOut: (m) => {
-                      A && !u && (m.currentTarget.style.transform = "translateY(0)", m.currentTarget.style.boxShadow = "0 4px 12px rgba(239, 68, 68, 0.4)");
+                      z && !u && (m.currentTarget.style.transform = "translateY(0)", m.currentTarget.style.boxShadow = "0 4px 12px rgba(239, 68, 68, 0.4)");
                     },
                     children: [
                       /* @__PURE__ */ n.jsx($e, { size: 16 }),
@@ -4750,7 +4761,7 @@ const $s = [
         zIndex: 1e4,
         animation: "fadeIn 0.3s ease-out"
       },
-      onClick: C,
+      onClick: k,
       children: [
         /* @__PURE__ */ n.jsx(
           "div",
@@ -5295,16 +5306,16 @@ const $s = [
     newPassword: !1,
     confirmPassword: !1
   }), [L, $] = O(!1);
-  if (At.useEffect(() => {
+  if (zt.useEffect(() => {
     const w = () => {
       $(window.innerWidth < 640);
     };
     return w(), window.addEventListener("resize", w), () => window.removeEventListener("resize", w);
   }, []), !e) return null;
-  const A = (w) => {
+  const z = (w) => {
     const { name: D, value: K } = w.target;
     u((F) => ({ ...F, [D]: K })), y[D] && T((F) => ({ ...F, [D]: "" }));
-  }, C = (w) => {
+  }, k = (w) => {
     g((D) => ({ ...D, [w]: !D[w] }));
   }, M = () => {
     const w = {};
@@ -5516,7 +5527,7 @@ const $s = [
                           name: w,
                           placeholder: `Enter ${D.toLowerCase()}`,
                           value: c[w],
-                          onChange: A,
+                          onChange: z,
                           style: {
                             width: "100%",
                             padding: "14px 48px 14px 44px",
@@ -5541,7 +5552,7 @@ const $s = [
                         "button",
                         {
                           type: "button",
-                          onClick: () => C(w),
+                          onClick: () => k(w),
                           style: {
                             position: "absolute",
                             right: "14px",
@@ -6013,12 +6024,12 @@ const $s = [
   onLogout: o,
   primaryColor: i = "#00C212"
 }) => {
-  const { baseUrl: a, apiKey: l, appId: h } = ve(), [c, u] = O(t), [y, T] = O(!0), [S, d] = O(!1), [b, g] = O(!1), [L, $] = O(!1), [A, C] = O(!1), [M, m] = O(!1), [N, w] = O(!1), [D, K] = O(!1), [F, V] = O(!1), [Z, k] = O(null), [J, q] = O(!1), [z, R] = O({
+  const { baseUrl: a, apiKey: l, appId: h } = ve(), [c, u] = O(t), [y, T] = O(!0), [S, d] = O(!1), [b, g] = O(!1), [L, $] = O(!1), [z, k] = O(!1), [M, m] = O(!1), [N, w] = O(!1), [D, K] = O(!1), [F, V] = O(!1), [Z, E] = O(null), [J, q] = O(!1), [A, R] = O({
     email: "",
     otp: "",
     appId: h
-  }), [Y, f] = O(!1), [E, _] = O(!1), P = (v, H) => {
-    k({ type: v, message: H }), setTimeout(() => k(null), 3e3);
+  }), [Y, f] = O(!1), [C, _] = O(!1), P = (v, H) => {
+    E({ type: v, message: H }), setTimeout(() => E(null), 3e3);
   }, x = () => {
     V(!0);
     const v = setTimeout(() => {
@@ -6036,7 +6047,7 @@ const $s = [
     };
   }, [D]);
   const j = async () => {
-    if (!z.email || !/\S+@\S+\.\S+/.test(z.email)) {
+    if (!A.email || !/\S+@\S+\.\S+/.test(A.email)) {
       P("error", "Please enter a valid email");
       return;
     }
@@ -6044,7 +6055,7 @@ const $s = [
       _(!0);
       const v = await B.post(
         `${a}/users/send-verify-otp/${c?.id}`,
-        { email: z.email },
+        { email: A.email },
         {
           headers: { "x-api-key": l, "x-app-id": h }
         }
@@ -6056,7 +6067,7 @@ const $s = [
       _(!1);
     }
   }, X = async (v) => {
-    if (v.preventDefault(), !z.email || !z.otp) {
+    if (v.preventDefault(), !A.email || !A.otp) {
       P("error", "Please fill in all fields");
       return;
     }
@@ -6064,7 +6075,7 @@ const $s = [
       _(!0);
       const H = await B.post(
         `${a}/users/verify-email`,
-        z
+        A
       );
       if (H.data.success) {
         if (P("success", H.data.message || "Email verified!"), c) {
@@ -6668,7 +6679,7 @@ const $s = [
                                         "button",
                                         {
                                           onClick: () => {
-                                            C(!0), x();
+                                            k(!0), x();
                                           },
                                           style: {
                                             width: "100%",
@@ -7084,8 +7095,8 @@ const $s = [
             apiKey: l,
             appId: h,
             userId: c.id,
-            isOpen: A,
-            onClose: () => C(!1),
+            isOpen: z,
+            onClose: () => k(!1),
             onSuccess: (v) => P("success", v),
             onError: (v) => P("error", v),
             colors: I
@@ -7115,10 +7126,10 @@ const $s = [
             },
             onVerify: X,
             onSendOTP: j,
-            verifyFormData: z,
+            verifyFormData: A,
             setVerifyFormData: R,
             otpSent: Y,
-            verifying: E,
+            verifying: C,
             user: c,
             colors: I,
             darkMode: r
@@ -7236,7 +7247,7 @@ const $s = [
   viewProfileLabel: S = "View Profile",
   logoutLabel: d = "Sign Out"
 }) => {
-  const { baseUrl: b, apiKey: g, appId: L } = ve(), [$, A] = O(!1), [C, M] = O(null), [m, N] = O(!0), [w, D] = O(null), K = dt(null), F = dt(null), [V, Z] = O(!1), [k, J] = O(!1);
+  const { baseUrl: b, apiKey: g, appId: L } = ve(), [$, z] = O(!1), [k, M] = O(null), [m, N] = O(!0), [w, D] = O(null), K = dt(null), F = dt(null), [V, Z] = O(!1), [E, J] = O(!1);
   ie(() => {
     const x = () => {
       J(window.innerWidth < 768);
@@ -7297,17 +7308,17 @@ const $s = [
     return x(), window.addEventListener("resize", x), () => window.removeEventListener("resize", x);
   }, [$]), ie(() => {
     const x = (ne) => {
-      K.current && !K.current.contains(ne.target) && !F.current?.contains(ne.target) && A(!1);
+      K.current && !K.current.contains(ne.target) && !F.current?.contains(ne.target) && z(!1);
     }, j = (ne) => {
-      ne.key === "Escape" && A(!1);
+      ne.key === "Escape" && z(!1);
     }, X = () => {
-      $ && A(!1);
+      $ && z(!1);
     };
     return $ && (document.addEventListener("mousedown", x), document.addEventListener("keydown", j), window.addEventListener("scroll", X, { passive: !0 })), () => {
       document.removeEventListener("mousedown", x), document.removeEventListener("keydown", j), window.removeEventListener("scroll", X);
     };
   }, [$]);
-  const z = e ? {
+  const A = e ? {
     surface: "#000000",
     surfaceElevated: "#000000",
     surfaceHover: "#262626",
@@ -7339,22 +7350,22 @@ const $s = [
     avatarButton: {
       display: "flex",
       alignItems: "center",
-      gap: k ? "6px" : "8px",
-      padding: k ? "6px 10px 6px 6px" : "8px 12px 8px 8px",
+      gap: E ? "6px" : "8px",
+      padding: E ? "6px 10px 6px 6px" : "8px 12px 8px 8px",
       borderRadius: "24px",
-      backgroundColor: z.surface,
+      backgroundColor: A.surface,
       cursor: "pointer",
       transition: "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
-      minWidth: k ? "auto" : "140px",
-      maxWidth: k ? "200px" : "none",
+      minWidth: E ? "auto" : "140px",
+      maxWidth: E ? "200px" : "none",
       outline: "none"
     },
     avatarImage: {
-      width: k ? "28px" : "32px",
-      height: k ? "28px" : "32px",
+      width: E ? "28px" : "32px",
+      height: E ? "28px" : "32px",
       borderRadius: "50%",
       objectFit: "cover",
-      border: `2px solid ${z.borderLight}`,
+      border: `2px solid ${A.borderLight}`,
       flexShrink: 0
     },
     userInfo: {
@@ -7366,28 +7377,28 @@ const $s = [
       overflow: "hidden"
     },
     userName: {
-      fontSize: k ? "13px" : "14px",
+      fontSize: E ? "13px" : "14px",
       fontWeight: 600,
-      color: z.textPrimary,
+      color: A.textPrimary,
       lineHeight: "1.2",
       whiteSpace: "nowrap",
       overflow: "hidden",
       textOverflow: "ellipsis",
-      maxWidth: k ? "80px" : "120px"
+      maxWidth: E ? "80px" : "120px"
     },
     userEmail: {
-      fontSize: k ? "11px" : "12px",
-      color: z.textTertiary,
+      fontSize: E ? "11px" : "12px",
+      color: A.textTertiary,
       lineHeight: "1.2",
       whiteSpace: "nowrap",
       overflow: "hidden",
       textOverflow: "ellipsis",
-      maxWidth: k ? "80px" : "120px"
+      maxWidth: E ? "80px" : "120px"
     },
     chevron: {
       transition: "transform 0.2s ease",
       transform: $ ? "rotate(180deg)" : "rotate(0deg)",
-      color: z.textTertiary,
+      color: A.textTertiary,
       flexShrink: 0
     },
     dropdown: {
@@ -7395,8 +7406,8 @@ const $s = [
       top: "100%",
       marginTop: "8px",
       [V ? "left" : "right"]: "0",
-      backgroundColor: z.surfaceElevated,
-      border: `1px solid ${z.border}`,
+      backgroundColor: A.surfaceElevated,
+      border: `1px solid ${A.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)",
@@ -7411,7 +7422,7 @@ const $s = [
       overflow: "hidden"
     },
     dropdownSection: {
-      padding: k ? "10px 12px" : "0px 16px",
+      padding: E ? "10px 12px" : "0px 16px",
       "&:last-child": {
         borderBottom: "none"
       }
@@ -7419,15 +7430,15 @@ const $s = [
     userSection: {
       display: "flex",
       alignItems: "center",
-      gap: k ? "10px" : "12px",
-      padding: k ? "14px" : "16px"
+      gap: E ? "10px" : "12px",
+      padding: E ? "14px" : "16px"
     },
     dropdownAvatar: {
-      width: k ? "40px" : "48px",
-      height: k ? "40px" : "48px",
+      width: E ? "40px" : "48px",
+      height: E ? "40px" : "48px",
       borderRadius: "50%",
       objectFit: "cover",
-      border: `2px solid ${z.borderLight}`,
+      border: `2px solid ${A.borderLight}`,
       flexShrink: 0
     },
     dropdownUserInfo: {
@@ -7437,17 +7448,17 @@ const $s = [
       minWidth: 0
     },
     dropdownUserName: {
-      fontSize: k ? "15px" : "16px",
+      fontSize: E ? "15px" : "16px",
       fontWeight: 600,
-      color: z.textPrimary,
+      color: A.textPrimary,
       lineHeight: "1.2",
       marginBottom: "2px",
       overflow: "hidden",
       textOverflow: "ellipsis"
     },
     dropdownUserEmail: {
-      fontSize: k ? "13px" : "14px",
-      color: z.textSecondary,
+      fontSize: E ? "13px" : "14px",
+      color: A.textSecondary,
       lineHeight: "1.2",
       overflow: "hidden",
       textOverflow: "ellipsis"
@@ -7455,17 +7466,17 @@ const $s = [
     menuItem: {
       display: "flex",
       alignItems: "center",
-      gap: k ? "10px" : "12px",
-      padding: k ? "10px 12px" : "12px 16px",
+      gap: E ? "10px" : "12px",
+      padding: E ? "10px 12px" : "12px 16px",
       borderRadius: "8px",
       cursor: "pointer",
       transition: "all 0.15s ease",
-      color: z.textPrimary,
+      color: A.textPrimary,
       textDecoration: "none",
       border: "none",
       background: "none",
       width: "100%",
-      fontSize: k ? "13px" : "14px",
+      fontSize: E ? "13px" : "14px",
       textAlign: "left",
       outline: "none"
     },
@@ -7473,38 +7484,38 @@ const $s = [
       flex: 1
     },
     icon: {
-      width: k ? "16px" : "18px",
-      height: k ? "16px" : "18px",
-      color: z.textSecondary,
+      width: E ? "16px" : "18px",
+      height: E ? "16px" : "18px",
+      color: A.textSecondary,
       flexShrink: 0
     },
     logoutButton: {
       display: "flex",
       alignItems: "center",
-      gap: k ? "10px" : "12px",
-      padding: k ? "10px 12px" : "12px 16px",
+      gap: E ? "10px" : "12px",
+      padding: E ? "10px 12px" : "12px 16px",
       borderRadius: "8px",
       cursor: "pointer",
       transition: "all 0.15s ease",
       background: "none",
       border: "none",
       width: "100%",
-      fontSize: k ? "13px" : "14px",
-      color: z.error,
+      fontSize: E ? "13px" : "14px",
+      color: A.error,
       textAlign: "left",
       outline: "none"
     },
     loadingText: {
-      padding: k ? "16px 12px" : "20px 16px",
+      padding: E ? "16px 12px" : "20px 16px",
       textAlign: "center",
-      color: z.textSecondary,
-      fontSize: k ? "13px" : "14px"
+      color: A.textSecondary,
+      fontSize: E ? "13px" : "14px"
     },
     errorState: {
-      padding: k ? "16px 12px" : "20px 16px",
+      padding: E ? "16px 12px" : "20px 16px",
       textAlign: "center",
-      color: z.textSecondary,
-      fontSize: k ? "13px" : "14px",
+      color: A.textSecondary,
+      fontSize: E ? "13px" : "14px",
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
@@ -7514,7 +7525,7 @@ const $s = [
     retryButton: {
       marginTop: "8px",
       padding: "8px 16px",
-      backgroundColor: z.accent,
+      backgroundColor: A.accent,
       color: "#ffffff",
       border: "none",
       borderRadius: "6px",
@@ -7536,8 +7547,8 @@ const $s = [
     N(!1);
   }, f = (x, j) => {
     (x.key === "Enter" || x.key === " ") && (x.preventDefault(), j());
-  }, E = () => a || C?.profileUrl, _ = () => {
-    const x = E();
+  }, C = () => a || k?.profileUrl, _ = () => {
+    const x = C();
     x && window.open(x, "_self", "noopener,noreferrer");
   }, P = () => {
     l && window.open(l, "_self", "noopener,noreferrer");
@@ -7555,43 +7566,47 @@ const $s = [
           "div",
           {
             ref: F,
-            onClick: () => A((x) => !x),
-            onKeyDown: (x) => f(x, () => A((j) => !j)),
+            onClick: () => z((x) => !x),
+            onKeyDown: (x) => f(x, () => z((j) => !j)),
             tabIndex: 0,
             role: "button",
             "aria-haspopup": "true",
             "aria-expanded": $,
             "aria-label": "Toggle user menu",
-            children: C?.avatarUrl ? /* @__PURE__ */ n.jsx(
+            children: k?.avatarUrl ? /* @__PURE__ */ n.jsx(
               "img",
               {
-                src: C.avatarUrl,
-                alt: `${C.name}'s avatar`,
+                src: k.avatarUrl,
+                alt: `${k?.name || "User"}'s avatar`,
                 style: {
-                  width: k ? "34px" : "40px",
-                  height: k ? "34px" : "40px",
+                  width: E ? "34px" : "40px",
+                  height: E ? "34px" : "40px",
                   borderRadius: "50%",
                   objectFit: "cover",
-                  border: `2px solid ${z.borderLight}`,
+                  border: `2px solid ${A.borderLight}`,
                   flexShrink: 0
                 },
                 loading: "lazy",
                 onError: (x) => {
                   const j = x.target;
-                  j.src = "https://api.dicebear.com/9.x/glass/svg?seed=Kingston";
+                  j.onerror = null, j.src = `https://api.dicebear.com/9.x/initials/svg?seed=${encodeURIComponent(
+                    k?.name || "User"
+                  )}`;
                 }
               }
             ) : /* @__PURE__ */ n.jsx(
               "img",
               {
-                src: "https://api.dicebear.com/9.x/glass/svg?seed=Kingston",
+                src: `https://api.dicebear.com/9.x/initials/svg?seed=${encodeURIComponent(
+                  k?.name || "User"
+                )}`,
                 alt: "Default user avatar",
                 style: {
-                  width: k ? "34px" : "40px",
-                  height: k ? "34px" : "40px",
+                  width: E ? "34px" : "40px",
+                  height: E ? "34px" : "40px",
                   borderRadius: "50%",
                   objectFit: "cover",
-                  border: `2px solid ${z.borderLight}`,
+                  border: `2px solid ${A.borderLight}`,
                   flexShrink: 0
                 },
                 loading: "lazy"
@@ -7603,28 +7618,28 @@ const $s = [
           {
             ref: F,
             style: R.avatarButton,
-            onClick: () => A((x) => !x),
-            onKeyDown: (x) => f(x, () => A((j) => !j)),
+            onClick: () => z((x) => !x),
+            onKeyDown: (x) => f(x, () => z((j) => !j)),
             tabIndex: 0,
             role: "button",
             "aria-haspopup": "true",
             "aria-expanded": $,
             "aria-label": "Toggle user menu",
             onMouseOver: (x) => {
-              x.currentTarget.style.backgroundColor = z.surfaceHover, x.currentTarget.style.boxShadow = "0 4px 12px rgba(0,0,0,0.15)";
+              x.currentTarget.style.backgroundColor = A.surfaceHover, x.currentTarget.style.boxShadow = "0 4px 12px rgba(0,0,0,0.15)";
             },
             onMouseOut: (x) => {
-              x.currentTarget.style.backgroundColor = z.surface, x.currentTarget.style.boxShadow = "none";
+              x.currentTarget.style.backgroundColor = A.surface, x.currentTarget.style.boxShadow = "none";
             },
             onBlur: (x) => {
               x.currentTarget.style.outline = "none";
             },
             children: [
-              C?.avatarUrl ? /* @__PURE__ */ n.jsx(
+              k?.avatarUrl ? /* @__PURE__ */ n.jsx(
                 "img",
                 {
-                  src: C.avatarUrl,
-                  alt: `${C.name}'s avatar`,
+                  src: k.avatarUrl,
+                  alt: `${k.name}'s avatar`,
                   style: R.avatarImage,
                   loading: "lazy",
                   onError: (x) => {
@@ -7641,14 +7656,14 @@ const $s = [
                   loading: "lazy"
                 }
               ),
-              !k && /* @__PURE__ */ n.jsxs("div", { style: R.userInfo, children: [
-                /* @__PURE__ */ n.jsx("div", { style: R.userName, title: C?.name, children: C?.name || "Guest" }),
-                C?.email && /* @__PURE__ */ n.jsx("div", { style: R.userEmail, title: C.email, children: C.email })
+              !E && /* @__PURE__ */ n.jsxs("div", { style: R.userInfo, children: [
+                /* @__PURE__ */ n.jsx("div", { style: R.userName, title: k?.name, children: k?.name || "Guest" }),
+                k?.email && /* @__PURE__ */ n.jsx("div", { style: R.userEmail, title: k.email, children: k.email })
               ] }),
               /* @__PURE__ */ n.jsx(
                 Xn,
                 {
-                  size: k ? 14 : 16,
+                  size: E ? 14 : 16,
                   style: R.chevron,
                   "aria-hidden": "true"
                 }
@@ -7656,42 +7671,42 @@ const $s = [
             ]
           }
         ),
-        $ && /* @__PURE__ */ n.jsx("div", { style: R.dropdown, role: "menu", "aria-label": "User options", children: m ? /* @__PURE__ */ n.jsx("div", { style: R.loadingText, role: "status", "aria-live": "polite", children: "Loading user information..." }) : C ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+        $ && /* @__PURE__ */ n.jsx("div", { style: R.dropdown, role: "menu", "aria-label": "User options", children: m ? /* @__PURE__ */ n.jsx("div", { style: R.loadingText, role: "status", "aria-live": "polite", children: "Loading user information..." }) : k ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
           /* @__PURE__ */ n.jsxs("div", { style: R.userSection, children: [
-            C?.avatarUrl ? /* @__PURE__ */ n.jsx(
+            k?.avatarUrl ? /* @__PURE__ */ n.jsx(
               "img",
               {
-                src: C.avatarUrl,
-                alt: `${C.name}'s profile picture`,
+                src: k.avatarUrl,
+                alt: `${k.name}'s profile picture`,
                 style: R.dropdownAvatar,
                 loading: "lazy",
                 onError: (x) => {
                   const j = x.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=${k.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=${k.name}`,
+                alt: `${k.name}'s default avatar`,
                 style: R.dropdownAvatar,
                 loading: "lazy"
               }
             ),
             /* @__PURE__ */ n.jsxs("div", { style: R.dropdownUserInfo, children: [
-              /* @__PURE__ */ n.jsx("div", { style: R.dropdownUserName, title: C.name, children: C.name }),
-              /* @__PURE__ */ n.jsx("div", { style: R.dropdownUserEmail, title: C.email, children: C.email })
+              /* @__PURE__ */ n.jsx("div", { style: R.dropdownUserName, title: k.name, children: k.name }),
+              /* @__PURE__ */ n.jsx("div", { style: R.dropdownUserEmail, title: k.email, children: k.email })
             ] })
           ] }),
           /* @__PURE__ */ n.jsxs("div", { style: R.dropdownSection, children: [
-            h && E() && /* @__PURE__ */ n.jsxs(
+            h && C() && /* @__PURE__ */ n.jsxs(
               "button",
               {
                 style: R.menuItem,
                 onClick: _,
                 onMouseOver: (x) => {
-                  x.currentTarget.style.backgroundColor = z.surfaceHover;
+                  x.currentTarget.style.backgroundColor = A.surfaceHover;
                 },
                 onMouseOut: (x) => {
                   x.currentTarget.style.backgroundColor = "transparent";
@@ -7711,7 +7726,7 @@ const $s = [
                 style: R.menuItem,
                 onClick: P,
                 onMouseOver: (x) => {
-                  x.currentTarget.style.backgroundColor = z.surfaceHover;
+                  x.currentTarget.style.backgroundColor = A.surfaceHover;
                 },
                 onMouseOut: (x) => {
                   x.currentTarget.style.backgroundColor = "transparent";
@@ -7725,15 +7740,15 @@ const $s = [
                 ]
               }
             ),
-            u && C.profileUrl && /* @__PURE__ */ n.jsxs(
+            u && k.profileUrl && /* @__PURE__ */ n.jsxs(
               "a",
               {
-                href: C.profileUrl,
+                href: k.profileUrl,
                 target: "_self",
                 rel: "noopener noreferrer",
                 style: R.menuItem,
                 onMouseOver: (x) => {
-                  x.currentTarget.style.backgroundColor = z.surfaceHover;
+                  x.currentTarget.style.backgroundColor = A.surfaceHover;
                 },
                 onMouseOut: (x) => {
                   x.currentTarget.style.backgroundColor = "transparent";
@@ -7753,7 +7768,7 @@ const $s = [
               style: R.logoutButton,
               onClick: r,
               onMouseOver: (x) => {
-                x.currentTarget.style.backgroundColor = z.surfaceHover;
+                x.currentTarget.style.backgroundColor = A.surfaceHover;
               },
               onMouseOut: (x) => {
                 x.currentTarget.style.backgroundColor = "transparent";
@@ -7765,7 +7780,7 @@ const $s = [
                 /* @__PURE__ */ n.jsx(
                   ct,
                   {
-                    style: { ...R.icon, color: z.error },
+                    style: { ...R.icon, color: A.error },
                     "aria-hidden": "true"
                   }
                 ),
@@ -7790,10 +7805,10 @@ const $s = [
               style: R.retryButton,
               onClick: Y,
               onMouseOver: (x) => {
-                x.currentTarget.style.backgroundColor = z.accentHover;
+                x.currentTarget.style.backgroundColor = A.accentHover;
               },
               onMouseOut: (x) => {
-                x.currentTarget.style.backgroundColor = z.accent;
+                x.currentTarget.style.backgroundColor = A.accent;
               },
               children: "Try Again"
             }