@edgespark/web 0.0.1-beta.7 → 0.0.2

package/dist/index.es.js

@@ -1,20 +1,20 @@
-import { createAuthClient as Ue } from "better-auth/client";
-class ee extends Error {
+import { createAuthClient as Oe } from "better-auth/client";
+class te extends Error {
   constructor(e, s) {
     super(s), this.name = "EdgeSparkError", this.code = e;
   }
 }
-class f extends ee {
+class f extends te {
   constructor(e) {
     super("CONFIG_ERROR", e), this.name = "EdgeSparkConfigError";
   }
 }
-class ye extends ee {
+class Ee extends te {
   constructor(e) {
     super("RUNTIME_ERROR", e), this.name = "EdgeSparkRuntimeError";
   }
 }
-class v extends ee {
+class v extends te {
   constructor(e, s) {
     super((s == null ? void 0 : s.code) ?? "AUTH_ERROR", e), this.name = "EdgeSparkAuthError", this.cause = s == null ? void 0 : s.cause, this.status = s == null ? void 0 : s.status;
   }
@@ -34,40 +34,53 @@ function Se(t, e = "Authentication failed.", s) {
 }
 function Pe() {
   if (typeof window > "u" || typeof document > "u")
-    throw new ye(
+    throw new Ee(
       "@edgespark/web is browser-only. Create the client from a real browser runtime."
     );
 }
 function Q() {
   return Pe(), window.location.origin;
 }
-function Be(t) {
+function Ne(t) {
   return t instanceof URL ? t : typeof t == "string" ? new URL(t, window.location.href) : new URL(t.url, window.location.href);
 }
-function ke(t) {
+function Ve(t) {
   if (t.origin !== Q())
     throw new f(
       `Cross-origin requests are not supported by this SDK. Received ${t.origin}, expected ${Q()}.`
     );
 }
-function Me() {
+function De() {
   return {
     async fetch(t, e) {
-      const s = Be(t);
-      return ke(s), fetch(t, {
+      const s = Ne(t);
+      return Ve(s), fetch(t, {
         ...e,
         credentials: "include"
       });
     }
   };
 }
-const Ee = "/api/_es/auth", Oe = "edgespark-auth-session", Le = "__edgespark_auth_sync__", N = "__edgespark_auth_pending_sign_in__", _e = Symbol("edgespark.notifyAuthTabs"), Ve = 10 * 60 * 1e3, Ne = /* @__PURE__ */ new Set([
+const _e = "/api/_es/auth", Fe = "edgespark-auth-session", Le = "__edgespark_auth_sync__", D = "__edgespark_auth_pending_sign_in__", Ae = Symbol("edgespark.notifyAuthTabs"), He = 10 * 60 * 1e3, ze = /* @__PURE__ */ new Set([
   "signOut",
   "revokeSession",
   "revokeSessions",
   "revokeOtherSessions"
+]), je = /* @__PURE__ */ new Map([
+  [
+    "changeEmail",
+    "changeEmail() is not currently supported by EdgeSpark platform auth. Use authUI.mount() or other supported client.auth flows instead of wiring raw /api/_es/auth/* routes manually."
+  ],
+  [
+    "deleteUser",
+    "deleteUser() is not currently supported by EdgeSpark platform auth. Handle account removal through your own app flow until the platform enables this capability."
+  ],
+  [
+    "deleteUserCallback",
+    "deleteUserCallback() is not currently supported by EdgeSpark platform auth. Handle account removal through your own app flow until the platform enables this capability."
+  ]
 ]);
-class Fe {
+class xe {
   constructor(e) {
     this.value = e;
   }
@@ -75,32 +88,32 @@ class Fe {
     return this.value;
   }
 }
-const ie = globalThis.WeakRef, ne = globalThis.FinalizationRegistry;
-let F, re = !1;
-const C = /* @__PURE__ */ new Map(), z = ne ? new ne((t) => {
-  C.delete(t);
+const ne = globalThis.WeakRef, re = globalThis.FinalizationRegistry;
+let F, oe = !1;
+const $ = /* @__PURE__ */ new Map(), H = re ? new re((t) => {
+  $.delete(t);
 }) : null;
-function Ie(t) {
-  return Ue({
+function Re(t) {
+  return Oe({
     baseURL: Q(),
-    basePath: Ee,
+    basePath: _e,
     ...t != null && t.disableDefaultRedirectPlugin ? { disableDefaultFetchPlugins: !0 } : {},
     fetchOptions: {
       credentials: "include"
     }
   });
 }
-function R(t) {
+function U(t) {
   var e, s;
   return (s = (e = t.$store) == null ? void 0 : e.atoms) == null ? void 0 : s.session;
 }
-function ze(t) {
+function qe(t) {
   return JSON.stringify({
     source: t,
     timestamp: Date.now()
   });
 }
-function De(t) {
+function Ge(t) {
   if (typeof t != "string")
     return null;
   try {
@@ -110,44 +123,53 @@ function De(t) {
     return null;
   }
 }
-async function X(t) {
+function Ke(t) {
+  return t.join(".");
+}
+function We(t) {
+  const e = Ke(t), s = je.get(e);
+  return s ? new v(s, {
+    code: "UNSUPPORTED_AUTH_METHOD"
+  }) : null;
+}
+async function ee(t) {
   var e;
   try {
-    return await ((e = R(t)) == null ? void 0 : e.get().refetch()), !0;
+    return await ((e = U(t)) == null ? void 0 : e.get().refetch()), !0;
   } catch {
     return !1;
   }
 }
-function Re() {
-  return F === void 0 && (F = typeof BroadcastChannel < "u" ? new BroadcastChannel(Oe) : null), F;
+function Te() {
+  return F === void 0 && (F = typeof BroadcastChannel < "u" ? new BroadcastChannel(Fe) : null), F;
 }
-function oe(t) {
-  const e = De(t);
+function ae(t) {
+  const e = Ge(t);
   if (e)
-    for (const [s, i] of C) {
+    for (const [s, i] of $) {
       if (s === e.source)
         continue;
       const n = i.deref();
       if (!n) {
-        C.delete(s);
+        $.delete(s);
         continue;
       }
-      X(n);
+      ee(n);
     }
 }
-function qe() {
+function Ye() {
   var t;
-  re || (re = !0, (t = Re()) == null || t.addEventListener("message", (e) => {
-    oe(e.data);
+  oe || (oe = !0, (t = Te()) == null || t.addEventListener("message", (e) => {
+    ae(e.data);
   }), typeof window < "u" && window.addEventListener("storage", (e) => {
-    e.key !== Le || e.newValue === null || oe(e.newValue);
+    e.key !== Le || e.newValue === null || ae(e.newValue);
   }));
 }
-function je(t, e) {
-  ie ? C.set(t, new ie(e)) : (C.clear(), C.set(t, new Fe(e))), z == null || z.register(e, t), qe();
+function Je(t, e) {
+  ne ? $.set(t, new ne(e)) : ($.clear(), $.set(t, new xe(e))), H == null || H.register(e, t), Ye();
 }
 function I(t) {
-  const e = ze(t), s = Re();
+  const e = qe(t), s = Te();
   let i = !1;
   if (s)
     try {
@@ -160,11 +182,11 @@ function I(t) {
     } catch {
     }
 }
-function D(t) {
+function z(t) {
   if (!(typeof window > "u"))
     try {
       window.sessionStorage.setItem(
-        N,
+        D,
         JSON.stringify({
           path: t,
           createdAt: Date.now()
@@ -173,130 +195,162 @@ function D(t) {
     } catch {
     }
 }
-function $() {
+function C() {
   if (!(typeof window > "u"))
     try {
-      window.sessionStorage.removeItem(N);
+      window.sessionStorage.removeItem(D);
     } catch {
     }
 }
-function He(t) {
+function Xe(t) {
   return !!(t != null && t.session && (t != null && t.user));
 }
-function Te() {
+function m(t) {
+  return t instanceof Date ? t.toISOString() : t === null || typeof t == "string" || typeof t == "number" || typeof t == "boolean" ? t : t == null ? null : String(t);
+}
+function Ze(t) {
+  return t ? JSON.stringify({
+    session: {
+      createdAt: m(t.session.createdAt),
+      expiresAt: m(t.session.expiresAt),
+      id: m(t.session.id),
+      impersonatedBy: m(t.session.impersonatedBy),
+      ipAddress: m(t.session.ipAddress),
+      token: m(t.session.token),
+      updatedAt: m(t.session.updatedAt),
+      userAgent: m(t.session.userAgent),
+      userId: m(t.session.userId)
+    },
+    user: {
+      banExpires: m(t.user.banExpires),
+      banReason: m(t.user.banReason),
+      banned: m(t.user.banned),
+      createdAt: m(t.user.createdAt),
+      email: m(t.user.email),
+      emailVerified: m(t.user.emailVerified),
+      id: m(t.user.id),
+      image: m(t.user.image),
+      lastLoginAt: m(t.user.lastLoginAt),
+      name: m(t.user.name),
+      role: m(t.user.role),
+      updatedAt: m(t.user.updatedAt)
+    }
+  }) : "__null__";
+}
+function Ie() {
   if (typeof window > "u")
     return null;
   try {
-    const t = window.sessionStorage.getItem(N);
+    const t = window.sessionStorage.getItem(D);
     if (!t)
       return null;
     const e = JSON.parse(t);
-    return !e || typeof e != "object" || typeof e.createdAt != "number" || Date.now() - e.createdAt > Ve ? null : { createdAt: e.createdAt };
+    return !e || typeof e != "object" || typeof e.createdAt != "number" || Date.now() - e.createdAt > He ? null : { createdAt: e.createdAt };
   } catch {
     return null;
   }
 }
-function ae() {
-  if (!Te())
+function le() {
+  if (!Ie())
     return !1;
   try {
-    window.sessionStorage.removeItem(N);
+    window.sessionStorage.removeItem(D);
   } catch {
   }
   return !0;
 }
-function xe() {
-  return Te() !== null;
+function Qe() {
+  return Ie() !== null;
 }
-function We(t) {
+function et(t) {
   if (!(t && typeof t == "object") || "error" in t && t.error)
     return !1;
   const e = "data" in t ? t.data : t;
   return e && typeof e == "object" ? "token" in e && typeof e.token == "string" && e.token.length > 0 ? !0 : "session" in e && "user" in e && !!e.session && !!e.user : !1;
 }
-function Ge(t) {
+function tt(t) {
   if (!(t && typeof t == "object") || "error" in t && t.error)
     return !1;
   const e = "data" in t ? t.data : t;
   return e && typeof e == "object" ? "url" in e && typeof e.url == "string" : !1;
 }
-function Ye(t) {
-  if (T(t) || !(t && typeof t == "object"))
+function st(t) {
+  if (L(t) || !(t && typeof t == "object"))
     return !1;
   const e = "data" in t ? t.data : t;
   return e && typeof e == "object" ? "user" in e && !!e.user && "token" in e && e.token === null && !("url" in e) : !1;
 }
-function Ke(t, e) {
+function it(t, e) {
   if (t.length !== 1 || t[0] !== "changePassword")
     return !1;
   const [s] = e;
   return !!(s && typeof s == "object" && "revokeOtherSessions" in s && s.revokeOtherSessions === !0);
 }
-function T(t) {
+function L(t) {
   return !!(t && typeof t == "object" && "error" in t && t.error);
 }
-function Je(t) {
-  if (T(t) || !(t && typeof t == "object"))
+function nt(t) {
+  if (L(t) || !(t && typeof t == "object"))
     return !1;
   const e = "data" in t ? t.data : t;
   return e && typeof e == "object" ? "message" in e && e.message === "User deleted" : !1;
 }
-function Ze(t) {
+function rt(t) {
   return !!(t && (typeof t == "object" || typeof t == "function") && "then" in t && typeof t.then == "function");
 }
-function q(t) {
+function j(t) {
   return Se(t, "Failed to load the current session.", "SESSION_LOOKUP_FAILED");
 }
-async function Qe(t) {
+async function ot(t) {
   var s, i;
   let e = null;
   try {
-    await ((s = R(t)) == null ? void 0 : s.get().refetch());
+    await ((s = U(t)) == null ? void 0 : s.get().refetch());
   } catch (n) {
     e = n;
   } finally {
-    (i = t[_e]) == null || i.call(t);
+    (i = t[Ae]) == null || i.call(t);
   }
   if (e)
     throw e;
 }
-function Xe() {
-  const t = Ie(), e = `${Date.now()}-${Math.random().toString(36).slice(2)}`;
-  je(e, t);
+function at() {
+  const t = Re(), e = `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+  Je(e, t);
   const s = 2, i = 500;
-  let n = null, a = !1, h;
-  const w = (o) => (h = o, o), E = () => {
+  let n = null, a = !1, u;
+  const g = (o) => (u = o, o), E = () => {
     var c;
-    const o = (c = R(t)) == null ? void 0 : c.get();
-    return o != null && o.error && !o.data && h !== void 0 ? h : (o == null ? void 0 : o.data) ?? h ?? null;
-  }, L = () => a ? Promise.resolve(E()) : (n || (n = (async () => {
-    var l, u, g;
+    const o = (c = U(t)) == null ? void 0 : c.get();
+    return o != null && o.error && !o.data && u !== void 0 ? u : (o == null ? void 0 : o.data) ?? u ?? null;
+  }, A = () => a ? Promise.resolve(E()) : (n || (n = (async () => {
+    var l, h, y;
     let o = !1, c = null;
     try {
-      for (let p = 0; p <= s; p++) {
+      for (let b = 0; b <= s; b++) {
         let d = null;
         try {
           d = await t.getSession();
-        } catch (y) {
-          c = y;
+        } catch (S) {
+          c = S;
         }
-        const b = ((l = R(t)) == null ? void 0 : l.get().data) ?? null;
-        if ((u = d == null ? void 0 : d.data) != null && u.session && ((g = d.data) != null && g.user))
-          return a = !0, ae() && I(e), w(d.data);
-        if (b != null && b.session && (b != null && b.user))
-          return a = !0, ae() && I(e), w(b);
-        if (d != null && d.error ? c = d.error : d && (o = !0), d && !d.error && xe() && p < s) {
+        const p = ((l = U(t)) == null ? void 0 : l.get().data) ?? null;
+        if ((h = d == null ? void 0 : d.data) != null && h.session && ((y = d.data) != null && y.user))
+          return a = !0, le() && I(e), g(d.data);
+        if (p != null && p.session && (p != null && p.user))
+          return a = !0, le() && I(e), g(p);
+        if (d != null && d.error ? c = d.error : d && (o = !0), d && !d.error && Qe() && b < s) {
           await new Promise(
-            (y) => setTimeout(y, i)
+            (S) => setTimeout(S, i)
           );
           continue;
         }
         if (d && !d.error) {
-          const y = E();
-          return a = !0, w(y);
+          const S = E();
+          return a = !0, g(S);
         }
-        p < s && await new Promise(
-          (y) => setTimeout(y, i)
+        b < s && await new Promise(
+          (S) => setTimeout(S, i)
         );
       }
       if (!o)
@@ -304,99 +358,103 @@ function Xe() {
           code: "SESSION_LOOKUP_FAILED",
           cause: c
         });
-      const m = E();
-      return a = !0, w(m);
-    } catch (m) {
-      throw n = null, q(m);
+      const w = E();
+      return a = !0, g(w);
+    } catch (w) {
+      throw n = null, j(w);
     }
   })()), n);
-  L().catch(() => {
+  A().catch(() => {
   });
-  const _ = async () => {
+  const R = async () => {
     var o, c;
     try {
       const l = await t.getSession();
       if ((o = l.data) != null && o.session && ((c = l.data) != null && c.user))
         return l.data;
-      throw l.error ? q(l.error) : new v("No authenticated session is available.", {
+      throw l.error ? j(l.error) : new v("No authenticated session is available.", {
         code: "UNAUTHENTICATED"
       });
     } catch (l) {
-      throw q(l);
+      throw j(l);
     }
-  }, A = async () => {
-    await X(t), I(e);
-  }, Ce = async () => {
+  }, T = async () => {
+    await ee(t), I(e);
+  }, Be = async () => {
     var l;
-    const o = await X(t), c = ((l = R(t)) == null ? void 0 : l.get().data) ?? null;
-    He(c) ? ($(), I(e)) : o || I(e);
-  }, Ae = (o) => {
-    let c = !1, l = !1, u;
-    const g = (d) => {
-      d !== u && (u = d, o(d));
+    const o = await ee(t), c = ((l = U(t)) == null ? void 0 : l.get().data) ?? null;
+    Xe(c) ? (C(), I(e)) : o || I(e);
+  }, ke = (o) => {
+    let c = !1, l = !1, h;
+    const y = (d) => {
+      const p = Ze(d);
+      p !== h && (h = p, o(d));
     };
-    L().then((d) => {
-      c || (l = !0, g(w(d)));
+    A().then((d) => {
+      c || (l = !0, y(g(d)));
     }).catch(() => {
       c || (l = !0);
     });
-    const m = R(t);
-    if (!m)
+    const w = U(t);
+    if (!w)
       return () => {
         c = !0;
       };
-    const p = m.subscribe((d) => {
+    const b = w.subscribe((d) => {
       if (c || !l || d.error && !d.data)
         return;
-      const b = d.data ?? null;
-      g(w(b));
+      const p = d.data ?? null;
+      y(g(p));
     });
     return () => {
-      c = !0, p();
+      c = !0, b();
     };
-  }, $e = async (o, c, l) => {
-    const u = o[0], g = o.length >= 2 && u === "emailOtp" && o[1] === "verifyEmail";
-    return o.length === 1 && (u === "deleteUser" || u === "deleteUserCallback") ? ($(), Je(l) && await A(), l) : o.length === 1 && u && Ne.has(u) ? ($(), T(l) || await A(), l) : Ke(o, c) && !T(l) ? ($(), await A(), l) : o.length === 1 && u === "changeEmail" && !T(l) ? (await A(), l) : ((u === "signIn" || u === "signUp" || g) && We(l) ? ($(), await A()) : (u === "signIn" || u === "signUp") && Ge(l) || u === "signUp" && Ye(l) ? D(o) : u === "verifyEmail" && !T(l) && (D(o), await Ce()), l);
-  }, te = /* @__PURE__ */ new WeakMap(), se = (o, c) => {
+  }, Me = async (o, c, l) => {
+    const h = o[0], y = o.length >= 2 && h === "emailOtp" && o[1] === "verifyEmail", w = o.length >= 2 && h === "emailOtp" && o[1] === "resetPassword", b = o.length >= 2 && h === "resetPassword" && o[1] === "emailOtp";
+    return o.length === 1 && (h === "deleteUser" || h === "deleteUserCallback") ? (C(), nt(l) && await T(), l) : o.length === 1 && h && ze.has(h) ? (C(), L(l) || await T(), l) : it(o, c) && !L(l) ? (C(), await T(), l) : (w || b) && !L(l) ? (C(), await T(), l) : o.length === 1 && h === "changeEmail" && !L(l) ? (await T(), l) : ((h === "signIn" || h === "signUp" || y) && et(l) ? (C(), await T()) : (h === "signIn" || h === "signUp") && tt(l) || h === "signUp" && st(l) ? z(o) : h === "verifyEmail" && !L(l) && (z(o), await Be()), l);
+  }, se = /* @__PURE__ */ new WeakMap(), ie = (o, c) => {
     if (!o || typeof o != "object" && typeof o != "function")
       return o;
-    const l = te.get(o);
+    const l = se.get(o);
     if (l)
       return l;
-    const u = new Proxy(o, {
-      get(g, m, p) {
+    const h = new Proxy(o, {
+      get(y, w, b) {
         if (c.length === 0) {
-          if (m === "requireSession")
-            return _;
-          if (m === "onSessionChange")
-            return Ae;
-          if (m === _e)
+          if (w === "requireSession")
+            return R;
+          if (w === "onSessionChange")
+            return ke;
+          if (w === Ae)
             return () => {
               I(e);
             };
         }
-        const d = Reflect.get(g, m, p);
-        return typeof m != "string" ? d : se(d, [...c, m]);
+        const d = Reflect.get(y, w, b);
+        return typeof w != "string" ? d : ie(d, [...c, w]);
       },
-      apply(g, m, p) {
-        const d = Reflect.apply(
-          g,
-          m,
-          p
+      apply(y, w, b) {
+        const d = We(c);
+        if (d)
+          throw d;
+        const p = Reflect.apply(
+          y,
+          w,
+          b
         );
-        return Ze(d) ? Promise.resolve(d).then(
-          (b) => $e(c, p, b)
-        ) : d;
+        return rt(p) ? Promise.resolve(p).then(
+          (S) => Me(c, b, S)
+        ) : p;
       }
     });
-    return te.set(o, u), u;
+    return se.set(o, h), h;
   };
-  return se(t, []);
+  return ie(t, []);
 }
-function et() {
-  return Ie({ disableDefaultRedirectPlugin: !0 });
+function lt() {
+  return Re({ disableDefaultRedirectPlugin: !0 });
 }
-function tt(t) {
+function dt(t) {
   const e = (() => {
     if (t instanceof URL)
       return t;
@@ -417,7 +475,7 @@ function tt(t) {
     );
   return e;
 }
-function st(t, e) {
+function ct(t, e) {
   return e ? {
     common: { ...t.common, ...e.common },
     signIn: { ...t.signIn, ...e.signIn },
@@ -492,7 +550,7 @@ const V = {
     invalidCode: "Enter the 6-digit verification code.",
     generic: "Something went wrong. Please try again."
   }
-}, j = {
+}, x = {
   common: {
     loading: "加载中…",
     redirecting: "跳转中…",
@@ -555,7 +613,7 @@ const V = {
     invalidCode: "请输入 6 位验证码",
     generic: "出现错误，请稍后重试"
   }
-}, le = {
+}, de = {
   common: {
     loading: "サインインを読み込み中…",
     redirecting: "リダイレクト中…",
@@ -618,7 +676,7 @@ const V = {
     invalidCode: "6桁の認証コードを入力してください",
     generic: "エラーが発生しました。もう一度お試しください"
   }
-}, de = {
+}, ce = {
   common: {
     loading: "로그인 로딩 중…",
     redirecting: "리디렉션 중…",
@@ -681,7 +739,7 @@ const V = {
     invalidCode: "6자리 인증 코드를 입력해 주세요",
     generic: "문제가 발생했습니다. 다시 시도해 주세요"
   }
-}, H = {
+}, q = {
   common: {
     loading: "Cargando inicio de sesión…",
     redirecting: "Redirigiendo…",
@@ -744,7 +802,7 @@ const V = {
     invalidCode: "Ingresa el código de verificación de 6 dígitos.",
     generic: "Algo salió mal. Por favor, inténtalo de nuevo."
   }
-}, ce = {
+}, ue = {
   common: {
     loading: "Carregando login…",
     redirecting: "Redirecionando…",
@@ -807,7 +865,7 @@ const V = {
     invalidCode: "Insira o código de verificação de 6 dígitos.",
     generic: "Algo deu errado. Por favor, tente novamente."
   }
-}, ue = {
+}, he = {
   common: {
     loading: "Chargement de la connexion…",
     redirecting: "Redirection…",
@@ -870,7 +928,7 @@ const V = {
     invalidCode: "Saisissez le code de vérification à 6 chiffres.",
     generic: "Une erreur est survenue. Veuillez réessayer."
   }
-}, he = {
+}, me = {
   common: {
     loading: "Anmeldung wird geladen…",
     redirecting: "Weiterleitung…",
@@ -933,7 +991,7 @@ const V = {
     invalidCode: "Geben Sie den 6-stelligen Bestätigungscode ein.",
     generic: "Etwas ist schiefgelaufen. Bitte versuchen Sie es erneut."
   }
-}, me = {
+}, fe = {
   common: {
     loading: "Caricamento accesso…",
     redirecting: "Reindirizzamento…",
@@ -996,7 +1054,7 @@ const V = {
     invalidCode: "Inserisci il codice di verifica a 6 cifre.",
     generic: "Qualcosa è andato storto. Riprova."
   }
-}, fe = {
+}, we = {
   common: {
     loading: "Загрузка входа…",
     redirecting: "Перенаправление…",
@@ -1059,7 +1117,7 @@ const V = {
     invalidCode: "Введите 6-значный код подтверждения.",
     generic: "Произошла ошибка. Пожалуйста, попробуйте снова."
   }
-}, we = {
+}, pe = {
   common: {
     loading: "جارٍ تحميل تسجيل الدخول…",
     redirecting: "جارٍ إعادة التوجيه…",
@@ -1185,48 +1243,88 @@ const V = {
     invalidCode: "कृपया 6 अंकों का सत्यापन कोड दर्ज करें।",
     generic: "कुछ गलत हो गई। कृपया फिर से प्रयास करें।"
   }
-}, pe = {
+}, be = {
   en: V,
   "en-US": V,
-  zh: j,
-  "zh-CN": j,
-  "zh-TW": j,
-  ja: le,
-  "ja-JP": le,
-  ko: de,
-  "ko-KR": de,
-  es: H,
-  "es-ES": H,
-  "es-MX": H,
-  pt: ce,
-  "pt-BR": ce,
-  fr: ue,
-  "fr-FR": ue,
-  de: he,
-  "de-DE": he,
-  it: me,
-  "it-IT": me,
-  ru: fe,
-  "ru-RU": fe,
-  ar: we,
-  "ar-SA": we,
+  zh: x,
+  "zh-CN": x,
+  "zh-TW": x,
+  ja: de,
+  "ja-JP": de,
+  ko: ce,
+  "ko-KR": ce,
+  es: q,
+  "es-ES": q,
+  "es-MX": q,
+  pt: ue,
+  "pt-BR": ue,
+  fr: he,
+  "fr-FR": he,
+  de: me,
+  "de-DE": me,
+  it: fe,
+  "it-IT": fe,
+  ru: we,
+  "ru-RU": we,
+  ar: pe,
+  "ar-SA": pe,
   hi: ge,
   "hi-IN": ge
 };
-function it() {
+function ut() {
   if (typeof navigator > "u")
     return V;
   const t = navigator.languages ?? [navigator.language];
   for (const e of t) {
-    const s = pe[e] ?? pe[e.split("-")[0]];
+    const s = be[e] ?? be[e.split("-")[0]];
     if (s) return s;
   }
   return V;
 }
-function x(t, e = "Authentication failed.") {
+const Ce = {
+  LIGHT: "light",
+  DARK: "dark"
+}, Ue = Ce.LIGHT, ht = Ce.DARK, $e = [Ue, ht], mt = Ue, ft = {
+  BACKGROUND: "--edgespark-auth-bg",
+  BACKGROUND_MUTED: "--edgespark-auth-bg-muted",
+  CARD_BACKGROUND: "--edgespark-auth-card-bg",
+  BORDER: "--edgespark-auth-border",
+  TEXT: "--edgespark-auth-text",
+  TEXT_MUTED: "--edgespark-auth-text-muted",
+  DIVIDER_BACKGROUND: "--edgespark-auth-divider-bg",
+  PRIMARY: "--edgespark-auth-primary",
+  PRIMARY_HOVER: "--edgespark-auth-primary-hover",
+  PRIMARY_CONTRAST: "--edgespark-auth-primary-contrast",
+  ERROR: "--edgespark-auth-error",
+  INFO: "--edgespark-auth-info",
+  CARD_RADIUS: "--edgespark-auth-radius-card",
+  CONTROL_RADIUS: "--edgespark-auth-radius-control",
+  SHADOW: "--edgespark-auth-shadow",
+  FONT: "--edgespark-auth-font",
+  MODAL_BACKDROP: "--edgespark-auth-modal-backdrop",
+  MODAL_CARD_BACKGROUND: "--edgespark-auth-modal-card-bg",
+  MODAL_SHADOW: "--edgespark-auth-modal-shadow"
+}, wt = Object.values(
+  ft
+);
+function pt(t) {
+  return typeof t == "string" && $e.includes(t);
+}
+function gt(t) {
+  return wt.includes(t);
+}
+function bt(t) {
+  var e;
+  return {
+    theme: (t == null ? void 0 : t.theme) ?? mt,
+    className: ((e = t == null ? void 0 : t.className) == null ? void 0 : e.trim()) ?? "",
+    variables: { ...(t == null ? void 0 : t.variables) ?? {} }
+  };
+}
+function G(t, e = "Authentication failed.") {
   return Se(t, e);
 }
-async function B(t) {
+async function k(t) {
   var s, i;
   const e = await t.getSession();
   if (e.error)
@@ -1246,13 +1344,13 @@ async function B(t) {
     session: null
   };
 }
-const nt = "data-edgespark-auth", r = "edgespark-auth", W = "es_auth_completion", k = "es_auth_email", G = "oauth", U = "verify-sign-in", S = "verify-sign-up", be = 200, Y = 2, rt = {
+const yt = "data-edgespark-auth", vt = "data-edgespark-auth-theme", r = "edgespark-auth", K = "es_auth_completion", M = "es_auth_email", W = "oauth", B = "verify-sign-in", P = "verify-sign-up", ye = 200, Y = 2, Et = {
   "&": "&amp;",
   "<": "&lt;",
   ">": "&gt;",
   '"': "&quot;",
   "'": "&#39;"
-}, K = {
+}, J = {
   google: "Google",
   apple: "Apple",
   microsoft: "Microsoft",
@@ -1260,25 +1358,25 @@ const nt = "data-edgespark-auth", r = "edgespark-auth", W = "es_auth_completion"
   gitlab: "GitLab",
   discord: "Discord"
 };
-function P(t) {
+function _(t) {
   return "redirectTo" in t;
 }
-function J(t) {
+function X(t) {
   return "onSuccess" in t && !("redirectTo" in t);
 }
 function Z(t) {
   return !t || typeof t != "string" ? !1 : /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t.trim());
 }
-function ot(t) {
+function St(t) {
   return /^\d{6}$/.test(t.trim());
 }
-function at(t) {
+function Pt(t) {
   return t === "email" || t === "name" || t === "password" || t === "confirmPassword" || t === "code" || t === "newPassword";
 }
-function lt(t) {
+function _t(t) {
   return !!(t.error || t.errorDescription);
 }
-class dt {
+class Lt {
   constructor(e, s, i, n, a) {
     this.container = e, this.auth = s, this.options = i, this.loadConfig = n, this.runtimeOptions = a, this.state = {
       view: "loading",
@@ -1292,7 +1390,12 @@ class dt {
       confirmPassword: "",
       code: "",
       newPassword: ""
-    }, this.destroyed = !1, this.terminalActionInProgress = !1, this.config = null, this.countdownUntil = null, this.countdownTimer = null, this.pendingFocusSnapshot = null, this.focusRestoreTimer = null, this.verificationCompletionAction = null, this.labels = st(it(), i.labels), this.root = document.createElement("div"), this.root.setAttribute(nt, ""), e.innerHTML = "", e.appendChild(this.root), this.render(), this.initialize();
+    }, this.destroyed = !1, this.terminalActionInProgress = !1, this.config = null, this.countdownUntil = null, this.countdownTimer = null, this.pendingFocusSnapshot = null, this.focusRestoreTimer = null, this.verificationCompletionAction = null;
+    const u = bt(i.appearance);
+    this.labels = ct(ut(), i.labels), this.root = document.createElement("div"), this.root.className = u.className ? `${r} ${u.className}` : r, this.root.setAttribute(yt, ""), this.root.setAttribute(vt, u.theme);
+    for (const [g, E] of Object.entries(u.variables))
+      E !== void 0 && this.root.style.setProperty(g, E);
+    e.innerHTML = "", e.appendChild(this.root), this.render(), this.initialize();
   }
   destroy() {
     this.destroyed || (this.destroyed = !0, this.clearCountdown(), this.clearFocusRestoreTimer(), this.container.innerHTML = "");
@@ -1307,7 +1410,7 @@ class dt {
       if (this.destroyed)
         return;
       if (i.status === "rejected") {
-        if (e.marker && !lt(e) && P(this.options)) {
+        if (e.marker && !_t(e) && _(this.options)) {
           this.redirectAfterManagedReturnLookupFailure();
           return;
         }
@@ -1315,11 +1418,11 @@ class dt {
         const a = i.value;
         if (a.user && a.session) {
           switch (e.marker) {
-            case G:
-            case U:
+            case W:
+            case B:
               await this.completeAuth("sign-in", a);
               return;
-            case S:
+            case P:
               await this.completeAuth("sign-up", a);
               return;
             default:
@@ -1342,24 +1445,24 @@ class dt {
     }
   }
   redirectAfterManagedReturnLookupFailure() {
-    P(this.options) && this.navigateToRedirect();
+    _(this.options) && this.navigateToRedirect();
   }
   navigateToRedirect() {
-    P(this.options) && (this.terminalActionInProgress = !0, this.state.busy = !0, this.state.busyLabel = this.labels.common.redirecting, this.state.error = null, this.state.notice = null, this.render(), window.location.assign(tt(this.options.redirectTo).toString()));
+    _(this.options) && (this.terminalActionInProgress = !0, this.state.busy = !0, this.state.busyLabel = this.labels.common.redirecting, this.state.error = null, this.state.notice = null, this.render(), window.location.assign(dt(this.options.redirectTo).toString()));
   }
   async readMountSession(e) {
     if (!e.marker)
-      return B(this.auth);
+      return k(this.auth);
     let s = null;
     for (let i = 0; i <= Y; i++) {
       try {
-        const n = await B(this.auth);
+        const n = await k(this.auth);
         if (n.user && n.session)
           return n;
       } catch (n) {
         s = n;
       }
-      i < Y && await new Promise((n) => setTimeout(n, be));
+      i < Y && await new Promise((n) => setTimeout(n, ye));
     }
     if (s)
       throw s;
@@ -1568,7 +1671,7 @@ class dt {
       <div class="${r}__stack">
         ${e.map((i) => `
             <button class="${r}__button ${r}__button--secondary" type="button" data-action="oauth" data-provider="${i}" ${this.state.busy ? "disabled" : ""}>
-              ${this.escape(`${this.labels.oauth.continueWith} ${K[i]}`)}
+              ${this.escape(`${this.labels.oauth.continueWith} ${J[i]}`)}
             </button>
           `).join("")}
       </div>
@@ -1593,12 +1696,12 @@ class dt {
     this.root.querySelectorAll("form[data-view]").forEach((n) => {
       n.addEventListener("submit", (a) => {
         a.preventDefault();
-        const h = n.dataset.view;
-        h === "sign-in" && this.handleSignIn(), h === "sign-up" && this.handleSignUp(), h === "forgot-password" && this.handleForgotPassword(), h === "reset-password" && this.handleResetPassword();
+        const u = n.dataset.view;
+        u === "sign-in" && this.handleSignIn(), u === "sign-up" && this.handleSignUp(), u === "forgot-password" && this.handleForgotPassword(), u === "reset-password" && this.handleResetPassword();
       });
     }), this.root.querySelectorAll("input[name]").forEach((n) => {
       n.addEventListener("input", () => {
-        at(n.name) && (this.state[n.name] = n.value);
+        Pt(n.name) && (this.state[n.name] = n.value);
       });
     }), this.root.querySelectorAll("[data-action]").forEach((n) => {
       n.addEventListener("click", () => {
@@ -1623,7 +1726,7 @@ class dt {
       const e = await this.auth.signIn.email({
         email: this.state.email.trim(),
         password: this.state.password,
-        callbackURL: this.getManagedReturnURL(U, this.state.email.trim())
+        callbackURL: this.getManagedReturnURL(B, this.state.email.trim())
       });
       if (e.error)
         throw e.error;
@@ -1660,7 +1763,7 @@ class dt {
         name: this.state.name.trim(),
         email: this.state.email.trim(),
         password: this.state.password,
-        callbackURL: this.getManagedReturnURL(S, this.state.email.trim())
+        callbackURL: this.getManagedReturnURL(P, this.state.email.trim())
       });
       if (i.error)
         throw i.error;
@@ -1672,7 +1775,7 @@ class dt {
     });
   }
   async handleOAuthSignIn(e) {
-    await this.runAction(`Redirecting to ${K[e]}…`, async () => {
+    await this.runAction(`Redirecting to ${J[e]}…`, async () => {
       const s = await this.auth.signIn.social({
         provider: e,
         callbackURL: this.getManagedReturnURL("oauth"),
@@ -1683,7 +1786,7 @@ class dt {
       const i = this.extractRedirectURL(s.data);
       if (!i)
         throw new f(`OAuth sign-in did not return a redirect URL for provider "${e}".`);
-      this.terminalActionInProgress = !0, this.state.busy = !0, this.state.busyLabel = `Opening ${K[e]}…`, this.state.error = null, this.state.notice = null, this.render(), window.location.assign(i);
+      this.terminalActionInProgress = !0, this.state.busy = !0, this.state.busyLabel = `Opening ${J[e]}…`, this.state.error = null, this.state.notice = null, this.render(), window.location.assign(i);
     });
   }
   async handleForgotPassword() {
@@ -1717,7 +1820,7 @@ class dt {
       );
       return;
     }
-    if (!ot(this.state.code)) {
+    if (!St(this.state.code)) {
       this.failValidation(this.labels.errors.invalidCode);
       return;
     }
@@ -1754,7 +1857,7 @@ class dt {
       const s = await this.auth.sendVerificationEmail({
         email: this.state.email.trim(),
         callbackURL: this.getManagedReturnURL(
-          this.verificationCompletionAction === "sign-up" ? S : U,
+          this.verificationCompletionAction === "sign-up" ? P : B,
           this.state.email.trim()
         )
       });
@@ -1772,12 +1875,12 @@ class dt {
     if (!i.user || !i.session) {
       if (this.destroyed)
         return;
-      if (i.lookupError && P(this.options)) {
+      if (i.lookupError && _(this.options)) {
         this.navigateToRedirect();
         return;
       }
       if (e === "sign-in")
-        throw i.lookupError ?? new ye(
+        throw i.lookupError ?? new Ee(
           "Managed sign-in completed without an authenticated session."
         );
       this.state.view = "sign-in", this.state.password = "", this.state.confirmPassword = "", this.state.error = null, this.state.busy = !1, this.state.busyLabel = void 0, this.state.notice = "Account created. Sign in to continue.", this.render();
@@ -1789,11 +1892,11 @@ class dt {
       session: i.session
     };
     if (await this.syncPublicSessionBestEffort(), !this.destroyed) {
-      if (P(this.options)) {
+      if (_(this.options)) {
         this.invokeRedirectModeSuccessHook(n), this.navigateToRedirect();
         return;
       }
-      if (J(this.options)) {
+      if (X(this.options)) {
         this.options.onSuccess(n), this.terminalActionInProgress = !0;
         return;
       }
@@ -1804,9 +1907,9 @@ class dt {
       return e;
     let s = e.lookupError;
     for (let i = 0; i < Y; i++) {
-      await new Promise((n) => setTimeout(n, be));
+      await new Promise((n) => setTimeout(n, ye));
       try {
-        const n = await B(this.auth);
+        const n = await k(this.auth);
         if (n.user && n.session)
           return {
             user: n.user,
@@ -1830,7 +1933,7 @@ class dt {
   }
   async resolveAuthCompletionData(e) {
     try {
-      const s = await B(this.auth), i = this.extractUser(e);
+      const s = await k(this.auth), i = this.extractUser(e);
       return {
         user: s.user ?? i,
         session: s.session
@@ -1850,7 +1953,7 @@ class dt {
       session: null
     };
     if (await this.syncPublicSessionBestEffort(), !this.destroyed) {
-      if (J(this.options)) {
+      if (X(this.options)) {
         this.clearCountdown(), this.options.onSuccess(e), this.terminalActionInProgress = !0;
         return;
       }
@@ -1858,11 +1961,11 @@ class dt {
     }
   }
   handleExistingSessionOnMount() {
-    if (P(this.options)) {
+    if (_(this.options)) {
       this.navigateToRedirect();
       return;
     }
-    if (J(this.options))
+    if (X(this.options))
       throw this.state.view = "sign-in", this.state.busy = !1, this.state.busyLabel = void 0, this.state.notice = null, new f(
         "authUI.mount(container, { onSuccess }) cannot run while a session already exists. Check es.auth.getSession() before mounting controlled auth UI."
       );
@@ -1880,18 +1983,18 @@ class dt {
     !this.destroyed && !this.terminalActionInProgress && (this.state.busy = !1, this.state.busyLabel = void 0, this.render());
   }
   maybeHandleVerificationRequired(e) {
-    return x(e).code !== "EMAIL_NOT_VERIFIED" ? !1 : (this.verificationCompletionAction = "sign-in", this.state.view = "verify-email", this.state.busy = !1, this.state.busyLabel = void 0, this.state.error = null, this.state.notice = `Verify your email to finish signing in as ${this.state.email.trim()}.`, this.render(), this.sendVerificationEmail(!0), !0);
+    return G(e).code !== "EMAIL_NOT_VERIFIED" ? !1 : (this.verificationCompletionAction = "sign-in", this.state.view = "verify-email", this.state.busy = !1, this.state.busyLabel = void 0, this.state.error = null, this.state.notice = `Verify your email to finish signing in as ${this.state.email.trim()}.`, this.render(), this.sendVerificationEmail(!0), !0);
   }
   handleVerificationEmailSent(e, s) {
     this.state.notice = s ? `We sent another verification email to ${e}.` : `We sent a verification email to ${e}.`, this.startCountdown();
   }
   invokeRedirectModeSuccessHook(e) {
     var s, i;
-    if (!(!P(this.options) || !this.options.onSuccess))
+    if (!(!_(this.options) || !this.options.onSuccess))
       try {
         this.options.onSuccess(e);
       } catch (n) {
-        const a = x(n, "Post-auth callback failed.");
+        const a = G(n, "Post-auth callback failed.");
         try {
           (i = (s = this.options).onError) == null || i.call(s, a);
         } catch {
@@ -1900,7 +2003,7 @@ class dt {
   }
   handleError(e, s) {
     var n, a;
-    const i = x(e, s);
+    const i = G(e, s);
     this.state.busy = !1, this.state.busyLabel = void 0, this.state.error = i.message, this.render(), (a = (n = this.options).onError) == null || a.call(n, i);
   }
   failValidation(e) {
@@ -1910,15 +2013,15 @@ class dt {
     if (!e)
       return window.location.href;
     const i = new URL(window.location.href);
-    return i.searchParams.set(W, e), s ? i.searchParams.set(k, s) : i.searchParams.delete(k), i.toString();
+    return i.searchParams.set(K, e), s ? i.searchParams.set(M, s) : i.searchParams.delete(M), i.toString();
   }
   consumeManagedReturnContext() {
-    const e = new URL(window.location.href), s = e.searchParams.get(W), i = s === G || s === U || s === S ? s : null, n = e.searchParams.get(k), a = i ? e.searchParams.get("error") : null, h = i ? e.searchParams.get("error_description") : null;
-    return (i || n) && (e.searchParams.delete(W), e.searchParams.delete(k), i && (e.searchParams.delete("error"), e.searchParams.delete("error_description")), window.history.replaceState(null, "", e.toString())), {
+    const e = new URL(window.location.href), s = e.searchParams.get(K), i = s === W || s === B || s === P ? s : null, n = e.searchParams.get(M), a = i ? e.searchParams.get("error") : null, u = i ? e.searchParams.get("error_description") : null;
+    return (i || n) && (e.searchParams.delete(K), e.searchParams.delete(M), i && (e.searchParams.delete("error"), e.searchParams.delete("error_description")), window.history.replaceState(null, "", e.toString())), {
       marker: i,
       email: n,
       error: a,
-      errorDescription: h
+      errorDescription: u
     };
   }
   startCountdown(e = 60) {
@@ -1982,10 +2085,10 @@ class dt {
     return !!((e = this.config) != null && e.passwordResetEmailOtpEnabled);
   }
   handleSessionlessManagedReturn(e) {
-    return e.email && (this.state.email = e.email), e.marker === S && !e.error ? (this.verificationCompletionAction = null, this.clearCountdown(), this.state.view = "sign-in", this.state.password = "", this.state.confirmPassword = "", this.state.error = null, this.state.busy = !1, this.state.busyLabel = void 0, this.state.notice = "Account created. Sign in to continue.", this.render(), !0) : e.marker === U || e.marker === S ? (this.verificationCompletionAction = e.marker === S ? "sign-up" : "sign-in", this.state.view = "verify-email", this.state.busy = !1, this.state.busyLabel = void 0, this.state.notice = null, e.error || e.errorDescription ? this.handleError(new v(
+    return e.email && (this.state.email = e.email), e.marker === P && !e.error ? (this.verificationCompletionAction = null, this.clearCountdown(), this.state.view = "sign-in", this.state.password = "", this.state.confirmPassword = "", this.state.error = null, this.state.busy = !1, this.state.busyLabel = void 0, this.state.notice = "Account created. Sign in to continue.", this.render(), !0) : e.marker === B || e.marker === P ? (this.verificationCompletionAction = e.marker === P ? "sign-up" : "sign-in", this.state.view = "verify-email", this.state.busy = !1, this.state.busyLabel = void 0, this.state.notice = null, e.error || e.errorDescription ? this.handleError(new v(
       e.errorDescription ?? "Verification failed. Request a new verification email and try again.",
       { code: e.error ?? "VERIFY_EMAIL_ERROR" }
-    )) : this.render(), !0) : e.marker === G && (e.error || e.errorDescription) ? (this.state.view = "sign-in", this.state.busy = !1, this.state.busyLabel = void 0, this.state.notice = null, this.handleError(new v(
+    )) : this.render(), !0) : e.marker === W && (e.error || e.errorDescription) ? (this.state.view = "sign-in", this.state.busy = !1, this.state.busyLabel = void 0, this.state.notice = null, this.handleError(new v(
       e.errorDescription ?? "OAuth sign-in failed.",
       { code: e.error ?? "OAUTH_ERROR" }
     )), !0) : !1;
@@ -2001,22 +2104,22 @@ class dt {
     return i <= 0 ? e : s.replace("{seconds}", String(i));
   }
   escape(e) {
-    return e.replace(/[&<>"']/g, (s) => rt[s]);
+    return e.replace(/[&<>"']/g, (s) => Et[s]);
   }
 }
-function ct(t) {
+function At(t) {
   return "data" in t && t.data ? t.data : t;
 }
-const ut = [
+const Rt = [
   { id: "google", key: "providerGoogle" },
   { id: "apple", key: "providerApple" },
   { id: "microsoft", key: "providerMicrosoft" },
   { id: "github", key: "providerGithub" },
   { id: "gitlab", key: "providerGitlab" },
   { id: "discord", key: "providerDiscord" }
-], ve = 2, ht = 500;
-async function mt() {
-  const t = `${window.location.origin}${Ee}/config`;
+], ve = 2, Tt = 500;
+async function It() {
+  const t = `${window.location.origin}${_e}/config`;
   let e;
   for (let s = 0; s <= ve; s++)
     try {
@@ -2024,35 +2127,35 @@ async function mt() {
       if (!i.ok)
         throw new f(`Failed to load auth config: HTTP ${i.status}`);
       const n = await i.json();
-      return wt(ct(n));
+      return Ut(At(n));
     } catch (i) {
-      e = i, s < ve && await new Promise((n) => setTimeout(n, ht));
+      e = i, s < ve && await new Promise((n) => setTimeout(n, Tt));
     }
   throw e;
 }
-let M = null;
-async function ft() {
-  return M || (M = mt().catch((t) => {
-    throw M = null, t;
-  })), M;
-}
-function wt(t) {
-  var s, i, n, a, h, w, E;
-  const e = ut.filter(({ key: L }) => {
-    const _ = t[L];
-    return typeof _ == "object" && _ !== null && "enabled" in _ && !!_.enabled;
-  }).map(({ id: L }) => L);
+let O = null;
+async function Ct() {
+  return O || (O = It().catch((t) => {
+    throw O = null, t;
+  })), O;
+}
+function Ut(t) {
+  var s, i, n, a, u, g, E;
+  const e = Rt.filter(({ key: A }) => {
+    const R = t[A];
+    return typeof R == "object" && R !== null && "enabled" in R && !!R.enabled;
+  }).map(({ id: A }) => A);
   return {
     disableSignUp: !!t.disableSignUp,
     emailPasswordEnabled: !!((s = t.providerEmailPassword) != null && s.enabled),
     minPasswordLength: ((n = (i = t.providerEmailPassword) == null ? void 0 : i.config) == null ? void 0 : n.minPasswordLength) ?? 8,
-    requireEmailVerification: !!((h = (a = t.providerEmailPassword) == null ? void 0 : a.config) != null && h.requireEmailVerification),
-    passwordResetEmailOtpEnabled: !!((E = (w = t.providerEmailPassword) == null ? void 0 : w.config) != null && E.requirePasswordResetEmailVerification),
+    requireEmailVerification: !!((u = (a = t.providerEmailPassword) == null ? void 0 : a.config) != null && u.requireEmailVerification),
+    passwordResetEmailOtpEnabled: !!((E = (g = t.providerEmailPassword) == null ? void 0 : g.config) != null && E.requirePasswordResetEmailVerification),
     oauthProviders: e
   };
 }
-const O = /* @__PURE__ */ new WeakMap();
-function gt(t) {
+const N = /* @__PURE__ */ new WeakMap();
+function $t(t) {
   if (!t)
     throw new f(
       "authUI.mount(container, options) requires either { redirectTo } or { onSuccess }."
@@ -2077,30 +2180,61 @@ function gt(t) {
     throw new f(
       "authUI.mount(container, options) expected onError to be a function."
     );
+  if ("appearance" in t && t.appearance !== void 0) {
+    const i = t.appearance;
+    if (!i || typeof i != "object" || Array.isArray(i))
+      throw new f(
+        "authUI.mount(container, options) expected appearance to be an object."
+      );
+    if ("theme" in i && i.theme !== void 0 && !pt(i.theme))
+      throw new f(
+        `authUI.mount(container, options) expected appearance.theme to be one of: ${$e.join(", ")}.`
+      );
+    if ("className" in i && i.className !== void 0 && typeof i.className != "string")
+      throw new f(
+        "authUI.mount(container, options) expected appearance.className to be a string."
+      );
+    if ("variables" in i && i.variables !== void 0) {
+      if (!i.variables || typeof i.variables != "object" || Array.isArray(i.variables))
+        throw new f(
+          "authUI.mount(container, options) expected appearance.variables to be an object."
+        );
+      for (const [n, a] of Object.entries(i.variables)) {
+        if (!gt(n))
+          throw new f(
+            `authUI.mount(container, options) received unsupported appearance.variables key "${n}".`
+          );
+        if (a !== void 0 && typeof a != "string")
+          throw new f(
+            `authUI.mount(container, options) expected appearance.variables["${n}"] to be a string.`
+          );
+      }
+    }
+  }
 }
-function pt(t) {
+function Bt(t) {
   if (!(t instanceof HTMLElement))
     throw new f("authUI.mount(container, options) requires a real HTMLElement container.");
 }
-function bt(t, e) {
+function kt(t, e) {
   return {
     mount(s, i) {
-      var w;
-      gt(i), pt(s), (w = O.get(s)) == null || w.destroy();
-      const n = new dt(s, t, i, ft, e), a = n.destroy.bind(n), h = {
+      var g;
+      $t(i), Bt(s), (g = N.get(s)) == null || g.destroy();
+      const n = new Lt(s, t, i, Ct, e), a = n.destroy.bind(n), u = {
         destroy() {
-          a(), O.get(s) === h && O.delete(s);
+          a(), N.get(s) === u && N.delete(s);
         }
       };
-      return O.set(s, h), h;
+      return N.set(s, u), u;
     }
   };
 }
-function yt() {
+function Ot() {
   Pe();
-  const t = Xe(), e = et(), s = Me(), i = bt(e, {
+  const t = at(), e = lt(), s = De(), i = kt(e, {
     syncPublicSession: async () => {
-      await Qe(t);
+      await ot(t);
     }
   });
   return {
@@ -2110,22 +2244,29 @@ function yt() {
   };
 }
 export {
+  ft as AUTH_UI_APPEARANCE_VARIABLE,
+  wt as AUTH_UI_APPEARANCE_VARIABLE_NAMES,
+  mt as AUTH_UI_DEFAULT_THEME,
+  Ce as AUTH_UI_THEME,
+  $e as AUTH_UI_THEMES,
+  ht as AUTH_UI_THEME_DARK,
+  Ue as AUTH_UI_THEME_LIGHT,
   v as EdgeSparkAuthError,
   f as EdgeSparkConfigError,
-  ee as EdgeSparkError,
-  ye as EdgeSparkRuntimeError,
-  we as ar,
-  yt as createEdgeSpark,
-  he as de,
-  it as detectLocale,
+  te as EdgeSparkError,
+  Ee as EdgeSparkRuntimeError,
+  pe as ar,
+  Ot as createEdgeSpark,
+  me as de,
+  ut as detectLocale,
   V as enUS,
-  H as es,
-  ue as fr,
+  q as es,
+  he as fr,
   ge as hi,
-  me as it,
-  le as ja,
-  de as ko,
-  ce as ptBR,
-  fe as ru,
-  j as zhCN
+  fe as it,
+  de as ja,
+  ce as ko,
+  ue as ptBR,
+  we as ru,
+  x as zhCN
 };