@neuctra/authix 1.2.24 → 1.2.26

package/dist/neuctra-authix.es.js

@@ -1,4 +1,4 @@
-import Ce, { forwardRef as zt, createElement as Je, createContext as cr, useContext as dr, useState as P, useEffect as ee, useRef as ut } from "react";
+import Ce, { forwardRef as At, createElement as Je, createContext as cr, useContext as dr, useState as P, useEffect as ee, useRef as ut } from "react";
 function Ut(t, e) {
   return function() {
     return t.apply(e, arguments);
@@ -87,11 +87,11 @@ const Rr = (t, e, n, { allOwnKeys: s } = {}) => (Pe(e, (i, a) => {
     t = n !== !1 && nt(t);
   } while (t && (!n || n(t, e)) && t !== Object.prototype);
   return e;
-}, Ar = (t, e, n) => {
+}, zr = (t, e, n) => {
   t = String(t), (n === void 0 || n > t.length) && (n = t.length), n -= e.length;
   const s = t.indexOf(e, n);
   return s !== -1 && s === n;
-}, zr = (t) => {
+}, Ar = (t) => {
   if (!t) return null;
   if (je(t)) return t;
   let e = t.length;
@@ -212,8 +212,8 @@ const Hr = (t) => {
   toFlatObject: Or,
   kindOf: Fe,
   kindOfTest: ae,
-  endsWith: Ar,
-  toArray: zr,
+  endsWith: zr,
+  toArray: Ar,
   forEachEntry: _r,
   matchAll: $r,
   isHTMLForm: Dr,
@@ -1158,7 +1158,7 @@ const Zt = (t) => {
   }, {
     highWaterMark: 2
   });
-}, jt = 64 * 1024, { isFunction: Ae } = f, An = (({ Request: t, Response: e }) => ({
+}, jt = 64 * 1024, { isFunction: ze } = f, zn = (({ Request: t, Response: e }) => ({
   Request: t,
   Response: e
 }))(f.global), {
@@ -1170,14 +1170,14 @@ const Zt = (t) => {
   } catch {
     return !1;
   }
-}, zn = (t) => {
+}, An = (t) => {
   t = f.merge.call({
     skipUndefined: !0
-  }, An, t);
-  const { fetch: e, Request: n, Response: s } = t, i = e ? Ae(e) : typeof fetch == "function", a = Ae(n), o = Ae(s);
+  }, zn, 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 && Ae(vt), d = i && (typeof St == "function" ? /* @__PURE__ */ ((u) => (w) => u.encode(w))(new St()) : async (u) => new Uint8Array(await new n(u).arrayBuffer())), x = a && c && kt(() => {
+  const c = i && ze(vt), d = i && (typeof St == "function" ? /* @__PURE__ */ ((u) => (w) => u.encode(w))(new St()) : async (u) => new Uint8Array(await new n(u).arrayBuffer())), x = a && c && kt(() => {
     let u = !1;
     const w = new n(Q.origin, {
       body: new vt(),
@@ -1236,9 +1236,9 @@ const Zt = (t) => {
     const T = R && R.unsubscribe && (() => {
       R.unsubscribe();
     });
-    let A;
+    let z;
     try {
-      if (b && x && h !== "get" && h !== "head" && (A = await E(q, I)) !== 0) {
+      if (b && x && h !== "get" && h !== "head" && (z = await E(q, I)) !== 0) {
         let l = new n(w, {
           method: "POST",
           body: I,
@@ -1246,7 +1246,7 @@ const Zt = (t) => {
         }), m;
         if (f.isFormData(I) && (m = l.headers.get("content-type")) && q.setContentType(m), l.body) {
           const [S, D] = gt(
-            A,
+            z,
             Ne(yt(b))
           );
           I = wt(l.body, jt, S, D);
@@ -1311,7 +1311,7 @@ const Zt = (t) => {
   ];
   let o = a.length, c = o, d, x, p = Un;
   for (; c--; )
-    d = a[c], x = p.get(d), x === void 0 && p.set(d, x = c ? /* @__PURE__ */ new Map() : zn(e)), p = x;
+    d = a[c], x = p.get(d), x === void 0 && p.set(d, x = c ? /* @__PURE__ */ new Map() : An(e)), p = x;
   return x;
 };
 Qt();
@@ -2110,19 +2110,18 @@ class li {
    * - Future filter ready
    */
   async getUserData(e) {
-    const { userId: n, limit: s = 20, cursor: i, type: a } = e;
+    const { userId: n, limit: s = 20, cursor: i, category: a } = e;
     if (!n)
       throw new Error("getUserData: 'userId' is required");
     const o = `/users/${encodeURIComponent(n)}/data`, c = new URLSearchParams();
-    c.append("limit", String(s)), i && c.append("cursor", i), a && c.append("type", a);
+    c.set("limit", String(s)), i && c.set("cursor", i), a && c.set("category", a);
     const d = c.toString();
-    return await this.request(
+    return this.request(
       "GET",
       d ? `${o}?${d}` : o,
       void 0,
       {},
       !1
-      // 👈 no credentials
     );
   }
   /**
@@ -2200,22 +2199,27 @@ class li {
     );
   }
   /**
-   * Search all users' data by category from a specific app
-   * @param params requires appId and category
+   * Search all users' data by keys with deep filtering inside an app
+   * @param params appId, dataCategory (required), query (optional), and dynamic filters
    */
-  async searchAllUsersDataFromApp(e) {
-    const { dataCategory: n } = e, s = this.appId;
-    if (!s)
-      throw new Error("searchAllUsersDataFromApp: 'appId' is required");
+  async searchAllUsersDataByKeys(e) {
+    const { dataCategory: n, query: s, ...i } = e, a = this.appId;
+    if (!a)
+      throw new Error("searchAllUsersDataByKeys: 'appId' is required");
     if (!n)
-      throw new Error("searchAllUsersDataFromApp: 'category' is required");
+      throw new Error("searchAllUsersDataByKeys: 'dataCategory' is required");
     return await this.request(
       "GET",
-      `/users/app/${encodeURIComponent(s)}/category/${encodeURIComponent(n)}`,
+      `/users/${encodeURIComponent(a)}/data/searchbyref/all?${new URLSearchParams(
+        {
+          dataCategory: n,
+          ...s ? { query: s } : {},
+          ...i
+        }
+      ).toString()}`,
       void 0,
       {},
       !1
-      // 👈 no credentials
     );
   }
   // ================= APP DATA =================
@@ -2384,7 +2388,7 @@ class li {
     );
   }
 }
-var ze = { exports: {} }, ke = {};
+var Ae = { exports: {} }, ke = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -2583,8 +2587,8 @@ function qn() {
         else y(B);
       if (G.call(m, "key")) {
         B = t(l);
-        var le = Object.keys(m).filter(function(z) {
-          return z !== "key";
+        var le = Object.keys(m).filter(function(A) {
+          return A !== "key";
         });
         D = 0 < le.length ? "{key: someKey, " + le.join(": ..., ") + ": ...}" : "{key: someKey}", Y[B + D] || (le = 0 < le.length ? "{" + le.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
@@ -2622,7 +2626,7 @@ React keys must be passed directly to JSX without using spread:
     function k(l) {
       return typeof l == "object" && l !== null && l.$$typeof === u;
     }
-    var E = Ce, u = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), I = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), g = Symbol.for("react.consumer"), U = 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"), O = Symbol.for("react.lazy"), X = Symbol.for("react.activity"), W = Symbol.for("react.client.reference"), R = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, G = Object.prototype.hasOwnProperty, T = Array.isArray, A = console.createTask ? console.createTask : function() {
+    var E = Ce, u = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), I = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), g = Symbol.for("react.consumer"), U = 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"), O = Symbol.for("react.lazy"), X = Symbol.for("react.activity"), W = Symbol.for("react.client.reference"), R = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, G = Object.prototype.hasOwnProperty, T = Array.isArray, z = console.createTask ? console.createTask : function() {
       return null;
     };
     E = {
@@ -2633,7 +2637,7 @@ React keys must be passed directly to JSX without using spread:
     var M, J = {}, H = E.react_stack_bottom_frame.bind(
       E,
       a
-    )(), L = A(s(a)), Y = {};
+    )(), L = z(s(a)), Y = {};
     Ee.Fragment = h, Ee.jsx = function(l, m, S) {
       var D = 1e4 > R.recentlyCreatedOwnerStacks++;
       return p(
@@ -2642,7 +2646,7 @@ React keys must be passed directly to JSX without using spread:
         S,
         !1,
         D ? Error("react-stack-top-frame") : H,
-        D ? A(s(l)) : L
+        D ? z(s(l)) : L
       );
     }, Ee.jsxs = function(l, m, S) {
       var D = 1e4 > R.recentlyCreatedOwnerStacks++;
@@ -2652,14 +2656,14 @@ React keys must be passed directly to JSX without using spread:
         S,
         !0,
         D ? Error("react-stack-top-frame") : H,
-        D ? A(s(l)) : L
+        D ? z(s(l)) : L
       );
     };
   })()), Ee;
 }
 var It;
 function Mn() {
-  return It || (It = 1, process.env.NODE_ENV === "production" ? ze.exports = Fn() : ze.exports = qn()), ze.exports;
+  return It || (It = 1, process.env.NODE_ENV === "production" ? Ae.exports = Fn() : Ae.exports = qn()), Ae.exports;
 }
 var r = Mn();
 /**
@@ -2702,7 +2706,7 @@ var Vn = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Yn = zt(
+const Yn = At(
   ({
     color: t = "currentColor",
     size: e = 24,
@@ -2738,7 +2742,7 @@ const Yn = zt(
  * See the LICENSE file in the root directory of this source tree.
  */
 const F = (t, e) => {
-  const n = zt(
+  const n = At(
     ({ className: s, ...i }, a) => Je(Yn, {
       ref: a,
       iconNode: e,
@@ -3105,7 +3109,7 @@ const Is = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const As = [
+const zs = [
   [
     "path",
     {
@@ -3113,20 +3117,20 @@ const As = [
       key: "oel41y"
     }
   ]
-], rt = F("shield", As);
+], rt = F("shield", zs);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zs = [
+const As = [
   ["path", { d: "M10 11v6", key: "nco0om" }],
   ["path", { d: "M14 11v6", key: "outv1u" }],
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
-], De = F("trash-2", zs);
+], De = F("trash-2", As);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
@@ -3143,7 +3147,7 @@ const Us = [
   ],
   ["path", { d: "M12 9v4", key: "juzpu7" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
-], At = F("triangle-alert", Us);
+], zt = F("triangle-alert", Us);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
@@ -3214,7 +3218,7 @@ const Ns = [
       return L(), window.addEventListener("resize", L), () => window.removeEventListener("resize", L);
     }
   }, []);
-  const A = (L) => {
+  const z = (L) => {
     const { name: Y, value: l } = L.target;
     h((m) => ({ ...m, [Y]: l })), j[Y] && q((m) => ({ ...m, [Y]: void 0 }));
   }, M = () => {
@@ -3506,7 +3510,7 @@ const Ns = [
                             name: "name",
                             placeholder: "Enter your full name",
                             value: w.name,
-                            onChange: A,
+                            onChange: z,
                             style: {
                               ...H,
                               borderColor: j.name ? "#ef4444" : T
@@ -3561,7 +3565,7 @@ const Ns = [
                             name: "email",
                             placeholder: "Enter your email address",
                             value: w.email,
-                            onChange: A,
+                            onChange: z,
                             style: {
                               ...H,
                               borderColor: j.email ? "#ef4444" : T
@@ -3616,7 +3620,7 @@ const Ns = [
                             name: "password",
                             placeholder: "Create a secure password",
                             value: w.password,
-                            onChange: A,
+                            onChange: z,
                             style: {
                               ...H,
                               borderColor: j.password ? "#ef4444" : T
@@ -3694,7 +3698,7 @@ const Ns = [
                                 name: "avatarUrl",
                                 placeholder: "Paste your avatar image URL",
                                 value: w.avatarUrl || "",
-                                onChange: A,
+                                onChange: z,
                                 style: H
                               }
                             )
@@ -3824,7 +3828,7 @@ const Ns = [
     email: "",
     otp: "",
     newPassword: ""
-  }), [W, R] = P(!1), G = o ? "#ffffff" : "#111827", T = o ? "#a1a1aa" : "#6b7280", A = 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)";
+  }), [W, R] = P(!1), G = o ? "#ffffff" : "#111827", T = 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 = () => R(window.innerWidth < 768);
@@ -3894,7 +3898,7 @@ const Ns = [
   }, l = {
     width: "100%",
     padding: W ? "10px 14px 10px 44px" : "10px 16px 10px 44px",
-    backgroundColor: A,
+    backgroundColor: z,
     border: `1px solid ${M}`,
     borderRadius: "10px",
     color: G,
@@ -4566,7 +4570,7 @@ const Ns = [
                       display: "flex",
                       alignItems: "flex-start"
                     },
-                    children: /* @__PURE__ */ r.jsx(At, { size: 24 })
+                    children: /* @__PURE__ */ r.jsx(zt, { size: 24 })
                   }
                 ),
                 /* @__PURE__ */ r.jsxs("div", { style: { flex: 1 }, children: [
@@ -4727,7 +4731,7 @@ const Ns = [
                       color: "white",
                       flexShrink: 0
                     },
-                    children: /* @__PURE__ */ r.jsx(At, { size: 24 })
+                    children: /* @__PURE__ */ r.jsx(zt, { size: 24 })
                   }
                 ),
                 /* @__PURE__ */ r.jsx("div", { style: { flex: 1 }, children: /* @__PURE__ */ r.jsx(
@@ -6472,7 +6476,7 @@ const Ns = [
   onVerify: s,
   primaryColor: i = "#00C212"
 }) => {
-  const a = ge(), [o, c] = P(null), [d, x] = P(), [p, y] = P(!0), [k, E] = P(!1), [u, w] = P(!1), [h, I] = P(!1), [C, g] = P(!1), [U, N] = P(!1), [b, j] = P(!1), [q, O] = P(!1), [X, W] = P(!1), [R, G] = P(null), [T, A] = P(!1), [M, J] = P({
+  const a = ge(), [o, c] = P(null), [d, x] = P(), [p, y] = P(!0), [k, E] = P(!1), [u, w] = P(!1), [h, I] = P(!1), [C, g] = P(!1), [U, N] = P(!1), [b, j] = P(!1), [q, O] = P(!1), [X, W] = P(!1), [R, G] = P(null), [T, z] = P(!1), [M, J] = P({
     email: "",
     otp: ""
   }), [H, L] = P(!1), [Y, l] = P(!1);
@@ -6632,7 +6636,7 @@ const Ns = [
   const ye = (v, _) => {
     let V = parseInt(v.replace("#", ""), 16), Z = (V >> 16) + _, de = (V >> 8 & 255) + _, Be = (V & 255) + _;
     return Z = Math.min(255, Math.max(0, Z)), de = Math.min(255, Math.max(0, de)), Be = Math.min(255, Math.max(0, Be)), `#${(Be | de << 8 | Z << 16).toString(16).padStart(6, "0")}`;
-  }, z = t ? {
+  }, A = t ? {
     background: "#000000",
     surface: "#09090b",
     surfaceLight: "#27272a",
@@ -6671,7 +6675,7 @@ const Ns = [
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          color: z.textPrimary,
+          color: A.textPrimary,
           fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, sans-serif"
         },
         children: /* @__PURE__ */ r.jsxs(
@@ -6689,12 +6693,12 @@ const Ns = [
                 se,
                 {
                   size: 40,
-                  color: z.accent,
+                  color: A.accent,
                   style: { animation: "spin 1s linear infinite" },
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ r.jsx("p", { style: { color: z.textTertiary, margin: 0 }, children: "Loading your profile..." })
+              /* @__PURE__ */ r.jsx("p", { style: { color: A.textTertiary, margin: 0 }, children: "Loading your profile..." })
             ]
           }
         )
@@ -6710,7 +6714,7 @@ const Ns = [
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          color: z.textPrimary,
+          color: A.textPrimary,
           fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, sans-serif"
         },
         children: /* @__PURE__ */ r.jsxs(
@@ -6724,8 +6728,8 @@ const Ns = [
               textAlign: "center"
             },
             children: [
-              /* @__PURE__ */ r.jsx(ie, { size: 40, color: z.error, "aria-hidden": "true" }),
-              /* @__PURE__ */ r.jsx("p", { style: { color: z.textTertiary, margin: 0 }, children: "No profile found. Please log in again." })
+              /* @__PURE__ */ r.jsx(ie, { size: 40, color: A.error, "aria-hidden": "true" }),
+              /* @__PURE__ */ r.jsx("p", { style: { color: A.textTertiary, margin: 0 }, children: "No profile found. Please log in again." })
             ]
           }
         )
@@ -6785,7 +6789,7 @@ const Ns = [
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
-        color: z.textPrimary,
+        color: A.textPrimary,
         fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, sans-serif",
         lineHeight: 1.5,
         minHeight: "80vh"
@@ -6871,7 +6875,7 @@ const Ns = [
                           "section",
                           {
                             style: {
-                              backgroundColor: z.surface,
+                              backgroundColor: A.surface,
                               borderRadius: "16px",
                               position: "relative",
                               padding: "24px",
@@ -6925,7 +6929,7 @@ const Ns = [
                                           borderRadius: "50%",
                                           objectFit: "cover",
                                           boxShadow: "0 10px 25px -5px rgba(0, 0, 0, 0.3)",
-                                          border: `3px solid ${z.border}`
+                                          border: `3px solid ${A.border}`
                                         },
                                         width: 128,
                                         height: 128,
@@ -6940,7 +6944,7 @@ const Ns = [
                                           position: "absolute",
                                           bottom: "8px",
                                           right: "8px",
-                                          backgroundColor: z.accent,
+                                          backgroundColor: A.accent,
                                           color: "white",
                                           padding: "8px",
                                           borderRadius: "50%",
@@ -6967,7 +6971,7 @@ const Ns = [
                                     fontSize: "24px",
                                     fontWeight: 600,
                                     margin: "0 0 4px 0",
-                                    color: z.textPrimary
+                                    color: A.textPrimary
                                   },
                                   children: d.name
                                 }
@@ -6979,7 +6983,7 @@ const Ns = [
                                     fontSize: "18px",
                                     fontWeight: 600,
                                     margin: "0 0 4px 0",
-                                    color: z.textTertiary
+                                    color: A.textTertiary
                                   },
                                   children: [
                                     "@",
@@ -6991,7 +6995,7 @@ const Ns = [
                                 "p",
                                 {
                                   style: {
-                                    color: z.textTertiary,
+                                    color: A.textTertiary,
                                     margin: "0 0 8px 0"
                                   },
                                   children: d.email
@@ -7002,7 +7006,7 @@ const Ns = [
                                 {
                                   style: {
                                     backgroundColor: d.isVerified ? t ? "rgba(16, 185, 129, 0.1)" : "rgba(16, 185, 129, 0.05)" : t ? "rgba(245, 158, 11, 0.1)" : "rgba(245, 158, 11, 0.05)",
-                                    color: d.isVerified ? z.success : z.warning,
+                                    color: d.isVerified ? A.success : A.warning,
                                     border: `1px solid ${d.isVerified ? t ? "rgba(16, 185, 129, 0.3)" : "rgba(16, 185, 129, 0.2)" : t ? "rgba(245, 158, 11, 0.3)" : "rgba(245, 158, 11, 0.2)"}`,
                                     padding: "6px 12px",
                                     borderRadius: "20px",
@@ -7036,9 +7040,9 @@ const Ns = [
                                 {
                                   onClick: () => E(!1),
                                   style: {
-                                    backgroundColor: z.surfaceLight,
-                                    border: `1px solid ${z.border}`,
-                                    color: z.textPrimary,
+                                    backgroundColor: A.surfaceLight,
+                                    border: `1px solid ${A.border}`,
+                                    color: A.textPrimary,
                                     padding: "10px 20px",
                                     borderRadius: "6px",
                                     borderStyle: "solid",
@@ -7066,7 +7070,7 @@ const Ns = [
                                   onClick: B,
                                   disabled: u,
                                   style: {
-                                    background: `linear-gradient(to right, ${z.accent}, ${z.accentHover})`,
+                                    background: `linear-gradient(to right, ${A.accent}, ${A.accentHover})`,
                                     opacity: u ? 0.7 : 1,
                                     color: "white",
                                     padding: "10px 20px",
@@ -7103,7 +7107,7 @@ const Ns = [
                                 {
                                   onClick: () => E(!0),
                                   style: {
-                                    background: `linear-gradient(to right, ${z.accent}, ${z.accentHover})`,
+                                    background: `linear-gradient(to right, ${A.accent}, ${A.accentHover})`,
                                     color: "white",
                                     padding: "10px 20px",
                                     borderRadius: "6px",
@@ -7168,8 +7172,8 @@ const Ns = [
                                   "button",
                                   {
                                     style: {
-                                      backgroundColor: z.surfaceLight,
-                                      color: z.textPrimary,
+                                      backgroundColor: A.surfaceLight,
+                                      color: A.textPrimary,
                                       padding: "10px 20px",
                                       borderRadius: "6px",
                                       border: "none",
@@ -7202,8 +7206,8 @@ const Ns = [
                                       bottom: "100%",
                                       left: 0,
                                       right: 0,
-                                      backgroundColor: z.surface,
-                                      border: `1px solid ${z.border}`,
+                                      backgroundColor: A.surface,
+                                      border: `1px solid ${A.border}`,
                                       borderRadius: "12px 12px 0 0",
                                       boxShadow: "0 -8px 24px rgba(0, 0, 0, 0.25)",
                                       zIndex: 200,
@@ -7223,7 +7227,7 @@ const Ns = [
                                             padding: "14px 18px",
                                             backgroundColor: "transparent",
                                             border: "none",
-                                            color: z.textPrimary,
+                                            color: A.textPrimary,
                                             cursor: "pointer",
                                             transition: "all 0.2s ease",
                                             fontSize: "13px",
@@ -7233,7 +7237,7 @@ const Ns = [
                                             gap: "8px",
                                             textAlign: "left"
                                           },
-                                          onMouseEnter: (v) => v.currentTarget.style.backgroundColor = z.surfaceLight,
+                                          onMouseEnter: (v) => v.currentTarget.style.backgroundColor = A.surfaceLight,
                                           onMouseLeave: (v) => v.currentTarget.style.backgroundColor = "transparent",
                                           children: [
                                             /* @__PURE__ */ r.jsx(lt, { size: 14, "aria-hidden": "true" }),
@@ -7327,7 +7331,7 @@ const Ns = [
                           "section",
                           {
                             style: {
-                              backgroundColor: z.surface,
+                              backgroundColor: A.surface,
                               borderRadius: "16px",
                               padding: "24px",
                               boxShadow: "0 1px 3px rgba(0, 0, 0, 0.1)"
@@ -7340,7 +7344,7 @@ const Ns = [
                                     fontSize: "20px",
                                     fontWeight: 600,
                                     margin: "0 0 24px 0",
-                                    color: z.textSecondary,
+                                    color: A.textSecondary,
                                     display: "flex",
                                     alignItems: "center",
                                     gap: "8px"
@@ -7378,7 +7382,7 @@ const Ns = [
                                             "label",
                                             {
                                               style: {
-                                                color: z.textTertiary,
+                                                color: A.textTertiary,
                                                 fontSize: "12px",
                                                 fontWeight: 500,
                                                 display: "flex",
@@ -7405,7 +7409,7 @@ const Ns = [
                                                 borderRadius: "8px",
                                                 border: `1px solid ${i}`,
                                                 backgroundColor: "transparent",
-                                                color: z.textPrimary,
+                                                color: A.textPrimary,
                                                 fontSize: "12px",
                                                 outline: "none",
                                                 transition: "border-color 0.2s ease",
@@ -7429,7 +7433,7 @@ const Ns = [
                                                 display: "flex",
                                                 alignItems: "center",
                                                 boxSizing: "border-box",
-                                                color: z.textPrimary,
+                                                color: A.textPrimary,
                                                 backgroundColor: t ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.05)"
                                               },
                                               children: v.value
@@ -7449,7 +7453,7 @@ const Ns = [
                           "section",
                           {
                             style: {
-                              backgroundColor: z.surface,
+                              backgroundColor: A.surface,
                               borderRadius: "16px",
                               padding: "30px 24px",
                               boxShadow: "0 1px 3px rgba(0, 0, 0, 0.1)"
@@ -7462,7 +7466,7 @@ const Ns = [
                                     fontSize: "20px",
                                     fontWeight: 600,
                                     margin: "0 0 24px 0",
-                                    color: z.textSecondary,
+                                    color: A.textSecondary,
                                     display: "flex",
                                     alignItems: "center",
                                     gap: "8px"
@@ -7499,7 +7503,7 @@ const Ns = [
                                                 display: "flex",
                                                 alignItems: "center",
                                                 gap: "12px",
-                                                color: z.textSecondary
+                                                color: A.textSecondary
                                               },
                                               children: [
                                                 /* @__PURE__ */ r.jsx(pe, { size: 16, "aria-hidden": "true" }),
@@ -7520,11 +7524,11 @@ const Ns = [
                                                 gap: "6px",
                                                 ...d.isVerified ? {
                                                   backgroundColor: t ? "rgba(16, 185, 129, 0.1)" : "rgba(16, 185, 129, 0.05)",
-                                                  color: z.success,
+                                                  color: A.success,
                                                   border: `1px solid ${t ? "rgba(16, 185, 129, 0.3)" : "rgba(16, 185, 129, 0.2)"}`
                                                 } : {
                                                   backgroundColor: t ? "rgba(245, 158, 11, 0.1)" : "rgba(245, 158, 11, 0.05)",
-                                                  color: z.warning,
+                                                  color: A.warning,
                                                   border: `1px solid ${t ? "rgba(245, 158, 11, 0.3)" : "rgba(245, 158, 11, 0.2)"}`
                                                 }
                                               },
@@ -7552,7 +7556,7 @@ const Ns = [
                                           "p",
                                           {
                                             style: {
-                                              color: z.textTertiary,
+                                              color: A.textTertiary,
                                               fontSize: "12px",
                                               margin: 0
                                             },
@@ -7583,7 +7587,7 @@ const Ns = [
               I(!1);
             },
             onUpdate: oe,
-            colors: z
+            colors: A
           }
         ),
         /* @__PURE__ */ r.jsx(
@@ -7594,7 +7598,7 @@ const Ns = [
             onClose: () => g(!1),
             onSuccess: (v) => m("success", v),
             onError: (v) => m("error", v),
-            colors: z
+            colors: A
           }
         ),
         /* @__PURE__ */ r.jsx(
@@ -7605,7 +7609,7 @@ const Ns = [
             onClose: () => N(!1),
             onSuccess: (v) => m("success", v),
             onError: (v) => m("error", v),
-            colors: z
+            colors: A
           }
         ),
         /* @__PURE__ */ r.jsx(
@@ -7622,7 +7626,7 @@ const Ns = [
             otpSent: H,
             verifying: Y,
             user: d,
-            colors: z,
+            colors: A,
             darkMode: t
           }
         ),
@@ -7824,7 +7828,7 @@ const Ns = [
     accent: e,
     accentHover: `${e}e6`,
     error: "#ef4444"
-  }, A = {
+  }, z = {
     wrapper: {
       position: "relative",
       display: "inline-block"
@@ -8088,7 +8092,7 @@ const Ns = [
   return /* @__PURE__ */ r.jsxs(
     "div",
     {
-      style: A.wrapper,
+      style: z.wrapper,
       ref: q,
       className: a,
       role: "menu",
@@ -8149,7 +8153,7 @@ const Ns = [
           "div",
           {
             ref: O,
-            style: A.avatarButton,
+            style: z.avatarButton,
             onClick: () => I((l) => !l),
             onKeyDown: (l) => J(l, () => I((m) => !m)),
             tabIndex: 0,
@@ -8172,7 +8176,7 @@ const Ns = [
                 {
                   src: C.avatarUrl,
                   alt: `${C.name}'s avatar`,
-                  style: A.avatarImage,
+                  style: z.avatarImage,
                   loading: "lazy",
                   onError: (l) => {
                     const m = l.target;
@@ -8184,29 +8188,29 @@ const Ns = [
                 {
                   src: "https://api.dicebear.com/9.x/glass/svg?seed=Kingston",
                   alt: "Default user avatar",
-                  style: A.avatarImage,
+                  style: z.avatarImage,
                   loading: "lazy"
                 }
               ),
-              !R && /* @__PURE__ */ r.jsxs("div", { style: A.userInfo, children: [
-                /* @__PURE__ */ r.jsx("div", { style: A.userName, title: C?.name, children: C?.name || "Guest" }),
-                C?.email && /* @__PURE__ */ r.jsx("div", { style: A.userEmail, title: C.email, children: C.email })
+              !R && /* @__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: R ? 14 : 16,
-                  style: A.chevron,
+                  style: z.chevron,
                   "aria-hidden": "true"
                 }
               )
             ]
           }
         ),
-        h && /* @__PURE__ */ r.jsx("div", { style: A.dropdown, role: "menu", "aria-label": "User options", children: U ? /* @__PURE__ */ r.jsxs(
+        h && /* @__PURE__ */ r.jsx("div", { style: z.dropdown, role: "menu", "aria-label": "User options", children: U ? /* @__PURE__ */ r.jsxs(
           "div",
           {
-            style: A.loadingContainer,
+            style: z.loadingContainer,
             role: "status",
             "aria-live": "polite",
             children: [
@@ -8219,23 +8223,23 @@ const Ns = [
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ r.jsxs("div", { style: A.loadingSkeleton, children: [
-                /* @__PURE__ */ r.jsx("div", { style: A.skeletonAvatar }),
-                /* @__PURE__ */ r.jsxs("div", { style: A.skeletonTextBlock, children: [
-                  /* @__PURE__ */ r.jsx("div", { style: A.skeletonLineShort }),
-                  /* @__PURE__ */ r.jsx("div", { style: A.skeletonLineLong })
+              /* @__PURE__ */ r.jsxs("div", { style: z.loadingSkeleton, children: [
+                /* @__PURE__ */ r.jsx("div", { style: z.skeletonAvatar }),
+                /* @__PURE__ */ r.jsxs("div", { style: z.skeletonTextBlock, children: [
+                  /* @__PURE__ */ r.jsx("div", { style: z.skeletonLineShort }),
+                  /* @__PURE__ */ r.jsx("div", { style: z.skeletonLineLong })
                 ] })
               ] })
             ]
           }
         ) : C ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-          /* @__PURE__ */ r.jsxs("div", { style: A.userSection, children: [
+          /* @__PURE__ */ r.jsxs("div", { style: z.userSection, children: [
             C?.avatarUrl ? /* @__PURE__ */ r.jsx(
               "img",
               {
                 src: C.avatarUrl,
                 alt: `${C.name}'s profile picture`,
-                style: A.dropdownAvatar,
+                style: z.dropdownAvatar,
                 loading: "lazy",
                 onError: (l) => {
                   const m = l.target;
@@ -8247,20 +8251,20 @@ const Ns = [
               {
                 src: `https://api.dicebear.com/9.x/initials/svg?seed=${C.name}`,
                 alt: `${C.name}'s default avatar`,
-                style: A.dropdownAvatar,
+                style: z.dropdownAvatar,
                 loading: "lazy"
               }
             ),
-            /* @__PURE__ */ r.jsxs("div", { style: A.dropdownUserInfo, children: [
-              /* @__PURE__ */ r.jsx("div", { style: A.dropdownUserName, title: C.name, children: C.name }),
-              /* @__PURE__ */ r.jsx("div", { style: A.dropdownUserEmail, title: C.email, children: C.email })
+            /* @__PURE__ */ r.jsxs("div", { style: z.dropdownUserInfo, children: [
+              /* @__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: A.dropdownSection, children: [
+          /* @__PURE__ */ r.jsxs("div", { style: z.dropdownSection, children: [
             d && H() && /* @__PURE__ */ r.jsxs(
               "button",
               {
-                style: A.menuItem,
+                style: z.menuItem,
                 onClick: L,
                 onMouseOver: (l) => {
                   l.currentTarget.style.backgroundColor = T.surfaceHover;
@@ -8272,15 +8276,15 @@ const Ns = [
                 role: "menuitem",
                 tabIndex: 0,
                 children: [
-                  /* @__PURE__ */ r.jsx(he, { style: A.icon, "aria-hidden": "true" }),
-                  /* @__PURE__ */ r.jsx("span", { style: A.menuItemText, children: y })
+                  /* @__PURE__ */ r.jsx(he, { style: z.icon, "aria-hidden": "true" }),
+                  /* @__PURE__ */ r.jsx("span", { style: z.menuItemText, children: y })
                 ]
               }
             ),
             x && c && /* @__PURE__ */ r.jsxs(
               "button",
               {
-                style: A.menuItem,
+                style: z.menuItem,
                 onClick: Y,
                 onMouseOver: (l) => {
                   l.currentTarget.style.backgroundColor = T.surfaceHover;
@@ -8292,8 +8296,8 @@ const Ns = [
                 role: "menuitem",
                 tabIndex: 0,
                 children: [
-                  /* @__PURE__ */ r.jsx(Os, { style: A.icon, "aria-hidden": "true" }),
-                  /* @__PURE__ */ r.jsx("span", { style: A.menuItemText, children: k })
+                  /* @__PURE__ */ r.jsx(Os, { style: z.icon, "aria-hidden": "true" }),
+                  /* @__PURE__ */ r.jsx("span", { style: z.menuItemText, children: k })
                 ]
               }
             ),
@@ -8303,7 +8307,7 @@ const Ns = [
                 href: C.profileUrl,
                 target: "_self",
                 rel: "noopener noreferrer",
-                style: A.menuItem,
+                style: z.menuItem,
                 onMouseOver: (l) => {
                   l.currentTarget.style.backgroundColor = T.surfaceHover;
                 },
@@ -8313,16 +8317,16 @@ const Ns = [
                 role: "menuitem",
                 tabIndex: 0,
                 children: [
-                  /* @__PURE__ */ r.jsx(pe, { style: A.icon, "aria-hidden": "true" }),
-                  /* @__PURE__ */ r.jsx("span", { style: A.menuItemText, children: E })
+                  /* @__PURE__ */ r.jsx(pe, { style: z.icon, "aria-hidden": "true" }),
+                  /* @__PURE__ */ r.jsx("span", { style: z.menuItemText, children: E })
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ r.jsx("div", { style: A.dropdownSection, children: /* @__PURE__ */ r.jsxs(
+          /* @__PURE__ */ r.jsx("div", { style: z.dropdownSection, children: /* @__PURE__ */ r.jsxs(
             "button",
             {
-              style: A.logoutButton,
+              style: z.logoutButton,
               onClick: n,
               onMouseOver: (l) => {
                 l.currentTarget.style.backgroundColor = T.surfaceHover;
@@ -8337,15 +8341,15 @@ const Ns = [
                 /* @__PURE__ */ r.jsx(
                   ct,
                   {
-                    style: { ...A.icon, color: T.error },
+                    style: { ...z.icon, color: T.error },
                     "aria-hidden": "true"
                   }
                 ),
-                /* @__PURE__ */ r.jsx("span", { style: A.menuItemText, children: u })
+                /* @__PURE__ */ r.jsx("span", { style: z.menuItemText, children: u })
               ]
             }
           ) })
-        ] }) : /* @__PURE__ */ r.jsxs("div", { style: A.errorState, role: "alert", children: [
+        ] }) : /* @__PURE__ */ r.jsxs("div", { style: z.errorState, role: "alert", children: [
           /* @__PURE__ */ r.jsxs(
             "div",
             {
@@ -8359,7 +8363,7 @@ const Ns = [
           b && b !== "Not signed in" && /* @__PURE__ */ r.jsx(
             "button",
             {
-              style: A.retryButton,
+              style: z.retryButton,
               onClick: M,
               onMouseOver: (l) => {
                 l.currentTarget.style.backgroundColor = T.accentHover;