@neuctra/authix 1.2.2 → 1.2.3

package/dist/neuctra-authix.es.js

@@ -1,4 +1,4 @@
-import Te, { forwardRef as zt, createElement as Ke, createContext as cr, useContext as dr, useState as P, useEffect as ee, useRef as dt } from "react";
+import Ce, { forwardRef as zt, createElement as Ke, createContext as cr, useContext as dr, useState as P, useEffect as ee, useRef as dt } from "react";
 function At(t, e) {
   return function() {
     return t.apply(e, arguments);
@@ -8,7 +8,7 @@ const { toString: ur } = Object.prototype, { getPrototypeOf: rt } = Object, { it
   const n = ur.call(e);
   return t[n] || (t[n] = n.slice(8, -1).toLowerCase());
 })(/* @__PURE__ */ Object.create(null)), ae = (t) => (t = t.toLowerCase(), (e) => Le(e) === t), qe = (t) => (e) => typeof e === t, { isArray: je } = Array, be = qe("undefined");
-function Ce(t) {
+function Te(t) {
   return t !== null && !be(t) && t.constructor !== null && !be(t.constructor) && te(t.constructor.isBuffer) && t.constructor.isBuffer(t);
 }
 const Ut = ae("ArrayBuffer");
@@ -22,7 +22,7 @@ const fr = qe("string"), te = qe("function"), $t = qe("number"), Re = (t) => t !
   const e = rt(t);
   return (e === null || e === Object.prototype || Object.getPrototypeOf(e) === null) && !(_t in t) && !(Fe in t);
 }, hr = (t) => {
-  if (!Re(t) || Ce(t))
+  if (!Re(t) || Te(t))
     return !1;
   try {
     return Object.keys(t).length === 0 && Object.getPrototypeOf(t) === Object.prototype;
@@ -33,7 +33,7 @@ const fr = qe("string"), te = qe("function"), $t = qe("number"), Re = (t) => t !
   let e;
   return t && (typeof FormData == "function" && t instanceof FormData || te(t.append) && ((e = Le(t)) === "formdata" || // detect form-data instance
   e === "object" && te(t.toString) && t.toString() === "[object FormData]"));
-}, vr = ae("URLSearchParams"), [Sr, Er, kr, Tr] = ["ReadableStream", "Request", "Response", "Headers"].map(ae), Cr = (t) => t.trim ? t.trim() : t.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
+}, vr = ae("URLSearchParams"), [Sr, kr, Er, Cr] = ["ReadableStream", "Request", "Response", "Headers"].map(ae), Tr = (t) => t.trim ? t.trim() : t.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
 function Pe(t, e, { allOwnKeys: n = !1 } = {}) {
   if (t === null || typeof t > "u")
     return;
@@ -42,7 +42,7 @@ function Pe(t, e, { allOwnKeys: n = !1 } = {}) {
     for (s = 0, i = t.length; s < i; s++)
       e.call(null, t[s], s, t);
   else {
-    if (Ce(t))
+    if (Te(t))
       return;
     const a = n ? Object.getOwnPropertyNames(t) : Object.keys(t), o = a.length;
     let c;
@@ -51,7 +51,7 @@ function Pe(t, e, { allOwnKeys: n = !1 } = {}) {
   }
 }
 function Dt(t, e) {
-  if (Ce(t))
+  if (Te(t))
     return null;
   e = e.toLowerCase();
   const n = Object.keys(t);
@@ -61,7 +61,7 @@ function Dt(t, e) {
       return i;
   return null;
 }
-const fe = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, Nt = (t) => !be(t) && t !== fe;
+const xe = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, Nt = (t) => !be(t) && t !== xe;
 function Ge() {
   const { caseless: t, skipUndefined: e } = Nt(this) && this || {}, n = {}, s = (i, a) => {
     const o = t && Dt(n, a) || a;
@@ -156,7 +156,7 @@ const Hr = (t) => {
     if (Re(s)) {
       if (e.indexOf(s) >= 0)
         return;
-      if (Ce(s))
+      if (Te(s))
         return s;
       if (!("toJSON" in s)) {
         e[i] = s;
@@ -170,17 +170,17 @@ const Hr = (t) => {
     return s;
   };
   return n(t, 0);
-}, Vr = ae("AsyncFunction"), Yr = (t) => t && (Re(t) || te(t)) && te(t.then) && te(t.catch), Lt = ((t, e) => t ? setImmediate : e ? ((n, s) => (fe.addEventListener("message", ({ source: i, data: a }) => {
-  i === fe && a === n && s.length && s.shift()();
+}, Vr = ae("AsyncFunction"), Yr = (t) => t && (Re(t) || te(t)) && te(t.then) && te(t.catch), Lt = ((t, e) => t ? setImmediate : e ? ((n, s) => (xe.addEventListener("message", ({ source: i, data: a }) => {
+  i === xe && a === n && s.length && s.shift()();
 }, !1), (i) => {
-  s.push(i), fe.postMessage(n, "*");
+  s.push(i), xe.postMessage(n, "*");
 }))(`axios@${Math.random()}`, []) : (n) => setTimeout(n))(
   typeof setImmediate == "function",
-  te(fe.postMessage)
-), Jr = typeof queueMicrotask < "u" ? queueMicrotask.bind(fe) : typeof process < "u" && process.nextTick || Lt, Kr = (t) => t != null && te(t[Fe]), f = {
+  te(xe.postMessage)
+), Jr = typeof queueMicrotask < "u" ? queueMicrotask.bind(xe) : typeof process < "u" && process.nextTick || Lt, Kr = (t) => t != null && te(t[Fe]), f = {
   isArray: je,
   isArrayBuffer: Ut,
-  isBuffer: Ce,
+  isBuffer: Te,
   isFormData: jr,
   isArrayBufferView: pr,
   isString: fr,
@@ -190,9 +190,9 @@ const Hr = (t) => {
   isPlainObject: _e,
   isEmptyObject: hr,
   isReadableStream: Sr,
-  isRequest: Er,
-  isResponse: kr,
-  isHeaders: Tr,
+  isRequest: kr,
+  isResponse: Er,
+  isHeaders: Cr,
   isUndefined: be,
   isDate: mr,
   isFile: gr,
@@ -206,7 +206,7 @@ const Hr = (t) => {
   forEach: Pe,
   merge: Ge,
   extend: Rr,
-  trim: Cr,
+  trim: Tr,
   stripBOM: Pr,
   inherits: Or,
   toFlatObject: Ir,
@@ -227,7 +227,7 @@ const Hr = (t) => {
   noop: Mr,
   toFiniteNumber: Wr,
   findKey: Dt,
-  global: fe,
+  global: xe,
   isContextDefined: Nt,
   isSpecCompliantForm: Br,
   toJSONObject: Hr,
@@ -285,7 +285,7 @@ $.from = (t, e, n, s, i, a) => {
   const o = Object.create(qt);
   f.toFlatObject(t, o, function(x) {
     return x !== Error.prototype;
-  }, (u) => u !== "isAxiosError");
+  }, (p) => p !== "isAxiosError");
   const c = t && t.message ? t.message : "Error", d = e == null && t ? t.code : e;
   return $.call(o, c, d, n, s, i), t && o.cause == null && Object.defineProperty(o, "cause", { value: t, configurable: !0 }), o.name = t && t.name || "Error", a && Object.assign(o, a), o;
 };
@@ -320,55 +320,55 @@ function Me(t, e, n) {
   const s = n.metaTokens, i = n.visitor || x, a = n.dots, o = n.indexes, d = (n.Blob || typeof Blob < "u" && Blob) && f.isSpecCompliantForm(e);
   if (!f.isFunction(i))
     throw new TypeError("visitor must be a function");
-  function u(p) {
-    if (p === null) return "";
-    if (f.isDate(p))
-      return p.toISOString();
-    if (f.isBoolean(p))
-      return p.toString();
-    if (!d && f.isBlob(p))
+  function p(u) {
+    if (u === null) return "";
+    if (f.isDate(u))
+      return u.toISOString();
+    if (f.isBoolean(u))
+      return u.toString();
+    if (!d && f.isBlob(u))
       throw new $("Blob is not supported. Use a Buffer instead.");
-    return f.isArrayBuffer(p) || f.isTypedArray(p) ? d && typeof Blob == "function" ? new Blob([p]) : Buffer.from(p) : p;
+    return f.isArrayBuffer(u) || f.isTypedArray(u) ? d && typeof Blob == "function" ? new Blob([u]) : Buffer.from(u) : u;
   }
-  function x(p, w, h) {
-    let O = p;
-    if (p && !h && typeof p == "object") {
+  function x(u, w, h) {
+    let O = u;
+    if (u && !h && typeof u == "object") {
       if (f.endsWith(w, "{}"))
-        w = s ? w : w.slice(0, -2), p = JSON.stringify(p);
-      else if (f.isArray(p) && Xr(p) || (f.isFileList(p) || f.endsWith(w, "[]")) && (O = f.toArray(p)))
+        w = s ? w : w.slice(0, -2), u = JSON.stringify(u);
+      else if (f.isArray(u) && Xr(u) || (f.isFileList(u) || f.endsWith(w, "[]")) && (O = f.toArray(u)))
         return w = Wt(w), O.forEach(function(g, A) {
           !(f.isUndefined(g) || g === null) && e.append(
             // eslint-disable-next-line no-nested-ternary
             o === !0 ? pt([w], A, a) : o === null ? w : w + "[]",
-            u(g)
+            p(g)
           );
         }), !1;
     }
-    return Xe(p) ? !0 : (e.append(pt(h, w, a), u(p)), !1);
+    return Xe(u) ? !0 : (e.append(pt(h, w, a), p(u)), !1);
   }
-  const y = [], E = Object.assign(Zr, {
+  const y = [], k = Object.assign(Zr, {
     defaultVisitor: x,
-    convertValue: u,
+    convertValue: p,
     isVisitable: Xe
   });
-  function k(p, w) {
-    if (!f.isUndefined(p)) {
-      if (y.indexOf(p) !== -1)
+  function E(u, w) {
+    if (!f.isUndefined(u)) {
+      if (y.indexOf(u) !== -1)
         throw Error("Circular reference detected in " + w.join("."));
-      y.push(p), f.forEach(p, function(O, T) {
+      y.push(u), f.forEach(u, function(O, C) {
         (!(f.isUndefined(O) || O === null) && i.call(
           e,
           O,
-          f.isString(T) ? T.trim() : T,
+          f.isString(C) ? C.trim() : C,
           w,
-          E
-        )) === !0 && k(O, w ? w.concat(T) : [T]);
+          k
+        )) === !0 && E(O, w ? w.concat(C) : [C]);
       }), y.pop();
     }
   }
   if (!f.isObject(t))
     throw new TypeError("data must be an object");
-  return k(t), e;
+  return E(t), e;
 }
 function ft(t) {
   const e = {
@@ -679,24 +679,24 @@ let re = class {
   }
   set(e, n, s) {
     const i = this;
-    function a(c, d, u) {
+    function a(c, d, p) {
       const x = Se(d);
       if (!x)
         throw new Error("header name must be a non-empty string");
       const y = f.findKey(i, x);
-      (!y || i[y] === void 0 || u === !0 || u === void 0 && i[y] !== !1) && (i[y || d] = Ue(c));
+      (!y || i[y] === void 0 || p === !0 || p === void 0 && i[y] !== !1) && (i[y || d] = Ue(c));
     }
-    const o = (c, d) => f.forEach(c, (u, x) => a(u, x, d));
+    const o = (c, d) => f.forEach(c, (p, x) => a(p, x, d));
     if (f.isPlainObject(e) || e instanceof this.constructor)
       o(e, n);
     else if (f.isString(e) && (e = e.trim()) && !mn(e))
       o(xn(e), n);
     else if (f.isObject(e) && f.isIterable(e)) {
-      let c = {}, d, u;
+      let c = {}, d, p;
       for (const x of e) {
         if (!f.isArray(x))
           throw TypeError("Object iterator must return a key-value pair");
-        c[u = x[0]] = (d = c[u]) ? f.isArray(d) ? [...d, x[1]] : [d, x[1]] : x[1];
+        c[p = x[0]] = (d = c[p]) ? f.isArray(d) ? [...d, x[1]] : [d, x[1]] : x[1];
       }
       o(c, n);
     } else
@@ -845,25 +845,25 @@ function wn(t, e) {
   const n = new Array(t), s = new Array(t);
   let i = 0, a = 0, o;
   return e = e !== void 0 ? e : 1e3, function(d) {
-    const u = Date.now(), x = s[a];
-    o || (o = u), n[i] = d, s[i] = u;
-    let y = a, E = 0;
+    const p = Date.now(), x = s[a];
+    o || (o = p), n[i] = d, s[i] = p;
+    let y = a, k = 0;
     for (; y !== i; )
-      E += n[y++], y = y % t;
-    if (i = (i + 1) % t, i === a && (a = (a + 1) % t), u - o < e)
+      k += n[y++], y = y % t;
+    if (i = (i + 1) % t, i === a && (a = (a + 1) % t), p - o < e)
       return;
-    const k = x && u - x;
-    return k ? Math.round(E * 1e3 / k) : void 0;
+    const E = x && p - x;
+    return E ? Math.round(k * 1e3 / E) : void 0;
   };
 }
 function jn(t, e) {
   let n = 0, s = 1e3 / e, i, a;
-  const o = (u, x = Date.now()) => {
-    n = x, i = null, a && (clearTimeout(a), a = null), t(...u);
+  const o = (p, x = Date.now()) => {
+    n = x, i = null, a && (clearTimeout(a), a = null), t(...p);
   };
-  return [(...u) => {
+  return [(...p) => {
     const x = Date.now(), y = x - n;
-    y >= s ? o(u, x) : (i = u, a || (a = setTimeout(() => {
+    y >= s ? o(p, x) : (i = p, a || (a = setTimeout(() => {
       a = null, o(i);
     }, s - y)));
   }, () => i && o(i)];
@@ -872,15 +872,15 @@ const Ne = (t, e, n = 3) => {
   let s = 0;
   const i = wn(50, 250);
   return jn((a) => {
-    const o = a.loaded, c = a.lengthComputable ? a.total : void 0, d = o - s, u = i(d), x = o <= c;
+    const o = a.loaded, c = a.lengthComputable ? a.total : void 0, d = o - s, p = i(d), x = o <= c;
     s = o;
     const y = {
       loaded: o,
       total: c,
       progress: c ? o / c : void 0,
       bytes: d,
-      rate: u || void 0,
-      estimated: u && c && x ? (c - o) / u : void 0,
+      rate: p || void 0,
+      estimated: p && c && x ? (c - o) / p : void 0,
       event: a,
       lengthComputable: c != null,
       [e ? "download" : "upload"]: !0
@@ -924,44 +924,44 @@ const Ne = (t, e, n = 3) => {
     }
   }
 );
-function En(t) {
+function kn(t) {
   return /^([a-z][a-z\d+\-.]*:)?\/\//i.test(t);
 }
-function kn(t, e) {
+function En(t, e) {
   return e ? t.replace(/\/?\/$/, "") + "/" + e.replace(/^\/+/, "") : t;
 }
 function Gt(t, e, n) {
-  let s = !En(e);
-  return t && (s || n == !1) ? kn(t, e) : e;
+  let s = !kn(e);
+  return t && (s || n == !1) ? En(t, e) : e;
 }
 const yt = (t) => t instanceof re ? { ...t } : t;
-function he(t, e) {
+function me(t, e) {
   e = e || {};
   const n = {};
-  function s(u, x, y, E) {
-    return f.isPlainObject(u) && f.isPlainObject(x) ? f.merge.call({ caseless: E }, u, x) : f.isPlainObject(x) ? f.merge({}, x) : f.isArray(x) ? x.slice() : x;
+  function s(p, x, y, k) {
+    return f.isPlainObject(p) && f.isPlainObject(x) ? f.merge.call({ caseless: k }, p, x) : f.isPlainObject(x) ? f.merge({}, x) : f.isArray(x) ? x.slice() : x;
   }
-  function i(u, x, y, E) {
+  function i(p, x, y, k) {
     if (f.isUndefined(x)) {
-      if (!f.isUndefined(u))
-        return s(void 0, u, y, E);
-    } else return s(u, x, y, E);
+      if (!f.isUndefined(p))
+        return s(void 0, p, y, k);
+    } else return s(p, x, y, k);
   }
-  function a(u, x) {
+  function a(p, x) {
     if (!f.isUndefined(x))
       return s(void 0, x);
   }
-  function o(u, x) {
+  function o(p, x) {
     if (f.isUndefined(x)) {
-      if (!f.isUndefined(u))
-        return s(void 0, u);
+      if (!f.isUndefined(p))
+        return s(void 0, p);
     } else return s(void 0, x);
   }
-  function c(u, x, y) {
+  function c(p, x, y) {
     if (y in e)
-      return s(u, x);
+      return s(p, x);
     if (y in t)
-      return s(void 0, u);
+      return s(void 0, p);
   }
   const d = {
     url: a,
@@ -992,15 +992,15 @@ function he(t, e) {
     socketPath: o,
     responseEncoding: o,
     validateStatus: c,
-    headers: (u, x, y) => i(yt(u), yt(x), y, !0)
+    headers: (p, x, y) => i(yt(p), yt(x), y, !0)
   };
   return f.forEach(Object.keys({ ...t, ...e }), function(x) {
-    const y = d[x] || i, E = y(t[x], e[x], x);
-    f.isUndefined(E) && y !== c || (n[x] = E);
+    const y = d[x] || i, k = y(t[x], e[x], x);
+    f.isUndefined(k) && y !== c || (n[x] = k);
   }), n;
 }
 const Xt = (t) => {
-  const e = he({}, t);
+  const e = me({}, t);
   let { data: n, withXSRFToken: s, xsrfHeaderName: i, xsrfCookieName: a, headers: o, auth: c } = e;
   if (e.headers = o = re.from(o), e.url = Ht(Gt(e.baseURL, e.url, e.allowAbsoluteUrls), t.params, t.paramsSerializer), c && o.set(
     "Authorization",
@@ -1009,9 +1009,9 @@ const Xt = (t) => {
     if (Q.hasStandardBrowserEnv || Q.hasStandardBrowserWebWorkerEnv)
       o.setContentType(void 0);
     else if (f.isFunction(n.getHeaders)) {
-      const d = n.getHeaders(), u = ["content-type", "content-length"];
+      const d = n.getHeaders(), p = ["content-type", "content-length"];
       Object.entries(d).forEach(([x, y]) => {
-        u.includes(x.toLowerCase()) && o.set(x, y);
+        p.includes(x.toLowerCase()) && o.set(x, y);
       });
     }
   }
@@ -1020,14 +1020,14 @@ const Xt = (t) => {
     d && o.set(i, d);
   }
   return e;
-}, Tn = typeof XMLHttpRequest < "u", Cn = Tn && function(t) {
+}, Cn = typeof XMLHttpRequest < "u", Tn = Cn && function(t) {
   return new Promise(function(n, s) {
     const i = Xt(t);
     let a = i.data;
     const o = re.from(i.headers).normalize();
-    let { responseType: c, onUploadProgress: d, onDownloadProgress: u } = i, x, y, E, k, p;
+    let { responseType: c, onUploadProgress: d, onDownloadProgress: p } = i, x, y, k, E, u;
     function w() {
-      k && k(), p && p(), i.cancelToken && i.cancelToken.unsubscribe(x), i.signal && i.signal.removeEventListener("abort", x);
+      E && E(), u && u(), i.cancelToken && i.cancelToken.unsubscribe(x), i.signal && i.signal.removeEventListener("abort", x);
     }
     let h = new XMLHttpRequest();
     h.open(i.method.toUpperCase(), i.url, !0), h.timeout = i.timeout;
@@ -1068,12 +1068,12 @@ const Xt = (t) => {
       )), h = null;
     }, a === void 0 && o.setContentType(null), "setRequestHeader" in h && f.forEach(o.toJSON(), function(A, N) {
       h.setRequestHeader(N, A);
-    }), f.isUndefined(i.withCredentials) || (h.withCredentials = !!i.withCredentials), c && c !== "json" && (h.responseType = i.responseType), u && ([E, p] = Ne(u, !0), h.addEventListener("progress", E)), d && h.upload && ([y, k] = Ne(d), h.upload.addEventListener("progress", y), h.upload.addEventListener("loadend", k)), (i.cancelToken || i.signal) && (x = (g) => {
+    }), f.isUndefined(i.withCredentials) || (h.withCredentials = !!i.withCredentials), c && c !== "json" && (h.responseType = i.responseType), p && ([k, u] = Ne(p, !0), h.addEventListener("progress", k)), d && h.upload && ([y, E] = Ne(d), h.upload.addEventListener("progress", y), h.upload.addEventListener("loadend", E)), (i.cancelToken || i.signal) && (x = (g) => {
       h && (s(!g || g.type ? new ve(null, t, h) : g), h.abort(), h = null);
     }, i.cancelToken && i.cancelToken.subscribe(x), i.signal && (i.signal.aborted ? x() : i.signal.addEventListener("abort", x)));
-    const T = bn(i.url);
-    if (T && Q.protocols.indexOf(T) === -1) {
-      s(new $("Unsupported protocol " + T + ":", $.ERR_BAD_REQUEST, t));
+    const C = bn(i.url);
+    if (C && Q.protocols.indexOf(C) === -1) {
+      s(new $("Unsupported protocol " + C + ":", $.ERR_BAD_REQUEST, t));
       return;
     }
     h.send(a || null);
@@ -1082,10 +1082,10 @@ const Xt = (t) => {
   const { length: n } = t = t ? t.filter(Boolean) : [];
   if (e || n) {
     let s = new AbortController(), i;
-    const a = function(u) {
+    const a = function(p) {
       if (!i) {
         i = !0, c();
-        const x = u instanceof Error ? u : this.reason;
+        const x = p instanceof Error ? p : this.reason;
         s.abort(x instanceof $ ? x : new ve(x instanceof Error ? x.message : x));
       }
     };
@@ -1093,11 +1093,11 @@ const Xt = (t) => {
       o = null, a(new $(`timeout ${e} of ms exceeded`, $.ETIMEDOUT));
     }, e);
     const c = () => {
-      t && (o && clearTimeout(o), o = null, t.forEach((u) => {
-        u.unsubscribe ? u.unsubscribe(a) : u.removeEventListener("abort", a);
+      t && (o && clearTimeout(o), o = null, t.forEach((p) => {
+        p.unsubscribe ? p.unsubscribe(a) : p.removeEventListener("abort", a);
       }), t = null);
     };
-    t.forEach((u) => u.addEventListener("abort", a));
+    t.forEach((p) => p.addEventListener("abort", a));
     const { signal: d } = s;
     return d.unsubscribe = () => f.asap(c), d;
   }
@@ -1137,19 +1137,19 @@ const Xt = (t) => {
   return new ReadableStream({
     async pull(d) {
       try {
-        const { done: u, value: x } = await i.next();
-        if (u) {
+        const { done: p, value: x } = await i.next();
+        if (p) {
           c(), d.close();
           return;
         }
         let y = x.byteLength;
         if (n) {
-          let E = a += y;
-          n(E);
+          let k = a += y;
+          n(k);
         }
         d.enqueue(new Uint8Array(x));
-      } catch (u) {
-        throw c(u), u;
+      } catch (p) {
+        throw c(p), p;
       }
     },
     cancel(d) {
@@ -1177,51 +1177,51 @@ const Xt = (t) => {
   const { fetch: e, Request: n, Response: s } = t, i = e ? ze(e) : typeof fetch == "function", a = ze(n), o = ze(s);
   if (!i)
     return !1;
-  const c = i && ze(jt), d = i && (typeof vt == "function" ? /* @__PURE__ */ ((p) => (w) => p.encode(w))(new vt()) : async (p) => new Uint8Array(await new n(p).arrayBuffer())), u = a && c && St(() => {
-    let p = !1;
+  const c = i && ze(jt), d = i && (typeof vt == "function" ? /* @__PURE__ */ ((u) => (w) => u.encode(w))(new vt()) : async (u) => new Uint8Array(await new n(u).arrayBuffer())), p = a && c && St(() => {
+    let u = !1;
     const w = new n(Q.origin, {
       body: new jt(),
       method: "POST",
       get duplex() {
-        return p = !0, "half";
+        return u = !0, "half";
       }
     }).headers.has("Content-Type");
-    return p && !w;
+    return u && !w;
   }), x = o && c && St(() => f.isReadableStream(new s("").body)), y = {
-    stream: x && ((p) => p.body)
+    stream: x && ((u) => u.body)
   };
-  i && ["text", "arrayBuffer", "blob", "formData", "stream"].forEach((p) => {
-    !y[p] && (y[p] = (w, h) => {
-      let O = w && w[p];
+  i && ["text", "arrayBuffer", "blob", "formData", "stream"].forEach((u) => {
+    !y[u] && (y[u] = (w, h) => {
+      let O = w && w[u];
       if (O)
         return O.call(w);
-      throw new $(`Response type '${p}' is not supported`, $.ERR_NOT_SUPPORT, h);
+      throw new $(`Response type '${u}' is not supported`, $.ERR_NOT_SUPPORT, h);
     });
   });
-  const E = async (p) => {
-    if (p == null)
+  const k = async (u) => {
+    if (u == null)
       return 0;
-    if (f.isBlob(p))
-      return p.size;
-    if (f.isSpecCompliantForm(p))
+    if (f.isBlob(u))
+      return u.size;
+    if (f.isSpecCompliantForm(u))
       return (await new n(Q.origin, {
         method: "POST",
-        body: p
+        body: u
       }).arrayBuffer()).byteLength;
-    if (f.isArrayBufferView(p) || f.isArrayBuffer(p))
-      return p.byteLength;
-    if (f.isURLSearchParams(p) && (p = p + ""), f.isString(p))
-      return (await d(p)).byteLength;
-  }, k = async (p, w) => {
-    const h = f.toFiniteNumber(p.getContentLength());
-    return h ?? E(w);
+    if (f.isArrayBufferView(u) || f.isArrayBuffer(u))
+      return u.byteLength;
+    if (f.isURLSearchParams(u) && (u = u + ""), f.isString(u))
+      return (await d(u)).byteLength;
+  }, E = async (u, w) => {
+    const h = f.toFiniteNumber(u.getContentLength());
+    return h ?? k(w);
   };
-  return async (p) => {
+  return async (u) => {
     let {
       url: w,
       method: h,
       data: O,
-      signal: T,
+      signal: C,
       cancelToken: g,
       timeout: A,
       onDownloadProgress: N,
@@ -1230,15 +1230,15 @@ const Xt = (t) => {
       headers: q,
       withCredentials: I = "same-origin",
       fetchOptions: X
-    } = Xt(p), W = e || fetch;
+    } = Xt(u), W = e || fetch;
     j = j ? (j + "").toLowerCase() : "text";
-    let C = Rn([T, g && g.toAbortSignal()], A), G = null;
-    const R = C && C.unsubscribe && (() => {
-      C.unsubscribe();
+    let T = Rn([C, g && g.toAbortSignal()], A), G = null;
+    const R = T && T.unsubscribe && (() => {
+      T.unsubscribe();
     });
     let z;
     try {
-      if (b && u && h !== "get" && h !== "head" && (z = await k(q, O)) !== 0) {
+      if (b && p && h !== "get" && h !== "head" && (z = await E(q, O)) !== 0) {
         let l = new n(w, {
           method: "POST",
           body: O,
@@ -1255,7 +1255,7 @@ const Xt = (t) => {
       f.isString(I) || (I = I ? "include" : "omit");
       const M = a && "credentials" in n.prototype, K = {
         ...X,
-        signal: C,
+        signal: T,
         method: h.toUpperCase(),
         headers: q.normalize().toJSON(),
         body: O,
@@ -1282,24 +1282,24 @@ const Xt = (t) => {
         );
       }
       j = j || "text";
-      let Y = await y[f.findKey(y, j) || "text"](H, p);
+      let Y = await y[f.findKey(y, j) || "text"](H, u);
       return !F && R && R(), await new Promise((l, m) => {
         Kt(l, m, {
           data: Y,
           headers: re.from(H.headers),
           status: H.status,
           statusText: H.statusText,
-          config: p,
+          config: u,
           request: G
         });
       });
     } catch (M) {
       throw R && R(), M && M.name === "TypeError" && /Load failed|fetch/i.test(M.message) ? Object.assign(
-        new $("Network Error", $.ERR_NETWORK, p, G),
+        new $("Network Error", $.ERR_NETWORK, u, G),
         {
           cause: M.cause || M
         }
-      ) : $.from(M, M && M.code, p, G);
+      ) : $.from(M, M && M.code, u, G);
     }
   };
 }, _n = /* @__PURE__ */ new Map(), Zt = (t) => {
@@ -1309,15 +1309,15 @@ const Xt = (t) => {
     i,
     n
   ];
-  let o = a.length, c = o, d, u, x = _n;
+  let o = a.length, c = o, d, p, x = _n;
   for (; c--; )
-    d = a[c], u = x.get(d), u === void 0 && x.set(d, u = c ? /* @__PURE__ */ new Map() : An(e)), x = u;
-  return u;
+    d = a[c], p = x.get(d), p === void 0 && x.set(d, p = c ? /* @__PURE__ */ new Map() : An(e)), x = p;
+  return p;
 };
 Zt();
 const Qe = {
   http: Gr,
-  xhr: Cn,
+  xhr: Tn,
   fetch: {
     get: Zt
   }
@@ -1331,7 +1331,7 @@ f.forEach(Qe, (t, e) => {
     Object.defineProperty(t, "adapterName", { value: e });
   }
 });
-const Et = (t) => `- ${t}`, Un = (t) => f.isFunction(t) || t === null || t === !1, Qt = {
+const kt = (t) => `- ${t}`, Un = (t) => f.isFunction(t) || t === null || t === !1, Qt = {
   getAdapter: (t, e) => {
     t = f.isArray(t) ? t : [t];
     const { length: n } = t;
@@ -1348,11 +1348,11 @@ const Et = (t) => `- ${t}`, Un = (t) => f.isFunction(t) || t === null || t === !
     }
     if (!i) {
       const o = Object.entries(a).map(
-        ([d, u]) => `adapter ${d} ` + (u === !1 ? "is not supported by the environment" : "is not available in the build")
+        ([d, p]) => `adapter ${d} ` + (p === !1 ? "is not supported by the environment" : "is not available in the build")
       );
       let c = n ? o.length > 1 ? `since :
-` + o.map(Et).join(`
-`) : " " + Et(o[0]) : "as no adapter specified";
+` + o.map(kt).join(`
+`) : " " + kt(o[0]) : "as no adapter specified";
       throw new $(
         "There is no suitable adapter to dispatch the request " + c,
         "ERR_NOT_SUPPORT"
@@ -1366,7 +1366,7 @@ function Ye(t) {
   if (t.cancelToken && t.cancelToken.throwIfRequested(), t.signal && t.signal.aborted)
     throw new ve(null, t);
 }
-function kt(t) {
+function Et(t) {
   return Ye(t), t.headers = re.from(t.headers), t.data = Ve.call(
     t,
     t.transformRequest
@@ -1390,7 +1390,7 @@ const er = "1.12.2", We = {};
     return typeof s === t || "a" + (e < 1 ? "n " : " ") + t;
   };
 });
-const Tt = {};
+const Ct = {};
 We.transitional = function(e, n, s) {
   function i(a, o) {
     return "[Axios v" + er + "] Transitional option '" + a + "'" + o + (s ? ". " + s : "");
@@ -1401,7 +1401,7 @@ We.transitional = function(e, n, s) {
         i(o, " has been removed" + (n ? " in " + n : "")),
         $.ERR_DEPRECATED
       );
-    return n && !Tt[o] && (Tt[o] = !0, console.warn(
+    return n && !Ct[o] && (Ct[o] = !0, console.warn(
       i(
         o,
         " has been deprecated since v" + n + " and will be removed in the near future"
@@ -1433,7 +1433,7 @@ const $e = {
   assertOptions: $n,
   validators: We
 }, ce = $e.validators;
-let xe = class {
+let he = class {
   constructor(e) {
     this.defaults = e || {}, this.interceptors = {
       request: new xt(),
@@ -1466,7 +1466,7 @@ let xe = class {
     }
   }
   _request(e, n) {
-    typeof e == "string" ? (n = n || {}, n.url = e) : n = e || {}, n = he(this.defaults, n);
+    typeof e == "string" ? (n = n || {}, n.url = e) : n = e || {}, n = me(this.defaults, n);
     const { transitional: s, paramsSerializer: i, headers: a } = n;
     s !== void 0 && $e.assertOptions(s, {
       silentJSONParsing: ce.transitional(ce.boolean),
@@ -1487,8 +1487,8 @@ let xe = class {
     );
     a && f.forEach(
       ["delete", "get", "head", "post", "put", "patch", "common"],
-      (p) => {
-        delete a[p];
+      (u) => {
+        delete a[u];
       }
     ), n.headers = re.concat(o, a);
     const c = [];
@@ -1496,46 +1496,46 @@ let xe = class {
     this.interceptors.request.forEach(function(w) {
       typeof w.runWhen == "function" && w.runWhen(n) === !1 || (d = d && w.synchronous, c.unshift(w.fulfilled, w.rejected));
     });
-    const u = [];
+    const p = [];
     this.interceptors.response.forEach(function(w) {
-      u.push(w.fulfilled, w.rejected);
+      p.push(w.fulfilled, w.rejected);
     });
-    let x, y = 0, E;
+    let x, y = 0, k;
     if (!d) {
-      const p = [kt.bind(this), void 0];
-      for (p.unshift(...c), p.push(...u), E = p.length, x = Promise.resolve(n); y < E; )
-        x = x.then(p[y++], p[y++]);
+      const u = [Et.bind(this), void 0];
+      for (u.unshift(...c), u.push(...p), k = u.length, x = Promise.resolve(n); y < k; )
+        x = x.then(u[y++], u[y++]);
       return x;
     }
-    E = c.length;
-    let k = n;
-    for (; y < E; ) {
-      const p = c[y++], w = c[y++];
+    k = c.length;
+    let E = n;
+    for (; y < k; ) {
+      const u = c[y++], w = c[y++];
       try {
-        k = p(k);
+        E = u(E);
       } catch (h) {
         w.call(this, h);
         break;
       }
     }
     try {
-      x = kt.call(this, k);
-    } catch (p) {
-      return Promise.reject(p);
+      x = Et.call(this, E);
+    } catch (u) {
+      return Promise.reject(u);
     }
-    for (y = 0, E = u.length; y < E; )
-      x = x.then(u[y++], u[y++]);
+    for (y = 0, k = p.length; y < k; )
+      x = x.then(p[y++], p[y++]);
     return x;
   }
   getUri(e) {
-    e = he(this.defaults, e);
+    e = me(this.defaults, e);
     const n = Gt(e.baseURL, e.url, e.allowAbsoluteUrls);
     return Ht(n, e.params, e.paramsSerializer);
   }
 };
 f.forEach(["delete", "get", "head", "options"], function(e) {
-  xe.prototype[e] = function(n, s) {
-    return this.request(he(s || {}, {
+  he.prototype[e] = function(n, s) {
+    return this.request(me(s || {}, {
       method: e,
       url: n,
       data: (s || {}).data
@@ -1545,7 +1545,7 @@ f.forEach(["delete", "get", "head", "options"], function(e) {
 f.forEach(["post", "put", "patch"], function(e) {
   function n(s) {
     return function(a, o, c) {
-      return this.request(he(c || {}, {
+      return this.request(me(c || {}, {
         method: e,
         headers: s ? {
           "Content-Type": "multipart/form-data"
@@ -1555,7 +1555,7 @@ f.forEach(["post", "put", "patch"], function(e) {
       }));
     };
   }
-  xe.prototype[e] = n(), xe.prototype[e + "Form"] = n(!0);
+  he.prototype[e] = n(), he.prototype[e + "Form"] = n(!0);
 });
 let Dn = class tr {
   constructor(e) {
@@ -1707,13 +1707,13 @@ Object.entries(et).forEach(([t, e]) => {
   et[e] = t;
 });
 function rr(t) {
-  const e = new xe(t), n = At(xe.prototype.request, e);
-  return f.extend(n, xe.prototype, e, { allOwnKeys: !0 }), f.extend(n, e, null, { allOwnKeys: !0 }), n.create = function(i) {
-    return rr(he(t, i));
+  const e = new he(t), n = At(he.prototype.request, e);
+  return f.extend(n, he.prototype, e, { allOwnKeys: !0 }), f.extend(n, e, null, { allOwnKeys: !0 }), n.create = function(i) {
+    return rr(me(t, i));
   }, n;
 }
 const J = rr(Oe);
-J.Axios = xe;
+J.Axios = he;
 J.CanceledError = ve;
 J.CancelToken = Dn;
 J.isCancel = Jt;
@@ -1726,7 +1726,7 @@ J.all = function(e) {
 };
 J.spread = Nn;
 J.isAxiosError = Fn;
-J.mergeConfig = he;
+J.mergeConfig = me;
 J.AxiosHeaders = re;
 J.formToJSON = (t) => Yt(f.isHTMLForm(t) ? new FormData(t) : t);
 J.getAdapter = Qt.getAdapter;
@@ -2275,7 +2275,7 @@ class li {
     );
   }
 }
-var Ae = { exports: {} }, Ee = {};
+var Ae = { exports: {} }, ke = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -2285,10 +2285,10 @@ var Ae = { exports: {} }, Ee = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ct;
+var Tt;
 function Ln() {
-  if (Ct) return Ee;
-  Ct = 1;
+  if (Tt) return ke;
+  Tt = 1;
   var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
   function n(s, i, a) {
     var o = null;
@@ -2305,9 +2305,9 @@ function Ln() {
       props: a
     };
   }
-  return Ee.Fragment = e, Ee.jsx = n, Ee.jsxs = n, Ee;
+  return ke.Fragment = e, ke.jsx = n, ke.jsxs = n, ke;
 }
-var ke = {};
+var Ee = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -2328,7 +2328,7 @@ function qn() {
       switch (l) {
         case h:
           return "Fragment";
-        case T:
+        case C:
           return "Profiler";
         case O:
           return "StrictMode";
@@ -2395,7 +2395,7 @@ function qn() {
       }
     }
     function i() {
-      var l = C.A;
+      var l = T.A;
       return l === null ? null : l.getOwner();
     }
     function a() {
@@ -2426,10 +2426,10 @@ function qn() {
         "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."
       )), l = this.props.ref, l !== void 0 ? l : null;
     }
-    function u(l, m, S, D, ne, oe) {
+    function p(l, m, S, D, ne, oe) {
       var B = S.ref;
       return l = {
-        $$typeof: p,
+        $$typeof: u,
         type: l,
         key: m,
         props: S,
@@ -2498,7 +2498,7 @@ React keys must be passed directly to JSX without using spread:
       return B && c(
         S,
         typeof l == "function" ? l.displayName || l.name || "Unknown" : l
-      ), u(
+      ), p(
         l,
         B,
         S,
@@ -2508,25 +2508,25 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function y(l) {
-      E(l) ? l._store && (l._store.validated = 1) : typeof l == "object" && l !== null && l.$$typeof === I && (l._payload.status === "fulfilled" ? E(l._payload.value) && l._payload.value._store && (l._payload.value._store.validated = 1) : l._store && (l._store.validated = 1));
+      k(l) ? l._store && (l._store.validated = 1) : typeof l == "object" && l !== null && l.$$typeof === I && (l._payload.status === "fulfilled" ? k(l._payload.value) && l._payload.value._store && (l._payload.value._store.validated = 1) : l._store && (l._store.validated = 1));
     }
-    function E(l) {
-      return typeof l == "object" && l !== null && l.$$typeof === p;
+    function k(l) {
+      return typeof l == "object" && l !== null && l.$$typeof === u;
     }
-    var k = Te, p = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), g = Symbol.for("react.consumer"), A = Symbol.for("react.context"), N = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), q = Symbol.for("react.memo"), I = Symbol.for("react.lazy"), X = Symbol.for("react.activity"), W = Symbol.for("react.client.reference"), C = k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, G = Object.prototype.hasOwnProperty, R = Array.isArray, z = console.createTask ? console.createTask : function() {
+    var E = Ce, u = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), g = Symbol.for("react.consumer"), A = Symbol.for("react.context"), N = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), q = Symbol.for("react.memo"), I = Symbol.for("react.lazy"), X = Symbol.for("react.activity"), W = Symbol.for("react.client.reference"), T = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, G = Object.prototype.hasOwnProperty, R = Array.isArray, z = console.createTask ? console.createTask : function() {
       return null;
     };
-    k = {
+    E = {
       react_stack_bottom_frame: function(l) {
         return l();
       }
     };
-    var M, K = {}, H = k.react_stack_bottom_frame.bind(
-      k,
+    var M, K = {}, H = E.react_stack_bottom_frame.bind(
+      E,
       a
     )(), F = z(s(a)), Y = {};
-    ke.Fragment = h, ke.jsx = function(l, m, S) {
-      var D = 1e4 > C.recentlyCreatedOwnerStacks++;
+    Ee.Fragment = h, Ee.jsx = function(l, m, S) {
+      var D = 1e4 > T.recentlyCreatedOwnerStacks++;
       return x(
         l,
         m,
@@ -2535,8 +2535,8 @@ React keys must be passed directly to JSX without using spread:
         D ? Error("react-stack-top-frame") : H,
         D ? z(s(l)) : F
       );
-    }, ke.jsxs = function(l, m, S) {
-      var D = 1e4 > C.recentlyCreatedOwnerStacks++;
+    }, Ee.jsxs = function(l, m, S) {
+      var D = 1e4 > T.recentlyCreatedOwnerStacks++;
       return x(
         l,
         m,
@@ -2546,7 +2546,7 @@ React keys must be passed directly to JSX without using spread:
         D ? z(s(l)) : F
       );
     };
-  })()), ke;
+  })()), Ee;
 }
 var Pt;
 function Mn() {
@@ -2617,7 +2617,7 @@ const Yn = zt(
       ...c
     },
     [
-      ...o.map(([u, x]) => Ke(u, x)),
+      ...o.map(([p, x]) => Ke(p, x)),
       ...Array.isArray(a) ? a : [a]
     ]
   )
@@ -2925,14 +2925,14 @@ const Ss = [
       key: "1a8usu"
     }
   ]
-], Es = L("pen-line", Ss);
+], ks = L("pen-line", Ss);
 /**
  * @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 ks = [
+const Es = [
   [
     "path",
     {
@@ -2940,14 +2940,14 @@ const ks = [
       key: "9njp5v"
     }
   ]
-], Ts = L("phone", ks);
+], Cs = L("phone", Es);
 /**
  * @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 Cs = [
+const Ts = [
   [
     "path",
     {
@@ -2957,7 +2957,7 @@ const Cs = [
   ],
   ["path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", key: "1ydtos" }],
   ["path", { d: "M7 3v4a1 1 0 0 0 1 1h7", key: "t51u73" }]
-], Rs = L("save", Cs);
+], Rs = L("save", Ts);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
@@ -3069,7 +3069,7 @@ const Ns = [
 ], Ie = L("x", Ns), or = cr(null), ci = ({
   authix: t,
   children: e
-}) => /* @__PURE__ */ r.jsx(or.Provider, { value: t, children: e }), me = () => {
+}) => /* @__PURE__ */ r.jsx(or.Provider, { value: t, children: e }), fe = () => {
   const t = dr(or);
   if (!t)
     throw new Error("useAuthix must be used inside <AuthixProvider />");
@@ -3086,20 +3086,20 @@ const Ns = [
   showAvatar: c = !1,
   roles: d = [],
   // 🔥 FIXED
-  showRoleSelector: u = !1,
+  showRoleSelector: p = !1,
   // 🔥 FIXED
   loginUrl: x,
   onSuccess: y,
-  onError: E
+  onError: k
 }) => {
-  const k = me(), p = {
+  const E = fe(), u = {
     name: "",
     email: "",
     password: "",
     role: d.length ? d[0] : "user",
     ...c && { avatarUrl: "" }
-  }, [w, h] = P(p), [O, T] = P(!1), [g, A] = P(!1), [N, b] = P(null), [j, q] = P({}), [I, X] = P(!1), W = o ? "#ffffff" : "#111827", C = o ? "#a1a1aa" : "#6b7280", G = o ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.02)", R = o ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.1)";
-  Te.useEffect(() => {
+  }, [w, h] = P(u), [O, C] = P(!1), [g, A] = P(!1), [N, b] = P(null), [j, q] = P({}), [I, X] = P(!1), W = o ? "#ffffff" : "#111827", T = o ? "#a1a1aa" : "#6b7280", G = o ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.02)", R = o ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.1)";
+  Ce.useEffect(() => {
     if (typeof window < "u") {
       const F = () => X(window.innerWidth < 768);
       return F(), window.addEventListener("resize", F), () => window.removeEventListener("resize", F);
@@ -3121,16 +3121,16 @@ const Ns = [
           password: w.password,
           role: w.role,
           ...w.avatarUrl ? { avatarUrl: w.avatarUrl } : {}
-        }, l = await k.signupUser(Y);
+        }, l = await E.signupUser(Y);
         l.success ? (b({
           type: "success",
           text: l.message || "Account created successfully!"
-        }), y?.(l.user)) : (b({ type: "error", text: l.message || "Signup failed" }), E?.(l));
+        }), y?.(l.user)) : (b({ type: "error", text: l.message || "Signup failed" }), k?.(l));
       } catch (Y) {
         b({
           type: "error",
           text: Y.message || "Signup failed. Please try again."
-        }), E?.(Y);
+        }), k?.(Y);
       } finally {
         A(!1);
       }
@@ -3221,7 +3221,7 @@ const Ns = [
                       {
                         style: {
                           fontSize: "14px",
-                          color: C
+                          color: T
                         },
                         children: s
                       }
@@ -3263,7 +3263,7 @@ const Ns = [
                   onSubmit: K,
                   style: { display: "flex", flexDirection: "column", gap: "14px" },
                   children: [
-                    u && d && d.length === 2 && /* @__PURE__ */ r.jsxs(
+                    p && d && d.length === 2 && /* @__PURE__ */ r.jsxs(
                       "div",
                       {
                         style: { display: "flex", flexDirection: "column", gap: "4px" },
@@ -3385,7 +3385,7 @@ const Ns = [
                               left: "14px",
                               top: "50%",
                               transform: "translateY(-50%)",
-                              color: C
+                              color: T
                             }
                           }
                         ),
@@ -3440,7 +3440,7 @@ const Ns = [
                               left: "14px",
                               top: "50%",
                               transform: "translateY(-50%)",
-                              color: C
+                              color: T
                             }
                           }
                         ),
@@ -3495,7 +3495,7 @@ const Ns = [
                               left: "14px",
                               top: "50%",
                               transform: "translateY(-50%)",
-                              color: C
+                              color: T
                             }
                           }
                         ),
@@ -3518,7 +3518,7 @@ const Ns = [
                           "button",
                           {
                             type: "button",
-                            onClick: () => T(!O),
+                            onClick: () => C(!O),
                             style: {
                               position: "absolute",
                               right: "14px",
@@ -3526,7 +3526,7 @@ const Ns = [
                               transform: "translateY(-50%)",
                               background: "transparent",
                               border: "none",
-                              color: C,
+                              color: T,
                               cursor: "pointer",
                               padding: "4px"
                             },
@@ -3573,7 +3573,7 @@ const Ns = [
                                   left: "14px",
                                   top: "50%",
                                   transform: "translateY(-50%)",
-                                  color: C
+                                  color: T
                                 }
                               }
                             ),
@@ -3676,7 +3676,7 @@ const Ns = [
                   style: {
                     textAlign: "center",
                     fontSize: "12px",
-                    color: C,
+                    color: T,
                     marginTop: "16px",
                     padding: "0 4px"
                   },
@@ -3709,21 +3709,21 @@ const Ns = [
   darkMode: o = !0,
   signupUrl: c,
   onSuccess: d,
-  onError: u
+  onError: p
 }) => {
-  const x = me(), [y, E] = P("login"), [k, p] = P(1), [w, h] = P(!1), [O, T] = P(!1), [g, A] = P(null), [N, b] = P(""), [j, q] = P(""), [I, X] = P({
+  const x = fe(), [y, k] = P("login"), [E, u] = P(1), [w, h] = P(!1), [O, C] = P(!1), [g, A] = P(null), [N, b] = P(""), [j, q] = P(""), [I, X] = P({
     email: "",
     otp: "",
     newPassword: ""
-  }), [W, C] = P(!1), G = o ? "#ffffff" : "#111827", R = o ? "#a1a1aa" : "#6b7280", z = o ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.02)", M = o ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.1)";
-  Te.useEffect(() => {
+  }), [W, T] = P(!1), G = o ? "#ffffff" : "#111827", R = o ? "#a1a1aa" : "#6b7280", z = o ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.02)", M = o ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.1)";
+  Ce.useEffect(() => {
     if (typeof window < "u") {
-      const m = () => C(window.innerWidth < 768);
+      const m = () => T(window.innerWidth < 768);
       return m(), window.addEventListener("resize", m), () => window.removeEventListener("resize", m);
     }
   }, []);
   const K = async (m) => {
-    m.preventDefault(), T(!0), A(null);
+    m.preventDefault(), C(!0), A(null);
     try {
       const S = await x.loginUser({ email: N, password: j }), { user: D } = S;
       if (!D)
@@ -3735,19 +3735,19 @@ const Ns = [
       A({ type: "success", text: `Welcome ${D.name}` }), d?.(D);
     } catch (S) {
       const D = S.message || "Login failed";
-      A({ type: "error", text: D }), u?.(S);
+      A({ type: "error", text: D }), p?.(S);
     } finally {
-      T(!1);
+      C(!1);
     }
   }, H = (m) => {
     X({ ...I, [m.target.name]: m.target.value });
   }, F = async (m) => {
-    m.preventDefault(), T(!0), A(null);
+    m.preventDefault(), C(!0), A(null);
     try {
       const S = await x.requestResetUserPasswordOTP({
         email: I.email
       });
-      S.success ? (p(2), A({
+      S.success ? (u(2), A({
         type: "success",
         text: S.message || "OTP sent to your email"
       })) : A({
@@ -3760,10 +3760,10 @@ const Ns = [
         text: S.message || "Something went wrong"
       });
     } finally {
-      T(!1);
+      C(!1);
     }
   }, Y = async (m) => {
-    m.preventDefault(), T(!0), A(null);
+    m.preventDefault(), C(!0), A(null);
     try {
       const S = await x.resetUserPassword({
         email: I.email,
@@ -3773,14 +3773,14 @@ const Ns = [
       S.success ? (A({
         type: "success",
         text: S.message || "Password reset successfully!"
-      }), p(1), X({ email: "", otp: "", newPassword: "" }), E("login")) : A({ type: "error", text: S.message || "Reset failed" });
+      }), u(1), X({ email: "", otp: "", newPassword: "" }), k("login")) : A({ type: "error", text: S.message || "Reset failed" });
     } catch (S) {
       A({
         type: "error",
         text: S.message || "Something went wrong"
       });
     } finally {
-      T(!1);
+      C(!1);
     }
   }, l = {
     width: "100%",
@@ -3858,7 +3858,7 @@ const Ns = [
                         color: G,
                         margin: 0
                       },
-                      children: y === "login" ? n : k === 1 ? "Forgot Password" : "Reset Password"
+                      children: y === "login" ? n : E === 1 ? "Forgot Password" : "Reset Password"
                     }
                   ),
                   /* @__PURE__ */ r.jsx(
@@ -4016,7 +4016,7 @@ const Ns = [
                           "button",
                           {
                             type: "button",
-                            onClick: () => E("forgot"),
+                            onClick: () => k("forgot"),
                             style: {
                               background: "none",
                               border: "none",
@@ -4053,10 +4053,10 @@ const Ns = [
             y === "forgot" && /* @__PURE__ */ r.jsxs(
               "form",
               {
-                onSubmit: k === 1 ? F : Y,
+                onSubmit: E === 1 ? F : Y,
                 style: { display: "flex", flexDirection: "column", gap: "14px" },
                 children: [
-                  k === 1 ? /* @__PURE__ */ r.jsxs(
+                  E === 1 ? /* @__PURE__ */ r.jsxs(
                     "div",
                     {
                       style: { display: "flex", flexDirection: "column", gap: "4px" },
@@ -4220,7 +4220,7 @@ const Ns = [
                         borderRadius: "10px",
                         fontWeight: 600
                       },
-                      children: O ? "Please wait..." : k === 1 ? "Send Reset OTP" : "Reset Password"
+                      children: O ? "Please wait..." : E === 1 ? "Send Reset OTP" : "Reset Password"
                     }
                   ),
                   /* @__PURE__ */ r.jsx(
@@ -4228,7 +4228,7 @@ const Ns = [
                     {
                       type: "button",
                       onClick: () => {
-                        E("login"), p(1);
+                        k("login"), u(1);
                       },
                       style: {
                         background: "none",
@@ -4291,14 +4291,22 @@ const Ns = [
   children: t,
   fallback: e = null
 }) => {
-  const [n, s] = P(!1), [i, a] = P(null);
-  if (ee(() => {
-    s(!0);
-    const d = document.cookie.split(";").map((u) => u.trim()).find((u) => u.startsWith("a_s_b="));
-    a(d?.split("=")[1] === "true");
-  }, []), !n) return null;
-  const o = (c) => typeof c == "function" ? c() : c;
-  return i === null ? o(e) ?? null : i ? /* @__PURE__ */ r.jsx(r.Fragment, { children: t }) : o(e);
+  const n = fe(), [s, i] = P("loading");
+  ee(() => {
+    (async () => {
+      try {
+        if (!(document.cookie.split(";").map((y) => y.trim()).find((y) => y.startsWith("a_s_b="))?.split("=")[1] === "true")) {
+          i("unauthenticated");
+          return;
+        }
+        (await n.checkUserSession())?.user?.id ? i("authenticated") : (document.cookie = "a_s_b=false; path=/; max-age=0; SameSite=Lax", i("unauthenticated"));
+      } catch {
+        document.cookie = "a_s_b=false; path=/; max-age=0; SameSite=Lax", i("unauthenticated");
+      }
+    })();
+  }, [n]);
+  const a = (o) => typeof o == "function" ? o() : o;
+  return s === "loading" ? null : s === "unauthenticated" ? a(e) ?? null : /* @__PURE__ */ r.jsx(r.Fragment, { children: t });
 }, fi = ({
   children: t,
   fallback: e = null
@@ -4306,7 +4314,7 @@ const Ns = [
   const [n, s] = P(!1), [i, a] = P(null);
   if (ee(() => {
     s(!0);
-    const d = document.cookie.split(";").map((u) => u.trim()).find((u) => u.startsWith("a_s_b="));
+    const d = document.cookie.split(";").map((p) => p.trim()).find((p) => p.startsWith("a_s_b="));
     a(d?.split("=")[1] !== "true");
   }, []), !n) return null;
   const o = (c) => typeof c == "function" ? c() : c;
@@ -4319,31 +4327,31 @@ const Ns = [
   userId: i,
   colors: a
 }) => {
-  const o = me(), [c, d] = P(!1), [u, x] = P(""), [y, E] = P("warning"), [k, p] = P(!1);
+  const o = fe(), [c, d] = P(!1), [p, x] = P(""), [y, k] = P("warning"), [E, u] = P(!1);
   if (ee(() => {
     if (typeof window > "u") return;
     const g = () => {
-      p(window.innerWidth < 640);
+      u(window.innerWidth < 640);
     };
     return g(), window.addEventListener("resize", g), () => window.removeEventListener("resize", g);
   }, []), !t) return null;
   const w = async () => {
-    d(!0), E("processing");
+    d(!0), k("processing");
     try {
       const g = await o.deleteUser({
         userId: i
       });
-      g.success ? (n(g.message || "Account deleted successfully"), E("success"), setTimeout(() => {
+      g.success ? (n(g.message || "Account deleted successfully"), k("success"), setTimeout(() => {
         localStorage.removeItem("userInfo"), localStorage.removeItem("userToken"), window.location.href = "/";
-      }, 2e3)) : (s(g.message || "Failed to delete account"), E("warning"));
+      }, 2e3)) : (s(g.message || "Failed to delete account"), k("warning"));
     } catch (g) {
-      s(g.response?.data?.message || "Something went wrong"), E("warning");
+      s(g.response?.data?.message || "Something went wrong"), k("warning");
     } finally {
       d(!1);
     }
-  }, h = u.toLowerCase() === "delete my account", O = (g) => {
+  }, h = p.toLowerCase() === "delete my account", O = (g) => {
     g.target === g.currentTarget && y !== "processing" && y !== "success" && e();
-  }, T = () => {
+  }, C = () => {
     switch (y) {
       case "warning":
         return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -4521,7 +4529,7 @@ const Ns = [
               style: {
                 display: "flex",
                 gap: "12px",
-                flexDirection: k ? "column-reverse" : "row",
+                flexDirection: E ? "column-reverse" : "row",
                 justifyContent: "flex-end",
                 alignItems: "stretch"
               },
@@ -4539,8 +4547,8 @@ const Ns = [
                       fontSize: "14px",
                       fontWeight: 500,
                       cursor: "pointer",
-                      flex: k ? "none" : 1,
-                      minWidth: k ? "100%" : "120px",
+                      flex: E ? "none" : 1,
+                      minWidth: E ? "100%" : "120px",
                       transition: "all 0.2s ease"
                     },
                     onMouseOver: (g) => {
@@ -4555,7 +4563,7 @@ const Ns = [
                 /* @__PURE__ */ r.jsxs(
                   "button",
                   {
-                    onClick: () => E("confirmation"),
+                    onClick: () => k("confirmation"),
                     style: {
                       padding: "10px 24px",
                       borderRadius: "10px",
@@ -4565,8 +4573,8 @@ const Ns = [
                       fontSize: "14px",
                       fontWeight: 600,
                       cursor: "pointer",
-                      flex: k ? "none" : 1,
-                      minWidth: k ? "100%" : "140px",
+                      flex: E ? "none" : 1,
+                      minWidth: E ? "100%" : "140px",
                       display: "flex",
                       alignItems: "center",
                       justifyContent: "center",
@@ -4658,7 +4666,7 @@ const Ns = [
               "input",
               {
                 type: "text",
-                value: u,
+                value: p,
                 onChange: (g) => x(g.target.value),
                 placeholder: "delete my account",
                 style: {
@@ -4716,7 +4724,7 @@ const Ns = [
                   "button",
                   {
                     onClick: () => {
-                      E("warning"), x("");
+                      k("warning"), x("");
                     },
                     style: {
                       padding: "10px 24px",
@@ -4727,8 +4735,8 @@ const Ns = [
                       fontSize: "14px",
                       fontWeight: 500,
                       cursor: "pointer",
-                      flex: k ? "none" : 1,
-                      minWidth: k ? "100%" : "120px",
+                      flex: E ? "none" : 1,
+                      minWidth: E ? "100%" : "120px",
                       transition: "all 0.2s ease"
                     },
                     onMouseOver: (g) => {
@@ -4754,8 +4762,8 @@ const Ns = [
                       fontSize: "14px",
                       fontWeight: 600,
                       cursor: !h || c ? "not-allowed" : "pointer",
-                      flex: k ? "none" : 1,
-                      minWidth: k ? "100%" : "140px",
+                      flex: E ? "none" : 1,
+                      minWidth: E ? "100%" : "140px",
                       opacity: !h || c ? 0.6 : 1,
                       display: "flex",
                       alignItems: "center",
@@ -5101,7 +5109,7 @@ const Ns = [
               animation: "scaleIn 0.3s ease-out"
             },
             className: "delete-modal-container",
-            children: T()
+            children: C()
           }
         ),
         /* @__PURE__ */ r.jsx("style", { children: `
@@ -5168,20 +5176,20 @@ const Ns = [
   onUpdate: n,
   colors: s
 }) => {
-  const [i, a] = P(""), [o, c] = P(!1), [d, u] = P(!1), [x, y] = P({ isValid: !1, message: "", type: null });
+  const [i, a] = P(""), [o, c] = P(!1), [d, p] = P(!1), [x, y] = P({ isValid: !1, message: "", type: null });
   if (ee(() => {
     if (typeof window > "u") return;
-    const p = () => {
-      u(window.innerWidth < 640);
+    const u = () => {
+      p(window.innerWidth < 640);
     };
-    return p(), window.addEventListener("resize", p), () => window.removeEventListener("resize", p);
+    return u(), window.addEventListener("resize", u), () => window.removeEventListener("resize", u);
   }, []), ee(() => {
     if (!i.trim()) {
       y({ isValid: !1, message: "", type: null });
       return;
     }
     try {
-      const p = new URL(i), w = /\.(jpg|jpeg|png|gif|webp|svg)$/i.test(p.pathname);
+      const u = new URL(i), w = /\.(jpg|jpeg|png|gif|webp|svg)$/i.test(u.pathname);
       y(w ? {
         isValid: !0,
         message: "Valid image URL",
@@ -5199,7 +5207,7 @@ const Ns = [
       });
     }
   }, [i]), !t) return null;
-  const E = async () => {
+  const k = async () => {
     if (!(!i || !x.isValid)) {
       c(!0);
       try {
@@ -5208,8 +5216,8 @@ const Ns = [
         c(!1);
       }
     }
-  }, k = (p) => {
-    p.target === p.currentTarget && e();
+  }, E = (u) => {
+    u.target === u.currentTarget && e();
   };
   return /* @__PURE__ */ r.jsxs(
     "div",
@@ -5225,7 +5233,7 @@ const Ns = [
         padding: "16px",
         zIndex: 1e3
       },
-      onClick: k,
+      onClick: E,
       children: [
         /* @__PURE__ */ r.jsxs(
           "div",
@@ -5316,11 +5324,11 @@ const Ns = [
                           flexShrink: 0,
                           transition: "all 0.2s ease"
                         },
-                        onMouseOver: (p) => {
-                          p.currentTarget.style.backgroundColor = s.border, p.currentTarget.style.color = s.textPrimary;
+                        onMouseOver: (u) => {
+                          u.currentTarget.style.backgroundColor = s.border, u.currentTarget.style.color = s.textPrimary;
                         },
-                        onMouseOut: (p) => {
-                          p.currentTarget.style.backgroundColor = "transparent", p.currentTarget.style.color = s.textTertiary;
+                        onMouseOut: (u) => {
+                          u.currentTarget.style.backgroundColor = "transparent", u.currentTarget.style.color = s.textTertiary;
                         },
                         children: /* @__PURE__ */ r.jsx(Ie, { size: 20 })
                       }
@@ -5365,7 +5373,7 @@ const Ns = [
                             id: "avatar-url",
                             placeholder: "https://example.com/your-avatar.jpg",
                             value: i,
-                            onChange: (p) => a(p.target.value),
+                            onChange: (u) => a(u.target.value),
                             style: {
                               width: "100%",
                               padding: "14px 16px",
@@ -5379,11 +5387,11 @@ const Ns = [
                               transition: "all 0.2s ease",
                               boxSizing: "border-box"
                             },
-                            onFocus: (p) => {
-                              p.target.style.borderColor = s.accent, p.target.style.boxShadow = `0 0 0 3px ${s.accent}20`;
+                            onFocus: (u) => {
+                              u.target.style.borderColor = s.accent, u.target.style.boxShadow = `0 0 0 3px ${s.accent}20`;
                             },
-                            onBlur: (p) => {
-                              p.target.style.borderColor = x.type === "error" ? s.error : x.type === "success" ? s.success : s.border, p.target.style.boxShadow = "none";
+                            onBlur: (u) => {
+                              u.target.style.borderColor = x.type === "error" ? s.error : x.type === "success" ? s.success : s.border, u.target.style.boxShadow = "none";
                             },
                             disabled: o
                           }
@@ -5458,8 +5466,8 @@ const Ns = [
                                 border: `2px solid ${s.success}40`,
                                 margin: "0 auto"
                               },
-                              onError: (p) => {
-                                p.currentTarget.style.display = "none";
+                              onError: (u) => {
+                                u.currentTarget.style.display = "none";
                               }
                             }
                           )
@@ -5500,11 +5508,11 @@ const Ns = [
                           opacity: o ? 0.6 : 1,
                           transition: "all 0.2s ease"
                         },
-                        onMouseOver: (p) => {
-                          o || (p.currentTarget.style.backgroundColor = s.border, p.currentTarget.style.transform = "translateY(-1px)");
+                        onMouseOver: (u) => {
+                          o || (u.currentTarget.style.backgroundColor = s.border, u.currentTarget.style.transform = "translateY(-1px)");
                         },
-                        onMouseOut: (p) => {
-                          o || (p.currentTarget.style.backgroundColor = "transparent", p.currentTarget.style.transform = "translateY(0)");
+                        onMouseOut: (u) => {
+                          o || (u.currentTarget.style.backgroundColor = "transparent", u.currentTarget.style.transform = "translateY(0)");
                         },
                         children: "Cancel"
                       }
@@ -5512,7 +5520,7 @@ const Ns = [
                     /* @__PURE__ */ r.jsx(
                       "button",
                       {
-                        onClick: E,
+                        onClick: k,
                         disabled: o || !x.isValid,
                         style: {
                           padding: "10px 24px",
@@ -5533,11 +5541,11 @@ const Ns = [
                           transition: "all 0.2s ease",
                           boxShadow: o || !x.isValid ? "none" : `0 4px 12px ${s.accent}40`
                         },
-                        onMouseOver: (p) => {
-                          !o && x.isValid && (p.currentTarget.style.transform = "translateY(-1px)", p.currentTarget.style.boxShadow = `0 6px 20px ${s.accent}60`);
+                        onMouseOver: (u) => {
+                          !o && x.isValid && (u.currentTarget.style.transform = "translateY(-1px)", u.currentTarget.style.boxShadow = `0 6px 20px ${s.accent}60`);
                         },
-                        onMouseOut: (p) => {
-                          !o && x.isValid && (p.currentTarget.style.transform = "translateY(0)", p.currentTarget.style.boxShadow = `0 4px 12px ${s.accent}40`);
+                        onMouseOut: (u) => {
+                          !o && x.isValid && (u.currentTarget.style.transform = "translateY(0)", u.currentTarget.style.boxShadow = `0 4px 12px ${s.accent}40`);
                         },
                         children: o ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
                           /* @__PURE__ */ r.jsx(
@@ -5622,16 +5630,16 @@ const Ns = [
   userId: i,
   colors: a
 }) => {
-  const o = me(), [c, d] = P({
+  const o = fe(), [c, d] = P({
     currentPassword: "",
     newPassword: "",
     confirmPassword: ""
-  }), [u, x] = P({}), [y, E] = P(!1), [k, p] = P({
+  }), [p, x] = P({}), [y, k] = P(!1), [E, u] = P({
     currentPassword: !1,
     newPassword: !1,
     confirmPassword: !1
   }), [w, h] = P(!1);
-  if (Te.useEffect(() => {
+  if (Ce.useEffect(() => {
     if (typeof window > "u") return;
     const b = () => {
       h(window.innerWidth < 640);
@@ -5640,15 +5648,15 @@ const Ns = [
   }, []), !t) return null;
   const O = (b) => {
     const { name: j, value: q } = b.target;
-    d((I) => ({ ...I, [j]: q })), u[j] && x((I) => ({ ...I, [j]: "" }));
-  }, T = (b) => {
-    p((j) => ({ ...j, [b]: !j[b] }));
+    d((I) => ({ ...I, [j]: q })), p[j] && x((I) => ({ ...I, [j]: "" }));
+  }, C = (b) => {
+    u((j) => ({ ...j, [b]: !j[b] }));
   }, g = () => {
     const b = {};
     return c.currentPassword || (b.currentPassword = "Current password is required"), c.newPassword ? c.newPassword.length < 6 && (b.newPassword = "Password must be at least 6 characters") : b.newPassword = "New password is required", c.newPassword !== c.confirmPassword && (b.confirmPassword = "Passwords do not match"), x(b), Object.keys(b).length === 0;
   }, A = async (b) => {
     if (b.preventDefault(), !!g()) {
-      E(!0);
+      k(!0);
       try {
         const { data: j } = await o.changePassword({
           currentPassword: c.currentPassword,
@@ -5663,7 +5671,7 @@ const Ns = [
       } catch (j) {
         s(j.response?.data?.message || "Something went wrong");
       } finally {
-        E(!1);
+        k(!1);
       }
     }
   }, N = [
@@ -5840,7 +5848,7 @@ const Ns = [
                       /* @__PURE__ */ r.jsx(
                         "input",
                         {
-                          type: k[b] ? "text" : "password",
+                          type: E[b] ? "text" : "password",
                           id: b,
                           name: b,
                           placeholder: `Enter ${j.toLowerCase()}`,
@@ -5850,7 +5858,7 @@ const Ns = [
                             width: "100%",
                             padding: "14px 48px 14px 44px",
                             borderRadius: "10px",
-                            border: `1.5px solid ${u[b] ? a.error : a.border}`,
+                            border: `1.5px solid ${p[b] ? a.error : a.border}`,
                             backgroundColor: "transparent",
                             color: a.textPrimary,
                             fontSize: "15px",
@@ -5862,7 +5870,7 @@ const Ns = [
                             I.target.style.borderColor = a.accent, I.target.style.boxShadow = `0 0 0 3px ${a.accent}20`;
                           },
                           onBlur: (I) => {
-                            I.target.style.borderColor = u[b] ? a.error : a.border, I.target.style.boxShadow = "none";
+                            I.target.style.borderColor = p[b] ? a.error : a.border, I.target.style.boxShadow = "none";
                           }
                         }
                       ),
@@ -5870,7 +5878,7 @@ const Ns = [
                         "button",
                         {
                           type: "button",
-                          onClick: () => T(b),
+                          onClick: () => C(b),
                           style: {
                             position: "absolute",
                             right: "14px",
@@ -5894,11 +5902,11 @@ const Ns = [
                           onMouseOut: (I) => {
                             I.currentTarget.style.backgroundColor = "transparent", I.currentTarget.style.color = a.textTertiary;
                           },
-                          children: k[b] ? /* @__PURE__ */ r.jsx(it, { size: 18 }) : /* @__PURE__ */ r.jsx(at, { size: 18 })
+                          children: E[b] ? /* @__PURE__ */ r.jsx(it, { size: 18 }) : /* @__PURE__ */ r.jsx(at, { size: 18 })
                         }
                       )
                     ] }),
-                    u[b] && /* @__PURE__ */ r.jsxs(
+                    p[b] && /* @__PURE__ */ r.jsxs(
                       "div",
                       {
                         style: {
@@ -5911,7 +5919,7 @@ const Ns = [
                         },
                         children: [
                           /* @__PURE__ */ r.jsx("span", { style: { fontSize: "16px" }, children: "⚠" }),
-                          u[b]
+                          p[b]
                         ]
                       }
                     )
@@ -6061,7 +6069,7 @@ const Ns = [
   otpSent: o,
   verifying: c,
   user: d,
-  colors: u,
+  colors: p,
   darkMode: x
 }) => {
   if (!t) return null;
@@ -6081,18 +6089,18 @@ const Ns = [
           {
             className: "verify-email-modal",
             style: {
-              backgroundColor: u.surface,
-              border: `1px solid ${u.border}`
+              backgroundColor: p.surface,
+              border: `1px solid ${p.border}`
             },
             children: [
               /* @__PURE__ */ r.jsxs("div", { className: "modal-header", children: [
-                /* @__PURE__ */ r.jsx("h3", { style: { color: u.textPrimary }, children: "Verify Your Email" }),
+                /* @__PURE__ */ r.jsx("h3", { style: { color: p.textPrimary }, children: "Verify Your Email" }),
                 /* @__PURE__ */ r.jsx(
                   "button",
                   {
                     onClick: y,
                     className: "close-btn",
-                    style: { color: u.textTertiary },
+                    style: { color: p.textTertiary },
                     "aria-label": "Close verification modal",
                     children: /* @__PURE__ */ r.jsx(Ie, { size: 20, "aria-hidden": "true" })
                   }
@@ -6100,13 +6108,13 @@ const Ns = [
               ] }),
               /* @__PURE__ */ r.jsxs("form", { className: "verify-form", onSubmit: n, children: [
                 /* @__PURE__ */ r.jsxs("div", { className: "form-group", children: [
-                  /* @__PURE__ */ r.jsx("label", { style: { color: u.textSecondary }, children: "Email" }),
+                  /* @__PURE__ */ r.jsx("label", { style: { color: p.textSecondary }, children: "Email" }),
                   /* @__PURE__ */ r.jsxs("div", { className: "input-container", children: [
                     /* @__PURE__ */ r.jsx(
                       pe,
                       {
                         size: 18,
-                        style: { color: u.textTertiary },
+                        style: { color: p.textTertiary },
                         "aria-hidden": "true"
                       }
                     ),
@@ -6115,15 +6123,15 @@ const Ns = [
                       {
                         type: "email",
                         value: i.email,
-                        onChange: (E) => a((k) => ({
-                          ...k,
-                          email: E.target.value
+                        onChange: (k) => a((E) => ({
+                          ...E,
+                          email: k.target.value
                         })),
                         placeholder: "Enter your email",
                         style: {
-                          backgroundColor: u.surfaceLight,
-                          color: u.textPrimary,
-                          borderColor: u.border
+                          backgroundColor: p.surfaceLight,
+                          color: p.textPrimary,
+                          borderColor: p.border
                         },
                         required: !0,
                         "aria-required": "true",
@@ -6133,13 +6141,13 @@ const Ns = [
                   ] })
                 ] }),
                 o && /* @__PURE__ */ r.jsxs("div", { className: "form-group", children: [
-                  /* @__PURE__ */ r.jsx("label", { style: { color: u.textSecondary }, children: "OTP" }),
+                  /* @__PURE__ */ r.jsx("label", { style: { color: p.textSecondary }, children: "OTP" }),
                   /* @__PURE__ */ r.jsxs("div", { className: "input-container", children: [
                     /* @__PURE__ */ r.jsx(
                       ir,
                       {
                         size: 18,
-                        style: { color: u.textTertiary },
+                        style: { color: p.textTertiary },
                         "aria-hidden": "true"
                       }
                     ),
@@ -6148,15 +6156,15 @@ const Ns = [
                       {
                         type: "text",
                         value: i.otp,
-                        onChange: (E) => a((k) => ({
-                          ...k,
-                          otp: E.target.value
+                        onChange: (k) => a((E) => ({
+                          ...E,
+                          otp: k.target.value
                         })),
                         placeholder: "Enter OTP",
                         style: {
-                          backgroundColor: u.surfaceLight,
-                          color: u.textPrimary,
-                          borderColor: u.border
+                          backgroundColor: p.surfaceLight,
+                          color: p.textPrimary,
+                          borderColor: p.border
                         },
                         required: !0,
                         "aria-required": "true",
@@ -6172,7 +6180,7 @@ const Ns = [
                     disabled: c,
                     className: "btn-primary",
                     style: {
-                      background: `linear-gradient(to right, ${u.accent}, ${u.accentHover})`,
+                      background: `linear-gradient(to right, ${p.accent}, ${p.accentHover})`,
                       opacity: c ? 0.7 : 1
                     },
                     "aria-label": c ? "Verifying email" : "Verify email",
@@ -6189,7 +6197,7 @@ const Ns = [
                     disabled: c,
                     className: "btn-primary",
                     style: {
-                      background: `linear-gradient(to right, ${u.accent}, ${u.accentHover})`,
+                      background: `linear-gradient(to right, ${p.accent}, ${p.accentHover})`,
                       opacity: c ? 0.7 : 1
                     },
                     "aria-label": c ? "Sending OTP" : "Send OTP",
@@ -6296,8 +6304,8 @@ const Ns = [
         }
 
         .input-container input:focus {
-          border-color: ${u.accent};
-          box-shadow: 0 0 0 3px ${u.accent}20;
+          border-color: ${p.accent};
+          box-shadow: 0 0 0 3px ${p.accent}20;
         }
 
         .modal-actions {
@@ -6361,7 +6369,7 @@ const Ns = [
   onVerify: s,
   primaryColor: i = "#00C212"
 }) => {
-  const a = me(), [o, c] = P(null), [d, u] = P(), [x, y] = P(!0), [E, k] = P(!1), [p, w] = P(!1), [h, O] = P(!1), [T, g] = P(!1), [A, N] = P(!1), [b, j] = P(!1), [q, I] = P(!1), [X, W] = P(!1), [C, G] = P(null), [R, z] = P(!1), [M, K] = P({
+  const a = fe(), [o, c] = P(null), [d, p] = P(), [x, y] = P(!0), [k, E] = P(!1), [u, w] = P(!1), [h, O] = P(!1), [C, g] = P(!1), [A, N] = P(!1), [b, j] = P(!1), [q, I] = P(!1), [X, W] = P(!1), [T, G] = P(null), [R, z] = P(!1), [M, K] = P({
     email: "",
     otp: ""
   }), [H, F] = P(!1), [Y, l] = P(!1);
@@ -6429,7 +6437,7 @@ const Ns = [
       if (V) {
         m("success", Z || "Email verified!");
         const de = { ...d, isVerified: !0 };
-        u(de), typeof s == "function" && s(de), K({ email: de.email, otp: "" }), F(!1), j?.(!1);
+        p(de), typeof s == "function" && s(de), K({ email: de.email, otp: "" }), F(!1), j?.(!1);
       } else
         m("error", Z || "Verification failed");
     } catch (U) {
@@ -6453,7 +6461,7 @@ const Ns = [
           // 🔁 merge backend response if present
           avatarUrl: v
         };
-        return u(V), m("success", "Avatar updated successfully!"), !0;
+        return p(V), m("success", "Avatar updated successfully!"), !0;
       }
       return m("error", U?.message || "Failed to update avatar"), !1;
     } catch (U) {
@@ -6475,10 +6483,10 @@ const Ns = [
             // overwrite updated fields
             isVerified: V ? !1 : d.isVerified
           };
-          u(Z), localStorage.setItem("userInfo", JSON.stringify(Z)), m(
+          p(Z), localStorage.setItem("userInfo", JSON.stringify(Z)), m(
             "success",
             V ? "Email updated. Please verify your new email." : "Profile updated successfully"
-          ), k(!1);
+          ), E(!1);
         } else
           m("error", U.message || "Update failed");
       } catch (v) {
@@ -6490,7 +6498,7 @@ const Ns = [
   }, le = async (v) => {
     try {
       const U = await a.checkIfUserExists(v);
-      U?.success === !0 && U?.exists === !1 && (console.warn("❌ User does not exist on server. Clearing session..."), localStorage.removeItem("userInfo"), u(null));
+      U?.success === !0 && U?.exists === !1 && (console.warn("❌ User does not exist on server. Clearing session..."), localStorage.removeItem("userInfo"), p(null));
     } catch (U) {
       console.error("⚠️ User validation request failed:", U);
     }
@@ -6504,13 +6512,13 @@ const Ns = [
           const V = U.user.id, Z = await a.getUserProfile({ userId: V });
           if (Z.user) {
             const de = Z.user;
-            u(de), le(V);
+            p(de), le(V);
           } else
-            u(null), localStorage.removeItem("userInfo");
+            p(null), localStorage.removeItem("userInfo");
         } else
-          u(null), localStorage.removeItem("userInfo");
+          p(null), localStorage.removeItem("userInfo");
       } catch (U) {
-        console.error("User init failed:", U), u(null), localStorage.removeItem("userInfo");
+        console.error("User init failed:", U), p(null), localStorage.removeItem("userInfo");
       } finally {
         y(!1);
       }
@@ -6640,7 +6648,7 @@ const Ns = [
       value: d.phone || "Not set",
       name: "phone",
       type: "tel",
-      icon: Ts
+      icon: Cs
     },
     {
       label: "Address",
@@ -6664,7 +6672,7 @@ const Ns = [
         minHeight: "80vh"
       },
       children: [
-        C && /* @__PURE__ */ r.jsxs(
+        T && /* @__PURE__ */ r.jsxs(
           "div",
           {
             style: {
@@ -6684,7 +6692,7 @@ const Ns = [
               fontWeight: 500,
               maxWidth: "400px",
               animation: "slideIn 0.3s ease-out",
-              ...C.type === "success" ? {
+              ...T.type === "success" ? {
                 backgroundColor: t ? "rgba(16, 185, 129, 0.1)" : "rgba(16, 185, 129, 0.05)",
                 borderColor: t ? "rgba(16, 185, 129, 0.3)" : "rgba(16, 185, 129, 0.2)",
                 color: t ? "#34d399" : "#059669"
@@ -6697,8 +6705,8 @@ const Ns = [
             role: "alert",
             "aria-live": "polite",
             children: [
-              C.type === "success" ? /* @__PURE__ */ r.jsx(ue, { size: 20, "aria-hidden": "true" }) : /* @__PURE__ */ r.jsx(se, { size: 20, "aria-hidden": "true" }),
-              C.message
+              T.type === "success" ? /* @__PURE__ */ r.jsx(ue, { size: 20, "aria-hidden": "true" }) : /* @__PURE__ */ r.jsx(se, { size: 20, "aria-hidden": "true" }),
+              T.message
             ]
           }
         ),
@@ -6888,11 +6896,11 @@ const Ns = [
                               flexDirection: "column",
                               gap: "6px"
                             },
-                            children: E ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+                            children: k ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
                               /* @__PURE__ */ r.jsxs(
                                 "button",
                                 {
-                                  onClick: () => k(!1),
+                                  onClick: () => E(!1),
                                   style: {
                                     backgroundColor: _.surfaceLight,
                                     border: `1px solid ${_.border}`,
@@ -6922,15 +6930,15 @@ const Ns = [
                                 "button",
                                 {
                                   onClick: B,
-                                  disabled: p,
+                                  disabled: u,
                                   style: {
                                     background: `linear-gradient(to right, ${_.accent}, ${_.accentHover})`,
-                                    opacity: p ? 0.7 : 1,
+                                    opacity: u ? 0.7 : 1,
                                     color: "white",
                                     padding: "10px 20px",
                                     borderRadius: "6px",
                                     border: "none",
-                                    cursor: p ? "not-allowed" : "pointer",
+                                    cursor: u ? "not-allowed" : "pointer",
                                     transition: "all 0.2s ease",
                                     fontSize: "12px",
                                     fontWeight: 500,
@@ -6943,7 +6951,7 @@ const Ns = [
                                     flex: o && window.innerWidth < 1024 ? "1" : "auto"
                                   },
                                   children: [
-                                    p ? /* @__PURE__ */ r.jsx(
+                                    u ? /* @__PURE__ */ r.jsx(
                                       ie,
                                       {
                                         size: 16,
@@ -6951,7 +6959,7 @@ const Ns = [
                                         "aria-hidden": "true"
                                       }
                                     ) : /* @__PURE__ */ r.jsx(Rs, { size: 16, "aria-hidden": "true" }),
-                                    p ? "Saving..." : "Save Changes"
+                                    u ? "Saving..." : "Save Changes"
                                   ]
                                 }
                               )
@@ -6959,7 +6967,7 @@ const Ns = [
                               /* @__PURE__ */ r.jsxs(
                                 "button",
                                 {
-                                  onClick: () => k(!0),
+                                  onClick: () => E(!0),
                                   style: {
                                     background: `linear-gradient(to right, ${_.accent}, ${_.accentHover})`,
                                     color: "white",
@@ -6979,7 +6987,7 @@ const Ns = [
                                     flex: o && window.innerWidth < 1024 ? "1" : "auto"
                                   },
                                   children: [
-                                    /* @__PURE__ */ r.jsx(Es, { size: 16, "aria-hidden": "true" }),
+                                    /* @__PURE__ */ r.jsx(ks, { size: 16, "aria-hidden": "true" }),
                                     "Edit Profile"
                                   ]
                                 }
@@ -7249,13 +7257,13 @@ const Ns = [
                                               ]
                                             }
                                           ),
-                                          E ? /* @__PURE__ */ r.jsx(
+                                          k ? /* @__PURE__ */ r.jsx(
                                             "input",
                                             {
                                               type: v.type,
                                               name: v.name,
                                               value: d[v.name],
-                                              onChange: (V) => u(
+                                              onChange: (V) => p(
                                                 (Z) => Z && { ...Z, [V.target.name]: V.target.value }
                                               ),
                                               style: {
@@ -7447,7 +7455,7 @@ const Ns = [
           qs,
           {
             userId: d.id,
-            isOpen: T,
+            isOpen: C,
             onClose: () => g(!1),
             onSuccess: (v) => m("success", v),
             onError: (v) => m("error", v),
@@ -7587,15 +7595,15 @@ const Ns = [
   settingsUrl: c,
   // Menu item visibility with defaults
   showProfileMenuItem: d = !0,
-  showSettingsMenuItem: u = !0,
+  showSettingsMenuItem: p = !0,
   showViewProfileMenuItem: x = !0,
   // Custom labels with defaults
   profileLabel: y = "My Profile",
-  settingsLabel: E = "Settings",
-  viewProfileLabel: k = "View Profile",
-  logoutLabel: p = "Sign Out"
+  settingsLabel: k = "Settings",
+  viewProfileLabel: E = "View Profile",
+  logoutLabel: u = "Sign Out"
 }) => {
-  const w = me(), [h, O] = P(!1), [T, g] = P(null), [A, N] = P(!0), [b, j] = P(null), q = dt(null), I = dt(null), [X, W] = P(!1), [C, G] = P(!1);
+  const w = fe(), [h, O] = P(!1), [C, g] = P(null), [A, N] = P(!0), [b, j] = P(null), q = dt(null), I = dt(null), [X, W] = P(!1), [T, G] = P(!1);
   ee(() => {
     if (typeof window > "u") return;
     const l = () => {
@@ -7689,19 +7697,19 @@ const Ns = [
     avatarButton: {
       display: "flex",
       alignItems: "center",
-      gap: C ? "6px" : "8px",
-      padding: C ? "6px 10px 6px 6px" : "8px 12px 8px 8px",
+      gap: T ? "6px" : "8px",
+      padding: T ? "6px 10px 6px 6px" : "8px 12px 8px 8px",
       borderRadius: "24px",
       backgroundColor: R.surface,
       cursor: "pointer",
       transition: "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
-      minWidth: C ? "auto" : "140px",
-      maxWidth: C ? "200px" : "none",
+      minWidth: T ? "auto" : "140px",
+      maxWidth: T ? "200px" : "none",
       outline: "none"
     },
     avatarImage: {
-      width: C ? "28px" : "32px",
-      height: C ? "28px" : "32px",
+      width: T ? "28px" : "32px",
+      height: T ? "28px" : "32px",
       borderRadius: "50%",
       objectFit: "cover",
       border: `2px solid ${R.borderLight}`,
@@ -7716,23 +7724,23 @@ const Ns = [
       overflow: "hidden"
     },
     userName: {
-      fontSize: C ? "13px" : "14px",
+      fontSize: T ? "13px" : "14px",
       fontWeight: 600,
       color: R.textPrimary,
       lineHeight: "1.2",
       whiteSpace: "nowrap",
       overflow: "hidden",
       textOverflow: "ellipsis",
-      maxWidth: C ? "80px" : "120px"
+      maxWidth: T ? "80px" : "120px"
     },
     userEmail: {
-      fontSize: C ? "11px" : "12px",
+      fontSize: T ? "11px" : "12px",
       color: R.textTertiary,
       lineHeight: "1.2",
       whiteSpace: "nowrap",
       overflow: "hidden",
       textOverflow: "ellipsis",
-      maxWidth: C ? "80px" : "120px"
+      maxWidth: T ? "80px" : "120px"
     },
     chevron: {
       transition: "transform 0.2s ease",
@@ -7761,7 +7769,7 @@ const Ns = [
       overflow: "hidden"
     },
     dropdownSection: {
-      padding: C ? "10px 12px" : "0px 16px",
+      padding: T ? "10px 12px" : "0px 16px",
       "&:last-child": {
         borderBottom: "none"
       }
@@ -7769,12 +7777,12 @@ const Ns = [
     userSection: {
       display: "flex",
       alignItems: "center",
-      gap: C ? "10px" : "12px",
-      padding: C ? "14px" : "16px"
+      gap: T ? "10px" : "12px",
+      padding: T ? "14px" : "16px"
     },
     dropdownAvatar: {
-      width: C ? "40px" : "48px",
-      height: C ? "40px" : "48px",
+      width: T ? "40px" : "48px",
+      height: T ? "40px" : "48px",
       borderRadius: "50%",
       objectFit: "cover",
       border: `2px solid ${R.borderLight}`,
@@ -7787,7 +7795,7 @@ const Ns = [
       minWidth: 0
     },
     dropdownUserName: {
-      fontSize: C ? "15px" : "16px",
+      fontSize: T ? "15px" : "16px",
       fontWeight: 600,
       color: R.textPrimary,
       lineHeight: "1.2",
@@ -7796,7 +7804,7 @@ const Ns = [
       textOverflow: "ellipsis"
     },
     dropdownUserEmail: {
-      fontSize: C ? "13px" : "14px",
+      fontSize: T ? "13px" : "14px",
       color: R.textSecondary,
       lineHeight: "1.2",
       overflow: "hidden",
@@ -7805,8 +7813,8 @@ const Ns = [
     menuItem: {
       display: "flex",
       alignItems: "center",
-      gap: C ? "10px" : "12px",
-      padding: C ? "10px 12px" : "12px 16px",
+      gap: T ? "10px" : "12px",
+      padding: T ? "10px 12px" : "12px 16px",
       borderRadius: "8px",
       cursor: "pointer",
       transition: "all 0.15s ease",
@@ -7815,7 +7823,7 @@ const Ns = [
       border: "none",
       background: "none",
       width: "100%",
-      fontSize: C ? "13px" : "14px",
+      fontSize: T ? "13px" : "14px",
       textAlign: "left",
       outline: "none"
     },
@@ -7823,38 +7831,38 @@ const Ns = [
       flex: 1
     },
     icon: {
-      width: C ? "16px" : "18px",
-      height: C ? "16px" : "18px",
+      width: T ? "16px" : "18px",
+      height: T ? "16px" : "18px",
       color: R.textSecondary,
       flexShrink: 0
     },
     logoutButton: {
       display: "flex",
       alignItems: "center",
-      gap: C ? "10px" : "12px",
-      padding: C ? "10px 12px" : "12px 16px",
+      gap: T ? "10px" : "12px",
+      padding: T ? "10px 12px" : "12px 16px",
       borderRadius: "8px",
       cursor: "pointer",
       transition: "all 0.15s ease",
       background: "none",
       border: "none",
       width: "100%",
-      fontSize: C ? "13px" : "14px",
+      fontSize: T ? "13px" : "14px",
       color: R.error,
       textAlign: "left",
       outline: "none"
     },
     loadingText: {
-      padding: C ? "16px 12px" : "20px 16px",
+      padding: T ? "16px 12px" : "20px 16px",
       textAlign: "center",
       color: R.textSecondary,
-      fontSize: C ? "13px" : "14px"
+      fontSize: T ? "13px" : "14px"
     },
     errorState: {
-      padding: C ? "16px 12px" : "20px 16px",
+      padding: T ? "16px 12px" : "20px 16px",
       textAlign: "center",
       color: R.textSecondary,
-      fontSize: C ? "13px" : "14px",
+      fontSize: T ? "13px" : "14px",
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
@@ -7901,7 +7909,7 @@ const Ns = [
     }
   }, K = (l, m) => {
     (l.key === "Enter" || l.key === " ") && (l.preventDefault(), m());
-  }, H = () => o || T?.profileUrl, F = () => {
+  }, H = () => o || C?.profileUrl, F = () => {
     const l = H();
     l && window.open(l, "_self", "noopener,noreferrer");
   }, Y = () => {
@@ -7927,14 +7935,14 @@ const Ns = [
             "aria-haspopup": "true",
             "aria-expanded": h,
             "aria-label": "Toggle user menu",
-            children: T?.avatarUrl ? /* @__PURE__ */ r.jsx(
+            children: C?.avatarUrl ? /* @__PURE__ */ r.jsx(
               "img",
               {
-                src: T.avatarUrl,
-                alt: `${T?.name || "User"}'s avatar`,
+                src: C.avatarUrl,
+                alt: `${C?.name || "User"}'s avatar`,
                 style: {
-                  width: C ? "34px" : "36px",
-                  height: C ? "34px" : "36px",
+                  width: T ? "34px" : "36px",
+                  height: T ? "34px" : "36px",
                   borderRadius: "50%",
                   objectFit: "cover",
                   border: `2px solid ${R.borderLight}`,
@@ -7944,7 +7952,7 @@ const Ns = [
                 onError: (l) => {
                   const m = l.target;
                   m.onerror = null, m.src = `https://api.dicebear.com/9.x/initials/svg?seed=${encodeURIComponent(
-                    T?.name || "User"
+                    C?.name || "User"
                   )}`;
                 }
               }
@@ -7952,12 +7960,12 @@ const Ns = [
               "img",
               {
                 src: `https://api.dicebear.com/9.x/initials/svg?seed=${encodeURIComponent(
-                  T?.name || "User"
+                  C?.name || "User"
                 )}`,
                 alt: "Default user avatar",
                 style: {
-                  width: C ? "34px" : "40px",
-                  height: C ? "34px" : "40px",
+                  width: T ? "34px" : "40px",
+                  height: T ? "34px" : "40px",
                   borderRadius: "50%",
                   objectFit: "cover",
                   border: `2px solid ${R.borderLight}`,
@@ -7989,11 +7997,11 @@ const Ns = [
               l.currentTarget.style.outline = "none";
             },
             children: [
-              T?.avatarUrl ? /* @__PURE__ */ r.jsx(
+              C?.avatarUrl ? /* @__PURE__ */ r.jsx(
                 "img",
                 {
-                  src: T.avatarUrl,
-                  alt: `${T.name}'s avatar`,
+                  src: C.avatarUrl,
+                  alt: `${C.name}'s avatar`,
                   style: z.avatarImage,
                   loading: "lazy",
                   onError: (l) => {
@@ -8010,14 +8018,14 @@ const Ns = [
                   loading: "lazy"
                 }
               ),
-              !C && /* @__PURE__ */ r.jsxs("div", { style: z.userInfo, children: [
-                /* @__PURE__ */ r.jsx("div", { style: z.userName, title: T?.name, children: T?.name || "Guest" }),
-                T?.email && /* @__PURE__ */ r.jsx("div", { style: z.userEmail, title: T.email, children: T.email })
+              !T && /* @__PURE__ */ r.jsxs("div", { style: z.userInfo, children: [
+                /* @__PURE__ */ r.jsx("div", { style: z.userName, title: C?.name, children: C?.name || "Guest" }),
+                C?.email && /* @__PURE__ */ r.jsx("div", { style: z.userEmail, title: C.email, children: C.email })
               ] }),
               /* @__PURE__ */ r.jsx(
                 Zn,
                 {
-                  size: C ? 14 : 16,
+                  size: T ? 14 : 16,
                   style: z.chevron,
                   "aria-hidden": "true"
                 }
@@ -8025,32 +8033,32 @@ const Ns = [
             ]
           }
         ),
-        h && /* @__PURE__ */ r.jsx("div", { style: z.dropdown, role: "menu", "aria-label": "User options", children: A ? /* @__PURE__ */ r.jsx("div", { style: z.loadingText, role: "status", "aria-live": "polite", children: "Loading user information..." }) : T ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+        h && /* @__PURE__ */ r.jsx("div", { style: z.dropdown, role: "menu", "aria-label": "User options", children: A ? /* @__PURE__ */ r.jsx("div", { style: z.loadingText, role: "status", "aria-live": "polite", children: "Loading user information..." }) : C ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
           /* @__PURE__ */ r.jsxs("div", { style: z.userSection, children: [
-            T?.avatarUrl ? /* @__PURE__ */ r.jsx(
+            C?.avatarUrl ? /* @__PURE__ */ r.jsx(
               "img",
               {
-                src: T.avatarUrl,
-                alt: `${T.name}'s profile picture`,
+                src: C.avatarUrl,
+                alt: `${C.name}'s profile picture`,
                 style: z.dropdownAvatar,
                 loading: "lazy",
                 onError: (l) => {
                   const m = l.target;
-                  m.src = `https://api.dicebear.com/9.x/initials/svg?seed=${T.name}`;
+                  m.src = `https://api.dicebear.com/9.x/initials/svg?seed=${C.name}`;
                 }
               }
             ) : /* @__PURE__ */ r.jsx(
               "img",
               {
-                src: `https://api.dicebear.com/9.x/initials/svg?seed=${T.name}`,
-                alt: `${T.name}'s default avatar`,
+                src: `https://api.dicebear.com/9.x/initials/svg?seed=${C.name}`,
+                alt: `${C.name}'s default avatar`,
                 style: z.dropdownAvatar,
                 loading: "lazy"
               }
             ),
             /* @__PURE__ */ r.jsxs("div", { style: z.dropdownUserInfo, children: [
-              /* @__PURE__ */ r.jsx("div", { style: z.dropdownUserName, title: T.name, children: T.name }),
-              /* @__PURE__ */ r.jsx("div", { style: z.dropdownUserEmail, title: T.email, children: T.email })
+              /* @__PURE__ */ r.jsx("div", { style: z.dropdownUserName, title: C.name, children: C.name }),
+              /* @__PURE__ */ r.jsx("div", { style: z.dropdownUserEmail, title: C.email, children: C.email })
             ] })
           ] }),
           /* @__PURE__ */ r.jsxs("div", { style: z.dropdownSection, children: [
@@ -8074,7 +8082,7 @@ const Ns = [
                 ]
               }
             ),
-            u && c && /* @__PURE__ */ r.jsxs(
+            p && c && /* @__PURE__ */ r.jsxs(
               "button",
               {
                 style: z.menuItem,
@@ -8090,14 +8098,14 @@ const Ns = [
                 tabIndex: 0,
                 children: [
                   /* @__PURE__ */ r.jsx(Is, { style: z.icon, "aria-hidden": "true" }),
-                  /* @__PURE__ */ r.jsx("span", { style: z.menuItemText, children: E })
+                  /* @__PURE__ */ r.jsx("span", { style: z.menuItemText, children: k })
                 ]
               }
             ),
-            x && T.profileUrl && /* @__PURE__ */ r.jsxs(
+            x && C.profileUrl && /* @__PURE__ */ r.jsxs(
               "a",
               {
-                href: T.profileUrl,
+                href: C.profileUrl,
                 target: "_self",
                 rel: "noopener noreferrer",
                 style: z.menuItem,
@@ -8111,7 +8119,7 @@ const Ns = [
                 tabIndex: 0,
                 children: [
                   /* @__PURE__ */ r.jsx(pe, { style: z.icon, "aria-hidden": "true" }),
-                  /* @__PURE__ */ r.jsx("span", { style: z.menuItemText, children: k })
+                  /* @__PURE__ */ r.jsx("span", { style: z.menuItemText, children: E })
                 ]
               }
             )
@@ -8138,7 +8146,7 @@ const Ns = [
                     "aria-hidden": "true"
                   }
                 ),
-                /* @__PURE__ */ r.jsx("span", { style: z.menuItemText, children: p })
+                /* @__PURE__ */ r.jsx("span", { style: z.menuItemText, children: u })
               ]
             }
           ) })
@@ -8177,7 +8185,7 @@ const Ns = [
   primaryColor: n = "#00C212",
   onVerify: s
 }) => {
-  const i = me();
+  const i = fe();
   if (!t)
     return /* @__PURE__ */ r.jsxs(
       "div",
@@ -8204,8 +8212,8 @@ const Ns = [
   const [a, o] = P(!1), [c, d] = P({
     email: t?.email || "",
     otp: ""
-  }), [u, x] = P(!1), [y, E] = P(!1), [k, p] = P(null);
-  Te.useEffect(() => {
+  }), [p, x] = P(!1), [y, k] = P(!1), [E, u] = P(null);
+  Ce.useEffect(() => {
     if (typeof window < "u") {
       const b = () => o(window.innerWidth < 768);
       return b(), window.addEventListener("resize", b), () => window.removeEventListener("resize", b);
@@ -8239,8 +8247,8 @@ const Ns = [
     t?.email && d((b) => ({ ...b, email: t.email }));
   }, [t?.email]);
   const O = (b, j) => {
-    p({ type: b, message: j }), setTimeout(() => p(null), 3e3);
-  }, T = async () => {
+    u({ type: b, message: j }), setTimeout(() => u(null), 3e3);
+  }, C = async () => {
     if (!c.email || !/\S+@\S+\.\S+/.test(c.email)) {
       O("error", "Please enter a valid email");
       return;
@@ -8250,7 +8258,7 @@ const Ns = [
       return;
     }
     try {
-      E(!0);
+      k(!0);
       const b = await i.requestEmailVerificationOTP({
         userId: t.id,
         email: c.email
@@ -8265,7 +8273,7 @@ const Ns = [
     } catch (b) {
       console.error("Send OTP error:", b), O("error", b.message || "Server error");
     } finally {
-      E(!1);
+      k(!1);
     }
   }, g = async (b) => {
     if (b.preventDefault(), !c.email || !c.otp) {
@@ -8273,7 +8281,7 @@ const Ns = [
       return;
     }
     try {
-      E(!0);
+      k(!0);
       const j = await i.verifyEmail({
         email: c.email,
         otp: c.otp
@@ -8286,7 +8294,7 @@ const Ns = [
     } catch (j) {
       O("error", j.message || "Server error");
     } finally {
-      E(!1);
+      k(!1);
     }
   }, A = {
     width: "100%",
@@ -8368,7 +8376,7 @@ const Ns = [
             ]
           }
         ),
-        k && /* @__PURE__ */ r.jsxs(
+        E && /* @__PURE__ */ r.jsxs(
           "div",
           {
             style: {
@@ -8376,16 +8384,16 @@ const Ns = [
               borderRadius: 12,
               fontSize: 13,
               fontWeight: 500,
-              color: k.type === "success" ? h.success : h.warning,
-              border: `1px solid ${k.type === "success" ? h.success : h.warning}`,
-              backgroundColor: k.type === "success" ? `${h.success}20` : `${h.warning}20`,
+              color: E.type === "success" ? h.success : h.warning,
+              border: `1px solid ${E.type === "success" ? h.success : h.warning}`,
+              backgroundColor: E.type === "success" ? `${h.success}20` : `${h.warning}20`,
               display: "flex",
               alignItems: "center",
               gap: 8
             },
             children: [
-              k.type === "success" ? /* @__PURE__ */ r.jsx(ue, { size: 16 }) : /* @__PURE__ */ r.jsx(se, { size: 16 }),
-              k.message
+              E.type === "success" ? /* @__PURE__ */ r.jsx(ue, { size: 16 }) : /* @__PURE__ */ r.jsx(se, { size: 16 }),
+              E.message
             ]
           }
         ),
@@ -8440,7 +8448,7 @@ const Ns = [
             }
           )
         ] }),
-        u && /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+        p && /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
           /* @__PURE__ */ r.jsxs(
             "div",
             {
@@ -8490,7 +8498,7 @@ const Ns = [
             }
           )
         ] }),
-        /* @__PURE__ */ r.jsx("div", { style: { display: "flex", gap: 12 }, children: u ? /* @__PURE__ */ r.jsxs(
+        /* @__PURE__ */ r.jsx("div", { style: { display: "flex", gap: 12 }, children: p ? /* @__PURE__ */ r.jsxs(
           "button",
           {
             type: "submit",
@@ -8510,7 +8518,7 @@ const Ns = [
           "button",
           {
             type: "button",
-            onClick: T,
+            onClick: C,
             disabled: y || !t?.id,
             style: {
               ...N(y),