@singlebase/elements 0.5.0 → 0.6.0

package/dist/{authui-display-BCZBP7HR.js → authui-display-CKfGK5va.js}

@@ -1,18 +1,18 @@
-var ts = Object.defineProperty;
-var Te = (r) => {
-  throw TypeError(r);
+var is = Object.defineProperty;
+var Ae = (l) => {
+  throw TypeError(l);
 };
-var es = (r, t, e) => t in r ? ts(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var b = (r, t, e) => es(r, typeof t != "symbol" ? t + "" : t, e), Ue = (r, t, e) => t.has(r) || Te("Cannot " + e);
-var n = (r, t, e) => (Ue(r, t, "read from private field"), e ? e.call(r) : t.get(r)), o = (r, t, e) => t.has(r) ? Te("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, e), l = (r, t, e, s) => (Ue(r, t, "write to private field"), s ? s.call(r, e) : t.set(r, e), e);
-import { LitElement as ss, html as a, nothing as d, css as je } from "lit";
-import { property as p, state as m, customElement as fe } from "lit/decorators.js";
+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";
 import { ifDefined as k } from "lit/directives/if-defined.js";
-import { SinglebaseAuthError as ye, mapErrorToHint as is, createFilesUploadApi as as, resolveScreen as rs } from "@singlebase/singlebase-sdk";
-import { s as ns, r as os } from "./uploader-abQoem5q.js";
-import { getDefaultClient as ls, AUTHUI_PROP_KEYS as hs, authUIAttributeFor as ds, matchesPredicate as cs, validatePredicate as us, getPath as Le } from "@singlebase/core";
-import { t as ps } from "./files-BOwtpYyQ.js";
-class gs {
+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 {
   constructor(t) {
     b(this, "host");
     b(this, "client", null);
@@ -31,7 +31,7 @@ class gs {
     (t = this.unsubscribe) == null || t.call(this), this.unsubscribe = null;
   }
 }
-const Ae = {
+const Ie = {
   signInTitle: "Sign in",
   signUpTitle: "Create your account",
   forgotTitle: "Reset your password",
@@ -167,55 +167,62 @@ const Ae = {
   oauthCallbackSub: "One moment while we complete your sign-in.",
   oauthDenied: "Sign-in was cancelled or denied."
 };
-function ms(r) {
-  return r ? { ...Ae, ...r } : Ae;
+function $s(l) {
+  return l ? { ...Ie, ...l } : Ie;
 }
-var bs = Object.defineProperty, fs = Object.getOwnPropertyDescriptor, ve = (r, t, e, s) => {
-  for (var i = fs(t, e), h = r.length - 1, c; h >= 0; h--)
-    (c = r[h]) && (i = c(t, e, i) || i);
-  return i && bs(t, e, i), i;
-}, x, T, U, L, A;
-class $ extends ss {
+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 {
   constructor() {
     super(...arguments);
-    o(this, x, null);
-    o(this, T, {});
-    o(this, U);
-    o(this, L);
-    o(this, A);
-    b(this, "auth", new gs(this));
+    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));
     /** Config keys already applied, so a later render does not fight the host. */
     b(this, "appliedConfig", /* @__PURE__ */ new Set());
   }
   get client() {
-    return n(this, x);
+    return r(this, T);
   }
   set client(e) {
-    l(this, x, e);
+    o(this, T, e);
   }
   get messages() {
-    return n(this, T);
+    return r(this, U);
   }
   set messages(e) {
-    l(this, T, e);
+    o(this, U, e);
   }
   get theme() {
-    return n(this, U);
+    return r(this, L);
   }
   set theme(e) {
-    l(this, U, e);
+    o(this, L, e);
   }
   get density() {
-    return n(this, L);
+    return r(this, A);
   }
   set density(e) {
-    l(this, L, e);
+    o(this, A, e);
   }
   get fieldStyle() {
-    return n(this, A);
+    return r(this, M);
   }
   set fieldStyle(e) {
-    l(this, A, e);
+    o(this, M, e);
+  }
+  get radius() {
+    return r(this, N);
+  }
+  set radius(e) {
+    o(this, N, e);
   }
   /**
    * Resolution order: an explicit `.client`, then the page's default
@@ -231,7 +238,7 @@ class $ extends ss {
    */
   get resolvedClient() {
     var e;
-    return this.client ? this.client : ((e = ls()) == null ? void 0 : e.auth) ?? null;
+    return this.client ? this.client : ((e = gs()) == null ? void 0 : e.auth) ?? null;
   }
   /** Page-wide UI config from SinglebaseClient({ authui }), if there is one. */
   get uiConfig() {
@@ -245,7 +252,7 @@ class $ extends ss {
   get msg() {
     var s;
     const e = (s = this.uiConfig) == null ? void 0 : s.messages;
-    return ms(e ? { ...e, ...this.messages } : this.messages);
+    return $s(e ? { ...e, ...this.messages } : this.messages);
   }
   /**
    * Copies the page-wide config onto this element.
@@ -259,9 +266,9 @@ class $ extends ss {
   applyUIConfig() {
     const e = this.uiConfig;
     if (e) {
-      for (const s of hs) {
+      for (const s of ms) {
         const i = e[s];
-        i !== void 0 && s in this && (this.hasAttribute(ds(s)) || this.appliedConfig.has(s) || (this.appliedConfig.add(s), this[s] = i));
+        i !== void 0 && s in this && (this.hasAttribute(bs(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));
@@ -288,23 +295,26 @@ class $ extends ss {
     super.willUpdate(e), this.auth.bind(this.resolvedClient), this.applyUIConfig();
   }
 }
-x = new WeakMap(), T = new WeakMap(), U = new WeakMap(), L = new WeakMap(), A = new WeakMap(), b($, "styles", [ps, ns]);
-ve([
+T = new WeakMap(), U = new WeakMap(), L = new WeakMap(), A = new WeakMap(), M = new WeakMap(), N = new WeakMap(), b($, "styles", [cs, hs]);
+_([
   p({ attribute: !1 })
 ], $.prototype, "client");
-ve([
+_([
   p({ attribute: !1 })
 ], $.prototype, "messages");
-ve([
+_([
   p({ reflect: !0 })
 ], $.prototype, "theme");
-ve([
+_([
   p({ reflect: !0 })
 ], $.prototype, "density");
-ve([
+_([
   p({ reflect: !0, attribute: "field-style" })
 ], $.prototype, "fieldStyle");
-class Se {
+_([
+  p({ reflect: !0 })
+], $.prototype, "radius");
+class ke {
   constructor(t) {
     b(this, "host");
     b(this, "client", null);
@@ -330,7 +340,7 @@ class Se {
     });
   }
 }
-const vs = [
+const Ss = [
   "load",
   "success",
   "error",
@@ -345,7 +355,7 @@ const vs = [
   "expired",
   "navigate",
   "goto"
-], ws = {
+], Cs = {
   load: "auth:ready",
   signin: "auth:signin",
   signup: "auth:signup",
@@ -355,31 +365,31 @@ const vs = [
   error: "auth:error",
   navigate: "auth:navigate"
 };
-function Me(r) {
-  return "on" + r.replace(/(^|-)([a-z])/g, (t, e, s) => s.toUpperCase());
+function Fe(l) {
+  return "on" + l.replace(/(^|-)([a-z])/g, (t, e, s) => s.toUpperCase());
 }
-class $s {
+class Ps {
   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 = vs.map(
+    t !== this.client && (this.release(), this.client = t, t && (this.unsubscribes = Ss.map(
       (e) => t.on(e, (s) => this.publish(e, s))
     )));
   }
   publish(t, e) {
-    const s = this.host[Me(t)];
+    const s = this.host[Fe(t)];
     if (typeof s == "function")
       try {
         s.call(this.host, e);
       } catch (c) {
-        console.error(`[singlebase] ${Me(t)} threw:`, c);
+        console.error(`[singlebase] ${Fe(t)} threw:`, c);
       }
     const i = { detail: e, bubbles: !0, composed: !0 };
     this.host.dispatchEvent(new CustomEvent(`singlebase-${t}`, i));
-    const h = ws[t];
+    const h = Cs[t];
     h && this.host.dispatchEvent(new CustomEvent(h, i));
   }
   release() {
@@ -389,36 +399,36 @@ class $s {
     this.release(), this.client = null;
   }
 }
-var ys = Object.defineProperty, Es = Object.getOwnPropertyDescriptor, Ce = (r, t, e, s) => {
-  for (var i = Es(t, e), h = r.length - 1, c; h >= 0; h--)
-    (c = r[h]) && (i = c(t, e, i) || i);
-  return i && ys(t, e, i), i;
-}, M, N, I;
-class we extends $ {
+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;
+}, I, F, D;
+class Ee extends $ {
   constructor() {
     super(...arguments);
-    o(this, M, "idle");
-    o(this, N, "");
-    o(this, I, "");
+    n(this, I, "idle");
+    n(this, F, "");
+    n(this, D, "");
     b(this, "abortController", null);
   }
   get phase() {
-    return n(this, M);
+    return r(this, I);
   }
   set phase(e) {
-    l(this, M, e);
+    o(this, I, e);
   }
   get formError() {
-    return n(this, N);
+    return r(this, F);
   }
   set formError(e) {
-    l(this, N, e);
+    o(this, F, e);
   }
   get noticeMessage() {
-    return n(this, I);
+    return r(this, D);
   }
   set noticeMessage(e) {
-    l(this, I, e);
+    o(this, D, e);
   }
   disconnectedCallback() {
     var e;
@@ -442,8 +452,8 @@ class we extends $ {
     return e instanceof DOMException && e.name === "AbortError";
   }
   describeError(e) {
-    if (e instanceof ye) {
-      const s = is(e.code);
+    if (e instanceof Ce) {
+      const s = ns(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;
@@ -467,63 +477,63 @@ class we extends $ {
     `;
   }
 }
-M = new WeakMap(), N = new WeakMap(), I = new WeakMap();
-Ce([
+I = new WeakMap(), F = new WeakMap(), D = new WeakMap();
+_e([
   m()
-], we.prototype, "phase");
-Ce([
+], Ee.prototype, "phase");
+_e([
   m()
-], we.prototype, "formError");
-Ce([
+], Ee.prototype, "formError");
+_e([
   m()
-], we.prototype, "noticeMessage");
-function qe(r) {
-  return [r == null ? void 0 : r.first_name, r == null ? void 0 : r.last_name].filter(Boolean).join(" ").trim();
+], 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();
 }
-function Ge(r) {
-  const t = qe(r);
+function Ye(l) {
+  const t = Ke(l);
   if (t)
     return t.split(/\s+/).map((s) => s[0]).join("").slice(0, 2).toUpperCase();
-  const e = (r == null ? void 0 : r.email) ?? "";
+  const e = (l == null ? void 0 : l.email) ?? "";
   return e ? e[0].toUpperCase() : "·";
 }
-var Ss = Object.defineProperty, Cs = Object.getOwnPropertyDescriptor, v = (r, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? Cs(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 && Ss(t, e, i), i;
+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;
 };
-const Ps = { profile_photo: !0 }, ks = ".jpg,.jpeg,.png,.webp,image/jpeg,image/png,image/webp";
-var F, D, B, R, H, j, q, G, V, K, Y, W, z, J, Q, X, Z, tt, et, st, it, at, rt, nt, ot, lt, Fe;
-let f = (Fe = class extends we {
+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 {
   constructor() {
     super(...arguments);
-    o(this, F, "");
-    o(this, D, "");
-    o(this, B, null);
-    o(this, R, "singlebase-oauth-nonce");
-    o(this, H, "");
-    o(this, j, "");
-    o(this, q, !1);
-    o(this, G, "");
-    o(this, V, "");
-    o(this, K, "");
-    o(this, Y, "");
-    o(this, W, "");
-    o(this, z, 0);
-    o(this, J, "");
-    o(this, Q, "");
-    o(this, X, "");
-    o(this, Z, "");
-    o(this, tt, "");
-    o(this, et, "request");
-    o(this, st, "");
-    o(this, it, "");
-    o(this, at, "");
-    o(this, rt, "");
-    o(this, nt, "");
-    o(this, ot, "");
-    o(this, lt, "");
-    b(this, "settingsCtl", new Se(this));
+    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));
     b(this, "flashTimer");
     b(this, "uidBase", `sb-acct-${Math.random().toString(36).slice(2, 8)}`);
     // ── profile photo ─────────────────────────────────────────
@@ -553,160 +563,160 @@ let f = (Fe = class extends we {
     });
   }
   get logoText() {
-    return n(this, F);
+    return r(this, B);
   }
   set logoText(t) {
-    l(this, F, t);
+    o(this, B, t);
   }
   get logoUrl() {
-    return n(this, D);
+    return r(this, R);
   }
   set logoUrl(t) {
-    l(this, D, t);
+    o(this, R, t);
   }
   get settings() {
-    return n(this, B);
+    return r(this, j);
   }
   set settings(t) {
-    l(this, B, t);
+    o(this, j, t);
   }
   get nonceStorageKey() {
-    return n(this, R);
+    return r(this, H);
   }
   set nonceStorageKey(t) {
-    l(this, R, t);
+    o(this, H, t);
   }
   get editMode() {
-    return n(this, H);
+    return r(this, q);
   }
   set editMode(t) {
-    l(this, H, t);
+    o(this, q, t);
   }
   get toast() {
-    return n(this, j);
+    return r(this, V);
   }
   set toast(t) {
-    l(this, j, t);
+    o(this, V, t);
   }
   get photoBusy() {
-    return n(this, q);
+    return r(this, G);
   }
   set photoBusy(t) {
-    l(this, q, t);
+    o(this, G, t);
   }
   get photoFailed() {
-    return n(this, G);
+    return r(this, K);
   }
   set photoFailed(t) {
-    l(this, G, t);
+    o(this, K, t);
   }
   get profileSaved() {
-    return n(this, V);
+    return r(this, Y);
   }
   set profileSaved(t) {
-    l(this, V, t);
+    o(this, Y, t);
   }
   get passSaved() {
-    return n(this, K);
+    return r(this, W);
   }
   set passSaved(t) {
-    l(this, K, t);
+    o(this, W, t);
   }
   get profileError() {
-    return n(this, Y);
+    return r(this, z);
   }
   set profileError(t) {
-    l(this, Y, t);
+    o(this, z, t);
   }
   get newPassError() {
-    return n(this, W);
+    return r(this, J);
   }
   set newPassError(t) {
-    l(this, W, t);
+    o(this, J, t);
   }
   get deleteStage() {
-    return n(this, z);
+    return r(this, Q);
   }
   set deleteStage(t) {
-    l(this, z, t);
+    o(this, Q, t);
   }
   get confirmText() {
-    return n(this, J);
+    return r(this, X);
   }
   set confirmText(t) {
-    l(this, J, t);
+    o(this, X, t);
   }
   get dFirst() {
-    return n(this, Q);
+    return r(this, Z);
   }
   set dFirst(t) {
-    l(this, Q, t);
+    o(this, Z, t);
   }
   get dLast() {
-    return n(this, X);
+    return r(this, tt);
   }
   set dLast(t) {
-    l(this, X, t);
+    o(this, tt, t);
   }
   get dPhone() {
-    return n(this, Z);
+    return r(this, et);
   }
   set dPhone(t) {
-    l(this, Z, t);
+    o(this, et, t);
   }
   get dEmail() {
-    return n(this, tt);
+    return r(this, st);
   }
   set dEmail(t) {
-    l(this, tt, t);
+    o(this, st, t);
   }
   get emailStep() {
-    return n(this, et);
+    return r(this, it);
   }
   set emailStep(t) {
-    l(this, et, t);
+    o(this, it, t);
   }
   get dNewEmail() {
-    return n(this, st);
+    return r(this, at);
   }
   set dNewEmail(t) {
-    l(this, st, t);
+    o(this, at, t);
   }
   get emailCode() {
-    return n(this, it);
+    return r(this, rt);
   }
   set emailCode(t) {
-    l(this, it, t);
+    o(this, rt, t);
   }
   get emailError() {
-    return n(this, at);
+    return r(this, nt);
   }
   set emailError(t) {
-    l(this, at, t);
+    o(this, nt, t);
   }
   get emailSaved() {
-    return n(this, rt);
+    return r(this, ot);
   }
   set emailSaved(t) {
-    l(this, rt, t);
+    o(this, ot, t);
   }
   get curPass() {
-    return n(this, nt);
+    return r(this, lt);
   }
   set curPass(t) {
-    l(this, nt, t);
+    o(this, lt, t);
   }
   get newPass() {
-    return n(this, ot);
+    return r(this, ht);
   }
   set newPass(t) {
-    l(this, ot, t);
+    o(this, ht, t);
   }
   get confirmPass() {
-    return n(this, lt);
+    return r(this, dt);
   }
   set confirmPass(t) {
-    l(this, lt, t);
+    o(this, dt, t);
   }
   uid(t) {
     return `${this.uidBase}-${t}`;
@@ -736,10 +746,10 @@ let f = (Fe = class extends we {
     return t.status === "authenticated" ? t.user : null;
   }
   get fullName() {
-    return qe(this.user);
+    return Ke(this.user);
   }
   get initials() {
-    return Ge(this.user);
+    return Ye(this.user);
   }
   /**
    * The upload API bound to the same dispatcher as this widget's auth client,
@@ -748,7 +758,7 @@ let f = (Fe = class extends we {
    */
   get uploadClient() {
     const t = this.resolvedClient;
-    return t ? (this.uploadClientFor !== t && (this.uploadClientFor = t, this.uploadClientCache = { files: as(t.dispatcher) }), this.uploadClientCache) : null;
+    return t ? (this.uploadClientFor !== t && (this.uploadClientFor = t, this.uploadClientCache = { files: os(t.dispatcher) }), this.uploadClientCache) : null;
   }
   startProfileEdit() {
     const t = this.user;
@@ -1015,9 +1025,9 @@ let f = (Fe = class extends we {
               view="button"
               max-files="1"
               branding="false"
-              accept=${ks}
+              accept=${Us}
               .client=${this.uploadClient}
-              .options=${Ps}
+              .options=${Ts}
               @singlebase-upload-selected=${this.onPhotoSelected}
               @singlebase-upload-complete=${this.onPhotoUploaded}
               @singlebase-upload-error=${this.onPhotoProblem}
@@ -1332,7 +1342,7 @@ let f = (Fe = class extends we {
       </div>
     ` : a`<p class="disabled-note">Not signed in.</p>`;
   }
-}, F = new WeakMap(), D = new WeakMap(), B = new WeakMap(), R = new WeakMap(), H = new WeakMap(), j = new WeakMap(), q = new WeakMap(), G = new WeakMap(), V = 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(), Fe);
+}, 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);
 v([
   p({ attribute: "logo-text" })
 ], f.prototype, "logoText", 1);
@@ -1412,66 +1422,66 @@ v([
   m()
 ], f.prototype, "confirmPass", 1);
 f = v([
-  fe("singlebase-authui-account")
+  ye("singlebase-authui-account")
 ], f);
-var _s = Object.defineProperty, Os = Object.getOwnPropertyDescriptor, C = (r, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? Os(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 && _s(t, e, i), i;
-}, ht, dt, ct, ut, pt, gt, mt, De;
-let E = (De = class extends we {
+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 {
   constructor() {
     super(...arguments);
-    o(this, ht, "signout");
-    o(this, dt, "signin");
-    o(this, ct, "");
-    o(this, ut, "");
-    o(this, pt, !1);
-    o(this, gt, null);
-    o(this, mt, "singlebase-oauth-nonce");
-    b(this, "settingsCtl", new Se(this));
+    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));
   }
   get type() {
-    return n(this, ht);
+    return r(this, ct);
   }
   set type(t) {
-    l(this, ht, t);
+    o(this, ct, t);
   }
   get intent() {
-    return n(this, dt);
+    return r(this, ut);
   }
   set intent(t) {
-    l(this, dt, t);
+    o(this, ut, t);
   }
   get provider() {
-    return n(this, ct);
+    return r(this, pt);
   }
   set provider(t) {
-    l(this, ct, t);
+    o(this, pt, t);
   }
   get providerName() {
-    return n(this, ut);
+    return r(this, gt);
   }
   set providerName(t) {
-    l(this, ut, t);
+    o(this, gt, t);
   }
   get embedded() {
-    return n(this, pt);
+    return r(this, mt);
   }
   set embedded(t) {
-    l(this, pt, t);
+    o(this, mt, t);
   }
   get settings() {
-    return n(this, gt);
+    return r(this, bt);
   }
   set settings(t) {
-    l(this, gt, t);
+    o(this, bt, t);
   }
   get nonceStorageKey() {
-    return n(this, mt);
+    return r(this, ft);
   }
   set nonceStorageKey(t) {
-    l(this, mt, t);
+    o(this, ft, t);
   }
   willUpdate(t) {
     super.willUpdate(t), this.type === "oauth" && this.settingsCtl.load(this.resolvedClient, this.settings);
@@ -1510,9 +1520,9 @@ let E = (De = class extends we {
       h = w.session.id_token, c = w.session.refresh_token;
     }
     await this.run(async () => {
-      var $e;
+      var Se;
       const w = await i.createOAuthNonce(this.signal);
-      ($e = globalThis.sessionStorage) == null || $e.setItem(this.nonceStorageKey, w);
+      (Se = globalThis.sessionStorage) == null || Se.setItem(this.nonceStorageKey, w);
       const { oauth_redirect_url: y } = await i.startOAuth(
         {
           provider: t,
@@ -1618,7 +1628,7 @@ let E = (De = class extends we {
   render() {
     return this.type === "oauth" ? this.renderOAuth() : this.type === "link" ? this.renderLink() : this.renderSignOut();
   }
-}, ht = new WeakMap(), dt = new WeakMap(), ct = new WeakMap(), ut = new WeakMap(), pt = new WeakMap(), gt = new WeakMap(), mt = new WeakMap(), De);
+}, ct = new WeakMap(), ut = new WeakMap(), pt = new WeakMap(), gt = new WeakMap(), mt = new WeakMap(), bt = new WeakMap(), ft = new WeakMap(), je);
 C([
   p()
 ], E.prototype, "type", 1);
@@ -1641,14 +1651,14 @@ C([
   p({ attribute: "nonce-storage-key" })
 ], E.prototype, "nonceStorageKey", 1);
 E = C([
-  fe("singlebase-authui-buttons")
+  ye("singlebase-authui-buttons")
 ], E);
-var Ve = Object.defineProperty, xs = Object.getOwnPropertyDescriptor, Ts = (r, t, e) => t in r ? Ve(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 ? xs(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 && Ve(t, e, i), i;
-}, Us = (r, t, e) => Ts(r, t + "", e);
-const Ke = [
+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 = [
   "signin",
   "signup",
   "forgot",
@@ -1656,80 +1666,82 @@ const Ke = [
   "otp",
   "newpass",
   "invite"
-], Ye = ["account"], Ls = [...Ke, ...Ye, "oauth-callback"];
-function Ne(r) {
-  return Ke.includes(r);
+], Je = ["account"], Fs = [...ze, ...Je, "oauth-callback"];
+function De(l) {
+  return ze.includes(l);
 }
-function As(r) {
-  return Ye.includes(r);
+function Ds(l) {
+  return Je.includes(l);
 }
-function Ie(r) {
-  return Ls.includes(r);
+function Be(l) {
+  return Fs.includes(l);
 }
 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: (r) => r === null ? !0 : r !== "false",
-  toAttribute: (r) => r ? null : "false"
+  fromAttribute: (l) => l === null ? !0 : l !== "false",
+  toAttribute: (l) => l ? null : "false"
 };
-var bt, ft, vt, wt, $t, yt, Et, St, Ct, Pt, kt, _t, Ot, xt, Tt, Ut, Lt, At, Mt, Nt, It, Ft, Dt, Bt, Rt, Ht, jt, qt, Gt, Vt, Kt, Yt, Wt, zt, Jt, Qt, Xt, Zt, te, ee, se, ie, ae, re, ne, oe, le, Be;
-let u = (Be = class extends $ {
+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 $ {
   constructor() {
     super(...arguments);
-    o(this, bt, "signin");
-    o(this, ft, "");
-    o(this, vt, !1);
-    o(this, wt, null);
-    o(this, $t, !0);
-    o(this, yt, !0);
-    o(this, Et, !0);
-    o(this, St, !0);
-    o(this, Ct, !0);
-    o(this, Pt, !0);
-    o(this, kt, "card");
-    o(this, _t, "bottom");
-    o(this, Ot, !1);
-    o(this, xt, "");
-    o(this, Tt, "");
-    o(this, Ut, "");
-    o(this, Lt, "");
-    o(this, At, "");
-    o(this, Mt, !0);
-    o(this, Nt, "");
-    o(this, It, "");
-    o(this, Ft, "");
-    o(this, Dt, "singlebase-oauth-nonce");
-    o(this, Bt, "");
-    o(this, Rt, "");
-    o(this, Ht, "");
-    o(this, jt, 0);
-    o(this, qt, "");
-    o(this, Gt, "");
-    o(this, Vt, "");
-    o(this, Kt, "");
-    o(this, Yt, "");
-    o(this, Wt, "");
-    o(this, zt, "");
-    o(this, Jt, "");
-    o(this, Qt, "");
-    o(this, Xt, ["", "", "", "", "", ""]);
-    o(this, Zt, "signin_code");
-    o(this, te, !1);
-    o(this, ee, "");
-    o(this, se, "");
-    o(this, ie, "");
-    o(this, ae, "");
-    o(this, re, "");
-    o(this, ne, 0);
-    o(this, oe, !1);
-    b(this, "settingsCtl", new Se(this));
-    b(this, "bridge", new $s(this));
+    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));
     b(this, "uidBase", `sb-${Math.random().toString(36).slice(2, 8)}`);
     b(this, "gotoUnsubscribe");
     b(this, "gotoClient", null);
-    o(this, le, !1);
+    n(this, ue, !1);
     b(this, "abortController", null);
     b(this, "onContinue", () => {
       this.followRedirect() || (this.dispatchEvent(
@@ -1746,280 +1758,292 @@ let u = (Be = class extends $ {
     });
   }
   get initialScreen() {
-    return n(this, bt);
+    return r(this, vt);
   }
   set initialScreen(t) {
-    l(this, bt, t);
+    o(this, vt, t);
   }
   get screen() {
-    return n(this, ft);
+    return r(this, wt);
   }
   set screen(t) {
-    l(this, ft, t);
+    o(this, wt, t);
   }
   get noAccountView() {
-    return n(this, vt);
+    return r(this, $t);
   }
   set noAccountView(t) {
-    l(this, vt, t);
+    o(this, $t, t);
   }
   get settings() {
-    return n(this, wt);
+    return r(this, yt);
   }
   set settings(t) {
-    l(this, wt, t);
+    o(this, yt, t);
   }
   get authEnabled() {
-    return n(this, $t);
+    return r(this, Et);
   }
   set authEnabled(t) {
-    l(this, $t, t);
+    o(this, Et, t);
   }
   get allowEmailSignin() {
-    return n(this, yt);
+    return r(this, St);
   }
   set allowEmailSignin(t) {
-    l(this, yt, t);
+    o(this, St, t);
   }
   get allowEmailSignup() {
-    return n(this, Et);
+    return r(this, Ct);
   }
   set allowEmailSignup(t) {
-    l(this, Et, t);
+    o(this, Ct, t);
   }
   get allowEmailOtp() {
-    return n(this, St);
+    return r(this, Pt);
   }
   set allowEmailOtp(t) {
-    l(this, St, t);
+    o(this, Pt, t);
   }
   get allowOauth() {
-    return n(this, Ct);
+    return r(this, kt);
   }
   set allowOauth(t) {
-    l(this, Ct, t);
+    o(this, kt, t);
   }
   get allowAccountCreation() {
-    return n(this, Pt);
+    return r(this, _t);
   }
   set allowAccountCreation(t) {
-    l(this, Pt, t);
+    o(this, _t, t);
   }
   get layout() {
-    return n(this, kt);
+    return r(this, Ot);
   }
   set layout(t) {
-    l(this, kt, t);
+    o(this, Ot, t);
   }
   get oauthPlacement() {
-    return n(this, _t);
+    return r(this, xt);
   }
   set oauthPlacement(t) {
-    l(this, _t, t);
+    o(this, xt, t);
   }
   get stepped() {
-    return n(this, Ot);
+    return r(this, Tt);
   }
   set stepped(t) {
-    l(this, Ot, t);
+    o(this, Tt, t);
   }
   get logoText() {
-    return n(this, xt);
+    return r(this, Ut);
   }
   set logoText(t) {
-    l(this, xt, t);
+    o(this, Ut, t);
   }
   get logoUrl() {
-    return n(this, Tt);
+    return r(this, Lt);
   }
   set logoUrl(t) {
-    l(this, Tt, t);
+    o(this, Lt, t);
   }
   get brandLine() {
-    return n(this, Ut);
+    return r(this, At);
   }
   set brandLine(t) {
-    l(this, Ut, t);
+    o(this, At, t);
   }
   get brandFoot() {
-    return n(this, Lt);
+    return r(this, Mt);
   }
   set brandFoot(t) {
-    l(this, Lt, t);
+    o(this, Mt, t);
   }
   get signInTitle() {
-    return n(this, At);
+    return r(this, Nt);
   }
   set signInTitle(t) {
-    l(this, At, t);
+    o(this, Nt, t);
   }
   get branding() {
-    return n(this, Mt);
+    return r(this, It);
   }
   set branding(t) {
-    l(this, Mt, 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);
   }
   get redirectUrl() {
-    return n(this, Nt);
+    return r(this, Bt);
   }
   set redirectUrl(t) {
-    l(this, Nt, t);
+    o(this, Bt, t);
   }
   get tosUrl() {
-    return n(this, It);
+    return r(this, Rt);
   }
   set tosUrl(t) {
-    l(this, It, t);
+    o(this, Rt, t);
   }
   get privacyUrl() {
-    return n(this, Ft);
+    return r(this, jt);
   }
   set privacyUrl(t) {
-    l(this, Ft, t);
+    o(this, jt, t);
   }
   get nonceStorageKey() {
-    return n(this, Dt);
+    return r(this, Ht);
   }
   set nonceStorageKey(t) {
-    l(this, Dt, t);
+    o(this, Ht, t);
   }
   get inviteEmail() {
-    return n(this, Bt);
+    return r(this, qt);
   }
   set inviteEmail(t) {
-    l(this, Bt, t);
+    o(this, qt, t);
   }
   get inviteOrg() {
-    return n(this, Rt);
+    return r(this, Vt);
   }
   set inviteOrg(t) {
-    l(this, Rt, t);
+    o(this, Vt, t);
   }
   get inviteCode() {
-    return n(this, Ht);
+    return r(this, Gt);
   }
   set inviteCode(t) {
-    l(this, Ht, t);
+    o(this, Gt, t);
   }
   get step() {
-    return n(this, jt);
+    return r(this, Kt);
   }
   set step(t) {
-    l(this, jt, t);
+    o(this, Kt, t);
   }
   get method() {
-    return n(this, qt);
+    return r(this, Yt);
   }
   set method(t) {
-    l(this, qt, t);
+    o(this, Yt, t);
   }
   get email() {
-    return n(this, Gt);
+    return r(this, Wt);
   }
   set email(t) {
-    l(this, Gt, t);
+    o(this, Wt, t);
   }
   get password() {
-    return n(this, Vt);
+    return r(this, zt);
   }
   set password(t) {
-    l(this, Vt, t);
+    o(this, zt, t);
   }
   get name() {
-    return n(this, Kt);
+    return r(this, Jt);
   }
   set name(t) {
-    l(this, Kt, t);
+    o(this, Jt, t);
   }
   get firstName() {
-    return n(this, Yt);
+    return r(this, Qt);
   }
   set firstName(t) {
-    l(this, Yt, t);
+    o(this, Qt, t);
   }
   get lastName() {
-    return n(this, Wt);
+    return r(this, Xt);
   }
   set lastName(t) {
-    l(this, Wt, t);
+    o(this, Xt, t);
   }
   get phone() {
-    return n(this, zt);
+    return r(this, Zt);
   }
   set phone(t) {
-    l(this, zt, t);
+    o(this, Zt, t);
   }
   get newPass() {
-    return n(this, Jt);
+    return r(this, te);
   }
   set newPass(t) {
-    l(this, Jt, t);
+    o(this, te, t);
   }
   get confirmPass() {
-    return n(this, Qt);
+    return r(this, ee);
   }
   set confirmPass(t) {
-    l(this, Qt, t);
+    o(this, ee, t);
   }
   get code() {
-    return n(this, Xt);
+    return r(this, se);
   }
   set code(t) {
-    l(this, Xt, t);
+    o(this, se, t);
   }
   get verifyNext() {
-    return n(this, Zt);
+    return r(this, ie);
   }
   set verifyNext(t) {
-    l(this, Zt, t);
+    o(this, ie, t);
   }
   get loading() {
-    return n(this, te);
+    return r(this, ae);
   }
   set loading(t) {
-    l(this, te, t);
+    o(this, ae, t);
   }
   get banner() {
-    return n(this, ee);
+    return r(this, re);
   }
   set banner(t) {
-    l(this, ee, t);
+    o(this, re, t);
   }
   get notice() {
-    return n(this, se);
+    return r(this, ne);
   }
   set notice(t) {
-    l(this, se, t);
+    o(this, ne, t);
   }
   get emailError() {
-    return n(this, ie);
+    return r(this, oe);
   }
   set emailError(t) {
-    l(this, ie, t);
+    o(this, oe, t);
   }
   get passError() {
-    return n(this, ae);
+    return r(this, le);
   }
   set passError(t) {
-    l(this, ae, t);
+    o(this, le, t);
   }
   get newPassError() {
-    return n(this, re);
+    return r(this, he);
   }
   set newPassError(t) {
-    l(this, re, t);
+    o(this, he, t);
   }
   get attempts() {
-    return n(this, ne);
+    return r(this, de);
   }
   set attempts(t) {
-    l(this, ne, t);
+    o(this, de, t);
   }
   get needsMfaCode() {
-    return n(this, oe);
+    return r(this, ce);
   }
   set needsMfaCode(t) {
-    l(this, oe, t);
+    o(this, ce, t);
   }
   uid(t) {
     return `${this.uidBase}-${t}`;
@@ -2041,7 +2065,7 @@ let u = (Be = 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 }) => {
-      Ie(h) && this.goto(h);
+      Be(h) && this.goto(h);
     }), s = t.on("signin", () => {
       this.followRedirect();
     });
@@ -2084,7 +2108,7 @@ let u = (Be = class extends $ {
   /** The screen the host asked for, before any guarding is applied. */
   get requestedScreen() {
     const t = this.screen || this.initialScreen || "signin";
-    return Ie(t) ? t : "signin";
+    return Be(t) ? t : "signin";
   }
   /**
    * Resolves the screen actually rendered.
@@ -2097,7 +2121,7 @@ let u = (Be = class extends $ {
   get activeScreen() {
     if (this.isOAuthCallback) return "oauth-callback";
     const t = this.auth.state.status === "authenticated", e = this.requestedScreen;
-    if (As(e))
+    if (Ds(e))
       return t ? e : "signin";
     if (t)
       return this.screen !== "" || this.initialScreen !== "signin" ? e : "account";
@@ -2107,7 +2131,7 @@ let u = (Be = 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" && Ne(this.activeScreen);
+    return this.auth.state.status === "authenticated" && De(this.activeScreen);
   }
   // ── redirect ──────────────────────────────────────────────
   /**
@@ -2120,7 +2144,7 @@ let u = (Be = class extends $ {
    */
   get redirectTarget() {
     var t;
-    return os(
+    return ds(
       this.redirectUrl || this.redirectParam,
       (t = globalThis.location) == null ? void 0 : t.href,
       (e) => console.warn(`[singlebase] ${e}`)
@@ -2143,10 +2167,10 @@ let u = (Be = class extends $ {
     return t.has("access_code") || t.has("error");
   }
   get callbackDone() {
-    return n(this, le);
+    return r(this, ue);
   }
   set callbackDone(t) {
-    l(this, le, t);
+    o(this, ue, t);
   }
   /** Strips the provider's parameters so a reload cannot replay the exchange. */
   cleanCallbackUrl() {
@@ -2189,11 +2213,12 @@ let u = (Be = 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 this.branding ? a`<div class="branding" part="branding">
-      <a href="https://singlebase.cloud" target="_blank" rel="noopener noreferrer"
-        >${this.msg.brandingLabel}</a
-      >
-    </div>` : d;
+    return ps(
+      this.branding,
+      this.brandingText,
+      this.msg.brandingLabel,
+      this.brandingUrl
+    );
   }
   /** Every screen renders inside this, so the credit appears once and only once. */
   panel(t) {
@@ -2238,7 +2263,7 @@ let u = (Be = class extends $ {
     }
   }
   describeError(t) {
-    if (t instanceof ye) {
+    if (t instanceof Ce) {
       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.";
     }
@@ -2357,7 +2382,7 @@ let u = (Be = class extends $ {
             last_name: h.join(" ") || "—"
           },
           this.signal()
-        ), w = rs({
+        ), w = ls({
           next_action: c.next_action,
           next_operation: c.next_operation
         });
@@ -2385,11 +2410,11 @@ let u = (Be = class extends $ {
           this.signal()
         ), this.step = 0;
       } catch (i) {
-        if (i instanceof ye && i.code === "CODE_REQUIRED") {
+        if (i instanceof Ce && 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 ye && i.code === "INVALID_CREDENTIALS") {
+        if (i instanceof Ce && i.code === "INVALID_CREDENTIALS") {
           this.attempts += 1, this.banner = this.attempts >= 3 ? this.msg.rateLimitedMessage : "That email and password do not match.";
           return;
         }
@@ -2630,35 +2655,35 @@ let u = (Be = 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", $e = t === "signup" ? this.msg.emailMethodTitleSignUp : this.msg.emailMethodTitle, ze = t === "otp" ? this.msg.emailMethodMetaOtp : t === "signup" ? this.msg.emailMethodMetaSignUp : this.msg.emailMethodMeta, Pe = (Oe, Je, Qe, Xe, Ze, xe) => a`
-      <div class="acc-item ${Oe ? "open" : ""} ${h ? "" : "bare"}" part="acc-item">
+    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">
         ${h ? a`
                 <button
                   type="button"
                   class="acc-head"
-                  aria-expanded=${Oe ? "true" : "false"}
-                  aria-controls=${this.uid(`acc-${xe}`)}
-                  @click=${Ze}
+                  aria-expanded=${Ue ? "true" : "false"}
+                  aria-controls=${this.uid(`acc-${Le}`)}
+                  @click=${ss}
                 >
                   <span class="chev" aria-hidden="true">›</span>
-                  <span class="acc-title">${Je}</span>
-                  <span class="acc-meta">${Qe}</span>
+                  <span class="acc-title">${Ze}</span>
+                  <span class="acc-meta">${ts}</span>
                 </button>
               ` : d}
-        <div class="acc-body" id=${this.uid(`acc-${xe}`)}>
+        <div class="acc-body" id=${this.uid(`acc-${Le}`)}>
           <div class="acc-clip">
-            <div class="acc-inner">${Xe}</div>
+            <div class="acc-inner">${es}</div>
           </div>
         </div>
       </div>
-    `, ke = s ? Pe(
+    `, xe = s ? Oe(
       w,
-      $e,
-      ze,
+      Se,
+      Xe,
       this.renderEmailMethodBody(t),
       () => this.method = w ? "" : "email",
       "email"
-    ) : d, _e = i ? Pe(
+    ) : d, Te = i ? Oe(
       y,
       this.msg.oauthMethodTitle,
       this.msg.oauthMethodMeta,
@@ -2678,7 +2703,7 @@ let u = (Be = class extends $ {
     ) : d;
     return a`
       <div class="acc-wrap">
-        ${this.oauthPlacement === "top" ? a`${_e}${ke}` : a`${ke}${_e}`}
+        ${this.oauthPlacement === "top" ? a`${Te}${xe}` : a`${xe}${Te}`}
       </div>
     `;
   }
@@ -2921,7 +2946,7 @@ let u = (Be = 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 && Ne(t);
+    const e = this.cfg, s = !e.allowEmailSignin && !e.allowEmailOtp && !e.allowOauth, i = !e.authEnabled || s && De(t);
     return a`
       ${this.layout === "split" ? a`
               <div class="brand-panel">
@@ -2933,10 +2958,11 @@ let u = (Be = class extends $ {
       ${this.panel(i ? this.renderBlocked() : this.renderGuest(t))}
     `;
   }
-}, bt = new WeakMap(), ft = new WeakMap(), 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(), Ht = new WeakMap(), jt = new WeakMap(), qt = new WeakMap(), Gt = new WeakMap(), Vt = 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(), Be);
-Us(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(), 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", [
   ...$.styles,
-  je`
+  us,
+  Ge`
       /* the mock's root */
       :host {
         display: flex;
@@ -2945,7 +2971,7 @@ Us(u, "styles", [
         background: var(--sb-surface, #ffffff);
         color: var(--sb-ink, #16181a);
         border: 1px solid var(--sb-border, #e4e6e9);
-        border-radius: calc(var(--sb-radius, 4px) + 4px);
+        border-radius: calc((var(--sb-radius, 4px) + 4px) * var(--sb-radius-scale, 1));
         overflow: hidden;
       }
 
@@ -3003,22 +3029,6 @@ Us(u, "styles", [
 
       .branding {
         margin-top: 18px;
-        text-align: center;
-        font-family: var(--sb-mono, "Geist Mono", ui-monospace, monospace);
-        font-size: 10.5px;
-        letter-spacing: 0.06em;
-        color: var(--sb-muted-ink, #61666c);
-      }
-
-      .branding a {
-        color: inherit;
-        text-decoration: none;
-      }
-
-      .branding a:hover {
-        color: var(--sb-ink, #16181a);
-        text-decoration: underline;
-        text-underline-offset: 3px;
       }
 
       /* the mock's panel */
@@ -3097,6 +3107,12 @@ 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);
@@ -3182,40 +3198,40 @@ g([
   m()
 ], u.prototype, "callbackDone", 1);
 u = g([
-  fe("singlebase-authui")
+  ye("singlebase-authui")
 ], u);
-var Ms = Object.defineProperty, Ns = Object.getOwnPropertyDescriptor, Ee = (r, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? Ns(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 && Ms(t, e, i), i;
+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;
 };
-const Is = ["loading", "authenticated", "unauthenticated"];
-var he, de, ce, Re;
-let O = (Re = class extends $ {
+const js = ["loading", "authenticated", "unauthenticated"];
+var pe, ge, me, qe;
+let x = (qe = class extends $ {
   constructor() {
     super(...arguments);
-    o(this, he, "");
-    o(this, de, null);
-    o(this, ce, "unauthenticated");
+    n(this, pe, "");
+    n(this, ge, null);
+    n(this, me, "unauthenticated");
     b(this, "warnedFor", null);
   }
   get slot() {
-    return n(this, he);
+    return r(this, pe);
   }
   set slot(t) {
-    l(this, he, t);
+    o(this, pe, t);
   }
   get predicate() {
-    return n(this, de);
+    return r(this, ge);
   }
   set predicate(t) {
-    l(this, de, t);
+    o(this, ge, t);
   }
   get onMismatch() {
-    return n(this, ce);
+    return r(this, me);
   }
   set onMismatch(t) {
-    l(this, ce, t);
+    o(this, me, t);
   }
   createRenderRoot() {
     return this;
@@ -3228,21 +3244,21 @@ let O = (Re = class extends $ {
     if (!this.predicate) return "authenticated";
     this.warnOnce(this.predicate);
     const e = this.auth.state.user;
-    return cs(e, this.predicate) ? "authenticated" : this.onMismatch === "hidden" ? "hidden" : "unauthenticated";
+    return fs(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 us(t))
+      for (const s of vs(t))
         console.warn(`[singlebase] <singlebase-authui-guard> predicate: ${s}`);
     }
   }
   render() {
     const t = this.activeState;
     if (this.slot) {
-      const e = Is.includes(this.slot) && this.slot === t;
+      const e = js.includes(this.slot) && this.slot === t;
       return this.toggleAttribute("hidden", !e), a`<slot></slot>`;
     }
     this.toggleAttribute("hidden", !1);
@@ -3252,76 +3268,76 @@ let O = (Re = class extends $ {
     }
     return a`<slot></slot>`;
   }
-}, he = new WeakMap(), de = new WeakMap(), ce = new WeakMap(), Re);
-Ee([
+}, pe = new WeakMap(), ge = new WeakMap(), me = new WeakMap(), qe);
+Pe([
   p({ reflect: !0 })
-], O.prototype, "slot", 1);
-Ee([
+], x.prototype, "slot", 1);
+Pe([
   p({
     converter: {
-      fromAttribute: (r) => {
-        if (!r) return null;
+      fromAttribute: (l) => {
+        if (!l) return null;
         try {
-          return JSON.parse(r);
+          return JSON.parse(l);
         } catch {
-          return console.error("[singlebase] guard predicate is not valid JSON:", r), null;
+          return console.error("[singlebase] guard predicate is not valid JSON:", l), null;
         }
       },
-      toAttribute: (r) => r ? JSON.stringify(r) : null
+      toAttribute: (l) => l ? JSON.stringify(l) : null
     }
   })
-], O.prototype, "predicate", 1);
-Ee([
+], x.prototype, "predicate", 1);
+Pe([
   p({ attribute: "on-mismatch" })
-], O.prototype, "onMismatch", 1);
-O = Ee([
-  fe("singlebase-authui-guard")
-], O);
-var We = Object.defineProperty, Fs = Object.getOwnPropertyDescriptor, Ds = (r, t, e) => t in r ? We(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, _ = (r, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? Fs(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 && We(t, e, i), i;
-}, Bs = (r, t, e) => Ds(r, t + "", e);
-const Rs = "profile_photo";
-var ue, pe, ge, me, be, He;
-let S = (He = class extends $ {
+], 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 $ {
   constructor() {
     super(...arguments);
-    o(this, ue, "");
-    o(this, pe, "");
-    o(this, ge, !1);
-    o(this, me, "");
-    o(this, be, !1);
+    n(this, be, "");
+    n(this, fe, "");
+    n(this, ve, !1);
+    n(this, we, "");
+    n(this, $e, !1);
   }
   get path() {
-    return n(this, ue);
+    return r(this, be);
   }
   set path(t) {
-    l(this, ue, t);
+    o(this, be, t);
   }
   get fallback() {
-    return n(this, pe);
+    return r(this, fe);
   }
   set fallback(t) {
-    l(this, pe, t);
+    o(this, fe, t);
   }
   get avatar() {
-    return n(this, ge);
+    return r(this, ve);
   }
   set avatar(t) {
-    l(this, ge, t);
+    o(this, ve, t);
   }
   get alt() {
-    return n(this, me);
+    return r(this, we);
   }
   set alt(t) {
-    l(this, me, t);
+    o(this, we, t);
   }
   get imageFailed() {
-    return n(this, be);
+    return r(this, $e);
   }
   set imageFailed(t) {
-    l(this, be, t);
+    o(this, $e, t);
   }
   willUpdate(t) {
     super.willUpdate(t), (t.has("path") || t.has("avatar")) && (this.imageFailed = !1);
@@ -3334,13 +3350,13 @@ let S = (He = class extends $ {
   get textValue() {
     const t = this.profile;
     if (!t || !this.path) return "";
-    const e = Le(t, this.path);
+    const e = Ne(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 = Le(t, this.path || Rs);
+    const e = Ne(t, this.path || Gs);
     return typeof e == "string" ? e : "";
   }
   render() {
@@ -3362,13 +3378,13 @@ let S = (He = class extends $ {
       part="avatar-initials"
       class="initials"
       aria-hidden=${this.alt ? "false" : "true"}
-      >${Ge(t)}</span
+      >${Ye(t)}</span
     >`;
   }
-}, ue = new WeakMap(), pe = new WeakMap(), ge = new WeakMap(), me = new WeakMap(), be = new WeakMap(), He);
-Bs(S, "styles", [
+}, be = new WeakMap(), fe = new WeakMap(), ve = new WeakMap(), we = new WeakMap(), $e = new WeakMap(), Ve);
+Vs(S, "styles", [
   ...$.styles,
-  je`
+  Ge`
       /* Text sits in a sentence; an avatar is a box the host sizes. */
       :host {
         display: inline;
@@ -3408,38 +3424,38 @@ Bs(S, "styles", [
       }
     `
 ]);
-_([
+O([
   p()
 ], S.prototype, "path", 1);
-_([
+O([
   p()
 ], S.prototype, "fallback", 1);
-_([
+O([
   p({ type: Boolean, reflect: !0 })
 ], S.prototype, "avatar", 1);
-_([
+O([
   p()
 ], S.prototype, "alt", 1);
-_([
+O([
   m()
 ], S.prototype, "imageFailed", 1);
-S = _([
-  fe("singlebase-authui-display")
+S = O([
+  ye("singlebase-authui-display")
 ], S);
 export {
-  gs as A,
-  Se as S,
+  ws as A,
+  ke as S,
   f as a,
   E as b,
   S as c,
-  O as d,
+  x as d,
   u as e,
-  Ae as f,
-  qe as g,
-  Ne as h,
-  Ge as i,
-  As as j,
-  Ie as k,
-  ms as r
+  Ie as f,
+  Ke as g,
+  De as h,
+  Ye as i,
+  Ds as j,
+  Be as k,
+  $s as r
 };
-//# sourceMappingURL=authui-display-BCZBP7HR.js.map
+//# sourceMappingURL=authui-display-CKfGK5va.js.map