@getauthui/core 0.1.1 → 0.1.2

package/dist/{authui-user-button-BRfrh3si.js → authui-user-button-C64OcOdr.js}

@@ -1,7 +1,7 @@
-import { state as d, property as f, customElement as I, query as rt } from "lit/decorators.js";
-import { css as E, LitElement as K, nothing as o, html as s, svg as l } from "lit";
-import { Client as nt, Account as ot, ID as L, Avatars as ct } from "appwrite";
-const lt = {
+import { state as d, property as f, customElement as _, query as rt } from "lit/decorators.js";
+import { css as I, LitElement as X, nothing as o, html as s, svg as l } from "lit";
+import { Client as ot, Account as ct, ID as V, Avatars as lt } from "appwrite";
+const dt = {
   signIn: "Sign in",
   signUp: "Sign up",
   signOut: "Sign out",
@@ -123,13 +123,13 @@ const lt = {
   guestAccountDescription: "Add an email and password to keep your data.",
   preview: "Preview"
 };
-function dt(e, t = {}) {
+function ht(e, t = {}) {
   return e.replace(
     /\{(\w+)\}/g,
     (i, r) => r in t ? String(t[r]) : `{${r}}`
   );
 }
-const ht = {
+const ut = {
   amazon: "Amazon",
   apple: "Apple",
   appwrite: "Appwrite",
@@ -180,10 +180,10 @@ const ht = {
   zoho: "Zoho",
   zoom: "Zoom"
 };
-function O(e) {
-  return ht[e] ?? e.charAt(0).toUpperCase() + e.slice(1);
+function D(e) {
+  return ut[e] ?? e.charAt(0).toUpperCase() + e.slice(1);
 }
-const V = (e, t, i = 401) => Object.assign(new Error(t), { type: e, code: i }), S = () => (/* @__PURE__ */ new Date()).toISOString(), M = (e) => new Date(Date.now() - e * 6e4).toISOString(), q = [
+const q = (e, t, i = 401) => Object.assign(new Error(t), { type: e, code: i }), P = () => (/* @__PURE__ */ new Date()).toISOString(), M = (e) => new Date(Date.now() - e * 6e4).toISOString(), T = [
   "amber",
   "brave",
   "calm",
@@ -196,13 +196,13 @@ const V = (e, t, i = 401) => Object.assign(new Error(t), { type: e, code: i }),
   "juniper",
   "kite",
   "lumen"
-], Z = () => `${q[Math.floor(Math.random() * q.length)]}-${q[Math.floor(Math.random() * q.length)]}`, _ = () => Math.random().toString(36).slice(2, 12), J = () => Array.from({ length: 2 }, () => Math.random().toString(36).slice(2, 7)).join("-"), ut = {
+], Z = () => `${T[Math.floor(Math.random() * T.length)]}-${T[Math.floor(Math.random() * T.length)]}`, F = () => Math.random().toString(36).slice(2, 12), J = () => Array.from({ length: 2 }, () => Math.random().toString(36).slice(2, 7)).join("-"), pt = {
   name: "Ada Lovelace",
   email: "ada@example.com",
   phone: "+15550100"
 };
-class pt {
-  constructor(t = ut) {
+class ft {
+  constructor(t = pt) {
     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 ─────────────────────────
@@ -211,7 +211,7 @@ class pt {
     return this.user = {
       $id: "preview-user",
       $createdAt: M(1440 * 30),
-      $updatedAt: S(),
+      $updatedAt: P(),
       name: i ? "" : t.name ?? this.seed.name,
       registration: M(1440 * 30),
       status: !0,
@@ -224,14 +224,14 @@ class pt {
       mfa: this.mfaEnabled,
       prefs: {},
       targets: [],
-      accessedAt: S()
+      accessedAt: P()
     }, this.seedActivity(i ? "anonymous" : "email"), this.user;
   }
   seedActivity(t) {
     if (this.sessions.length > 0) return;
     const i = {
-      $createdAt: S(),
-      $updatedAt: S(),
+      $createdAt: P(),
+      $updatedAt: P(),
       userId: "preview-user",
       expire: new Date(Date.now() + 365 * 864e5).toISOString(),
       providerUid: "",
@@ -266,7 +266,7 @@ class pt {
       },
       {
         ...i,
-        $id: _(),
+        $id: F(),
         $createdAt: M(300),
         provider: t,
         ip: "198.51.100.7",
@@ -283,7 +283,7 @@ class pt {
       },
       {
         ...i,
-        $id: _(),
+        $id: F(),
         $createdAt: M(1440 * 3),
         provider: "oauth2",
         ip: "192.0.2.90",
@@ -312,7 +312,7 @@ class pt {
     ], this.logs = [
       {
         event: "session.create",
-        time: S(),
+        time: P(),
         clientName: "Chrome",
         osName: "macOS",
         countryName: "Germany",
@@ -338,9 +338,9 @@ class pt {
   }
   requireUser() {
     if (!this.user)
-      throw V("general_unauthorized_scope", "User (role: guests) missing scope (account)");
+      throw q("general_unauthorized_scope", "User (role: guests) missing scope (account)");
     if (this.mfaPending)
-      throw V(
+      throw q(
         "user_more_factors_required",
         "More factors are required to complete the sign in process."
       );
@@ -348,7 +348,7 @@ class pt {
   }
   requireRecentChallenge() {
     if (Date.now() - this.lastChallenge > 30 * 6e4)
-      throw V(
+      throw q(
         "user_challenge_required",
         "A recently successful challenge is required to complete this action."
       );
@@ -384,8 +384,8 @@ class pt {
   }
   async createMagicURLToken(t, i) {
     return this.tokens.set(t, { email: i }), this.delay({
-      $id: _(),
-      $createdAt: S(),
+      $id: F(),
+      $createdAt: P(),
       userId: t,
       secret: "",
       expire: "",
@@ -394,8 +394,8 @@ class pt {
   }
   async createEmailToken(t, i) {
     return this.tokens.set(t, { email: i }), this.delay({
-      $id: _(),
-      $createdAt: S(),
+      $id: F(),
+      $createdAt: P(),
       userId: t,
       secret: "",
       expire: "",
@@ -403,7 +403,7 @@ class pt {
     });
   }
   async createPhoneToken(t, i) {
-    return this.tokens.set(t, { phone: i }), this.delay({ $id: _(), $createdAt: S(), userId: t, secret: "", expire: "", phrase: "" });
+    return this.tokens.set(t, { phone: i }), this.delay({ $id: F(), $createdAt: P(), userId: t, secret: "", expire: "", phrase: "" });
   }
   async createSession(t) {
     return this.delay(() => {
@@ -444,7 +444,7 @@ class pt {
   async updateEmail(t) {
     return this.delay(() => {
       const i = this.requireUser();
-      return i.email = t, i.emailVerification = !1, i.passwordUpdate = S(), i;
+      return i.email = t, i.emailVerification = !1, i.passwordUpdate = P(), i;
     });
   }
   async updatePhone(t) {
@@ -456,7 +456,7 @@ class pt {
   async updatePassword() {
     return this.delay(() => {
       const t = this.requireUser();
-      return t.passwordUpdate = S(), t;
+      return t.passwordUpdate = P(), t;
     });
   }
   async updateStatus() {
@@ -492,7 +492,7 @@ class pt {
     });
   }
   async createMFAChallenge() {
-    return this.delay({ $id: _(), $createdAt: S(), userId: "preview-user", expire: "" });
+    return this.delay({ $id: F(), $createdAt: P(), userId: "preview-user", expire: "" });
   }
   async updateMFAChallenge() {
     return this.delay(() => (this.mfaPending = !1, this.lastChallenge = Date.now(), this.sessions[0]));
@@ -521,7 +521,7 @@ class pt {
   async createMFARecoveryCodes() {
     return this.delay(() => {
       if (this.recoveryCodes.length > 0)
-        throw V("user_recovery_codes_already_exists", "Recovery codes already generated.", 409);
+        throw q("user_recovery_codes_already_exists", "Recovery codes already generated.", 409);
       return this.recoveryCodes = Array.from({ length: 6 }, J), { recoveryCodes: this.recoveryCodes };
     });
   }
@@ -536,16 +536,16 @@ class pt {
     this.user = null, this.mfaPending = !1, this.sessions = [], this.identities = [], this.logs = [], this.tokens.clear();
   }
 }
-function ft(e) {
+function mt(e) {
   let t = 2166136261;
   const i = () => (t ^= t << 13, t ^= t >>> 17, t ^= t << 5, (t >>> 0) / 4294967296);
-  for (const k of e) t = (t ^ k.charCodeAt(0)) * 16777619;
+  for (const x of e) t = (t ^ x.charCodeAt(0)) * 16777619;
   const r = 25;
   let a = "";
-  const h = (k, A) => `<rect x="${k}" y="${A}" width="7" height="7"/><rect x="${k + 1}" y="${A + 1}" width="5" height="5" fill="#fff"/><rect x="${k + 2}" y="${A + 2}" width="3" height="3"/>`;
-  for (let k = 0; k < r; k++)
-    for (let A = 0; A < r; A++)
-      !(A < 8 && k < 8 || A >= r - 8 && k < 8 || A < 8 && k >= r - 8) && i() < 0.45 && (a += `<rect x="${A}" y="${k}" width="1" height="1"/>`);
+  const h = (x, S) => `<rect x="${x}" y="${S}" width="7" height="7"/><rect x="${x + 1}" y="${S + 1}" width="5" height="5" fill="#fff"/><rect x="${x + 2}" y="${S + 2}" width="3" height="3"/>`;
+  for (let x = 0; x < r; x++)
+    for (let S = 0; S < r; S++)
+      !(S < 8 && x < 8 || S >= r - 8 && x < 8 || S < 8 && x >= r - 8) && i() < 0.45 && (a += `<rect x="${S}" y="${x}" width="1" height="1"/>`);
   const u = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${r} ${r}" shape-rendering="crispEdges"><rect width="${r}" height="${r}" fill="#fff"/><g fill="#000">${h(0, 0)}${h(r - 7, 0)}${h(0, r - 7)}${a}</g></svg>`;
   return `data:image/svg+xml;utf8,${encodeURIComponent(u)}`;
 }
@@ -581,7 +581,7 @@ const v = {
   countMaxExceeded: "user_count_exceeded",
   targetAlreadyExists: "user_target_already_exists"
 };
-function T(e) {
+function N(e) {
   if (e && typeof e == "object") {
     const t = e;
     return {
@@ -592,11 +592,11 @@ function T(e) {
   }
   return { message: String(e), type: "", code: 0 };
 }
-function N(e, t) {
-  return T(e).type === t;
+function B(e, t) {
+  return N(e).type === t;
 }
 function at(e, t, i = "link") {
-  const r = T(e);
+  const r = N(e);
   switch (r.type) {
     case v.invalidCredentials:
       return t.errorInvalidCredentials;
@@ -634,7 +634,7 @@ function at(e, t, i = "link") {
   }
   return r.code === 0 && /fetch|network/i.test(r.message) ? t.errorNetwork : r.message || t.errorGeneric;
 }
-function C(e, t, i) {
+function k(e, t, i) {
   for (const r of t) {
     const a = e[r];
     if (typeof a == "function")
@@ -644,21 +644,21 @@ function C(e, t, i) {
     new Error(`Appwrite SDK is missing ${t[0]}(). Update the appwrite package.`)
   );
 }
-const W = "authui", tt = ["userId", "secret", "expire", "project", "error", W], et = () => ({
+const G = "authui", tt = ["userId", "secret", "expire", "project", "error", G], et = () => ({
   status: "loading",
   user: null,
   mfaFactors: null,
   pending: null,
   configured: !1
 });
-class mt {
+class gt {
   constructor() {
     this.client = null, this.account = null, this.config = null, this.state = et(), this.listeners = /* @__PURE__ */ new Map(), this.refreshPromise = null, this.preview = null;
   }
   // ───────────────────────────── configuration ─────────────────────────────
   /** Configure the Appwrite client. Safe to call more than once; the last call wins. */
   configure(t) {
-    this.config = t, this.client = new nt().setEndpoint(t.endpoint).setProject(t.project), this.preview = t.preview ? new pt() : null, this.account = this.preview ? this.preview : new ot(this.client), this.setState({ configured: !0, status: "loading" }), this.preview ? this.refresh() : typeof window < "u" && this.handleRedirect().then(() => this.refresh());
+    this.config = t, this.client = new ot().setEndpoint(t.endpoint).setProject(t.project), this.preview = t.preview ? new ft() : null, this.account = this.preview ? this.preview : new ct(this.client), this.setState({ configured: !0, status: "loading" }), this.preview ? this.refresh() : typeof window < "u" && this.handleRedirect().then(() => this.refresh());
   }
   get isConfigured() {
     return this.config !== null;
@@ -686,7 +686,7 @@ class mt {
     return this.account;
   }
   getStrings() {
-    return { ...lt, ...this.config?.strings ?? {} };
+    return { ...dt, ...this.config?.strings ?? {} };
   }
   getState() {
     return { ...this.state };
@@ -712,7 +712,7 @@ class mt {
     this.state = { ...this.state, ...t }, this.emit("change", this.getState());
   }
   fail(t) {
-    const i = T(t);
+    const i = N(t);
     throw this.emit("error", i), t;
   }
   acct() {
@@ -732,10 +732,10 @@ class mt {
         const i = await this.account.get();
         this.setState({ status: "signed-in", user: i, mfaFactors: null }), t || this.emit("signed-in", i);
       } catch (i) {
-        if (N(i, v.moreFactorsRequired)) {
+        if (B(i, v.moreFactorsRequired)) {
           let r = null;
           try {
-            r = await C(
+            r = await k(
               this.account,
               ["listMFAFactors", "listMfaFactors"],
               []
@@ -766,7 +766,7 @@ class mt {
   }
   async signUp(t, i, r) {
     try {
-      await this.acct().create(L.unique(), t.trim(), i, r?.trim() || void 0), await this.acct().createEmailPasswordSession(t.trim(), i);
+      await this.acct().create(V.unique(), t.trim(), i, r?.trim() || void 0), await this.acct().createEmailPasswordSession(t.trim(), i);
     } catch (a) {
       this.fail(a);
     }
@@ -809,7 +809,7 @@ class mt {
   async sendMagicUrl(t) {
     try {
       return await this.acct().createMagicURLToken(
-        L.unique(),
+        V.unique(),
         t.trim(),
         this.redirectUrl("magic-url"),
         this.config?.securityPhrase ?? !0
@@ -821,7 +821,7 @@ class mt {
   async sendEmailOtp(t) {
     try {
       return await this.acct().createEmailToken(
-        L.unique(),
+        V.unique(),
         t.trim(),
         this.config?.securityPhrase ?? !0
       );
@@ -831,7 +831,7 @@ class mt {
   }
   async sendPhoneOtp(t) {
     try {
-      return await this.acct().createPhoneToken(L.unique(), t.replace(/[\s()-]/g, ""));
+      return await this.acct().createPhoneToken(V.unique(), t.replace(/[\s()-]/g, ""));
     } catch (i) {
       return this.fail(i);
     }
@@ -848,7 +848,7 @@ class mt {
   // ─────────────────────────────── MFA ───────────────────────────────
   async createMfaChallenge(t) {
     try {
-      return await C(
+      return await k(
         this.acct(),
         ["createMFAChallenge", "createMfaChallenge"],
         [t]
@@ -860,7 +860,7 @@ class mt {
   /** Verify a challenge. Completes a pending sign in, or acts as a step-up for protected actions. */
   async completeMfaChallenge(t, i, r = {}) {
     try {
-      await C(
+      await k(
         this.acct(),
         ["updateMFAChallenge", "updateMfaChallenge"],
         [t, i.trim()]
@@ -872,7 +872,7 @@ class mt {
   }
   async listMfaFactors() {
     try {
-      return await C(this.acct(), ["listMFAFactors", "listMfaFactors"], []);
+      return await k(this.acct(), ["listMFAFactors", "listMfaFactors"], []);
     } catch (t) {
       return this.fail(t);
     }
@@ -887,7 +887,7 @@ class mt {
   }
   async addAuthenticator() {
     try {
-      return await C(
+      return await k(
         this.acct(),
         ["createMFAAuthenticator", "createMfaAuthenticator"],
         ["totp"]
@@ -898,7 +898,7 @@ class mt {
   }
   async verifyAuthenticator(t) {
     try {
-      await C(
+      await k(
         this.acct(),
         ["updateMFAAuthenticator", "updateMfaAuthenticator"],
         ["totp", t.trim()]
@@ -911,7 +911,7 @@ class mt {
   /** Requires a recent MFA challenge (server rejects with user_challenge_required otherwise). */
   async removeAuthenticator() {
     try {
-      await C(this.acct(), ["deleteMFAAuthenticator", "deleteMfaAuthenticator"], ["totp"]);
+      await k(this.acct(), ["deleteMFAAuthenticator", "deleteMfaAuthenticator"], ["totp"]);
     } catch (t) {
       this.fail(t);
     }
@@ -919,7 +919,7 @@ class mt {
   }
   async createRecoveryCodes() {
     try {
-      return (await C(
+      return (await k(
         this.acct(),
         ["createMFARecoveryCodes", "createMfaRecoveryCodes"],
         []
@@ -931,7 +931,7 @@ class mt {
   /** Requires a recent MFA challenge. */
   async regenerateRecoveryCodes() {
     try {
-      return (await C(
+      return (await k(
         this.acct(),
         ["updateMFARecoveryCodes", "updateMfaRecoveryCodes"],
         []
@@ -943,7 +943,7 @@ class mt {
   /** Requires a recent MFA challenge. */
   async getRecoveryCodes() {
     try {
-      return (await C(
+      return (await k(
         this.acct(),
         ["getMFARecoveryCodes", "getMfaRecoveryCodes"],
         []
@@ -1057,7 +1057,7 @@ class mt {
   }
   async sendEmailVerification() {
     try {
-      await C(
+      await k(
         this.acct(),
         ["createEmailVerification", "createVerification"],
         [this.redirectUrl("verify-email")]
@@ -1098,7 +1098,7 @@ class mt {
   redirectUrl(t) {
     const i = this.config?.redirectUrl ?? (typeof window < "u" ? window.location.origin + window.location.pathname : ""), r = new URL(i, typeof window < "u" ? window.location.href : void 0);
     for (const a of tt) r.searchParams.delete(a);
-    return r.searchParams.set(W, t), r.toString();
+    return r.searchParams.set(G, t), r.toString();
   }
   setPending(t) {
     this.setState({ pending: t });
@@ -1109,7 +1109,7 @@ class mt {
    */
   async handleRedirect() {
     if (typeof window > "u") return !1;
-    const t = new URLSearchParams(window.location.search), i = t.get(W);
+    const t = new URLSearchParams(window.location.search), i = t.get(G);
     if (!i) return !1;
     const r = t.get("userId") ?? "", a = t.get("secret") ?? "";
     this.cleanUrl();
@@ -1126,7 +1126,7 @@ class mt {
           r && a && this.setState({ pending: { type: "reset-password", userId: r, secret: a } });
           break;
         case "verify-email":
-          r && a && (await C(
+          r && a && (await k(
             this.acct(),
             ["updateEmailVerification", "updateVerification"],
             [r, a]
@@ -1140,7 +1140,7 @@ class mt {
           break;
       }
     } catch (h) {
-      const u = T(h);
+      const u = N(h);
       this.emit("error", u), this.setState({ pending: { type: "notice", message: u.message, tone: "error" } });
     }
     return !0;
@@ -1155,8 +1155,8 @@ class mt {
     this.client = null, this.account = null, this.preview = null, this.config = null, this.state = et(), this.listeners.clear();
   }
 }
-const n = new mt();
-class gt {
+const n = new gt();
+class vt {
   constructor() {
     this.listeners = /* @__PURE__ */ new Set(), this.observer = null, this.media = null, this.notify = () => {
       const t = this.isDark("auto");
@@ -1184,14 +1184,14 @@ class gt {
     this.observer?.disconnect(), this.observer = null, this.media?.removeEventListener?.("change", this.notify), this.media = null;
   }
 }
-const it = new gt(), st = {
+const it = new vt(), st = {
   none: "0px",
   sm: "0.25rem",
   md: "0.625rem",
   lg: "0.875rem",
   xl: "1.125rem",
   full: "1.5rem"
-}, vt = E`
+}, bt = I`
   :host {
     /* Light theme (matches :root in the console) */
     --authui-background: oklch(1 0 0);
@@ -1269,7 +1269,7 @@ const it = new gt(), st = {
     --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;
   }
-`, bt = E`
+`, yt = I`
   *,
   *::before,
   *::after {
@@ -2012,29 +2012,33 @@ const it = new gt(), st = {
     }
   }
 `;
-var yt = Object.defineProperty, wt = (e, t, i, r) => {
+var wt = Object.defineProperty, $t = (e, t, i, r) => {
   for (var a = void 0, h = e.length - 1, u; h >= 0; h--)
     (u = e[h]) && (a = u(t, i, a) || a);
-  return a && yt(t, i, a), a;
-};
-const Q = class Q extends K {
+  return a && wt(t, i, a), a;
+}, U;
+const nt = (U = class extends X {
   constructor() {
-    super(...arguments), this.auth = n.getState(), this.unsubscribeStore = null, this.unsubscribeTheme = null;
+    super(...arguments), this.auth = n.getState(), this.unsubscribeStore = null, this.unsubscribeTheme = null, this.stopKeys = (t) => t.stopPropagation();
   }
   connectedCallback() {
-    super.connectedCallback(), this.auth = n.getState(), this.unsubscribeStore = n.on("change", (t) => {
+    super.connectedCallback();
+    for (const t of U.KEY_EVENTS) this.addEventListener(t, this.stopKeys);
+    this.auth = n.getState(), this.unsubscribeStore = n.on("change", (t) => {
       this.auth = t, this.applyBranding();
     }), this.unsubscribeTheme = it.subscribe(() => this.applyBranding()), this.applyBranding();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.unsubscribeStore?.(), this.unsubscribeTheme?.(), this.unsubscribeStore = null, this.unsubscribeTheme = null;
+    super.disconnectedCallback();
+    for (const t of U.KEY_EVENTS) this.removeEventListener(t, this.stopKeys);
+    this.unsubscribeStore?.(), this.unsubscribeTheme?.(), this.unsubscribeStore = null, this.unsubscribeTheme = null;
   }
   get strings() {
     return n.getStrings();
   }
   /** Translate a string key with optional `{placeholders}`. */
   t(t, i) {
-    return dt(this.strings[t], i);
+    return ht(this.strings[t], i);
   }
   get config() {
     return n.getConfig();
@@ -2054,18 +2058,17 @@ const Q = class Q extends K {
   fire(t, i) {
     this.dispatchEvent(new CustomEvent(t, { detail: i, bubbles: !0, composed: !0 }));
   }
-};
-Q.styles = [vt, bt];
-let x = Q;
-wt([
+}, U.styles = [bt, yt], U.KEY_EVENTS = ["keydown", "keyup", "keypress"], U);
+$t([
   d()
-], x.prototype, "auth");
-var $t = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, y = (e, t, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? xt(t, i) : t, h = e.length - 1, u; h >= 0; h--)
+], nt.prototype, "auth");
+let A = nt;
+var xt = Object.defineProperty, kt = Object.getOwnPropertyDescriptor, y = (e, t, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? kt(t, i) : t, h = e.length - 1, u; h >= 0; h--)
     (u = e[h]) && (a = (r ? u(t, i, a) : u(a)) || a);
-  return r && a && $t(t, i, a), a;
+  return r && a && xt(t, i, a), a;
 };
-let b = class extends K {
+let b = class extends X {
   constructor() {
     super(...arguments), this.endpoint = "", this.project = "", this.redirectUrl = "", this.successUrl = "", this.methods = "email-password", this.signUp = "true", this.requireName = "true", this.mfa = "true", this.securityPhrase = "true", this.name = "", this.logo = "", this.theme = "auto", this.radius = "", this.primary = "", this.primaryForeground = "", this.termsUrl = "", this.privacyUrl = "", this.preview = "";
   }
@@ -2110,7 +2113,7 @@ let b = class extends K {
     };
   }
 };
-b.styles = E`
+b.styles = I`
     :host {
       display: none;
     }
@@ -2170,22 +2173,22 @@ y([
   f({ type: String })
 ], b.prototype, "preview", 2);
 b = y([
-  I("authui-config")
+  _("authui-config")
 ], b);
-var kt = Object.defineProperty, Ct = Object.getOwnPropertyDescriptor, B = (e, t, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? Ct(t, i) : t, h = e.length - 1, u; h >= 0; h--)
+var Ct = Object.defineProperty, Pt = Object.getOwnPropertyDescriptor, H = (e, t, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? Pt(t, i) : t, h = e.length - 1, u; h >= 0; h--)
     (u = e[h]) && (a = (r ? u(t, i, a) : u(a)) || a);
-  return r && a && kt(t, i, a), a;
+  return r && a && Ct(t, i, a), a;
 };
 if (typeof document < "u" && !document.getElementById("authui-fouc")) {
   const e = document.createElement("style");
   e.id = "authui-fouc", e.textContent = "authui-show:not([ready]){display:none}", document.head.appendChild(e);
 }
-const Pt = ["loading", "signed-out", "signed-in", "mfa-required"];
-function j(e) {
-  return e ? e.split(/[\s,]+/).map((t) => t.trim()).filter((t) => Pt.includes(t)) : [];
+const St = ["loading", "signed-out", "signed-in", "mfa-required"];
+function W(e) {
+  return e ? e.split(/[\s,]+/).map((t) => t.trim()).filter((t) => St.includes(t)) : [];
 }
-let D = class extends K {
+let L = class extends X {
   constructor() {
     super(...arguments), this.when = "", this.unless = "", this.status = n.getState().status, this.unsubscribe = null;
   }
@@ -2197,29 +2200,29 @@ let D = class extends K {
   }
   /** Whether the current status satisfies `when` and `unless`. */
   get visible() {
-    const e = j(this.when), t = j(this.unless);
+    const e = W(this.when), t = W(this.unless);
     return !(this.status === "loading" && !e.includes("loading") || e.length > 0 && !e.includes(this.status) || t.includes(this.status));
   }
   updated() {
-    (this.status !== "loading" || j(this.when).includes("loading")) && (this.setAttribute("ready", ""), this.style.display = "contents");
+    (this.status !== "loading" || W(this.when).includes("loading")) && (this.setAttribute("ready", ""), this.style.display = "contents");
   }
   render() {
     return this.visible ? s`<slot></slot>` : o;
   }
 };
-B([
+H([
   f({ type: String })
-], D.prototype, "when", 2);
-B([
+], L.prototype, "when", 2);
+H([
   f({ type: String })
-], D.prototype, "unless", 2);
-B([
+], L.prototype, "unless", 2);
+H([
   d()
-], D.prototype, "status", 2);
-D = B([
-  I("authui-show")
-], D);
-const St = E`
+], L.prototype, "status", 2);
+L = H([
+  _("authui-show")
+], L);
+const At = I`
   :host {
     display: block;
     width: 100%;
@@ -2357,7 +2360,7 @@ const St = E`
   qr: m(
     l`<rect width="5" height="5" x="3" y="3" rx="1"/><rect width="5" height="5" x="16" y="3" rx="1"/><rect width="5" height="5" x="3" y="16" rx="1"/><path d="M21 16h-3a2 2 0 0 0-2 2v3"/><path d="M21 21v.01"/><path d="M12 7v3a2 2 0 0 1-2 2H7"/><path d="M3 12h.01"/><path d="M12 3h.01"/><path d="M12 16v.01"/><path d="M16 12h1"/><path d="M21 12v.01"/><path d="M12 21v-1"/>`
   )
-}, w = (e, t = "0 0 24 24") => s`<svg xmlns="http://www.w3.org/2000/svg" viewBox=${t} aria-hidden="true">${e}</svg>`, At = {
+}, w = (e, t = "0 0 24 24") => s`<svg xmlns="http://www.w3.org/2000/svg" viewBox=${t} aria-hidden="true">${e}</svg>`, Mt = {
   google: w(
     l`<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"/>`
   ),
@@ -2413,15 +2416,15 @@ const St = E`
     l`<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 G(e) {
-  return At[e] ?? c.globe;
+function K(e) {
+  return Mt[e] ?? c.globe;
 }
-var Mt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, P = (e, t, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? Ut(t, i) : t, h = e.length - 1, u; h >= 0; h--)
+var Ut = Object.defineProperty, Et = Object.getOwnPropertyDescriptor, C = (e, t, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? Et(t, i) : t, h = e.length - 1, u; h >= 0; h--)
     (u = e[h]) && (a = (r ? u(t, i, a) : u(a)) || a);
-  return r && a && Mt(t, i, a), a;
+  return r && a && Ut(t, i, a), a;
 };
-let $ = class extends x {
+let $ = class extends A {
   constructor() {
     super(...arguments), this.view = "sign-in", this.embedded = !1, this.step = "sign-in", this.busy = !1, this.error = "", this.notice = null, this.showPassword = !1, this.token = null, this.challenge = null, this.recovery = null, this.email = "", this.password = "", this.passwordConfirm = "", this.name = "", this.phone = "", this.code = "", this.onSignIn = (e) => {
       e.preventDefault(), this.run(async () => {
@@ -2503,7 +2506,7 @@ let $ = class extends x {
         try {
           await n.signOut();
         } catch (e) {
-          if (!N(e, v.sessionNotFound)) throw e;
+          if (!B(e, v.sessionNotFound)) throw e;
         }
         this.go("sign-in");
       });
@@ -2775,11 +2778,11 @@ let $ = class extends x {
               class="btn btn-outline"
               @click=${() => this.onOAuth(i)}
               ?disabled=${this.busy}
-              aria-label=${this.t("continueWith", { provider: O(i) })}
+              aria-label=${this.t("continueWith", { provider: D(i) })}
             >
-              ${G(i)}
+              ${K(i)}
               <span
-                >${t ? O(i) : this.t("continueWith", { provider: O(i) })}</span
+                >${t ? D(i) : this.t("continueWith", { provider: D(i) })}</span
               >
             </button>`
     )}
@@ -3052,49 +3055,49 @@ let $ = class extends x {
     `;
   }
 };
-$.styles = [...x.styles, St];
-P([
+$.styles = [...A.styles, At];
+C([
   f({ type: String })
 ], $.prototype, "view", 2);
-P([
+C([
   f({ type: Boolean })
 ], $.prototype, "embedded", 2);
-P([
+C([
   d()
 ], $.prototype, "step", 2);
-P([
+C([
   d()
 ], $.prototype, "busy", 2);
-P([
+C([
   d()
 ], $.prototype, "error", 2);
-P([
+C([
   d()
 ], $.prototype, "notice", 2);
-P([
+C([
   d()
 ], $.prototype, "showPassword", 2);
-P([
+C([
   d()
 ], $.prototype, "token", 2);
-P([
+C([
   d()
 ], $.prototype, "challenge", 2);
-P([
+C([
   d()
 ], $.prototype, "recovery", 2);
-P([
+C([
   rt("form input:not([type=hidden])")
 ], $.prototype, "firstInput", 2);
-$ = P([
-  I("authui-sign-in")
+$ = C([
+  _("authui-sign-in")
 ], $);
-var Et = Object.defineProperty, It = Object.getOwnPropertyDescriptor, g = (e, t, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? It(t, i) : t, h = e.length - 1, u; h >= 0; h--)
+var It = Object.defineProperty, _t = Object.getOwnPropertyDescriptor, g = (e, t, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? _t(t, i) : t, h = e.length - 1, u; h >= 0; h--)
     (u = e[h]) && (a = (r ? u(t, i, a) : u(a)) || a);
-  return r && a && Et(t, i, a), a;
+  return r && a && It(t, i, a), a;
 };
-let p = class extends x {
+let p = class extends A {
   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 = !0, this.confirmDelete = !1, this.factorsLoading = !1, this.onUpdateName = (e) => {
       e.preventDefault(), this.run("name", () => n.updateName(this.nameInput), this.t("done"));
@@ -3174,7 +3177,7 @@ let p = class extends x {
         try {
           this.recoveryCodes = await n.createRecoveryCodes();
         } catch (e) {
-          if (!N(e, v.recoveryCodesExist)) throw e;
+          if (!B(e, v.recoveryCodesExist)) throw e;
           this.recoveryCodes = await n.getRecoveryCodes();
         }
         await this.loadFactors();
@@ -3246,7 +3249,7 @@ let p = class extends x {
       try {
         await t(), i && (this.notice = { tone: "success", message: i });
       } catch (r) {
-        N(r, v.challengeRequired) ? this.stepUp = { retry: () => this.run(e, t, i) } : this.errors = {
+        B(r, v.challengeRequired) ? this.stepUp = { retry: () => this.run(e, t, i) } : this.errors = {
           ...this.errors,
           [e]: at(r, this.strings, e.includes("code") ? "code" : "link")
         };
@@ -3705,7 +3708,7 @@ let p = class extends x {
     </div>`;
   }
   renderMfaCard() {
-    const e = this.user, t = this.factors?.totp ?? !1, i = this.authenticator ? n.isPreview ? ft(this.authenticator.uri) : new ct(n.getClient()).getQR(this.authenticator.uri, 400, 1).toString() : "";
+    const e = this.user, t = this.factors?.totp ?? !1, i = this.authenticator ? n.isPreview ? mt(this.authenticator.uri) : new lt(n.getClient()).getQR(this.authenticator.uri, 400, 1).toString() : "";
     return this.card(
       this.t("twoFactor"),
       this.t("twoFactorDescription"),
@@ -3956,9 +3959,9 @@ let p = class extends x {
         ${e === null ? s`<div class="empty"><span class="spinner"></span></div>` : e.length === 0 ? s`<div class="empty">${this.t("noConnections")}</div>` : e.map(
         (i) => s`<div class="row">
                       <div class="inline">
-                        <span class="device">${G(i.provider)}</span>
+                        <span class="device">${K(i.provider)}</span>
                         <div class="row-main">
-                          <span class="row-title">${O(i.provider)}</span>
+                          <span class="row-title">${D(i.provider)}</span>
                           <span class="row-sub">${i.providerEmail || i.providerUid}</span>
                         </div>
                       </div>
@@ -3979,7 +3982,7 @@ let p = class extends x {
                     class="btn btn-outline btn-sm"
                     @click=${() => n.signInWithOAuth(i)}
                   >
-                    ${G(i)} ${O(i)}
+                    ${K(i)} ${D(i)}
                   </button>`
       )}` : void 0
     )}
@@ -4008,8 +4011,8 @@ let p = class extends x {
   }
 };
 p.styles = [
-  ...x.styles,
-  E`
+  ...A.styles,
+  I`
       :host {
         display: block;
         width: 100%;
@@ -4174,14 +4177,14 @@ g([
   d()
 ], p.prototype, "confirmDelete", 2);
 p = g([
-  I("authui-account")
+  _("authui-account")
 ], p);
-var _t = Object.defineProperty, Ft = Object.getOwnPropertyDescriptor, z = (e, t, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? Ft(t, i) : t, h = e.length - 1, u; h >= 0; h--)
+var Ft = Object.defineProperty, zt = Object.getOwnPropertyDescriptor, O = (e, t, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? zt(t, i) : t, h = e.length - 1, u; h >= 0; h--)
     (u = e[h]) && (a = (r ? u(t, i, a) : u(a)) || a);
-  return r && a && _t(t, i, a), a;
+  return r && a && Ft(t, i, a), a;
 };
-let U = class extends x {
+let E = class extends A {
   constructor() {
     super(...arguments), this.open = !1, this.view = "sign-in", this.closeOnSuccess = !0, this.handledPending = null, this.onOpenEvent = (e) => {
       const t = e.detail ?? {};
@@ -4244,9 +4247,9 @@ let U = class extends x {
     `;
   }
 };
-U.styles = [
-  ...x.styles,
-  E`
+E.styles = [
+  ...A.styles,
+  I`
       :host {
         display: contents;
       }
@@ -4306,38 +4309,38 @@ U.styles = [
       }
     `
 ];
-z([
+O([
   f({ type: Boolean, reflect: !0 })
-], U.prototype, "open", 2);
-z([
+], E.prototype, "open", 2);
+O([
   f({ type: String })
-], U.prototype, "view", 2);
-z([
+], E.prototype, "view", 2);
+O([
   f({ type: Boolean, attribute: "close-on-success" })
-], U.prototype, "closeOnSuccess", 2);
-z([
+], E.prototype, "closeOnSuccess", 2);
+O([
   d()
-], U.prototype, "handledPending", 2);
-z([
+], E.prototype, "handledPending", 2);
+O([
   rt("dialog")
-], U.prototype, "dialog", 2);
-U = z([
-  I("authui-modal")
-], U);
+], E.prototype, "dialog", 2);
+E = O([
+  _("authui-modal")
+], E);
 function Y(e) {
   typeof document > "u" || (document.querySelector("authui-modal") || document.body.appendChild(document.createElement("authui-modal")), queueMicrotask(() => {
     window.dispatchEvent(new CustomEvent("authui:open", { detail: { view: e } }));
   }));
 }
-function Nt() {
+function Bt() {
   typeof window > "u" || window.dispatchEvent(new CustomEvent("authui:close"));
 }
-var zt = Object.defineProperty, Ot = Object.getOwnPropertyDescriptor, H = (e, t, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? Ot(t, i) : t, h = e.length - 1, u; h >= 0; h--)
+var Ot = Object.defineProperty, Dt = Object.getOwnPropertyDescriptor, j = (e, t, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? Dt(t, i) : t, h = e.length - 1, u; h >= 0; h--)
     (u = e[h]) && (a = (r ? u(t, i, a) : u(a)) || a);
-  return r && a && zt(t, i, a), a;
+  return r && a && Ot(t, i, a), a;
 };
-let F = class extends x {
+let z = class extends A {
   constructor() {
     super(...arguments), this.view = "sign-in", this.variant = "primary", this.size = "md";
   }
@@ -4354,9 +4357,9 @@ let F = class extends x {
     </button>`;
   }
 };
-F.styles = [
-  ...x.styles,
-  E`
+z.styles = [
+  ...A.styles,
+  I`
       :host {
         display: inline-block;
       }
@@ -4365,24 +4368,24 @@ F.styles = [
       }
     `
 ];
-H([
+j([
   f({ type: String })
-], F.prototype, "view", 2);
-H([
+], z.prototype, "view", 2);
+j([
   f({ type: String })
-], F.prototype, "variant", 2);
-H([
+], z.prototype, "variant", 2);
+j([
   f({ type: String })
-], F.prototype, "size", 2);
-F = H([
-  I("authui-button")
-], F);
-var Dt = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, X = (e, t, i, r) => {
+], z.prototype, "size", 2);
+z = j([
+  _("authui-button")
+], z);
+var Lt = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, Q = (e, t, i, r) => {
   for (var a = r > 1 ? void 0 : r ? Rt(t, i) : t, h = e.length - 1, u; h >= 0; h--)
     (u = e[h]) && (a = (r ? u(t, i, a) : u(a)) || a);
-  return r && a && Dt(t, i, a), a;
+  return r && a && Lt(t, i, a), a;
 };
-let R = class extends x {
+let R = class extends A {
   constructor() {
     super(...arguments), this.src = "", this.menuOpen = !1, this.onDocumentClick = (e) => {
       e.composedPath().includes(this) || (this.menuOpen = !1);
@@ -4391,10 +4394,10 @@ let R = class extends x {
     };
   }
   connectedCallback() {
-    super.connectedCallback(), document.addEventListener("click", this.onDocumentClick, !0), document.addEventListener("keydown", this.onKeydown);
+    super.connectedCallback(), document.addEventListener("click", this.onDocumentClick, !0), document.addEventListener("keydown", this.onKeydown), this.addEventListener("keydown", this.onKeydown);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("click", this.onDocumentClick, !0), document.removeEventListener("keydown", this.onKeydown);
+    super.disconnectedCallback(), document.removeEventListener("click", this.onDocumentClick, !0), document.removeEventListener("keydown", this.onKeydown), this.removeEventListener("keydown", this.onKeydown);
   }
   render() {
     const { status: e, user: t } = this.auth;
@@ -4445,8 +4448,8 @@ let R = class extends x {
   }
 };
 R.styles = [
-  ...x.styles,
-  E`
+  ...A.styles,
+  I`
       :host {
         display: inline-block;
         position: relative;
@@ -4524,32 +4527,32 @@ R.styles = [
       }
     `
 ];
-X([
+Q([
   f({ type: String })
 ], R.prototype, "src", 2);
-X([
+Q([
   d()
 ], R.prototype, "menuOpen", 2);
-R = X([
-  I("authui-user-button")
+R = Q([
+  _("authui-user-button")
 ], R);
 export {
-  mt as A,
+  gt as A,
   v as E,
-  pt as P,
+  ft as P,
   n as a,
   p as b,
-  Nt as c,
-  F as d,
+  Bt as c,
+  z as d,
   b as e,
-  x as f,
-  U as g,
-  D as h,
+  A as f,
+  E as g,
+  L as h,
   $ as i,
   R as j,
-  lt as k,
+  dt as k,
   at as l,
   Y as o,
-  O as p,
-  T as t
+  D as p,
+  N as t
 };