@getauthui/core 0.1.10 → 0.1.12

package/dist/{authui-user-button-CPPH9iUx.js → authui-user-button--QfXbaC8.js}

@@ -1,6 +1,6 @@
-import { state as d, property as m, customElement as T, query as rt } from "lit/decorators.js";
-import { css as L, LitElement as at, nothing as n, html as r, svg as h } from "lit";
-import { Client as lt, Account as ct, Teams as kt, ID as W, Avatars as Ct } from "appwrite";
+import { state as c, property as m, customElement as L, query as at } from "lit/decorators.js";
+import { css as T, LitElement as nt, nothing as n, html as r, svg as u } from "lit";
+import { Client as ct, Account as dt, Teams as kt, ID as W, Avatars as Ct } from "appwrite";
 const St = {
   signIn: "Sign in",
   dialogSignIn: "Sign in",
@@ -79,7 +79,7 @@ const St = {
   twoFactor: "Two-factor authentication",
   mfaBadge: "MFA",
   twoFactorDescription: "Require a second factor when signing in to this account.",
-  mfaNoFactorWarning: "Turn on an authenticator, or verify your email or phone, before enabling two-factor authentication. Without a factor, this setting does not protect the account.",
+  mfaNoFactorWarning: "Two-factor authentication is on, but no factors are set up yet. Add an authenticator, or verify your email or phone. Without a factor, this setting does not protect the account.",
   enable: "Enable",
   disable: "Disable",
   authenticatorApp: "Authenticator app",
@@ -248,13 +248,13 @@ const K = (e, t, i = 401) => Object.assign(new Error(t), { type: e, code: i }),
   "juniper",
   "kite",
   "lumen"
-], dt = () => `${G[Math.floor(Math.random() * G.length)]}-${G[Math.floor(Math.random() * G.length)]}`, z = () => Math.random().toString(36).slice(2, 12), ut = () => Array.from({ length: 2 }, () => Math.random().toString(36).slice(2, 7)).join("-"), It = {
+], ht = () => `${G[Math.floor(Math.random() * G.length)]}-${G[Math.floor(Math.random() * G.length)]}`, D = () => Math.random().toString(36).slice(2, 12), ut = () => Array.from({ length: 2 }, () => Math.random().toString(36).slice(2, 7)).join("-"), Ut = {
   name: "Ada Lovelace",
   email: "ada@example.com",
   phone: "+15550100"
 };
-class Ut {
-  constructor(t = It) {
+class It {
+  constructor(t = Ut) {
     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 ─────────────────────────
@@ -318,7 +318,7 @@ class Ut {
       },
       {
         ...i,
-        $id: z(),
+        $id: D(),
         $createdAt: M(300),
         provider: t,
         ip: "198.51.100.7",
@@ -335,7 +335,7 @@ class Ut {
       },
       {
         ...i,
-        $id: z(),
+        $id: D(),
         $createdAt: M(1440 * 3),
         provider: "oauth2",
         ip: "192.0.2.90",
@@ -436,26 +436,26 @@ class Ut {
   }
   async createMagicURLToken(t, i) {
     return this.tokens.set(t, { email: i }), this.delay({
-      $id: z(),
+      $id: D(),
       $createdAt: P(),
       userId: t,
       secret: "",
       expire: "",
-      phrase: dt()
+      phrase: ht()
     });
   }
   async createEmailToken(t, i) {
     return this.tokens.set(t, { email: i }), this.delay({
-      $id: z(),
+      $id: D(),
       $createdAt: P(),
       userId: t,
       secret: "",
       expire: "",
-      phrase: dt()
+      phrase: ht()
     });
   }
   async createPhoneToken(t, i) {
-    return this.tokens.set(t, { phone: i }), this.delay({ $id: z(), $createdAt: P(), userId: t, secret: "", expire: "", phrase: "" });
+    return this.tokens.set(t, { phone: i }), this.delay({ $id: D(), $createdAt: P(), userId: t, secret: "", expire: "", phrase: "" });
   }
   async createSession(t) {
     return this.delay(() => {
@@ -547,7 +547,7 @@ class Ut {
     });
   }
   async createMFAChallenge() {
-    return this.delay({ $id: z(), $createdAt: P(), userId: "preview-user", expire: "" });
+    return this.delay({ $id: D(), $createdAt: P(), userId: "preview-user", expire: "" });
   }
   async updateMFAChallenge() {
     return this.delay(() => (this.mfaPending = !1, this.lastChallenge = Date.now(), this.sessions[0]));
@@ -594,17 +594,17 @@ class Ut {
 function Et(e) {
   let t = 2166136261;
   const i = () => (t ^= t << 13, t ^= t >>> 17, t ^= t << 5, (t >>> 0) / 4294967296);
-  for (const v of e) t = (t ^ v.charCodeAt(0)) * 16777619;
+  for (const g of e) t = (t ^ g.charCodeAt(0)) * 16777619;
   const s = 25;
   let a = "";
-  const u = (v, y) => `<rect x="${v}" y="${y}" width="7" height="7"/><rect x="${v + 1}" y="${y + 1}" width="5" height="5" fill="#fff"/><rect x="${v + 2}" y="${y + 2}" width="3" height="3"/>`;
-  for (let v = 0; v < s; v++)
+  const h = (g, y) => `<rect x="${g}" y="${y}" width="7" height="7"/><rect x="${g + 1}" y="${y + 1}" width="5" height="5" fill="#fff"/><rect x="${g + 2}" y="${y + 2}" width="3" height="3"/>`;
+  for (let g = 0; g < s; g++)
     for (let y = 0; y < s; y++)
-      !(y < 8 && v < 8 || y >= s - 8 && v < 8 || y < 8 && v >= s - 8) && i() < 0.45 && (a += `<rect x="${y}" y="${v}" width="1" height="1"/>`);
-  const c = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${s} ${s}" shape-rendering="crispEdges"><rect width="${s}" height="${s}" fill="#fff"/><g fill="#000">${u(0, 0)}${u(s - 7, 0)}${u(0, s - 7)}${a}</g></svg>`;
-  return `data:image/svg+xml;utf8,${encodeURIComponent(c)}`;
+      !(y < 8 && g < 8 || y >= s - 8 && g < 8 || y < 8 && g >= s - 8) && i() < 0.45 && (a += `<rect x="${y}" y="${g}" width="1" height="1"/>`);
+  const d = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${s} ${s}" shape-rendering="crispEdges"><rect width="${s}" height="${s}" fill="#fff"/><g fill="#000">${h(0, 0)}${h(s - 7, 0)}${h(0, s - 7)}${a}</g></svg>`;
+  return `data:image/svg+xml;utf8,${encodeURIComponent(d)}`;
 }
-const g = {
+const v = {
   moreFactorsRequired: "user_more_factors_required",
   invalidCredentials: "user_invalid_credentials",
   userAlreadyExists: "user_already_exists",
@@ -639,7 +639,7 @@ const g = {
   targetAlreadyExists: "user_target_already_exists",
   argumentInvalid: "general_argument_invalid"
 };
-function _(e) {
+function q(e) {
   if (e && typeof e == "object") {
     const t = e;
     let i = typeof t.message == "string" ? t.message : "Unknown error";
@@ -652,60 +652,60 @@ function _(e) {
   return { message: String(e), type: "", code: 0 };
 }
 function j(e, t) {
-  return _(e).type === t;
+  return q(e).type === t;
 }
 function Y(e, t, i = "link") {
-  const s = _(e);
+  const s = q(e);
   switch (s.type) {
-    case g.invalidCredentials:
+    case v.invalidCredentials:
       return i === "password" ? t.errorCurrentPassword : t.errorInvalidCredentials;
-    case g.userAlreadyExists:
-    case g.emailAlreadyExists:
-    case g.phoneAlreadyExists:
+    case v.userAlreadyExists:
+    case v.emailAlreadyExists:
+    case v.phoneAlreadyExists:
       return t.errorUserExists;
-    case g.userBlocked:
+    case v.userBlocked:
       return t.errorUserBlocked;
-    case g.rateLimit:
+    case v.rateLimit:
       return t.errorRateLimit;
-    case g.invalidToken:
+    case v.invalidToken:
       return i === "code" ? t.errorInvalidCode : t.errorInvalidToken;
-    case g.invalidCode:
+    case v.invalidCode:
       return t.errorInvalidCode;
-    case g.passwordMismatch:
+    case v.passwordMismatch:
       return t.errorPasswordMismatch;
-    case g.passwordRecentlyUsed:
+    case v.passwordRecentlyUsed:
       return t.errorPasswordRecentlyUsed;
-    case g.passwordPersonalData:
+    case v.passwordPersonalData:
       return t.errorPasswordPersonalData;
-    case g.passwordWeak:
+    case v.passwordWeak:
       return t.errorPasswordWeak;
-    case g.passwordPwned:
+    case v.passwordPwned:
       return t.errorPasswordPwned;
-    case g.challengeRequired:
+    case v.challengeRequired:
       return t.errorChallengeRequired;
-    case g.sessionAlreadyExists:
+    case v.sessionAlreadyExists:
       return t.errorSessionExists;
-    case g.oauthUnauthorized:
-    case g.oauthBadRequest:
+    case v.oauthUnauthorized:
+    case v.oauthBadRequest:
       return t.errorOAuth;
-    case g.authMethodUnsupported:
+    case v.authMethodUnsupported:
       return t.errorMethodDisabled;
   }
-  if (s.type === g.argumentInvalid || /Invalid `\w+` param/i.test(s.message)) {
+  if (s.type === v.argumentInvalid || /Invalid `\w+` param/i.test(s.message)) {
     const a = s.message.match(/Invalid `([^`]+)` param/i)?.[1]?.toLowerCase();
     return a === "email" ? t.errorInvalidEmail : a === "password" ? t.errorInvalidPassword : a === "phone" ? t.errorInvalidPhone : a === "name" ? t.errorInvalidName : t.errorGeneric;
   }
-  return s.type === g.projectNotFound || s.type === g.unknownOrigin ? t.errorConfig : s.type === g.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 === g.routeNotFound ? t.errorConfigEndpoint : t.errorGeneric;
+  return s.type === v.projectNotFound || s.type === v.unknownOrigin ? t.errorConfig : s.type === v.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 === v.routeNotFound ? t.errorConfigEndpoint : t.errorGeneric;
 }
 function Mt(e) {
-  const t = _(e);
-  return !!(t.type === g.projectNotFound || t.type === g.unknownOrigin || t.type === g.routeNotFound || !t.message && t.code === 404 || t.code === 0 && /fetch|network|load failed|failed to fetch/i.test(t.message));
+  const t = q(e);
+  return !!(t.type === v.projectNotFound || t.type === v.unknownOrigin || t.type === v.routeNotFound || !t.message && t.code === 404 || t.code === 0 && /fetch|network|load failed|failed to fetch/i.test(t.message));
 }
-const tt = (e) => `authui:active-team:${e}`;
-function ht(e) {
+const et = (e) => `authui:active-team:${e}`;
+function pt(e) {
   if (typeof localStorage > "u" || !e) return null;
   try {
-    return localStorage.getItem(tt(e));
+    return localStorage.getItem(et(e));
   } catch {
     return null;
   }
@@ -713,26 +713,26 @@ function ht(e) {
 function Ot(e, t) {
   if (!(typeof localStorage > "u" || !e))
     try {
-      t ? localStorage.setItem(tt(e), t) : localStorage.removeItem(tt(e));
+      t ? localStorage.setItem(et(e), t) : localStorage.removeItem(et(e));
     } catch {
     }
 }
-const nt = "authui:last-method";
-function V(e) {
+const ot = "authui:last-method";
+function _(e) {
   if (!(typeof localStorage > "u")) {
     if (!e || e === "mfa" || e === "sign-up")
       if (e === "sign-up") e = "email-password";
       else return;
     try {
-      localStorage.setItem(nt, e);
+      localStorage.setItem(ot, e);
     } catch {
     }
   }
 }
-function D() {
+function z() {
   if (typeof localStorage > "u") return null;
   try {
-    return localStorage.getItem(nt);
+    return localStorage.getItem(ot);
   } catch {
     return null;
   }
@@ -740,7 +740,7 @@ function D() {
 function le() {
   if (!(typeof localStorage > "u"))
     try {
-      localStorage.removeItem(nt);
+      localStorage.removeItem(ot);
     } catch {
     }
 }
@@ -752,15 +752,15 @@ function Ft(e) {
     } catch {
     }
 }
-function wt() {
+function $t() {
   if (!(typeof sessionStorage > "u"))
     try {
       const e = sessionStorage.getItem(Z);
-      sessionStorage.removeItem(Z), e && V(`oauth:${e}`);
+      sessionStorage.removeItem(Z), e && _(`oauth:${e}`);
     } catch {
     }
 }
-function pt() {
+function ft() {
   if (!(typeof sessionStorage > "u"))
     try {
       sessionStorage.removeItem(Z);
@@ -777,7 +777,7 @@ function A(e, t, i) {
     new Error(`Appwrite SDK is missing ${t[0]}(). Update the appwrite package.`)
   );
 }
-const et = "authui", mt = ["userId", "secret", "expire", "project", "error", et], ft = () => ({
+const it = "authui", mt = ["userId", "secret", "expire", "project", "error", it], gt = () => ({
   status: "loading",
   user: null,
   mfaFactors: null,
@@ -785,9 +785,9 @@ const et = "authui", mt = ["userId", "secret", "expire", "project", "error", et]
   configured: !1,
   configError: null
 });
-class Lt {
+class Tt {
   constructor() {
-    this.client = null, this.account = null, this.config = null, this.state = ft(), 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 = gt(), 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. */
@@ -795,7 +795,7 @@ class Lt {
     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 lt().setEndpoint(t.endpoint).setProject(t.project), this.preview = t.preview ? new Ut() : null, this.account = this.preview ? this.preview : new ct(this.client), this.teams = null, this.activeTeamId = ht(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 ct().setEndpoint(t.endpoint).setProject(t.project), this.preview = t.preview ? new It() : null, this.account = this.preview ? this.preview : new dt(this.client), this.teams = null, this.activeTeamId = pt(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.
@@ -851,7 +851,7 @@ class Lt {
   getActiveTeamId() {
     if (this.activeTeamId) return this.activeTeamId;
     const t = this.config?.project;
-    return t ? (this.activeTeamId = ht(t), this.activeTeamId) : null;
+    return t ? (this.activeTeamId = pt(t), this.activeTeamId) : null;
   }
   /**
    * Remember the active team locally and emit `active-team`.
@@ -888,7 +888,7 @@ class Lt {
     this.state = { ...this.state, ...t }, this.emit("change", this.getState());
   }
   fail(t) {
-    const i = _(t);
+    const i = q(t);
     throw this.emit("error", i), t;
   }
   acct() {
@@ -908,7 +908,7 @@ class Lt {
         const i = await this.account.get();
         this.setState({ status: "signed-in", user: i, mfaFactors: null, configError: null }), t || this.emit("signed-in", i);
       } catch (i) {
-        if (j(i, g.moreFactorsRequired)) {
+        if (j(i, v.moreFactorsRequired)) {
           let s = null;
           try {
             s = await A(
@@ -919,7 +919,7 @@ class Lt {
           } catch {
           }
           this.setState({ status: "mfa-required", user: null, mfaFactors: s });
-        } else if (j(i, g.userBlocked))
+        } else if (j(i, v.userBlocked))
           await this.purgeLocalSession(), this.setState({
             status: "signed-out",
             user: null,
@@ -935,8 +935,8 @@ class Lt {
           console.warn(
             `[authui] ${a} (endpoint=${this.config?.endpoint ?? "?"}, project=${this.config?.project ?? "?"})`
           );
-          const u = _(i);
-          this.emit("error", { message: a, type: u.type, code: u.code }), this.setState({
+          const h = q(i);
+          this.emit("error", { message: a, type: h.type, code: h.code }), this.setState({
             status: "signed-out",
             user: null,
             mfaFactors: null,
@@ -955,7 +955,7 @@ class Lt {
       const i = this.state.pending;
       if (i?.type === "notice" && i.tone === "error")
         throw Object.assign(new Error(i.message), {
-          type: g.userBlocked,
+          type: v.userBlocked,
           code: 401
         });
     }
@@ -980,7 +980,7 @@ class Lt {
         localStorage.removeItem("cookieFallback");
       } catch {
       }
-    this.config && !this.preview && (this.client = new lt().setEndpoint(this.config.endpoint).setProject(this.config.project), this.account = new ct(this.client));
+    this.config && !this.preview && (this.client = new ct().setEndpoint(this.config.endpoint).setProject(this.config.project), this.account = new dt(this.client));
   }
   // ─────────────────────────────── sign in ───────────────────────────────
   async signInWithEmailPassword(t, i) {
@@ -1333,7 +1333,7 @@ class Lt {
   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 mt) s.searchParams.delete(a);
-    return s.searchParams.set(et, t), s.toString();
+    return s.searchParams.set(it, t), s.toString();
   }
   setPending(t) {
     this.setState({ pending: t });
@@ -1344,11 +1344,11 @@ class Lt {
    */
   async handleRedirect() {
     if (typeof window > "u") return !1;
-    const t = new URLSearchParams(window.location.search), i = t.get(et);
+    const t = new URLSearchParams(window.location.search), i = t.get(it);
     if (!i) return !1;
     const s = t.get("userId") ?? "", a = t.get("secret") ?? "";
     this.cleanUrl();
-    const u = () => {
+    const h = () => {
       this.setState({
         pending: {
           type: "notice",
@@ -1361,10 +1361,10 @@ class Lt {
       switch (i) {
         case "oauth":
         case "magic-url":
-          s && a ? (await this.acct().createSession(s, a), i === "oauth" && wt()) : (i === "oauth" && pt(), u());
+          s && a ? (await this.acct().createSession(s, a), i === "oauth" ? $t() : _("magic-url")) : (i === "oauth" && ft(), h());
           break;
         case "oauth-failed":
-          pt(), this.setState({
+          ft(), this.setState({
             pending: {
               type: "notice",
               tone: "error",
@@ -1373,7 +1373,7 @@ class Lt {
           });
           break;
         case "recovery":
-          s && a ? this.setState({ pending: { type: "reset-password", userId: s, secret: a } }) : u();
+          s && a ? this.setState({ pending: { type: "reset-password", userId: s, secret: a } }) : h();
           break;
         case "verify-email":
           s && a ? (await A(
@@ -1386,12 +1386,12 @@ class Lt {
               message: this.getStrings().emailVerified,
               tone: "success"
             }
-          })) : u();
+          })) : h();
           break;
       }
-    } catch (c) {
-      const v = _(c), y = Y(c, this.getStrings(), "link");
-      this.emit("error", v), this.setState({ pending: { type: "notice", message: y, tone: "error" } });
+    } catch (d) {
+      const g = q(d), y = Y(d, this.getStrings(), "link");
+      this.emit("error", g), this.setState({ pending: { type: "notice", message: y, tone: "error" } });
     }
     return !0;
   }
@@ -1402,10 +1402,10 @@ class Lt {
   }
   /** Test helper. */
   reset() {
-    this.client = null, this.account = null, this.teams = null, this.activeTeamId = null, this.preview = null, this.config = null, this.state = ft(), this.listeners.clear();
+    this.client = null, this.account = null, this.teams = null, this.activeTeamId = null, this.preview = null, this.config = null, this.state = gt(), this.listeners.clear();
   }
 }
-const o = new Lt();
+const l = new Tt();
 class Rt {
   constructor() {
     this.listeners = /* @__PURE__ */ new Set(), this.observer = null, this.media = null, this.notify = () => {
@@ -1434,14 +1434,14 @@ class Rt {
     this.observer?.disconnect(), this.observer = null, this.media?.removeEventListener?.("change", this.notify), this.media = null;
   }
 }
-const gt = new Rt(), vt = {
+const vt = new Rt(), bt = {
   none: "0px",
   sm: "0.25rem",
   md: "0.625rem",
   lg: "0.875rem",
   xl: "1.125rem",
   full: "1.5rem"
-}, Tt = L`
+}, Lt = T`
   :host {
     /* Light theme (matches :root in the console) */
     --authui-background: oklch(1 0 0);
@@ -1519,7 +1519,7 @@ const gt = new Rt(), vt = {
     --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;
   }
-`, zt = L`
+`, Dt = T`
   *,
   *::before,
   *::after {
@@ -2522,21 +2522,21 @@ const gt = new Rt(), vt = {
     }
   }
 `;
-var Dt = Object.defineProperty, _t = (e, t, i, s) => {
-  for (var a = void 0, u = e.length - 1, c; u >= 0; u--)
-    (c = e[u]) && (a = c(t, i, a) || a);
-  return a && Dt(t, i, a), a;
+var zt = Object.defineProperty, _t = (e, t, i, s) => {
+  for (var a = void 0, h = e.length - 1, d; h >= 0; h--)
+    (d = e[h]) && (a = d(t, i, a) || a);
+  return a && zt(t, i, a), a;
 }, O;
-const $t = (O = class extends at {
+const xt = (O = class extends nt {
   constructor() {
-    super(...arguments), this.auth = o.getState(), this.unsubscribeStore = null, this.unsubscribeTheme = null, this.stopKeys = (t) => t.stopPropagation();
+    super(...arguments), this.auth = l.getState(), this.unsubscribeStore = null, this.unsubscribeTheme = null, this.stopKeys = (t) => t.stopPropagation();
   }
   connectedCallback() {
     super.connectedCallback();
     for (const t of O.KEY_EVENTS) this.addEventListener(t, this.stopKeys);
-    this.auth = o.getState(), this.unsubscribeStore = o.on("change", (t) => {
+    this.auth = l.getState(), this.unsubscribeStore = l.on("change", (t) => {
       this.auth = t, this.applyBranding();
-    }), this.unsubscribeTheme = gt.subscribe(() => this.applyBranding()), this.applyBranding();
+    }), this.unsubscribeTheme = vt.subscribe(() => this.applyBranding()), this.applyBranding();
   }
   disconnectedCallback() {
     super.disconnectedCallback();
@@ -2544,41 +2544,41 @@ const $t = (O = class extends at {
     this.unsubscribeStore?.(), this.unsubscribeTheme?.(), this.unsubscribeStore = null, this.unsubscribeTheme = null;
   }
   get strings() {
-    return o.getStrings();
+    return l.getStrings();
   }
   /** Translate a string key with optional `{placeholders}`. */
   t(t, i) {
     return At(this.strings[t], i);
   }
   get config() {
-    return o.getConfig();
+    return l.getConfig();
   }
   get productName() {
     return this.config?.branding?.name ?? "";
   }
   /** Push theme and branding from config onto the host element. */
   applyBranding() {
-    const t = this.config?.branding, i = gt.isDark(t?.theme ?? "auto");
+    const t = this.config?.branding, i = vt.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 && vt[t.radius] && this.style.setProperty("--authui-radius", vt[t.radius]);
+    )), t?.radius && bt[t.radius] && this.style.setProperty("--authui-radius", bt[t.radius]);
   }
   /** Emit a composed custom event from this element. */
   fire(t, i) {
     this.dispatchEvent(new CustomEvent(t, { detail: i, bubbles: !0, composed: !0 }));
   }
-}, O.styles = [Tt, zt], O.KEY_EVENTS = ["keydown", "keyup", "keypress"], O);
+}, O.styles = [Lt, Dt], O.KEY_EVENTS = ["keydown", "keyup", "keypress"], O);
 _t([
-  d()
-], $t.prototype, "auth");
-let E = $t;
-var qt = Object.defineProperty, Vt = Object.getOwnPropertyDescriptor, $ = (e, t, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Vt(t, i) : t, u = e.length - 1, c; u >= 0; u--)
-    (c = e[u]) && (a = (s ? c(t, i, a) : c(a)) || a);
+  c()
+], xt.prototype, "auth");
+let E = xt;
+var qt = Object.defineProperty, Vt = Object.getOwnPropertyDescriptor, x = (e, t, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Vt(t, i) : t, h = e.length - 1, d; h >= 0; h--)
+    (d = e[h]) && (a = (s ? d(t, i, a) : d(a)) || a);
   return s && a && qt(t, i, a), a;
 };
-let w = class extends at {
+let w = class extends nt {
   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.requireAcceptance = "", this.oauthLayout = "", this.preview = "";
   }
@@ -2591,12 +2591,12 @@ let w = class extends at {
   configure() {
     if (!this.endpoint || !this.project) {
       queueMicrotask(() => {
-        (!this.endpoint || !this.project) && o.notifyConfigIncomplete();
+        (!this.endpoint || !this.project) && l.notifyConfigIncomplete();
       });
       return;
     }
-    const e = this.toConfig(), t = o.getConfig();
-    t && JSON.stringify(t) === JSON.stringify(e) || o.configure(e);
+    const e = this.toConfig(), t = l.getConfig();
+    t && JSON.stringify(t) === JSON.stringify(e) || l.configure(e);
   }
   toConfig() {
     const e = { oauth: [] }, t = this.methods.split(/[\s,]+/).filter(Boolean);
@@ -2629,113 +2629,113 @@ let w = class extends at {
     };
   }
 };
-w.styles = L`
+w.styles = T`
     :host {
       display: none;
     }
   `;
-$([
+x([
   m({ type: String })
 ], w.prototype, "endpoint", 2);
-$([
+x([
   m({ type: String })
 ], w.prototype, "project", 2);
-$([
+x([
   m({ type: String, attribute: "redirect-url" })
 ], w.prototype, "redirectUrl", 2);
-$([
+x([
   m({ type: String, attribute: "success-url" })
 ], w.prototype, "successUrl", 2);
-$([
+x([
   m({ type: String })
 ], w.prototype, "methods", 2);
-$([
+x([
   m({ type: String, attribute: "sign-up" })
 ], w.prototype, "signUp", 2);
-$([
+x([
   m({ type: String, attribute: "require-name" })
 ], w.prototype, "requireName", 2);
-$([
+x([
   m({ type: String })
 ], w.prototype, "mfa", 2);
-$([
+x([
   m({ type: String, attribute: "security-phrase" })
 ], w.prototype, "securityPhrase", 2);
-$([
+x([
   m({ type: String })
 ], w.prototype, "name", 2);
-$([
+x([
   m({ type: String })
 ], w.prototype, "logo", 2);
-$([
+x([
   m({ type: String })
 ], w.prototype, "theme", 2);
-$([
+x([
   m({ type: String })
 ], w.prototype, "radius", 2);
-$([
+x([
   m({ type: String })
 ], w.prototype, "primary", 2);
-$([
+x([
   m({ type: String, attribute: "primary-foreground" })
 ], w.prototype, "primaryForeground", 2);
-$([
+x([
   m({ type: String, attribute: "terms-url" })
 ], w.prototype, "termsUrl", 2);
-$([
+x([
   m({ type: String, attribute: "privacy-url" })
 ], w.prototype, "privacyUrl", 2);
-$([
+x([
   m({ type: String, attribute: "require-acceptance" })
 ], w.prototype, "requireAcceptance", 2);
-$([
+x([
   m({ type: String, attribute: "oauth-layout" })
 ], w.prototype, "oauthLayout", 2);
-$([
+x([
   m({ type: String })
 ], w.prototype, "preview", 2);
-w = $([
-  T("authui-config")
+w = x([
+  L("authui-config")
 ], w);
 var Nt = Object.defineProperty, Bt = Object.getOwnPropertyDescriptor, Q = (e, t, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Bt(t, i) : t, u = e.length - 1, c; u >= 0; u--)
-    (c = e[u]) && (a = (s ? c(t, i, a) : c(a)) || a);
+  for (var a = s > 1 ? void 0 : s ? Bt(t, i) : t, h = e.length - 1, d; h >= 0; h--)
+    (d = e[h]) && (a = (s ? d(t, i, a) : d(a)) || a);
   return s && a && Nt(t, i, a), a;
 };
-const bt = "authui-show:not([ready]){display:none}", ce = "authui-show:not([ready]){display:none}authui-button:not(:defined),authui-user-button:not(:defined){visibility:hidden}";
-let yt = !1;
+const yt = "authui-show:not([ready]){display:none}", ce = "authui-show:not([ready]){display:none}authui-button:not(:defined),authui-user-button:not(:defined){visibility:hidden}";
+let wt = !1;
 function jt() {
-  if (!(typeof document > "u" || yt)) {
-    yt = !0;
+  if (!(typeof document > "u" || wt)) {
+    wt = !0;
     try {
       if (typeof CSSStyleSheet < "u" && "adoptedStyleSheets" in Document.prototype) {
         const e = new CSSStyleSheet();
-        e.replaceSync(bt), document.adoptedStyleSheets = [...document.adoptedStyleSheets, e];
+        e.replaceSync(yt), document.adoptedStyleSheets = [...document.adoptedStyleSheets, e];
         return;
       }
     } catch {
     }
     if (!document.getElementById("authui-fouc")) {
       const e = document.createElement("style");
-      e.id = "authui-fouc", e.textContent = bt, document.head.appendChild(e);
+      e.id = "authui-fouc", e.textContent = yt, document.head.appendChild(e);
     }
   }
 }
 jt();
 const Ht = ["loading", "signed-out", "signed-in", "mfa-required"];
-function it(e) {
+function st(e) {
   return e ? e.split(/[\s,]+/).map((t) => t.trim()).filter((t) => Ht.includes(t)) : [];
 }
 function Wt(e, t, i) {
-  const s = it(t), a = it(i);
+  const s = st(t), a = st(i);
   return !(e === "loading" && !s.includes("loading") || s.length > 0 && !s.includes(e) || a.includes(e));
 }
-let H = class extends at {
+let H = class extends nt {
   constructor() {
-    super(...arguments), this.when = "", this.unless = "", this.status = o.getState().status, this.unsubscribe = null;
+    super(...arguments), this.when = "", this.unless = "", this.status = l.getState().status, this.unsubscribe = null;
   }
   connectedCallback() {
-    super.connectedCallback(), this.status = o.getState().status, this.unsubscribe = o.on("change", (e) => this.status = e.status);
+    super.connectedCallback(), this.status = l.getState().status, this.unsubscribe = l.on("change", (e) => this.status = e.status);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.unsubscribe?.(), this.unsubscribe = null;
@@ -2745,7 +2745,7 @@ let H = class extends at {
     return Wt(this.status, this.when, this.unless);
   }
   updated() {
-    (this.status !== "loading" || it(this.when).includes("loading")) && (this.setAttribute("ready", ""), this.style.display = "contents");
+    (this.status !== "loading" || st(this.when).includes("loading")) && (this.setAttribute("ready", ""), this.style.display = "contents");
   }
   render() {
     return this.visible ? r`<slot></slot>` : n;
@@ -2758,12 +2758,12 @@ Q([
   m({ type: String })
 ], H.prototype, "unless", 2);
 Q([
-  d()
+  c()
 ], H.prototype, "status", 2);
 H = Q([
-  T("authui-show")
+  L("authui-show")
 ], H);
-const Kt = L`
+const Kt = T`
   :host {
     display: block;
     width: 100%;
@@ -2828,150 +2828,150 @@ const Kt = L`
     aria-hidden="true"
   >
     ${e}
-  </svg>`, l = {
+  </svg>`, o = {
   mail: b(
-    h`<rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/>`
+    u`<rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/>`
   ),
   phone: b(
-    h`<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>`
+    u`<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>`
   ),
   user: b(
-    h`<path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>`
+    u`<path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>`
   ),
   userX: b(
-    h`<path d="M2 21a8 8 0 0 1 11.873-7"/><circle cx="10" cy="8" r="5"/><path d="m17 17 5 5"/><path d="m22 17-5 5"/>`
+    u`<path d="M2 21a8 8 0 0 1 11.873-7"/><circle cx="10" cy="8" r="5"/><path d="m17 17 5 5"/><path d="m22 17-5 5"/>`
   ),
   lock: b(
-    h`<rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/>`
+    u`<rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/>`
   ),
   key: b(
-    h`<path d="m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4"/><path d="m21 2-9.6 9.6"/><circle cx="7.5" cy="15.5" r="5.5"/>`
+    u`<path d="m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4"/><path d="m21 2-9.6 9.6"/><circle cx="7.5" cy="15.5" r="5.5"/>`
   ),
   shield: b(
-    h`<path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/>`
+    u`<path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/>`
   ),
   shieldCheck: b(
-    h`<path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/>`
+    u`<path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/>`
   ),
   smartphone: b(
-    h`<rect width="14" height="20" x="5" y="2" rx="2" ry="2"/><path d="M12 18h.01"/>`
+    u`<rect width="14" height="20" x="5" y="2" rx="2" ry="2"/><path d="M12 18h.01"/>`
   ),
   monitor: b(
-    h`<rect width="20" height="14" x="2" y="3" rx="2"/><line x1="8" x2="16" y1="21" y2="21"/><line x1="12" x2="12" y1="17" y2="21"/>`
+    u`<rect width="20" height="14" x="2" y="3" rx="2"/><line x1="8" x2="16" y1="21" y2="21"/><line x1="12" x2="12" y1="17" y2="21"/>`
   ),
   globe: b(
-    h`<circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"/><path d="M2 12h20"/>`
+    u`<circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"/><path d="M2 12h20"/>`
   ),
   logOut: b(
-    h`<path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" x2="9" y1="12" y2="12"/>`
+    u`<path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" x2="9" y1="12" y2="12"/>`
   ),
   settings: b(
-    h`<path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/>`
+    u`<path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/>`
   ),
-  x: b(h`<path d="M18 6 6 18"/><path d="m6 6 12 12"/>`),
-  check: b(h`<path d="M20 6 9 17l-5-5"/>`),
+  x: b(u`<path d="M18 6 6 18"/><path d="m6 6 12 12"/>`),
+  check: b(u`<path d="M20 6 9 17l-5-5"/>`),
   users: b(
-    h`<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>`
+    u`<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>`
   ),
   copy: b(
-    h`<rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/>`
+    u`<rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/>`
   ),
   eye: b(
-    h`<path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"/><circle cx="12" cy="12" r="3"/>`
+    u`<path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"/><circle cx="12" cy="12" r="3"/>`
   ),
   eyeOff: b(
-    h`<path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49"/><path d="M14.084 14.158a3 3 0 0 1-4.242-4.242"/><path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143"/><path d="m2 2 20 20"/>`
+    u`<path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49"/><path d="M14.084 14.158a3 3 0 0 1-4.242-4.242"/><path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143"/><path d="m2 2 20 20"/>`
   ),
-  arrowLeft: b(h`<path d="m12 19-7-7 7-7"/><path d="M19 12H5"/>`),
+  arrowLeft: b(u`<path d="m12 19-7-7 7-7"/><path d="M19 12H5"/>`),
   alert: b(
-    h`<circle cx="12" cy="12" r="10"/><line x1="12" x2="12" y1="8" y2="12"/><line x1="12" x2="12.01" y1="16" y2="16"/>`
+    u`<circle cx="12" cy="12" r="10"/><line x1="12" x2="12" y1="8" y2="12"/><line x1="12" x2="12.01" y1="16" y2="16"/>`
   ),
-  info: b(h`<circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/>`),
-  checkCircle: b(h`<circle cx="12" cy="12" r="10"/><path d="m9 12 2 2 4-4"/>`),
+  info: b(u`<circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/>`),
+  checkCircle: b(u`<circle cx="12" cy="12" r="10"/><path d="m9 12 2 2 4-4"/>`),
   link: b(
-    h`<path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/>`
+    u`<path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/>`
   ),
   activity: b(
-    h`<path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"/>`
+    u`<path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"/>`
   ),
   trash: b(
-    h`<path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/>`
+    u`<path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/>`
   ),
   sparkles: b(
-    h`<path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"/>`
+    u`<path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"/>`
   ),
   refresh: b(
-    h`<path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/><path d="M8 16H3v5"/>`
+    u`<path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/><path d="M8 16H3v5"/>`
   ),
-  chevronDown: b(h`<path d="m6 9 6 6 6-6"/>`),
+  chevronDown: b(u`<path d="m6 9 6 6 6-6"/>`),
   ghost: b(
-    h`<path d="M9 10h.01"/><path d="M15 10h.01"/><path d="M12 2a8 8 0 0 0-8 8v12l3-3 2.5 2.5L12 19l2.5 2.5L17 19l3 3V10a8 8 0 0 0-8-8z"/>`
+    u`<path d="M9 10h.01"/><path d="M15 10h.01"/><path d="M12 2a8 8 0 0 0-8 8v12l3-3 2.5 2.5L12 19l2.5 2.5L17 19l3 3V10a8 8 0 0 0-8-8z"/>`
   ),
   qr: b(
-    h`<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"/>`
+    u`<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"/>`
   )
-}, k = (e, t = "0 0 24 24") => r`<svg xmlns="http://www.w3.org/2000/svg" viewBox=${t} aria-hidden="true">${e}</svg>`, Gt = {
-  google: k(
-    h`<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"/>`
+}, S = (e, t = "0 0 24 24") => r`<svg xmlns="http://www.w3.org/2000/svg" viewBox=${t} aria-hidden="true">${e}</svg>`, Gt = {
+  google: S(
+    u`<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"/>`
   ),
-  github: k(
-    h`<path fill="currentColor" d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z"/>`
+  github: S(
+    u`<path fill="currentColor" d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z"/>`
   ),
-  apple: k(
-    h`<path fill="currentColor" d="M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z"/>`
+  apple: S(
+    u`<path fill="currentColor" d="M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z"/>`
   ),
-  facebook: k(
-    h`<path fill="#1877F2" d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>`
+  facebook: S(
+    u`<path fill="#1877F2" d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>`
   ),
-  x: k(
-    h`<path fill="currentColor" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>`
+  x: S(
+    u`<path fill="currentColor" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>`
   ),
-  microsoft: k(
-    h`<path fill="#F25022" d="M1 1h10v10H1z"/><path fill="#7FBA00" d="M13 1h10v10H13z"/><path fill="#00A4EF" d="M1 13h10v10H1z"/><path fill="#FFB900" d="M13 13h10v10H13z"/>`
+  microsoft: S(
+    u`<path fill="#F25022" d="M1 1h10v10H1z"/><path fill="#7FBA00" d="M13 1h10v10H13z"/><path fill="#00A4EF" d="M1 13h10v10H1z"/><path fill="#FFB900" d="M13 13h10v10H13z"/>`
   ),
-  discord: k(
-    h`<path fill="#5865F2" d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"/>`
+  discord: S(
+    u`<path fill="#5865F2" d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"/>`
   ),
-  gitlab: k(
-    h`<path fill="#FC6D26" d="m23.6 9.593-.033-.086L20.3.98a.851.851 0 0 0-.336-.405.876.876 0 0 0-1.001.054.874.874 0 0 0-.29.44l-2.205 6.748H7.535L5.33 1.069a.857.857 0 0 0-.29-.441.876.876 0 0 0-1.001-.054.86.86 0 0 0-.336.405L.436 9.502l-.032.086a6.066 6.066 0 0 0 2.012 7.01l.011.009.03.021 4.976 3.727 2.462 1.863 1.5 1.132a1.009 1.009 0 0 0 1.22 0l1.5-1.132 2.461-1.863 5.006-3.75.013-.01a6.068 6.068 0 0 0 2.006-7.002z"/>`
+  gitlab: S(
+    u`<path fill="#FC6D26" d="m23.6 9.593-.033-.086L20.3.98a.851.851 0 0 0-.336-.405.876.876 0 0 0-1.001.054.874.874 0 0 0-.29.44l-2.205 6.748H7.535L5.33 1.069a.857.857 0 0 0-.29-.441.876.876 0 0 0-1.001-.054.86.86 0 0 0-.336.405L.436 9.502l-.032.086a6.066 6.066 0 0 0 2.012 7.01l.011.009.03.021 4.976 3.727 2.462 1.863 1.5 1.132a1.009 1.009 0 0 0 1.22 0l1.5-1.132 2.461-1.863 5.006-3.75.013-.01a6.068 6.068 0 0 0 2.006-7.002z"/>`
   ),
-  linkedin: k(
-    h`<path fill="#0A66C2" d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>`
+  linkedin: S(
+    u`<path fill="#0A66C2" d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>`
   ),
-  slack: k(
-    h`<path fill="#E01E5A" d="M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zm1.271 0a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313z"/><path fill="#36C5F0" d="M8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zm0 1.271a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312z"/><path fill="#2EB67D" d="M18.956 8.834a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zm-1.27 0a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.163 0a2.528 2.528 0 0 1 2.523 2.522v6.312z"/><path fill="#ECB22E" d="M15.163 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.163 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zm0-1.27a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.315A2.527 2.527 0 0 1 24 15.163a2.528 2.528 0 0 1-2.522 2.523h-6.315z"/>`
+  slack: S(
+    u`<path fill="#E01E5A" d="M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zm1.271 0a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313z"/><path fill="#36C5F0" d="M8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zm0 1.271a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312z"/><path fill="#2EB67D" d="M18.956 8.834a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zm-1.27 0a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.163 0a2.528 2.528 0 0 1 2.523 2.522v6.312z"/><path fill="#ECB22E" d="M15.163 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.163 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zm0-1.27a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.315A2.527 2.527 0 0 1 24 15.163a2.528 2.528 0 0 1-2.522 2.523h-6.315z"/>`
   ),
-  twitch: k(
-    h`<path fill="#9146FF" d="M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0 1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714Z"/>`
+  twitch: S(
+    u`<path fill="#9146FF" d="M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0 1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714Z"/>`
   ),
-  spotify: k(
-    h`<path fill="#1DB954" d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z"/>`
+  spotify: S(
+    u`<path fill="#1DB954" d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z"/>`
   ),
-  notion: k(
-    h`<path fill="currentColor" d="M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.68 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.447-1.632z"/>`
+  notion: S(
+    u`<path fill="currentColor" d="M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.68 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.447-1.632z"/>`
   ),
-  dropbox: k(
-    h`<path fill="#0061FF" d="M6 1.807 0 5.629l6 3.822 6.001-3.822L6 1.807zm12 0-6 3.822 6 3.822 6-3.822-6-3.822zM0 13.274l6 3.822 6.001-3.822L6 9.452l-6 3.822zm18-3.822-6 3.822 6 3.822 6-3.822-6-3.822zM6 18.371l6.001 3.822 6-3.822-6-3.822L6 18.371z"/>`
+  dropbox: S(
+    u`<path fill="#0061FF" d="M6 1.807 0 5.629l6 3.822 6.001-3.822L6 1.807zm12 0-6 3.822 6 3.822 6-3.822-6-3.822zM0 13.274l6 3.822 6.001-3.822L6 9.452l-6 3.822zm18-3.822-6 3.822 6 3.822 6-3.822-6-3.822zM6 18.371l6.001 3.822 6-3.822-6-3.822L6 18.371z"/>`
   ),
-  figma: k(
-    h`<path fill="#F24E1E" d="M8 24a4 4 0 0 0 4-4v-4H8a4 4 0 0 0 0 8z"/><path fill="#A259FF" d="M4 12a4 4 0 0 1 4-4h4v8H8a4 4 0 0 1-4-4z"/><path fill="#FF7262" d="M4 4a4 4 0 0 1 4-4h4v8H8a4 4 0 0 1-4-4z"/><path fill="#1ABCFE" d="M12 0h4a4 4 0 0 1 0 8h-4V0z"/><path fill="#0ACF83" d="M20 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0z"/>`
+  figma: S(
+    u`<path fill="#F24E1E" d="M8 24a4 4 0 0 0 4-4v-4H8a4 4 0 0 0 0 8z"/><path fill="#A259FF" d="M4 12a4 4 0 0 1 4-4h4v8H8a4 4 0 0 1-4-4z"/><path fill="#FF7262" d="M4 4a4 4 0 0 1 4-4h4v8H8a4 4 0 0 1-4-4z"/><path fill="#1ABCFE" d="M12 0h4a4 4 0 0 1 0 8h-4V0z"/><path fill="#0ACF83" d="M20 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0z"/>`
   ),
-  bitbucket: k(
-    h`<path fill="#2684FF" d="M.778 1.213a.768.768 0 0 0-.768.892l3.263 19.81c.084.5.515.868 1.022.873H19.95a.772.772 0 0 0 .77-.646l3.27-20.03a.768.768 0 0 0-.768-.891zM14.52 15.53H9.522L8.17 8.466h7.561z"/>`
+  bitbucket: S(
+    u`<path fill="#2684FF" d="M.778 1.213a.768.768 0 0 0-.768.892l3.263 19.81c.084.5.515.868 1.022.873H19.95a.772.772 0 0 0 .77-.646l3.27-20.03a.768.768 0 0 0-.768-.891zM14.52 15.53H9.522L8.17 8.466h7.561z"/>`
   ),
-  amazon: k(
-    h`<path fill="currentColor" d="M.045 18.02c.072-.116.187-.124.348-.022 3.636 2.11 7.594 3.166 11.87 3.166 2.852 0 5.668-.533 8.447-1.595l.315-.14c.138-.06.234-.1.293-.13.226-.088.39-.046.525.13.12.174.09.336-.12.48-.256.19-.6.41-1.006.654-1.244.743-2.64 1.316-4.185 1.726a17.617 17.617 0 0 1-10.951-.577 17.88 17.88 0 0 1-5.43-3.35c-.1-.074-.151-.15-.151-.22 0-.047.021-.09.051-.13zm6.565-6.218c0-1.005.247-1.863.743-2.577.495-.71 1.17-1.25 2.04-1.615.796-.335 1.756-.575 2.912-.72.39-.046 1.033-.103 1.92-.174v-.37c0-.93-.105-1.558-.3-1.875-.302-.43-.78-.65-1.44-.65h-.182c-.48.046-.896.196-1.246.46-.35.27-.575.63-.675 1.096-.06.3-.206.465-.435.51l-2.52-.315c-.248-.06-.372-.18-.372-.39 0-.046.007-.09.022-.15.247-1.29.855-2.25 1.82-2.88.976-.616 2.1-.975 3.39-1.05h.54c1.65 0 2.957.434 3.888 1.29.135.15.27.3.405.48.12.165.224.314.283.45.075.134.15.33.195.57.06.254.105.42.135.51.03.104.062.3.076.615.01.313.02.493.02.553v5.28c0 .376.06.72.165 1.036.105.313.21.54.315.674l.51.674c.09.136.136.256.136.36 0 .12-.06.226-.18.314-1.2 1.05-1.86 1.62-1.963 1.71-.165.135-.373.15-.61.045a6.62 6.62 0 0 1-.526-.496l-.31-.347a9.858 9.858 0 0 1-.317-.42l-.3-.435c-.81.886-1.603 1.44-2.4 1.665-.494.15-1.093.227-1.83.227-1.11 0-2.04-.343-2.76-1.034-.72-.69-1.08-1.665-1.08-2.94l-.05-.076zm3.753-.438c0 .566.14 1.02.425 1.364.285.34.675.512 1.155.512.045 0 .106-.007.195-.02.09-.016.134-.023.166-.023.614-.16 1.08-.553 1.424-1.178.165-.28.285-.58.36-.91.09-.32.12-.59.135-.8.015-.195.015-.54.015-1.005v-.54c-.84 0-1.484.06-1.92.18-1.275.36-1.92 1.17-1.92 2.43l-.035-.01zm9.162 7.027c.03-.06.075-.11.132-.17.362-.243.714-.41 1.05-.5a8.094 8.094 0 0 1 1.612-.24c.14-.012.28 0 .41.03.65.06 1.05.168 1.172.33.063.09.099.228.099.39v.15c0 .51-.149 1.11-.424 1.8-.278.69-.664 1.248-1.156 1.68-.073.06-.14.09-.197.09-.03 0-.06 0-.09-.012-.09-.044-.107-.12-.064-.24.54-1.26.806-2.143.806-2.64 0-.15-.03-.27-.087-.344-.145-.166-.55-.257-1.224-.257-.243 0-.533.016-.87.045-.363.045-.7.09-1 .135-.09 0-.148-.014-.18-.044-.03-.03-.036-.06-.02-.106 0-.014.007-.03.02-.06z"/>`
+  amazon: S(
+    u`<path fill="currentColor" d="M.045 18.02c.072-.116.187-.124.348-.022 3.636 2.11 7.594 3.166 11.87 3.166 2.852 0 5.668-.533 8.447-1.595l.315-.14c.138-.06.234-.1.293-.13.226-.088.39-.046.525.13.12.174.09.336-.12.48-.256.19-.6.41-1.006.654-1.244.743-2.64 1.316-4.185 1.726a17.617 17.617 0 0 1-10.951-.577 17.88 17.88 0 0 1-5.43-3.35c-.1-.074-.151-.15-.151-.22 0-.047.021-.09.051-.13zm6.565-6.218c0-1.005.247-1.863.743-2.577.495-.71 1.17-1.25 2.04-1.615.796-.335 1.756-.575 2.912-.72.39-.046 1.033-.103 1.92-.174v-.37c0-.93-.105-1.558-.3-1.875-.302-.43-.78-.65-1.44-.65h-.182c-.48.046-.896.196-1.246.46-.35.27-.575.63-.675 1.096-.06.3-.206.465-.435.51l-2.52-.315c-.248-.06-.372-.18-.372-.39 0-.046.007-.09.022-.15.247-1.29.855-2.25 1.82-2.88.976-.616 2.1-.975 3.39-1.05h.54c1.65 0 2.957.434 3.888 1.29.135.15.27.3.405.48.12.165.224.314.283.45.075.134.15.33.195.57.06.254.105.42.135.51.03.104.062.3.076.615.01.313.02.493.02.553v5.28c0 .376.06.72.165 1.036.105.313.21.54.315.674l.51.674c.09.136.136.256.136.36 0 .12-.06.226-.18.314-1.2 1.05-1.86 1.62-1.963 1.71-.165.135-.373.15-.61.045a6.62 6.62 0 0 1-.526-.496l-.31-.347a9.858 9.858 0 0 1-.317-.42l-.3-.435c-.81.886-1.603 1.44-2.4 1.665-.494.15-1.093.227-1.83.227-1.11 0-2.04-.343-2.76-1.034-.72-.69-1.08-1.665-1.08-2.94l-.05-.076zm3.753-.438c0 .566.14 1.02.425 1.364.285.34.675.512 1.155.512.045 0 .106-.007.195-.02.09-.016.134-.023.166-.023.614-.16 1.08-.553 1.424-1.178.165-.28.285-.58.36-.91.09-.32.12-.59.135-.8.015-.195.015-.54.015-1.005v-.54c-.84 0-1.484.06-1.92.18-1.275.36-1.92 1.17-1.92 2.43l-.035-.01zm9.162 7.027c.03-.06.075-.11.132-.17.362-.243.714-.41 1.05-.5a8.094 8.094 0 0 1 1.612-.24c.14-.012.28 0 .41.03.65.06 1.05.168 1.172.33.063.09.099.228.099.39v.15c0 .51-.149 1.11-.424 1.8-.278.69-.664 1.248-1.156 1.68-.073.06-.14.09-.197.09-.03 0-.06 0-.09-.012-.09-.044-.107-.12-.064-.24.54-1.26.806-2.143.806-2.64 0-.15-.03-.27-.087-.344-.145-.166-.55-.257-1.224-.257-.243 0-.533.016-.87.045-.363.045-.7.09-1 .135-.09 0-.148-.014-.18-.044-.03-.03-.036-.06-.02-.106 0-.014.007-.03.02-.06z"/>`
   ),
-  paypal: k(
-    h`<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"/>`
+  paypal: S(
+    u`<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 B(e) {
-  return Gt[e] ?? l.globe;
+  return Gt[e] ?? o.globe;
 }
-function ot(e) {
+function lt(e) {
   const t = (e.trim()[0] ?? "?").toUpperCase();
-  return /[A-Z0-9]/i.test(t) ? t : l.user;
+  return /[A-Z0-9]/i.test(t) ? t : o.user;
 }
 function X(e) {
   typeof document > "u" || (document.querySelector("authui-modal") || document.body.appendChild(document.createElement("authui-modal")), queueMicrotask(() => {
@@ -2981,7 +2981,7 @@ function X(e) {
 function de() {
   typeof window > "u" || window.dispatchEvent(new CustomEvent("authui:close"));
 }
-function st(e) {
+function rt(e) {
   const t = {
     length: e.length >= 8,
     long: e.length >= 12,
@@ -2997,36 +2997,40 @@ function st(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 };
 }
-var Yt = Object.defineProperty, Zt = Object.getOwnPropertyDescriptor, C = (e, t, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Zt(t, i) : t, u = e.length - 1, c; u >= 0; u--)
-    (c = e[u]) && (a = (s ? c(t, i, a) : c(a)) || a);
+var Yt = Object.defineProperty, Zt = Object.getOwnPropertyDescriptor, k = (e, t, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Zt(t, i) : t, h = e.length - 1, d; h >= 0; h--)
+    (d = e[h]) && (a = (s ? d(t, i, a) : d(a)) || a);
   return s && a && Yt(t, i, a), a;
 };
-let x = class extends E {
+let $ = class extends E {
   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.expandedOAuth = null, 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.legalAccepted = !1, this.onSignIn = (e) => {
+    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.showPasswordConfirm = !1, this.expandedOAuth = null, 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.legalAccepted = !1, this.legalErrorFromOAuth = !1, this.onSignIn = (e) => {
       e.preventDefault(), this.requireValid(e) && this.run(async () => {
-        await o.signInWithEmailPassword(this.email, this.password), this.password = "", V("email-password"), this.fire("authui-success", { method: "email-password" });
+        await l.signInWithEmailPassword(this.email, this.password), this.password = "", _("email-password"), this.fire("authui-success", { method: "email-password" });
       });
     }, this.onSignUp = (e) => {
-      e.preventDefault(), this.requireValid(e) && this.ensureLegalAccepted() && this.run(async () => {
-        await o.signUp(this.email, this.password, this.name), this.password = "", V("email-password"), this.fire("authui-success", { method: "sign-up" });
-      });
+      e.preventDefault(), this.requireValid(e) && (this.legalErrorFromOAuth = !1, this.ensureLegalAccepted() && this.run(async () => {
+        await l.signUp(this.email, this.password, this.name), this.password = "", _("email-password"), this.fire("authui-success", { method: "sign-up" });
+      }));
     }, this.onGuest = () => {
       this.run(async () => {
-        await o.signInAnonymously(), V("anonymous"), this.fire("authui-success", { method: "anonymous" });
+        await l.signInAnonymously(), _("anonymous"), this.fire("authui-success", { method: "anonymous" });
       });
     }, this.onOAuth = (e) => {
-      this.step === "sign-up" && !this.ensureLegalAccepted() || this.run(async () => {
-        if (Ft(e), await o.signInWithOAuth(e), o.isPreview) {
-          wt(), this.fire("authui-success", { method: "oauth" });
+      if (this.step === "sign-up" && !this.ensureLegalAccepted()) {
+        this.legalErrorFromOAuth = !0;
+        return;
+      }
+      this.legalErrorFromOAuth = !1, this.run(async () => {
+        if (Ft(e), await l.signInWithOAuth(e), l.isPreview) {
+          $t(), this.fire("authui-success", { method: "oauth" });
           return;
         }
         await new Promise((t) => setTimeout(t, 4e3));
       });
     }, this.onForgot = (e) => {
       e.preventDefault(), this.requireValid(e) && this.run(async () => {
-        await o.sendPasswordRecovery(this.email), this.notice = { tone: "success", message: this.t("resetLinkSent", { email: this.email }) };
+        await l.sendPasswordRecovery(this.email), this.notice = { tone: "success", message: this.t("resetLinkSent", { email: this.email }) };
       });
     }, this.onReset = (e) => {
       if (e.preventDefault(), !this.requireValid(e)) return;
@@ -3036,11 +3040,11 @@ let x = class extends E {
       }
       const t = this.recovery;
       t && this.run(async () => {
-        await o.completePasswordRecovery(t.userId, t.secret, this.password), this.password = "", this.passwordConfirm = "", this.recovery = null, this.auth.pending?.type === "reset-password" && o.setPending(null), this.go("sign-in"), this.notice = { tone: "success", message: this.t("passwordUpdated") };
+        await l.completePasswordRecovery(t.userId, t.secret, this.password), this.password = "", this.passwordConfirm = "", this.recovery = null, this.auth.pending?.type === "reset-password" && l.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 () => {
-        const t = await o.sendMagicUrl(this.email);
+        const t = await l.sendMagicUrl(this.email);
         this.token = {
           userId: t.userId,
           kind: "magic-url",
@@ -3050,47 +3054,47 @@ let x = class extends E {
       });
     }, this.onEmailOtp = (e) => {
       e.preventDefault(), this.requireValid(e) && this.run(async () => {
-        const t = await o.sendEmailOtp(this.email);
+        const t = await l.sendEmailOtp(this.email);
         this.token = {
           userId: t.userId,
           kind: "email-otp",
           target: this.email,
           phrase: t.phrase
-        }, this.code = "";
+        }, this.code = "", this.resendCooldownUntil = Date.now() + 3e4, window.setTimeout(() => this.requestUpdate(), 3e4);
       });
     }, this.onPhoneOtp = (e) => {
       e.preventDefault(), this.requireValid(e) && this.run(async () => {
-        const t = await o.sendPhoneOtp(this.phone);
-        this.token = { userId: t.userId, kind: "phone", target: this.phone }, this.code = "";
+        const t = await l.sendPhoneOtp(this.phone);
+        this.token = { userId: t.userId, kind: "phone", target: this.phone }, this.code = "", this.resendCooldownUntil = Date.now() + 3e4, window.setTimeout(() => this.requestUpdate(), 3e4);
       });
     }, this.onVerifyCode = (e) => {
       if (e.preventDefault(), !this.requireValid(e)) return;
       const t = this.token;
       t && this.run(async () => {
-        await o.signInWithToken(t.userId, this.code), this.code = "", this.token = null, V(t.kind), this.fire("authui-success", { method: t.kind });
+        await l.signInWithToken(t.userId, this.code), this.code = "", this.token = null, _(t.kind), this.fire("authui-success", { method: t.kind });
       }, "code");
     }, this.onChooseFactor = (e) => {
       this.run(async () => {
-        const t = await o.createMfaChallenge(e);
+        const t = await l.createMfaChallenge(e);
         this.challenge = { id: t.$id, factor: e }, this.code = "";
       });
     }, this.onVerifyFactor = (e) => {
       if (e.preventDefault(), !this.requireValid(e)) return;
       const t = this.challenge;
       t && this.run(async () => {
-        await o.completeMfaChallenge(t.id, this.code), this.code = "", this.challenge = null, this.go("sign-in"), this.fire("authui-success", { method: "mfa" });
+        await l.completeMfaChallenge(t.id, this.code), this.code = "", this.challenge = null, this.go("sign-in"), this.fire("authui-success", { method: "mfa" });
       }, "code");
     }, this.onCancelMfa = () => {
       this.run(async () => {
         try {
-          await o.signOut();
+          await l.signOut();
         } catch (e) {
-          if (!j(e, g.sessionNotFound)) throw e;
+          if (!j(e, v.sessionNotFound)) throw e;
         }
         this.go("sign-in");
       });
     }, this.onSignOut = () => {
-      this.run(() => o.signOut());
+      this.run(() => l.signOut());
     };
   }
   connectedCallback() {
@@ -3114,10 +3118,10 @@ let x = class extends E {
   }
   /** Navigate between screens and reset transient state. */
   dismissNotice() {
-    this.notice = null, this.auth.pending?.type === "notice" && o.setPending(null);
+    this.notice = null, this.auth.pending?.type === "notice" && l.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.busy = !1, this.showPassword = !1, this.password = "", this.passwordConfirm = "", this.legalAccepted = !1, 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.showPasswordConfirm = !1, this.password = "", this.passwordConfirm = "", this.legalAccepted = !1, this.legalErrorFromOAuth = !1, 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") {
@@ -3149,14 +3153,14 @@ let x = class extends E {
       <div class="panel ${this.embedded ? "embedded" : ""}" part="panel">
         ${this.renderHeader()}
         ${this.notice ? r`<div class="alert alert-${this.notice.tone}" role="status">
-                ${this.notice.tone === "success" ? l.checkCircle : this.notice.tone === "error" ? l.alert : l.info}
+                ${this.notice.tone === "success" ? o.checkCircle : this.notice.tone === "error" ? o.alert : o.info}
                 <div class="alert-body">${this.notice.message}</div>
                 <button
                   class="btn btn-ghost btn-icon dismiss"
                   @click=${() => this.dismissNotice()}
                   aria-label=${this.t("close")}
                 >
-                  ${l.x}
+                  ${o.x}
                 </button>
               </div>` : n}
         ${e}
@@ -3201,7 +3205,7 @@ let x = class extends E {
       a.target.hidden = !0;
     }}
               />` : n}
-        ${o.isPreview ? r`<span class="badge badge-info preview">${this.t("preview")}</span>` : n}
+        ${l.isPreview ? r`<span class="badge badge-info preview">${this.t("preview")}</span>` : n}
         <h2 class="title" id="authui-title">${i}</h2>
         ${s ? r`<p class="description">${s}</p>` : n}
       </div>
@@ -3209,7 +3213,7 @@ let x = class extends E {
   }
   renderError() {
     return this.error ? r`<div class="alert alert-error" role="alert">
-          ${l.alert}
+          ${o.alert}
           <div class="alert-body">${this.error}</div>
         </div>` : n;
   }
@@ -3219,7 +3223,7 @@ let x = class extends E {
     </button>`;
   }
   passwordField(e) {
-    const t = this[e.field], i = e.meter ? st(t) : null;
+    const t = this[e.field], i = e.field === "passwordConfirm" ? this.showPasswordConfirm : this.showPassword, s = e.meter ? rt(t) : null;
     return r`
       <div class="field">
         <div class="field-header">
@@ -3236,7 +3240,7 @@ let x = class extends E {
           <input
             class="input"
             id=${e.id}
-            type=${this.showPassword ? "text" : "password"}
+            type=${i ? "text" : "password"}
             autocomplete=${e.autocomplete}
             required
             minlength="8"
@@ -3246,26 +3250,28 @@ let x = class extends E {
           <button
             type="button"
             class="btn btn-ghost btn-icon"
-            @click=${() => this.showPassword = !this.showPassword}
-            aria-label=${this.showPassword ? this.t("hidePassword") : this.t("showPassword")}
+            @click=${() => {
+      e.field === "passwordConfirm" ? this.showPasswordConfirm = !this.showPasswordConfirm : this.showPassword = !this.showPassword;
+    }}
+            aria-label=${i ? this.t("hidePassword") : this.t("showPassword")}
           >
-            ${this.showPassword ? l.eyeOff : l.eye}
+            ${i ? o.eyeOff : o.eye}
           </button>
         </div>
-        ${i && t ? r`<div class="strength" aria-live="polite">
+        ${s && t ? r`<div class="strength" aria-live="polite">
                 <div
                   class="strength-meter"
-                  data-level=${String(i.level)}
+                  data-level=${String(s.level)}
                   role="meter"
                   aria-label=${this.t("passwordStrengthLabel")}
                   aria-valuemin="0"
                   aria-valuemax="4"
-                  aria-valuenow=${String(i.level)}
-                  aria-valuetext=${this.t(i.labelKey)}
+                  aria-valuenow=${String(s.level)}
+                  aria-valuetext=${this.t(s.labelKey)}
                 >
                   <span></span><span></span><span></span><span></span>
                 </div>
-                <p class="strength-label">${this.t(i.labelKey)}</p>
+                <p class="strength-label">${this.t(s.labelKey)}</p>
               </div>` : e.hint ? r`<p class="hint">${e.hint}</p>` : n}
       </div>
     `;
@@ -3330,7 +3336,7 @@ let x = class extends E {
         type="checkbox"
         .checked=${this.legalAccepted}
         @change=${(e) => {
-      this.legalAccepted = e.target.checked, this.legalAccepted && this.error === this.t("errorLegalRequired") && (this.error = "");
+      this.legalAccepted = e.target.checked, this.legalAccepted && this.error === this.t("errorLegalRequired") && (this.error = "", this.legalErrorFromOAuth = !1);
     }}
       />
       <span>${this.t("acceptLegal")} ${this.legalLinks()}.</span>
@@ -3339,19 +3345,19 @@ let x = class extends E {
   backLink(e = "sign-in") {
     return r`<div class="links">
       <button type="button" class="btn btn-link" @click=${() => this.go(e)}>
-        ${l.arrowLeft} ${this.t("back")}
+        ${o.arrowLeft} ${this.t("back")}
       </button>
     </div>`;
   }
   renderStep() {
     if (this.auth.configError)
       return r`<div class="alert alert-error" role="alert">
-        ${l.alert}
+        ${o.alert}
         <div class="alert-body">${this.auth.configError}</div>
       </div>`;
     if (!this.auth.configured)
       return r`<div class="alert alert-error" role="alert">
-        ${l.alert}
+        ${o.alert}
         <div class="alert-body">${this.t("errorNotConfigured")}</div>
       </div>`;
     if (this.auth.status === "loading")
@@ -3382,7 +3388,7 @@ let x = class extends E {
       <div class="stack">
         <div class="row">
           <div class="inline">
-            <span class="avatar">${ot(t)}</span>
+            <span class="avatar">${lt(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>` : n}
@@ -3400,10 +3406,10 @@ let x = class extends E {
       this.embedded ? this.fire("authui-open", { view: "account" }) : X("account");
     }}
           >
-            ${l.settings} ${this.t("manageAccount")}
+            ${o.settings} ${this.t("manageAccount")}
           </button>
           <button class="btn btn-ghost btn-block" @click=${this.onSignOut} ?disabled=${this.busy}>
-            ${l.logOut} ${this.t("signOut")}
+            ${o.logOut} ${this.t("signOut")}
           </button>
         </div>
       </div>
@@ -3412,51 +3418,56 @@ let x = class extends E {
   renderProviders() {
     const e = [...this.config?.methods?.oauth ?? []];
     if (e.length === 0) return n;
-    const t = D(), i = e.find((c) => t === `oauth:${c}`) ?? null, s = this.config?.methods?.oauthLayout, a = s === "horizontal" || s === "icon" ? "icon" : s === "stack" || s === "accordion" ? s : e.length <= 2 ? "stack" : "accordion";
-    if (a === "icon")
+    const t = z(), i = e.find((d) => t === `oauth:${d}`) ?? null, s = this.config?.methods?.oauthLayout, a = s === "horizontal" || s === "icon" ? "icon" : s === "stack" || s === "accordion" ? s : e.length <= 2 ? "stack" : "accordion";
+    if (a === "icon") {
+      const d = [...e].sort((g, y) => {
+        const C = t === `oauth:${g}` ? 0 : 1, tt = t === `oauth:${y}` ? 0 : 1;
+        return C - tt;
+      });
       return r`
         <div class="providers icon">
-          ${e.map((c) => {
-        const v = t === `oauth:${c}`, y = this.t("continueWith", { provider: N(c) });
+          ${d.map((g) => {
+        const y = t === `oauth:${g}`, C = this.t("continueWith", { provider: N(g) });
         return r`<button
               type="button"
-              class="btn btn-outline ${v ? "last-used" : ""}"
-              @click=${() => this.onOAuth(c)}
+              class="btn btn-outline ${y ? "last-used" : ""}"
+              @click=${() => this.onOAuth(g)}
               ?disabled=${this.busy}
-              aria-label=${v ? `${y}. ${this.t("lastUsed")}` : y}
-              title=${y}
+              aria-label=${y ? `${C}. ${this.t("lastUsed")}` : C}
+              title=${C}
             >
-              ${B(c)}
-              ${v ? r`<span class="oauth-last-used-dot" aria-hidden="true"></span>` : n}
+              ${B(g)}
+              ${y ? r`<span class="oauth-last-used-dot" aria-hidden="true"></span>` : n}
             </button>`;
       })}
         </div>
       `;
+    }
     if (a === "stack") {
-      const c = [...e].sort((v, y) => {
-        const S = t === `oauth:${v}` ? 0 : 1, xt = t === `oauth:${y}` ? 0 : 1;
-        return S - xt;
+      const d = [...e].sort((g, y) => {
+        const C = t === `oauth:${g}` ? 0 : 1, tt = t === `oauth:${y}` ? 0 : 1;
+        return C - tt;
       });
       return r`
         <div class="providers">
-          ${c.map((v) => {
-        const y = t === `oauth:${v}`, S = this.t("continueWith", { provider: N(v) });
+          ${d.map((g) => {
+        const y = t === `oauth:${g}`, C = this.t("continueWith", { provider: N(g) });
         return r`<button
               type="button"
               class="btn btn-outline ${y ? "last-used" : ""}"
-              @click=${() => this.onOAuth(v)}
+              @click=${() => this.onOAuth(g)}
               ?disabled=${this.busy}
-              aria-label=${y ? `${S}. ${this.t("lastUsed")}` : S}
+              aria-label=${y ? `${C}. ${this.t("lastUsed")}` : C}
             >
-              ${B(v)}
-              <span>${S}</span>
+              ${B(g)}
+              <span>${C}</span>
               ${y ? r`<span class="last-used-badge">${this.t("lastUsed")}</span>` : n}
             </button>`;
       })}
         </div>
       `;
     }
-    const u = this.expandedOAuth && e.includes(this.expandedOAuth) ? this.expandedOAuth : i ?? e[0];
+    const h = this.expandedOAuth && e.includes(this.expandedOAuth) ? this.expandedOAuth : i ?? e[0];
     return r`
       <div
         class="providers accordion"
@@ -3464,29 +3475,29 @@ let x = class extends E {
       this.expandedOAuth = i ?? e[0];
     }}
       >
-        ${e.map((c) => {
-      const v = t === `oauth:${c}`, y = u === c, S = this.t("continueWith", { provider: N(c) });
+        ${e.map((d) => {
+      const g = t === `oauth:${d}`, y = h === d, C = this.t("continueWith", { provider: N(d) });
       return r`<div
             class="provider-slot ${y ? "is-expanded" : ""}"
             @mouseenter=${() => {
-        this.expandedOAuth = c;
+        this.expandedOAuth = d;
       }}
           >
             <button
               type="button"
               class="btn btn-outline"
-              @click=${() => this.onOAuth(c)}
+              @click=${() => this.onOAuth(d)}
               @focus=${() => {
-        this.expandedOAuth = c;
+        this.expandedOAuth = d;
       }}
               ?disabled=${this.busy}
-              aria-label=${v ? `${S}. ${this.t("lastUsed")}` : S}
+              aria-label=${g ? `${C}. ${this.t("lastUsed")}` : C}
             >
-              ${B(c)}
+              ${B(d)}
               <span class="provider-label"
-                ><span><span class="provider-label-text">${S}</span></span></span
+                ><span><span class="provider-label-text">${C}</span></span></span
               >
-              ${v ? r`<span class="oauth-last-used" data-last-used=${c} aria-hidden="true">
+              ${g ? r`<span class="oauth-last-used" data-last-used=${d} aria-hidden="true">
                       <span class="oauth-last-used-dot"></span>
                       <span class="oauth-last-used-pill">${this.t("lastUsed")}</span>
                     </span>` : n}
@@ -3498,20 +3509,20 @@ let x = class extends E {
   }
   renderSignIn() {
     const e = this.config?.methods ?? {}, t = e.emailPassword !== !1, i = (e.oauth?.length ?? 0) > 0, s = [
-      e.magicUrl ? { step: "magic-url", icon: l.link, label: this.t("sendMagicLink") } : null,
-      e.emailOtp ? { step: "email-otp", icon: l.mail, label: this.t("continueWithEmail") } : null,
-      e.phone ? { step: "phone", icon: l.smartphone, label: this.t("continueWithPhone") } : null
+      e.magicUrl ? { step: "magic-url", icon: o.link, label: this.t("sendMagicLink") } : null,
+      e.emailOtp ? { step: "email-otp", icon: o.mail, label: this.t("continueWithEmail") } : null,
+      e.phone ? { step: "phone", icon: o.smartphone, label: this.t("continueWithPhone") } : null
     ].filter(Boolean);
     return r`
       <div class="stack">
         ${this.renderProviders()}
         ${i && (t || s.length > 0) ? r`<div class="separator-text">${this.t("or")}</div>` : n}
         ${t ? r`<form
-                class="form ${D() === "email-password" ? "last-used-form" : ""}"
+                class="form ${z() === "email-password" ? "last-used-form" : ""}"
                 @submit=${this.onSignIn}
                 novalidate
               >
-                ${D() === "email-password" ? r`<p class="hint">
+                ${z() === "email-password" ? r`<p class="hint">
                         <span class="last-used-badge">${this.t("lastUsed")}</span>
                       </p>` : n}
                 ${this.emailField()}
@@ -3520,25 +3531,26 @@ let x = class extends E {
               </form>` : this.renderError()}
         ${s.length > 0 ? r`<div class="stack-sm">
                 ${s.map((a) => {
-      const u = D() === a.step;
+      const h = z() === a.step;
       return r`<button
                     type="button"
-                    class="btn btn-secondary btn-block ${u ? "last-used" : ""}"
+                    class="btn btn-secondary btn-block ${h ? "last-used" : ""}"
                     @click=${() => this.go(a.step)}
+                    ?disabled=${this.busy}
                   >
                     ${a.icon} ${a.label}
-                    ${u ? r`<span class="last-used-badge">${this.t("lastUsed")}</span>` : n}
+                    ${h ? r`<span class="last-used-badge">${this.t("lastUsed")}</span>` : n}
                   </button>`;
     })}
               </div>` : n}
         ${e.anonymous ? r`<button
                 type="button"
-                class="btn btn-ghost btn-block ${D() === "anonymous" ? "last-used" : ""}"
+                class="btn btn-ghost btn-block ${z() === "anonymous" ? "last-used" : ""}"
                 @click=${this.onGuest}
                 ?disabled=${this.busy}
               >
-                ${l.ghost} ${this.t("continueAsGuest")}
-                ${D() === "anonymous" ? r`<span class="last-used-badge">${this.t("lastUsed")}</span>` : n}
+                ${o.ghost} ${this.t("continueAsGuest")}
+                ${z() === "anonymous" ? r`<span class="last-used-badge">${this.t("lastUsed")}</span>` : n}
               </button>` : n}
         ${t && this.config?.signUp !== !1 ? r`<div class="links">
                 <span>${this.t("noAccount")}</span>
@@ -3551,9 +3563,10 @@ let x = class extends E {
     `;
   }
   renderSignUp() {
+    const e = this.legalErrorFromOAuth && this.error === this.t("errorLegalRequired");
     return r`
       <div class="stack">
-        ${this.renderProviders()}
+        ${this.renderProviders()} ${e ? this.renderError() : n}
         ${(this.config?.methods?.oauth?.length ?? 0) > 0 ? r`<div class="separator-text">${this.t("or")}</div>` : n}
         <form class="form" @submit=${this.onSignUp} novalidate>
           ${this.config?.requireName !== !1 ? r`<div class="field">
@@ -3570,7 +3583,7 @@ let x = class extends E {
                 </div>` : n}
           ${this.emailField()}
           ${this.passwordField({ label: this.t("password"), autocomplete: "new-password", id: "authui-password", field: "password", hint: this.t("passwordHint"), meter: !0 })}
-          ${this.legalAcceptField()} ${this.renderError()}
+          ${this.legalAcceptField()} ${e ? n : this.renderError()}
           ${this.submitButton(this.t("createAccount"))}
         </form>
         <div class="links">
@@ -3609,13 +3622,13 @@ let x = class extends E {
       this.step = "sign-in", this.error = "", this.notice = null, this.focusOnStep = !0, this.fire("authui-view", { view: "sign-in" });
     }}
           >
-            ${l.arrowLeft} ${this.t("back")}
+            ${o.arrowLeft} ${this.t("back")}
           </button>
         </div>
       </div>
     ` : r`<div class="stack">
         <div class="alert alert-error" role="alert">
-          ${l.alert}
+          ${o.alert}
           <div class="alert-body">${this.t("errorInvalidToken")}</div>
         </div>
         <div class="links">
@@ -3633,7 +3646,7 @@ let x = class extends E {
   }
   phraseBox(e) {
     return e ? r`<div class="alert alert-info">
-      ${l.shield}
+      ${o.shield}
       <div class="alert-title">
         ${this.t("securityPhrase")}: <span class="code">${e}</span>
       </div>
@@ -3643,7 +3656,7 @@ let x = class extends E {
   renderMagicUrl() {
     return this.token ? r`<div class="stack">
         <div class="alert alert-success" role="status">
-          ${l.mail}
+          ${o.mail}
           <div class="alert-body">${this.t("magicLinkSent", { email: this.token.target })}</div>
         </div>
         ${this.phraseBox(this.token.phrase)} ${this.backLink()}
@@ -3660,10 +3673,10 @@ let x = class extends E {
     const e = this.token;
     !e || Date.now() < this.resendCooldownUntil || (this.error = "", await this.run(async () => {
       if (e.kind === "phone") {
-        const t = await o.sendPhoneOtp(e.target);
+        const t = await l.sendPhoneOtp(e.target);
         this.token = { userId: t.userId, kind: "phone", target: e.target };
       } else {
-        const t = await o.sendEmailOtp(e.target);
+        const t = await l.sendEmailOtp(e.target);
         this.token = {
           userId: t.userId,
           kind: "email-otp",
@@ -3678,7 +3691,7 @@ let x = class extends E {
     const e = this.token?.kind === "phone", t = Date.now() < this.resendCooldownUntil;
     return r`
       <div class="alert alert-info" role="status">
-        ${e ? l.smartphone : l.mail}
+        ${e ? o.smartphone : o.mail}
         <div class="alert-body">${this.t("codeSent", { target: this.token.target })}</div>
       </div>
       ${this.phraseBox(this.token.phrase)}
@@ -3748,25 +3761,25 @@ let x = class extends E {
       const i = [
         {
           factor: "totp",
-          icon: l.smartphone,
+          icon: o.smartphone,
           label: this.t("mfaUseAuthenticator"),
           available: e?.totp ?? !0
         },
         {
           factor: "email",
-          icon: l.mail,
+          icon: o.mail,
           label: this.t("mfaUseEmail"),
           available: e?.email ?? !0
         },
         {
           factor: "phone",
-          icon: l.phone,
+          icon: o.phone,
           label: this.t("mfaUsePhone"),
           available: e?.phone ?? !0
         },
         {
           factor: "recoverycode",
-          icon: l.key,
+          icon: o.key,
           label: this.t("mfaUseRecoveryCode"),
           available: e?.recoveryCode ?? !0
         }
@@ -3814,7 +3827,7 @@ let x = class extends E {
         </form>
         <div class="links">
           <button type="button" class="btn btn-link" @click=${() => this.challenge = null}>
-            ${l.arrowLeft} ${this.t("back")}
+            ${o.arrowLeft} ${this.t("back")}
           </button>
           <span aria-hidden="true">·</span>
           <button type="button" class="btn btn-link" @click=${this.onCancelMfa}>
@@ -3825,69 +3838,75 @@ let x = class extends E {
     `;
   }
 };
-x.styles = [...E.styles, Kt];
-C([
+$.styles = [...E.styles, Kt];
+k([
   m({ type: String })
-], x.prototype, "view", 2);
-C([
+], $.prototype, "view", 2);
+k([
   m({ type: Boolean })
-], x.prototype, "embedded", 2);
-C([
-  d()
-], x.prototype, "step", 2);
-C([
-  d()
-], x.prototype, "busy", 2);
-C([
-  d()
-], x.prototype, "error", 2);
-C([
-  d()
-], x.prototype, "notice", 2);
-C([
-  d()
-], x.prototype, "showPassword", 2);
-C([
-  d()
-], x.prototype, "expandedOAuth", 2);
-C([
-  d()
-], x.prototype, "token", 2);
-C([
-  d()
-], x.prototype, "resendCooldownUntil", 2);
-C([
-  d()
-], x.prototype, "challenge", 2);
-C([
-  d()
-], x.prototype, "recovery", 2);
-C([
-  rt("form input:not([type=hidden])")
-], x.prototype, "firstInput", 2);
-C([
-  d()
-], x.prototype, "password", 2);
-C([
-  d()
-], x.prototype, "passwordConfirm", 2);
-C([
-  d()
-], x.prototype, "legalAccepted", 2);
-x = C([
-  T("authui-sign-in")
-], x);
+], $.prototype, "embedded", 2);
+k([
+  c()
+], $.prototype, "step", 2);
+k([
+  c()
+], $.prototype, "busy", 2);
+k([
+  c()
+], $.prototype, "error", 2);
+k([
+  c()
+], $.prototype, "notice", 2);
+k([
+  c()
+], $.prototype, "showPassword", 2);
+k([
+  c()
+], $.prototype, "showPasswordConfirm", 2);
+k([
+  c()
+], $.prototype, "expandedOAuth", 2);
+k([
+  c()
+], $.prototype, "token", 2);
+k([
+  c()
+], $.prototype, "resendCooldownUntil", 2);
+k([
+  c()
+], $.prototype, "challenge", 2);
+k([
+  c()
+], $.prototype, "recovery", 2);
+k([
+  at("form input:not([type=hidden])")
+], $.prototype, "firstInput", 2);
+k([
+  c()
+], $.prototype, "password", 2);
+k([
+  c()
+], $.prototype, "passwordConfirm", 2);
+k([
+  c()
+], $.prototype, "legalAccepted", 2);
+k([
+  c()
+], $.prototype, "legalErrorFromOAuth", 2);
+$ = k([
+  L("authui-sign-in")
+], $);
 var Xt = Object.defineProperty, Qt = Object.getOwnPropertyDescriptor, f = (e, t, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Qt(t, i) : t, u = e.length - 1, c; u >= 0; u--)
-    (c = e[u]) && (a = (s ? c(t, i, a) : c(a)) || a);
+  for (var a = s > 1 ? void 0 : s ? Qt(t, i) : t, h = e.length - 1, d; h >= 0; h--)
+    (d = e[h]) && (a = (s ? d(t, i, a) : d(a)) || a);
   return s && a && Xt(t, i, a), a;
 };
 let p = class extends E {
   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.verifyEmailCooldownTimer = null, this.onTabsKeydown = (e) => {
+    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.showOldPassword = !1, this.showNewPassword = !1, this.showNewPasswordConfirm = !1, 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.verifyEmailCooldownTimer = null, this.verifyPhoneCooldownUntil = 0, this.verifyPhoneCooldownTimer = null, this.onTabsKeydown = (e) => {
       const t = [...this.renderRoot?.querySelectorAll('[role="tab"]') ?? []];
       if (!t.length) return;
-      const i = t.findIndex((u) => u.getAttribute("aria-selected") === "true");
+      const i = t.findIndex((h) => h.getAttribute("aria-selected") === "true");
       let s = i;
       if (e.key === "ArrowRight" || e.key === "ArrowDown") s = (i + 1) % t.length;
       else if (e.key === "ArrowLeft" || e.key === "ArrowUp")
@@ -3899,12 +3918,12 @@ let p = class extends E {
       const a = t[s].id.replace("authui-tab-", "");
       this.select(a), requestAnimationFrame(() => t[s]?.focus());
     }, this.noticeTimer = null, this.factorsLoading = !1, this.onUpdateName = (e) => {
-      e.preventDefault(), this.requireValid(e) && this.run("name", () => o.updateName(this.nameInput), this.t("nameUpdated"));
+      e.preventDefault(), this.requireValid(e) && this.run("name", () => l.updateName(this.nameInput), this.t("nameUpdated"));
     }, this.onUpdateEmail = (e) => {
       e.preventDefault(), this.requireValid(e) && this.run(
         "email",
         async () => {
-          await o.updateEmail(this.emailInput, this.emailPassword), this.emailPassword = "";
+          await l.updateEmail(this.emailInput, this.emailPassword), this.emailPassword = "";
         },
         this.t("emailUpdated")
       );
@@ -3912,7 +3931,7 @@ let p = class extends E {
       e.preventDefault(), this.requireValid(e) && this.run(
         "phone",
         async () => {
-          await o.updatePhone(this.phoneInput, this.phonePassword), this.phonePassword = "";
+          await l.updatePhone(this.phoneInput, this.phonePassword), this.phonePassword = "";
         },
         this.t("phoneUpdated")
       );
@@ -3920,7 +3939,7 @@ let p = class extends E {
       e.preventDefault(), this.requireValid(e) && this.run(
         "guest",
         async () => {
-          await o.convertGuest(this.emailInput, this.emailPassword, this.guestName), this.emailPassword = "";
+          await l.convertGuest(this.emailInput, this.emailPassword, this.guestName), this.emailPassword = "";
         },
         this.t("accountConverted")
       );
@@ -3928,19 +3947,19 @@ let p = class extends E {
       Date.now() < this.verifyEmailCooldownUntil || this.run(
         "verify",
         async () => {
-          await o.sendEmailVerification(), this.startVerifyEmailCooldown();
+          await l.sendEmailVerification(), this.startVerifyEmailCooldown();
         },
         this.t("verificationSent")
       );
     }, this.onSendPhoneVerification = () => {
-      this.run("verify-phone", async () => {
-        await o.sendPhoneVerification(), this.phoneCodeSent = !0;
+      Date.now() < this.verifyPhoneCooldownUntil || this.run("verify-phone", async () => {
+        await l.sendPhoneVerification(), this.phoneCodeSent = !0, this.startVerifyPhoneCooldown();
       });
     }, this.onConfirmPhoneVerification = (e) => {
       e.preventDefault(), this.requireValid(e) && this.run(
         "verify-phone-code",
         async () => {
-          await o.confirmPhoneVerification(this.phoneCode), this.phoneCode = "", this.phoneCodeSent = !1;
+          await l.confirmPhoneVerification(this.phoneCode), this.phoneCode = "", this.phoneCodeSent = !1, this.verifyPhoneCooldownUntil = 0, this.clearVerifyPhoneCooldownTimer();
         },
         this.t("phoneVerified")
       );
@@ -3953,7 +3972,7 @@ let p = class extends E {
         this.run(
           "password",
           async () => {
-            await o.updatePassword(this.newPassword, this.oldPassword), this.oldPassword = this.newPassword = this.newPasswordConfirm = "";
+            await l.updatePassword(this.newPassword, this.oldPassword), this.oldPassword = this.newPassword = this.newPasswordConfirm = "";
           },
           this.t("passwordChanged")
         );
@@ -3961,17 +3980,17 @@ let p = class extends E {
     }, this.onToggleMfa = () => {
       const e = !this.user?.mfa;
       this.run("mfa", async () => {
-        await o.setMfaEnabled(e), await this.loadFactors();
+        await l.setMfaEnabled(e), await this.loadFactors();
       });
     }, this.onAddAuthenticator = () => {
       this.run("authenticator", async () => {
-        this.authenticator = await o.addAuthenticator(), this.authenticatorCode = "";
+        this.authenticator = await l.addAuthenticator(), this.authenticatorCode = "";
       });
     }, this.onVerifyAuthenticator = (e) => {
       e.preventDefault(), this.requireValid(e) && this.run(
         "authenticator-code",
         async () => {
-          await o.verifyAuthenticator(this.authenticatorCode), this.authenticator = null, this.authenticatorCode = "", await this.loadFactors();
+          await l.verifyAuthenticator(this.authenticatorCode), this.authenticator = null, this.authenticatorCode = "", await this.loadFactors();
         },
         this.t("authenticatorAdded")
       );
@@ -3981,15 +4000,15 @@ let p = class extends E {
         return;
       }
       this.confirmRemoveAuthenticator = !1, this.run("remove-authenticator", async () => {
-        await o.removeAuthenticator(), await this.loadFactors();
+        await l.removeAuthenticator(), await this.loadFactors();
       });
     }, this.onRecoveryCodes = () => {
       this.run("recovery", async () => {
         try {
-          this.recoveryCodes = await o.createRecoveryCodes();
+          this.recoveryCodes = await l.createRecoveryCodes();
         } catch (e) {
-          if (!j(e, g.recoveryCodesExist)) throw e;
-          this.recoveryCodes = await o.getRecoveryCodes();
+          if (!j(e, v.recoveryCodesExist)) throw e;
+          this.recoveryCodes = await l.getRecoveryCodes();
         }
         await this.loadFactors();
       });
@@ -3999,7 +4018,7 @@ let p = class extends E {
         return;
       }
       this.confirmRegenerate = !1, this.run("recovery", async () => {
-        this.recoveryCodes = await o.regenerateRecoveryCodes();
+        this.recoveryCodes = await l.regenerateRecoveryCodes();
       });
     }, this.onCopyCodes = async () => {
       if (this.recoveryCodes)
@@ -4019,7 +4038,7 @@ let p = class extends E {
         }
     }, this.onStepUpFactor = (e) => {
       this.run("stepup", async () => {
-        const t = await o.createMfaChallenge(e);
+        const t = await l.createMfaChallenge(e);
         this.stepUp = { ...this.stepUp, challenge: { id: t.$id, factor: e } }, this.stepUpCode = "";
       });
     }, this.onStepUpVerify = (e) => {
@@ -4028,40 +4047,40 @@ let p = class extends E {
       t?.challenge && (async () => {
         let i = !1;
         await this.run("stepup-code", async () => {
-          await o.completeMfaChallenge(t.challenge.id, this.stepUpCode, { signIn: !1 }), this.stepUp = null, this.stepUpCode = "", i = !0;
+          await l.completeMfaChallenge(t.challenge.id, this.stepUpCode, { signIn: !1 }), this.stepUp = null, this.stepUpCode = "", i = !0;
         }), i && await t.retry();
       })();
     }, this.onDeleteSession = (e) => {
       this.run(`session-${e}`, async () => {
         if ((this.sessions ?? []).some((i) => i.$id === e && i.current)) {
-          await o.signOut(), this.sessions = [];
+          await l.signOut(), this.sessions = [];
           return;
         }
-        await o.signOut(e), this.sessions = (this.sessions ?? []).filter((i) => i.$id !== e);
+        await l.signOut(e), this.sessions = (this.sessions ?? []).filter((i) => i.$id !== e);
       });
     }, this.onSignOutAll = () => {
       if (!this.confirmSignOutAll) {
         this.confirmSignOutAll = !0;
         return;
       }
-      this.confirmSignOutAll = !1, this.run("sessions-all", () => o.signOutEverywhere());
+      this.confirmSignOutAll = !1, this.run("sessions-all", () => l.signOutEverywhere());
     }, this.onDeleteIdentity = (e) => {
       if (this.confirmDisconnectId !== e) {
         this.confirmDisconnectId = e;
         return;
       }
       this.confirmDisconnectId = null, this.run(`identity-${e}`, async () => {
-        await o.deleteIdentity(e), this.identities = (this.identities ?? []).filter((t) => t.$id !== e);
+        await l.deleteIdentity(e), this.identities = (this.identities ?? []).filter((t) => t.$id !== e);
       });
     }, this.onDeleteAccount = () => {
-      this.run("delete", () => o.deleteAccount());
+      this.run("delete", () => l.deleteAccount());
     };
   }
   connectedCallback() {
     super.connectedCallback(), this.active = this.tab, this.hydrate();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.clearVerifyEmailCooldownTimer(), this.noticeTimer && (clearTimeout(this.noticeTimer), this.noticeTimer = null);
+    super.disconnectedCallback(), this.clearVerifyEmailCooldownTimer(), this.clearVerifyPhoneCooldownTimer(), this.noticeTimer && (clearTimeout(this.noticeTimer), this.noticeTimer = null);
   }
   willUpdate(e) {
     e.has("tab") && e.get("tab") !== void 0 && (this.active = this.tab), e.has("auth") && this.hydrate(), this.ensureLoaded();
@@ -4090,7 +4109,7 @@ let p = class extends E {
         '.tab[aria-selected="true"]'
       );
       i && typeof i.scrollIntoView == "function" && i.scrollIntoView({ inline: "nearest", block: "nearest", behavior: "smooth" });
-    }), (e.has("confirmDelete") && this.confirmDelete || e.has("confirmSignOutAll") && this.confirmSignOutAll || e.has("confirmDisconnectId") && this.confirmDisconnectId !== null) && requestAnimationFrame(() => {
+    }), (e.has("confirmDelete") && this.confirmDelete || e.has("confirmSignOutAll") && this.confirmSignOutAll || e.has("confirmDisconnectId") && this.confirmDisconnectId !== null || e.has("confirmRegenerate") && this.confirmRegenerate || e.has("confirmRemoveAuthenticator") && this.confirmRemoveAuthenticator) && requestAnimationFrame(() => {
       this.renderRoot.querySelector(
         ".card-footer [autofocus], .row-actions [autofocus], .inline [autofocus], .card-footer .btn-outline, .row-actions .btn-outline, .inline .btn-outline"
       )?.focus({ preventScroll: !0 });
@@ -4111,7 +4130,7 @@ let p = class extends E {
       try {
         await t(), i && this.setNotice("success", i);
       } catch (s) {
-        j(s, g.challengeRequired) ? this.stepUp = { retry: () => this.run(e, t, i) } : this.errors = {
+        j(s, v.challengeRequired) ? this.stepUp = { retry: () => this.run(e, t, i) } : this.errors = {
           ...this.errors,
           [e]: Y(
             s,
@@ -4127,12 +4146,12 @@ let p = class extends E {
   // ─────────────────────────── loaders ───────────────────────────
   async loadSessions() {
     await this.run("sessions", async () => {
-      this.sessions = await o.listSessions();
+      this.sessions = await l.listSessions();
     });
   }
   async loadIdentities() {
     await this.run("identities", async () => {
-      this.identities = await o.listIdentities();
+      this.identities = await l.listIdentities();
     });
   }
   /** Probe once so Activity is never shown on servers without /account/logs. */
@@ -4140,7 +4159,7 @@ let p = class extends E {
     if (!this.logsProbeStarted) {
       this.logsProbeStarted = !0;
       try {
-        this.logs = await o.listLogs(), this.logsSupported = !0;
+        this.logs = await l.listLogs(), this.logsSupported = !0;
       } catch {
         this.logsSupported = !1, this.logs = [], this.active === "activity" && (this.active = "profile");
       }
@@ -4153,7 +4172,7 @@ let p = class extends E {
     }
     this.busy = "logs";
     try {
-      this.logs = await o.listLogs();
+      this.logs = await l.listLogs();
     } catch {
       this.logsSupported = !1, this.logs = [], this.active === "activity" && (this.active = "profile");
     } finally {
@@ -4164,7 +4183,7 @@ let p = class extends E {
     if (!this.factorsLoading) {
       this.factorsLoading = !0;
       try {
-        this.factors = await o.listMfaFactors();
+        this.factors = await l.listMfaFactors();
       } catch {
         this.factors = {
           totp: !1,
@@ -4186,6 +4205,14 @@ let p = class extends E {
   clearVerifyEmailCooldownTimer() {
     this.verifyEmailCooldownTimer && (clearInterval(this.verifyEmailCooldownTimer), this.verifyEmailCooldownTimer = null);
   }
+  startVerifyPhoneCooldown() {
+    this.verifyPhoneCooldownUntil = Date.now() + 45e3, this.clearVerifyPhoneCooldownTimer(), this.verifyPhoneCooldownTimer = setInterval(() => {
+      this.requestUpdate(), Date.now() >= this.verifyPhoneCooldownUntil && this.clearVerifyPhoneCooldownTimer();
+    }, 1e3);
+  }
+  clearVerifyPhoneCooldownTimer() {
+    this.verifyPhoneCooldownTimer && (clearInterval(this.verifyPhoneCooldownTimer), this.verifyPhoneCooldownTimer = null);
+  }
   bind(e) {
     return (t) => {
       this[e] = t.target.value;
@@ -4195,7 +4222,7 @@ let p = class extends E {
   render() {
     if (!this.auth.configured)
       return r`<div class="alert alert-error" role="alert">
-        ${l.alert}
+        ${o.alert}
         <div class="alert-body">${this.t("errorNotConfigured")}</div>
       </div>`;
     if (this.auth.status === "loading")
@@ -4232,7 +4259,7 @@ let p = class extends E {
     )}
         </div>
         ${this.notice ? r`<div class="alert alert-${this.notice.tone}" role="status">
-                ${this.notice.tone === "success" ? l.checkCircle : l.info}
+                ${this.notice.tone === "success" ? o.checkCircle : o.info}
                 <div class="alert-body">${this.notice.message}</div>
                 <button
                   class="btn btn-ghost btn-icon dismiss"
@@ -4241,7 +4268,7 @@ let p = class extends E {
     }}
                   aria-label=${this.t("close")}
                 >
-                  ${l.x}
+                  ${o.x}
                 </button>
               </div>` : n}
         ${this.stepUp ? this.renderStepUp() : r`<div
@@ -4260,18 +4287,18 @@ let p = class extends E {
     return r`
       <div class="between">
         <div class="identity">
-          <span class="avatar">${ot(t)}</span>
+          <span class="avatar">${lt(t)}</span>
           <div class="row-main">
             <span class="row-title" title=${t}>
               ${t}
-              ${e.mfa ? r`<span class="badge badge-success">${l.shieldCheck} ${this.t("mfaBadge")}</span>` : n}
-              ${o.isPreview ? r`<span class="badge badge-info">${this.t("preview")}</span>` : n}
+              ${e.mfa ? r`<span class="badge badge-success">${o.shieldCheck} ${this.t("mfaBadge")}</span>` : n}
+              ${l.isPreview ? r`<span class="badge badge-info">${this.t("preview")}</span>` : n}
             </span>
             ${e.email && e.name ? r`<span class="row-sub" title=${e.email}>${e.email}</span>` : n}
           </div>
         </div>
-        <button class="btn btn-outline btn-sm" @click=${() => o.signOut()}>
-          ${l.logOut} ${this.t("signOut")}
+        <button class="btn btn-outline btn-sm" @click=${() => l.signOut()}>
+          ${o.logOut} ${this.t("signOut")}
         </button>
       </div>
     `;
@@ -4293,7 +4320,7 @@ let p = class extends E {
   error(e) {
     const t = this.errors[e];
     return t ? r`<div class="alert alert-error" role="alert">
-          ${l.alert}
+          ${o.alert}
           <div class="alert-body">${t}</div>
         </div>` : n;
   }
@@ -4340,7 +4367,7 @@ let p = class extends E {
     </div>`;
   }
   verifiedBadge(e) {
-    return e ? r`<span class="badge badge-success">${l.check} ${this.t("verified")}</span>` : r`<span class="badge badge-warning">${this.t("unverified")}</span>`;
+    return e ? r`<span class="badge badge-success">${o.check} ${this.t("verified")}</span>` : r`<span class="badge badge-warning">${this.t("unverified")}</span>`;
   }
   // ── Profile ──
   renderProfile() {
@@ -4385,7 +4412,7 @@ let p = class extends E {
                 autocomplete="new-password"
               />
               ${this.emailPassword ? (() => {
-        const t = st(this.emailPassword);
+        const t = rt(this.emailPassword);
         return r`<div class="strength" aria-live="polite">
                         <div
                           class="strength-meter"
@@ -4565,13 +4592,27 @@ let p = class extends E {
                   ${this.spinner("verify-phone")} ${this.t("sendCode")}
                 </button>` : n}
           ${this.phoneCodeSent ? r`<button
-                  class="btn btn-outline btn-sm"
-                  type="button"
-                  @click=${this.onConfirmPhoneVerification}
-                  ?disabled=${!!this.busy}
-                >
-                  ${this.spinner("verify-phone-code")} ${this.t("verifyCode")}
-                </button>` : n}
+                    class="btn btn-outline btn-sm"
+                    type="button"
+                    @click=${this.onSendPhoneVerification}
+                    ?disabled=${!!this.busy || Date.now() < this.verifyPhoneCooldownUntil}
+                  >
+                    ${this.spinner("verify-phone")}
+                    ${Date.now() < this.verifyPhoneCooldownUntil ? this.t("verificationResendIn", {
+        seconds: Math.max(
+          1,
+          Math.ceil((this.verifyPhoneCooldownUntil - Date.now()) / 1e3)
+        )
+      }) : this.t("resendCode")}
+                  </button>
+                  <button
+                    class="btn btn-outline btn-sm"
+                    type="button"
+                    @click=${this.onConfirmPhoneVerification}
+                    ?disabled=${!!this.busy}
+                  >
+                    ${this.spinner("verify-phone-code")} ${this.t("verifyCode")}
+                  </button>` : n}
           <button
             class="btn btn-primary btn-sm"
             type="submit"
@@ -4591,7 +4632,7 @@ let p = class extends E {
       this.t("deleteAccountDescription"),
       this.confirmDelete ? this.error("delete") : r`${this.error("delete")}
             <button class="btn btn-outline btn-sm warn" @click=${() => this.confirmDelete = !0}>
-              ${l.userX} ${this.t("deleteAccount")}
+              ${o.userX} ${this.t("deleteAccount")}
             </button>`,
       this.confirmDelete ? this.confirmFooter(
         () => {
@@ -4623,30 +4664,50 @@ let p = class extends E {
                         <label class="label" for="acc-old-password"
                           >${this.t("currentPassword")}</label
                         >
-                        <input
-                          class="input"
-                          id="acc-old-password"
-                          type="password"
-                          .value=${this.oldPassword}
-                          @input=${this.bind("oldPassword")}
-                          autocomplete="current-password"
-                          required
-                        />
+                        <div class="input-wrap">
+                          <input
+                            class="input"
+                            id="acc-old-password"
+                            type=${this.showOldPassword ? "text" : "password"}
+                            .value=${this.oldPassword}
+                            @input=${this.bind("oldPassword")}
+                            autocomplete="current-password"
+                            required
+                          />
+                          <button
+                            type="button"
+                            class="btn btn-ghost btn-icon"
+                            @click=${() => this.showOldPassword = !this.showOldPassword}
+                            aria-label=${this.showOldPassword ? this.t("hidePassword") : this.t("showPassword")}
+                          >
+                            ${this.showOldPassword ? o.eyeOff : o.eye}
+                          </button>
+                        </div>
                       </div>` : n}
                 <div class="field">
                   <label class="label" for="acc-new-password">${this.t("newPassword")}</label>
-                  <input
-                    class="input"
-                    id="acc-new-password"
-                    type="password"
-                    required
-                    minlength="8"
-                    .value=${this.newPassword}
-                    @input=${this.bind("newPassword")}
-                    autocomplete="new-password"
-                  />
+                  <div class="input-wrap">
+                    <input
+                      class="input"
+                      id="acc-new-password"
+                      type=${this.showNewPassword ? "text" : "password"}
+                      required
+                      minlength="8"
+                      .value=${this.newPassword}
+                      @input=${this.bind("newPassword")}
+                      autocomplete="new-password"
+                    />
+                    <button
+                      type="button"
+                      class="btn btn-ghost btn-icon"
+                      @click=${() => this.showNewPassword = !this.showNewPassword}
+                      aria-label=${this.showNewPassword ? this.t("hidePassword") : this.t("showPassword")}
+                    >
+                      ${this.showNewPassword ? o.eyeOff : o.eye}
+                    </button>
+                  </div>
                   ${this.newPassword ? (() => {
-        const i = st(this.newPassword);
+        const i = rt(this.newPassword);
         return r`<div class="strength" aria-live="polite">
                             <div
                               class="strength-meter"
@@ -4668,16 +4729,26 @@ let p = class extends E {
                   <label class="label" for="acc-new-password-confirm"
                     >${this.t("confirmPassword")}</label
                   >
-                  <input
-                    class="input"
-                    id="acc-new-password-confirm"
-                    type="password"
-                    required
-                    minlength="8"
-                    .value=${this.newPasswordConfirm}
-                    @input=${this.bind("newPasswordConfirm")}
-                    autocomplete="new-password"
-                  />
+                  <div class="input-wrap">
+                    <input
+                      class="input"
+                      id="acc-new-password-confirm"
+                      type=${this.showNewPasswordConfirm ? "text" : "password"}
+                      required
+                      minlength="8"
+                      .value=${this.newPasswordConfirm}
+                      @input=${this.bind("newPasswordConfirm")}
+                      autocomplete="new-password"
+                    />
+                    <button
+                      type="button"
+                      class="btn btn-ghost btn-icon"
+                      @click=${() => this.showNewPasswordConfirm = !this.showNewPasswordConfirm}
+                      aria-label=${this.showNewPasswordConfirm ? this.t("hidePassword") : this.t("showPassword")}
+                    >
+                      ${this.showNewPasswordConfirm ? o.eyeOff : o.eye}
+                    </button>
+                  </div>
                 </div>
                 ${this.error("password")}
               </form>`,
@@ -4695,7 +4766,7 @@ let p = class extends E {
     </div>`;
   }
   renderMfaCard() {
-    const e = this.user, t = this.factors?.totp ?? !1, i = this.authenticator ? o.isPreview ? Et(this.authenticator.uri) : new Ct(o.getClient()).getQR(this.authenticator.uri, 400, 1).toString() : "";
+    const e = this.user, t = this.factors?.totp ?? !1, i = this.authenticator ? l.isPreview ? Et(this.authenticator.uri) : new Ct(l.getClient()).getQR(this.authenticator.uri, 400, 1).toString() : "";
     return this.card(
       this.t("twoFactor"),
       this.t("twoFactorDescription"),
@@ -4715,7 +4786,7 @@ let p = class extends E {
           ></button>
         </div>
         ${e.mfa && !(this.factors?.totp || e.emailVerification || e.phoneVerification) ? r`<div class="alert alert-warning" role="status">
-                ${l.alert}
+                ${o.alert}
                 <div class="alert-body">
                   ${this.t("mfaNoFactorWarning")}
                   ${this.factors?.totp ? n : r`<div class="links">
@@ -4735,23 +4806,27 @@ let p = class extends E {
         <div class="toggle-row">
           <div class="row-main">
             <span class="row-title"
-              >${l.smartphone} ${this.t("authenticatorApp")}
+              >${o.smartphone} ${this.t("authenticatorApp")}
               ${t ? this.verifiedBadge(!0) : n}</span
             >
           </div>
           ${t ? this.confirmRemoveAuthenticator ? r`<div class="inline">
                     <button
-                      class="btn btn-outline btn-sm warn"
-                      @click=${this.onRemoveAuthenticator}
+                      type="button"
+                      class="btn btn-outline btn-sm"
+                      autofocus
                       ?disabled=${!!this.busy}
+                      @click=${() => this.confirmRemoveAuthenticator = !1}
                     >
-                      ${this.spinner("remove-authenticator")} ${this.t("remove")}
+                      ${this.t("cancel")}
                     </button>
                     <button
-                      class="btn btn-ghost btn-sm"
-                      @click=${() => this.confirmRemoveAuthenticator = !1}
+                      type="button"
+                      class="btn btn-destructive btn-sm"
+                      @click=${this.onRemoveAuthenticator}
+                      ?disabled=${!!this.busy}
                     >
-                      ${this.t("cancel")}
+                      ${this.spinner("remove-authenticator")} ${this.t("remove")}
                     </button>
                   </div>` : r`<button
                     class="btn btn-outline btn-sm"
@@ -4783,7 +4858,7 @@ let p = class extends E {
         this.onCopySecret();
       }}
                   >
-                    ${this.copied ? l.check : l.copy}
+                    ${this.copied ? o.check : o.copy}
                     ${this.copied ? this.t("copied") : this.t("authenticatorCopyKey")}
                   </button>
                 </div>
@@ -4825,7 +4900,7 @@ let p = class extends E {
       this.t("recoveryCodesDescription") + " " + this.t("recoveryCodesOnceHint"),
       r`<div class="kv">
         ${this.recoveryCodes ? r`<div class="alert alert-warning">
-                  ${l.alert}
+                  ${o.alert}
                   <div class="alert-body">${this.t("recoveryCodesWarning")}</div>
                 </div>
                 <div class="codes">
@@ -4833,7 +4908,7 @@ let p = class extends E {
                 </div>
                 <div class="inline">
                   <button class="btn btn-outline btn-sm" @click=${this.onCopyCodes}>
-                    ${this.copied ? l.check : l.copy}
+                    ${this.copied ? o.check : o.copy}
                     ${this.copied ? this.t("copied") : this.t("copy")}
                   </button>
                   <button class="btn btn-ghost btn-sm" @click=${() => this.recoveryCodes = null}>
@@ -4845,29 +4920,34 @@ let p = class extends E {
                   @click=${this.onRecoveryCodes}
                   ?disabled=${!!this.busy}
                 >
-                  ${this.spinner("recovery")} ${l.key}
+                  ${this.spinner("recovery")} ${o.key}
                   ${e ? this.t("viewRecoveryCodes") : this.t("generateRecoveryCodes")}
                 </button>
                 ${e ? this.confirmRegenerate ? r`<div class="inline">
                           <button
-                            class="btn btn-outline btn-sm warn"
-                            @click=${this.onRegenerateRecoveryCodes}
+                            type="button"
+                            class="btn btn-outline btn-sm"
+                            autofocus
                             ?disabled=${!!this.busy}
+                            @click=${() => this.confirmRegenerate = !1}
                           >
-                            ${l.refresh} ${this.t("regenerateRecoveryCodes")}
+                            ${this.t("cancel")}
                           </button>
                           <button
-                            class="btn btn-ghost btn-sm"
-                            @click=${() => this.confirmRegenerate = !1}
+                            type="button"
+                            class="btn btn-destructive btn-sm"
+                            @click=${this.onRegenerateRecoveryCodes}
+                            ?disabled=${!!this.busy}
                           >
-                            ${this.t("cancel")}
+                            ${this.spinner("recovery")} ${o.refresh}
+                            ${this.t("regenerateRecoveryCodes")}
                           </button>
                         </div>` : r`<button
                           class="btn btn-ghost btn-sm"
                           @click=${this.onRegenerateRecoveryCodes}
                           ?disabled=${!!this.busy}
                         >
-                          ${l.refresh} ${this.t("regenerateRecoveryCodes")}
+                          ${o.refresh} ${this.t("regenerateRecoveryCodes")}
                         </button>` : n}
               </div>`}
         ${this.error("recovery")}
@@ -4879,25 +4959,25 @@ let p = class extends E {
     const e = this.stepUp, t = this.factors, i = [
       {
         factor: "totp",
-        icon: l.smartphone,
+        icon: o.smartphone,
         label: this.t("mfaUseAuthenticator"),
         available: t?.totp ?? !0
       },
       {
         factor: "email",
-        icon: l.mail,
+        icon: o.mail,
         label: this.t("mfaUseEmail"),
         available: t?.email ?? !0
       },
       {
         factor: "phone",
-        icon: l.phone,
+        icon: o.phone,
         label: this.t("mfaUsePhone"),
         available: t?.phone ?? !0
       },
       {
         factor: "recoverycode",
-        icon: l.key,
+        icon: o.key,
         label: this.t("mfaUseRecoveryCode"),
         available: t?.recoveryCode ?? !0
       }
@@ -4948,7 +5028,7 @@ let p = class extends E {
   // ── Sessions ──
   deviceIcon(e) {
     const t = (e.deviceName || "").toLowerCase(), i = (e.osName || e.osCode || "").toLowerCase();
-    return /phone|tablet|mobile/.test(t) || /ios|android|ipados/.test(i) ? l.smartphone : /desktop|browser/.test(t) || /mac|windows|linux|chrome os/.test(i) ? l.monitor : l.globe;
+    return /phone|tablet|mobile/.test(t) || /ios|android|ipados/.test(i) ? o.smartphone : /desktop|browser/.test(t) || /mac|windows|linux|chrome os/.test(i) ? o.monitor : o.globe;
   }
   renderSessions() {
     const e = this.sessions;
@@ -4958,7 +5038,7 @@ let p = class extends E {
       void 0,
       r`${this.error("sessions")}
         ${e === null ? r`<div class="empty"><span class="spinner"></span></div>` : e.length === 0 ? this.emptyState(
-        l.monitor,
+        o.monitor,
         this.t("noSessions"),
         this.t("noSessionsDescription")
       ) : e.map(
@@ -4984,7 +5064,7 @@ let p = class extends E {
                           ?disabled=${!!this.busy}
                           aria-label=${this.t("signOutSession")}
                         >
-                          ${l.logOut}
+                          ${o.logOut}
                         </button>
                       </div>
                     </div>`
@@ -4999,7 +5079,7 @@ let p = class extends E {
                 @click=${this.onSignOutAll}
                 ?disabled=${!!this.busy}
               >
-                ${this.spinner("sessions-all")} ${l.logOut} ${this.t("signOutAllSessions")}
+                ${this.spinner("sessions-all")} ${o.logOut} ${this.t("signOutAllSessions")}
               </button>`,
       this.confirmSignOutAll ? this.confirmFooter(
         () => {
@@ -5024,7 +5104,7 @@ let p = class extends E {
       void 0,
       r`${this.error("identities")}
         ${e === null ? r`<div class="empty"><span class="spinner"></span></div>` : e.length === 0 ? this.emptyState(
-        l.link,
+        o.link,
         this.t("noConnections"),
         this.t("noConnectionsDescription")
       ) : e.map(
@@ -5071,7 +5151,7 @@ let p = class extends E {
         (i) => r`<button
                     class="btn btn-outline btn-sm"
                     @click=${() => {
-          this.run(`connect-${i}`, () => o.signInWithOAuth(i));
+          this.run(`connect-${i}`, () => l.signInWithOAuth(i));
         }}
                     ?disabled=${!!this.busy}
                   >
@@ -5090,7 +5170,7 @@ let p = class extends E {
       this.t("activity"),
       void 0,
       r`${e === null ? r`<div class="empty"><span class="spinner"></span></div>` : e.length === 0 ? this.emptyState(
-        l.activity,
+        o.activity,
         this.t("noActivity"),
         this.t("noActivityDescription")
       ) : e.map(
@@ -5110,7 +5190,7 @@ let p = class extends E {
 };
 p.styles = [
   ...E.styles,
-  L`
+  T`
       :host {
         display: block;
         width: 100%;
@@ -5213,110 +5293,122 @@ f([
   m({ type: String })
 ], p.prototype, "tab", 2);
 f([
-  d()
+  c()
 ], p.prototype, "active", 2);
 f([
-  d()
+  c()
 ], p.prototype, "busy", 2);
 f([
-  d()
+  c()
 ], p.prototype, "notice", 2);
 f([
-  d()
+  c()
 ], p.prototype, "errors", 2);
 f([
-  d()
+  c()
 ], p.prototype, "nameInput", 2);
 f([
-  d()
+  c()
 ], p.prototype, "emailInput", 2);
 f([
-  d()
+  c()
 ], p.prototype, "emailPassword", 2);
 f([
-  d()
+  c()
 ], p.prototype, "phoneInput", 2);
 f([
-  d()
+  c()
 ], p.prototype, "phonePassword", 2);
 f([
-  d()
+  c()
 ], p.prototype, "phoneCode", 2);
 f([
-  d()
+  c()
 ], p.prototype, "phoneCodeSent", 2);
 f([
-  d()
+  c()
 ], p.prototype, "guestName", 2);
 f([
-  d()
+  c()
 ], p.prototype, "oldPassword", 2);
 f([
-  d()
+  c()
 ], p.prototype, "newPassword", 2);
 f([
-  d()
+  c()
 ], p.prototype, "newPasswordConfirm", 2);
 f([
-  d()
+  c()
+], p.prototype, "showOldPassword", 2);
+f([
+  c()
+], p.prototype, "showNewPassword", 2);
+f([
+  c()
+], p.prototype, "showNewPasswordConfirm", 2);
+f([
+  c()
 ], p.prototype, "authenticator", 2);
 f([
-  d()
+  c()
 ], p.prototype, "authenticatorCode", 2);
 f([
-  d()
+  c()
 ], p.prototype, "factors", 2);
 f([
-  d()
+  c()
 ], p.prototype, "recoveryCodes", 2);
 f([
-  d()
+  c()
 ], p.prototype, "stepUp", 2);
 f([
-  d()
+  c()
 ], p.prototype, "stepUpCode", 2);
 f([
-  d()
+  c()
 ], p.prototype, "copied", 2);
 f([
-  d()
+  c()
 ], p.prototype, "sessions", 2);
 f([
-  d()
+  c()
 ], p.prototype, "identities", 2);
 f([
-  d()
+  c()
 ], p.prototype, "logs", 2);
 f([
-  d()
+  c()
 ], p.prototype, "logsSupported", 2);
 f([
-  d()
+  c()
 ], p.prototype, "confirmDelete", 2);
 f([
-  d()
+  c()
 ], p.prototype, "confirmRegenerate", 2);
 f([
-  d()
+  c()
 ], p.prototype, "confirmRemoveAuthenticator", 2);
 f([
-  d()
+  c()
 ], p.prototype, "confirmSignOutAll", 2);
 f([
-  d()
+  c()
 ], p.prototype, "confirmDisconnectId", 2);
 f([
-  d()
+  c()
 ], p.prototype, "verifyEmailCooldownUntil", 2);
+f([
+  c()
+], p.prototype, "verifyPhoneCooldownUntil", 2);
 p = f([
-  T("authui-account")
+  L("authui-account")
 ], p);
 var Jt = Object.defineProperty, te = Object.getOwnPropertyDescriptor, R = (e, t, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? te(t, i) : t, u = e.length - 1, c; u >= 0; u--)
-    (c = e[u]) && (a = (s ? c(t, i, a) : c(a)) || a);
+  for (var a = s > 1 ? void 0 : s ? te(t, i) : t, h = e.length - 1, d; h >= 0; h--)
+    (d = e[h]) && (a = (s ? d(t, i, a) : d(a)) || a);
   return s && a && Jt(t, i, a), a;
 };
-let U = class extends E {
+let I = class extends E {
   constructor() {
     super(...arguments), this.open = !1, this.view = "sign-in", this.closeOnSuccess = !0, this.handledPending = null, this.scrollCue = !1, this.bodyResizeObserver = null, this.onOpenEvent = (e) => {
       const t = e.detail ?? {};
@@ -5397,7 +5489,7 @@ let U = class extends E {
               @click=${this.hide}
               aria-label=${this.t("close")}
             >
-              ${l.x}
+              ${o.x}
             </button>
           </div>
           <div class="body" @scroll=${this.syncScrollCue}>
@@ -5412,9 +5504,9 @@ let U = class extends E {
     `;
   }
 };
-U.styles = [
+I.styles = [
   ...E.styles,
-  L`
+  T`
       :host {
         display: contents;
       }
@@ -5504,10 +5596,10 @@ U.styles = [
 ];
 R([
   m({ type: Boolean, reflect: !0 })
-], U.prototype, "open", 2);
+], I.prototype, "open", 2);
 R([
   m({ type: String })
-], U.prototype, "view", 2);
+], I.prototype, "view", 2);
 R([
   m({
     attribute: "close-on-success",
@@ -5523,28 +5615,28 @@ R([
       }
     }
   })
-], U.prototype, "closeOnSuccess", 2);
+], I.prototype, "closeOnSuccess", 2);
 R([
-  d()
-], U.prototype, "handledPending", 2);
+  c()
+], I.prototype, "handledPending", 2);
 R([
-  d()
-], U.prototype, "scrollCue", 2);
+  c()
+], I.prototype, "scrollCue", 2);
 R([
-  rt("dialog")
-], U.prototype, "dialog", 2);
+  at("dialog")
+], I.prototype, "dialog", 2);
 R([
-  rt(".body")
-], U.prototype, "bodyEl", 2);
-U = R([
-  T("authui-modal")
-], U);
+  at(".body")
+], I.prototype, "bodyEl", 2);
+I = R([
+  L("authui-modal")
+], I);
 var ee = Object.defineProperty, ie = Object.getOwnPropertyDescriptor, J = (e, t, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? ie(t, i) : t, u = e.length - 1, c; u >= 0; u--)
-    (c = e[u]) && (a = (s ? c(t, i, a) : c(a)) || a);
+  for (var a = s > 1 ? void 0 : s ? ie(t, i) : t, h = e.length - 1, d; h >= 0; h--)
+    (d = e[h]) && (a = (s ? d(t, i, a) : d(a)) || a);
   return s && a && ee(t, i, a), a;
 };
-let q = class extends E {
+let V = class extends E {
   constructor() {
     super(...arguments), this.view = "sign-in", this.variant = "primary", this.size = "md";
   }
@@ -5561,9 +5653,9 @@ let q = class extends E {
     </button>`;
   }
 };
-q.styles = [
+V.styles = [
   ...E.styles,
-  L`
+  T`
       :host {
         display: inline-block;
       }
@@ -5574,22 +5666,22 @@ q.styles = [
 ];
 J([
   m({ type: String })
-], q.prototype, "view", 2);
+], V.prototype, "view", 2);
 J([
   m({ type: String })
-], q.prototype, "variant", 2);
+], V.prototype, "variant", 2);
 J([
   m({ type: String })
-], q.prototype, "size", 2);
-q = J([
-  T("authui-button")
-], q);
+], V.prototype, "size", 2);
+V = J([
+  L("authui-button")
+], V);
 var se = Object.defineProperty, re = Object.getOwnPropertyDescriptor, F = (e, t, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? re(t, i) : t, u = e.length - 1, c; u >= 0; u--)
-    (c = e[u]) && (a = (s ? c(t, i, a) : c(a)) || a);
+  for (var a = s > 1 ? void 0 : s ? re(t, i) : t, h = e.length - 1, d; h >= 0; h--)
+    (d = e[h]) && (a = (s ? d(t, i, a) : d(a)) || a);
   return s && a && se(t, i, a), a;
 };
-let I = class extends E {
+let U = class extends E {
   constructor() {
     super(...arguments), this.showTeams = !1, this.menuItems = [], this.src = "", this.menuOpen = !1, this.menuAbove = !1, this.teams = [], this.teamsLoading = !1, this.activeTeamId = null, this.onReposition = () => {
       this.menuOpen && this.placeMenu();
@@ -5613,7 +5705,7 @@ let I = class extends E {
     }, this.toggleMenu = () => {
       this.menuOpen = !this.menuOpen, this.menuOpen && this.showTeams && this.loadTeams();
     }, this.selectTeam = (e) => {
-      o.setActiveTeam({ $id: e.$id, name: e.name }), this.activeTeamId = e.$id, this.dispatchEvent(
+      l.setActiveTeam({ $id: e.$id, name: e.name }), this.activeTeamId = e.$id, this.dispatchEvent(
         new CustomEvent("authui-active-team", {
           detail: { teamId: e.$id, team: e },
           bubbles: !0,
@@ -5634,10 +5726,10 @@ let I = class extends E {
     if (!e || !t) return;
     const i = e.getBoundingClientRect(), s = 6, a = 8;
     t.style.maxHeight = "";
-    const u = t.offsetHeight + s, c = window.innerHeight - i.bottom, v = i.top, y = c < u && v > c;
+    const h = t.offsetHeight + s, d = window.innerHeight - i.bottom, g = i.top, y = d < h && g > d;
     y !== this.menuAbove && (this.menuAbove = y);
-    const S = Math.max(80, (y ? v : c) - s - a);
-    t.style.maxHeight = `${S}px`;
+    const C = Math.max(80, (y ? g : d) - s - a);
+    t.style.maxHeight = `${C}px`;
   }
   focusMenuItem(e) {
     [
@@ -5650,9 +5742,9 @@ let I = class extends E {
     })) : this.menuAbove = !1), this.menuOpen && (e.has("teams") || e.has("teamsLoading")) && requestAnimationFrame(() => this.placeMenu());
   }
   async loadTeams() {
-    this.teamsLoading = !0, this.activeTeamId = o.getActiveTeamId();
+    this.teamsLoading = !0, this.activeTeamId = l.getActiveTeamId();
     try {
-      this.teams = await o.listTeams(), this.activeTeamId && !this.teams.some((e) => e.$id === this.activeTeamId) && (this.activeTeamId = null, o.setActiveTeam(null));
+      this.teams = await l.listTeams(), this.activeTeamId && !this.teams.some((e) => e.$id === this.activeTeamId) && (this.activeTeamId = null, l.setActiveTeam(null));
     } catch {
       this.teams = [];
     } finally {
@@ -5677,7 +5769,7 @@ let I = class extends E {
         aria-label=${s}
       >
         <span class="avatar"
-          >${this.src ? r`<img src=${this.src} alt="" />` : ot(s)}</span
+          >${this.src ? r`<img src=${this.src} alt="" />` : lt(s)}</span
         >
       </button>
       ${this.menuOpen ? r`<div class="menu ${this.menuAbove ? "above" : ""}" role="menu">
@@ -5696,9 +5788,9 @@ let I = class extends E {
                                     aria-checked=${a.$id === this.activeTeamId ? "true" : "false"}
                                     @click=${() => this.selectTeam(a)}
                                   >
-                                    ${l.users}
+                                    ${o.users}
                                     <span title=${a.name}>${a.name}</span>
-                                    ${a.$id === this.activeTeamId ? r`<span class="check">${l.check}</span>` : n}
+                                    ${a.$id === this.activeTeamId ? r`<span class="check">${o.check}</span>` : n}
                                   </button>`
     )}
                     </div>` : n}
@@ -5711,16 +5803,16 @@ let I = class extends E {
       this.menuOpen = !1, X("account");
     }}
               >
-                ${l.settings} ${this.t("manageAccount")}
+                ${o.settings} ${this.t("manageAccount")}
               </button>
               <button
                 class="menu-item"
                 role="menuitem"
                 @click=${() => {
-      this.menuOpen = !1, o.signOut();
+      this.menuOpen = !1, l.signOut();
     }}
               >
-                ${l.logOut} ${this.t("signOut")}
+                ${o.logOut} ${this.t("signOut")}
               </button>
             </div>` : n}
     `;
@@ -5762,9 +5854,9 @@ let I = class extends E {
     }) : n;
   }
 };
-I.styles = [
+U.styles = [
   ...E.styles,
-  L`
+  T`
       :host {
         display: inline-block;
         position: relative;
@@ -5886,61 +5978,61 @@ I.styles = [
 ];
 F([
   m({ type: Boolean, attribute: "show-teams" })
-], I.prototype, "showTeams", 2);
+], U.prototype, "showTeams", 2);
 F([
   m({ attribute: !1 })
-], I.prototype, "menuItems", 2);
+], U.prototype, "menuItems", 2);
 F([
   m({ type: String })
-], I.prototype, "src", 2);
+], U.prototype, "src", 2);
 F([
-  d()
-], I.prototype, "menuOpen", 2);
+  c()
+], U.prototype, "menuOpen", 2);
 F([
-  d()
-], I.prototype, "menuAbove", 2);
+  c()
+], U.prototype, "menuAbove", 2);
 F([
-  d()
-], I.prototype, "teams", 2);
+  c()
+], U.prototype, "teams", 2);
 F([
-  d()
-], I.prototype, "teamsLoading", 2);
+  c()
+], U.prototype, "teamsLoading", 2);
 F([
-  d()
-], I.prototype, "activeTeamId", 2);
-I = F([
-  T("authui-user-button")
-], I);
+  c()
+], U.prototype, "activeTeamId", 2);
+U = F([
+  L("authui-user-button")
+], U);
 export {
-  Lt as A,
+  Tt as A,
   ce as C,
-  g as E,
-  bt as F,
-  Ut as P,
-  o as a,
+  v as E,
+  yt as F,
+  It as P,
+  l as a,
   p as b,
   de as c,
-  q as d,
+  V as d,
   w as e,
   E as f,
-  U as g,
+  I as g,
   H as h,
-  x as i,
-  I as j,
+  $ as i,
+  U as j,
   le as k,
-  pt as l,
+  ft as l,
   St as m,
   Y as n,
   X as o,
-  D as p,
-  ht as q,
+  z as p,
+  pt as q,
   Mt as r,
   N as s,
-  V as t,
-  wt as u,
-  st as v,
+  _ as t,
+  $t as u,
+  rt as v,
   Ot as w,
   Ft as x,
-  _ as y,
+  q as y,
   Wt as z
 };