@singlebase/elements 0.6.0 → 0.7.0

package/dist/{authui-display-CKfGK5va.js → authui-display-BM_F3-5e.js}

@@ -1,18 +1,18 @@
-var is = Object.defineProperty;
-var Ae = (l) => {
-  throw TypeError(l);
+var es = Object.defineProperty;
+var Ue = (r) => {
+  throw TypeError(r);
 };
-var as = (l, t, e) => t in l ? is(l, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[t] = e;
-var b = (l, t, e) => as(l, typeof t != "symbol" ? t + "" : t, e), Me = (l, t, e) => t.has(l) || Ae("Cannot " + e);
-var r = (l, t, e) => (Me(l, t, "read from private field"), e ? e.call(l) : t.get(l)), n = (l, t, e) => t.has(l) ? Ae("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(l) : t.set(l, e), o = (l, t, e, s) => (Me(l, t, "write to private field"), s ? s.call(l, e) : t.set(l, e), e);
-import { LitElement as rs, html as a, nothing as d, css as Ge } from "lit";
-import { property as p, state as m, customElement as ye } from "lit/decorators.js";
+var ss = (r, t, e) => t in r ? es(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var b = (r, t, e) => ss(r, typeof t != "symbol" ? t + "" : t, e), Le = (r, t, e) => t.has(r) || Ue("Cannot " + e);
+var n = (r, t, e) => (Le(r, t, "read from private field"), e ? e.call(r) : t.get(r)), o = (r, t, e) => t.has(r) ? Ue("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, e), l = (r, t, e, s) => (Le(r, t, "write to private field"), s ? s.call(r, e) : t.set(r, e), e);
+import { LitElement as is, html as a, nothing as d, css as qe } from "lit";
+import { property as p, state as m, customElement as we } from "lit/decorators.js";
 import { ifDefined as k } from "lit/directives/if-defined.js";
-import { SinglebaseAuthError as Ce, mapErrorToHint as ns, createFilesUploadApi as os, resolveScreen as ls } from "@singlebase/singlebase-sdk";
-import { s as hs, r as ds } from "./uploader-vfczkX51.js";
-import { t as cs, b as us, j as ps } from "./files-DDJWPzZW.js";
-import { getDefaultClient as gs, AUTHUI_PROP_KEYS as ms, authUIAttributeFor as bs, matchesPredicate as fs, validatePredicate as vs, getPath as Ne } from "@singlebase/core";
-class ws {
+import { SinglebaseAuthError as Ee, mapErrorToHint as as, createFilesUploadApi as rs, resolveScreen as ns } from "@singlebase/singlebase-sdk";
+import { s as os, r as ls } from "./uploader-tdMU9Gxv.js";
+import { t as hs, b as ds, j as cs } from "./files-DS-H-3yN.js";
+import { getDefaultClient as us, AUTHUI_PROP_KEYS as ps, authUIAttributeFor as gs, matchesPredicate as ms, validatePredicate as bs, getPath as Ae } from "@singlebase/core";
+class fs {
   constructor(t) {
     b(this, "host");
     b(this, "client", null);
@@ -31,7 +31,7 @@ class ws {
     (t = this.unsubscribe) == null || t.call(this), this.unsubscribe = null;
   }
 }
-const Ie = {
+const Me = {
   signInTitle: "Sign in",
   signUpTitle: "Create your account",
   forgotTitle: "Reset your password",
@@ -161,68 +161,67 @@ const Ie = {
   changeEmailElsewhereHint: "Your email is changed below, with a verification step.",
   confirmChangeCta: "Confirm change",
   codeLabel: "Verification code",
-  brandingLabel: "Auth by Singlebase",
   linkRequiresSignIn: "Sign in first, then link a provider.",
   oauthCallbackTitle: "Finishing sign-in",
   oauthCallbackSub: "One moment while we complete your sign-in.",
   oauthDenied: "Sign-in was cancelled or denied."
 };
-function $s(l) {
-  return l ? { ...Ie, ...l } : Ie;
+function vs(r) {
+  return r ? { ...Me, ...r } : Me;
 }
-var ys = Object.defineProperty, Es = Object.getOwnPropertyDescriptor, _ = (l, t, e, s) => {
-  for (var i = Es(t, e), h = l.length - 1, c; h >= 0; h--)
-    (c = l[h]) && (i = c(t, e, i) || i);
-  return i && ys(t, e, i), i;
-}, T, U, L, A, M, N;
-class $ extends rs {
+var ws = Object.defineProperty, $s = Object.getOwnPropertyDescriptor, _ = (r, t, e, s) => {
+  for (var i = $s(t, e), h = r.length - 1, c; h >= 0; h--)
+    (c = r[h]) && (i = c(t, e, i) || i);
+  return i && ws(t, e, i), i;
+}, x, U, L, A, M, N;
+class $ extends is {
   constructor() {
     super(...arguments);
-    n(this, T, null);
-    n(this, U, {});
-    n(this, L);
-    n(this, A);
-    n(this, M);
-    n(this, N);
-    b(this, "auth", new ws(this));
+    o(this, x, null);
+    o(this, U, {});
+    o(this, L);
+    o(this, A);
+    o(this, M);
+    o(this, N);
+    b(this, "auth", new fs(this));
     /** Config keys already applied, so a later render does not fight the host. */
     b(this, "appliedConfig", /* @__PURE__ */ new Set());
   }
   get client() {
-    return r(this, T);
+    return n(this, x);
   }
   set client(e) {
-    o(this, T, e);
+    l(this, x, e);
   }
   get messages() {
-    return r(this, U);
+    return n(this, U);
   }
   set messages(e) {
-    o(this, U, e);
+    l(this, U, e);
   }
   get theme() {
-    return r(this, L);
+    return n(this, L);
   }
   set theme(e) {
-    o(this, L, e);
+    l(this, L, e);
   }
   get density() {
-    return r(this, A);
+    return n(this, A);
   }
   set density(e) {
-    o(this, A, e);
+    l(this, A, e);
   }
   get fieldStyle() {
-    return r(this, M);
+    return n(this, M);
   }
   set fieldStyle(e) {
-    o(this, M, e);
+    l(this, M, e);
   }
   get radius() {
-    return r(this, N);
+    return n(this, N);
   }
   set radius(e) {
-    o(this, N, e);
+    l(this, N, e);
   }
   /**
    * Resolution order: an explicit `.client`, then the page's default
@@ -238,7 +237,7 @@ class $ extends rs {
    */
   get resolvedClient() {
     var e;
-    return this.client ? this.client : ((e = gs()) == null ? void 0 : e.auth) ?? null;
+    return this.client ? this.client : ((e = us()) == null ? void 0 : e.auth) ?? null;
   }
   /** Page-wide UI config from SinglebaseClient({ authui }), if there is one. */
   get uiConfig() {
@@ -252,7 +251,7 @@ class $ extends rs {
   get msg() {
     var s;
     const e = (s = this.uiConfig) == null ? void 0 : s.messages;
-    return $s(e ? { ...e, ...this.messages } : this.messages);
+    return vs(e ? { ...e, ...this.messages } : this.messages);
   }
   /**
    * Copies the page-wide config onto this element.
@@ -266,9 +265,9 @@ class $ extends rs {
   applyUIConfig() {
     const e = this.uiConfig;
     if (e) {
-      for (const s of ms) {
+      for (const s of ps) {
         const i = e[s];
-        i !== void 0 && s in this && (this.hasAttribute(bs(s)) || this.appliedConfig.has(s) || (this.appliedConfig.add(s), this[s] = i));
+        i !== void 0 && s in this && (this.hasAttribute(gs(s)) || this.appliedConfig.has(s) || (this.appliedConfig.add(s), this[s] = i));
       }
       for (const [s, i] of Object.entries(e.tokens ?? {}))
         s.startsWith("--") && (this.style.getPropertyValue(s) || this.style.setProperty(s, i));
@@ -295,7 +294,7 @@ class $ extends rs {
     super.willUpdate(e), this.auth.bind(this.resolvedClient), this.applyUIConfig();
   }
 }
-T = new WeakMap(), U = new WeakMap(), L = new WeakMap(), A = new WeakMap(), M = new WeakMap(), N = new WeakMap(), b($, "styles", [cs, hs]);
+x = new WeakMap(), U = new WeakMap(), L = new WeakMap(), A = new WeakMap(), M = new WeakMap(), N = new WeakMap(), b($, "styles", [hs, os]);
 _([
   p({ attribute: !1 })
 ], $.prototype, "client");
@@ -314,7 +313,7 @@ _([
 _([
   p({ reflect: !0 })
 ], $.prototype, "radius");
-class ke {
+class Ce {
   constructor(t) {
     b(this, "host");
     b(this, "client", null);
@@ -340,7 +339,7 @@ class ke {
     });
   }
 }
-const Ss = [
+const ys = [
   "load",
   "success",
   "error",
@@ -355,7 +354,7 @@ const Ss = [
   "expired",
   "navigate",
   "goto"
-], Cs = {
+], Es = {
   load: "auth:ready",
   signin: "auth:signin",
   signup: "auth:signup",
@@ -365,31 +364,31 @@ const Ss = [
   error: "auth:error",
   navigate: "auth:navigate"
 };
-function Fe(l) {
-  return "on" + l.replace(/(^|-)([a-z])/g, (t, e, s) => s.toUpperCase());
+function Ne(r) {
+  return "on" + r.replace(/(^|-)([a-z])/g, (t, e, s) => s.toUpperCase());
 }
-class Ps {
+class Ss {
   constructor(t) {
     b(this, "unsubscribes", []);
     b(this, "client", null);
     this.host = t, t.addController(this);
   }
   bind(t) {
-    t !== this.client && (this.release(), this.client = t, t && (this.unsubscribes = Ss.map(
+    t !== this.client && (this.release(), this.client = t, t && (this.unsubscribes = ys.map(
       (e) => t.on(e, (s) => this.publish(e, s))
     )));
   }
   publish(t, e) {
-    const s = this.host[Fe(t)];
+    const s = this.host[Ne(t)];
     if (typeof s == "function")
       try {
         s.call(this.host, e);
       } catch (c) {
-        console.error(`[singlebase] ${Fe(t)} threw:`, c);
+        console.error(`[singlebase] ${Ne(t)} threw:`, c);
       }
     const i = { detail: e, bubbles: !0, composed: !0 };
     this.host.dispatchEvent(new CustomEvent(`singlebase-${t}`, i));
-    const h = Cs[t];
+    const h = Es[t];
     h && this.host.dispatchEvent(new CustomEvent(h, i));
   }
   release() {
@@ -399,36 +398,36 @@ class Ps {
     this.release(), this.client = null;
   }
 }
-var ks = Object.defineProperty, _s = Object.getOwnPropertyDescriptor, _e = (l, t, e, s) => {
-  for (var i = _s(t, e), h = l.length - 1, c; h >= 0; h--)
-    (c = l[h]) && (i = c(t, e, i) || i);
-  return i && ks(t, e, i), i;
+var Cs = Object.defineProperty, Ps = Object.getOwnPropertyDescriptor, Pe = (r, t, e, s) => {
+  for (var i = Ps(t, e), h = r.length - 1, c; h >= 0; h--)
+    (c = r[h]) && (i = c(t, e, i) || i);
+  return i && Cs(t, e, i), i;
 }, I, F, D;
-class Ee extends $ {
+class $e extends $ {
   constructor() {
     super(...arguments);
-    n(this, I, "idle");
-    n(this, F, "");
-    n(this, D, "");
+    o(this, I, "idle");
+    o(this, F, "");
+    o(this, D, "");
     b(this, "abortController", null);
   }
   get phase() {
-    return r(this, I);
+    return n(this, I);
   }
   set phase(e) {
-    o(this, I, e);
+    l(this, I, e);
   }
   get formError() {
-    return r(this, F);
+    return n(this, F);
   }
   set formError(e) {
-    o(this, F, e);
+    l(this, F, e);
   }
   get noticeMessage() {
-    return r(this, D);
+    return n(this, D);
   }
   set noticeMessage(e) {
-    o(this, D, e);
+    l(this, D, e);
   }
   disconnectedCallback() {
     var e;
@@ -452,8 +451,8 @@ class Ee extends $ {
     return e instanceof DOMException && e.name === "AbortError";
   }
   describeError(e) {
-    if (e instanceof Ce) {
-      const s = ns(e.code);
+    if (e instanceof Ee) {
+      const s = as(e.code);
       return s === "disable_retry_show_rate_limited" ? this.msg.rateLimitedMessage : s === "generic_credentials_message" ? this.msg.genericErrorMessage : this.msg.genericErrorMessage;
     }
     return this.msg.genericErrorMessage;
@@ -478,62 +477,62 @@ class Ee extends $ {
   }
 }
 I = new WeakMap(), F = new WeakMap(), D = new WeakMap();
-_e([
+Pe([
   m()
-], Ee.prototype, "phase");
-_e([
+], $e.prototype, "phase");
+Pe([
   m()
-], Ee.prototype, "formError");
-_e([
+], $e.prototype, "formError");
+Pe([
   m()
-], Ee.prototype, "noticeMessage");
-function Ke(l) {
-  return [l == null ? void 0 : l.first_name, l == null ? void 0 : l.last_name].filter(Boolean).join(" ").trim();
+], $e.prototype, "noticeMessage");
+function Ve(r) {
+  return [r == null ? void 0 : r.first_name, r == null ? void 0 : r.last_name].filter(Boolean).join(" ").trim();
 }
-function Ye(l) {
-  const t = Ke(l);
+function Ge(r) {
+  const t = Ve(r);
   if (t)
     return t.split(/\s+/).map((s) => s[0]).join("").slice(0, 2).toUpperCase();
-  const e = (l == null ? void 0 : l.email) ?? "";
+  const e = (r == null ? void 0 : r.email) ?? "";
   return e ? e[0].toUpperCase() : "·";
 }
-var Os = Object.defineProperty, xs = Object.getOwnPropertyDescriptor, v = (l, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? xs(t, e) : t, h = l.length - 1, c; h >= 0; h--)
-    (c = l[h]) && (i = (s ? c(t, e, i) : c(i)) || i);
-  return s && i && Os(t, e, i), i;
+var ks = Object.defineProperty, _s = Object.getOwnPropertyDescriptor, v = (r, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? _s(t, e) : t, h = r.length - 1, c; h >= 0; h--)
+    (c = r[h]) && (i = (s ? c(t, e, i) : c(i)) || i);
+  return s && i && ks(t, e, i), i;
 };
-const Ts = { profile_photo: !0 }, Us = ".jpg,.jpeg,.png,.webp,image/jpeg,image/png,image/webp";
-var B, R, j, H, q, V, G, K, Y, W, z, J, Q, X, Z, tt, et, st, it, at, rt, nt, ot, lt, ht, dt, Re;
-let f = (Re = class extends Ee {
+const Os = { profile_photo: !0 }, Ts = ".jpg,.jpeg,.png,.webp,image/jpeg,image/png,image/webp";
+var B, R, j, H, q, V, G, K, Y, W, z, J, Q, X, Z, tt, et, st, it, at, rt, nt, ot, lt, ht, dt, De;
+let f = (De = class extends $e {
   constructor() {
     super(...arguments);
-    n(this, B, "");
-    n(this, R, "");
-    n(this, j, null);
-    n(this, H, "singlebase-oauth-nonce");
-    n(this, q, "");
-    n(this, V, "");
-    n(this, G, !1);
-    n(this, K, "");
-    n(this, Y, "");
-    n(this, W, "");
-    n(this, z, "");
-    n(this, J, "");
-    n(this, Q, 0);
-    n(this, X, "");
-    n(this, Z, "");
-    n(this, tt, "");
-    n(this, et, "");
-    n(this, st, "");
-    n(this, it, "request");
-    n(this, at, "");
-    n(this, rt, "");
-    n(this, nt, "");
-    n(this, ot, "");
-    n(this, lt, "");
-    n(this, ht, "");
-    n(this, dt, "");
-    b(this, "settingsCtl", new ke(this));
+    o(this, B, "");
+    o(this, R, "");
+    o(this, j, null);
+    o(this, H, "singlebase-oauth-nonce");
+    o(this, q, "");
+    o(this, V, "");
+    o(this, G, !1);
+    o(this, K, "");
+    o(this, Y, "");
+    o(this, W, "");
+    o(this, z, "");
+    o(this, J, "");
+    o(this, Q, 0);
+    o(this, X, "");
+    o(this, Z, "");
+    o(this, tt, "");
+    o(this, et, "");
+    o(this, st, "");
+    o(this, it, "request");
+    o(this, at, "");
+    o(this, rt, "");
+    o(this, nt, "");
+    o(this, ot, "");
+    o(this, lt, "");
+    o(this, ht, "");
+    o(this, dt, "");
+    b(this, "settingsCtl", new Ce(this));
     b(this, "flashTimer");
     b(this, "uidBase", `sb-acct-${Math.random().toString(36).slice(2, 8)}`);
     // ── profile photo ─────────────────────────────────────────
@@ -563,160 +562,160 @@ let f = (Re = class extends Ee {
     });
   }
   get logoText() {
-    return r(this, B);
+    return n(this, B);
   }
   set logoText(t) {
-    o(this, B, t);
+    l(this, B, t);
   }
   get logoUrl() {
-    return r(this, R);
+    return n(this, R);
   }
   set logoUrl(t) {
-    o(this, R, t);
+    l(this, R, t);
   }
   get settings() {
-    return r(this, j);
+    return n(this, j);
   }
   set settings(t) {
-    o(this, j, t);
+    l(this, j, t);
   }
   get nonceStorageKey() {
-    return r(this, H);
+    return n(this, H);
   }
   set nonceStorageKey(t) {
-    o(this, H, t);
+    l(this, H, t);
   }
   get editMode() {
-    return r(this, q);
+    return n(this, q);
   }
   set editMode(t) {
-    o(this, q, t);
+    l(this, q, t);
   }
   get toast() {
-    return r(this, V);
+    return n(this, V);
   }
   set toast(t) {
-    o(this, V, t);
+    l(this, V, t);
   }
   get photoBusy() {
-    return r(this, G);
+    return n(this, G);
   }
   set photoBusy(t) {
-    o(this, G, t);
+    l(this, G, t);
   }
   get photoFailed() {
-    return r(this, K);
+    return n(this, K);
   }
   set photoFailed(t) {
-    o(this, K, t);
+    l(this, K, t);
   }
   get profileSaved() {
-    return r(this, Y);
+    return n(this, Y);
   }
   set profileSaved(t) {
-    o(this, Y, t);
+    l(this, Y, t);
   }
   get passSaved() {
-    return r(this, W);
+    return n(this, W);
   }
   set passSaved(t) {
-    o(this, W, t);
+    l(this, W, t);
   }
   get profileError() {
-    return r(this, z);
+    return n(this, z);
   }
   set profileError(t) {
-    o(this, z, t);
+    l(this, z, t);
   }
   get newPassError() {
-    return r(this, J);
+    return n(this, J);
   }
   set newPassError(t) {
-    o(this, J, t);
+    l(this, J, t);
   }
   get deleteStage() {
-    return r(this, Q);
+    return n(this, Q);
   }
   set deleteStage(t) {
-    o(this, Q, t);
+    l(this, Q, t);
   }
   get confirmText() {
-    return r(this, X);
+    return n(this, X);
   }
   set confirmText(t) {
-    o(this, X, t);
+    l(this, X, t);
   }
   get dFirst() {
-    return r(this, Z);
+    return n(this, Z);
   }
   set dFirst(t) {
-    o(this, Z, t);
+    l(this, Z, t);
   }
   get dLast() {
-    return r(this, tt);
+    return n(this, tt);
   }
   set dLast(t) {
-    o(this, tt, t);
+    l(this, tt, t);
   }
   get dPhone() {
-    return r(this, et);
+    return n(this, et);
   }
   set dPhone(t) {
-    o(this, et, t);
+    l(this, et, t);
   }
   get dEmail() {
-    return r(this, st);
+    return n(this, st);
   }
   set dEmail(t) {
-    o(this, st, t);
+    l(this, st, t);
   }
   get emailStep() {
-    return r(this, it);
+    return n(this, it);
   }
   set emailStep(t) {
-    o(this, it, t);
+    l(this, it, t);
   }
   get dNewEmail() {
-    return r(this, at);
+    return n(this, at);
   }
   set dNewEmail(t) {
-    o(this, at, t);
+    l(this, at, t);
   }
   get emailCode() {
-    return r(this, rt);
+    return n(this, rt);
   }
   set emailCode(t) {
-    o(this, rt, t);
+    l(this, rt, t);
   }
   get emailError() {
-    return r(this, nt);
+    return n(this, nt);
   }
   set emailError(t) {
-    o(this, nt, t);
+    l(this, nt, t);
   }
   get emailSaved() {
-    return r(this, ot);
+    return n(this, ot);
   }
   set emailSaved(t) {
-    o(this, ot, t);
+    l(this, ot, t);
   }
   get curPass() {
-    return r(this, lt);
+    return n(this, lt);
   }
   set curPass(t) {
-    o(this, lt, t);
+    l(this, lt, t);
   }
   get newPass() {
-    return r(this, ht);
+    return n(this, ht);
   }
   set newPass(t) {
-    o(this, ht, t);
+    l(this, ht, t);
   }
   get confirmPass() {
-    return r(this, dt);
+    return n(this, dt);
   }
   set confirmPass(t) {
-    o(this, dt, t);
+    l(this, dt, t);
   }
   uid(t) {
     return `${this.uidBase}-${t}`;
@@ -746,10 +745,10 @@ let f = (Re = class extends Ee {
     return t.status === "authenticated" ? t.user : null;
   }
   get fullName() {
-    return Ke(this.user);
+    return Ve(this.user);
   }
   get initials() {
-    return Ye(this.user);
+    return Ge(this.user);
   }
   /**
    * The upload API bound to the same dispatcher as this widget's auth client,
@@ -758,7 +757,7 @@ let f = (Re = class extends Ee {
    */
   get uploadClient() {
     const t = this.resolvedClient;
-    return t ? (this.uploadClientFor !== t && (this.uploadClientFor = t, this.uploadClientCache = { files: os(t.dispatcher) }), this.uploadClientCache) : null;
+    return t ? (this.uploadClientFor !== t && (this.uploadClientFor = t, this.uploadClientCache = { files: rs(t.dispatcher) }), this.uploadClientCache) : null;
   }
   startProfileEdit() {
     const t = this.user;
@@ -1025,9 +1024,9 @@ let f = (Re = class extends Ee {
               view="button"
               max-files="1"
               branding="false"
-              accept=${Us}
+              accept=${Ts}
               .client=${this.uploadClient}
-              .options=${Ts}
+              .options=${Os}
               @singlebase-upload-selected=${this.onPhotoSelected}
               @singlebase-upload-complete=${this.onPhotoUploaded}
               @singlebase-upload-error=${this.onPhotoProblem}
@@ -1342,7 +1341,7 @@ let f = (Re = class extends Ee {
       </div>
     ` : a`<p class="disabled-note">Not signed in.</p>`;
   }
-}, B = new WeakMap(), R = new WeakMap(), j = new WeakMap(), H = new WeakMap(), q = new WeakMap(), V = new WeakMap(), G = new WeakMap(), K = new WeakMap(), Y = new WeakMap(), W = new WeakMap(), z = new WeakMap(), J = new WeakMap(), Q = new WeakMap(), X = new WeakMap(), Z = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), st = new WeakMap(), it = new WeakMap(), at = new WeakMap(), rt = new WeakMap(), nt = new WeakMap(), ot = new WeakMap(), lt = new WeakMap(), ht = new WeakMap(), dt = new WeakMap(), Re);
+}, B = new WeakMap(), R = new WeakMap(), j = new WeakMap(), H = new WeakMap(), q = new WeakMap(), V = new WeakMap(), G = new WeakMap(), K = new WeakMap(), Y = new WeakMap(), W = new WeakMap(), z = new WeakMap(), J = new WeakMap(), Q = new WeakMap(), X = new WeakMap(), Z = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), st = new WeakMap(), it = new WeakMap(), at = new WeakMap(), rt = new WeakMap(), nt = new WeakMap(), ot = new WeakMap(), lt = new WeakMap(), ht = new WeakMap(), dt = new WeakMap(), De);
 v([
   p({ attribute: "logo-text" })
 ], f.prototype, "logoText", 1);
@@ -1422,66 +1421,66 @@ v([
   m()
 ], f.prototype, "confirmPass", 1);
 f = v([
-  ye("singlebase-authui-account")
+  we("singlebase-authui-account")
 ], f);
-var Ls = Object.defineProperty, As = Object.getOwnPropertyDescriptor, C = (l, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? As(t, e) : t, h = l.length - 1, c; h >= 0; h--)
-    (c = l[h]) && (i = (s ? c(t, e, i) : c(i)) || i);
-  return s && i && Ls(t, e, i), i;
-}, ct, ut, pt, gt, mt, bt, ft, je;
-let E = (je = class extends Ee {
+var xs = Object.defineProperty, Us = Object.getOwnPropertyDescriptor, C = (r, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? Us(t, e) : t, h = r.length - 1, c; h >= 0; h--)
+    (c = r[h]) && (i = (s ? c(t, e, i) : c(i)) || i);
+  return s && i && xs(t, e, i), i;
+}, ct, ut, pt, gt, mt, bt, ft, Be;
+let E = (Be = class extends $e {
   constructor() {
     super(...arguments);
-    n(this, ct, "signout");
-    n(this, ut, "signin");
-    n(this, pt, "");
-    n(this, gt, "");
-    n(this, mt, !1);
-    n(this, bt, null);
-    n(this, ft, "singlebase-oauth-nonce");
-    b(this, "settingsCtl", new ke(this));
+    o(this, ct, "signout");
+    o(this, ut, "signin");
+    o(this, pt, "");
+    o(this, gt, "");
+    o(this, mt, !1);
+    o(this, bt, null);
+    o(this, ft, "singlebase-oauth-nonce");
+    b(this, "settingsCtl", new Ce(this));
   }
   get type() {
-    return r(this, ct);
+    return n(this, ct);
   }
   set type(t) {
-    o(this, ct, t);
+    l(this, ct, t);
   }
   get intent() {
-    return r(this, ut);
+    return n(this, ut);
   }
   set intent(t) {
-    o(this, ut, t);
+    l(this, ut, t);
   }
   get provider() {
-    return r(this, pt);
+    return n(this, pt);
   }
   set provider(t) {
-    o(this, pt, t);
+    l(this, pt, t);
   }
   get providerName() {
-    return r(this, gt);
+    return n(this, gt);
   }
   set providerName(t) {
-    o(this, gt, t);
+    l(this, gt, t);
   }
   get embedded() {
-    return r(this, mt);
+    return n(this, mt);
   }
   set embedded(t) {
-    o(this, mt, t);
+    l(this, mt, t);
   }
   get settings() {
-    return r(this, bt);
+    return n(this, bt);
   }
   set settings(t) {
-    o(this, bt, t);
+    l(this, bt, t);
   }
   get nonceStorageKey() {
-    return r(this, ft);
+    return n(this, ft);
   }
   set nonceStorageKey(t) {
-    o(this, ft, t);
+    l(this, ft, t);
   }
   willUpdate(t) {
     super.willUpdate(t), this.type === "oauth" && this.settingsCtl.load(this.resolvedClient, this.settings);
@@ -1520,9 +1519,9 @@ let E = (je = class extends Ee {
       h = w.session.id_token, c = w.session.refresh_token;
     }
     await this.run(async () => {
-      var Se;
+      var ye;
       const w = await i.createOAuthNonce(this.signal);
-      (Se = globalThis.sessionStorage) == null || Se.setItem(this.nonceStorageKey, w);
+      (ye = globalThis.sessionStorage) == null || ye.setItem(this.nonceStorageKey, w);
       const { oauth_redirect_url: y } = await i.startOAuth(
         {
           provider: t,
@@ -1628,7 +1627,7 @@ let E = (je = class extends Ee {
   render() {
     return this.type === "oauth" ? this.renderOAuth() : this.type === "link" ? this.renderLink() : this.renderSignOut();
   }
-}, ct = new WeakMap(), ut = new WeakMap(), pt = new WeakMap(), gt = new WeakMap(), mt = new WeakMap(), bt = new WeakMap(), ft = new WeakMap(), je);
+}, ct = new WeakMap(), ut = new WeakMap(), pt = new WeakMap(), gt = new WeakMap(), mt = new WeakMap(), bt = new WeakMap(), ft = new WeakMap(), Be);
 C([
   p()
 ], E.prototype, "type", 1);
@@ -1651,14 +1650,14 @@ C([
   p({ attribute: "nonce-storage-key" })
 ], E.prototype, "nonceStorageKey", 1);
 E = C([
-  ye("singlebase-authui-buttons")
+  we("singlebase-authui-buttons")
 ], E);
-var We = Object.defineProperty, Ms = Object.getOwnPropertyDescriptor, Ns = (l, t, e) => t in l ? We(l, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[t] = e, g = (l, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? Ms(t, e) : t, h = l.length - 1, c; h >= 0; h--)
-    (c = l[h]) && (i = (s ? c(t, e, i) : c(i)) || i);
-  return s && i && We(t, e, i), i;
-}, Is = (l, t, e) => Ns(l, t + "", e);
-const ze = [
+var Ke = Object.defineProperty, Ls = Object.getOwnPropertyDescriptor, As = (r, t, e) => t in r ? Ke(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, g = (r, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? Ls(t, e) : t, h = r.length - 1, c; h >= 0; h--)
+    (c = r[h]) && (i = (s ? c(t, e, i) : c(i)) || i);
+  return s && i && Ke(t, e, i), i;
+}, Ms = (r, t, e) => As(r, t + "", e);
+const Ye = [
   "signin",
   "signup",
   "forgot",
@@ -1666,82 +1665,80 @@ const ze = [
   "otp",
   "newpass",
   "invite"
-], Je = ["account"], Fs = [...ze, ...Je, "oauth-callback"];
-function De(l) {
-  return ze.includes(l);
+], We = ["account"], Ns = [...Ye, ...We, "oauth-callback"];
+function Ie(r) {
+  return Ye.includes(r);
 }
-function Ds(l) {
-  return Je.includes(l);
+function Is(r) {
+  return We.includes(r);
 }
-function Be(l) {
-  return Fs.includes(l);
+function Fe(r) {
+  return Ns.includes(r);
 }
 const P = {
   // An absent attribute must mean "default" (true), not false. Lit calls
   // fromAttribute(null) when an attribute is *removed*, so returning false
   // there would make removing `allow-oauth="false"` leave the flag off
   // forever instead of restoring the default.
-  fromAttribute: (l) => l === null ? !0 : l !== "false",
-  toAttribute: (l) => l ? null : "false"
+  fromAttribute: (r) => r === null ? !0 : r !== "false",
+  toAttribute: (r) => r ? null : "false"
 };
-var vt, wt, $t, yt, Et, St, Ct, Pt, kt, _t, Ot, xt, Tt, Ut, Lt, At, Mt, Nt, It, Ft, Dt, Bt, Rt, jt, Ht, qt, Vt, Gt, Kt, Yt, Wt, zt, Jt, Qt, Xt, Zt, te, ee, se, ie, ae, re, ne, oe, le, he, de, ce, ue, He;
-let u = (He = class extends $ {
+var vt, wt, $t, yt, Et, St, Ct, Pt, kt, _t, Ot, Tt, xt, Ut, Lt, At, Mt, Nt, It, Ft, Dt, Bt, Rt, jt, Ht, qt, Vt, Gt, Kt, Yt, Wt, zt, Jt, Qt, Xt, Zt, te, ee, se, ie, ae, re, ne, oe, le, he, de, Re;
+let u = (Re = class extends $ {
   constructor() {
     super(...arguments);
-    n(this, vt, "signin");
-    n(this, wt, "");
-    n(this, $t, !1);
-    n(this, yt, null);
-    n(this, Et, !0);
-    n(this, St, !0);
-    n(this, Ct, !0);
-    n(this, Pt, !0);
-    n(this, kt, !0);
-    n(this, _t, !0);
-    n(this, Ot, "card");
-    n(this, xt, "bottom");
-    n(this, Tt, !1);
-    n(this, Ut, "");
-    n(this, Lt, "");
-    n(this, At, "");
-    n(this, Mt, "");
-    n(this, Nt, "");
-    n(this, It, !0);
-    n(this, Ft, "");
-    n(this, Dt, "");
-    n(this, Bt, "");
-    n(this, Rt, "");
-    n(this, jt, "");
-    n(this, Ht, "singlebase-oauth-nonce");
-    n(this, qt, "");
-    n(this, Vt, "");
-    n(this, Gt, "");
-    n(this, Kt, 0);
-    n(this, Yt, "");
-    n(this, Wt, "");
-    n(this, zt, "");
-    n(this, Jt, "");
-    n(this, Qt, "");
-    n(this, Xt, "");
-    n(this, Zt, "");
-    n(this, te, "");
-    n(this, ee, "");
-    n(this, se, ["", "", "", "", "", ""]);
-    n(this, ie, "signin_code");
-    n(this, ae, !1);
-    n(this, re, "");
-    n(this, ne, "");
-    n(this, oe, "");
-    n(this, le, "");
-    n(this, he, "");
-    n(this, de, 0);
-    n(this, ce, !1);
-    b(this, "settingsCtl", new ke(this));
-    b(this, "bridge", new Ps(this));
+    o(this, vt, "signin");
+    o(this, wt, "");
+    o(this, $t, !1);
+    o(this, yt, null);
+    o(this, Et, !0);
+    o(this, St, !0);
+    o(this, Ct, !0);
+    o(this, Pt, !0);
+    o(this, kt, !0);
+    o(this, _t, !0);
+    o(this, Ot, "card");
+    o(this, Tt, "bottom");
+    o(this, xt, !1);
+    o(this, Ut, "");
+    o(this, Lt, "");
+    o(this, At, "");
+    o(this, Mt, "");
+    o(this, Nt, "");
+    o(this, It, !0);
+    o(this, Ft, "");
+    o(this, Dt, "");
+    o(this, Bt, "");
+    o(this, Rt, "singlebase-oauth-nonce");
+    o(this, jt, "");
+    o(this, Ht, "");
+    o(this, qt, "");
+    o(this, Vt, 0);
+    o(this, Gt, "");
+    o(this, Kt, "");
+    o(this, Yt, "");
+    o(this, Wt, "");
+    o(this, zt, "");
+    o(this, Jt, "");
+    o(this, Qt, "");
+    o(this, Xt, "");
+    o(this, Zt, "");
+    o(this, te, ["", "", "", "", "", ""]);
+    o(this, ee, "signin_code");
+    o(this, se, !1);
+    o(this, ie, "");
+    o(this, ae, "");
+    o(this, re, "");
+    o(this, ne, "");
+    o(this, oe, "");
+    o(this, le, 0);
+    o(this, he, !1);
+    b(this, "settingsCtl", new Ce(this));
+    b(this, "bridge", new Ss(this));
     b(this, "uidBase", `sb-${Math.random().toString(36).slice(2, 8)}`);
     b(this, "gotoUnsubscribe");
     b(this, "gotoClient", null);
-    n(this, ue, !1);
+    o(this, de, !1);
     b(this, "abortController", null);
     b(this, "onContinue", () => {
       this.followRedirect() || (this.dispatchEvent(
@@ -1758,292 +1755,280 @@ let u = (He = class extends $ {
     });
   }
   get initialScreen() {
-    return r(this, vt);
+    return n(this, vt);
   }
   set initialScreen(t) {
-    o(this, vt, t);
+    l(this, vt, t);
   }
   get screen() {
-    return r(this, wt);
+    return n(this, wt);
   }
   set screen(t) {
-    o(this, wt, t);
+    l(this, wt, t);
   }
   get noAccountView() {
-    return r(this, $t);
+    return n(this, $t);
   }
   set noAccountView(t) {
-    o(this, $t, t);
+    l(this, $t, t);
   }
   get settings() {
-    return r(this, yt);
+    return n(this, yt);
   }
   set settings(t) {
-    o(this, yt, t);
+    l(this, yt, t);
   }
   get authEnabled() {
-    return r(this, Et);
+    return n(this, Et);
   }
   set authEnabled(t) {
-    o(this, Et, t);
+    l(this, Et, t);
   }
   get allowEmailSignin() {
-    return r(this, St);
+    return n(this, St);
   }
   set allowEmailSignin(t) {
-    o(this, St, t);
+    l(this, St, t);
   }
   get allowEmailSignup() {
-    return r(this, Ct);
+    return n(this, Ct);
   }
   set allowEmailSignup(t) {
-    o(this, Ct, t);
+    l(this, Ct, t);
   }
   get allowEmailOtp() {
-    return r(this, Pt);
+    return n(this, Pt);
   }
   set allowEmailOtp(t) {
-    o(this, Pt, t);
+    l(this, Pt, t);
   }
   get allowOauth() {
-    return r(this, kt);
+    return n(this, kt);
   }
   set allowOauth(t) {
-    o(this, kt, t);
+    l(this, kt, t);
   }
   get allowAccountCreation() {
-    return r(this, _t);
+    return n(this, _t);
   }
   set allowAccountCreation(t) {
-    o(this, _t, t);
+    l(this, _t, t);
   }
   get layout() {
-    return r(this, Ot);
+    return n(this, Ot);
   }
   set layout(t) {
-    o(this, Ot, t);
+    l(this, Ot, t);
   }
   get oauthPlacement() {
-    return r(this, xt);
+    return n(this, Tt);
   }
   set oauthPlacement(t) {
-    o(this, xt, t);
+    l(this, Tt, t);
   }
   get stepped() {
-    return r(this, Tt);
+    return n(this, xt);
   }
   set stepped(t) {
-    o(this, Tt, t);
+    l(this, xt, t);
   }
   get logoText() {
-    return r(this, Ut);
+    return n(this, Ut);
   }
   set logoText(t) {
-    o(this, Ut, t);
+    l(this, Ut, t);
   }
   get logoUrl() {
-    return r(this, Lt);
+    return n(this, Lt);
   }
   set logoUrl(t) {
-    o(this, Lt, t);
+    l(this, Lt, t);
   }
   get brandLine() {
-    return r(this, At);
+    return n(this, At);
   }
   set brandLine(t) {
-    o(this, At, t);
+    l(this, At, t);
   }
   get brandFoot() {
-    return r(this, Mt);
+    return n(this, Mt);
   }
   set brandFoot(t) {
-    o(this, Mt, t);
+    l(this, Mt, t);
   }
   get signInTitle() {
-    return r(this, Nt);
+    return n(this, Nt);
   }
   set signInTitle(t) {
-    o(this, Nt, t);
+    l(this, Nt, t);
   }
   get branding() {
-    return r(this, It);
+    return n(this, It);
   }
   set branding(t) {
-    o(this, It, t);
-  }
-  get brandingText() {
-    return r(this, Ft);
-  }
-  set brandingText(t) {
-    o(this, Ft, t);
-  }
-  get brandingUrl() {
-    return r(this, Dt);
-  }
-  set brandingUrl(t) {
-    o(this, Dt, t);
+    l(this, It, t);
   }
   get redirectUrl() {
-    return r(this, Bt);
+    return n(this, Ft);
   }
   set redirectUrl(t) {
-    o(this, Bt, t);
+    l(this, Ft, t);
   }
   get tosUrl() {
-    return r(this, Rt);
+    return n(this, Dt);
   }
   set tosUrl(t) {
-    o(this, Rt, t);
+    l(this, Dt, t);
   }
   get privacyUrl() {
-    return r(this, jt);
+    return n(this, Bt);
   }
   set privacyUrl(t) {
-    o(this, jt, t);
+    l(this, Bt, t);
   }
   get nonceStorageKey() {
-    return r(this, Ht);
+    return n(this, Rt);
   }
   set nonceStorageKey(t) {
-    o(this, Ht, t);
+    l(this, Rt, t);
   }
   get inviteEmail() {
-    return r(this, qt);
+    return n(this, jt);
   }
   set inviteEmail(t) {
-    o(this, qt, t);
+    l(this, jt, t);
   }
   get inviteOrg() {
-    return r(this, Vt);
+    return n(this, Ht);
   }
   set inviteOrg(t) {
-    o(this, Vt, t);
+    l(this, Ht, t);
   }
   get inviteCode() {
-    return r(this, Gt);
+    return n(this, qt);
   }
   set inviteCode(t) {
-    o(this, Gt, t);
+    l(this, qt, t);
   }
   get step() {
-    return r(this, Kt);
+    return n(this, Vt);
   }
   set step(t) {
-    o(this, Kt, t);
+    l(this, Vt, t);
   }
   get method() {
-    return r(this, Yt);
+    return n(this, Gt);
   }
   set method(t) {
-    o(this, Yt, t);
+    l(this, Gt, t);
   }
   get email() {
-    return r(this, Wt);
+    return n(this, Kt);
   }
   set email(t) {
-    o(this, Wt, t);
+    l(this, Kt, t);
   }
   get password() {
-    return r(this, zt);
+    return n(this, Yt);
   }
   set password(t) {
-    o(this, zt, t);
+    l(this, Yt, t);
   }
   get name() {
-    return r(this, Jt);
+    return n(this, Wt);
   }
   set name(t) {
-    o(this, Jt, t);
+    l(this, Wt, t);
   }
   get firstName() {
-    return r(this, Qt);
+    return n(this, zt);
   }
   set firstName(t) {
-    o(this, Qt, t);
+    l(this, zt, t);
   }
   get lastName() {
-    return r(this, Xt);
+    return n(this, Jt);
   }
   set lastName(t) {
-    o(this, Xt, t);
+    l(this, Jt, t);
   }
   get phone() {
-    return r(this, Zt);
+    return n(this, Qt);
   }
   set phone(t) {
-    o(this, Zt, t);
+    l(this, Qt, t);
   }
   get newPass() {
-    return r(this, te);
+    return n(this, Xt);
   }
   set newPass(t) {
-    o(this, te, t);
+    l(this, Xt, t);
   }
   get confirmPass() {
-    return r(this, ee);
+    return n(this, Zt);
   }
   set confirmPass(t) {
-    o(this, ee, t);
+    l(this, Zt, t);
   }
   get code() {
-    return r(this, se);
+    return n(this, te);
   }
   set code(t) {
-    o(this, se, t);
+    l(this, te, t);
   }
   get verifyNext() {
-    return r(this, ie);
+    return n(this, ee);
   }
   set verifyNext(t) {
-    o(this, ie, t);
+    l(this, ee, t);
   }
   get loading() {
-    return r(this, ae);
+    return n(this, se);
   }
   set loading(t) {
-    o(this, ae, t);
+    l(this, se, t);
   }
   get banner() {
-    return r(this, re);
+    return n(this, ie);
   }
   set banner(t) {
-    o(this, re, t);
+    l(this, ie, t);
   }
   get notice() {
-    return r(this, ne);
+    return n(this, ae);
   }
   set notice(t) {
-    o(this, ne, t);
+    l(this, ae, t);
   }
   get emailError() {
-    return r(this, oe);
+    return n(this, re);
   }
   set emailError(t) {
-    o(this, oe, t);
+    l(this, re, t);
   }
   get passError() {
-    return r(this, le);
+    return n(this, ne);
   }
   set passError(t) {
-    o(this, le, t);
+    l(this, ne, t);
   }
   get newPassError() {
-    return r(this, he);
+    return n(this, oe);
   }
   set newPassError(t) {
-    o(this, he, t);
+    l(this, oe, t);
   }
   get attempts() {
-    return r(this, de);
+    return n(this, le);
   }
   set attempts(t) {
-    o(this, de, t);
+    l(this, le, t);
   }
   get needsMfaCode() {
-    return r(this, ce);
+    return n(this, he);
   }
   set needsMfaCode(t) {
-    o(this, ce, t);
+    l(this, he, t);
   }
   uid(t) {
     return `${this.uidBase}-${t}`;
@@ -2065,7 +2050,7 @@ let u = (He = class extends $ {
     var i;
     if (t === this.gotoClient || ((i = this.gotoUnsubscribe) == null || i.call(this), this.gotoUnsubscribe = void 0, this.gotoClient = t, !t)) return;
     const e = t.on("goto", ({ screen: h }) => {
-      Be(h) && this.goto(h);
+      Fe(h) && this.goto(h);
     }), s = t.on("signin", () => {
       this.followRedirect();
     });
@@ -2108,7 +2093,7 @@ let u = (He = class extends $ {
   /** The screen the host asked for, before any guarding is applied. */
   get requestedScreen() {
     const t = this.screen || this.initialScreen || "signin";
-    return Be(t) ? t : "signin";
+    return Fe(t) ? t : "signin";
   }
   /**
    * Resolves the screen actually rendered.
@@ -2121,7 +2106,7 @@ let u = (He = class extends $ {
   get activeScreen() {
     if (this.isOAuthCallback) return "oauth-callback";
     const t = this.auth.state.status === "authenticated", e = this.requestedScreen;
-    if (Ds(e))
+    if (Is(e))
       return t ? e : "signin";
     if (t)
       return this.screen !== "" || this.initialScreen !== "signin" ? e : "account";
@@ -2131,7 +2116,7 @@ let u = (He = class extends $ {
   }
   /** True when a signed-in user is sitting on a guest screen (spec: offer continue/sign out). */
   get showsSignedInInterstitial() {
-    return this.auth.state.status === "authenticated" && De(this.activeScreen);
+    return this.auth.state.status === "authenticated" && Ie(this.activeScreen);
   }
   // ── redirect ──────────────────────────────────────────────
   /**
@@ -2144,7 +2129,7 @@ let u = (He = class extends $ {
    */
   get redirectTarget() {
     var t;
-    return ds(
+    return ls(
       this.redirectUrl || this.redirectParam,
       (t = globalThis.location) == null ? void 0 : t.href,
       (e) => console.warn(`[singlebase] ${e}`)
@@ -2167,10 +2152,10 @@ let u = (He = class extends $ {
     return t.has("access_code") || t.has("error");
   }
   get callbackDone() {
-    return r(this, ue);
+    return n(this, de);
   }
   set callbackDone(t) {
-    o(this, ue, t);
+    l(this, de, t);
   }
   /** Strips the provider's parameters so a reload cannot replay the exchange. */
   cleanCallbackUrl() {
@@ -2213,12 +2198,7 @@ let u = (He = class extends $ {
     return this.logoUrl ? a`<img class="brand-img" part="logo" src=${this.logoUrl} alt=${this.logoText} />` : this.logoText ? a`<div class="brand-mark" part="logo">${this.logoText}</div>` : d;
   }
   renderBranding() {
-    return ps(
-      this.branding,
-      this.brandingText,
-      this.msg.brandingLabel,
-      this.brandingUrl
-    );
+    return cs(this.branding, "Auth");
   }
   /** Every screen renders inside this, so the credit appears once and only once. */
   panel(t) {
@@ -2263,7 +2243,7 @@ let u = (He = class extends $ {
     }
   }
   describeError(t) {
-    if (t instanceof Ce) {
+    if (t instanceof Ee) {
       if (t.code === "AUTH_RATE_LIMITED") return this.msg.rateLimitedMessage;
       if (t.code === "INVALID_TOKEN") return "That code is not valid. Check it and try again.";
     }
@@ -2382,7 +2362,7 @@ let u = (He = class extends $ {
             last_name: h.join(" ") || "—"
           },
           this.signal()
-        ), w = ls({
+        ), w = ns({
           next_action: c.next_action,
           next_operation: c.next_operation
         });
@@ -2410,11 +2390,11 @@ let u = (He = class extends $ {
           this.signal()
         ), this.step = 0;
       } catch (i) {
-        if (i instanceof Ce && i.code === "CODE_REQUIRED") {
+        if (i instanceof Ee && i.code === "CODE_REQUIRED") {
           this.needsMfaCode = !0, await e.requestCode({ email: this.email, purpose: "signin" }, this.signal()), this.notice = this.msg.codeSentNeutral;
           return;
         }
-        if (i instanceof Ce && i.code === "INVALID_CREDENTIALS") {
+        if (i instanceof Ee && i.code === "INVALID_CREDENTIALS") {
           this.attempts += 1, this.banner = this.attempts >= 3 ? this.msg.rateLimitedMessage : "That email and password do not match.";
           return;
         }
@@ -2655,35 +2635,35 @@ let u = (He = class extends $ {
   renderAccordion(t) {
     const e = this.cfg, s = t === "signin" && e.allowEmailSignin || t === "signup" && e.allowEmailSignup || t === "otp" && e.allowEmailOtp, i = e.allowOauth;
     if (!s && !i) return d;
-    const h = s && i, c = s ? i && this.method || "email" : "oauth", w = c === "email", y = c === "oauth", Se = t === "signup" ? this.msg.emailMethodTitleSignUp : this.msg.emailMethodTitle, Xe = t === "otp" ? this.msg.emailMethodMetaOtp : t === "signup" ? this.msg.emailMethodMetaSignUp : this.msg.emailMethodMeta, Oe = (Ue, Ze, ts, es, ss, Le) => a`
-      <div class="acc-item ${Ue ? "open" : ""} ${h ? "" : "bare"}" part="acc-item">
+    const h = s && i, c = s ? i && this.method || "email" : "oauth", w = c === "email", y = c === "oauth", ye = t === "signup" ? this.msg.emailMethodTitleSignUp : this.msg.emailMethodTitle, Je = t === "otp" ? this.msg.emailMethodMetaOtp : t === "signup" ? this.msg.emailMethodMetaSignUp : this.msg.emailMethodMeta, ke = (Te, Qe, Xe, Ze, ts, xe) => a`
+      <div class="acc-item ${Te ? "open" : ""} ${h ? "" : "bare"}" part="acc-item">
         ${h ? a`
                 <button
                   type="button"
                   class="acc-head"
-                  aria-expanded=${Ue ? "true" : "false"}
-                  aria-controls=${this.uid(`acc-${Le}`)}
-                  @click=${ss}
+                  aria-expanded=${Te ? "true" : "false"}
+                  aria-controls=${this.uid(`acc-${xe}`)}
+                  @click=${ts}
                 >
                   <span class="chev" aria-hidden="true">›</span>
-                  <span class="acc-title">${Ze}</span>
-                  <span class="acc-meta">${ts}</span>
+                  <span class="acc-title">${Qe}</span>
+                  <span class="acc-meta">${Xe}</span>
                 </button>
               ` : d}
-        <div class="acc-body" id=${this.uid(`acc-${Le}`)}>
+        <div class="acc-body" id=${this.uid(`acc-${xe}`)}>
           <div class="acc-clip">
-            <div class="acc-inner">${es}</div>
+            <div class="acc-inner">${Ze}</div>
           </div>
         </div>
       </div>
-    `, xe = s ? Oe(
+    `, _e = s ? ke(
       w,
-      Se,
-      Xe,
+      ye,
+      Je,
       this.renderEmailMethodBody(t),
       () => this.method = w ? "" : "email",
       "email"
-    ) : d, Te = i ? Oe(
+    ) : d, Oe = i ? ke(
       y,
       this.msg.oauthMethodTitle,
       this.msg.oauthMethodMeta,
@@ -2703,7 +2683,7 @@ let u = (He = class extends $ {
     ) : d;
     return a`
       <div class="acc-wrap">
-        ${this.oauthPlacement === "top" ? a`${Te}${xe}` : a`${xe}${Te}`}
+        ${this.oauthPlacement === "top" ? a`${Oe}${_e}` : a`${_e}${Oe}`}
       </div>
     `;
   }
@@ -2946,7 +2926,7 @@ let u = (He = class extends $ {
       `);
     if (this.showsSignedInInterstitial)
       return this.noAccountView ? d : this.panel(this.renderSignedIn());
-    const e = this.cfg, s = !e.allowEmailSignin && !e.allowEmailOtp && !e.allowOauth, i = !e.authEnabled || s && De(t);
+    const e = this.cfg, s = !e.allowEmailSignin && !e.allowEmailOtp && !e.allowOauth, i = !e.authEnabled || s && Ie(t);
     return a`
       ${this.layout === "split" ? a`
               <div class="brand-panel">
@@ -2958,11 +2938,11 @@ let u = (He = class extends $ {
       ${this.panel(i ? this.renderBlocked() : this.renderGuest(t))}
     `;
   }
-}, vt = new WeakMap(), wt = new WeakMap(), $t = new WeakMap(), yt = new WeakMap(), Et = new WeakMap(), St = new WeakMap(), Ct = new WeakMap(), Pt = new WeakMap(), kt = new WeakMap(), _t = new WeakMap(), Ot = new WeakMap(), xt = new WeakMap(), Tt = new WeakMap(), Ut = new WeakMap(), Lt = new WeakMap(), At = new WeakMap(), Mt = new WeakMap(), Nt = new WeakMap(), It = new WeakMap(), Ft = new WeakMap(), Dt = new WeakMap(), Bt = new WeakMap(), Rt = new WeakMap(), jt = new WeakMap(), Ht = new WeakMap(), qt = new WeakMap(), Vt = new WeakMap(), Gt = new WeakMap(), Kt = new WeakMap(), Yt = new WeakMap(), Wt = new WeakMap(), zt = new WeakMap(), Jt = new WeakMap(), Qt = new WeakMap(), Xt = new WeakMap(), Zt = new WeakMap(), te = new WeakMap(), ee = new WeakMap(), se = new WeakMap(), ie = new WeakMap(), ae = new WeakMap(), re = new WeakMap(), ne = new WeakMap(), oe = new WeakMap(), le = new WeakMap(), he = new WeakMap(), de = new WeakMap(), ce = new WeakMap(), ue = new WeakMap(), He);
-Is(u, "styles", [
+}, vt = new WeakMap(), wt = new WeakMap(), $t = new WeakMap(), yt = new WeakMap(), Et = new WeakMap(), St = new WeakMap(), Ct = new WeakMap(), Pt = new WeakMap(), kt = new WeakMap(), _t = new WeakMap(), Ot = new WeakMap(), Tt = new WeakMap(), xt = new WeakMap(), Ut = new WeakMap(), Lt = new WeakMap(), At = new WeakMap(), Mt = new WeakMap(), Nt = new WeakMap(), It = new WeakMap(), Ft = new WeakMap(), Dt = new WeakMap(), Bt = new WeakMap(), Rt = new WeakMap(), jt = new WeakMap(), Ht = new WeakMap(), qt = new WeakMap(), Vt = new WeakMap(), Gt = new WeakMap(), Kt = new WeakMap(), Yt = new WeakMap(), Wt = new WeakMap(), zt = new WeakMap(), Jt = new WeakMap(), Qt = new WeakMap(), Xt = new WeakMap(), Zt = new WeakMap(), te = new WeakMap(), ee = new WeakMap(), se = new WeakMap(), ie = new WeakMap(), ae = new WeakMap(), re = new WeakMap(), ne = new WeakMap(), oe = new WeakMap(), le = new WeakMap(), he = new WeakMap(), de = new WeakMap(), Re);
+Ms(u, "styles", [
   ...$.styles,
-  us,
-  Ge`
+  ds,
+  qe`
       /* the mock's root */
       :host {
         display: flex;
@@ -3107,12 +3087,6 @@ g([
 g([
   p({ converter: P, attribute: "branding" })
 ], u.prototype, "branding", 1);
-g([
-  p({ attribute: "branding-text" })
-], u.prototype, "brandingText", 1);
-g([
-  p({ attribute: "branding-url" })
-], u.prototype, "brandingUrl", 1);
 g([
   p({ attribute: "redirect-url" })
 ], u.prototype, "redirectUrl", 1);
@@ -3198,40 +3172,40 @@ g([
   m()
 ], u.prototype, "callbackDone", 1);
 u = g([
-  ye("singlebase-authui")
+  we("singlebase-authui")
 ], u);
-var Bs = Object.defineProperty, Rs = Object.getOwnPropertyDescriptor, Pe = (l, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? Rs(t, e) : t, h = l.length - 1, c; h >= 0; h--)
-    (c = l[h]) && (i = (s ? c(t, e, i) : c(i)) || i);
-  return s && i && Bs(t, e, i), i;
+var Fs = Object.defineProperty, Ds = Object.getOwnPropertyDescriptor, Se = (r, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? Ds(t, e) : t, h = r.length - 1, c; h >= 0; h--)
+    (c = r[h]) && (i = (s ? c(t, e, i) : c(i)) || i);
+  return s && i && Fs(t, e, i), i;
 };
-const js = ["loading", "authenticated", "unauthenticated"];
-var pe, ge, me, qe;
-let x = (qe = class extends $ {
+const Bs = ["loading", "authenticated", "unauthenticated"];
+var ce, ue, pe, je;
+let T = (je = class extends $ {
   constructor() {
     super(...arguments);
-    n(this, pe, "");
-    n(this, ge, null);
-    n(this, me, "unauthenticated");
+    o(this, ce, "");
+    o(this, ue, null);
+    o(this, pe, "unauthenticated");
     b(this, "warnedFor", null);
   }
   get slot() {
-    return r(this, pe);
+    return n(this, ce);
   }
   set slot(t) {
-    o(this, pe, t);
+    l(this, ce, t);
   }
   get predicate() {
-    return r(this, ge);
+    return n(this, ue);
   }
   set predicate(t) {
-    o(this, ge, t);
+    l(this, ue, t);
   }
   get onMismatch() {
-    return r(this, me);
+    return n(this, pe);
   }
   set onMismatch(t) {
-    o(this, me, t);
+    l(this, pe, t);
   }
   createRenderRoot() {
     return this;
@@ -3244,21 +3218,21 @@ let x = (qe = class extends $ {
     if (!this.predicate) return "authenticated";
     this.warnOnce(this.predicate);
     const e = this.auth.state.user;
-    return fs(e, this.predicate) ? "authenticated" : this.onMismatch === "hidden" ? "hidden" : "unauthenticated";
+    return ms(e, this.predicate) ? "authenticated" : this.onMismatch === "hidden" ? "hidden" : "unauthenticated";
   }
   /** Surfaces a malformed predicate once, rather than silently never matching. */
   warnOnce(t) {
     const e = JSON.stringify(t);
     if (this.warnedFor !== e) {
       this.warnedFor = e;
-      for (const s of vs(t))
+      for (const s of bs(t))
         console.warn(`[singlebase] <singlebase-authui-guard> predicate: ${s}`);
     }
   }
   render() {
     const t = this.activeState;
     if (this.slot) {
-      const e = js.includes(this.slot) && this.slot === t;
+      const e = Bs.includes(this.slot) && this.slot === t;
       return this.toggleAttribute("hidden", !e), a`<slot></slot>`;
     }
     this.toggleAttribute("hidden", !1);
@@ -3268,76 +3242,76 @@ let x = (qe = class extends $ {
     }
     return a`<slot></slot>`;
   }
-}, pe = new WeakMap(), ge = new WeakMap(), me = new WeakMap(), qe);
-Pe([
+}, ce = new WeakMap(), ue = new WeakMap(), pe = new WeakMap(), je);
+Se([
   p({ reflect: !0 })
-], x.prototype, "slot", 1);
-Pe([
+], T.prototype, "slot", 1);
+Se([
   p({
     converter: {
-      fromAttribute: (l) => {
-        if (!l) return null;
+      fromAttribute: (r) => {
+        if (!r) return null;
         try {
-          return JSON.parse(l);
+          return JSON.parse(r);
         } catch {
-          return console.error("[singlebase] guard predicate is not valid JSON:", l), null;
+          return console.error("[singlebase] guard predicate is not valid JSON:", r), null;
         }
       },
-      toAttribute: (l) => l ? JSON.stringify(l) : null
+      toAttribute: (r) => r ? JSON.stringify(r) : null
     }
   })
-], x.prototype, "predicate", 1);
-Pe([
+], T.prototype, "predicate", 1);
+Se([
   p({ attribute: "on-mismatch" })
-], x.prototype, "onMismatch", 1);
-x = Pe([
-  ye("singlebase-authui-guard")
-], x);
-var Qe = Object.defineProperty, Hs = Object.getOwnPropertyDescriptor, qs = (l, t, e) => t in l ? Qe(l, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[t] = e, O = (l, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? Hs(t, e) : t, h = l.length - 1, c; h >= 0; h--)
-    (c = l[h]) && (i = (s ? c(t, e, i) : c(i)) || i);
-  return s && i && Qe(t, e, i), i;
-}, Vs = (l, t, e) => qs(l, t + "", e);
-const Gs = "profile_photo";
-var be, fe, ve, we, $e, Ve;
-let S = (Ve = class extends $ {
+], T.prototype, "onMismatch", 1);
+T = Se([
+  we("singlebase-authui-guard")
+], T);
+var ze = Object.defineProperty, Rs = Object.getOwnPropertyDescriptor, js = (r, t, e) => t in r ? ze(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, O = (r, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? Rs(t, e) : t, h = r.length - 1, c; h >= 0; h--)
+    (c = r[h]) && (i = (s ? c(t, e, i) : c(i)) || i);
+  return s && i && ze(t, e, i), i;
+}, Hs = (r, t, e) => js(r, t + "", e);
+const qs = "profile_photo";
+var ge, me, be, fe, ve, He;
+let S = (He = class extends $ {
   constructor() {
     super(...arguments);
-    n(this, be, "");
-    n(this, fe, "");
-    n(this, ve, !1);
-    n(this, we, "");
-    n(this, $e, !1);
+    o(this, ge, "");
+    o(this, me, "");
+    o(this, be, !1);
+    o(this, fe, "");
+    o(this, ve, !1);
   }
   get path() {
-    return r(this, be);
+    return n(this, ge);
   }
   set path(t) {
-    o(this, be, t);
+    l(this, ge, t);
   }
   get fallback() {
-    return r(this, fe);
+    return n(this, me);
   }
   set fallback(t) {
-    o(this, fe, t);
+    l(this, me, t);
   }
   get avatar() {
-    return r(this, ve);
+    return n(this, be);
   }
   set avatar(t) {
-    o(this, ve, t);
+    l(this, be, t);
   }
   get alt() {
-    return r(this, we);
+    return n(this, fe);
   }
   set alt(t) {
-    o(this, we, t);
+    l(this, fe, t);
   }
   get imageFailed() {
-    return r(this, $e);
+    return n(this, ve);
   }
   set imageFailed(t) {
-    o(this, $e, t);
+    l(this, ve, t);
   }
   willUpdate(t) {
     super.willUpdate(t), (t.has("path") || t.has("avatar")) && (this.imageFailed = !1);
@@ -3350,13 +3324,13 @@ let S = (Ve = class extends $ {
   get textValue() {
     const t = this.profile;
     if (!t || !this.path) return "";
-    const e = Ne(t, this.path);
+    const e = Ae(t, this.path);
     return e == null || e === "" ? "" : Array.isArray(e) ? e.filter((s) => s != null).join(", ") : typeof e == "object" ? "" : String(e);
   }
   get avatarSrc() {
     const t = this.profile;
     if (!t) return "";
-    const e = Ne(t, this.path || Gs);
+    const e = Ae(t, this.path || qs);
     return typeof e == "string" ? e : "";
   }
   render() {
@@ -3378,13 +3352,13 @@ let S = (Ve = class extends $ {
       part="avatar-initials"
       class="initials"
       aria-hidden=${this.alt ? "false" : "true"}
-      >${Ye(t)}</span
+      >${Ge(t)}</span
     >`;
   }
-}, be = new WeakMap(), fe = new WeakMap(), ve = new WeakMap(), we = new WeakMap(), $e = new WeakMap(), Ve);
-Vs(S, "styles", [
+}, ge = new WeakMap(), me = new WeakMap(), be = new WeakMap(), fe = new WeakMap(), ve = new WeakMap(), He);
+Hs(S, "styles", [
   ...$.styles,
-  Ge`
+  qe`
       /* Text sits in a sentence; an avatar is a box the host sizes. */
       :host {
         display: inline;
@@ -3440,22 +3414,22 @@ O([
   m()
 ], S.prototype, "imageFailed", 1);
 S = O([
-  ye("singlebase-authui-display")
+  we("singlebase-authui-display")
 ], S);
 export {
-  ws as A,
-  ke as S,
+  fs as A,
+  Ce as S,
   f as a,
   E as b,
   S as c,
-  x as d,
+  T as d,
   u as e,
-  Ie as f,
-  Ke as g,
-  De as h,
-  Ye as i,
-  Ds as j,
-  Be as k,
-  $s as r
+  Me as f,
+  Ve as g,
+  Ie as h,
+  Ge as i,
+  Is as j,
+  Fe as k,
+  vs as r
 };
-//# sourceMappingURL=authui-display-CKfGK5va.js.map
+//# sourceMappingURL=authui-display-BM_F3-5e.js.map