@getauthui/core 0.1.4 → 0.1.5

package/dist/{authui-user-button-CZBp3mFt.js → authui-user-button-BeDiMjWw.js}

@@ -1,7 +1,7 @@
-import { state as h, property as g, customElement as O, query as gt } from "lit/decorators.js";
-import { css as F, LitElement as it, nothing as o, html as r, svg as d } from "lit";
-import { Client as at, Account as nt, Teams as bt, ID as j, Avatars as yt } from "appwrite";
-const wt = {
+import { state as h, property as g, customElement as O, query as bt } from "lit/decorators.js";
+import { css as F, LitElement as st, nothing as o, html as r, svg as d } from "lit";
+import { Client as nt, Account as ot, Teams as $t, ID as j, Avatars as xt } from "appwrite";
+const kt = {
   signIn: "Sign in",
   dialogSignIn: "Sign in",
   signUp: "Sign up",
@@ -169,13 +169,13 @@ const wt = {
   guestAccountDescription: "Add an email and password to keep your data.",
   preview: "Preview"
 };
-function $t(e, t = {}) {
+function Ct(e, t = {}) {
   return e.replace(
     /\{(\w+)\}/g,
     (i, s) => s in t ? String(t[s]) : `{${s}}`
   );
 }
-const xt = {
+const St = {
   amazon: "Amazon",
   apple: "Apple",
   appwrite: "Appwrite",
@@ -227,9 +227,9 @@ const xt = {
   zoom: "Zoom"
 };
 function q(e) {
-  return xt[e] ?? e.charAt(0).toUpperCase() + e.slice(1);
+  return St[e] ?? e.charAt(0).toUpperCase() + e.slice(1);
 }
-const H = (e, t, i = 401) => Object.assign(new Error(t), { type: e, code: i }), P = () => (/* @__PURE__ */ new Date()).toISOString(), U = (e) => new Date(Date.now() - e * 6e4).toISOString(), W = [
+const H = (e, t, i = 401) => Object.assign(new Error(t), { type: e, code: i }), A = () => (/* @__PURE__ */ new Date()).toISOString(), I = (e) => new Date(Date.now() - e * 6e4).toISOString(), W = [
   "amber",
   "brave",
   "calm",
@@ -242,13 +242,13 @@ const H = (e, t, i = 401) => Object.assign(new Error(t), { type: e, code: i }),
   "juniper",
   "kite",
   "lumen"
-], ot = () => `${W[Math.floor(Math.random() * W.length)]}-${W[Math.floor(Math.random() * W.length)]}`, T = () => Math.random().toString(36).slice(2, 12), ct = () => Array.from({ length: 2 }, () => Math.random().toString(36).slice(2, 7)).join("-"), kt = {
+], ct = () => `${W[Math.floor(Math.random() * W.length)]}-${W[Math.floor(Math.random() * W.length)]}`, T = () => Math.random().toString(36).slice(2, 12), lt = () => Array.from({ length: 2 }, () => Math.random().toString(36).slice(2, 7)).join("-"), At = {
   name: "Ada Lovelace",
   email: "ada@example.com",
   phone: "+15550100"
 };
-class Ct {
-  constructor(t = kt) {
+class Pt {
+  constructor(t = At) {
     this.seed = t, this.user = null, this.mfaPending = !1, this.mfaEnabled = !1, this.totpEnrolled = !1, this.recoveryCodes = [], this.lastChallenge = 0, this.sessions = [], this.identities = [], this.logs = [], this.tokens = /* @__PURE__ */ new Map(), this.pendingAuthenticator = null;
   }
   // ───────────────────────── helpers ─────────────────────────
@@ -256,13 +256,13 @@ class Ct {
     const i = t.anonymous ?? !1;
     return this.user = {
       $id: "preview-user",
-      $createdAt: U(1440 * 30),
-      $updatedAt: P(),
+      $createdAt: I(1440 * 30),
+      $updatedAt: A(),
       name: i ? "" : t.name ?? this.seed.name,
-      registration: U(1440 * 30),
+      registration: I(1440 * 30),
       status: !0,
       labels: [],
-      passwordUpdate: i ? "" : U(1440 * 7),
+      passwordUpdate: i ? "" : I(1440 * 7),
       email: i ? "" : t.email ?? this.seed.email,
       phone: i ? "" : t.phone ?? this.seed.phone,
       emailVerification: !i,
@@ -270,14 +270,14 @@ class Ct {
       mfa: this.mfaEnabled,
       prefs: {},
       targets: [],
-      accessedAt: P()
+      accessedAt: A()
     }, this.seedActivity(i ? "anonymous" : "email"), this.user;
   }
   seedActivity(t) {
     if (this.sessions.length > 0) return;
     const i = {
-      $createdAt: P(),
-      $updatedAt: P(),
+      $createdAt: A(),
+      $updatedAt: A(),
       userId: "preview-user",
       expire: new Date(Date.now() + 365 * 864e5).toISOString(),
       providerUid: "",
@@ -313,7 +313,7 @@ class Ct {
       {
         ...i,
         $id: T(),
-        $createdAt: U(300),
+        $createdAt: I(300),
         provider: t,
         ip: "198.51.100.7",
         osCode: "IOS",
@@ -330,7 +330,7 @@ class Ct {
       {
         ...i,
         $id: T(),
-        $createdAt: U(1440 * 3),
+        $createdAt: I(1440 * 3),
         provider: "oauth2",
         ip: "192.0.2.90",
         osCode: "WIN",
@@ -345,8 +345,8 @@ class Ct {
     ], this.identities = [
       {
         $id: "identity-github",
-        $createdAt: U(1440 * 20),
-        $updatedAt: U(1440 * 20),
+        $createdAt: I(1440 * 20),
+        $updatedAt: I(1440 * 20),
         userId: "preview-user",
         provider: "github",
         providerUid: "8675309",
@@ -358,7 +358,7 @@ class Ct {
     ], this.logs = [
       {
         event: "session.create",
-        time: P(),
+        time: A(),
         clientName: "Chrome",
         osName: "macOS",
         countryName: "Germany",
@@ -366,7 +366,7 @@ class Ct {
       },
       {
         event: "user.update.name",
-        time: U(1440 * 2),
+        time: I(1440 * 2),
         clientName: "Safari",
         osName: "iOS",
         countryName: "Germany",
@@ -374,7 +374,7 @@ class Ct {
       },
       {
         event: "session.create",
-        time: U(1440 * 3),
+        time: I(1440 * 3),
         clientName: "Firefox",
         osName: "Windows",
         countryName: "United States",
@@ -431,25 +431,25 @@ class Ct {
   async createMagicURLToken(t, i) {
     return this.tokens.set(t, { email: i }), this.delay({
       $id: T(),
-      $createdAt: P(),
+      $createdAt: A(),
       userId: t,
       secret: "",
       expire: "",
-      phrase: ot()
+      phrase: ct()
     });
   }
   async createEmailToken(t, i) {
     return this.tokens.set(t, { email: i }), this.delay({
       $id: T(),
-      $createdAt: P(),
+      $createdAt: A(),
       userId: t,
       secret: "",
       expire: "",
-      phrase: ot()
+      phrase: ct()
     });
   }
   async createPhoneToken(t, i) {
-    return this.tokens.set(t, { phone: i }), this.delay({ $id: T(), $createdAt: P(), userId: t, secret: "", expire: "", phrase: "" });
+    return this.tokens.set(t, { phone: i }), this.delay({ $id: T(), $createdAt: A(), userId: t, secret: "", expire: "", phrase: "" });
   }
   async createSession(t) {
     return this.delay(() => {
@@ -490,7 +490,7 @@ class Ct {
   async updateEmail(t) {
     return this.delay(() => {
       const i = this.requireUser();
-      return i.email = t, i.emailVerification = !1, i.passwordUpdate = P(), i;
+      return i.email = t, i.emailVerification = !1, i.passwordUpdate = A(), i;
     });
   }
   async updatePhone(t) {
@@ -502,7 +502,7 @@ class Ct {
   async updatePassword() {
     return this.delay(() => {
       const t = this.requireUser();
-      return t.passwordUpdate = P(), t;
+      return t.passwordUpdate = A(), t;
     });
   }
   async updateStatus() {
@@ -541,7 +541,7 @@ class Ct {
     });
   }
   async createMFAChallenge() {
-    return this.delay({ $id: T(), $createdAt: P(), userId: "preview-user", expire: "" });
+    return this.delay({ $id: T(), $createdAt: A(), userId: "preview-user", expire: "" });
   }
   async updateMFAChallenge() {
     return this.delay(() => (this.mfaPending = !1, this.lastChallenge = Date.now(), this.sessions[0]));
@@ -571,21 +571,21 @@ class Ct {
     return this.delay(() => {
       if (this.recoveryCodes.length > 0)
         throw H("user_recovery_codes_already_exists", "Recovery codes already generated.", 409);
-      return this.recoveryCodes = Array.from({ length: 6 }, ct), { recoveryCodes: this.recoveryCodes };
+      return this.recoveryCodes = Array.from({ length: 6 }, lt), { recoveryCodes: this.recoveryCodes };
     });
   }
   async getMFARecoveryCodes() {
     return this.delay(() => (this.requireRecentChallenge(), { recoveryCodes: this.recoveryCodes }));
   }
   async updateMFARecoveryCodes() {
-    return this.delay(() => (this.requireRecentChallenge(), this.recoveryCodes = Array.from({ length: 6 }, ct), { recoveryCodes: this.recoveryCodes }));
+    return this.delay(() => (this.requireRecentChallenge(), this.recoveryCodes = Array.from({ length: 6 }, lt), { recoveryCodes: this.recoveryCodes }));
   }
   /** Forget everything, as a sign out would. */
   reset() {
     this.user = null, this.mfaPending = !1, this.sessions = [], this.identities = [], this.logs = [], this.tokens.clear();
   }
 }
-function St(e) {
+function It(e) {
   let t = 2166136261;
   const i = () => (t ^= t << 13, t ^= t >>> 17, t ^= t << 5, (t >>> 0) / 4294967296);
   for (const x of e) t = (t ^ x.charCodeAt(0)) * 16777619;
@@ -691,23 +691,73 @@ function K(e, t, i = "link") {
   }
   return s.type === f.projectNotFound || s.type === f.unknownOrigin ? t.errorConfig : s.type === f.routeNotFound ? t.errorConfigEndpoint : s.code === 0 && /fetch|network/i.test(s.message) ? t.errorNetwork : /Invalid `\w+` param/i.test(s.message) ? t.errorGeneric : s.message ? s.message || t.errorGeneric : s.code === 404 || s.type === f.routeNotFound ? t.errorConfigEndpoint : t.errorGeneric;
 }
-function Pt(e) {
+function Ut(e) {
   const t = R(e);
   return !!(t.type === f.projectNotFound || t.type === f.unknownOrigin || t.type === f.routeNotFound || !t.message && t.code === 404 || t.code === 0 && /fetch|network|load failed|failed to fetch/i.test(t.message));
 }
-const Q = (e) => `authui:active-team:${e}`;
-function lt(e) {
+const J = (e) => `authui:active-team:${e}`;
+function dt(e) {
   if (typeof localStorage > "u" || !e) return null;
   try {
-    return localStorage.getItem(Q(e));
+    return localStorage.getItem(J(e));
   } catch {
     return null;
   }
 }
-function At(e, t) {
+function Et(e, t) {
   if (!(typeof localStorage > "u" || !e))
     try {
-      t ? localStorage.setItem(Q(e), t) : localStorage.removeItem(Q(e));
+      t ? localStorage.setItem(J(e), t) : localStorage.removeItem(J(e));
+    } catch {
+    }
+}
+const rt = "authui:last-method";
+function V(e) {
+  if (!(typeof localStorage > "u")) {
+    if (!e || e === "mfa" || e === "sign-up")
+      if (e === "sign-up") e = "email-password";
+      else return;
+    try {
+      localStorage.setItem(rt, e);
+    } catch {
+    }
+  }
+}
+function D() {
+  if (typeof localStorage > "u") return null;
+  try {
+    return localStorage.getItem(rt);
+  } catch {
+    return null;
+  }
+}
+function ne() {
+  if (!(typeof localStorage > "u"))
+    try {
+      localStorage.removeItem(rt);
+    } catch {
+    }
+}
+const G = "authui:pending-oauth";
+function Mt(e) {
+  if (!(typeof sessionStorage > "u"))
+    try {
+      sessionStorage.setItem(G, e);
+    } catch {
+    }
+}
+function yt() {
+  if (!(typeof sessionStorage > "u"))
+    try {
+      const e = sessionStorage.getItem(G);
+      sessionStorage.removeItem(G), e && V(`oauth:${e}`);
+    } catch {
+    }
+}
+function ht() {
+  if (!(typeof sessionStorage > "u"))
+    try {
+      sessionStorage.removeItem(G);
     } catch {
     }
 }
@@ -721,7 +771,7 @@ function S(e, t, i) {
     new Error(`Appwrite SDK is missing ${t[0]}(). Update the appwrite package.`)
   );
 }
-const J = "authui", dt = ["userId", "secret", "expire", "project", "error", J], ht = () => ({
+const tt = "authui", ut = ["userId", "secret", "expire", "project", "error", tt], pt = () => ({
   status: "loading",
   user: null,
   mfaFactors: null,
@@ -729,9 +779,9 @@ const J = "authui", dt = ["userId", "secret", "expire", "project", "error", J],
   configured: !1,
   configError: null
 });
-class Ut {
+class Ft {
   constructor() {
-    this.client = null, this.account = null, this.config = null, this.state = ht(), this.listeners = /* @__PURE__ */ new Map(), this.refreshPromise = null, this.preview = null, this.teams = null, this.activeTeamId = null;
+    this.client = null, this.account = null, this.config = null, this.state = pt(), this.listeners = /* @__PURE__ */ new Map(), this.refreshPromise = null, this.preview = null, this.teams = null, this.activeTeamId = null;
   }
   // ───────────────────────────── configuration ─────────────────────────────
   /** Configure the Appwrite client. Safe to call more than once; the last call wins. */
@@ -739,7 +789,7 @@ class Ut {
     const i = t.endpoint.trim().replace(/\/+$/, "");
     i && !i.endsWith("/v1") && console.warn(
       `[authui] endpoint should end with /v1 (got "${t.endpoint}"). Without it Appwrite returns HTML 404 pages.`
-    ), this.config = t, this.client = new at().setEndpoint(t.endpoint).setProject(t.project), this.preview = t.preview ? new Ct() : null, this.account = this.preview ? this.preview : new nt(this.client), this.teams = null, this.activeTeamId = lt(t.project), this.setState({ configured: !0, status: "loading", configError: null }), this.preview ? this.refresh() : typeof window < "u" && this.handleRedirect().then(() => this.refresh());
+    ), this.config = t, this.client = new nt().setEndpoint(t.endpoint).setProject(t.project), this.preview = t.preview ? new Pt() : null, this.account = this.preview ? this.preview : new ot(this.client), this.teams = null, this.activeTeamId = dt(t.project), this.setState({ configured: !0, status: "loading", configError: null }), this.preview ? this.refresh() : typeof window < "u" && this.handleRedirect().then(() => this.refresh());
   }
   /**
    * Called by <authui-config> when it is on the page but missing endpoint or project.
@@ -785,7 +835,7 @@ class Ut {
   /** List teams the signed-in user belongs to. Empty in preview or when signed out. */
   async listTeams() {
     if (this.preview || !this.client || this.state.status !== "signed-in") return [];
-    this.teams ??= new bt(this.client);
+    this.teams ??= new $t(this.client);
     try {
       return (await this.teams.list()).teams ?? [];
     } catch (t) {
@@ -795,7 +845,7 @@ class Ut {
   getActiveTeamId() {
     if (this.activeTeamId) return this.activeTeamId;
     const t = this.config?.project;
-    return t ? (this.activeTeamId = lt(t), this.activeTeamId) : null;
+    return t ? (this.activeTeamId = dt(t), this.activeTeamId) : null;
   }
   /**
    * Remember the active team locally and emit `active-team`.
@@ -803,10 +853,10 @@ class Ut {
    */
   setActiveTeam(t) {
     const i = this.config?.project;
-    i && At(i, t?.$id ?? null), this.activeTeamId = t?.$id ?? null, this.emit("active-team", { teamId: this.activeTeamId, team: t });
+    i && Et(i, t?.$id ?? null), this.activeTeamId = t?.$id ?? null, this.emit("active-team", { teamId: this.activeTeamId, team: t });
   }
   getStrings() {
-    return { ...wt, ...this.config?.strings ?? {} };
+    return { ...kt, ...this.config?.strings ?? {} };
   }
   getState() {
     return { ...this.state };
@@ -874,7 +924,7 @@ class Ut {
               message: this.getStrings().errorUserBlocked
             }
           }), t && this.emit("signed-out", void 0);
-        else if (!t && Pt(i)) {
+        else if (!t && Ut(i)) {
           const a = K(i, this.getStrings()) || this.getStrings().errorConfig;
           console.warn(
             `[authui] ${a} (endpoint=${this.config?.endpoint ?? "?"}, project=${this.config?.project ?? "?"})`
@@ -924,7 +974,7 @@ class Ut {
         localStorage.removeItem("cookieFallback");
       } catch {
       }
-    this.config && !this.preview && (this.client = new at().setEndpoint(this.config.endpoint).setProject(this.config.project), this.account = new nt(this.client));
+    this.config && !this.preview && (this.client = new nt().setEndpoint(this.config.endpoint).setProject(this.config.project), this.account = new ot(this.client));
   }
   // ─────────────────────────────── sign in ───────────────────────────────
   async signInWithEmailPassword(t, i) {
@@ -1276,8 +1326,8 @@ class Ut {
   /** Build the URL Appwrite should send the user back to for a given flow. */
   redirectUrl(t) {
     const i = this.config?.redirectUrl ?? (typeof window < "u" ? window.location.origin + window.location.pathname : ""), s = new URL(i, typeof window < "u" ? window.location.href : void 0);
-    for (const a of dt) s.searchParams.delete(a);
-    return s.searchParams.set(J, t), s.toString();
+    for (const a of ut) s.searchParams.delete(a);
+    return s.searchParams.set(tt, t), s.toString();
   }
   setPending(t) {
     this.setState({ pending: t });
@@ -1288,7 +1338,7 @@ class Ut {
    */
   async handleRedirect() {
     if (typeof window > "u") return !1;
-    const t = new URLSearchParams(window.location.search), i = t.get(J);
+    const t = new URLSearchParams(window.location.search), i = t.get(tt);
     if (!i) return !1;
     const s = t.get("userId") ?? "", a = t.get("secret") ?? "";
     this.cleanUrl();
@@ -1305,10 +1355,16 @@ class Ut {
       switch (i) {
         case "oauth":
         case "magic-url":
-          s && a ? await this.acct().createSession(s, a) : l();
+          s && a ? (await this.acct().createSession(s, a), i === "oauth" && yt()) : (i === "oauth" && ht(), l());
           break;
         case "oauth-failed":
-          this.setState({ pending: { type: "oauth-failed" } });
+          ht(), this.setState({
+            pending: {
+              type: "notice",
+              tone: "error",
+              message: this.getStrings().errorOAuth
+            }
+          });
           break;
         case "recovery":
           s && a ? this.setState({ pending: { type: "reset-password", userId: s, secret: a } }) : l();
@@ -1335,16 +1391,16 @@ class Ut {
   }
   cleanUrl() {
     const t = new URL(window.location.href);
-    for (const i of dt) t.searchParams.delete(i);
+    for (const i of ut) t.searchParams.delete(i);
     window.history.replaceState(window.history.state, "", t.toString());
   }
   /** Test helper. */
   reset() {
-    this.client = null, this.account = null, this.teams = null, this.activeTeamId = null, this.preview = null, this.config = null, this.state = ht(), this.listeners.clear();
+    this.client = null, this.account = null, this.teams = null, this.activeTeamId = null, this.preview = null, this.config = null, this.state = pt(), this.listeners.clear();
   }
 }
-const n = new Ut();
-class It {
+const n = new Ft();
+class Ot {
   constructor() {
     this.listeners = /* @__PURE__ */ new Set(), this.observer = null, this.media = null, this.notify = () => {
       const t = this.isDark("auto");
@@ -1372,14 +1428,14 @@ class It {
     this.observer?.disconnect(), this.observer = null, this.media?.removeEventListener?.("change", this.notify), this.media = null;
   }
 }
-const ut = new It(), pt = {
+const mt = new Ot(), ft = {
   none: "0px",
   sm: "0.25rem",
   md: "0.625rem",
   lg: "0.875rem",
   xl: "1.125rem",
   full: "1.5rem"
-}, Et = F`
+}, _t = F`
   :host {
     /* Light theme (matches :root in the console) */
     --authui-background: oklch(1 0 0);
@@ -1457,7 +1513,7 @@ const ut = new It(), pt = {
     --authui-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.5);
     color-scheme: dark;
   }
-`, Mt = F`
+`, Tt = F`
   *,
   *::before,
   *::after {
@@ -2262,25 +2318,25 @@ const ut = new It(), pt = {
     }
   }
 `;
-var Ft = Object.defineProperty, Ot = (e, t, i, s) => {
+var Dt = Object.defineProperty, Rt = (e, t, i, s) => {
   for (var a = void 0, l = e.length - 1, u; l >= 0; l--)
     (u = e[l]) && (a = u(t, i, a) || a);
-  return a && Ft(t, i, a), a;
-}, I;
-const vt = (I = class extends it {
+  return a && Dt(t, i, a), a;
+}, U;
+const wt = (U = class extends st {
   constructor() {
     super(...arguments), this.auth = n.getState(), this.unsubscribeStore = null, this.unsubscribeTheme = null, this.stopKeys = (t) => t.stopPropagation();
   }
   connectedCallback() {
     super.connectedCallback();
-    for (const t of I.KEY_EVENTS) this.addEventListener(t, this.stopKeys);
+    for (const t of U.KEY_EVENTS) this.addEventListener(t, this.stopKeys);
     this.auth = n.getState(), this.unsubscribeStore = n.on("change", (t) => {
       this.auth = t, this.applyBranding();
-    }), this.unsubscribeTheme = ut.subscribe(() => this.applyBranding()), this.applyBranding();
+    }), this.unsubscribeTheme = mt.subscribe(() => this.applyBranding()), this.applyBranding();
   }
   disconnectedCallback() {
     super.disconnectedCallback();
-    for (const t of I.KEY_EVENTS) this.removeEventListener(t, this.stopKeys);
+    for (const t of U.KEY_EVENTS) this.removeEventListener(t, this.stopKeys);
     this.unsubscribeStore?.(), this.unsubscribeTheme?.(), this.unsubscribeStore = null, this.unsubscribeTheme = null;
   }
   get strings() {
@@ -2288,7 +2344,7 @@ const vt = (I = class extends it {
   }
   /** Translate a string key with optional `{placeholders}`. */
   t(t, i) {
-    return $t(this.strings[t], i);
+    return Ct(this.strings[t], i);
   }
   get config() {
     return n.getConfig();
@@ -2298,27 +2354,27 @@ const vt = (I = class extends it {
   }
   /** Push theme and branding from config onto the host element. */
   applyBranding() {
-    const t = this.config?.branding, i = ut.isDark(t?.theme ?? "auto");
+    const t = this.config?.branding, i = mt.isDark(t?.theme ?? "auto");
     this.setAttribute("data-theme", i ? "dark" : "light"), t?.primary && (this.style.setProperty("--authui-primary", t.primary), this.style.setProperty(
       "--authui-primary-foreground",
       t.primaryForeground ?? "#ffffff"
-    )), t?.radius && pt[t.radius] && this.style.setProperty("--authui-radius", pt[t.radius]);
+    )), t?.radius && ft[t.radius] && this.style.setProperty("--authui-radius", ft[t.radius]);
   }
   /** Emit a composed custom event from this element. */
   fire(t, i) {
     this.dispatchEvent(new CustomEvent(t, { detail: i, bubbles: !0, composed: !0 }));
   }
-}, I.styles = [Et, Mt], I.KEY_EVENTS = ["keydown", "keyup", "keypress"], I);
-Ot([
+}, U.styles = [_t, Tt], U.KEY_EVENTS = ["keydown", "keyup", "keypress"], U);
+Rt([
   h()
-], vt.prototype, "auth");
-let A = vt;
-var _t = Object.defineProperty, Tt = Object.getOwnPropertyDescriptor, y = (e, t, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Tt(t, i) : t, l = e.length - 1, u; l >= 0; l--)
+], wt.prototype, "auth");
+let P = wt;
+var zt = Object.defineProperty, Lt = Object.getOwnPropertyDescriptor, y = (e, t, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Lt(t, i) : t, l = e.length - 1, u; l >= 0; l--)
     (u = e[l]) && (a = (s ? u(t, i, a) : u(a)) || a);
-  return s && a && _t(t, i, a), a;
+  return s && a && zt(t, i, a), a;
 };
-let b = class extends it {
+let b = class extends st {
   constructor() {
     super(...arguments), this.endpoint = "", this.project = "", this.redirectUrl = "", this.successUrl = "", this.methods = "email-password", this.signUp = "true", this.requireName = "true", this.mfa = "true", this.securityPhrase = "true", this.name = "", this.logo = "", this.theme = "auto", this.radius = "", this.primary = "", this.primaryForeground = "", this.termsUrl = "", this.privacyUrl = "", this.preview = "";
   }
@@ -2430,36 +2486,36 @@ y([
 b = y([
   O("authui-config")
 ], b);
-var Dt = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, Y = (e, t, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Rt(t, i) : t, l = e.length - 1, u; l >= 0; l--)
+var Vt = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, Z = (e, t, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? qt(t, i) : t, l = e.length - 1, u; l >= 0; l--)
     (u = e[l]) && (a = (s ? u(t, i, a) : u(a)) || a);
-  return s && a && Dt(t, i, a), a;
+  return s && a && Vt(t, i, a), a;
 };
-const mt = "authui-show:not([ready]){display:none}", ie = "authui-show:not([ready]){display:none}authui-button:not(:defined),authui-user-button:not(:defined){visibility:hidden}";
-let ft = !1;
-function zt() {
-  if (!(typeof document > "u" || ft)) {
-    ft = !0;
+const gt = "authui-show:not([ready]){display:none}", oe = "authui-show:not([ready]){display:none}authui-button:not(:defined),authui-user-button:not(:defined){visibility:hidden}";
+let vt = !1;
+function Nt() {
+  if (!(typeof document > "u" || vt)) {
+    vt = !0;
     try {
       if (typeof CSSStyleSheet < "u" && "adoptedStyleSheets" in Document.prototype) {
         const e = new CSSStyleSheet();
-        e.replaceSync(mt), document.adoptedStyleSheets = [...document.adoptedStyleSheets, e];
+        e.replaceSync(gt), document.adoptedStyleSheets = [...document.adoptedStyleSheets, e];
         return;
       }
     } catch {
     }
     if (!document.getElementById("authui-fouc")) {
       const e = document.createElement("style");
-      e.id = "authui-fouc", e.textContent = mt, document.head.appendChild(e);
+      e.id = "authui-fouc", e.textContent = gt, document.head.appendChild(e);
     }
   }
 }
-zt();
-const Lt = ["loading", "signed-out", "signed-in", "mfa-required"];
-function X(e) {
-  return e ? e.split(/[\s,]+/).map((t) => t.trim()).filter((t) => Lt.includes(t)) : [];
+Nt();
+const Bt = ["loading", "signed-out", "signed-in", "mfa-required"];
+function Q(e) {
+  return e ? e.split(/[\s,]+/).map((t) => t.trim()).filter((t) => Bt.includes(t)) : [];
 }
-let B = class extends it {
+let B = class extends st {
   constructor() {
     super(...arguments), this.when = "", this.unless = "", this.status = n.getState().status, this.unsubscribe = null;
   }
@@ -2471,29 +2527,29 @@ let B = class extends it {
   }
   /** Whether the current status satisfies `when` and `unless`. */
   get visible() {
-    const e = X(this.when), t = X(this.unless);
+    const e = Q(this.when), t = Q(this.unless);
     return !(this.status === "loading" && !e.includes("loading") || e.length > 0 && !e.includes(this.status) || t.includes(this.status));
   }
   updated() {
-    (this.status !== "loading" || X(this.when).includes("loading")) && (this.setAttribute("ready", ""), this.style.display = "contents");
+    (this.status !== "loading" || Q(this.when).includes("loading")) && (this.setAttribute("ready", ""), this.style.display = "contents");
   }
   render() {
     return this.visible ? r`<slot></slot>` : o;
   }
 };
-Y([
+Z([
   g({ type: String })
 ], B.prototype, "when", 2);
-Y([
+Z([
   g({ type: String })
 ], B.prototype, "unless", 2);
-Y([
+Z([
   h()
 ], B.prototype, "status", 2);
-B = Y([
+B = Z([
   O("authui-show")
 ], B);
-const Vt = F`
+const jt = F`
   :host {
     display: block;
     width: 100%;
@@ -2640,7 +2696,7 @@ const Vt = F`
   qr: v(
     d`<rect width="5" height="5" x="3" y="3" rx="1"/><rect width="5" height="5" x="16" y="3" rx="1"/><rect width="5" height="5" x="3" y="16" rx="1"/><path d="M21 16h-3a2 2 0 0 0-2 2v3"/><path d="M21 21v.01"/><path d="M12 7v3a2 2 0 0 1-2 2H7"/><path d="M3 12h.01"/><path d="M12 3h.01"/><path d="M12 16v.01"/><path d="M16 12h1"/><path d="M21 12v.01"/><path d="M12 21v-1"/>`
   )
-}, w = (e, t = "0 0 24 24") => r`<svg xmlns="http://www.w3.org/2000/svg" viewBox=${t} aria-hidden="true">${e}</svg>`, qt = {
+}, w = (e, t = "0 0 24 24") => r`<svg xmlns="http://www.w3.org/2000/svg" viewBox=${t} aria-hidden="true">${e}</svg>`, Ht = {
   google: w(
     d`<path fill="#4285F4" d="M23.49 12.27c0-.79-.07-1.54-.19-2.27H12v4.51h6.47a5.57 5.57 0 0 1-2.4 3.58v3h3.86c2.26-2.09 3.56-5.17 3.56-8.82z"/><path fill="#34A853" d="M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.86-3c-1.08.72-2.45 1.16-4.07 1.16-3.13 0-5.78-2.11-6.73-4.96H1.29v3.09A11.99 11.99 0 0 0 12 24z"/><path fill="#FBBC05" d="M5.27 14.29A7.2 7.2 0 0 1 4.89 12c0-.8.14-1.57.38-2.29V6.62H1.29A11.97 11.97 0 0 0 0 12c0 1.94.46 3.77 1.29 5.38l3.98-3.09z"/><path fill="#EA4335" d="M12 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C17.95 1.19 15.24 0 12 0 7.31 0 3.26 2.69 1.29 6.62l3.98 3.09C6.22 6.86 8.87 4.75 12 4.75z"/>`
   ),
@@ -2696,22 +2752,22 @@ const Vt = F`
     d`<path fill="#003087" d="M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.816-5.09a.932.932 0 0 1 .923-.788h.58c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z"/>`
   )
 };
-function tt(e) {
-  return qt[e] ?? c.globe;
+function et(e) {
+  return Ht[e] ?? c.globe;
 }
-function st(e) {
+function at(e) {
   const t = (e.trim()[0] ?? "?").toUpperCase();
   return /[A-Z0-9]/i.test(t) ? t : c.user;
 }
-function G(e) {
+function Y(e) {
   typeof document > "u" || (document.querySelector("authui-modal") || document.body.appendChild(document.createElement("authui-modal")), queueMicrotask(() => {
     window.dispatchEvent(new CustomEvent("authui:open", { detail: { view: e } }));
   }));
 }
-function se() {
+function ce() {
   typeof window > "u" || window.dispatchEvent(new CustomEvent("authui:close"));
 }
-function et(e) {
+function it(e) {
   const t = {
     length: e.length >= 8,
     long: e.length >= 12,
@@ -2727,39 +2783,12 @@ function et(e) {
   let s, a;
   return !t.length || i <= 1 ? (s = 1, a = "passwordStrengthTooWeak") : i === 2 ? (s = 2, a = "passwordStrengthWeak") : i === 3 ? (s = 3, a = "passwordStrengthFair") : i >= 5 && t.long && t.lower && t.upper && t.number && t.symbol ? (s = 4, a = "passwordStrengthVeryStrong") : (s = 4, a = "passwordStrengthStrong"), { level: s, percent: s * 25, labelKey: a, checks: t };
 }
-const rt = "authui:last-method";
-function V(e) {
-  if (!(typeof localStorage > "u")) {
-    if (!e || e === "mfa" || e === "sign-up")
-      if (e === "sign-up") e = "email-password";
-      else return;
-    try {
-      localStorage.setItem(rt, e);
-    } catch {
-    }
-  }
-}
-function D() {
-  if (typeof localStorage > "u") return null;
-  try {
-    return localStorage.getItem(rt);
-  } catch {
-    return null;
-  }
-}
-function re() {
-  if (!(typeof localStorage > "u"))
-    try {
-      localStorage.removeItem(rt);
-    } catch {
-    }
-}
-var Nt = Object.defineProperty, Bt = Object.getOwnPropertyDescriptor, k = (e, t, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Bt(t, i) : t, l = e.length - 1, u; l >= 0; l--)
+var Wt = Object.defineProperty, Kt = Object.getOwnPropertyDescriptor, k = (e, t, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Kt(t, i) : t, l = e.length - 1, u; l >= 0; l--)
     (u = e[l]) && (a = (s ? u(t, i, a) : u(a)) || a);
-  return s && a && Nt(t, i, a), a;
+  return s && a && Wt(t, i, a), a;
 };
-let $ = class extends A {
+let $ = class extends P {
   constructor() {
     super(...arguments), this.view = "sign-in", this.embedded = !1, this.step = "sign-in", this.busy = !1, this.error = "", this.notice = null, this.showPassword = !1, this.token = null, this.focusOnStep = !1, this.resendCooldownUntil = 0, this.challenge = null, this.recovery = null, this.email = "", this.password = "", this.passwordConfirm = "", this.name = "", this.phone = "", this.code = "", this.onSignIn = (e) => {
       e.preventDefault(), this.requireValid(e) && this.run(async () => {
@@ -2775,8 +2804,8 @@ let $ = class extends A {
       });
     }, this.onOAuth = (e) => {
       this.run(async () => {
-        if (V(`oauth:${e}`), await n.signInWithOAuth(e), n.isPreview) {
-          this.fire("authui-success", { method: "oauth" });
+        if (Mt(e), await n.signInWithOAuth(e), n.isPreview) {
+          yt(), this.fire("authui-success", { method: "oauth" });
           return;
         }
         await new Promise((t) => setTimeout(t, 4e3));
@@ -2793,7 +2822,7 @@ let $ = class extends A {
       }
       const t = this.recovery;
       t && this.run(async () => {
-        await n.completePasswordRecovery(t.userId, t.secret, this.password), this.password = "", this.passwordConfirm = "", this.recovery = null, this.auth.pending?.type === "reset-password" && n.setPending(null), this.notice = { tone: "success", message: this.t("passwordUpdated") }, this.go("sign-in");
+        await n.completePasswordRecovery(t.userId, t.secret, this.password), this.password = "", this.passwordConfirm = "", this.recovery = null, this.auth.pending?.type === "reset-password" && n.setPending(null), this.go("sign-in"), this.notice = { tone: "success", message: this.t("passwordUpdated") };
       });
     }, this.onMagicUrl = (e) => {
       e.preventDefault(), this.requireValid(e) && this.run(async () => {
@@ -2864,7 +2893,7 @@ let $ = class extends A {
     const { status: e, pending: t } = this.auth;
     e === "mfa-required" && this.step !== "mfa" && this.go("mfa");
     const i = this.step === "reset-password" || t?.type === "reset-password" || this.recovery !== null;
-    (e === "signed-in" || e === "signed-out") && !i && (this.step === "mfa" || this.step === "phone" || this.step === "email-otp" || this.step === "magic-url" || this.step === "forgot-password" || this.token !== null || this.challenge !== null || e === "signed-out") && (this.token = null, this.challenge = null, this.code = "", this.password = "", this.notice = null, this.go(this.view === "sign-up" ? "sign-up" : "sign-in")), t?.type === "reset-password" && this.step !== "reset-password" && (this.recovery = { userId: t.userId, secret: t.secret }, this.go("reset-password")), t?.type === "oauth-failed" && (this.notice = { tone: "error", message: this.t("errorOAuth") }, n.setPending(null)), t?.type === "notice" && !this.notice && (this.notice = {
+    (e === "signed-in" || e === "signed-out") && !i && (this.step === "mfa" || this.step === "phone" || this.step === "email-otp" || this.step === "magic-url" || this.step === "forgot-password" || this.token !== null || this.challenge !== null || e === "signed-out") && (this.token = null, this.challenge = null, this.code = "", this.password = "", this.notice = null, this.go(this.view === "sign-up" ? "sign-up" : "sign-in")), t?.type === "reset-password" && this.step !== "reset-password" && (this.recovery = { userId: t.userId, secret: t.secret }, this.go("reset-password")), t?.type === "oauth-failed" && (this.notice = { tone: "error", message: this.t("errorOAuth") }), t?.type === "notice" && !this.notice && (this.notice = {
       tone: t.tone === "error" ? "error" : t.tone,
       message: t.message
     });
@@ -2874,7 +2903,7 @@ let $ = class extends A {
     this.notice = null, this.auth.pending?.type === "notice" && n.setPending(null);
   }
   go(e) {
-    e === "sign-up" && this.config?.signUp === !1 && (e = "sign-in"), this.focusOnStep = !0, this.step = e, this.error = "", this.notice = null, this.auth.pending?.type === "notice" && n.setPending(null), this.busy = !1, this.showPassword = !1, this.password = "", this.passwordConfirm = "", e !== "mfa" && (this.challenge = null), e !== "email-otp" && e !== "phone" && e !== "magic-url" && (this.token = null), this.fire("authui-view", { view: e });
+    e === "sign-up" && this.config?.signUp === !1 && (e = "sign-in"), this.focusOnStep = !0, this.step = e, this.error = "", this.notice = null, this.busy = !1, this.showPassword = !1, this.password = "", this.passwordConfirm = "", e !== "mfa" && (this.challenge = null), e !== "email-otp" && e !== "phone" && e !== "magic-url" && (this.token = null), this.fire("authui-view", { view: e });
   }
   // ───────────────────────────── actions ─────────────────────────────
   async run(e, t = "link") {
@@ -2976,7 +3005,7 @@ let $ = class extends A {
     </button>`;
   }
   passwordField(e) {
-    const t = this[e.field], i = e.meter ? et(t) : null;
+    const t = this[e.field], i = e.meter ? it(t) : null;
     return r`
       <div class="field">
         <label class="label" for=${e.id}>
@@ -3119,7 +3148,7 @@ let $ = class extends A {
       <div class="stack">
         <div class="row">
           <div class="inline">
-            <span class="avatar">${st(t)}</span>
+            <span class="avatar">${at(t)}</span>
             <div class="row-main">
               <span class="row-title" title=${t}>${t}</span>
               ${e.email && e.name ? r`<span class="row-sub" title=${e.email}>${e.email}</span>` : o}
@@ -3134,7 +3163,7 @@ let $ = class extends A {
           <button
             class="btn btn-outline btn-block"
             @click=${() => {
-      this.embedded ? this.fire("authui-open", { view: "account" }) : G("account");
+      this.embedded ? this.fire("authui-open", { view: "account" }) : Y("account");
     }}
           >
             ${c.settings} ${this.t("manageAccount")}
@@ -3166,7 +3195,7 @@ let $ = class extends A {
             ?disabled=${this.busy}
             aria-label=${this.t("continueWith", { provider: q(s) })}
           >
-            ${tt(s)}
+            ${et(s)}
             <span
               >${i ? q(s) : this.t("continueWith", { provider: q(s) })}</span
             >
@@ -3504,7 +3533,7 @@ let $ = class extends A {
     `;
   }
 };
-$.styles = [...A.styles, Vt];
+$.styles = [...P.styles, jt];
 k([
   g({ type: String })
 ], $.prototype, "view", 2);
@@ -3539,17 +3568,17 @@ k([
   h()
 ], $.prototype, "recovery", 2);
 k([
-  gt("form input:not([type=hidden])")
+  bt("form input:not([type=hidden])")
 ], $.prototype, "firstInput", 2);
 $ = k([
   O("authui-sign-in")
 ], $);
-var jt = Object.defineProperty, Ht = Object.getOwnPropertyDescriptor, m = (e, t, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Ht(t, i) : t, l = e.length - 1, u; l >= 0; l--)
+var Gt = Object.defineProperty, Yt = Object.getOwnPropertyDescriptor, m = (e, t, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Yt(t, i) : t, l = e.length - 1, u; l >= 0; l--)
     (u = e[l]) && (a = (s ? u(t, i, a) : u(a)) || a);
-  return s && a && jt(t, i, a), a;
+  return s && a && Gt(t, i, a), a;
 };
-let p = class extends A {
+let p = class extends P {
   constructor() {
     super(...arguments), this.embedded = !1, this.tab = "profile", this.active = "profile", this.busy = "", this.notice = null, this.errors = {}, this.nameInput = "", this.emailInput = "", this.emailPassword = "", this.phoneInput = "", this.phonePassword = "", this.phoneCode = "", this.phoneCodeSent = !1, this.guestName = "", this.oldPassword = "", this.newPassword = "", this.newPasswordConfirm = "", this.authenticator = null, this.authenticatorCode = "", this.factors = null, this.recoveryCodes = null, this.stepUp = null, this.stepUpCode = "", this.copied = !1, this.sessions = null, this.identities = null, this.logs = null, this.logsSupported = null, this.logsProbeStarted = !1, this.confirmDelete = !1, this.confirmRegenerate = !1, this.confirmRemoveAuthenticator = !1, this.confirmSignOutAll = !1, this.confirmDisconnectId = null, this.verifyEmailCooldownUntil = 0, this.onTabsKeydown = (e) => {
       const t = [...this.renderRoot?.querySelectorAll('[role="tab"]') ?? []];
@@ -3909,7 +3938,7 @@ let p = class extends A {
     return r`
       <div class="between">
         <div class="identity">
-          <span class="avatar">${st(t)}</span>
+          <span class="avatar">${at(t)}</span>
           <div class="row-main">
             <span class="row-title" title=${t}>
               ${t}
@@ -4005,7 +4034,7 @@ let p = class extends A {
                 autocomplete="new-password"
               />
               ${this.emailPassword ? (() => {
-        const t = et(this.emailPassword);
+        const t = it(this.emailPassword);
         return r`<div class="strength" aria-live="polite">
                         <div
                           class="strength-meter"
@@ -4271,7 +4300,7 @@ let p = class extends A {
                     autocomplete="new-password"
                   />
                   ${this.newPassword ? (() => {
-        const i = et(this.newPassword);
+        const i = it(this.newPassword);
         return r`<div class="strength" aria-live="polite">
                             <div
                               class="strength-meter"
@@ -4320,7 +4349,7 @@ let p = class extends A {
     </div>`;
   }
   renderMfaCard() {
-    const e = this.user, t = this.factors?.totp ?? !1, i = this.authenticator ? n.isPreview ? St(this.authenticator.uri) : new yt(n.getClient()).getQR(this.authenticator.uri, 400, 1).toString() : "";
+    const e = this.user, t = this.factors?.totp ?? !1, i = this.authenticator ? n.isPreview ? It(this.authenticator.uri) : new xt(n.getClient()).getQR(this.authenticator.uri, 400, 1).toString() : "";
     return this.card(
       this.t("twoFactor"),
       this.t("twoFactorDescription"),
@@ -4652,7 +4681,7 @@ let p = class extends A {
         ${e === null ? r`<div class="empty"><span class="spinner"></span></div>` : e.length === 0 ? r`<div class="empty">${this.t("noConnections")}</div>` : e.map(
         (i) => r`<div class="row">
                       <div class="inline">
-                        <span class="device">${tt(i.provider)}</span>
+                        <span class="device">${et(i.provider)}</span>
                         <div class="row-main">
                           <span class="row-title">${q(i.provider)}</span>
                           <span class="row-sub">${i.providerEmail || i.providerUid}</span>
@@ -4693,7 +4722,7 @@ let p = class extends A {
         }}
                     ?disabled=${!!this.busy}
                   >
-                    ${this.spinner(`connect-${i}`)} ${tt(i)}
+                    ${this.spinner(`connect-${i}`)} ${et(i)}
                     ${this.t("connectProvider", { provider: q(i) })}
                   </button>`
       )}` : void 0
@@ -4723,7 +4752,7 @@ let p = class extends A {
   }
 };
 p.styles = [
-  ...A.styles,
+  ...P.styles,
   F`
       :host {
         display: block;
@@ -4925,12 +4954,12 @@ m([
 p = m([
   O("authui-account")
 ], p);
-var Wt = Object.defineProperty, Kt = Object.getOwnPropertyDescriptor, L = (e, t, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Kt(t, i) : t, l = e.length - 1, u; l >= 0; l--)
+var Zt = Object.defineProperty, Xt = Object.getOwnPropertyDescriptor, L = (e, t, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Xt(t, i) : t, l = e.length - 1, u; l >= 0; l--)
     (u = e[l]) && (a = (s ? u(t, i, a) : u(a)) || a);
-  return s && a && Wt(t, i, a), a;
+  return s && a && Zt(t, i, a), a;
 };
-let M = class extends A {
+let M = class extends P {
   constructor() {
     super(...arguments), this.open = !1, this.view = "sign-in", this.closeOnSuccess = !0, this.handledPending = null, this.onOpenEvent = (e) => {
       const t = e.detail ?? {};
@@ -5002,7 +5031,7 @@ let M = class extends A {
   }
 };
 M.styles = [
-  ...A.styles,
+  ...P.styles,
   F`
       :host {
         display: contents;
@@ -5076,17 +5105,17 @@ L([
   h()
 ], M.prototype, "handledPending", 2);
 L([
-  gt("dialog")
+  bt("dialog")
 ], M.prototype, "dialog", 2);
 M = L([
   O("authui-modal")
 ], M);
-var Gt = Object.defineProperty, Yt = Object.getOwnPropertyDescriptor, Z = (e, t, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Yt(t, i) : t, l = e.length - 1, u; l >= 0; l--)
+var Qt = Object.defineProperty, Jt = Object.getOwnPropertyDescriptor, X = (e, t, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Jt(t, i) : t, l = e.length - 1, u; l >= 0; l--)
     (u = e[l]) && (a = (s ? u(t, i, a) : u(a)) || a);
-  return s && a && Gt(t, i, a), a;
+  return s && a && Qt(t, i, a), a;
 };
-let z = class extends A {
+let z = class extends P {
   constructor() {
     super(...arguments), this.view = "sign-in", this.variant = "primary", this.size = "md";
   }
@@ -5094,7 +5123,7 @@ let z = class extends A {
     const e = this.size === "md" ? "" : `btn-${this.size}`;
     return r`<button
       class="btn btn-${this.variant} ${e}"
-      @click=${() => G(this.view)}
+      @click=${() => Y(this.view)}
       part="button"
     >
       <slot
@@ -5104,7 +5133,7 @@ let z = class extends A {
   }
 };
 z.styles = [
-  ...A.styles,
+  ...P.styles,
   F`
       :host {
         display: inline-block;
@@ -5114,24 +5143,24 @@ z.styles = [
       }
     `
 ];
-Z([
+X([
   g({ type: String })
 ], z.prototype, "view", 2);
-Z([
+X([
   g({ type: String })
 ], z.prototype, "variant", 2);
-Z([
+X([
   g({ type: String })
 ], z.prototype, "size", 2);
-z = Z([
+z = X([
   O("authui-button")
 ], z);
-var Zt = Object.defineProperty, Xt = Object.getOwnPropertyDescriptor, _ = (e, t, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Xt(t, i) : t, l = e.length - 1, u; l >= 0; l--)
+var te = Object.defineProperty, ee = Object.getOwnPropertyDescriptor, _ = (e, t, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? ee(t, i) : t, l = e.length - 1, u; l >= 0; l--)
     (u = e[l]) && (a = (s ? u(t, i, a) : u(a)) || a);
-  return s && a && Zt(t, i, a), a;
+  return s && a && te(t, i, a), a;
 };
-let E = class extends A {
+let E = class extends P {
   constructor() {
     super(...arguments), this.showTeams = !1, this.src = "", this.menuOpen = !1, this.teams = [], this.teamsLoading = !1, this.activeTeamId = null, this.onDocumentClick = (e) => {
       e.composedPath().includes(this) || (this.menuOpen = !1);
@@ -5191,7 +5220,7 @@ let E = class extends A {
     if (e === "loading" && i)
       return r`<span class="avatar"><span class="spinner"></span></span>`;
     if (e !== "signed-in" || !t)
-      return r`<button class="btn btn-primary btn-sm" @click=${() => G("sign-in")}>
+      return r`<button class="btn btn-primary btn-sm" @click=${() => Y("sign-in")}>
         <slot>${this.t("signIn")}</slot>
       </button>`;
     const s = t.name || t.email || t.phone || this.t("guestAccount");
@@ -5204,7 +5233,7 @@ let E = class extends A {
         aria-label=${s}
       >
         <span class="avatar"
-          >${this.src ? r`<img src=${this.src} alt="" />` : st(s)}</span
+          >${this.src ? r`<img src=${this.src} alt="" />` : at(s)}</span
         >
       </button>
       ${this.menuOpen ? r`<div class="menu" role="menu">
@@ -5233,7 +5262,7 @@ let E = class extends A {
                 class="menu-item"
                 role="menuitem"
                 @click=${() => {
-      this.menuOpen = !1, G("account");
+      this.menuOpen = !1, Y("account");
     }}
               >
                 ${c.settings} ${this.t("manageAccount")}
@@ -5252,7 +5281,7 @@ let E = class extends A {
   }
 };
 E.styles = [
-  ...A.styles,
+  ...P.styles,
   F`
       :host {
         display: inline-block;
@@ -5384,31 +5413,34 @@ E = _([
   O("authui-user-button")
 ], E);
 export {
-  Ut as A,
-  ie as C,
+  Ft as A,
+  oe as C,
   f as E,
-  mt as F,
-  Ct as P,
+  gt as F,
+  Pt as P,
   n as a,
   p as b,
-  se as c,
+  ce as c,
   z as d,
   b as e,
-  A as f,
+  P as f,
   M as g,
   B as h,
   $ as i,
   E as j,
-  re as k,
-  wt as l,
-  K as m,
-  D as n,
-  G as o,
-  lt as p,
-  Pt as q,
-  q as r,
-  V as s,
-  et as t,
-  At as u,
-  R as v
+  ne as k,
+  ht as l,
+  kt as m,
+  K as n,
+  Y as o,
+  D as p,
+  dt as q,
+  Ut as r,
+  q as s,
+  V as t,
+  yt as u,
+  it as v,
+  Et as w,
+  Mt as x,
+  R as y
 };