@hotosm/hanko-auth 0.4.5 → 0.4.6

package/dist/hanko-auth.esm.js

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const an = globalThis, Gn = an.ShadowRoot && (an.ShadyCSS === void 0 || an.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Xn = Symbol(), So = /* @__PURE__ */ new WeakMap();
-let si = class {
+let ui = class {
   constructor(e, t, o) {
     if (this._$cssResult$ = !0, o !== Xn) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = e, this.t = t;
@@ -22,14 +22,14 @@ let si = class {
     return this.cssText;
   }
 };
-const zi = (n) => new si(typeof n == "string" ? n : n + "", void 0, Xn), Hi = (n, ...e) => {
+const Ki = (n) => new ui(typeof n == "string" ? n : n + "", void 0, Xn), Vi = (n, ...e) => {
   const t = n.length === 1 ? n[0] : e.reduce((o, i, a) => o + ((s) => {
     if (s._$cssResult$ === !0) return s.cssText;
     if (typeof s == "number") return s;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + s + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(i) + n[a + 1], n[0]);
-  return new si(t, n, Xn);
-}, Wi = (n, e) => {
+  return new ui(t, n, Xn);
+}, Bi = (n, e) => {
   if (Gn) n.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
   else for (const t of e) {
     const o = document.createElement("style"), i = an.litNonce;
@@ -38,17 +38,17 @@ const zi = (n) => new si(typeof n == "string" ? n : n + "", void 0, Xn), Hi = (n
 }, xo = Gn ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((e) => {
   let t = "";
   for (const o of e.cssRules) t += o.cssText;
-  return zi(t);
+  return Ki(t);
 })(n) : n;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Fi, defineProperty: Ki, getOwnPropertyDescriptor: Vi, getOwnPropertyNames: Bi, getOwnPropertySymbols: Zi, getPrototypeOf: Ji } = Object, st = globalThis, Ao = st.trustedTypes, Yi = Ao ? Ao.emptyScript : "", Dn = st.reactiveElementPolyfillSupport, Ut = (n, e) => n, fn = { toAttribute(n, e) {
+const { is: Zi, defineProperty: Ji, getOwnPropertyDescriptor: Yi, getOwnPropertyNames: Qi, getOwnPropertySymbols: Gi, getPrototypeOf: Xi } = Object, st = globalThis, Ao = st.trustedTypes, ea = Ao ? Ao.emptyScript : "", Dn = st.reactiveElementPolyfillSupport, Ut = (n, e) => n, fn = { toAttribute(n, e) {
   switch (e) {
     case Boolean:
-      n = n ? Yi : null;
+      n = n ? ea : null;
       break;
     case Object:
     case Array:
@@ -73,7 +73,7 @@ const { is: Fi, defineProperty: Ki, getOwnPropertyDescriptor: Vi, getOwnProperty
       }
   }
   return t;
-} }, eo = (n, e) => !Fi(n, e), Co = { attribute: !0, type: String, converter: fn, reflect: !1, useDefault: !1, hasChanged: eo };
+} }, eo = (n, e) => !Zi(n, e), Co = { attribute: !0, type: String, converter: fn, reflect: !1, useDefault: !1, hasChanged: eo };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), st.litPropertyMetadata ?? (st.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 let pt = class extends HTMLElement {
   static addInitializer(e) {
@@ -85,11 +85,11 @@ let pt = class extends HTMLElement {
   static createProperty(e, t = Co) {
     if (t.state && (t.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((t = Object.create(t)).wrapped = !0), this.elementProperties.set(e, t), !t.noAccessor) {
       const o = Symbol(), i = this.getPropertyDescriptor(e, o, t);
-      i !== void 0 && Ki(this.prototype, e, i);
+      i !== void 0 && Ji(this.prototype, e, i);
     }
   }
   static getPropertyDescriptor(e, t, o) {
-    const { get: i, set: a } = Vi(this.prototype, e) ?? { get() {
+    const { get: i, set: a } = Yi(this.prototype, e) ?? { get() {
       return this[t];
     }, set(s) {
       this[t] = s;
@@ -104,13 +104,13 @@ let pt = class extends HTMLElement {
   }
   static _$Ei() {
     if (this.hasOwnProperty(Ut("elementProperties"))) return;
-    const e = Ji(this);
+    const e = Xi(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
     if (this.hasOwnProperty(Ut("finalized"))) return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(Ut("properties"))) {
-      const t = this.properties, o = [...Bi(t), ...Zi(t)];
+      const t = this.properties, o = [...Qi(t), ...Gi(t)];
       for (const i of o) this.createProperty(i, t[i]);
     }
     const e = this[Symbol.metadata];
@@ -159,7 +159,7 @@ let pt = class extends HTMLElement {
   }
   createRenderRoot() {
     const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Wi(e, this.constructor.elementStyles), e;
+    return Bi(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
     var e;
@@ -284,42 +284,42 @@ pt.elementStyles = [], pt.shadowRootOptions = { mode: "open" }, pt[Ut("elementPr
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Nt = globalThis, Oo = (n) => n, vn = Nt.trustedTypes, Po = vn ? vn.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, li = "$lit$", rt = `lit$${Math.random().toFixed(9).slice(2)}$`, ci = "?" + rt, Qi = `<${ci}>`, ht = document, Rt = () => ht.createComment(""), qt = (n) => n === null || typeof n != "object" && typeof n != "function", to = Array.isArray, Gi = (n) => to(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", jn = `[ 	
+const Nt = globalThis, Oo = (n) => n, vn = Nt.trustedTypes, Po = vn ? vn.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, hi = "$lit$", rt = `lit$${Math.random().toFixed(9).slice(2)}$`, pi = "?" + rt, ta = `<${pi}>`, ht = document, Rt = () => ht.createComment(""), qt = (n) => n === null || typeof n != "object" && typeof n != "function", to = Array.isArray, na = (n) => to(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", jn = `[ 	
 \f\r]`, yt = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Eo = /-->/g, Io = />/g, ct = RegExp(`>|${jn}(?:([^\\s"'>=/]+)(${jn}*=${jn}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Do = /'/g, jo = /"/g, di = /^(?:script|style|textarea|title)$/i, Xi = (n) => (e, ...t) => ({ _$litType$: n, strings: e, values: t }), Ue = Xi(1), ft = Symbol.for("lit-noChange"), Le = Symbol.for("lit-nothing"), Lo = /* @__PURE__ */ new WeakMap(), dt = ht.createTreeWalker(ht, 129);
-function ui(n, e) {
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Do = /'/g, jo = /"/g, mi = /^(?:script|style|textarea|title)$/i, oa = (n) => (e, ...t) => ({ _$litType$: n, strings: e, values: t }), xe = oa(1), ft = Symbol.for("lit-noChange"), $e = Symbol.for("lit-nothing"), Lo = /* @__PURE__ */ new WeakMap(), dt = ht.createTreeWalker(ht, 129);
+function gi(n, e) {
   if (!to(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return Po !== void 0 ? Po.createHTML(e) : e;
 }
-const ea = (n, e) => {
+const ia = (n, e) => {
   const t = n.length - 1, o = [];
   let i, a = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", s = yt;
   for (let c = 0; c < t; c++) {
     const d = n[c];
     let l, u, h = -1, f = 0;
-    for (; f < d.length && (s.lastIndex = f, u = s.exec(d), u !== null); ) f = s.lastIndex, s === yt ? u[1] === "!--" ? s = Eo : u[1] !== void 0 ? s = Io : u[2] !== void 0 ? (di.test(u[2]) && (i = RegExp("</" + u[2], "g")), s = ct) : u[3] !== void 0 && (s = ct) : s === ct ? u[0] === ">" ? (s = i ?? yt, h = -1) : u[1] === void 0 ? h = -2 : (h = s.lastIndex - u[2].length, l = u[1], s = u[3] === void 0 ? ct : u[3] === '"' ? jo : Do) : s === jo || s === Do ? s = ct : s === Eo || s === Io ? s = yt : (s = ct, i = void 0);
+    for (; f < d.length && (s.lastIndex = f, u = s.exec(d), u !== null); ) f = s.lastIndex, s === yt ? u[1] === "!--" ? s = Eo : u[1] !== void 0 ? s = Io : u[2] !== void 0 ? (mi.test(u[2]) && (i = RegExp("</" + u[2], "g")), s = ct) : u[3] !== void 0 && (s = ct) : s === ct ? u[0] === ">" ? (s = i ?? yt, h = -1) : u[1] === void 0 ? h = -2 : (h = s.lastIndex - u[2].length, l = u[1], s = u[3] === void 0 ? ct : u[3] === '"' ? jo : Do) : s === jo || s === Do ? s = ct : s === Eo || s === Io ? s = yt : (s = ct, i = void 0);
     const m = s === ct && n[c + 1].startsWith("/>") ? " " : "";
-    a += s === yt ? d + Qi : h >= 0 ? (o.push(l), d.slice(0, h) + li + d.slice(h) + rt + m) : d + rt + (h === -2 ? c : m);
+    a += s === yt ? d + ta : h >= 0 ? (o.push(l), d.slice(0, h) + hi + d.slice(h) + rt + m) : d + rt + (h === -2 ? c : m);
   }
-  return [ui(n, a + (n[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), o];
+  return [gi(n, a + (n[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), o];
 };
-let Bn = class hi {
+let Bn = class fi {
   constructor({ strings: e, _$litType$: t }, o) {
     let i;
     this.parts = [];
     let a = 0, s = 0;
-    const c = e.length - 1, d = this.parts, [l, u] = ea(e, t);
-    if (this.el = hi.createElement(l, o), dt.currentNode = this.el.content, t === 2 || t === 3) {
+    const c = e.length - 1, d = this.parts, [l, u] = ia(e, t);
+    if (this.el = fi.createElement(l, o), dt.currentNode = this.el.content, t === 2 || t === 3) {
       const h = this.el.content.firstChild;
       h.replaceWith(...h.childNodes);
     }
     for (; (i = dt.nextNode()) !== null && d.length < c; ) {
       if (i.nodeType === 1) {
-        if (i.hasAttributes()) for (const h of i.getAttributeNames()) if (h.endsWith(li)) {
+        if (i.hasAttributes()) for (const h of i.getAttributeNames()) if (h.endsWith(hi)) {
           const f = u[s++], m = i.getAttribute(h).split(rt), x = /([.?@])?(.*)/.exec(f);
-          d.push({ type: 1, index: a, name: x[2], strings: m, ctor: x[1] === "." ? na : x[1] === "?" ? oa : x[1] === "@" ? ia : kn }), i.removeAttribute(h);
+          d.push({ type: 1, index: a, name: x[2], strings: m, ctor: x[1] === "." ? ra : x[1] === "?" ? sa : x[1] === "@" ? la : kn }), i.removeAttribute(h);
         } else h.startsWith(rt) && (d.push({ type: 6, index: a }), i.removeAttribute(h));
-        if (di.test(i.tagName)) {
+        if (mi.test(i.tagName)) {
           const h = i.textContent.split(rt), f = h.length - 1;
           if (f > 0) {
             i.textContent = vn ? vn.emptyScript : "";
@@ -327,7 +327,7 @@ let Bn = class hi {
             i.append(h[f], Rt());
           }
         }
-      } else if (i.nodeType === 8) if (i.data === ci) d.push({ type: 2, index: a });
+      } else if (i.nodeType === 8) if (i.data === pi) d.push({ type: 2, index: a });
       else {
         let h = -1;
         for (; (h = i.data.indexOf(rt, h + 1)) !== -1; ) d.push({ type: 7, index: a }), h += rt.length - 1;
@@ -347,7 +347,7 @@ function vt(n, e, t = n, o) {
   const a = qt(e) ? void 0 : e._$litDirective$;
   return (i == null ? void 0 : i.constructor) !== a && ((c = i == null ? void 0 : i._$AO) == null || c.call(i, !1), a === void 0 ? i = void 0 : (i = new a(n), i._$AT(n, t, o)), o !== void 0 ? (t._$Co ?? (t._$Co = []))[o] = i : t._$Cl = i), i !== void 0 && (e = vt(n, i._$AS(n, e.values), i, o)), e;
 }
-let ta = class {
+let aa = class {
   constructor(e, t) {
     this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
   }
@@ -364,7 +364,7 @@ let ta = class {
     for (; d !== void 0; ) {
       if (s === d.index) {
         let l;
-        d.type === 2 ? l = new no(a, a.nextSibling, this, e) : d.type === 1 ? l = new d.ctor(a, d.name, d.strings, this, e) : d.type === 6 && (l = new aa(a, this, e)), this._$AV.push(l), d = o[++c];
+        d.type === 2 ? l = new no(a, a.nextSibling, this, e) : d.type === 1 ? l = new d.ctor(a, d.name, d.strings, this, e) : d.type === 6 && (l = new ca(a, this, e)), this._$AV.push(l), d = o[++c];
       }
       s !== (d == null ? void 0 : d.index) && (a = dt.nextNode(), s++);
     }
@@ -374,13 +374,13 @@ let ta = class {
     let t = 0;
     for (const o of this._$AV) o !== void 0 && (o.strings !== void 0 ? (o._$AI(e, o, t), t += o.strings.length - 2) : o._$AI(e[t])), t++;
   }
-}, no = class pi {
+}, no = class vi {
   get _$AU() {
     var e;
     return ((e = this._$AM) == null ? void 0 : e._$AU) ?? this._$Cv;
   }
   constructor(e, t, o, i) {
-    this.type = 2, this._$AH = Le, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = o, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;
+    this.type = 2, this._$AH = $e, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = o, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;
   }
   get parentNode() {
     let e = this._$AA.parentNode;
@@ -394,7 +394,7 @@ let ta = class {
     return this._$AB;
   }
   _$AI(e, t = this) {
-    e = vt(this, e, t), qt(e) ? e === Le || e == null || e === "" ? (this._$AH !== Le && this._$AR(), this._$AH = Le) : e !== this._$AH && e !== ft && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Gi(e) ? this.k(e) : this._(e);
+    e = vt(this, e, t), qt(e) ? e === $e || e == null || e === "" ? (this._$AH !== $e && this._$AR(), this._$AH = $e) : e !== this._$AH && e !== ft && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : na(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -403,14 +403,14 @@ let ta = class {
     this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
   _(e) {
-    this._$AH !== Le && qt(this._$AH) ? this._$AA.nextSibling.data = e : this.T(ht.createTextNode(e)), this._$AH = e;
+    this._$AH !== $e && qt(this._$AH) ? this._$AA.nextSibling.data = e : this.T(ht.createTextNode(e)), this._$AH = e;
   }
   $(e) {
     var a;
-    const { values: t, _$litType$: o } = e, i = typeof o == "number" ? this._$AC(e) : (o.el === void 0 && (o.el = Bn.createElement(ui(o.h, o.h[0]), this.options)), o);
+    const { values: t, _$litType$: o } = e, i = typeof o == "number" ? this._$AC(e) : (o.el === void 0 && (o.el = Bn.createElement(gi(o.h, o.h[0]), this.options)), o);
     if (((a = this._$AH) == null ? void 0 : a._$AD) === i) this._$AH.p(t);
     else {
-      const s = new ta(i, this), c = s.u(this.options);
+      const s = new aa(i, this), c = s.u(this.options);
       s.p(t), this.T(c), this._$AH = s;
     }
   }
@@ -422,7 +422,7 @@ let ta = class {
     to(this._$AH) || (this._$AH = [], this._$AR());
     const t = this._$AH;
     let o, i = 0;
-    for (const a of e) i === t.length ? t.push(o = new pi(this.O(Rt()), this.O(Rt()), this, this.options)) : o = t[i], o._$AI(a), i++;
+    for (const a of e) i === t.length ? t.push(o = new vi(this.O(Rt()), this.O(Rt()), this, this.options)) : o = t[i], o._$AI(a), i++;
     i < t.length && (this._$AR(o && o._$AB.nextSibling, i), t.length = i);
   }
   _$AR(e = this._$AA.nextSibling, t) {
@@ -444,7 +444,7 @@ let ta = class {
     return this._$AM._$AU;
   }
   constructor(e, t, o, i, a) {
-    this.type = 1, this._$AH = Le, this._$AN = void 0, this.element = e, this.name = t, this._$AM = i, this.options = a, o.length > 2 || o[0] !== "" || o[1] !== "" ? (this._$AH = Array(o.length - 1).fill(new String()), this.strings = o) : this._$AH = Le;
+    this.type = 1, this._$AH = $e, this._$AN = void 0, this.element = e, this.name = t, this._$AM = i, this.options = a, o.length > 2 || o[0] !== "" || o[1] !== "" ? (this._$AH = Array(o.length - 1).fill(new String()), this.strings = o) : this._$AH = $e;
   }
   _$AI(e, t = this, o, i) {
     const a = this.strings;
@@ -453,41 +453,41 @@ let ta = class {
     else {
       const c = e;
       let d, l;
-      for (e = a[0], d = 0; d < a.length - 1; d++) l = vt(this, c[o + d], t, d), l === ft && (l = this._$AH[d]), s || (s = !qt(l) || l !== this._$AH[d]), l === Le ? e = Le : e !== Le && (e += (l ?? "") + a[d + 1]), this._$AH[d] = l;
+      for (e = a[0], d = 0; d < a.length - 1; d++) l = vt(this, c[o + d], t, d), l === ft && (l = this._$AH[d]), s || (s = !qt(l) || l !== this._$AH[d]), l === $e ? e = $e : e !== $e && (e += (l ?? "") + a[d + 1]), this._$AH[d] = l;
     }
     s && !i && this.j(e);
   }
   j(e) {
-    e === Le ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
+    e === $e ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
-}, na = class extends kn {
+}, ra = class extends kn {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(e) {
-    this.element[this.name] = e === Le ? void 0 : e;
+    this.element[this.name] = e === $e ? void 0 : e;
   }
-}, oa = class extends kn {
+}, sa = class extends kn {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(e) {
-    this.element.toggleAttribute(this.name, !!e && e !== Le);
+    this.element.toggleAttribute(this.name, !!e && e !== $e);
   }
-}, ia = class extends kn {
+}, la = class extends kn {
   constructor(e, t, o, i, a) {
     super(e, t, o, i, a), this.type = 5;
   }
   _$AI(e, t = this) {
-    if ((e = vt(this, e, t, 0) ?? Le) === ft) return;
-    const o = this._$AH, i = e === Le && o !== Le || e.capture !== o.capture || e.once !== o.once || e.passive !== o.passive, a = e !== Le && (o === Le || i);
+    if ((e = vt(this, e, t, 0) ?? $e) === ft) return;
+    const o = this._$AH, i = e === $e && o !== $e || e.capture !== o.capture || e.once !== o.once || e.passive !== o.passive, a = e !== $e && (o === $e || i);
     i && this.element.removeEventListener(this.name, this, o), a && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
   handleEvent(e) {
     var t;
     typeof this._$AH == "function" ? this._$AH.call(((t = this.options) == null ? void 0 : t.host) ?? this.element, e) : this._$AH.handleEvent(e);
   }
-}, aa = class {
+}, ca = class {
   constructor(e, t, o) {
     this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = o;
   }
@@ -500,7 +500,7 @@ let ta = class {
 };
 const Ln = Nt.litHtmlPolyfillSupport;
 Ln == null || Ln(Bn, no), (Nt.litHtmlVersions ?? (Nt.litHtmlVersions = [])).push("3.3.2");
-const ra = (n, e, t) => {
+const da = (n, e, t) => {
   const o = (t == null ? void 0 : t.renderBefore) ?? e;
   let i = o._$litPart$;
   if (i === void 0) {
@@ -526,7 +526,7 @@ let Mt = class extends pt {
   }
   update(e) {
     const t = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = ra(t, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = da(t, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var e;
@@ -540,17 +540,17 @@ let Mt = class extends pt {
     return ft;
   }
 };
-var ri;
-Mt._$litElement$ = !0, Mt.finalized = !0, (ri = ut.litElementHydrateSupport) == null || ri.call(ut, { LitElement: Mt });
-const Tn = ut.litElementPolyfillSupport;
-Tn == null || Tn({ LitElement: Mt });
+var di;
+Mt._$litElement$ = !0, Mt.finalized = !0, (di = ut.litElementHydrateSupport) == null || di.call(ut, { LitElement: Mt });
+const $n = ut.litElementPolyfillSupport;
+$n == null || $n({ LitElement: Mt });
 (ut.litElementVersions ?? (ut.litElementVersions = [])).push("4.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const sa = (n) => (e, t) => {
+const ua = (n) => (e, t) => {
   t !== void 0 ? t.addInitializer(() => {
     customElements.define(n, e);
   }) : customElements.define(n, e);
@@ -560,7 +560,7 @@ const sa = (n) => (e, t) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const la = { attribute: !0, type: String, converter: fn, reflect: !1, hasChanged: eo }, ca = (n = la, e, t) => {
+const ha = { attribute: !0, type: String, converter: fn, reflect: !1, hasChanged: eo }, pa = (n = ha, e, t) => {
   const { kind: o, metadata: i } = t;
   let a = globalThis.litPropertyMetadata.get(i);
   if (a === void 0 && globalThis.litPropertyMetadata.set(i, a = /* @__PURE__ */ new Map()), o === "setter" && ((n = Object.create(n)).wrapped = !0), a.set(t.name, n), o === "accessor") {
@@ -581,8 +581,8 @@ const la = { attribute: !0, type: String, converter: fn, reflect: !1, hasChanged
   }
   throw Error("Unsupported decorator location: " + o);
 };
-function Ne(n) {
-  return (e, t) => typeof t == "object" ? ca(n, e, t) : ((o, i, a) => {
+function Te(n) {
+  return (e, t) => typeof t == "object" ? pa(n, e, t) : ((o, i, a) => {
     const s = i.hasOwnProperty(a);
     return i.constructor.createProperty(a, o), s ? Object.getOwnPropertyDescriptor(i, a) : void 0;
   })(n, e, t);
@@ -593,15 +593,15 @@ function Ne(n) {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 function Ye(n) {
-  return Ne({ ...n, state: !0, attribute: !1 });
+  return Te({ ...n, state: !0, attribute: !1 });
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const da = (n) => (...e) => ({ _$litDirective$: n, values: e });
-let ua = class {
+const ma = (n) => (...e) => ({ _$litDirective$: n, values: e });
+let ga = class {
   constructor(e) {
   }
   get _$AU() {
@@ -622,25 +622,25 @@ let ua = class {
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ha = {}, pa = (n, e = ha) => n._$AH = e;
+const fa = {}, va = (n, e = fa) => n._$AH = e;
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ma = da(class extends ua {
+const _a = ma(class extends ga {
   constructor() {
-    super(...arguments), this.key = Le;
+    super(...arguments), this.key = $e;
   }
   render(n, e) {
     return this.key = n, e;
   }
   update(n, [e, t]) {
-    return e !== this.key && (pa(n), this.key = e), t;
+    return e !== this.key && (va(n), this.key = e), t;
   }
 });
 /*! For license information please see elements.js.LICENSE.txt */
-var ga = { 7: function(n, e, t) {
+var ya = { 7: function(n, e, t) {
   (function(o, i, a) {
     var s = function() {
       return s = Object.assign || function(x) {
@@ -689,26 +689,26 @@ var ga = { 7: function(n, e, t) {
     o.TranslateContext = m, o.TranslateProvider = function(x) {
       var O = function(U, N) {
         U = Object.assign({}, f, U), h = N || h;
-        var ae = c(a.useState(U.lang), 2), be = ae[0], re = ae[1], we = c(a.useState(h), 2), M = we[0], H = we[1], _e = c(a.useState(!1), 2), Te = _e[0], Ee = _e[1], $e = function(se) {
-          if (!M.hasOwnProperty(se)) {
-            Ee(!1);
-            var le = d(U.root, se);
-            fetch(le).then(function(me) {
+        var ae = c(a.useState(U.lang), 2), be = ae[0], se = ae[1], we = c(a.useState(h), 2), M = we[0], H = we[1], _e = c(a.useState(!1), 2), Ue = _e[0], Ie = _e[1], Ne = function(le) {
+          if (!M.hasOwnProperty(le)) {
+            Ie(!1);
+            var ce = d(U.root, le);
+            fetch(ce).then(function(me) {
               return me.json();
             }).then(function(me) {
-              h[se] = me, H(s({}, h)), Ee(!0);
+              h[le] = me, H(s({}, h)), Ie(!0);
             }).catch(function(me) {
-              console.log("Aww, snap.", me), H(s({}, h)), Ee(!0);
+              console.log("Aww, snap.", me), H(s({}, h)), Ie(!0);
             });
           }
         };
         return a.useEffect(function() {
-          $e(U.fallbackLang), $e(be);
-        }, [be]), { lang: be, setLang: re, t: function(se, le) {
-          if (!M.hasOwnProperty(be)) return se;
-          var me = u(M, be, se);
-          return me === se && be !== U.fallbackLang && (me = u(M, U.fallbackLang, se)), l(me, le);
-        }, isReady: Te };
+          Ne(U.fallbackLang), Ne(be);
+        }, [be]), { lang: be, setLang: se, t: function(le, ce) {
+          if (!M.hasOwnProperty(be)) return le;
+          var me = u(M, be, le);
+          return me === le && be !== U.fallbackLang && (me = u(M, U.fallbackLang, le)), l(me, ce);
+        }, isReady: Ue };
       }({ root: x.root || "assets", lang: x.lang || "en", fallbackLang: x.fallbackLang || "en" }, x.translations), A = O.t, S = O.setLang, P = O.lang, j = O.isReady;
       return i.h(m.Provider, { value: { t: A, setLang: S, lang: P, isReady: j } }, x.children);
     }, o.format = l, o.getResourceUrl = d, o.getValue = u, Object.defineProperty(o, "__esModule", { value: !0 });
@@ -830,14 +830,14 @@ var ga = { 7: function(n, e, t) {
     v && v.removeChild(g);
   }
   function S(g, v, b) {
-    var D, $, I, z = {};
-    for (I in v) I == "key" ? D = v[I] : I == "ref" ? $ = v[I] : z[I] = v[I];
+    var D, T, I, z = {};
+    for (I in v) I == "key" ? D = v[I] : I == "ref" ? T = v[I] : z[I] = v[I];
     if (arguments.length > 2 && (z.children = arguments.length > 3 ? o.call(arguments, 2) : b), typeof g == "function" && g.defaultProps != null) for (I in g.defaultProps) z[I] === void 0 && (z[I] = g.defaultProps[I]);
-    return P(g, z, D, $, null);
+    return P(g, z, D, T, null);
   }
-  function P(g, v, b, D, $) {
-    var I = { type: g, props: v, key: b, ref: D, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, __h: null, constructor: void 0, __v: $ ?? ++a };
-    return $ == null && i.vnode != null && i.vnode(I), I;
+  function P(g, v, b, D, T) {
+    var I = { type: g, props: v, key: b, ref: D, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, __h: null, constructor: void 0, __v: T ?? ++a };
+    return T == null && i.vnode != null && i.vnode(I), I;
   }
   function j() {
     return { current: null };
@@ -863,15 +863,15 @@ var ga = { 7: function(n, e, t) {
       return be(g);
     }
   }
-  function re(g) {
+  function se(g) {
     (!g.__d && (g.__d = !0) && c.push(g) && !we.__r++ || d !== i.debounceRendering) && ((d = i.debounceRendering) || l)(we);
   }
   function we() {
-    var g, v, b, D, $, I, z, X;
-    for (c.sort(u); g = c.shift(); ) g.__d && (v = c.length, D = void 0, $ = void 0, z = (I = (b = g).__v).__e, (X = b.__P) && (D = [], ($ = O({}, I)).__v = I.__v + 1, Ie(X, I, $, b.__n, X.ownerSVGElement !== void 0, I.__h != null ? [z] : null, D, z ?? ae(I), I.__h), k(D, I), I.__e != z && be(I)), c.length > v && c.sort(u));
+    var g, v, b, D, T, I, z, X;
+    for (c.sort(u); g = c.shift(); ) g.__d && (v = c.length, D = void 0, T = void 0, z = (I = (b = g).__v).__e, (X = b.__P) && (D = [], (T = O({}, I)).__v = I.__v + 1, De(X, I, T, b.__n, X.ownerSVGElement !== void 0, I.__h != null ? [z] : null, D, z ?? ae(I), I.__h), k(D, I), I.__e != z && be(I)), c.length > v && c.sort(u));
     we.__r = 0;
   }
-  function M(g, v, b, D, $, I, z, X, Q, ye) {
+  function M(g, v, b, D, T, I, z, X, Q, ye) {
     var w, ke, J, R, E, Se, V, F = D && D.__k || m, qe = F.length;
     for (b.__k = [], w = 0; w < v.length; w++) if ((R = b.__k[w] = (R = v[w]) == null || typeof R == "boolean" || typeof R == "function" ? null : typeof R == "string" || typeof R == "number" || typeof R == "bigint" ? P(null, R, null, null, R) : Array.isArray(R) ? P(U, { children: R }, null, null, null) : R.__b > 0 ? P(R.type, R.props, R.key, R.ref ? R.ref : null, R.__v) : R) != null) {
       if (R.__ = b, R.__b = b.__b + 1, (J = F[w]) === null || J && R.key == J.key && R.type === J.type) F[w] = void 0;
@@ -882,13 +882,13 @@ var ga = { 7: function(n, e, t) {
         }
         J = null;
       }
-      Ie(g, R, J = J || f, $, I, z, X, Q, ye), E = R.__e, (ke = R.ref) && J.ref != ke && (V || (V = []), J.ref && V.push(J.ref, null, R), V.push(ke, R.__c || E, R)), E != null ? (Se == null && (Se = E), typeof R.type == "function" && R.__k === J.__k ? R.__d = Q = H(R, Q, g) : Q = Te(g, R, J, F, E, Q), typeof b.type == "function" && (b.__d = Q)) : Q && J.__e == Q && Q.parentNode != g && (Q = ae(J));
+      De(g, R, J = J || f, T, I, z, X, Q, ye), E = R.__e, (ke = R.ref) && J.ref != ke && (V || (V = []), J.ref && V.push(J.ref, null, R), V.push(ke, R.__c || E, R)), E != null ? (Se == null && (Se = E), typeof R.type == "function" && R.__k === J.__k ? R.__d = Q = H(R, Q, g) : Q = Ue(g, R, J, F, E, Q), typeof b.type == "function" && (b.__d = Q)) : Q && J.__e == Q && Q.parentNode != g && (Q = ae(J));
     }
-    for (b.__e = Se, w = qe; w--; ) F[w] != null && (typeof b.type == "function" && F[w].__e != null && F[w].__e == b.__d && (b.__d = Ee(D).nextSibling), T(F[w], F[w]));
+    for (b.__e = Se, w = qe; w--; ) F[w] != null && (typeof b.type == "function" && F[w].__e != null && F[w].__e == b.__d && (b.__d = Ie(D).nextSibling), $(F[w], F[w]));
     if (V) for (w = 0; w < V.length; w++) y(V[w], V[++w], V[++w]);
   }
   function H(g, v, b) {
-    for (var D, $ = g.__k, I = 0; $ && I < $.length; I++) (D = $[I]) && (D.__ = g, v = typeof D.type == "function" ? H(D, v, b) : Te(b, D, D, $, D.__e, v));
+    for (var D, T = g.__k, I = 0; T && I < T.length; I++) (D = T[I]) && (D.__ = g, v = typeof D.type == "function" ? H(D, v, b) : Ue(b, D, D, T, D.__e, v));
     return v;
   }
   function _e(g, v) {
@@ -896,37 +896,37 @@ var ga = { 7: function(n, e, t) {
       _e(b, v);
     }) : v.push(g)), v;
   }
-  function Te(g, v, b, D, $, I) {
+  function Ue(g, v, b, D, T, I) {
     var z, X, Q;
     if (v.__d !== void 0) z = v.__d, v.__d = void 0;
-    else if (b == null || $ != I || $.parentNode == null) e: if (I == null || I.parentNode !== g) g.appendChild($), z = null;
+    else if (b == null || T != I || T.parentNode == null) e: if (I == null || I.parentNode !== g) g.appendChild(T), z = null;
     else {
-      for (X = I, Q = 0; (X = X.nextSibling) && Q < D.length; Q += 1) if (X == $) break e;
-      g.insertBefore($, I), z = I;
+      for (X = I, Q = 0; (X = X.nextSibling) && Q < D.length; Q += 1) if (X == T) break e;
+      g.insertBefore(T, I), z = I;
     }
-    return z !== void 0 ? z : $.nextSibling;
+    return z !== void 0 ? z : T.nextSibling;
   }
-  function Ee(g) {
+  function Ie(g) {
     var v, b, D;
     if (g.type == null || typeof g.type == "string") return g.__e;
     if (g.__k) {
-      for (v = g.__k.length - 1; v >= 0; v--) if ((b = g.__k[v]) && (D = Ee(b))) return D;
+      for (v = g.__k.length - 1; v >= 0; v--) if ((b = g.__k[v]) && (D = Ie(b))) return D;
     }
     return null;
   }
-  function $e(g, v, b) {
+  function Ne(g, v, b) {
     v[0] === "-" ? g.setProperty(v, b ?? "") : g[v] = b == null ? "" : typeof b != "number" || x.test(v) ? b : b + "px";
   }
-  function se(g, v, b, D, $) {
+  function le(g, v, b, D, T) {
     var I;
     e: if (v === "style") if (typeof b == "string") g.style.cssText = b;
     else {
-      if (typeof D == "string" && (g.style.cssText = D = ""), D) for (v in D) b && v in b || $e(g.style, v, "");
-      if (b) for (v in b) D && b[v] === D[v] || $e(g.style, v, b[v]);
+      if (typeof D == "string" && (g.style.cssText = D = ""), D) for (v in D) b && v in b || Ne(g.style, v, "");
+      if (b) for (v in b) D && b[v] === D[v] || Ne(g.style, v, b[v]);
     }
-    else if (v[0] === "o" && v[1] === "n") I = v !== (v = v.replace(/Capture$/, "")), v = v.toLowerCase() in g ? v.toLowerCase().slice(2) : v.slice(2), g.l || (g.l = {}), g.l[v + I] = b, b ? D || g.addEventListener(v, I ? me : le, I) : g.removeEventListener(v, I ? me : le, I);
+    else if (v[0] === "o" && v[1] === "n") I = v !== (v = v.replace(/Capture$/, "")), v = v.toLowerCase() in g ? v.toLowerCase().slice(2) : v.slice(2), g.l || (g.l = {}), g.l[v + I] = b, b ? D || g.addEventListener(v, I ? me : ce, I) : g.removeEventListener(v, I ? me : ce, I);
     else if (v !== "dangerouslySetInnerHTML") {
-      if ($) v = v.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
+      if (T) v = v.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
       else if (v !== "width" && v !== "height" && v !== "href" && v !== "list" && v !== "form" && v !== "tabIndex" && v !== "download" && v in g) try {
         g[v] = b ?? "";
         break e;
@@ -935,13 +935,13 @@ var ga = { 7: function(n, e, t) {
       typeof b == "function" || (b == null || b === !1 && v.indexOf("-") == -1 ? g.removeAttribute(v) : g.setAttribute(v, b));
     }
   }
-  function le(g) {
+  function ce(g) {
     return this.l[g.type + !1](i.event ? i.event(g) : g);
   }
   function me(g) {
     return this.l[g.type + !0](i.event ? i.event(g) : g);
   }
-  function Ie(g, v, b, D, $, I, z, X, Q) {
+  function De(g, v, b, D, T, I, z, X, Q) {
     var ye, w, ke, J, R, E, Se, V, F, qe, it, fe, Vt, at, q, B = v.type;
     if (v.constructor !== void 0) return null;
     b.__h != null && (Q = b.__h, X = v.__e = b.__e, v.__h = null, I = [X]), (ye = i.__b) && ye(v);
@@ -966,8 +966,8 @@ var ga = { 7: function(n, e, t) {
         } else do
           w.__d = !1, fe && fe(v), ye = w.render(w.props, w.state, w.context), w.state = w.__s;
         while (w.__d && ++Vt < 25);
-        w.state = w.__s, w.getChildContext != null && (D = O(O({}, D), w.getChildContext())), ke || w.getSnapshotBeforeUpdate == null || (E = w.getSnapshotBeforeUpdate(J, R)), q = ye != null && ye.type === U && ye.key == null ? ye.props.children : ye, M(g, Array.isArray(q) ? q : [q], v, b, D, $, I, z, X, Q), w.base = v.__e, v.__h = null, w.__h.length && z.push(w), Se && (w.__E = w.__ = null), w.__e = !1;
-      } else I == null && v.__v === b.__v ? (v.__k = b.__k, v.__e = b.__e) : v.__e = p(b.__e, v, b, D, $, I, z, Q);
+        w.state = w.__s, w.getChildContext != null && (D = O(O({}, D), w.getChildContext())), ke || w.getSnapshotBeforeUpdate == null || (E = w.getSnapshotBeforeUpdate(J, R)), q = ye != null && ye.type === U && ye.key == null ? ye.props.children : ye, M(g, Array.isArray(q) ? q : [q], v, b, D, T, I, z, X, Q), w.base = v.__e, v.__h = null, w.__h.length && z.push(w), Se && (w.__E = w.__ = null), w.__e = !1;
+      } else I == null && v.__v === b.__v ? (v.__k = b.__k, v.__e = b.__e) : v.__e = p(b.__e, v, b, D, T, I, z, Q);
       (ye = i.diffed) && ye(v);
     } catch (Qe) {
       v.__v = null, (Q || I != null) && (v.__e = X, v.__h = !!Q, I[I.indexOf(X)] = null), i.__e(Qe, v, b);
@@ -984,9 +984,9 @@ var ga = { 7: function(n, e, t) {
       }
     });
   }
-  function p(g, v, b, D, $, I, z, X) {
+  function p(g, v, b, D, T, I, z, X) {
     var Q, ye, w, ke = b.props, J = v.props, R = v.type, E = 0;
-    if (R === "svg" && ($ = !0), I != null) {
+    if (R === "svg" && (T = !0), I != null) {
       for (; E < I.length; E++) if ((Q = I[E]) && "setAttribute" in Q == !!R && (R ? Q.localName === R : Q.nodeType === 3)) {
         g = Q, I[E] = null;
         break;
@@ -994,7 +994,7 @@ var ga = { 7: function(n, e, t) {
     }
     if (g == null) {
       if (R === null) return document.createTextNode(J);
-      g = $ ? document.createElementNS("http://www.w3.org/2000/svg", R) : document.createElement(R, J.is && J), I = null, X = !1;
+      g = T ? document.createElementNS("http://www.w3.org/2000/svg", R) : document.createElement(R, J.is && J), I = null, X = !1;
     }
     if (R === null) ke === J || X && g.data === J || (g.data = J);
     else {
@@ -1004,11 +1004,11 @@ var ga = { 7: function(n, e, t) {
       }
       if (function(Se, V, F, qe, it) {
         var fe;
-        for (fe in F) fe === "children" || fe === "key" || fe in V || se(Se, fe, null, F[fe], qe);
-        for (fe in V) it && typeof V[fe] != "function" || fe === "children" || fe === "key" || fe === "value" || fe === "checked" || F[fe] === V[fe] || se(Se, fe, V[fe], F[fe], qe);
-      }(g, J, ke, $, X), w) v.__k = [];
-      else if (E = v.props.children, M(g, Array.isArray(E) ? E : [E], v, b, D, $ && R !== "foreignObject", I, z, I ? I[0] : b.__k && ae(b, 0), X), I != null) for (E = I.length; E--; ) I[E] != null && A(I[E]);
-      X || ("value" in J && (E = J.value) !== void 0 && (E !== g.value || R === "progress" && !E || R === "option" && E !== ke.value) && se(g, "value", E, ke.value, !1), "checked" in J && (E = J.checked) !== void 0 && E !== g.checked && se(g, "checked", E, ke.checked, !1));
+        for (fe in F) fe === "children" || fe === "key" || fe in V || le(Se, fe, null, F[fe], qe);
+        for (fe in V) it && typeof V[fe] != "function" || fe === "children" || fe === "key" || fe === "value" || fe === "checked" || F[fe] === V[fe] || le(Se, fe, V[fe], F[fe], qe);
+      }(g, J, ke, T, X), w) v.__k = [];
+      else if (E = v.props.children, M(g, Array.isArray(E) ? E : [E], v, b, D, T && R !== "foreignObject", I, z, I ? I[0] : b.__k && ae(b, 0), X), I != null) for (E = I.length; E--; ) I[E] != null && A(I[E]);
+      X || ("value" in J && (E = J.value) !== void 0 && (E !== g.value || R === "progress" && !E || R === "option" && E !== ke.value) && le(g, "value", E, ke.value, !1), "checked" in J && (E = J.checked) !== void 0 && E !== g.checked && le(g, "checked", E, ke.checked, !1));
     }
     return g;
   }
@@ -1019,8 +1019,8 @@ var ga = { 7: function(n, e, t) {
       i.__e(D, b);
     }
   }
-  function T(g, v, b) {
-    var D, $;
+  function $(g, v, b) {
+    var D, T;
     if (i.unmount && i.unmount(g), (D = g.ref) && (D.current && D.current !== g.__e || y(D, null, v)), (D = g.__c) != null) {
       if (D.componentWillUnmount) try {
         D.componentWillUnmount();
@@ -1029,48 +1029,48 @@ var ga = { 7: function(n, e, t) {
       }
       D.base = D.__P = null, g.__c = void 0;
     }
-    if (D = g.__k) for ($ = 0; $ < D.length; $++) D[$] && T(D[$], v, b || typeof g.type != "function");
+    if (D = g.__k) for (T = 0; T < D.length; T++) D[T] && $(D[T], v, b || typeof g.type != "function");
     b || g.__e == null || A(g.__e), g.__ = g.__e = g.__d = void 0;
   }
   function K(g, v, b) {
     return this.constructor(g, b);
   }
   function ge(g, v, b) {
-    var D, $, I;
-    i.__ && i.__(g, v), $ = (D = typeof b == "function") ? null : b && b.__k || v.__k, I = [], Ie(v, g = (!D && b || v).__k = S(U, null, [g]), $ || f, f, v.ownerSVGElement !== void 0, !D && b ? [b] : $ ? null : v.firstChild ? o.call(v.childNodes) : null, I, !D && b ? b : $ ? $.__e : v.firstChild, D), k(I, g);
+    var D, T, I;
+    i.__ && i.__(g, v), T = (D = typeof b == "function") ? null : b && b.__k || v.__k, I = [], De(v, g = (!D && b || v).__k = S(U, null, [g]), T || f, f, v.ownerSVGElement !== void 0, !D && b ? [b] : T ? null : v.firstChild ? o.call(v.childNodes) : null, I, !D && b ? b : T ? T.__e : v.firstChild, D), k(I, g);
   }
   function He(g, v) {
     ge(g, v, He);
   }
   function We(g, v, b) {
-    var D, $, I, z = O({}, g.props);
-    for (I in v) I == "key" ? D = v[I] : I == "ref" ? $ = v[I] : z[I] = v[I];
-    return arguments.length > 2 && (z.children = arguments.length > 3 ? o.call(arguments, 2) : b), P(g.type, z, D || g.key, $ || g.ref, null);
+    var D, T, I, z = O({}, g.props);
+    for (I in v) I == "key" ? D = v[I] : I == "ref" ? T = v[I] : z[I] = v[I];
+    return arguments.length > 2 && (z.children = arguments.length > 3 ? o.call(arguments, 2) : b), P(g.type, z, D || g.key, T || g.ref, null);
   }
   function Fe(g, v) {
-    var b = { __c: v = "__cC" + h++, __: g, Consumer: function(D, $) {
-      return D.children($);
+    var b = { __c: v = "__cC" + h++, __: g, Consumer: function(D, T) {
+      return D.children(T);
     }, Provider: function(D) {
-      var $, I;
-      return this.getChildContext || ($ = [], (I = {})[v] = this, this.getChildContext = function() {
+      var T, I;
+      return this.getChildContext || (T = [], (I = {})[v] = this, this.getChildContext = function() {
         return I;
       }, this.shouldComponentUpdate = function(z) {
-        this.props.value !== z.value && $.some(function(X) {
-          X.__e = !0, re(X);
+        this.props.value !== z.value && T.some(function(X) {
+          X.__e = !0, se(X);
         });
       }, this.sub = function(z) {
-        $.push(z);
+        T.push(z);
         var X = z.componentWillUnmount;
         z.componentWillUnmount = function() {
-          $.splice($.indexOf(z), 1), X && X.call(z);
+          T.splice(T.indexOf(z), 1), X && X.call(z);
         };
       }), D.children;
     } };
     return b.Provider.__ = b.Consumer.contextType = b;
   }
   o = m.slice, i = { __e: function(g, v, b, D) {
-    for (var $, I, z; v = v.__; ) if (($ = v.__c) && !$.__) try {
-      if ((I = $.constructor) && I.getDerivedStateFromError != null && ($.setState(I.getDerivedStateFromError(g)), z = $.__d), $.componentDidCatch != null && ($.componentDidCatch(g, D || {}), z = $.__d), z) return $.__E = $;
+    for (var T, I, z; v = v.__; ) if ((T = v.__c) && !T.__) try {
+      if ((I = T.constructor) && I.getDerivedStateFromError != null && (T.setState(I.getDerivedStateFromError(g)), z = T.__d), T.componentDidCatch != null && (T.componentDidCatch(g, D || {}), z = T.__d), z) return T.__E = T;
     } catch (X) {
       g = X;
     }
@@ -1079,14 +1079,14 @@ var ga = { 7: function(n, e, t) {
     return g != null && g.constructor === void 0;
   }, N.prototype.setState = function(g, v) {
     var b;
-    b = this.__s != null && this.__s !== this.state ? this.__s : this.__s = O({}, this.state), typeof g == "function" && (g = g(O({}, b), this.props)), g && O(b, g), g != null && this.__v && (v && this._sb.push(v), re(this));
+    b = this.__s != null && this.__s !== this.state ? this.__s : this.__s = O({}, this.state), typeof g == "function" && (g = g(O({}, b), this.props)), g && O(b, g), g != null && this.__v && (v && this._sb.push(v), se(this));
   }, N.prototype.forceUpdate = function(g) {
-    this.__v && (this.__e = !0, g && this.__h.push(g), re(this));
+    this.__v && (this.__e = !0, g && this.__h.push(g), se(this));
   }, N.prototype.render = U, c = [], l = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, u = function(g, v) {
     return g.__v.__b - v.__v.__b;
   }, we.__r = 0, h = 0;
 }, 78: (n, e, t) => {
-  t.r(e), t.d(e, { useCallback: () => re, useContext: () => we, useDebugValue: () => M, useEffect: () => j, useErrorBoundary: () => H, useId: () => _e, useImperativeHandle: () => ae, useLayoutEffect: () => U, useMemo: () => be, useReducer: () => P, useRef: () => N, useState: () => S });
+  t.r(e), t.d(e, { useCallback: () => se, useContext: () => we, useDebugValue: () => M, useEffect: () => j, useErrorBoundary: () => H, useId: () => _e, useImperativeHandle: () => ae, useLayoutEffect: () => U, useMemo: () => be, useReducer: () => P, useRef: () => N, useState: () => S });
   var o, i, a, s, c = t(616), d = 0, l = [], u = [], h = c.options.__b, f = c.options.__r, m = c.options.diffed, x = c.options.__c, O = c.options.unmount;
   function A(k, p) {
     c.options.__h && c.options.__h(i, k, d || p), d = 0;
@@ -1094,17 +1094,17 @@ var ga = { 7: function(n, e, t) {
     return k >= y.__.length && y.__.push({ __V: u }), y.__[k];
   }
   function S(k) {
-    return d = 1, P(Ie, k);
+    return d = 1, P(De, k);
   }
   function P(k, p, y) {
-    var T = A(o++, 2);
-    if (T.t = k, !T.__c && (T.__ = [y ? y(p) : Ie(void 0, p), function(We) {
-      var Fe = T.__N ? T.__N[0] : T.__[0], g = T.t(Fe, We);
-      Fe !== g && (T.__N = [g, T.__[1]], T.__c.setState({}));
-    }], T.__c = i, !i.u)) {
+    var $ = A(o++, 2);
+    if ($.t = k, !$.__c && ($.__ = [y ? y(p) : De(void 0, p), function(We) {
+      var Fe = $.__N ? $.__N[0] : $.__[0], g = $.t(Fe, We);
+      Fe !== g && ($.__N = [g, $.__[1]], $.__c.setState({}));
+    }], $.__c = i, !i.u)) {
       var K = function(We, Fe, g) {
-        if (!T.__c.__H) return !0;
-        var v = T.__c.__H.__.filter(function(D) {
+        if (!$.__c.__H) return !0;
+        var v = $.__c.__H.__.filter(function(D) {
           return D.__c;
         });
         if (v.every(function(D) {
@@ -1113,10 +1113,10 @@ var ga = { 7: function(n, e, t) {
         var b = !1;
         return v.forEach(function(D) {
           if (D.__N) {
-            var $ = D.__[0];
-            D.__ = D.__N, D.__N = void 0, $ !== D.__[0] && (b = !0);
+            var T = D.__[0];
+            D.__ = D.__N, D.__N = void 0, T !== D.__[0] && (b = !0);
           }
-        }), !(!b && T.__c.props === We) && (!ge || ge.call(this, We, Fe, g));
+        }), !(!b && $.__c.props === We) && (!ge || ge.call(this, We, Fe, g));
       };
       i.u = !0;
       var ge = i.shouldComponentUpdate, He = i.componentWillUpdate;
@@ -1128,7 +1128,7 @@ var ga = { 7: function(n, e, t) {
         He && He.call(this, We, Fe, g);
       }, i.shouldComponentUpdate = K;
     }
-    return T.__N || T.__;
+    return $.__N || $.__;
   }
   function j(k, p) {
     var y = A(o++, 3);
@@ -1156,7 +1156,7 @@ var ga = { 7: function(n, e, t) {
     var y = A(o++, 7);
     return me(y.__H, p) ? (y.__V = k(), y.i = p, y.__h = k, y.__V) : y.__;
   }
-  function re(k, p) {
+  function se(k, p) {
     return d = 8, be(function() {
       return k;
     }, p);
@@ -1170,8 +1170,8 @@ var ga = { 7: function(n, e, t) {
   }
   function H(k) {
     var p = A(o++, 10), y = S();
-    return p.__ = k, i.componentDidCatch || (i.componentDidCatch = function(T, K) {
-      p.__ && p.__(T, K), y[1](T);
+    return p.__ = k, i.componentDidCatch || (i.componentDidCatch = function($, K) {
+      p.__ && p.__($, K), y[1]($);
     }), [y[0], function() {
       y[1](void 0);
     }];
@@ -1185,9 +1185,9 @@ var ga = { 7: function(n, e, t) {
     }
     return k.__;
   }
-  function Te() {
+  function Ue() {
     for (var k; k = l.shift(); ) if (k.__P && k.__H) try {
-      k.__H.__h.forEach(se), k.__H.__h.forEach(le), k.__H.__h = [];
+      k.__H.__h.forEach(le), k.__H.__h.forEach(ce), k.__H.__h = [];
     } catch (p) {
       k.__H.__h = [], c.options.__e(p, k.__v);
     }
@@ -1199,57 +1199,57 @@ var ga = { 7: function(n, e, t) {
     var p = (i = k.__c).__H;
     p && (a === i ? (p.__h = [], i.__h = [], p.__.forEach(function(y) {
       y.__N && (y.__ = y.__N), y.__V = u, y.__N = y.i = void 0;
-    })) : (p.__h.forEach(se), p.__h.forEach(le), p.__h = [])), a = i;
+    })) : (p.__h.forEach(le), p.__h.forEach(ce), p.__h = [])), a = i;
   }, c.options.diffed = function(k) {
     m && m(k);
     var p = k.__c;
-    p && p.__H && (p.__H.__h.length && (l.push(p) !== 1 && s === c.options.requestAnimationFrame || ((s = c.options.requestAnimationFrame) || $e)(Te)), p.__H.__.forEach(function(y) {
+    p && p.__H && (p.__H.__h.length && (l.push(p) !== 1 && s === c.options.requestAnimationFrame || ((s = c.options.requestAnimationFrame) || Ne)(Ue)), p.__H.__.forEach(function(y) {
       y.i && (y.__H = y.i), y.__V !== u && (y.__ = y.__V), y.i = void 0, y.__V = u;
     })), a = i = null;
   }, c.options.__c = function(k, p) {
     p.some(function(y) {
       try {
-        y.__h.forEach(se), y.__h = y.__h.filter(function(T) {
-          return !T.__ || le(T);
+        y.__h.forEach(le), y.__h = y.__h.filter(function($) {
+          return !$.__ || ce($);
         });
-      } catch (T) {
+      } catch ($) {
         p.some(function(K) {
           K.__h && (K.__h = []);
-        }), p = [], c.options.__e(T, y.__v);
+        }), p = [], c.options.__e($, y.__v);
       }
     }), x && x(k, p);
   }, c.options.unmount = function(k) {
     O && O(k);
     var p, y = k.__c;
-    y && y.__H && (y.__H.__.forEach(function(T) {
+    y && y.__H && (y.__H.__.forEach(function($) {
       try {
-        se(T);
+        le($);
       } catch (K) {
         p = K;
       }
     }), y.__H = void 0, p && c.options.__e(p, y.__v));
   };
-  var Ee = typeof requestAnimationFrame == "function";
-  function $e(k) {
+  var Ie = typeof requestAnimationFrame == "function";
+  function Ne(k) {
     var p, y = function() {
-      clearTimeout(T), Ee && cancelAnimationFrame(p), setTimeout(k);
-    }, T = setTimeout(y, 100);
-    Ee && (p = requestAnimationFrame(y));
+      clearTimeout($), Ie && cancelAnimationFrame(p), setTimeout(k);
+    }, $ = setTimeout(y, 100);
+    Ie && (p = requestAnimationFrame(y));
   }
-  function se(k) {
+  function le(k) {
     var p = i, y = k.__c;
     typeof y == "function" && (k.__c = void 0, y()), i = p;
   }
-  function le(k) {
+  function ce(k) {
     var p = i;
     k.__c = k.__(), i = p;
   }
   function me(k, p) {
-    return !k || k.length !== p.length || p.some(function(y, T) {
-      return y !== k[T];
+    return !k || k.length !== p.length || p.some(function(y, $) {
+      return y !== k[$];
     });
   }
-  function Ie(k, p) {
+  function De(k, p) {
     return typeof p == "function" ? p(k) : p;
   }
 }, 292: (n) => {
@@ -1343,12 +1343,12 @@ var ga = { 7: function(n, e, t) {
 }, 6: (n, e, t) => {
   t.d(e, { en: () => o });
   const o = { headlines: { error: "An error has occurred", loginEmail: "Sign in or create account", loginEmailNoSignup: "Sign in", loginFinished: "Login successful", loginPasscode: "Enter passcode", loginPassword: "Enter password", registerAuthenticator: "Create a passkey", registerConfirm: "Create account?", registerPassword: "Set new password", otpSetUp: "Set up authenticator app", profileEmails: "Emails", profilePassword: "Password", profilePasskeys: "Passkeys", isPrimaryEmail: "Primary email address", setPrimaryEmail: "Set primary email address", createEmail: "Enter a new email", createUsername: "Enter a new username", emailVerified: "Verified", emailUnverified: "Unverified", emailDelete: "Delete", renamePasskey: "Rename passkey", deletePasskey: "Delete passkey", lastUsedAt: "Last used at", createdAt: "Created at", connectedAccounts: "Connected accounts", deleteAccount: "Delete account", accountNotFound: "Account not found", signIn: "Sign in", signUp: "Create account", selectLoginMethod: "Select login method", setupLoginMethod: "Set up login method", lastUsed: "Last seen", ipAddress: "IP address", revokeSession: "Revoke session", profileSessions: "Sessions", mfaSetUp: "Set up MFA", securityKeySetUp: "Add security key", securityKeyLogin: "Security key", otpLogin: "Authentication code", renameSecurityKey: "Rename security key", deleteSecurityKey: "Delete security key", securityKeys: "Security keys", authenticatorApp: "Authenticator app", authenticatorAppAlreadySetUp: "Authenticator app is set up", authenticatorAppNotSetUp: "Set up authenticator app", trustDevice: "Trust this browser?" }, texts: { enterPasscode: 'Enter the passcode that was sent to "{emailAddress}".', enterPasscodeNoEmail: "Enter the passcode that was sent to your primary email address.", setupPasskey: "Sign in to your account easily and securely with a passkey. Note: Your biometric data is only stored on your devices and will never be shared with anyone.", createAccount: 'No account exists for "{emailAddress}". Do you want to create a new account?', otpEnterVerificationCode: "Enter the one-time password (OTP) obtained from your authenticator app below:", otpScanQRCode: "Scan the QR code using your authenticator app (such as Google Authenticator or any other TOTP app). Alternatively, you can manually enter the OTP secret key into the app.", otpSecretKey: "OTP secret key", passwordFormatHint: "Must be between {minLength} and {maxLength} characters long.", securityKeySetUp: "Use a dedicated security key via USB, Bluetooth, or NFC, or your mobile phone. Connect or activate your security key, then click the button below and follow the prompts to complete the registration.", setPrimaryEmail: "Set this email address to be used for contacting you.", isPrimaryEmail: "This email address will be used to contact you if necessary.", emailVerified: "This email address has been verified.", emailUnverified: "This email address has not been verified.", emailDelete: "If you delete this email address, it can no longer be used to sign in.", renamePasskey: "Set a name for the passkey.", deletePasskey: "Delete this passkey from your account.", deleteAccount: "Are you sure you want to delete this account? All data will be deleted immediately and cannot be recovered.", noAccountExists: 'No account exists for "{emailAddress}".', selectLoginMethodForFutureLogins: "Select one of the following login methods to use for future logins.", howDoYouWantToLogin: "How do you want to login?", mfaSetUp: "Protect your account with Multi-Factor Authentication (MFA). MFA adds an additional step to your login process, ensuring that even if your password or email account is compromised, your account stays secure.", securityKeyLogin: "Connect or activate your security key, then click the button below. Once ready, use it via USB, NFC, your mobile phone. Follow the prompts to complete the login process.", otpLogin: "Open your authenticator app to obtain the one-time password (OTP). Enter the code in the field below to complete your login.", renameSecurityKey: "Set a name for the security key.", deleteSecurityKey: "Delete this security key from your account.", authenticatorAppAlreadySetUp: "Your account is secured with an authenticator app that generates time-based one-time passwords (TOTP) for multi-factor authentication.", authenticatorAppNotSetUp: "Secure your account with an authenticator app that generates time-based one-time passwords (TOTP) for multi-factor authentication.", trustDevice: "If you trust this browser, you won’t need to enter your OTP (One-Time-Password) or use your security key for multi-factor authentication (MFA) the next time you log in." }, labels: { or: "or", no: "no", yes: "yes", email: "Email", continue: "Continue", copied: "copied", skip: "Skip", save: "Save", password: "Password", passkey: "Passkey", passcode: "Passcode", signInPassword: "Sign in with a password", signInPasscode: "Sign in with a passcode", forgotYourPassword: "Forgot your password?", back: "Back", signInPasskey: "Sign in with a passkey", registerAuthenticator: "Create a passkey", signIn: "Sign in", signUp: "Create account", sendNewPasscode: "Send new code", passwordRetryAfter: "Retry in {passwordRetryAfter}", passcodeResendAfter: "Request a new code in {passcodeResendAfter}", unverifiedEmail: "unverified", primaryEmail: "primary", setAsPrimaryEmail: "Set as primary", verify: "Verify", delete: "Delete", newEmailAddress: "New email address", newPassword: "New password", rename: "Rename", newPasskeyName: "New passkey name", addEmail: "Add email", createPasskey: "Create a passkey", webauthnUnsupported: "Passkeys are not supported by your browser", signInWith: "Sign in with {provider}", deleteAccount: "Yes, delete this account.", emailOrUsername: "Email or username", username: "Username", optional: "optional", dontHaveAnAccount: "Don't have an account?", alreadyHaveAnAccount: "Already have an account?", changeUsername: "Change username", setUsername: "Set username", changePassword: "Change password", setPassword: "Set password", revoke: "Revoke", currentSession: "Current session", authenticatorApp: "Authenticator app", securityKey: "Security key", securityKeyUse: "Use security key", newSecurityKeyName: "New security key name", createSecurityKey: "Add a security key", authenticatorAppManage: "Manage authenticator app", authenticatorAppAdd: "Set up", configured: "configured", useAnotherMethod: "Use another method", lastUsed: "Last used", trustDevice: "Trust this browser", staySignedIn: "Stay signed in" }, errors: { somethingWentWrong: "A technical error has occurred. Please try again later.", requestTimeout: "The request timed out.", invalidPassword: "Wrong email or password.", invalidPasscode: "The passcode provided was not correct.", passcodeAttemptsReached: "The passcode was entered incorrectly too many times. Please request a new code.", tooManyRequests: "Too many requests have been made. Please wait to repeat the requested operation.", unauthorized: "Your session has expired. Please log in again.", invalidWebauthnCredential: "This passkey cannot be used anymore.", passcodeExpired: "The passcode has expired. Please request a new one.", userVerification: "User verification required. Please ensure your authenticator device is protected with a PIN or biometric.", emailAddressAlreadyExistsError: "The email address already exists.", maxNumOfEmailAddressesReached: "No further email addresses can be added.", thirdPartyAccessDenied: "Access denied. The request was cancelled by the user or the provider has denied access for other reasons.", thirdPartyMultipleAccounts: "Cannot identify account. The email address is used by multiple accounts.", thirdPartyUnverifiedEmail: "Email verification required. Please verify the used email address with your provider.", signupDisabled: "Account registration is disabled.", handlerNotFoundError: "The current step in your process is not supported by this application version. Please try again later or contact support if the issue persists." }, flowErrors: { technical_error: "A technical error has occurred. Please try again later.", flow_expired_error: "The session has expired, please click the button to restart.", value_invalid_error: "The entered value is invalid.", passcode_invalid: "The passcode provided was not correct.", passkey_invalid: "This passkey cannot be used anymore", passcode_max_attempts_reached: "The passcode was entered incorrectly too many times. Please request a new code.", rate_limit_exceeded: "Too many requests have been made. Please wait to repeat the requested operation.", unknown_username_error: "The username is unknown.", unknown_email_error: "The email address is unknown.", username_already_exists: "The username is already taken.", invalid_username_error: "The username must contain only letters, numbers, and underscores.", email_already_exists: "The email is already taken.", not_found: "The requested resource was not found.", operation_not_permitted_error: "The operation is not permitted.", flow_discontinuity_error: "The process cannot be continued due to user settings or the provider's configuration.", form_data_invalid_error: "The submitted form data contains errors.", unauthorized: "Your session has expired. Please log in again.", value_missing_error: "The value is missing.", value_too_long_error: "Value is too long.", value_too_short_error: "The value is too short.", webauthn_credential_invalid_mfa_only: "This credential can be used as a second factor security key only.", webauthn_credential_already_exists: "The request either timed out, was canceled or the device is already registered. Please try again or try using another device.", platform_authenticator_required: "Your account is configured to use platform authenticators, but your current device or browser does not support this feature. Please try again with a compatible device or browser." } };
-} }, To = {};
+} }, $o = {};
 function G(n) {
-  var e = To[n];
+  var e = $o[n];
   if (e !== void 0) return e.exports;
-  var t = To[n] = { id: n, exports: {} };
-  return ga[n].call(t.exports, t, t.exports, G), t.exports;
+  var t = $o[n] = { id: n, exports: {} };
+  return ya[n].call(t.exports, t, t.exports, G), t.exports;
 }
 G.n = (n) => {
   var e = n && n.__esModule ? () => n.default : () => n;
@@ -1359,14 +1359,14 @@ G.n = (n) => {
   typeof Symbol < "u" && Symbol.toStringTag && Object.defineProperty(n, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(n, "__esModule", { value: !0 });
 }, G.nc = void 0;
 var ie = {};
-G.d(ie, { fK: () => wn, tJ: () => Ci, Z7: () => Cn, Q9: () => Ii, Lv: () => Pi, qQ: () => xn, I4: () => Ti, O8: () => Ae, ku: () => ao, ls: () => io, bO: () => ro, yv: () => An, AT: () => lo, m_: () => Wt, KG: () => so, DH: () => Sn, kf: () => fo, oY: () => je, xg: () => Di, Wg: () => Je, J: () => ji, AC: () => co, D_: () => Xe, jx: () => Ei, nX: () => uo, Nx: () => oo, Sd: () => gt, kz: () => ss, fX: () => ho, qA: () => po, tz: () => go, gN: () => mo });
+G.d(ie, { fK: () => wn, tJ: () => Ii, Z7: () => Cn, Q9: () => $i, Lv: () => ji, qQ: () => xn, I4: () => Mi, O8: () => Ce, ku: () => ao, ls: () => io, bO: () => ro, yv: () => An, AT: () => lo, m_: () => Wt, KG: () => so, DH: () => Sn, kf: () => fo, oY: () => Le, xg: () => Ti, Wg: () => Je, J: () => Ui, AC: () => co, D_: () => Xe, jx: () => Li, nX: () => uo, Nx: () => oo, Sd: () => gt, kz: () => us, fX: () => ho, qA: () => po, tz: () => go, gN: () => mo });
 var Zn = {};
-G.r(Zn), G.d(Zn, { apple: () => ar, checkmark: () => rr, copy: () => sr, customProvider: () => lr, discord: () => cr, exclamation: () => dr, facebook: () => ur, github: () => hr, google: () => pr, linkedin: () => mr, mail: () => gr, microsoft: () => fr, passkey: () => vr, password: () => _r, qrCodeScanner: () => yr, securityKey: () => br, spinner: () => kr });
-var C = G(616), fa = 0;
+G.r(Zn), G.d(Zn, { apple: () => cr, checkmark: () => dr, copy: () => ur, customProvider: () => hr, discord: () => pr, exclamation: () => mr, facebook: () => gr, github: () => fr, google: () => vr, linkedin: () => _r, mail: () => yr, microsoft: () => br, passkey: () => kr, password: () => wr, qrCodeScanner: () => Sr, securityKey: () => xr, spinner: () => Ar });
+var C = G(616), ba = 0;
 function r(n, e, t, o, i, a) {
   var s, c, d = {};
   for (c in e) c == "ref" ? s = e[c] : d[c] = e[c];
-  var l = { type: n, props: d, key: t, ref: s, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, __h: null, constructor: void 0, __v: --fa, __source: i, __self: a };
+  var l = { type: n, props: d, key: t, ref: s, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, __h: null, constructor: void 0, __v: --ba, __source: i, __self: a };
   if (typeof n == "function" && (s = n.defaultProps)) for (c in s) d[c] === void 0 && (d[c] = s[c]);
   return C.options.vnode && C.options.vnode(l), l;
 }
@@ -1379,8 +1379,8 @@ function _n() {
     return n;
   }, _n.apply(this, arguments);
 }
-var va = ["context", "children"];
-function _a(n) {
+var ka = ["context", "children"];
+function wa(n) {
   this.getChildContext = function() {
     return n.context;
   };
@@ -1389,28 +1389,28 @@ function _a(n) {
     var a, s, c = {}, d = Object.keys(o);
     for (s = 0; s < d.length; s++) i.indexOf(a = d[s]) >= 0 || (c[a] = o[a]);
     return c;
-  }(n, va);
+  }(n, ka);
   return (0, C.cloneElement)(e, t);
 }
-function ya() {
+function Sa() {
   var n = new CustomEvent("_preact", { detail: {}, bubbles: !0, cancelable: !0 });
-  this.dispatchEvent(n), this._vdom = (0, C.h)(_a, _n({}, this._props, { context: n.detail.context }), gi(this, this._vdomComponent)), (this.hasAttribute("hydrate") ? C.hydrate : C.render)(this._vdom, this._root);
+  this.dispatchEvent(n), this._vdom = (0, C.h)(wa, _n({}, this._props, { context: n.detail.context }), yi(this, this._vdomComponent)), (this.hasAttribute("hydrate") ? C.hydrate : C.render)(this._vdom, this._root);
 }
-function mi(n) {
+function _i(n) {
   return n.replace(/-(\w)/g, function(e, t) {
     return t ? t.toUpperCase() : "";
   });
 }
-function ba(n, e, t) {
+function xa(n, e, t) {
   if (this._vdom) {
     var o = {};
-    o[n] = t = t ?? void 0, o[mi(n)] = t, this._vdom = (0, C.cloneElement)(this._vdom, o), (0, C.render)(this._vdom, this._root);
+    o[n] = t = t ?? void 0, o[_i(n)] = t, this._vdom = (0, C.cloneElement)(this._vdom, o), (0, C.render)(this._vdom, this._root);
   }
 }
-function ka() {
+function Aa() {
   (0, C.render)(this._vdom = null, this._root);
 }
-function $o(n, e) {
+function To(n, e) {
   var t = this;
   return (0, C.h)("slot", _n({}, n, { ref: function(o) {
     o ? (t.ref = o, t._listener || (t._listener = function(i) {
@@ -1418,20 +1418,20 @@ function $o(n, e) {
     }, o.addEventListener("_preact", t._listener))) : t.ref.removeEventListener("_preact", t._listener);
   } }));
 }
-function gi(n, e) {
+function yi(n, e) {
   if (n.nodeType === 3) return n.data;
   if (n.nodeType !== 1) return null;
   var t = [], o = {}, i = 0, a = n.attributes, s = n.childNodes;
-  for (i = a.length; i--; ) a[i].name !== "slot" && (o[a[i].name] = a[i].value, o[mi(a[i].name)] = a[i].value);
+  for (i = a.length; i--; ) a[i].name !== "slot" && (o[a[i].name] = a[i].value, o[_i(a[i].name)] = a[i].value);
   for (i = s.length; i--; ) {
-    var c = gi(s[i], null), d = s[i].slot;
-    d ? o[d] = (0, C.h)($o, { name: d }, c) : t[i] = c;
+    var c = yi(s[i], null), d = s[i].slot;
+    d ? o[d] = (0, C.h)(To, { name: d }, c) : t[i] = c;
   }
-  var l = e ? (0, C.h)($o, null, t) : t;
+  var l = e ? (0, C.h)(To, null, t) : t;
   return (0, C.h)(e || n.nodeName.toLowerCase(), o, l);
 }
 var Z = G(7), _ = G(78);
-function fi(n, e) {
+function bi(n, e) {
   for (var t in e) n[t] = e[t];
   return n;
 }
@@ -1450,30 +1450,30 @@ var Mo = C.options.__b;
 C.options.__b = function(n) {
   n.type && n.type.__f && n.ref && (n.props.ref = n.ref, n.ref = null), Mo && Mo(n);
 };
-var wa = typeof Symbol < "u" && Symbol.for && Symbol.for("react.forward_ref") || 3911, Sa = (C.toChildArray, C.options.__e);
+var Ca = typeof Symbol < "u" && Symbol.for && Symbol.for("react.forward_ref") || 3911, Oa = (C.toChildArray, C.options.__e);
 C.options.__e = function(n, e, t, o) {
   if (n.then) {
     for (var i, a = e; a = a.__; ) if ((i = a.__c) && i.__c) return e.__e == null && (e.__e = t.__e, e.__k = t.__k), i.__c(n, e);
   }
-  Sa(n, e, t, o);
+  Oa(n, e, t, o);
 };
 var Ro = C.options.unmount;
-function vi(n, e, t) {
+function ki(n, e, t) {
   return n && (n.__c && n.__c.__H && (n.__c.__H.__.forEach(function(o) {
     typeof o.__c == "function" && o.__c();
-  }), n.__c.__H = null), (n = fi({}, n)).__c != null && (n.__c.__P === t && (n.__c.__P = e), n.__c = null), n.__k = n.__k && n.__k.map(function(o) {
-    return vi(o, e, t);
+  }), n.__c.__H = null), (n = bi({}, n)).__c != null && (n.__c.__P === t && (n.__c.__P = e), n.__c = null), n.__k = n.__k && n.__k.map(function(o) {
+    return ki(o, e, t);
   })), n;
 }
-function _i(n, e, t) {
+function wi(n, e, t) {
   return n && (n.__v = null, n.__k = n.__k && n.__k.map(function(o) {
-    return _i(o, e, t);
+    return wi(o, e, t);
   }), n.__c && n.__c.__P === e && (n.__e && t.insertBefore(n.__e, n.__d), n.__c.__e = !0, n.__c.__P = t)), n;
 }
-function $n() {
+function Tn() {
   this.__u = 0, this.t = null, this.__b = null;
 }
-function yi(n) {
+function Si(n) {
   var e = n.__.__c;
   return e && e.__a && e.__a(n);
 }
@@ -1483,10 +1483,10 @@ function Bt() {
 C.options.unmount = function(n) {
   var e = n.__c;
   e && e.__R && e.__R(), e && n.__h === !0 && (n.type = null), Ro && Ro(n);
-}, ($n.prototype = new C.Component()).__c = function(n, e) {
+}, (Tn.prototype = new C.Component()).__c = function(n, e) {
   var t = e.__c, o = this;
   o.t == null && (o.t = []), o.t.push(t);
-  var i = yi(o.__v), a = !1, s = function() {
+  var i = Si(o.__v), a = !1, s = function() {
     a || (a = !0, t.__R = null, i ? i(c) : c());
   };
   t.__R = s;
@@ -1494,20 +1494,20 @@ C.options.unmount = function(n) {
     if (!--o.__u) {
       if (o.state.__a) {
         var l = o.state.__a;
-        o.__v.__k[0] = _i(l, l.__c.__P, l.__c.__O);
+        o.__v.__k[0] = wi(l, l.__c.__P, l.__c.__O);
       }
       var u;
       for (o.setState({ __a: o.__b = null }); u = o.t.pop(); ) u.forceUpdate();
     }
   }, d = e.__h === !0;
   o.__u++ || d || o.setState({ __a: o.__b = o.__v.__k[0] }), n.then(s, s);
-}, $n.prototype.componentWillUnmount = function() {
+}, Tn.prototype.componentWillUnmount = function() {
   this.t = [];
-}, $n.prototype.render = function(n, e) {
+}, Tn.prototype.render = function(n, e) {
   if (this.__b) {
     if (this.__v.__k) {
       var t = document.createElement("div"), o = this.__v.__k[0].__c;
-      this.__v.__k[0] = vi(this.__b, t, o.__O = o.__P);
+      this.__v.__k[0] = ki(this.__b, t, o.__O = o.__P);
     }
     this.__b = null;
   }
@@ -1522,7 +1522,7 @@ var qo = function(n, e, t) {
   }
 };
 (Bt.prototype = new C.Component()).__a = function(n) {
-  var e = this, t = yi(e.__v), o = e.o.get(n);
+  var e = this, t = Si(e.__v), o = e.o.get(n);
   return o[0]++, function(i) {
     var a = function() {
       e.props.revealOrder ? (o.push(i), qo(e, n, o)) : i();
@@ -1541,7 +1541,7 @@ var qo = function(n, e, t) {
     qo(n, t, e);
   });
 };
-var xa = typeof Symbol < "u" && Symbol.for && Symbol.for("react.element") || 60103, Aa = /^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/, Ca = /^on(Ani|Tra|Tou|BeforeInp|Compo)/, Oa = /[A-Z0-9]/g, Pa = typeof document < "u", Ea = function(n) {
+var Pa = typeof Symbol < "u" && Symbol.for && Symbol.for("react.element") || 60103, Ea = /^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/, Ia = /^on(Ani|Tra|Tou|BeforeInp|Compo)/, Da = /[A-Z0-9]/g, ja = typeof document < "u", La = function(n) {
   return (typeof Symbol < "u" && typeof Symbol() == "symbol" ? /fil|che|rad/ : /fil|che|ra/).test(n);
 };
 C.Component.prototype.isReactComponent = {}, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(n) {
@@ -1552,16 +1552,16 @@ C.Component.prototype.isReactComponent = {}, ["componentWillMount", "componentWi
   } });
 });
 var zo = C.options.event;
-function Ia() {
+function $a() {
 }
-function Da() {
+function Ta() {
   return this.cancelBubble;
 }
-function ja() {
+function Ua() {
   return this.defaultPrevented;
 }
 C.options.event = function(n) {
-  return zo && (n = zo(n)), n.persist = Ia, n.isPropagationStopped = Da, n.isDefaultPrevented = ja, n.nativeEvent = n;
+  return zo && (n = zo(n)), n.persist = $a, n.isPropagationStopped = Ta, n.isDefaultPrevented = Ua, n.nativeEvent = n;
 };
 var Ho = { configurable: !0, get: function() {
   return this.class;
@@ -1571,9 +1571,9 @@ C.options.vnode = function(n) {
   if (typeof e == "string") {
     for (var i in o = {}, t) {
       var a = t[i];
-      if (!(i === "value" && "defaultValue" in t && a == null || Pa && i === "children" && e === "noscript")) {
+      if (!(i === "value" && "defaultValue" in t && a == null || ja && i === "children" && e === "noscript")) {
         var s = i.toLowerCase();
-        i === "defaultValue" && "value" in t && t.value == null ? i = "value" : i === "download" && a === !0 ? a = "" : s === "ondoubleclick" ? i = "ondblclick" : s !== "onchange" || e !== "input" && e !== "textarea" || Ea(t.type) ? s === "onfocus" ? i = "onfocusin" : s === "onblur" ? i = "onfocusout" : Ca.test(i) ? i = s : e.indexOf("-") === -1 && Aa.test(i) ? i = i.replace(Oa, "-$&").toLowerCase() : a === null && (a = void 0) : s = i = "oninput", s === "oninput" && o[i = s] && (i = "oninputCapture"), o[i] = a;
+        i === "defaultValue" && "value" in t && t.value == null ? i = "value" : i === "download" && a === !0 ? a = "" : s === "ondoubleclick" ? i = "ondblclick" : s !== "onchange" || e !== "input" && e !== "textarea" || La(t.type) ? s === "onfocus" ? i = "onfocusin" : s === "onblur" ? i = "onfocusout" : Ia.test(i) ? i = s : e.indexOf("-") === -1 && Ea.test(i) ? i = i.replace(Da, "-$&").toLowerCase() : a === null && (a = void 0) : s = i = "oninput", s === "oninput" && o[i = s] && (i = "oninputCapture"), o[i] = a;
       }
     }
     e == "select" && o.multiple && Array.isArray(o.value) && (o.value = (0, C.toChildArray)(t.children).forEach(function(c) {
@@ -1582,19 +1582,19 @@ C.options.vnode = function(n) {
       c.props.selected = o.multiple ? o.defaultValue.indexOf(c.props.value) != -1 : o.defaultValue == c.props.value;
     })), n.props = o, t.class != t.className && (Ho.enumerable = "className" in t, t.className != null && (o.class = t.className), Object.defineProperty(o, "className", Ho));
   }
-  n.$$typeof = xa, Wo && Wo(n);
+  n.$$typeof = Pa, Wo && Wo(n);
 };
 var Fo = C.options.__r;
 C.options.__r = function(n) {
   Fo && Fo(n), n.__c;
 };
 var Ko = C.options.diffed;
-function bi(n) {
+function xi(n) {
   const e = "==".slice(0, (4 - n.length % 4) % 4), t = n.replace(/-/g, "+").replace(/_/g, "/") + e, o = atob(t), i = new ArrayBuffer(o.length), a = new Uint8Array(i);
   for (let s = 0; s < o.length; s++) a[s] = o.charCodeAt(s);
   return i;
 }
-function ki(n) {
+function Ai(n) {
   const e = new Uint8Array(n);
   let t = "";
   for (const o of e) t += String.fromCharCode(o);
@@ -1605,9 +1605,9 @@ C.options.diffed = function(n) {
   var e = n.props, t = n.__e;
   t != null && n.type === "textarea" && "value" in e && e.value !== t.value && (t.value = e.value == null ? "" : e.value);
 }, C.Fragment, _.useLayoutEffect, _.useState, _.useId, _.useReducer, _.useEffect, _.useLayoutEffect, _.useRef, _.useImperativeHandle, _.useMemo, _.useCallback, _.useContext, _.useDebugValue, C.createElement, C.createContext, C.createRef, C.Fragment, C.Component;
-var de = "copy", Be = "convert";
+var ue = "copy", Be = "convert";
 function _t(n, e, t) {
-  if (e === de) return t;
+  if (e === ue) return t;
   if (e === Be) return n(t);
   if (e instanceof Array) return t.map((o) => _t(n, e[0], o));
   if (e instanceof Object) {
@@ -1629,27 +1629,27 @@ function Jn(n, e) {
 function ve(n) {
   return { required: !0, schema: n };
 }
-function xe(n) {
+function Ae(n) {
   return { required: !1, schema: n };
 }
-var wi = { type: ve(de), id: ve(Be), transports: xe(de) }, Si = { appid: xe(de), appidExclude: xe(de), credProps: xe(de) }, xi = { appid: xe(de), appidExclude: xe(de), credProps: xe(de) }, La = { publicKey: ve({ rp: ve(de), user: ve({ id: ve(Be), name: ve(de), displayName: ve(de) }), challenge: ve(Be), pubKeyCredParams: ve(de), timeout: xe(de), excludeCredentials: xe([wi]), authenticatorSelection: xe(de), attestation: xe(de), extensions: xe(Si) }), signal: xe(de) }, Ta = { type: ve(de), id: ve(de), rawId: ve(Be), authenticatorAttachment: xe(de), response: ve({ clientDataJSON: ve(Be), attestationObject: ve(Be), transports: Jn(de, (n) => {
+var Ci = { type: ve(ue), id: ve(Be), transports: Ae(ue) }, Oi = { appid: Ae(ue), appidExclude: Ae(ue), credProps: Ae(ue) }, Pi = { appid: Ae(ue), appidExclude: Ae(ue), credProps: Ae(ue) }, Na = { publicKey: ve({ rp: ve(ue), user: ve({ id: ve(Be), name: ve(ue), displayName: ve(ue) }), challenge: ve(Be), pubKeyCredParams: ve(ue), timeout: Ae(ue), excludeCredentials: Ae([Ci]), authenticatorSelection: Ae(ue), attestation: Ae(ue), extensions: Ae(Oi) }), signal: Ae(ue) }, Ma = { type: ve(ue), id: ve(ue), rawId: ve(Be), authenticatorAttachment: Ae(ue), response: ve({ clientDataJSON: ve(Be), attestationObject: ve(Be), transports: Jn(ue, (n) => {
   var e;
   return ((e = n.getTransports) == null ? void 0 : e.call(n)) || [];
-}) }), clientExtensionResults: Jn(xi, (n) => n.getClientExtensionResults()) }, $a = { mediation: xe(de), publicKey: ve({ challenge: ve(Be), timeout: xe(de), rpId: xe(de), allowCredentials: xe([wi]), userVerification: xe(de), extensions: xe(Si) }), signal: xe(de) }, Ua = { type: ve(de), id: ve(de), rawId: ve(Be), authenticatorAttachment: xe(de), response: ve({ clientDataJSON: ve(Be), authenticatorData: ve(Be), signature: ve(Be), userHandle: ve(Be) }), clientExtensionResults: Jn(xi, (n) => n.getClientExtensionResults()) };
+}) }), clientExtensionResults: Jn(Pi, (n) => n.getClientExtensionResults()) }, Ra = { mediation: Ae(ue), publicKey: ve({ challenge: ve(Be), timeout: Ae(ue), rpId: Ae(ue), allowCredentials: Ae([Ci]), userVerification: Ae(ue), extensions: Ae(Oi) }), signal: Ae(ue) }, qa = { type: ve(ue), id: ve(ue), rawId: ve(Be), authenticatorAttachment: Ae(ue), response: ve({ clientDataJSON: ve(Be), authenticatorData: ve(Be), signature: ve(Be), userHandle: ve(Be) }), clientExtensionResults: Jn(Pi, (n) => n.getClientExtensionResults()) };
 async function Vo(n) {
   const e = await navigator.credentials.create(function(t) {
-    return _t(bi, La, t);
+    return _t(xi, Na, t);
   }(n));
   return function(t) {
-    return _t(ki, Ta, t);
+    return _t(Ai, Ma, t);
   }(e);
 }
 async function Bo(n) {
   const e = await navigator.credentials.get(function(t) {
-    return _t(bi, $a, t);
+    return _t(xi, Ra, t);
   }(n));
   return function(t) {
-    return _t(ki, Ua, t);
+    return _t(Ai, qa, t);
   }(e);
 }
 function yn() {
@@ -1661,116 +1661,116 @@ function yn() {
     return n;
   }, yn.apply(this, arguments);
 }
-var Na = 0;
-function Ai(n) {
-  return "__private_" + Na++ + "_" + n;
+var za = 0;
+function Ei(n) {
+  return "__private_" + za++ + "_" + n;
 }
 function Un(n, e) {
   if (!Object.prototype.hasOwnProperty.call(n, e)) throw new TypeError("attempted to use private field on non-instance");
   return n;
 }
-class Ae extends Error {
+class Ce extends Error {
   constructor(e, t, o) {
-    super(e), this.code = void 0, this.cause = void 0, this.code = t, this.cause = o, Object.setPrototypeOf(this, Ae.prototype);
+    super(e), this.code = void 0, this.cause = void 0, this.code = t, this.cause = o, Object.setPrototypeOf(this, Ce.prototype);
   }
 }
-class je extends Ae {
+class Le extends Ce {
   constructor(e) {
-    super("Technical error", "somethingWentWrong", e), Object.setPrototypeOf(this, je.prototype);
+    super("Technical error", "somethingWentWrong", e), Object.setPrototypeOf(this, Le.prototype);
   }
 }
-class wn extends Ae {
+class wn extends Ce {
   constructor(e, t) {
     super("Conflict error", "conflict", t), Object.setPrototypeOf(this, wn.prototype);
   }
 }
-class Sn extends Ae {
+class Sn extends Ce {
   constructor(e) {
     super("Request timed out error", "requestTimeout", e), Object.setPrototypeOf(this, Sn.prototype);
   }
 }
-class oo extends Ae {
+class oo extends Ce {
   constructor(e) {
     super("Request cancelled error", "requestCancelled", e), Object.setPrototypeOf(this, oo.prototype);
   }
 }
-class io extends Ae {
+class io extends Ce {
   constructor(e) {
     super("Invalid password error", "invalidPassword", e), Object.setPrototypeOf(this, io.prototype);
   }
 }
-class ao extends Ae {
+class ao extends Ce {
   constructor(e) {
     super("Invalid Passcode error", "invalidPasscode", e), Object.setPrototypeOf(this, ao.prototype);
   }
 }
-class ro extends Ae {
+class ro extends Ce {
   constructor(e) {
     super("Invalid WebAuthn credential error", "invalidWebauthnCredential", e), Object.setPrototypeOf(this, ro.prototype);
   }
 }
-class so extends Ae {
+class so extends Ce {
   constructor(e) {
     super("Passcode expired error", "passcodeExpired", e), Object.setPrototypeOf(this, so.prototype);
   }
 }
-class lo extends Ae {
+class lo extends Ce {
   constructor(e) {
     super("Maximum number of Passcode attempts reached error", "passcodeAttemptsReached", e), Object.setPrototypeOf(this, lo.prototype);
   }
 }
-class Wt extends Ae {
+class Wt extends Ce {
   constructor(e) {
     super("Not found error", "notFound", e), Object.setPrototypeOf(this, Wt.prototype);
   }
 }
-class co extends Ae {
+class co extends Ce {
   constructor(e, t) {
     super("Too many requests error", "tooManyRequests", t), this.retryAfter = void 0, this.retryAfter = e, Object.setPrototypeOf(this, co.prototype);
   }
 }
-class Xe extends Ae {
+class Xe extends Ce {
   constructor(e) {
     super("Unauthorized error", "unauthorized", e), Object.setPrototypeOf(this, Xe.prototype);
   }
 }
-class xn extends Ae {
+class xn extends Ce {
   constructor(e) {
     super("Forbidden error", "forbidden", e), Object.setPrototypeOf(this, xn.prototype);
   }
 }
-class uo extends Ae {
+class uo extends Ce {
   constructor(e) {
     super("User verification error", "userVerification", e), Object.setPrototypeOf(this, uo.prototype);
   }
 }
-class An extends Ae {
+class An extends Ce {
   constructor(e) {
     super("Maximum number of email addresses reached error", "maxNumOfEmailAddressesReached", e), Object.setPrototypeOf(this, An.prototype);
   }
 }
-class Cn extends Ae {
+class Cn extends Ce {
   constructor(e) {
     super("The email address already exists", "emailAddressAlreadyExistsError", e), Object.setPrototypeOf(this, Cn.prototype);
   }
 }
-class Je extends Ae {
+class Je extends Ce {
   constructor(e, t) {
     super("An error occurred during third party sign up/sign in", e, t), Object.setPrototypeOf(this, Je.prototype);
   }
 }
 const ho = "hanko-session-created", po = "hanko-session-expired", mo = "hanko-user-logged-out", go = "hanko-user-deleted";
-class Ci extends CustomEvent {
+class Ii extends CustomEvent {
   constructor(e, t) {
     super(e, { detail: t });
   }
 }
-class Oi {
+class Di {
   constructor() {
     this._dispatchEvent = document.dispatchEvent.bind(document);
   }
   dispatch(e, t) {
-    this._dispatchEvent(new Ci(e, t));
+    this._dispatchEvent(new Ii(e, t));
   }
   dispatchSessionCreatedEvent(e) {
     this.dispatch(ho, e);
@@ -1825,7 +1825,7 @@ var Nn = function n(e, t) {
 }, write: function(n) {
   return encodeURIComponent(n).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g, decodeURIComponent);
 } }, { path: "/" });
-class Ma {
+class Ha {
   constructor(e) {
     var t;
     this.authCookieName = void 0, this.authCookieDomain = void 0, this.authCookieSameSite = void 0, this.authCookieName = e.cookieName, this.authCookieDomain = e.cookieDomain, this.authCookieSameSite = (t = e.cookieSameSite) != null ? t : "lax";
@@ -1837,14 +1837,14 @@ class Ma {
     const o = { secure: !0, sameSite: this.authCookieSameSite };
     this.authCookieDomain !== void 0 && (o.domain = this.authCookieDomain);
     const i = yn({}, o, t);
-    if ((i.sameSite === "none" || i.sameSite === "None") && i.secure === !1) throw new je(new Error("Secure attribute must be set when SameSite=None"));
+    if ((i.sameSite === "none" || i.sameSite === "None") && i.secure === !1) throw new Le(new Error("Secure attribute must be set when SameSite=None"));
     Nn.set(this.authCookieName, e, i);
   }
   removeAuthCookie() {
     Nn.remove(this.authCookieName);
   }
 }
-class Ra {
+class Wa {
   constructor(e) {
     this.keyName = void 0, this.keyName = e.keyName;
   }
@@ -1858,7 +1858,7 @@ class Ra {
     sessionStorage.removeItem(this.keyName);
   }
 }
-class qa {
+class Fa {
   constructor(e) {
     this._xhr = void 0, this._xhr = e;
   }
@@ -1866,9 +1866,9 @@ class qa {
     return this._xhr.getResponseHeader(e);
   }
 }
-class za {
+class Ka {
   constructor(e) {
-    this.headers = void 0, this.ok = void 0, this.status = void 0, this.statusText = void 0, this.url = void 0, this._decodedJSON = void 0, this.xhr = void 0, this.headers = new qa(e), this.ok = e.status >= 200 && e.status <= 299, this.status = e.status, this.statusText = e.statusText, this.url = e.responseURL, this.xhr = e;
+    this.headers = void 0, this.ok = void 0, this.status = void 0, this.statusText = void 0, this.url = void 0, this._decodedJSON = void 0, this.xhr = void 0, this.headers = new Fa(e), this.ok = e.status >= 200 && e.status <= 299, this.status = e.status, this.statusText = e.statusText, this.url = e.responseURL, this.xhr = e;
   }
   json() {
     return this._decodedJSON || (this._decodedJSON = JSON.parse(this.xhr.response)), this._decodedJSON;
@@ -1878,17 +1878,17 @@ class za {
     return isNaN(t) ? 0 : t;
   }
 }
-class Ha {
+class Va {
   constructor(e, t) {
-    this.timeout = void 0, this.api = void 0, this.dispatcher = void 0, this.cookie = void 0, this.sessionTokenStorage = void 0, this.lang = void 0, this.sessionTokenLocation = void 0, this.api = e, this.timeout = t.timeout, this.dispatcher = new Oi(), this.cookie = new Ma(yn({}, t)), this.sessionTokenStorage = new Ra({ keyName: t.cookieName }), this.lang = t.lang, this.sessionTokenLocation = t.sessionTokenLocation;
+    this.timeout = void 0, this.api = void 0, this.dispatcher = void 0, this.cookie = void 0, this.sessionTokenStorage = void 0, this.lang = void 0, this.sessionTokenLocation = void 0, this.api = e, this.timeout = t.timeout, this.dispatcher = new Di(), this.cookie = new Ha(yn({}, t)), this.sessionTokenStorage = new Wa({ keyName: t.cookieName }), this.lang = t.lang, this.sessionTokenLocation = t.sessionTokenLocation;
   }
   _fetch(e, t, o = new XMLHttpRequest()) {
     const i = this, a = this.api + e, s = this.timeout, c = this.getAuthToken(), d = this.lang;
     return new Promise(function(l, u) {
       o.open(t.method, a, !0), o.setRequestHeader("Accept", "application/json"), o.setRequestHeader("Content-Type", "application/json"), o.setRequestHeader("X-Language", d), c && o.setRequestHeader("Authorization", `Bearer ${c}`), o.timeout = s, o.withCredentials = !0, o.onload = () => {
-        i.processHeaders(o), l(new za(o));
+        i.processHeaders(o), l(new Ka(o));
       }, o.onerror = () => {
-        u(new je());
+        u(new Le());
       }, o.ontimeout = () => {
         u(new Sn());
       }, o.send(t.body ? t.body.toString() : null);
@@ -1946,10 +1946,10 @@ class Ha {
 }
 class lt {
   constructor(e, t) {
-    this.client = void 0, this.client = new Ha(e, t);
+    this.client = void 0, this.client = new Va(e, t);
   }
 }
-class Pi extends lt {
+class ji extends lt {
   getDomain(e) {
     if (!e) throw new Je("somethingWentWrong", new Error("email missing from request"));
     const t = e.split("@");
@@ -1962,7 +1962,7 @@ class Pi extends lt {
     const t = this.getDomain(e);
     return this.client.get(`/saml/provider?domain=${t}`).then((o) => {
       if (o.status == 404) throw new Wt(new Error("provider not found"));
-      if (!o.ok) throw new je(new Error("unable to fetch provider"));
+      if (!o.ok) throw new Le(new Error("unable to fetch provider"));
       return o.ok;
     });
   }
@@ -1998,63 +1998,63 @@ class Pi extends lt {
     }
   }
 }
-class Ei extends lt {
+class Li extends lt {
   async getInfo(e) {
     const t = await this.client.post("/user", { email: e });
     if (t.status === 404) throw new Wt();
-    if (!t.ok) throw new je();
+    if (!t.ok) throw new Le();
     return t.json();
   }
   async create(e) {
     const t = await this.client.post("/users", { email: e });
     if (t.status === 409) throw new wn();
     if (t.status === 403) throw new xn();
-    if (!t.ok) throw new je();
+    if (!t.ok) throw new Le();
     return t.json();
   }
   async getCurrent() {
     const e = await this.client.get("/me");
     if (e.status === 401) throw this.client.dispatcher.dispatchSessionExpiredEvent(), new Xe();
-    if (!e.ok) throw new je();
+    if (!e.ok) throw new Le();
     const t = e.json(), o = await this.client.get(`/users/${t.id}`);
     if (o.status === 401) throw this.client.dispatcher.dispatchSessionExpiredEvent(), new Xe();
-    if (!o.ok) throw new je();
+    if (!o.ok) throw new Le();
     return o.json();
   }
   async delete() {
     const e = await this.client.delete("/user");
     if (e.ok) return this.client.sessionTokenStorage.removeSessionToken(), this.client.cookie.removeAuthCookie(), void this.client.dispatcher.dispatchUserDeletedEvent();
-    throw e.status === 401 ? (this.client.dispatcher.dispatchSessionExpiredEvent(), new Xe()) : new je();
+    throw e.status === 401 ? (this.client.dispatcher.dispatchSessionExpiredEvent(), new Xe()) : new Le();
   }
   async logout() {
     const e = await this.client.post("/logout");
-    if (this.client.sessionTokenStorage.removeSessionToken(), this.client.cookie.removeAuthCookie(), this.client.dispatcher.dispatchUserLoggedOutEvent(), e.status !== 401 && !e.ok) throw new je();
+    if (this.client.sessionTokenStorage.removeSessionToken(), this.client.cookie.removeAuthCookie(), this.client.dispatcher.dispatchUserLoggedOutEvent(), e.status !== 401 && !e.ok) throw new Le();
   }
 }
-class Ii extends lt {
+class $i extends lt {
   async list() {
     const e = await this.client.get("/emails");
     if (e.status === 401) throw this.client.dispatcher.dispatchSessionExpiredEvent(), new Xe();
-    if (!e.ok) throw new je();
+    if (!e.ok) throw new Le();
     return e.json();
   }
   async create(e) {
     const t = await this.client.post("/emails", { address: e });
     if (t.ok) return t.json();
-    throw t.status === 400 ? new Cn() : t.status === 401 ? (this.client.dispatcher.dispatchSessionExpiredEvent(), new Xe()) : t.status === 409 ? new An() : new je();
+    throw t.status === 400 ? new Cn() : t.status === 401 ? (this.client.dispatcher.dispatchSessionExpiredEvent(), new Xe()) : t.status === 409 ? new An() : new Le();
   }
   async setPrimaryEmail(e) {
     const t = await this.client.post(`/emails/${e}/set_primary`);
     if (t.status === 401) throw this.client.dispatcher.dispatchSessionExpiredEvent(), new Xe();
-    if (!t.ok) throw new je();
+    if (!t.ok) throw new Le();
   }
   async delete(e) {
     const t = await this.client.delete(`/emails/${e}`);
     if (t.status === 401) throw this.client.dispatcher.dispatchSessionExpiredEvent(), new Xe();
-    if (!t.ok) throw new je();
+    if (!t.ok) throw new Le();
   }
 }
-class Di extends lt {
+class Ti extends lt {
   async auth(e, t) {
     const o = new URL("/thirdparty/auth", this.client.api);
     if (!e) throw new Je("somethingWentWrong", new Error("provider missing from request"));
@@ -2091,17 +2091,17 @@ class Di extends lt {
     }
   }
 }
-class ji extends lt {
+class Ui extends lt {
   async validate() {
     const e = new URLSearchParams(window.location.search).get("hanko_token");
     if (!e) return;
     window.history.replaceState(null, null, window.location.pathname);
     const t = await this.client.post("/token", { value: e });
-    if (!t.ok) throw new je();
+    if (!t.ok) throw new Le();
     return t.json();
   }
 }
-class Wa {
+class Ba {
   static throttle(e, t, o = {}) {
     const { leading: i = !0, trailing: a = !0 } = o;
     let s, c, d, l = 0;
@@ -2118,7 +2118,7 @@ class Wa {
 }
 class On {
   constructor() {
-    this.throttleLimit = 1e3, this._addEventListener = document.addEventListener.bind(document), this._removeEventListener = document.removeEventListener.bind(document), this._throttle = Wa.throttle;
+    this.throttleLimit = 1e3, this._addEventListener = document.addEventListener.bind(document), this._removeEventListener = document.removeEventListener.bind(document), this._throttle = Ba.throttle;
   }
   wrapCallback(e, t) {
     const o = (i) => {
@@ -2152,23 +2152,23 @@ class On {
 class fo extends lt {
   async validate() {
     const e = await this.client.get("/sessions/validate");
-    if (!e.ok) throw new je();
+    if (!e.ok) throw new Le();
     return await e.json();
   }
 }
-class Fa extends lt {
+class Za extends lt {
   isValid() {
     let e;
     try {
       const t = this.client._fetch_blocking("/sessions/validate", { method: "GET" });
       e = JSON.parse(t);
     } catch (t) {
-      throw new je(t);
+      throw new Le(t);
     }
     return !!e && e.is_valid;
   }
 }
-class Ka {
+class Ja {
   constructor(e) {
     this.storageKey = void 0, this.defaultState = { expiration: 0, lastCheck: 0 }, this.storageKey = e;
   }
@@ -2180,7 +2180,7 @@ class Ka {
     window.localStorage.setItem(this.storageKey, JSON.stringify(e || this.defaultState));
   }
 }
-class Va {
+class Ya {
   constructor(e, t) {
     this.onActivityCallback = void 0, this.onInactivityCallback = void 0, this.handleFocus = () => {
       this.onActivityCallback();
@@ -2191,7 +2191,7 @@ class Va {
     }, this.hasFocus = () => document.hasFocus(), this.onActivityCallback = e, this.onInactivityCallback = t, window.addEventListener("focus", this.handleFocus), window.addEventListener("blur", this.handleBlur), document.addEventListener("visibilitychange", this.handleVisibilityChange);
   }
 }
-class Ba {
+class Qa {
   constructor(e, t, o) {
     this.intervalID = null, this.timeoutID = null, this.checkInterval = void 0, this.checkSession = void 0, this.onSessionExpired = void 0, this.checkInterval = e, this.checkSession = t, this.onSessionExpired = o;
   }
@@ -2228,7 +2228,7 @@ class Ba {
     return this.checkInterval >= t ? this.checkInterval - t % this.checkInterval : 0;
   }
 }
-class Za {
+class Ga {
   constructor(e = "hanko_session", t, o, i) {
     this.channel = void 0, this.onSessionExpired = void 0, this.onSessionCreated = void 0, this.onLeadershipRequested = void 0, this.handleMessage = (a) => {
       const s = a.data;
@@ -2248,9 +2248,9 @@ class Za {
     this.channel.postMessage(e);
   }
 }
-class Ja extends Oi {
+class Xa extends Di {
   constructor(e, t) {
-    super(), this.listener = new On(), this.checkInterval = 3e4, this.client = void 0, this.sessionState = void 0, this.windowActivityManager = void 0, this.scheduler = void 0, this.sessionChannel = void 0, this.isLoggedIn = void 0, this.client = new fo(e, t), this.checkInterval = t.sessionCheckInterval, this.sessionState = new Ka(`${t.cookieName}_session_state`), this.sessionChannel = new Za(this.getSessionCheckChannelName(t.sessionTokenLocation, t.sessionCheckChannelName), () => this.onChannelSessionExpired(), (a) => this.onChannelSessionCreated(a), () => this.onChannelLeadershipRequested()), this.scheduler = new Ba(this.checkInterval, () => this.checkSession(), () => this.onSessionExpired()), this.windowActivityManager = new Va(() => this.startSessionCheck(), () => this.scheduler.stop());
+    super(), this.listener = new On(), this.checkInterval = 3e4, this.client = void 0, this.sessionState = void 0, this.windowActivityManager = void 0, this.scheduler = void 0, this.sessionChannel = void 0, this.isLoggedIn = void 0, this.client = new fo(e, t), this.checkInterval = t.sessionCheckInterval, this.sessionState = new Ja(`${t.cookieName}_session_state`), this.sessionChannel = new Ga(this.getSessionCheckChannelName(t.sessionTokenLocation, t.sessionCheckChannelName), () => this.onChannelSessionExpired(), (a) => this.onChannelSessionCreated(a), () => this.onChannelLeadershipRequested()), this.scheduler = new Qa(this.checkInterval, () => this.checkSession(), () => this.onSessionExpired()), this.windowActivityManager = new Ya(() => this.startSessionCheck(), () => this.scheduler.stop());
     const o = Date.now(), { expiration: i } = this.sessionState.load();
     this.isLoggedIn = o < i, this.initializeEventListeners(), this.startSessionCheck();
   }
@@ -2290,13 +2290,13 @@ class Ja extends Oi {
     return o != null && o !== "" || (o = `${t}-${Math.floor(100 * Math.random()) + 1}`, sessionStorage.setItem("sessionCheckChannelName", o)), o;
   }
 }
-var mt, bt = Ai("actionDefinitions"), Mn = Ai("createActionsProxy");
+var mt, bt = Ei("actionDefinitions"), Mn = Ei("createActionsProxy");
 class Rn {
   toJSON() {
     return { name: this.name, payload: this.payload, error: this.error, status: this.status, csrf_token: this.csrf_token, actions: Un(this, bt)[bt] };
   }
   constructor({ name: e, payload: t, error: o, status: i, actions: a, csrf_token: s }, c) {
-    Object.defineProperty(this, Mn, { value: Ya }), this.name = void 0, this.payload = void 0, this.error = void 0, this.status = void 0, this.csrf_token = void 0, Object.defineProperty(this, bt, { writable: !0, value: void 0 }), this.actions = void 0, this.fetchNextState = void 0, this.name = e, this.payload = t, this.error = o, this.status = i, this.csrf_token = s, Un(this, bt)[bt] = a, this.actions = Un(this, Mn)[Mn](a, s), this.fetchNextState = c;
+    Object.defineProperty(this, Mn, { value: er }), this.name = void 0, this.payload = void 0, this.error = void 0, this.status = void 0, this.csrf_token = void 0, Object.defineProperty(this, bt, { writable: !0, value: void 0 }), this.actions = void 0, this.fetchNextState = void 0, this.name = e, this.payload = t, this.error = o, this.status = i, this.csrf_token = s, Un(this, bt)[bt] = a, this.actions = Un(this, Mn)[Mn](a, s), this.fetchNextState = c;
   }
   runAction(e, t) {
     const o = {};
@@ -2312,14 +2312,14 @@ class Rn {
   validateAction(e) {
     if ("inputs" in e) for (const t in e.inputs) {
       let i = function(s, c, d, l) {
-        throw new Li({ reason: s, inputName: t, wanted: d, actual: l, message: c });
+        throw new Ni({ reason: s, inputName: t, wanted: d, actual: l, message: c });
       };
       const o = e.inputs[t], a = o.value;
       o.required && !a && i(mt.Required, "is required"), (o.min_length != null || o.max_length != null) && ("length" in a || i(mt.InvalidInputDefinition, 'has min/max length requirement, but is missing "length" property', "string", typeof a), o.min_length != null && a < o.min_length && i(mt.MinLength, `too short (min ${o.min_length})`, o.min_length, a.length), o.max_length != null && a > o.max_length && i(mt.MaxLength, `too long (max ${o.max_length})`, o.max_length, a.length));
     }
   }
 }
-function Ya(n, e) {
+function er(n, e) {
   const t = (i) => this.runAction(i, e), o = (i) => this.validateAction(i);
   return new Proxy(n, { get(i, a) {
     if (typeof a == "symbol") return i[a];
@@ -2329,7 +2329,7 @@ function Ya(n, e) {
         try {
           o(d);
         } catch (l) {
-          if (l instanceof Li) return l;
+          if (l instanceof Ni) return l;
           throw l;
         }
       }, run: () => t(d) });
@@ -2344,7 +2344,7 @@ function Ya(n, e) {
 (function(n) {
   n[n.InvalidInputDefinition = 0] = "InvalidInputDefinition", n[n.MinLength = 1] = "MinLength", n[n.MaxLength = 2] = "MaxLength", n[n.Required = 3] = "Required";
 })(mt || (mt = {}));
-class Li extends Error {
+class Ni extends Error {
   constructor(e) {
     super(`"${e.inputName}" ${e.message}`), this.reason = void 0, this.inputName = void 0, this.wanted = void 0, this.actual = void 0, this.name = "ValidationError", this.reason = e.reason, this.inputName = e.inputName, this.wanted = e.wanted, this.actual = e.actual;
   }
@@ -2352,12 +2352,12 @@ class Li extends Error {
 function Zo(n) {
   return typeof n == "object" && n !== null && "status" in n && "error" in n && "name" in n && !!n.name && !!n.status;
 }
-class Qa extends lt {
+class tr extends lt {
   constructor(...e) {
     var t;
     super(...e), t = this, this.run = async function(o, i) {
       try {
-        if (!Zo(o)) throw new Ga(o);
+        if (!Zo(o)) throw new nr(o);
         const s = i[o.name];
         if (!s) throw new vo(o);
         let c = await s(o);
@@ -2393,21 +2393,21 @@ class Qa extends lt {
     await this.run(i, t);
   }
 }
-class vo extends Ae {
+class vo extends Ce {
   constructor(e) {
     super("No handler found for state: " + (typeof e.name == "string" ? `"${e.name}"` : `(${typeof e.name})`), "handlerNotFoundError"), this.state = void 0, this.state = e, Object.setPrototypeOf(this, vo.prototype);
   }
 }
-class Ga extends Error {
+class nr extends Error {
   constructor(e) {
     super("Invalid state: " + (typeof e.name == "string" ? `"${e.name}"` : `(${typeof e.name})`)), this.state = void 0, this.state = e;
   }
 }
-class Ti extends On {
+class Mi extends On {
   constructor(e, t) {
     super(), this.api = void 0, this.user = void 0, this.email = void 0, this.thirdParty = void 0, this.enterprise = void 0, this.token = void 0, this.sessionClient = void 0, this.session = void 0, this.relay = void 0, this.flow = void 0;
     const o = { timeout: 13e3, cookieName: "hanko", localStorageKey: "hanko", sessionCheckInterval: 3e4, sessionCheckChannelName: "hanko-session-check", sessionTokenLocation: "cookie" };
-    (t == null ? void 0 : t.cookieName) !== void 0 && (o.cookieName = t.cookieName), (t == null ? void 0 : t.timeout) !== void 0 && (o.timeout = t.timeout), (t == null ? void 0 : t.localStorageKey) !== void 0 && (o.localStorageKey = t.localStorageKey), (t == null ? void 0 : t.cookieDomain) !== void 0 && (o.cookieDomain = t.cookieDomain), (t == null ? void 0 : t.cookieSameSite) !== void 0 && (o.cookieSameSite = t.cookieSameSite), (t == null ? void 0 : t.lang) !== void 0 && (o.lang = t.lang), (t == null ? void 0 : t.sessionCheckInterval) !== void 0 && (o.sessionCheckInterval = t.sessionCheckInterval < 3e3 ? 3e3 : t.sessionCheckInterval), (t == null ? void 0 : t.sessionCheckChannelName) !== void 0 && (o.sessionCheckChannelName = t.sessionCheckChannelName), (t == null ? void 0 : t.sessionTokenLocation) !== void 0 && (o.sessionTokenLocation = t.sessionTokenLocation), this.api = e, this.user = new Ei(e, o), this.email = new Ii(e, o), this.thirdParty = new Di(e, o), this.enterprise = new Pi(e, o), this.token = new ji(e, o), this.sessionClient = new fo(e, o), this.session = new Fa(e, o), this.relay = new Ja(e, o), this.flow = new Qa(e, o);
+    (t == null ? void 0 : t.cookieName) !== void 0 && (o.cookieName = t.cookieName), (t == null ? void 0 : t.timeout) !== void 0 && (o.timeout = t.timeout), (t == null ? void 0 : t.localStorageKey) !== void 0 && (o.localStorageKey = t.localStorageKey), (t == null ? void 0 : t.cookieDomain) !== void 0 && (o.cookieDomain = t.cookieDomain), (t == null ? void 0 : t.cookieSameSite) !== void 0 && (o.cookieSameSite = t.cookieSameSite), (t == null ? void 0 : t.lang) !== void 0 && (o.lang = t.lang), (t == null ? void 0 : t.sessionCheckInterval) !== void 0 && (o.sessionCheckInterval = t.sessionCheckInterval < 3e3 ? 3e3 : t.sessionCheckInterval), (t == null ? void 0 : t.sessionCheckChannelName) !== void 0 && (o.sessionCheckChannelName = t.sessionCheckChannelName), (t == null ? void 0 : t.sessionTokenLocation) !== void 0 && (o.sessionTokenLocation = t.sessionTokenLocation), this.api = e, this.user = new Li(e, o), this.email = new $i(e, o), this.thirdParty = new Ti(e, o), this.enterprise = new ji(e, o), this.token = new Ui(e, o), this.sessionClient = new fo(e, o), this.session = new Za(e, o), this.relay = new Xa(e, o), this.flow = new tr(e, o);
   }
   setLang(e) {
     this.flow.client.lang = e;
@@ -2427,16 +2427,16 @@ class gt {
     return !(!window.PublicKeyCredential || !window.PublicKeyCredential.isConditionalMediationAvailable) && window.PublicKeyCredential.isConditionalMediationAvailable();
   }
 }
-var Xa = G(292), et = G.n(Xa), er = G(360), tt = G.n(er), tr = G(884), nt = G.n(tr), nr = G(88), ot = G.n(nr), rn = G(914), kt = {};
+var or = G(292), et = G.n(or), ir = G(360), tt = G.n(ir), ar = G(884), nt = G.n(ar), rr = G(88), ot = G.n(rr), rn = G(914), kt = {};
 kt.setAttributes = nt(), kt.insert = (n) => {
   window._hankoStyle = n;
 }, kt.domAPI = tt(), kt.insertStyleElement = ot(), et()(rn.A, kt);
-const zt = rn.A && rn.A.locals ? rn.A.locals : void 0, or = function(n) {
+const zt = rn.A && rn.A.locals ? rn.A.locals : void 0, sr = function(n) {
   function e(t) {
-    var o = fi({}, t);
+    var o = bi({}, t);
     return delete o.ref, n(o, t.ref || null);
   }
-  return e.$$typeof = wa, e.render = e, e.prototype.isReactComponent = e.__f = !0, e.displayName = "ForwardRef(" + (n.displayName || n.name) + ")", e;
+  return e.$$typeof = Ca, e.render = e, e.prototype.isReactComponent = e.__f = !0, e.displayName = "ForwardRef(" + (n.displayName || n.name) + ")", e;
 }((n, e) => {
   const { lang: t, hanko: o, setHanko: i } = (0, _.useContext)(pe), { setLang: a } = (0, _.useContext)(Z.TranslateContext);
   return (0, _.useEffect)(() => {
@@ -2448,8 +2448,8 @@ wt.setAttributes = nt(), wt.insert = (n) => {
   window._hankoStyle = n;
 }, wt.domAPI = tt(), wt.insertStyleElement = ot(), et()(sn.A, wt);
 const L = sn.A && sn.A.locals ? sn.A.locals : void 0;
-var ir = G(633), Y = G.n(ir);
-const ar = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ id: "icon-apple", xmlns: "http://www.w3.org/2000/svg", width: n, height: n, viewBox: "20.5 16 15 19", className: Y()(L.icon, e && L.secondary, t && L.disabled) }, { children: r("path", { d: "M28.2226562,20.3846154 C29.0546875,20.3846154 30.0976562,19.8048315 30.71875,19.0317864 C31.28125,18.3312142 31.6914062,17.352829 31.6914062,16.3744437 C31.6914062,16.2415766 31.6796875,16.1087095 31.65625,16 C30.7304687,16.0362365 29.6171875,16.640178 28.9492187,17.4494596 C28.421875,18.06548 27.9414062,19.0317864 27.9414062,20.0222505 C27.9414062,20.1671964 27.9648438,20.3121424 27.9765625,20.3604577 C28.0351562,20.3725366 28.1289062,20.3846154 28.2226562,20.3846154 Z M25.2929688,35 C26.4296875,35 26.9335938,34.214876 28.3515625,34.214876 C29.7929688,34.214876 30.109375,34.9758423 31.375,34.9758423 C32.6171875,34.9758423 33.4492188,33.792117 34.234375,32.6325493 C35.1132812,31.3038779 35.4765625,29.9993643 35.5,29.9389701 C35.4179688,29.9148125 33.0390625,28.9122695 33.0390625,26.0979021 C33.0390625,23.6579784 34.9140625,22.5588048 35.0195312,22.474253 C33.7773438,20.6382708 31.890625,20.5899555 31.375,20.5899555 C29.9804688,20.5899555 28.84375,21.4596313 28.1289062,21.4596313 C27.3554688,21.4596313 26.3359375,20.6382708 25.1289062,20.6382708 C22.8320312,20.6382708 20.5,22.5950413 20.5,26.2911634 C20.5,28.5861411 21.3671875,31.013986 22.4335938,32.5842339 C23.3476562,33.9129053 24.1445312,35 25.2929688,35 Z" }) })), rr = ({ secondary: n, size: e, fadeOut: t, disabled: o }) => r("svg", Object.assign({ id: "icon-checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "4 4 40 40", width: e, height: e, className: Y()(L.checkmark, n && L.secondary, t && L.fadeOut, o && L.disabled) }, { children: r("path", { d: "M21.05 33.1 35.2 18.95l-2.3-2.25-11.85 11.85-6-6-2.25 2.25ZM24 44q-4.1 0-7.75-1.575-3.65-1.575-6.375-4.3-2.725-2.725-4.3-6.375Q4 28.1 4 24q0-4.15 1.575-7.8 1.575-3.65 4.3-6.35 2.725-2.7 6.375-4.275Q19.9 4 24 4q4.15 0 7.8 1.575 3.65 1.575 6.35 4.275 2.7 2.7 4.275 6.35Q44 19.85 44 24q0 4.1-1.575 7.75-1.575 3.65-4.275 6.375t-6.35 4.3Q28.15 44 24 44Zm0-3q7.1 0 12.05-4.975Q41 31.05 41 24q0-7.1-4.95-12.05Q31.1 7 24 7q-7.05 0-12.025 4.95Q7 16.9 7 24q0 7.05 4.975 12.025Q16.95 41 24 41Zm0-17Z" }) })), sr = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: n, height: n, className: Y()(L.icon, e && L.secondary, t && L.disabled) }, { children: r("path", { d: "M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360Zm0-80h360v-480H360v480ZM200-80q-33 0-56.5-23.5T120-160v-560h80v560h440v80H200Zm160-240v-480 480Z" }) })), lr = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ id: "icon-custom-provider", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: n, height: n, className: Y()(L.icon, e && L.secondary, t && L.disabled) }, { children: [r("path", { d: "M0 0h24v24H0z", fill: "none" }), r("path", { d: "M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z" })] })), cr = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ id: "icon-discord", fill: "#fff", xmlns: "http://www.w3.org/2000/svg", width: n, height: n, viewBox: "0 0 127.14 96.36", className: Y()(L.icon, e && L.secondary, t && L.disabled) }, { children: r("path", { d: "M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z" }) })), dr = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ id: "icon-exclamation", xmlns: "http://www.w3.org/2000/svg", viewBox: "5 2 13 20", width: n, height: n, className: Y()(L.exclamationMark, e && L.secondary, t && L.disabled) }, { children: r("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }) })), ur = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ width: n, height: n, viewBox: "0 0 666.66668 666.66717", xmlns: "http://www.w3.org/2000/svg" }, { children: [r("defs", Object.assign({ id: "defs13" }, { children: r("clipPath", Object.assign({ clipPathUnits: "userSpaceOnUse", id: "clipPath25" }, { children: r("path", { d: "M 0,700 H 700 V 0 H 0 Z", id: "path23" }) })) })), r("g", Object.assign({ id: "g17", transform: "matrix(1.3333333,0,0,-1.3333333,-133.33333,799.99999)" }, { children: r("g", Object.assign({ id: "g19" }, { children: r("g", Object.assign({ id: "g21", clipPath: "url(#clipPath25)" }, { children: [r("g", Object.assign({ id: "g27", transform: "translate(600,350)" }, { children: r("path", { className: Y()(L.facebookIcon, t ? L.disabledOutline : L.outline), d: "m 0,0 c 0,138.071 -111.929,250 -250,250 -138.071,0 -250,-111.929 -250,-250 0,-117.245 80.715,-215.622 189.606,-242.638 v 166.242 h -51.552 V 0 h 51.552 v 32.919 c 0,85.092 38.508,124.532 122.048,124.532 15.838,0 43.167,-3.105 54.347,-6.211 V 81.986 c -5.901,0.621 -16.149,0.932 -28.882,0.932 -40.993,0 -56.832,-15.528 -56.832,-55.9 V 0 h 81.659 l -14.028,-76.396 h -67.631 V -248.169 C -95.927,-233.218 0,-127.818 0,0", id: "path29" }) })), r("g", Object.assign({ id: "g31", transform: "translate(447.9175,273.6036)" }, { children: r("path", { className: Y()(L.facebookIcon, t ? L.disabledLetter : L.letter), d: "M 0,0 14.029,76.396 H -67.63 v 27.019 c 0,40.372 15.838,55.899 56.831,55.899 12.733,0 22.981,-0.31 28.882,-0.931 v 69.253 c -11.18,3.106 -38.509,6.212 -54.347,6.212 -83.539,0 -122.048,-39.441 -122.048,-124.533 V 76.396 h -51.552 V 0 h 51.552 v -166.242 c 19.343,-4.798 39.568,-7.362 60.394,-7.362 10.254,0 20.358,0.632 30.288,1.831 L -67.63,0 Z", id: "path33" }) }))] })) })) }))] })), hr = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ id: "icon-github", xmlns: "http://www.w3.org/2000/svg", fill: "#fff", viewBox: "0 0 97.63 96", width: n, height: n, className: Y()(L.icon, e && L.secondary, t && L.disabled) }, { children: [r("path", { d: "M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" }), " "] })), pr = ({ size: n, disabled: e }) => r("svg", Object.assign({ id: "icon-google", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: n, height: n, className: L.googleIcon }, { children: [r("path", { className: Y()(L.googleIcon, e ? L.disabled : L.blue), d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" }), r("path", { className: Y()(L.googleIcon, e ? L.disabled : L.green), d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" }), r("path", { className: Y()(L.googleIcon, e ? L.disabled : L.yellow), d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" }), r("path", { className: Y()(L.googleIcon, e ? L.disabled : L.red), d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" }), r("path", { d: "M1 1h22v22H1z", fill: "none" })] })), mr = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ id: "icon-linkedin", fill: "#fff", xmlns: "http://www.w3.org/2000/svg", width: n, viewBox: "0 0 24 24", height: n, className: Y()(L.icon, e && L.secondary, t && L.disabled) }, { children: r("path", { d: "M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19a.66.66 0 000 .14V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z" }) })), gr = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ id: "icon-mail", xmlns: "http://www.w3.org/2000/svg", width: n, height: n, viewBox: "0 -960 960 960", className: Y()(L.icon, e && L.secondary, t && L.disabled) }, { children: r("path", { d: "M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280L160-640v400h640v-400L480-440Zm0-80 320-200H160l320 200ZM160-640v-80 480-400Z" }) })), fr = ({ size: n, disabled: e }) => r("svg", Object.assign({ id: "icon-microsoft", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: n, height: n, className: L.microsoftIcon }, { children: [r("rect", { className: Y()(L.microsoftIcon, e ? L.disabled : L.blue), x: "1", y: "1", width: "9", height: "9" }), r("rect", { className: Y()(L.microsoftIcon, e ? L.disabled : L.green), x: "1", y: "11", width: "9", height: "9" }), r("rect", { className: Y()(L.microsoftIcon, e ? L.disabled : L.yellow), x: "11", y: "1", width: "9", height: "9" }), r("rect", { className: Y()(L.microsoftIcon, e ? L.disabled : L.red), x: "11", y: "11", width: "9", height: "9" })] })), vr = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ id: "icon-passkey", xmlns: "http://www.w3.org/2000/svg", viewBox: "3 1.5 19.5 19", width: n, height: n, className: Y()(L.icon, e && L.secondary, t && L.disabled) }, { children: r("g", Object.assign({ id: "icon-passkey-all" }, { children: [r("circle", { id: "icon-passkey-head", cx: "10.5", cy: "6", r: "4.5" }), r("path", { id: "icon-passkey-key", d: "M22.5,10.5a3.5,3.5,0,1,0-5,3.15V19L19,20.5,21.5,18,20,16.5,21.5,15l-1.24-1.24A3.5,3.5,0,0,0,22.5,10.5Zm-3.5,0a1,1,0,1,1,1-1A1,1,0,0,1,19,10.5Z" }), r("path", { id: "icon-passkey-body", d: "M14.44,12.52A6,6,0,0,0,12,12H9a6,6,0,0,0-6,6v2H16V14.49A5.16,5.16,0,0,1,14.44,12.52Z" })] })) })), _r = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ id: "icon-password", xmlns: "http://www.w3.org/2000/svg", width: n, height: n, viewBox: "0 -960 960 960", className: Y()(L.icon, e && L.secondary, t && L.disabled) }, { children: r("path", { d: "M80-200v-80h800v80H80Zm46-242-52-30 34-60H40v-60h68l-34-58 52-30 34 58 34-58 52 30-34 58h68v60h-68l34 60-52 30-34-60-34 60Zm320 0-52-30 34-60h-68v-60h68l-34-58 52-30 34 58 34-58 52 30-34 58h68v60h-68l34 60-52 30-34-60-34 60Zm320 0-52-30 34-60h-68v-60h68l-34-58 52-30 34 58 34-58 52 30-34 58h68v60h-68l34 60-52 30-34-60-34 60Z" }) })), yr = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: n, height: n, className: Y()(L.icon, e && L.secondary, t && L.disabled) }, { children: r("path", { d: "M80-680v-200h200v80H160v120H80Zm0 600v-200h80v120h120v80H80Zm600 0v-80h120v-120h80v200H680Zm120-600v-120H680v-80h200v200h-80ZM700-260h60v60h-60v-60Zm0-120h60v60h-60v-60Zm-60 60h60v60h-60v-60Zm-60 60h60v60h-60v-60Zm-60-60h60v60h-60v-60Zm120-120h60v60h-60v-60Zm-60 60h60v60h-60v-60Zm-60-60h60v60h-60v-60Zm240-320v240H520v-240h240ZM440-440v240H200v-240h240Zm0-320v240H200v-240h240Zm-60 500v-120H260v120h120Zm0-320v-120H260v120h120Zm320 0v-120H580v120h120Z" }) })), br = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: n, height: n, className: Y()(L.icon, e && L.secondary, t && L.disabled) }, { children: r("path", { d: "M280-240q-100 0-170-70T40-480q0-100 70-170t170-70q66 0 121 33t87 87h432v240h-80v120H600v-120H488q-32 54-87 87t-121 33Zm0-80q66 0 106-40.5t48-79.5h246v120h80v-120h80v-80H434q-8-39-48-79.5T280-640q-66 0-113 47t-47 113q0 66 47 113t113 47Zm0-80q33 0 56.5-23.5T360-480q0-33-23.5-56.5T280-560q-33 0-56.5 23.5T200-480q0 33 23.5 56.5T280-400Zm0-80Z" }) })), kr = ({ size: n, disabled: e }) => r("svg", Object.assign({ id: "icon-spinner", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: n, height: n, className: Y()(L.loadingSpinner, e && L.disabled) }, { children: [r("path", { d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z", opacity: ".25" }), r("path", { d: "M10.72,19.9a8,8,0,0,1-6.5-9.79A7.77,7.77,0,0,1,10.4,4.16a8,8,0,0,1,9.49,6.52A1.54,1.54,0,0,0,21.38,12h.13a1.37,1.37,0,0,0,1.38-1.54,11,11,0,1,0-12.7,12.39A1.54,1.54,0,0,0,12,21.34h0A1.47,1.47,0,0,0,10.72,19.9Z" })] })), Ht = ({ name: n, secondary: e, size: t = 18, fadeOut: o, disabled: i }) => r(Zn[n], { size: t, secondary: e, fadeOut: o, disabled: i }), _o = ({ children: n, isLoading: e, isSuccess: t, fadeOut: o, secondary: i, hasIcon: a, maxWidth: s }) => r(C.Fragment, { children: r("div", e ? Object.assign({ className: Y()(L.loadingSpinnerWrapper, L.centerContent, s && L.maxWidth) }, { children: r(Ht, { name: "spinner", secondary: i }) }) : t ? Object.assign({ className: Y()(L.loadingSpinnerWrapper, L.centerContent, s && L.maxWidth) }, { children: r(Ht, { name: "checkmark", secondary: i, fadeOut: o }) }) : Object.assign({ className: a ? L.loadingSpinnerWrapperIcon : L.loadingSpinnerWrapper }, { children: n })) }), wr = () => {
+var lr = G(633), Y = G.n(lr);
+const cr = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ id: "icon-apple", xmlns: "http://www.w3.org/2000/svg", width: n, height: n, viewBox: "20.5 16 15 19", className: Y()(L.icon, e && L.secondary, t && L.disabled) }, { children: r("path", { d: "M28.2226562,20.3846154 C29.0546875,20.3846154 30.0976562,19.8048315 30.71875,19.0317864 C31.28125,18.3312142 31.6914062,17.352829 31.6914062,16.3744437 C31.6914062,16.2415766 31.6796875,16.1087095 31.65625,16 C30.7304687,16.0362365 29.6171875,16.640178 28.9492187,17.4494596 C28.421875,18.06548 27.9414062,19.0317864 27.9414062,20.0222505 C27.9414062,20.1671964 27.9648438,20.3121424 27.9765625,20.3604577 C28.0351562,20.3725366 28.1289062,20.3846154 28.2226562,20.3846154 Z M25.2929688,35 C26.4296875,35 26.9335938,34.214876 28.3515625,34.214876 C29.7929688,34.214876 30.109375,34.9758423 31.375,34.9758423 C32.6171875,34.9758423 33.4492188,33.792117 34.234375,32.6325493 C35.1132812,31.3038779 35.4765625,29.9993643 35.5,29.9389701 C35.4179688,29.9148125 33.0390625,28.9122695 33.0390625,26.0979021 C33.0390625,23.6579784 34.9140625,22.5588048 35.0195312,22.474253 C33.7773438,20.6382708 31.890625,20.5899555 31.375,20.5899555 C29.9804688,20.5899555 28.84375,21.4596313 28.1289062,21.4596313 C27.3554688,21.4596313 26.3359375,20.6382708 25.1289062,20.6382708 C22.8320312,20.6382708 20.5,22.5950413 20.5,26.2911634 C20.5,28.5861411 21.3671875,31.013986 22.4335938,32.5842339 C23.3476562,33.9129053 24.1445312,35 25.2929688,35 Z" }) })), dr = ({ secondary: n, size: e, fadeOut: t, disabled: o }) => r("svg", Object.assign({ id: "icon-checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "4 4 40 40", width: e, height: e, className: Y()(L.checkmark, n && L.secondary, t && L.fadeOut, o && L.disabled) }, { children: r("path", { d: "M21.05 33.1 35.2 18.95l-2.3-2.25-11.85 11.85-6-6-2.25 2.25ZM24 44q-4.1 0-7.75-1.575-3.65-1.575-6.375-4.3-2.725-2.725-4.3-6.375Q4 28.1 4 24q0-4.15 1.575-7.8 1.575-3.65 4.3-6.35 2.725-2.7 6.375-4.275Q19.9 4 24 4q4.15 0 7.8 1.575 3.65 1.575 6.35 4.275 2.7 2.7 4.275 6.35Q44 19.85 44 24q0 4.1-1.575 7.75-1.575 3.65-4.275 6.375t-6.35 4.3Q28.15 44 24 44Zm0-3q7.1 0 12.05-4.975Q41 31.05 41 24q0-7.1-4.95-12.05Q31.1 7 24 7q-7.05 0-12.025 4.95Q7 16.9 7 24q0 7.05 4.975 12.025Q16.95 41 24 41Zm0-17Z" }) })), ur = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: n, height: n, className: Y()(L.icon, e && L.secondary, t && L.disabled) }, { children: r("path", { d: "M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360Zm0-80h360v-480H360v480ZM200-80q-33 0-56.5-23.5T120-160v-560h80v560h440v80H200Zm160-240v-480 480Z" }) })), hr = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ id: "icon-custom-provider", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: n, height: n, className: Y()(L.icon, e && L.secondary, t && L.disabled) }, { children: [r("path", { d: "M0 0h24v24H0z", fill: "none" }), r("path", { d: "M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z" })] })), pr = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ id: "icon-discord", fill: "#fff", xmlns: "http://www.w3.org/2000/svg", width: n, height: n, viewBox: "0 0 127.14 96.36", className: Y()(L.icon, e && L.secondary, t && L.disabled) }, { children: r("path", { d: "M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z" }) })), mr = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ id: "icon-exclamation", xmlns: "http://www.w3.org/2000/svg", viewBox: "5 2 13 20", width: n, height: n, className: Y()(L.exclamationMark, e && L.secondary, t && L.disabled) }, { children: r("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }) })), gr = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ width: n, height: n, viewBox: "0 0 666.66668 666.66717", xmlns: "http://www.w3.org/2000/svg" }, { children: [r("defs", Object.assign({ id: "defs13" }, { children: r("clipPath", Object.assign({ clipPathUnits: "userSpaceOnUse", id: "clipPath25" }, { children: r("path", { d: "M 0,700 H 700 V 0 H 0 Z", id: "path23" }) })) })), r("g", Object.assign({ id: "g17", transform: "matrix(1.3333333,0,0,-1.3333333,-133.33333,799.99999)" }, { children: r("g", Object.assign({ id: "g19" }, { children: r("g", Object.assign({ id: "g21", clipPath: "url(#clipPath25)" }, { children: [r("g", Object.assign({ id: "g27", transform: "translate(600,350)" }, { children: r("path", { className: Y()(L.facebookIcon, t ? L.disabledOutline : L.outline), d: "m 0,0 c 0,138.071 -111.929,250 -250,250 -138.071,0 -250,-111.929 -250,-250 0,-117.245 80.715,-215.622 189.606,-242.638 v 166.242 h -51.552 V 0 h 51.552 v 32.919 c 0,85.092 38.508,124.532 122.048,124.532 15.838,0 43.167,-3.105 54.347,-6.211 V 81.986 c -5.901,0.621 -16.149,0.932 -28.882,0.932 -40.993,0 -56.832,-15.528 -56.832,-55.9 V 0 h 81.659 l -14.028,-76.396 h -67.631 V -248.169 C -95.927,-233.218 0,-127.818 0,0", id: "path29" }) })), r("g", Object.assign({ id: "g31", transform: "translate(447.9175,273.6036)" }, { children: r("path", { className: Y()(L.facebookIcon, t ? L.disabledLetter : L.letter), d: "M 0,0 14.029,76.396 H -67.63 v 27.019 c 0,40.372 15.838,55.899 56.831,55.899 12.733,0 22.981,-0.31 28.882,-0.931 v 69.253 c -11.18,3.106 -38.509,6.212 -54.347,6.212 -83.539,0 -122.048,-39.441 -122.048,-124.533 V 76.396 h -51.552 V 0 h 51.552 v -166.242 c 19.343,-4.798 39.568,-7.362 60.394,-7.362 10.254,0 20.358,0.632 30.288,1.831 L -67.63,0 Z", id: "path33" }) }))] })) })) }))] })), fr = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ id: "icon-github", xmlns: "http://www.w3.org/2000/svg", fill: "#fff", viewBox: "0 0 97.63 96", width: n, height: n, className: Y()(L.icon, e && L.secondary, t && L.disabled) }, { children: [r("path", { d: "M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" }), " "] })), vr = ({ size: n, disabled: e }) => r("svg", Object.assign({ id: "icon-google", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: n, height: n, className: L.googleIcon }, { children: [r("path", { className: Y()(L.googleIcon, e ? L.disabled : L.blue), d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" }), r("path", { className: Y()(L.googleIcon, e ? L.disabled : L.green), d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" }), r("path", { className: Y()(L.googleIcon, e ? L.disabled : L.yellow), d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" }), r("path", { className: Y()(L.googleIcon, e ? L.disabled : L.red), d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" }), r("path", { d: "M1 1h22v22H1z", fill: "none" })] })), _r = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ id: "icon-linkedin", fill: "#fff", xmlns: "http://www.w3.org/2000/svg", width: n, viewBox: "0 0 24 24", height: n, className: Y()(L.icon, e && L.secondary, t && L.disabled) }, { children: r("path", { d: "M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19a.66.66 0 000 .14V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z" }) })), yr = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ id: "icon-mail", xmlns: "http://www.w3.org/2000/svg", width: n, height: n, viewBox: "0 -960 960 960", className: Y()(L.icon, e && L.secondary, t && L.disabled) }, { children: r("path", { d: "M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280L160-640v400h640v-400L480-440Zm0-80 320-200H160l320 200ZM160-640v-80 480-400Z" }) })), br = ({ size: n, disabled: e }) => r("svg", Object.assign({ id: "icon-microsoft", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: n, height: n, className: L.microsoftIcon }, { children: [r("rect", { className: Y()(L.microsoftIcon, e ? L.disabled : L.blue), x: "1", y: "1", width: "9", height: "9" }), r("rect", { className: Y()(L.microsoftIcon, e ? L.disabled : L.green), x: "1", y: "11", width: "9", height: "9" }), r("rect", { className: Y()(L.microsoftIcon, e ? L.disabled : L.yellow), x: "11", y: "1", width: "9", height: "9" }), r("rect", { className: Y()(L.microsoftIcon, e ? L.disabled : L.red), x: "11", y: "11", width: "9", height: "9" })] })), kr = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ id: "icon-passkey", xmlns: "http://www.w3.org/2000/svg", viewBox: "3 1.5 19.5 19", width: n, height: n, className: Y()(L.icon, e && L.secondary, t && L.disabled) }, { children: r("g", Object.assign({ id: "icon-passkey-all" }, { children: [r("circle", { id: "icon-passkey-head", cx: "10.5", cy: "6", r: "4.5" }), r("path", { id: "icon-passkey-key", d: "M22.5,10.5a3.5,3.5,0,1,0-5,3.15V19L19,20.5,21.5,18,20,16.5,21.5,15l-1.24-1.24A3.5,3.5,0,0,0,22.5,10.5Zm-3.5,0a1,1,0,1,1,1-1A1,1,0,0,1,19,10.5Z" }), r("path", { id: "icon-passkey-body", d: "M14.44,12.52A6,6,0,0,0,12,12H9a6,6,0,0,0-6,6v2H16V14.49A5.16,5.16,0,0,1,14.44,12.52Z" })] })) })), wr = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ id: "icon-password", xmlns: "http://www.w3.org/2000/svg", width: n, height: n, viewBox: "0 -960 960 960", className: Y()(L.icon, e && L.secondary, t && L.disabled) }, { children: r("path", { d: "M80-200v-80h800v80H80Zm46-242-52-30 34-60H40v-60h68l-34-58 52-30 34 58 34-58 52 30-34 58h68v60h-68l34 60-52 30-34-60-34 60Zm320 0-52-30 34-60h-68v-60h68l-34-58 52-30 34 58 34-58 52 30-34 58h68v60h-68l34 60-52 30-34-60-34 60Zm320 0-52-30 34-60h-68v-60h68l-34-58 52-30 34 58 34-58 52 30-34 58h68v60h-68l34 60-52 30-34-60-34 60Z" }) })), Sr = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: n, height: n, className: Y()(L.icon, e && L.secondary, t && L.disabled) }, { children: r("path", { d: "M80-680v-200h200v80H160v120H80Zm0 600v-200h80v120h120v80H80Zm600 0v-80h120v-120h80v200H680Zm120-600v-120H680v-80h200v200h-80ZM700-260h60v60h-60v-60Zm0-120h60v60h-60v-60Zm-60 60h60v60h-60v-60Zm-60 60h60v60h-60v-60Zm-60-60h60v60h-60v-60Zm120-120h60v60h-60v-60Zm-60 60h60v60h-60v-60Zm-60-60h60v60h-60v-60Zm240-320v240H520v-240h240ZM440-440v240H200v-240h240Zm0-320v240H200v-240h240Zm-60 500v-120H260v120h120Zm0-320v-120H260v120h120Zm320 0v-120H580v120h120Z" }) })), xr = ({ size: n, secondary: e, disabled: t }) => r("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: n, height: n, className: Y()(L.icon, e && L.secondary, t && L.disabled) }, { children: r("path", { d: "M280-240q-100 0-170-70T40-480q0-100 70-170t170-70q66 0 121 33t87 87h432v240h-80v120H600v-120H488q-32 54-87 87t-121 33Zm0-80q66 0 106-40.5t48-79.5h246v120h80v-120h80v-80H434q-8-39-48-79.5T280-640q-66 0-113 47t-47 113q0 66 47 113t113 47Zm0-80q33 0 56.5-23.5T360-480q0-33-23.5-56.5T280-560q-33 0-56.5 23.5T200-480q0 33 23.5 56.5T280-400Zm0-80Z" }) })), Ar = ({ size: n, disabled: e }) => r("svg", Object.assign({ id: "icon-spinner", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: n, height: n, className: Y()(L.loadingSpinner, e && L.disabled) }, { children: [r("path", { d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z", opacity: ".25" }), r("path", { d: "M10.72,19.9a8,8,0,0,1-6.5-9.79A7.77,7.77,0,0,1,10.4,4.16a8,8,0,0,1,9.49,6.52A1.54,1.54,0,0,0,21.38,12h.13a1.37,1.37,0,0,0,1.38-1.54,11,11,0,1,0-12.7,12.39A1.54,1.54,0,0,0,12,21.34h0A1.47,1.47,0,0,0,10.72,19.9Z" })] })), Ht = ({ name: n, secondary: e, size: t = 18, fadeOut: o, disabled: i }) => r(Zn[n], { size: t, secondary: e, fadeOut: o, disabled: i }), _o = ({ children: n, isLoading: e, isSuccess: t, fadeOut: o, secondary: i, hasIcon: a, maxWidth: s }) => r(C.Fragment, { children: r("div", e ? Object.assign({ className: Y()(L.loadingSpinnerWrapper, L.centerContent, s && L.maxWidth) }, { children: r(Ht, { name: "spinner", secondary: i }) }) : t ? Object.assign({ className: Y()(L.loadingSpinnerWrapper, L.centerContent, s && L.maxWidth) }, { children: r(Ht, { name: "checkmark", secondary: i, fadeOut: o }) }) : Object.assign({ className: a ? L.loadingSpinnerWrapperIcon : L.loadingSpinnerWrapper }, { children: n })) }), Cr = () => {
   const { setLoadingAction: n } = (0, _.useContext)(pe);
   return (0, _.useEffect)(() => {
     n(null);
@@ -2464,9 +2464,9 @@ var ln = G(577), St = {};
 St.setAttributes = nt(), St.insert = (n) => {
   window._hankoStyle = n;
 }, St.domAPI = tt(), St.insertStyleElement = ot(), et()(ln.A, St);
-const Ce = ln.A && ln.A.locals ? ln.A.locals : void 0, Sr = () => {
+const Oe = ln.A && ln.A.locals ? ln.A.locals : void 0, Or = () => {
   const { t: n } = (0, _.useContext)(Z.TranslateContext);
-  return r("span", Object.assign({ className: Y()(Ce.lastUsed) }, { children: n("labels.lastUsed") }));
+  return r("span", Object.assign({ className: Y()(Oe.lastUsed) }, { children: n("labels.lastUsed") }));
 }, ne = (n) => {
   var { uiAction: e, title: t, children: o, secondary: i, dangerous: a, autofocus: s, showLastUsed: c, onClick: d, icon: l } = n, u = function(S, P) {
     var j = {};
@@ -2483,7 +2483,7 @@ const Ce = ln.A && ln.A.locals ? ln.A.locals : void 0, Sr = () => {
     S && s && S.focus();
   }, [s]);
   const x = (0, _.useMemo)(() => e && f.loadingAction === e || u.isLoading, [u, e, f]), O = (0, _.useMemo)(() => e && f.succeededAction === e || u.isSuccess, [u, e, f]), A = (0, _.useMemo)(() => m || u.disabled, [u, m]);
-  return r("button", Object.assign({ part: a ? "button dangerous-button" : i ? "button secondary-button" : "button primary-button", title: t, ref: h, type: "submit", disabled: A, onClick: d, className: Y()(Ce.button, a ? Ce.dangerous : i ? Ce.secondary : Ce.primary) }, { children: r(_o, Object.assign({ isLoading: x, isSuccess: O, secondary: !0, hasIcon: !!l, maxWidth: !0 }, { children: [l ? r(Ht, { name: l, secondary: i, disabled: A }) : null, r("div", Object.assign({ className: Ce.caption }, { children: [r("span", { children: o }), c ? r(Sr, {}) : null] }))] })) }));
+  return r("button", Object.assign({ part: a ? "button dangerous-button" : i ? "button secondary-button" : "button primary-button", title: t, ref: h, type: "submit", disabled: A, onClick: d, className: Y()(Oe.button, a ? Oe.dangerous : i ? Oe.secondary : Oe.primary) }, { children: r(_o, Object.assign({ isLoading: x, isSuccess: O, secondary: !0, hasIcon: !!l, maxWidth: !0 }, { children: [l ? r(Ht, { name: l, secondary: i, disabled: A }) : null, r("div", Object.assign({ className: Oe.caption }, { children: [r("span", { children: o }), c ? r(Or, {}) : null] }))] })) }));
 }, Ve = (n) => {
   var e, t, o, i, a, { label: s } = n, c = function(m, x) {
     var O = {};
@@ -2503,18 +2503,18 @@ const Ce = ln.A && ln.A.locals ? ln.A.locals : void 0, Sr = () => {
     var m;
     return c.markOptional && !(!((m = c.flowInput) === null || m === void 0) && m.required) ? `${c.placeholder} (${u("labels.optional")})` : c.placeholder;
   }, [c.markOptional, c.placeholder, c.flowInput, u]);
-  return r("div", Object.assign({ className: Ce.inputWrapper }, { children: r("input", Object.assign({ part: "input text-input", required: (e = c.flowInput) === null || e === void 0 ? void 0 : e.required, maxLength: (t = c.flowInput) === null || t === void 0 ? void 0 : t.max_length, minLength: (o = c.flowInput) === null || o === void 0 ? void 0 : o.min_length, hidden: (i = c.flowInput) === null || i === void 0 ? void 0 : i.hidden }, c, { ref: d, "aria-label": f, placeholder: f, className: Y()(Ce.input, !!(!((a = c.flowInput) === null || a === void 0) && a.error) && c.markError && Ce.error), disabled: h })) }));
-}, Oe = ({ children: n }) => r("section", Object.assign({ className: zt.content }, { children: n })), oe = ({ onSubmit: n, children: e, hidden: t, maxWidth: o }) => t ? null : r("form", Object.assign({ onSubmit: n, className: Ce.form }, { children: r("ul", Object.assign({ className: Ce.ul }, { children: (0, C.toChildArray)(e).map((i, a) => r("li", Object.assign({ part: "form-item", className: Y()(Ce.li, o ? Ce.maxWidth : null) }, { children: i }), a)) })) }));
+  return r("div", Object.assign({ className: Oe.inputWrapper }, { children: r("input", Object.assign({ part: "input text-input", required: (e = c.flowInput) === null || e === void 0 ? void 0 : e.required, maxLength: (t = c.flowInput) === null || t === void 0 ? void 0 : t.max_length, minLength: (o = c.flowInput) === null || o === void 0 ? void 0 : o.min_length, hidden: (i = c.flowInput) === null || i === void 0 ? void 0 : i.hidden }, c, { ref: d, "aria-label": f, placeholder: f, className: Y()(Oe.input, !!(!((a = c.flowInput) === null || a === void 0) && a.error) && c.markError && Oe.error), disabled: h })) }));
+}, Pe = ({ children: n }) => r("section", Object.assign({ className: zt.content }, { children: n })), oe = ({ onSubmit: n, children: e, hidden: t, maxWidth: o }) => t ? null : r("form", Object.assign({ onSubmit: n, className: Oe.form }, { children: r("ul", Object.assign({ className: Oe.ul }, { children: (0, C.toChildArray)(e).map((i, a) => r("li", Object.assign({ part: "form-item", className: Y()(Oe.li, o ? Oe.maxWidth : null) }, { children: i }), a)) })) }));
 var cn = G(111), xt = {};
 xt.setAttributes = nt(), xt.insert = (n) => {
   window._hankoStyle = n;
 }, xt.domAPI = tt(), xt.insertStyleElement = ot(), et()(cn.A, xt);
-const $t = cn.A && cn.A.locals ? cn.A.locals : void 0, yo = ({ children: n, hidden: e }) => e ? null : r("section", Object.assign({ part: "divider", className: $t.divider }, { children: [r("div", { part: "divider-line", className: $t.line }), n ? r("div", Object.assign({ part: "divider-text", class: $t.text }, { children: n })) : null, r("div", { part: "divider-line", className: $t.line })] }));
+const Tt = cn.A && cn.A.locals ? cn.A.locals : void 0, yo = ({ children: n, hidden: e }) => e ? null : r("section", Object.assign({ part: "divider", className: Tt.divider }, { children: [r("div", { part: "divider-line", className: Tt.line }), n ? r("div", Object.assign({ part: "divider-text", class: Tt.text }, { children: n })) : null, r("div", { part: "divider-line", className: Tt.line })] }));
 var dn = G(905), At = {};
 At.setAttributes = nt(), At.insert = (n) => {
   window._hankoStyle = n;
 }, At.domAPI = tt(), At.insertStyleElement = ot(), et()(dn.A, At);
-const $i = dn.A && dn.A.locals ? dn.A.locals : void 0, Pe = ({ state: n, error: e, flowError: t }) => {
+const Ri = dn.A && dn.A.locals ? dn.A.locals : void 0, Ee = ({ state: n, error: e, flowError: t }) => {
   var o, i;
   const { t: a } = (0, _.useContext)(Z.TranslateContext), { uiState: s, setUIState: c } = (0, _.useContext)(pe);
   return (0, _.useEffect)(() => {
@@ -2526,7 +2526,7 @@ const $i = dn.A && dn.A.locals ? dn.A.locals : void 0, Pe = ({ state: n, error:
       f || c(Object.assign(Object.assign({}, s), { error: n.error }));
     }
     else n != null && n.error && c(Object.assign(Object.assign({}, s), { error: n == null ? void 0 : n.error }));
-  }, [n]), r("section", Object.assign({ part: "error", className: $i.errorBox, hidden: !(!((o = s.error) === null || o === void 0) && o.code) && !(t != null && t.code) && !e }, { children: [r("span", { children: r(Ht, { name: "exclamation", size: 15 }) }), r("span", Object.assign({ id: "errorMessage", part: "error-text" }, { children: a(e ? `errors.${e.code}` : `flowErrors.${((i = s.error) === null || i === void 0 ? void 0 : i.code) || (t == null ? void 0 : t.code)}`) }))] }));
+  }, [n]), r("section", Object.assign({ part: "error", className: Ri.errorBox, hidden: !(!((o = s.error) === null || o === void 0) && o.code) && !(t != null && t.code) && !e }, { children: [r("span", { children: r(Ht, { name: "exclamation", size: 15 }) }), r("span", Object.assign({ id: "errorMessage", part: "error-text" }, { children: a(e ? `errors.${e.code}` : `flowErrors.${((i = s.error) === null || i === void 0 ? void 0 : i.code) || (t == null ? void 0 : t.code)}`) }))] }));
 };
 var un = G(619), Ct = {};
 Ct.setAttributes = nt(), Ct.insert = (n) => {
@@ -2573,8 +2573,8 @@ const Jt = hn.A && hn.A.locals ? hn.A.locals : void 0, Yn = (n) => {
     }
     return a;
   }(n, ["label"]);
-  return r("div", Object.assign({ className: Ce.inputWrapper }, { children: r("label", Object.assign({ className: Ce.checkboxWrapper }, { children: [r("input", Object.assign({ part: "input checkbox-input", type: "checkbox", "aria-label": e, className: Ce.checkbox }, t)), r("span", Object.assign({ className: Y()(Ce.label, t.disabled ? Ce.disabled : null) }, { children: e }))] })) }));
-}, Pn = () => r("section", { className: $t.spacer });
+  return r("div", Object.assign({ className: Oe.inputWrapper }, { children: r("label", Object.assign({ className: Oe.checkboxWrapper }, { children: [r("input", Object.assign({ part: "input checkbox-input", type: "checkbox", "aria-label": e, className: Oe.checkbox }, t)), r("span", Object.assign({ className: Y()(Oe.label, t.disabled ? Oe.disabled : null) }, { children: e }))] })) }));
+}, Pn = () => r("section", { className: Tt.spacer });
 var Pt = function(n, e, t, o) {
   return new (t || (t = Promise))(function(i, a) {
     function s(l) {
@@ -2600,15 +2600,15 @@ var Pt = function(n, e, t, o) {
     d((o = o.apply(n, [])).next());
   });
 };
-const xr = (n) => {
+const Pr = (n) => {
   var e, t, o, i, a, s, c, d, l;
-  const { t: u } = (0, _.useContext)(Z.TranslateContext), { init: h, hanko: f, initialComponentName: m, setLoadingAction: x, uiState: O, setUIState: A, stateHandler: S, hidePasskeyButtonOnLogin: P, lastLogin: j } = (0, _.useContext)(pe), [U, N] = (0, _.useState)(null), [ae, be] = (0, _.useState)(O.username || O.email), { flowState: re } = Me(n.state), we = gt.supported(), [M, H] = (0, _.useState)(void 0), [_e, Te] = (0, _.useState)(null), [Ee, $e] = (0, _.useState)(!1), se = (k) => {
+  const { t: u } = (0, _.useContext)(Z.TranslateContext), { init: h, hanko: f, initialComponentName: m, setLoadingAction: x, uiState: O, setUIState: A, stateHandler: S, hidePasskeyButtonOnLogin: P, lastLogin: j } = (0, _.useContext)(pe), [U, N] = (0, _.useState)(null), [ae, be] = (0, _.useState)(O.username || O.email), { flowState: se } = Me(n.state), we = gt.supported(), [M, H] = (0, _.useState)(void 0), [_e, Ue] = (0, _.useState)(null), [Ie, Ne] = (0, _.useState)(!1), le = (k) => {
     if (k.preventDefault(), k.target instanceof HTMLInputElement) {
       const { value: p } = k.target;
-      be(p), le(p);
+      be(p), ce(p);
     }
-  }, le = (k) => {
-    const p = () => A((T) => Object.assign(Object.assign({}, T), { email: k, username: null })), y = () => A((T) => Object.assign(Object.assign({}, T), { email: null, username: k }));
+  }, ce = (k) => {
+    const p = () => A(($) => Object.assign(Object.assign({}, $), { email: k, username: null })), y = () => A(($) => Object.assign(Object.assign({}, $), { email: null, username: k }));
     switch (U) {
       case "email":
         p();
@@ -2620,39 +2620,39 @@ const xr = (n) => {
         k.match(/^[^@]+@[^@]+\.[^@]+$/) ? p() : y();
     }
   }, me = (0, _.useMemo)(() => {
-    var k, p, y, T;
-    return !!(!((p = (k = re.actions).webauthn_generate_request_options) === null || p === void 0) && p.call(k, null)) || !!(!((T = (y = re.actions).thirdparty_oauth) === null || T === void 0) && T.call(y, null));
-  }, [re.actions]), Ie = (t = (e = re.actions).continue_with_login_identifier) === null || t === void 0 ? void 0 : t.call(e, null).inputs;
+    var k, p, y, $;
+    return !!(!((p = (k = se.actions).webauthn_generate_request_options) === null || p === void 0) && p.call(k, null)) || !!(!(($ = (y = se.actions).thirdparty_oauth) === null || $ === void 0) && $.call(y, null));
+  }, [se.actions]), De = (t = (e = se.actions).continue_with_login_identifier) === null || t === void 0 ? void 0 : t.call(e, null).inputs;
   return (0, _.useEffect)(() => {
     var k, p;
-    const y = (p = (k = re.actions).continue_with_login_identifier) === null || p === void 0 ? void 0 : p.call(k, null).inputs;
+    const y = (p = (k = se.actions).continue_with_login_identifier) === null || p === void 0 ? void 0 : p.call(k, null).inputs;
     N(y != null && y.email ? "email" : y != null && y.username ? "username" : "identifier");
-  }, [re]), (0, _.useEffect)(() => {
+  }, [se]), (0, _.useEffect)(() => {
     const k = new URLSearchParams(window.location.search);
     if (k.get("error") == null || k.get("error").length === 0) return;
     let p = "";
     p = k.get("error") === "access_denied" ? "thirdPartyAccessDenied" : "somethingWentWrong";
     const y = { name: p, code: p, message: k.get("error_description") };
     H(y), k.delete("error"), k.delete("error_description"), history.replaceState(null, null, window.location.pathname + (k.size < 1 ? "" : `?${k.toString()}`));
-  }, []), r(C.Fragment, { children: [r(Oe, { children: [r(he, { children: u("headlines.signIn") }), r(Pe, { state: re, error: M }), Ie ? r(C.Fragment, { children: [r(oe, Object.assign({ onSubmit: (k) => Pt(void 0, void 0, void 0, function* () {
+  }, []), r(C.Fragment, { children: [r(Pe, { children: [r(he, { children: u("headlines.signIn") }), r(Ee, { state: se, error: M }), De ? r(C.Fragment, { children: [r(oe, Object.assign({ onSubmit: (k) => Pt(void 0, void 0, void 0, function* () {
     k.preventDefault(), x("email-submit");
-    const p = yield re.actions.continue_with_login_identifier({ [U]: ae }).run();
-    le(ae), x(null), yield f.flow.run(p, S);
-  }), maxWidth: !0 }, { children: [Ie.email ? r(Ve, { type: "email", autoComplete: "username webauthn", autoCorrect: "off", flowInput: Ie.email, onInput: se, value: ae, placeholder: u("labels.email"), pattern: "^[^@]+@[^@]+\\.[^@]+$" }) : Ie.username ? r(Ve, { type: "text", autoComplete: "username webauthn", autoCorrect: "off", flowInput: Ie.username, onInput: se, value: ae, placeholder: u("labels.username") }) : r(Ve, { type: "text", autoComplete: "username webauthn", autoCorrect: "off", flowInput: Ie.identifier, onInput: se, value: ae, placeholder: u("labels.emailOrUsername") }), r(ne, Object.assign({ uiAction: "email-submit" }, { children: u("labels.continue") }))] })), r(yo, Object.assign({ hidden: !me }, { children: u("labels.or") }))] }) : null, !((i = (o = re.actions).webauthn_generate_request_options) === null || i === void 0) && i.call(o, null) && !P ? r(oe, Object.assign({ onSubmit: (k) => ((p) => Pt(void 0, void 0, void 0, function* () {
+    const p = yield se.actions.continue_with_login_identifier({ [U]: ae }).run();
+    ce(ae), x(null), yield f.flow.run(p, S);
+  }), maxWidth: !0 }, { children: [De.email ? r(Ve, { type: "email", autoComplete: "username webauthn", autoCorrect: "off", flowInput: De.email, onInput: le, value: ae, placeholder: u("labels.email"), pattern: "^[^@]+@[^@]+\\.[^@]+$" }) : De.username ? r(Ve, { type: "text", autoComplete: "username webauthn", autoCorrect: "off", flowInput: De.username, onInput: le, value: ae, placeholder: u("labels.username") }) : r(Ve, { type: "text", autoComplete: "username webauthn", autoCorrect: "off", flowInput: De.identifier, onInput: le, value: ae, placeholder: u("labels.emailOrUsername") }), r(ne, Object.assign({ uiAction: "email-submit" }, { children: u("labels.continue") }))] })), r(yo, Object.assign({ hidden: !me }, { children: u("labels.or") }))] }) : null, !((i = (o = se.actions).webauthn_generate_request_options) === null || i === void 0) && i.call(o, null) && !P ? r(oe, Object.assign({ onSubmit: (k) => ((p) => Pt(void 0, void 0, void 0, function* () {
     p.preventDefault(), x("passkey-submit");
-    const y = yield re.actions.webauthn_generate_request_options(null).run();
+    const y = yield se.actions.webauthn_generate_request_options(null).run();
     yield f.flow.run(y, S);
-  }))(k) }, { children: r(ne, Object.assign({ uiAction: "passkey-submit", secondary: !0, title: we ? null : u("labels.webauthnUnsupported"), disabled: !we, icon: "passkey" }, { children: u("labels.signInPasskey") })) })) : null, !((s = (a = re.actions).thirdparty_oauth) === null || s === void 0) && s.call(a, null) ? (c = re.actions.thirdparty_oauth(null).inputs.provider.allowed_values) === null || c === void 0 ? void 0 : c.map((k) => r(oe, Object.assign({ onSubmit: (p) => ((y, T) => Pt(void 0, void 0, void 0, function* () {
-    y.preventDefault(), Te(T);
-    const K = yield re.actions.thirdparty_oauth({ provider: T, redirect_to: window.location.toString() }).run();
-    K.error && Te(null), yield f.flow.run(K, S);
-  }))(p, k.value) }, { children: r(ne, Object.assign({ isLoading: k.value == _e, secondary: !0, icon: k.value.startsWith("custom_") ? "customProvider" : k.value, showLastUsed: (j == null ? void 0 : j.login_method) == "third_party" && (j == null ? void 0 : j.third_party_provider) == k.value }, { children: u("labels.signInWith", { provider: k.name }) })) }), k.value)) : null, ((l = (d = re.actions).remember_me) === null || l === void 0 ? void 0 : l.call(d, null)) && r(C.Fragment, { children: [r(Pn, {}), r(bo, { required: !1, type: "checkbox", label: u("labels.staySignedIn"), checked: Ee, onChange: (k) => Pt(void 0, void 0, void 0, function* () {
-    const p = yield re.actions.remember_me({ remember_me: !Ee }).run();
-    $e((y) => !y), yield f.flow.run(p, S);
+  }))(k) }, { children: r(ne, Object.assign({ uiAction: "passkey-submit", secondary: !0, title: we ? null : u("labels.webauthnUnsupported"), disabled: !we, icon: "passkey" }, { children: u("labels.signInPasskey") })) })) : null, !((s = (a = se.actions).thirdparty_oauth) === null || s === void 0) && s.call(a, null) ? (c = se.actions.thirdparty_oauth(null).inputs.provider.allowed_values) === null || c === void 0 ? void 0 : c.map((k) => r(oe, Object.assign({ onSubmit: (p) => ((y, $) => Pt(void 0, void 0, void 0, function* () {
+    y.preventDefault(), Ue($);
+    const K = yield se.actions.thirdparty_oauth({ provider: $, redirect_to: window.location.toString() }).run();
+    K.error && Ue(null), yield f.flow.run(K, S);
+  }))(p, k.value) }, { children: r(ne, Object.assign({ isLoading: k.value == _e, secondary: !0, icon: k.value.startsWith("custom_") ? "customProvider" : k.value, showLastUsed: (j == null ? void 0 : j.login_method) == "third_party" && (j == null ? void 0 : j.third_party_provider) == k.value }, { children: u("labels.signInWith", { provider: k.name }) })) }), k.value)) : null, ((l = (d = se.actions).remember_me) === null || l === void 0 ? void 0 : l.call(d, null)) && r(C.Fragment, { children: [r(Pn, {}), r(bo, { required: !1, type: "checkbox", label: u("labels.staySignedIn"), checked: Ie, onChange: (k) => Pt(void 0, void 0, void 0, function* () {
+    const p = yield se.actions.remember_me({ remember_me: !Ie }).run();
+    Ne((y) => !y), yield f.flow.run(p, S);
   }) })] })] }), r(Re, Object.assign({ hidden: m !== "auth" }, { children: [r("span", { hidden: !0 }), r(ee, Object.assign({ uiAction: "switch-flow", onClick: (k) => Pt(void 0, void 0, void 0, function* () {
     k.preventDefault(), h("registration");
   }), loadingSpinnerPosition: "left" }, { children: u("labels.dontHaveAnAccount") }))] }))] });
-}, Ar = (n) => {
+}, Er = (n) => {
   var { index: e, focus: t, digit: o = "" } = n, i = function(l, u) {
     var h = {};
     for (var f in l) Object.prototype.hasOwnProperty.call(l, f) && u.indexOf(f) < 0 && (h[f] = l[f]);
@@ -2670,7 +2670,7 @@ const xr = (n) => {
     e === 0 && c();
   }, [e, i.disabled]), (0, _.useMemo)(() => {
     t && c();
-  }, [t]), r("div", Object.assign({ className: Ce.passcodeDigitWrapper }, { children: r("input", Object.assign({}, i, { part: "input passcode-input", "aria-label": `${i.name}-digit-${e + 1}`, name: i.name + e.toString(10), type: "text", inputMode: "numeric", maxLength: 1, ref: a, value: o.charAt(0), required: !0, className: Ce.input, disabled: d })) }));
+  }, [t]), r("div", Object.assign({ className: Oe.passcodeDigitWrapper }, { children: r("input", Object.assign({}, i, { part: "input passcode-input", "aria-label": `${i.name}-digit-${e + 1}`, name: i.name + e.toString(10), type: "text", inputMode: "numeric", maxLength: 1, ref: a, value: o.charAt(0), required: !0, className: Oe.input, disabled: d })) }));
 }, ko = ({ passcodeDigits: n = [], numberOfInputs: e = 6, onInput: t, disabled: o = !1 }) => {
   const [i, a] = (0, _.useState)(0), s = () => n.slice(), c = () => {
     i < e - 1 && a(i + 1);
@@ -2692,7 +2692,7 @@ const xr = (n) => {
   };
   return (0, _.useEffect)(() => {
     n.length === 0 && a(0);
-  }, [n]), r("div", Object.assign({ className: Ce.passcodeInputWrapper }, { children: Array.from(Array(e)).map((m, x) => r(Ar, { name: "passcode", index: x, focus: i === x, digit: n[x], onKeyDown: h, onInput: f, onPaste: u, onFocus: () => ((O) => {
+  }, [n]), r("div", Object.assign({ className: Oe.passcodeInputWrapper }, { children: Array.from(Array(e)).map((m, x) => r(Er, { name: "passcode", index: x, focus: i === x, digit: n[x], onKeyDown: h, onInput: f, onPaste: u, onFocus: () => ((O) => {
     a(O);
   })(x), disabled: o }, x)) }));
 };
@@ -2700,7 +2700,7 @@ var pn = G(489), Et = {};
 Et.setAttributes = nt(), Et.insert = (n) => {
   window._hankoStyle = n;
 }, Et.domAPI = tt(), Et.insertStyleElement = ot(), et()(pn.A, Et);
-const Cr = pn.A && pn.A.locals ? pn.A.locals : void 0, W = ({ children: n, hidden: e }) => e ? null : r("p", Object.assign({ part: "paragraph", className: Cr.paragraph }, { children: n }));
+const Ir = pn.A && pn.A.locals ? pn.A.locals : void 0, W = ({ children: n, hidden: e }) => e ? null : r("p", Object.assign({ part: "paragraph", className: Ir.paragraph }, { children: n }));
 var Yt = function(n, e, t, o) {
   return new (t || (t = Promise))(function(i, a) {
     function s(l) {
@@ -2726,7 +2726,7 @@ var Yt = function(n, e, t, o) {
     d((o = o.apply(n, [])).next());
   });
 };
-const Or = (n) => {
+const Dr = (n) => {
   var e, t;
   const { t: o } = (0, _.useContext)(Z.TranslateContext), { flowState: i } = Me(n.state), { hanko: a, uiState: s, setUIState: c, setLoadingAction: d, setSucceededAction: l, stateHandler: u } = (0, _.useContext)(pe), [h, f] = (0, _.useState)(), [m, x] = (0, _.useState)(i.payload.resend_after), [O, A] = (0, _.useState)([]), S = (0, _.useMemo)(() => {
     var j;
@@ -2754,7 +2754,7 @@ const Or = (n) => {
   }, [m]), (0, _.useEffect)(() => {
     var j;
     ((j = i.error) === null || j === void 0 ? void 0 : j.code) === "passcode_invalid" && A([]), i.payload.resend_after >= 0 && x(i.payload.resend_after);
-  }, [i]), r(C.Fragment, { children: [r(Oe, { children: [r(he, { children: o("headlines.loginPasscode") }), r(Pe, { state: i }), r(W, { children: s.email ? o("texts.enterPasscode", { emailAddress: s.email }) : o("texts.enterPasscodeNoEmail") }), r(oe, Object.assign({ onSubmit: (j) => Yt(void 0, void 0, void 0, function* () {
+  }, [i]), r(C.Fragment, { children: [r(Pe, { children: [r(he, { children: o("headlines.loginPasscode") }), r(Ee, { state: i }), r(W, { children: s.email ? o("texts.enterPasscode", { emailAddress: s.email }) : o("texts.enterPasscodeNoEmail") }), r(oe, Object.assign({ onSubmit: (j) => Yt(void 0, void 0, void 0, function* () {
     return j.preventDefault(), P(O.join(""));
   }) }, { children: [r(ko, { onInput: (j) => {
     if (A(j), j.filter((U) => U !== "").length === 6) return P(j.join(""));
@@ -2793,10 +2793,10 @@ var qn = function(n, e, t, o) {
     d((o = o.apply(n, [])).next());
   });
 };
-const Pr = (n) => {
+const jr = (n) => {
   var e, t, o, i, a, s, c, d;
   const { t: l } = (0, _.useContext)(Z.TranslateContext), { hanko: u, setLoadingAction: h, stateHandler: f } = (0, _.useContext)(pe), { flowState: m } = Me(n.state);
-  return r(C.Fragment, { children: [r(Oe, { children: [r(he, { children: l("headlines.registerAuthenticator") }), r(Pe, { state: m }), r(W, { children: l("texts.setupPasskey") }), r(oe, Object.assign({ onSubmit: (x) => qn(void 0, void 0, void 0, function* () {
+  return r(C.Fragment, { children: [r(Pe, { children: [r(he, { children: l("headlines.registerAuthenticator") }), r(Ee, { state: m }), r(W, { children: l("texts.setupPasskey") }), r(oe, Object.assign({ onSubmit: (x) => qn(void 0, void 0, void 0, function* () {
     x.preventDefault(), h("passkey-submit");
     const O = yield m.actions.webauthn_generate_creation_options(null).run();
     yield u.flow.run(O, f);
@@ -2835,7 +2835,7 @@ var It = function(n, e, t, o) {
     d((o = o.apply(n, [])).next());
   });
 };
-const Er = (n) => {
+const Lr = (n) => {
   var e, t, o, i;
   const { t: a } = (0, _.useContext)(Z.TranslateContext), { hanko: s, stateHandler: c, setLoadingAction: d } = (0, _.useContext)(pe), { flowState: l } = Me(n.state), [u, h] = (0, _.useState)(), [f, m] = (0, _.useState)(), x = (P) => It(void 0, void 0, void 0, function* () {
     P.preventDefault(), d("password-recovery");
@@ -2852,7 +2852,7 @@ const Er = (n) => {
   return (0, _.useEffect)(() => {
     const P = f > 0 && setInterval(() => m(f - 1), 1e3);
     return () => clearInterval(P);
-  }, [f]), r(C.Fragment, { children: [r(Oe, { children: [r(he, { children: a("headlines.loginPassword") }), r(Pe, { state: l }), r(oe, Object.assign({ onSubmit: (P) => It(void 0, void 0, void 0, function* () {
+  }, [f]), r(C.Fragment, { children: [r(Pe, { children: [r(he, { children: a("headlines.loginPassword") }), r(Ee, { state: l }), r(oe, Object.assign({ onSubmit: (P) => It(void 0, void 0, void 0, function* () {
     P.preventDefault(), d("password-submit");
     const j = yield l.actions.password_login({ password: u }).run();
     d(null), yield s.flow.run(j, c);
@@ -2889,9 +2889,9 @@ var Jo = function(n, e, t, o) {
     d((o = o.apply(n, [])).next());
   });
 };
-const Ir = (n) => {
+const $r = (n) => {
   const { t: e } = (0, _.useContext)(Z.TranslateContext), { hanko: t, stateHandler: o, setLoadingAction: i } = (0, _.useContext)(pe), { flowState: a } = Me(n.state), [s, c] = (0, _.useState)();
-  return r(Oe, { children: [r(he, { children: e("headlines.registerPassword") }), r(Pe, { state: a }), r(W, { children: e("texts.passwordFormatHint", { minLength: a.actions.password_recovery(null).inputs.new_password.min_length, maxLength: 72 }) }), r(oe, Object.assign({ onSubmit: (d) => Jo(void 0, void 0, void 0, function* () {
+  return r(Pe, { children: [r(he, { children: e("headlines.registerPassword") }), r(Ee, { state: a }), r(W, { children: e("texts.passwordFormatHint", { minLength: a.actions.password_recovery(null).inputs.new_password.min_length, maxLength: 72 }) }), r(oe, Object.assign({ onSubmit: (d) => Jo(void 0, void 0, void 0, function* () {
     d.preventDefault(), i("password-submit");
     const l = yield a.actions.password_recovery({ new_password: s }).run();
     i(null), yield t.flow.run(l, o);
@@ -2924,10 +2924,10 @@ var Qt = function(n, e, t, o) {
     d((o = o.apply(n, [])).next());
   });
 };
-const Dr = (n) => {
+const Tr = (n) => {
   var e, t, o, i, a, s;
   const { t: c } = (0, _.useContext)(Z.TranslateContext), { hanko: d, setLoadingAction: l, stateHandler: u, lastLogin: h } = (0, _.useContext)(pe), { flowState: f } = Me(n.state);
-  return r(C.Fragment, { children: [r(Oe, { children: [r(he, { children: c("headlines.selectLoginMethod") }), r(Pe, { flowError: f == null ? void 0 : f.error }), r(W, { children: c("texts.howDoYouWantToLogin") }), r(oe, Object.assign({ hidden: !(!((t = (e = f.actions).continue_to_passcode_confirmation) === null || t === void 0) && t.call(e, null)), onSubmit: (m) => Qt(void 0, void 0, void 0, function* () {
+  return r(C.Fragment, { children: [r(Pe, { children: [r(he, { children: c("headlines.selectLoginMethod") }), r(Ee, { flowError: f == null ? void 0 : f.error }), r(W, { children: c("texts.howDoYouWantToLogin") }), r(oe, Object.assign({ hidden: !(!((t = (e = f.actions).continue_to_passcode_confirmation) === null || t === void 0) && t.call(e, null)), onSubmit: (m) => Qt(void 0, void 0, void 0, function* () {
     m.preventDefault(), l("passcode-submit");
     const x = yield f.actions.continue_to_passcode_confirmation(null).run();
     l(null), yield d.flow.run(x, u);
@@ -2970,9 +2970,9 @@ var Gt = function(n, e, t, o) {
     d((o = o.apply(n, [])).next());
   });
 };
-const jr = (n) => {
+const Ur = (n) => {
   var e, t, o, i, a, s, c;
-  const { t: d } = (0, _.useContext)(Z.TranslateContext), { init: l, hanko: u, uiState: h, setUIState: f, stateHandler: m, setLoadingAction: x, initialComponentName: O } = (0, _.useContext)(pe), { flowState: A } = Me(n.state), S = (t = (e = A.actions).register_login_identifier) === null || t === void 0 ? void 0 : t.call(e, null).inputs, P = !(!(S != null && S.email) || !(S != null && S.username)), [j, U] = (0, _.useState)(void 0), [N, ae] = (0, _.useState)(null), [be, re] = (0, _.useState)(!1), we = (0, _.useMemo)(() => {
+  const { t: d } = (0, _.useContext)(Z.TranslateContext), { init: l, hanko: u, uiState: h, setUIState: f, stateHandler: m, setLoadingAction: x, initialComponentName: O } = (0, _.useContext)(pe), { flowState: A } = Me(n.state), S = (t = (e = A.actions).register_login_identifier) === null || t === void 0 ? void 0 : t.call(e, null).inputs, P = !(!(S != null && S.email) || !(S != null && S.username)), [j, U] = (0, _.useState)(void 0), [N, ae] = (0, _.useState)(null), [be, se] = (0, _.useState)(!1), we = (0, _.useMemo)(() => {
     var M, H;
     return !!(!((H = (M = A.actions).thirdparty_oauth) === null || H === void 0) && H.call(M, null));
   }, [A.actions]);
@@ -2983,7 +2983,7 @@ const jr = (n) => {
     H = M.get("error") === "access_denied" ? "thirdPartyAccessDenied" : "somethingWentWrong";
     const _e = { name: H, code: H, message: M.get("error_description") };
     U(_e), M.delete("error"), M.delete("error_description"), history.replaceState(null, null, window.location.pathname + (M.size < 1 ? "" : `?${M.toString()}`));
-  }, []), r(C.Fragment, { children: [r(Oe, { children: [r(he, { children: d("headlines.signUp") }), r(Pe, { state: A, error: j }), S ? r(C.Fragment, { children: [r(oe, Object.assign({ onSubmit: (M) => Gt(void 0, void 0, void 0, function* () {
+  }, []), r(C.Fragment, { children: [r(Pe, { children: [r(he, { children: d("headlines.signUp") }), r(Ee, { state: A, error: j }), S ? r(C.Fragment, { children: [r(oe, Object.assign({ onSubmit: (M) => Gt(void 0, void 0, void 0, function* () {
     M.preventDefault(), x("email-submit");
     const H = yield A.actions.register_login_identifier({ email: h.email, username: h.username }).run();
     x(null), yield u.flow.run(H, m);
@@ -2997,13 +2997,13 @@ const jr = (n) => {
       const { value: H } = M.target;
       f((_e) => Object.assign(Object.assign({}, _e), { email: H }));
     }
-  }, value: h.email, placeholder: d("labels.email"), pattern: "^.*[^0-9]+$" }) : null, r(ne, Object.assign({ uiAction: "email-submit", autofocus: !0 }, { children: d("labels.continue") }))] })), r(yo, Object.assign({ hidden: !we }, { children: d("labels.or") }))] }) : null, !((i = (o = A.actions).thirdparty_oauth) === null || i === void 0) && i.call(o, null) ? (a = A.actions.thirdparty_oauth(null).inputs.provider.allowed_values) === null || a === void 0 ? void 0 : a.map((M) => r(oe, Object.assign({ onSubmit: (H) => ((_e, Te) => Gt(void 0, void 0, void 0, function* () {
-    _e.preventDefault(), ae(Te);
-    const Ee = yield A.actions.thirdparty_oauth({ provider: Te, redirect_to: window.location.toString() }).run();
-    ae(null), yield u.flow.run(Ee, m);
+  }, value: h.email, placeholder: d("labels.email"), pattern: "^.*[^0-9]+$" }) : null, r(ne, Object.assign({ uiAction: "email-submit", autofocus: !0 }, { children: d("labels.continue") }))] })), r(yo, Object.assign({ hidden: !we }, { children: d("labels.or") }))] }) : null, !((i = (o = A.actions).thirdparty_oauth) === null || i === void 0) && i.call(o, null) ? (a = A.actions.thirdparty_oauth(null).inputs.provider.allowed_values) === null || a === void 0 ? void 0 : a.map((M) => r(oe, Object.assign({ onSubmit: (H) => ((_e, Ue) => Gt(void 0, void 0, void 0, function* () {
+    _e.preventDefault(), ae(Ue);
+    const Ie = yield A.actions.thirdparty_oauth({ provider: Ue, redirect_to: window.location.toString() }).run();
+    ae(null), yield u.flow.run(Ie, m);
   }))(H, M.value) }, { children: r(ne, Object.assign({ isLoading: M.value == N, secondary: !0, icon: M.value.startsWith("custom_") ? "customProvider" : M.value }, { children: d("labels.signInWith", { provider: M.name }) })) }), M.value)) : null, ((c = (s = A.actions).remember_me) === null || c === void 0 ? void 0 : c.call(s, null)) && r(C.Fragment, { children: [r(Pn, {}), r(bo, { required: !1, type: "checkbox", label: d("labels.staySignedIn"), checked: be, onChange: (M) => Gt(void 0, void 0, void 0, function* () {
     const H = yield A.actions.remember_me({ remember_me: !be }).run();
-    re((_e) => !_e), yield u.flow.run(H, m);
+    se((_e) => !_e), yield u.flow.run(H, m);
   }) })] })] }), r(Re, Object.assign({ hidden: O !== "auth" }, { children: [r("span", { hidden: !0 }), r(ee, Object.assign({ uiAction: "switch-flow", onClick: (M) => Gt(void 0, void 0, void 0, function* () {
     M.preventDefault(), l("login");
   }), loadingSpinnerPosition: "left" }, { children: d("labels.alreadyHaveAnAccount") }))] }))] });
@@ -3033,10 +3033,10 @@ var Xt = function(n, e, t, o) {
     d((o = o.apply(n, [])).next());
   });
 };
-const Lr = (n) => {
+const Nr = (n) => {
   var e, t, o, i, a, s, c, d;
   const { t: l } = (0, _.useContext)(Z.TranslateContext), { hanko: u, stateHandler: h, setLoadingAction: f } = (0, _.useContext)(pe), { flowState: m } = Me(n.state), [x, O] = (0, _.useState)();
-  return r(C.Fragment, { children: [r(Oe, { children: [r(he, { children: l("headlines.registerPassword") }), r(Pe, { state: m }), r(W, { children: l("texts.passwordFormatHint", { minLength: m.actions.register_password(null).inputs.new_password.min_length, maxLength: 72 }) }), r(oe, Object.assign({ onSubmit: (A) => Xt(void 0, void 0, void 0, function* () {
+  return r(C.Fragment, { children: [r(Pe, { children: [r(he, { children: l("headlines.registerPassword") }), r(Ee, { state: m }), r(W, { children: l("texts.passwordFormatHint", { minLength: m.actions.register_password(null).inputs.new_password.min_length, maxLength: 72 }) }), r(oe, Object.assign({ onSubmit: (A) => Xt(void 0, void 0, void 0, function* () {
     A.preventDefault(), f("password-submit");
     const S = yield m.actions.register_password({ new_password: x }).run();
     f(null), yield u.flow.run(S, h);
@@ -3063,7 +3063,7 @@ const Ze = mn.A && mn.A.locals ? mn.A.locals : void 0, En = function({ name: n,
     a(f === i ? null : f);
   };
   return r("div", Object.assign({ className: Ze.accordion }, { children: o.map((u, h) => r("div", Object.assign({ className: Ze.accordionItem }, { children: [r("input", { type: "radio", className: Ze.accordionInput, id: `${n}-${h}`, name: n, onClick: l, value: h, checked: d(h) }), r("label", Object.assign({ className: Y()(Ze.label, s && Ze.dropdown), for: `${n}-${h}` }, { children: r("span", Object.assign({ className: Ze.labelText }, { children: e(u, h) })) })), r("div", Object.assign({ className: Y()(Ze.accordionContent, s && Ze.dropdownContent) }, { children: t(u, h) }))] }), h)) }));
-}, ze = ({ children: n }) => r("h2", Object.assign({ part: "headline2", className: Y()(bn.headline, bn.grade2) }, { children: n })), Tr = ({ onEmailDelete: n, onEmailSetPrimary: e, onEmailVerify: t, checkedItemID: o, setCheckedItemID: i, emails: a = [], deletableEmailIDs: s = [] }) => {
+}, ze = ({ children: n }) => r("h2", Object.assign({ part: "headline2", className: Y()(bn.headline, bn.grade2) }, { children: n })), Mr = ({ onEmailDelete: n, onEmailSetPrimary: e, onEmailVerify: t, checkedItemID: o, setCheckedItemID: i, emails: a = [], deletableEmailIDs: s = [] }) => {
   const { t: c } = (0, _.useContext)(Z.TranslateContext), d = (0, _.useMemo)(() => !1, []);
   return r(En, { name: "email-edit-dropdown", columnSelector: (l) => {
     const u = r("span", Object.assign({ className: Ze.description }, { children: l.is_verified ? l.is_primary ? r(C.Fragment, { children: [" -", " ", c("labels.primaryEmail")] }) : null : r(C.Fragment, { children: [" -", " ", c("labels.unverifiedEmail")] }) }));
@@ -3072,9 +3072,9 @@ const Ze = mn.A && mn.A.locals ? mn.A.locals : void 0, En = function({ name: n,
     var u;
     return r(C.Fragment, { children: [l.is_primary ? r(C.Fragment, { children: r(W, { children: [r(ze, { children: c("headlines.isPrimaryEmail") }), c("texts.isPrimaryEmail")] }) }) : r(C.Fragment, { children: r(W, { children: [r(ze, { children: c("headlines.setPrimaryEmail") }), c("texts.setPrimaryEmail"), r("br", {}), r(ee, Object.assign({ uiAction: "email-set-primary", onClick: (h) => e(h, l.id), loadingSpinnerPosition: "right" }, { children: c("labels.setAsPrimaryEmail") }))] }) }), l.is_verified ? r(C.Fragment, { children: r(W, { children: [r(ze, { children: c("headlines.emailVerified") }), c("texts.emailVerified")] }) }) : r(C.Fragment, { children: r(W, { children: [r(ze, { children: c("headlines.emailUnverified") }), c("texts.emailUnverified"), r("br", {}), r(ee, Object.assign({ uiAction: "email-verify", onClick: (h) => t(h, l.id), loadingSpinnerPosition: "right" }, { children: c("labels.verify") }))] }) }), s.includes(l.id) ? r(C.Fragment, { children: r(W, { children: [r(ze, { children: c("headlines.emailDelete") }), c("texts.emailDelete"), r("br", {}), r(ee, Object.assign({ uiAction: "email-delete", dangerous: !0, onClick: (h) => n(h, l.id), disabled: d, loadingSpinnerPosition: "right" }, { children: c("labels.delete") }))] }) }) : null, ((u = l.identities) === null || u === void 0 ? void 0 : u.length) > 0 ? r(C.Fragment, { children: r(W, { children: [r(ze, { children: c("headlines.connectedAccounts") }), l.identities.map((h) => h.provider).join(", ")] }) }) : null] });
   }, checkedItemID: o, setCheckedItemID: i });
-}, $r = ({ onCredentialNameSubmit: n, oldName: e, onBack: t, credential: o, credentialType: i }) => {
+}, Rr = ({ onCredentialNameSubmit: n, oldName: e, onBack: t, credential: o, credentialType: i }) => {
   const { t: a } = (0, _.useContext)(Z.TranslateContext), [s, c] = (0, _.useState)(e);
-  return r(C.Fragment, { children: [r(Oe, { children: [r(he, { children: a(i === "security-key" ? "headlines.renameSecurityKey" : "headlines.renamePasskey") }), r(Pe, { flowError: null }), r(W, { children: a(i === "security-key" ? "texts.renameSecurityKey" : "texts.renamePasskey") }), r(oe, Object.assign({ onSubmit: (d) => n(d, o.id, s) }, { children: [r(Ve, { type: "text", name: i, value: s, minLength: 3, maxLength: 32, required: !0, placeholder: a(i === "security-key" ? "labels.newSecurityKeyName" : "labels.newPasskeyName"), onInput: (d) => {
+  return r(C.Fragment, { children: [r(Pe, { children: [r(he, { children: a(i === "security-key" ? "headlines.renameSecurityKey" : "headlines.renamePasskey") }), r(Ee, { flowError: null }), r(W, { children: a(i === "security-key" ? "texts.renameSecurityKey" : "texts.renamePasskey") }), r(oe, Object.assign({ onSubmit: (d) => n(d, o.id, s) }, { children: [r(Ve, { type: "text", name: i, value: s, minLength: 3, maxLength: 32, required: !0, placeholder: a(i === "security-key" ? "labels.newSecurityKeyName" : "labels.newPasskeyName"), onInput: (d) => {
     return l = void 0, u = void 0, f = function* () {
       d.target instanceof HTMLInputElement && c(d.target.value);
     }, new ((h = void 0) || (h = Promise))(function(m, x) {
@@ -3109,12 +3109,12 @@ const Ze = mn.A && mn.A.locals ? mn.A.locals : void 0, En = function({ name: n,
     return `${c === "security-key" ? "SecurityKey" : "Passkey"}-${m.substring(m.length - 7, m.length)}`;
   }, h = (f) => new Date(f).toLocaleString();
   return r(En, { name: c === "security-key" ? "security-key-edit-dropdown" : "passkey-edit-dropdown", columnSelector: (f) => u(f), data: n, contentSelector: (f) => r(C.Fragment, { children: [r(W, { children: [r(ze, { children: d(c === "security-key" ? "headlines.renameSecurityKey" : "headlines.renamePasskey") }), d(c === "security-key" ? "texts.renameSecurityKey" : "texts.renamePasskey"), r("br", {}), r(ee, Object.assign({ onClick: (m) => ((x, O, A) => {
-    x.preventDefault(), l(r($r, { oldName: u(O), credential: O, credentialType: A, onBack: o, onCredentialNameSubmit: i }));
+    x.preventDefault(), l(r(Rr, { oldName: u(O), credential: O, credentialType: A, onBack: o, onCredentialNameSubmit: i }));
   })(m, f, c), loadingSpinnerPosition: "right" }, { children: d("labels.rename") }))] }), r(W, Object.assign({ hidden: !s }, { children: [r(ze, { children: d(c === "security-key" ? "headlines.deleteSecurityKey" : "headlines.deletePasskey") }), d(c === "security-key" ? "texts.deleteSecurityKey" : "texts.deletePasskey"), r("br", {}), r(ee, Object.assign({ uiAction: "password-delete", dangerous: !0, onClick: (m) => a(m, f.id), loadingSpinnerPosition: "right" }, { children: d("labels.delete") }))] })), r(W, { children: [r(ze, { children: d("headlines.lastUsedAt") }), f.last_used_at ? h(f.last_used_at) : "-"] }), r(W, { children: [r(ze, { children: d("headlines.createdAt") }), h(f.created_at)] })] }), checkedItemID: e, setCheckedItemID: t });
 }, Ft = ({ name: n, title: e, children: t, checkedItemID: o, setCheckedItemID: i }) => r(En, { dropdown: !0, name: n, columnSelector: () => e, contentSelector: () => r(C.Fragment, { children: t }), setCheckedItemID: i, checkedItemID: o, data: [{}] }), wo = ({ flowError: n }) => {
   const { t: e } = (0, _.useContext)(Z.TranslateContext);
-  return r(C.Fragment, { children: n ? r("div", Object.assign({ className: $i.errorMessage }, { children: e(`flowErrors.${n == null ? void 0 : n.code}`) })) : null });
-}, Ur = ({ inputs: n, onEmailSubmit: e, checkedItemID: t, setCheckedItemID: o }) => {
+  return r(C.Fragment, { children: n ? r("div", Object.assign({ className: Ri.errorMessage }, { children: e(`flowErrors.${n == null ? void 0 : n.code}`) })) : null });
+}, qr = ({ inputs: n, onEmailSubmit: e, checkedItemID: t, setCheckedItemID: o }) => {
   var i;
   const { t: a } = (0, _.useContext)(Z.TranslateContext), [s, c] = (0, _.useState)();
   return r(Ft, Object.assign({ name: "email-create-dropdown", title: a("labels.addEmail"), checkedItemID: t, setCheckedItemID: o }, { children: [r(wo, { flowError: (i = n.email) === null || i === void 0 ? void 0 : i.error }), r(oe, Object.assign({ onSubmit: (d) => e(d, s).then(() => c("")) }, { children: [r(Ve, { markError: !0, type: "email", placeholder: a("labels.newEmailAddress"), onInput: (d) => {
@@ -3135,20 +3135,20 @@ const Ze = mn.A && mn.A.locals ? mn.A.locals : void 0, En = function({ name: n,
   return r(Ft, Object.assign({ name: "username-edit-dropdown", title: d(a ? "labels.changeUsername" : "labels.setUsername"), checkedItemID: e, setCheckedItemID: t }, { children: [r(wo, { flowError: (c = n.username) === null || c === void 0 ? void 0 : c.error }), r(oe, Object.assign({ onSubmit: (h) => o(h, l).then(() => u("")) }, { children: [r(Ve, { markError: !0, placeholder: d("labels.username"), type: "text", onInput: (h) => {
     h.preventDefault(), h.target instanceof HTMLInputElement && u(h.target.value);
   }, value: l, flowInput: n.username }), r(ne, Object.assign({ uiAction: "username-set" }, { children: d("labels.save") }))] })), r(ee, Object.assign({ hidden: !s, uiAction: "username-delete", dangerous: !0, onClick: (h) => i(h).then(() => u("")), loadingSpinnerPosition: "right" }, { children: d("labels.delete") }))] }));
-}, Nr = ({ onBack: n, onAccountDelete: e }) => {
+}, zr = ({ onBack: n, onAccountDelete: e }) => {
   const { t } = (0, _.useContext)(Z.TranslateContext);
-  return r(C.Fragment, { children: [r(Oe, { children: [r(he, { children: t("headlines.deleteAccount") }), r(Pe, { flowError: null }), r(W, { children: t("texts.deleteAccount") }), r(oe, Object.assign({ onSubmit: e }, { children: [r(bo, { required: !0, type: "checkbox", label: t("labels.deleteAccount") }), r(ne, Object.assign({ uiAction: "account_delete" }, { children: t("labels.delete") }))] }))] }), r(Re, { children: r(ee, Object.assign({ onClick: n }, { children: t("labels.back") })) })] });
-}, Mr = ({ sessions: n = [], checkedItemID: e, setCheckedItemID: t, onSessionDelete: o, deletableSessionIDs: i }) => {
+  return r(C.Fragment, { children: [r(Pe, { children: [r(he, { children: t("headlines.deleteAccount") }), r(Ee, { flowError: null }), r(W, { children: t("texts.deleteAccount") }), r(oe, Object.assign({ onSubmit: e }, { children: [r(bo, { required: !0, type: "checkbox", label: t("labels.deleteAccount") }), r(ne, Object.assign({ uiAction: "account_delete" }, { children: t("labels.delete") }))] }))] }), r(Re, { children: r(ee, Object.assign({ onClick: n }, { children: t("labels.back") })) })] });
+}, Hr = ({ sessions: n = [], checkedItemID: e, setCheckedItemID: t, onSessionDelete: o, deletableSessionIDs: i }) => {
   const { t: a } = (0, _.useContext)(Z.TranslateContext), s = (c) => new Date(c).toLocaleString();
   return r(En, { name: "session-edit-dropdown", columnSelector: (c) => {
     const d = r("b", { children: c.user_agent ? c.user_agent : c.id }), l = c.current ? r("span", Object.assign({ className: Ze.description }, { children: r(C.Fragment, { children: [" -", " ", a("labels.currentSession")] }) })) : null;
     return r(C.Fragment, { children: [d, l] });
   }, data: n, contentSelector: (c) => r(C.Fragment, { children: [r(W, Object.assign({ hidden: !c.ip_address }, { children: [r(ze, { children: a("headlines.ipAddress") }), c.ip_address] })), r(W, { children: [r(ze, { children: a("headlines.lastUsed") }), s(c.last_used)] }), r(W, { children: [r(ze, { children: a("headlines.createdAt") }), s(c.created_at)] }), i != null && i.includes(c.id) ? r(W, { children: [r(ze, { children: a("headlines.revokeSession") }), r(ee, Object.assign({ uiAction: "session-delete", dangerous: !0, onClick: (d) => o(d, c.id), loadingSpinnerPosition: "right" }, { children: a("labels.revoke") }))] }) : null] }), checkedItemID: e, setCheckedItemID: t });
-}, Rr = ({ checkedItemID: n, setCheckedItemID: e, onDelete: t, onConnect: o, authAppSetUp: i, allowDeletion: a }) => {
+}, Wr = ({ checkedItemID: n, setCheckedItemID: e, onDelete: t, onConnect: o, authAppSetUp: i, allowDeletion: a }) => {
   const { t: s } = (0, _.useContext)(Z.TranslateContext), c = r("span", Object.assign({ className: Ze.description }, { children: i ? r(C.Fragment, { children: [" -", " ", s("labels.configured")] }) : null })), d = r(C.Fragment, { children: [s("labels.authenticatorAppManage"), " ", c] });
   return r(Ft, Object.assign({ name: "authenticator-app-manage-dropdown", title: d, checkedItemID: n, setCheckedItemID: e }, { children: [r(ze, { children: s(i ? "headlines.authenticatorAppAlreadySetUp" : "headlines.authenticatorAppNotSetUp") }), r(W, { children: [s(i ? "texts.authenticatorAppAlreadySetUp" : "texts.authenticatorAppNotSetUp"), r("br", {}), r(ee, i ? Object.assign({ hidden: !a, uiAction: "auth-app-remove", onClick: (l) => t(l), loadingSpinnerPosition: "right", dangerous: !0 }, { children: s("labels.delete") }) : Object.assign({ uiAction: "auth-app-add", onClick: (l) => o(l), loadingSpinnerPosition: "right" }, { children: s("labels.authenticatorAppAdd") }))] })] }));
 };
-var De = function(n, e, t, o) {
+var je = function(n, e, t, o) {
   return new (t || (t = Promise))(function(i, a) {
     function s(l) {
       try {
@@ -3173,57 +3173,57 @@ var De = function(n, e, t, o) {
     d((o = o.apply(n, [])).next());
   });
 };
-const Ui = (n) => {
-  var e, t, o, i, a, s, c, d, l, u, h, f, m, x, O, A, S, P, j, U, N, ae, be, re, we, M, H, _e, Te, Ee, $e, se, le, me, Ie, k, p, y, T, K, ge, He, We, Fe, g, v, b, D, $, I, z, X;
-  const { t: Q } = (0, _.useContext)(Z.TranslateContext), { hanko: ye, setLoadingAction: w, stateHandler: ke, setUIState: J, setPage: R } = (0, _.useContext)(pe), { flowState: E } = Me(n.state), [Se, V] = (0, _.useState)(""), F = (q, B, Qe) => De(void 0, void 0, void 0, function* () {
+const qi = (n) => {
+  var e, t, o, i, a, s, c, d, l, u, h, f, m, x, O, A, S, P, j, U, N, ae, be, se, we, M, H, _e, Ue, Ie, Ne, le, ce, me, De, k, p, y, $, K, ge, He, We, Fe, g, v, b, D, T, I, z, X;
+  const { t: Q } = (0, _.useContext)(Z.TranslateContext), { hanko: ye, setLoadingAction: w, stateHandler: ke, setUIState: J, setPage: R } = (0, _.useContext)(pe), { flowState: E } = Me(n.state), [Se, V] = (0, _.useState)(""), F = (q, B, Qe) => je(void 0, void 0, void 0, function* () {
     q.preventDefault(), w(B);
     const In = yield Qe();
-    In != null && In.error || (V(null), yield new Promise((qi) => setTimeout(qi, 360))), w(null), yield ye.flow.run(In, ke);
-  }), qe = (q) => De(void 0, void 0, void 0, function* () {
+    In != null && In.error || (V(null), yield new Promise((Fi) => setTimeout(Fi, 360))), w(null), yield ye.flow.run(In, ke);
+  }), qe = (q) => je(void 0, void 0, void 0, function* () {
     return F(q, "password-delete", E.actions.password_delete(null).run);
-  }), it = (q) => De(void 0, void 0, void 0, function* () {
+  }), it = (q) => je(void 0, void 0, void 0, function* () {
     return F(q, "username-delete", E.actions.username_delete(null).run);
-  }), fe = (q, B, Qe) => De(void 0, void 0, void 0, function* () {
+  }), fe = (q, B, Qe) => je(void 0, void 0, void 0, function* () {
     return F(q, "webauthn-credential-rename", E.actions.webauthn_credential_rename({ passkey_id: B, passkey_name: Qe }).run);
-  }), Vt = (q) => De(void 0, void 0, void 0, function* () {
+  }), Vt = (q) => je(void 0, void 0, void 0, function* () {
     return F(q, "account_delete", E.actions.account_delete(null).run);
-  }), at = (q) => (q.preventDefault(), R(r(Ui, { state: E, enablePasskeys: n.enablePasskeys })), Promise.resolve());
-  return r(Oe, { children: [r(Pe, { state: ((e = E == null ? void 0 : E.error) === null || e === void 0 ? void 0 : e.code) !== "form_data_invalid_error" ? E : null }), !((o = (t = E.actions).username_create) === null || o === void 0) && o.call(t, null) || !((a = (i = E.actions).username_update) === null || a === void 0) && a.call(i, null) || !((c = (s = E.actions).username_delete) === null || c === void 0) && c.call(s, null) ? r(C.Fragment, { children: [r(he, { children: Q("labels.username") }), E.payload.user.username ? r(W, { children: r("b", { children: E.payload.user.username.username }) }) : null, r(W, { children: [!((l = (d = E.actions).username_create) === null || l === void 0) && l.call(d, null) ? r(Xo, { inputs: E.actions.username_create(null).inputs, hasUsername: !!E.payload.user.username, allowUsernameDeletion: !!(!((h = (u = E.actions).username_delete) === null || h === void 0) && h.call(u, null)), onUsernameSubmit: (q, B) => De(void 0, void 0, void 0, function* () {
+  }), at = (q) => (q.preventDefault(), R(r(qi, { state: E, enablePasskeys: n.enablePasskeys })), Promise.resolve());
+  return r(Pe, { children: [r(Ee, { state: ((e = E == null ? void 0 : E.error) === null || e === void 0 ? void 0 : e.code) !== "form_data_invalid_error" ? E : null }), !((o = (t = E.actions).username_create) === null || o === void 0) && o.call(t, null) || !((a = (i = E.actions).username_update) === null || a === void 0) && a.call(i, null) || !((c = (s = E.actions).username_delete) === null || c === void 0) && c.call(s, null) ? r(C.Fragment, { children: [r(he, { children: Q("labels.username") }), E.payload.user.username ? r(W, { children: r("b", { children: E.payload.user.username.username }) }) : null, r(W, { children: [!((l = (d = E.actions).username_create) === null || l === void 0) && l.call(d, null) ? r(Xo, { inputs: E.actions.username_create(null).inputs, hasUsername: !!E.payload.user.username, allowUsernameDeletion: !!(!((h = (u = E.actions).username_delete) === null || h === void 0) && h.call(u, null)), onUsernameSubmit: (q, B) => je(void 0, void 0, void 0, function* () {
     return F(q, "username-set", E.actions.username_create({ username: B }).run);
-  }), onUsernameDelete: it, checkedItemID: Se, setCheckedItemID: V }) : null, !((m = (f = E.actions).username_update) === null || m === void 0) && m.call(f, null) ? r(Xo, { inputs: E.actions.username_update(null).inputs, hasUsername: !!E.payload.user.username, allowUsernameDeletion: !!(!((O = (x = E.actions).username_delete) === null || O === void 0) && O.call(x, null)), onUsernameSubmit: (q, B) => De(void 0, void 0, void 0, function* () {
+  }), onUsernameDelete: it, checkedItemID: Se, setCheckedItemID: V }) : null, !((m = (f = E.actions).username_update) === null || m === void 0) && m.call(f, null) ? r(Xo, { inputs: E.actions.username_update(null).inputs, hasUsername: !!E.payload.user.username, allowUsernameDeletion: !!(!((O = (x = E.actions).username_delete) === null || O === void 0) && O.call(x, null)), onUsernameSubmit: (q, B) => je(void 0, void 0, void 0, function* () {
     return F(q, "username-set", E.actions.username_update({ username: B }).run);
-  }), onUsernameDelete: it, checkedItemID: Se, setCheckedItemID: V }) : null] })] }) : null, !((S = (A = E.payload) === null || A === void 0 ? void 0 : A.user) === null || S === void 0) && S.emails || !((j = (P = E.actions).email_create) === null || j === void 0) && j.call(P, null) ? r(C.Fragment, { children: [r(he, { children: Q("headlines.profileEmails") }), r(W, { children: [r(Tr, { emails: E.payload.user.emails, onEmailDelete: (q, B) => De(void 0, void 0, void 0, function* () {
+  }), onUsernameDelete: it, checkedItemID: Se, setCheckedItemID: V }) : null] })] }) : null, !((S = (A = E.payload) === null || A === void 0 ? void 0 : A.user) === null || S === void 0) && S.emails || !((j = (P = E.actions).email_create) === null || j === void 0) && j.call(P, null) ? r(C.Fragment, { children: [r(he, { children: Q("headlines.profileEmails") }), r(W, { children: [r(Mr, { emails: E.payload.user.emails, onEmailDelete: (q, B) => je(void 0, void 0, void 0, function* () {
     return F(q, "email-delete", E.actions.email_delete({ email_id: B }).run);
-  }), onEmailSetPrimary: (q, B) => De(void 0, void 0, void 0, function* () {
+  }), onEmailSetPrimary: (q, B) => je(void 0, void 0, void 0, function* () {
     return F(q, "email-set-primary", E.actions.email_set_primary({ email_id: B }).run);
-  }), onEmailVerify: (q, B) => De(void 0, void 0, void 0, function* () {
+  }), onEmailVerify: (q, B) => je(void 0, void 0, void 0, function* () {
     return F(q, "email-verify", E.actions.email_verify({ email_id: B }).run);
-  }), checkedItemID: Se, setCheckedItemID: V, deletableEmailIDs: (ae = (N = (U = E.actions).email_delete) === null || N === void 0 ? void 0 : N.call(U, null).inputs.email_id.allowed_values) === null || ae === void 0 ? void 0 : ae.map((q) => q.value) }), !((re = (be = E.actions).email_create) === null || re === void 0) && re.call(be, null) ? r(Ur, { inputs: E.actions.email_create(null).inputs, onEmailSubmit: (q, B) => De(void 0, void 0, void 0, function* () {
+  }), checkedItemID: Se, setCheckedItemID: V, deletableEmailIDs: (ae = (N = (U = E.actions).email_delete) === null || N === void 0 ? void 0 : N.call(U, null).inputs.email_id.allowed_values) === null || ae === void 0 ? void 0 : ae.map((q) => q.value) }), !((se = (be = E.actions).email_create) === null || se === void 0) && se.call(be, null) ? r(qr, { inputs: E.actions.email_create(null).inputs, onEmailSubmit: (q, B) => je(void 0, void 0, void 0, function* () {
     return J((Qe) => Object.assign(Object.assign({}, Qe), { email: B })), F(q, "email-submit", E.actions.email_create({ email: B }).run);
-  }), checkedItemID: Se, setCheckedItemID: V }) : null] })] }) : null, !((M = (we = E.actions).password_create) === null || M === void 0) && M.call(we, null) ? r(C.Fragment, { children: [r(he, { children: Q("headlines.profilePassword") }), r(W, { children: r(Qo, { inputs: E.actions.password_create(null).inputs, onPasswordSubmit: (q, B) => De(void 0, void 0, void 0, function* () {
+  }), checkedItemID: Se, setCheckedItemID: V }) : null] })] }) : null, !((M = (we = E.actions).password_create) === null || M === void 0) && M.call(we, null) ? r(C.Fragment, { children: [r(he, { children: Q("headlines.profilePassword") }), r(W, { children: r(Qo, { inputs: E.actions.password_create(null).inputs, onPasswordSubmit: (q, B) => je(void 0, void 0, void 0, function* () {
     return F(q, "password-submit", E.actions.password_create({ password: B }).run);
-  }), onPasswordDelete: qe, checkedItemID: Se, setCheckedItemID: V }) })] }) : null, !((_e = (H = E.actions).password_update) === null || _e === void 0) && _e.call(H, null) ? r(C.Fragment, { children: [r(he, { children: Q("headlines.profilePassword") }), r(W, { children: r(Qo, { allowPasswordDelete: !!(!((Ee = (Te = E.actions).password_delete) === null || Ee === void 0) && Ee.call(Te, null)), inputs: E.actions.password_update(null).inputs, onPasswordSubmit: (q, B) => De(void 0, void 0, void 0, function* () {
+  }), onPasswordDelete: qe, checkedItemID: Se, setCheckedItemID: V }) })] }) : null, !((_e = (H = E.actions).password_update) === null || _e === void 0) && _e.call(H, null) ? r(C.Fragment, { children: [r(he, { children: Q("headlines.profilePassword") }), r(W, { children: r(Qo, { allowPasswordDelete: !!(!((Ie = (Ue = E.actions).password_delete) === null || Ie === void 0) && Ie.call(Ue, null)), inputs: E.actions.password_update(null).inputs, onPasswordSubmit: (q, B) => je(void 0, void 0, void 0, function* () {
     return F(q, "password-submit", E.actions.password_update({ password: B }).run);
-  }), onPasswordDelete: qe, checkedItemID: Se, setCheckedItemID: V, passwordExists: !0 }) })] }) : null, n.enablePasskeys && (!((se = ($e = E.payload) === null || $e === void 0 ? void 0 : $e.user) === null || se === void 0) && se.passkeys || !((me = (le = E.actions).webauthn_credential_create) === null || me === void 0) && me.call(le, null)) ? r(C.Fragment, { children: [r(he, { children: Q("headlines.profilePasskeys") }), r(W, { children: [r(Yo, { onBack: at, onCredentialNameSubmit: fe, onCredentialDelete: (q, B) => De(void 0, void 0, void 0, function* () {
+  }), onPasswordDelete: qe, checkedItemID: Se, setCheckedItemID: V, passwordExists: !0 }) })] }) : null, n.enablePasskeys && (!((le = (Ne = E.payload) === null || Ne === void 0 ? void 0 : Ne.user) === null || le === void 0) && le.passkeys || !((me = (ce = E.actions).webauthn_credential_create) === null || me === void 0) && me.call(ce, null)) ? r(C.Fragment, { children: [r(he, { children: Q("headlines.profilePasskeys") }), r(W, { children: [r(Yo, { onBack: at, onCredentialNameSubmit: fe, onCredentialDelete: (q, B) => je(void 0, void 0, void 0, function* () {
     return F(q, "passkey-delete", E.actions.webauthn_credential_delete({ passkey_id: B }).run);
-  }), credentials: E.payload.user.passkeys, setError: null, checkedItemID: Se, setCheckedItemID: V, allowCredentialDeletion: !!(!((k = (Ie = E.actions).webauthn_credential_delete) === null || k === void 0) && k.call(Ie, null)), credentialType: "passkey" }), !((y = (p = E.actions).webauthn_credential_create) === null || y === void 0) && y.call(p, null) ? r(Go, { credentialType: "passkey", onCredentialSubmit: (q) => De(void 0, void 0, void 0, function* () {
+  }), credentials: E.payload.user.passkeys, setError: null, checkedItemID: Se, setCheckedItemID: V, allowCredentialDeletion: !!(!((k = (De = E.actions).webauthn_credential_delete) === null || k === void 0) && k.call(De, null)), credentialType: "passkey" }), !((y = (p = E.actions).webauthn_credential_create) === null || y === void 0) && y.call(p, null) ? r(Go, { credentialType: "passkey", onCredentialSubmit: (q) => je(void 0, void 0, void 0, function* () {
     return F(q, "passkey-submit", E.actions.webauthn_credential_create(null).run);
-  }), setError: null, checkedItemID: Se, setCheckedItemID: V }) : null] })] }) : null, !((T = E.payload.user.mfa_config) === null || T === void 0) && T.security_keys_enabled ? r(C.Fragment, { children: [r(he, { children: Q("headlines.securityKeys") }), r(W, { children: [r(Yo, { onBack: at, onCredentialNameSubmit: fe, onCredentialDelete: (q, B) => De(void 0, void 0, void 0, function* () {
+  }), setError: null, checkedItemID: Se, setCheckedItemID: V }) : null] })] }) : null, !(($ = E.payload.user.mfa_config) === null || $ === void 0) && $.security_keys_enabled ? r(C.Fragment, { children: [r(he, { children: Q("headlines.securityKeys") }), r(W, { children: [r(Yo, { onBack: at, onCredentialNameSubmit: fe, onCredentialDelete: (q, B) => je(void 0, void 0, void 0, function* () {
     return F(q, "security-key-delete", E.actions.security_key_delete({ security_key_id: B }).run);
-  }), credentials: E.payload.user.security_keys, setError: null, checkedItemID: Se, setCheckedItemID: V, allowCredentialDeletion: !!(!((ge = (K = E.actions).security_key_delete) === null || ge === void 0) && ge.call(K, null)), credentialType: "security-key" }), !((We = (He = E.actions).security_key_create) === null || We === void 0) && We.call(He, null) ? r(Go, { credentialType: "security-key", onCredentialSubmit: (q) => De(void 0, void 0, void 0, function* () {
+  }), credentials: E.payload.user.security_keys, setError: null, checkedItemID: Se, setCheckedItemID: V, allowCredentialDeletion: !!(!((ge = (K = E.actions).security_key_delete) === null || ge === void 0) && ge.call(K, null)), credentialType: "security-key" }), !((We = (He = E.actions).security_key_create) === null || We === void 0) && We.call(He, null) ? r(Go, { credentialType: "security-key", onCredentialSubmit: (q) => je(void 0, void 0, void 0, function* () {
     return F(q, "security-key-submit", E.actions.security_key_create(null).run);
-  }), setError: null, checkedItemID: Se, setCheckedItemID: V }) : null] })] }) : null, !((Fe = E.payload.user.mfa_config) === null || Fe === void 0) && Fe.totp_enabled ? r(C.Fragment, { children: [r(he, { children: Q("headlines.authenticatorApp") }), r(W, { children: r(Rr, { onConnect: (q) => De(void 0, void 0, void 0, function* () {
+  }), setError: null, checkedItemID: Se, setCheckedItemID: V }) : null] })] }) : null, !((Fe = E.payload.user.mfa_config) === null || Fe === void 0) && Fe.totp_enabled ? r(C.Fragment, { children: [r(he, { children: Q("headlines.authenticatorApp") }), r(W, { children: r(Wr, { onConnect: (q) => je(void 0, void 0, void 0, function* () {
     return F(q, "auth-app-add", E.actions.continue_to_otp_secret_creation(null).run);
-  }), onDelete: (q) => De(void 0, void 0, void 0, function* () {
+  }), onDelete: (q) => je(void 0, void 0, void 0, function* () {
     return F(q, "auth-app-remove", E.actions.otp_secret_delete(null).run);
-  }), allowDeletion: !!(!((v = (g = E.actions).otp_secret_delete) === null || v === void 0) && v.call(g, null)), authAppSetUp: (b = E.payload.user.mfa_config) === null || b === void 0 ? void 0 : b.auth_app_set_up, checkedItemID: Se, setCheckedItemID: V }) })] }) : null, E.payload.sessions ? r(C.Fragment, { children: [r(he, { children: Q("headlines.profileSessions") }), r(W, { children: r(Mr, { sessions: E.payload.sessions, setError: null, checkedItemID: Se, setCheckedItemID: V, onSessionDelete: (q, B) => De(void 0, void 0, void 0, function* () {
+  }), allowDeletion: !!(!((v = (g = E.actions).otp_secret_delete) === null || v === void 0) && v.call(g, null)), authAppSetUp: (b = E.payload.user.mfa_config) === null || b === void 0 ? void 0 : b.auth_app_set_up, checkedItemID: Se, setCheckedItemID: V }) })] }) : null, E.payload.sessions ? r(C.Fragment, { children: [r(he, { children: Q("headlines.profileSessions") }), r(W, { children: r(Hr, { sessions: E.payload.sessions, setError: null, checkedItemID: Se, setCheckedItemID: V, onSessionDelete: (q, B) => je(void 0, void 0, void 0, function* () {
     return F(q, "session-delete", E.actions.session_delete({ session_id: B }).run);
-  }), deletableSessionIDs: (I = ($ = (D = E.actions).session_delete) === null || $ === void 0 ? void 0 : $.call(D, null).inputs.session_id.allowed_values) === null || I === void 0 ? void 0 : I.map((q) => q.value) }) })] }) : null, !((X = (z = E.actions).account_delete) === null || X === void 0) && X.call(z, null) ? r(C.Fragment, { children: [r(Pn, {}), r(W, { children: r(yo, {}) }), r(W, { children: r(oe, Object.assign({ onSubmit: (q) => (q.preventDefault(), R(r(Nr, { onBack: at, onAccountDelete: Vt })), Promise.resolve()) }, { children: r(ne, Object.assign({ dangerous: !0 }, { children: Q("headlines.deleteAccount") })) })) })] }) : null] });
-}, qr = Ui, ei = ({ state: n, error: e }) => {
+  }), deletableSessionIDs: (I = (T = (D = E.actions).session_delete) === null || T === void 0 ? void 0 : T.call(D, null).inputs.session_id.allowed_values) === null || I === void 0 ? void 0 : I.map((q) => q.value) }) })] }) : null, !((X = (z = E.actions).account_delete) === null || X === void 0) && X.call(z, null) ? r(C.Fragment, { children: [r(Pn, {}), r(W, { children: r(yo, {}) }), r(W, { children: r(oe, Object.assign({ onSubmit: (q) => (q.preventDefault(), R(r(zr, { onBack: at, onAccountDelete: Vt })), Promise.resolve()) }, { children: r(ne, Object.assign({ dangerous: !0 }, { children: Q("headlines.deleteAccount") })) })) })] }) : null] });
+}, Fr = qi, ei = ({ state: n, error: e }) => {
   const { t } = (0, _.useContext)(Z.TranslateContext), { init: o, componentName: i } = (0, _.useContext)(pe), a = (0, _.useCallback)(() => o(i), [i, o]);
   return (0, _.useEffect)(() => (addEventListener("hankoAuthSuccess", a), () => {
     removeEventListener("hankoAuthSuccess", a);
-  }), [a]), r(Oe, { children: [r(he, { children: t("headlines.error") }), r(Pe, { state: n, error: e }), r(oe, Object.assign({ onSubmit: (s) => {
+  }), [a]), r(Pe, { children: [r(he, { children: t("headlines.error") }), r(Ee, { state: n, error: e }), r(oe, Object.assign({ onSubmit: (s) => {
     s.preventDefault(), a();
   } }, { children: r(ne, Object.assign({ uiAction: "retry" }, { children: t("labels.continue") })) }))] });
 };
@@ -3252,10 +3252,10 @@ var zn = function(n, e, t, o) {
     d((o = o.apply(n, [])).next());
   });
 };
-const zr = (n) => {
+const Kr = (n) => {
   var e, t, o, i;
   const { t: a } = (0, _.useContext)(Z.TranslateContext), { hanko: s, stateHandler: c, setLoadingAction: d } = (0, _.useContext)(pe), { flowState: l } = Me(n.state), [u, h] = (0, _.useState)();
-  return r(C.Fragment, { children: [r(Oe, { children: [r(he, { children: a("headlines.createEmail") }), r(Pe, { state: l }), r(oe, Object.assign({ onSubmit: (f) => zn(void 0, void 0, void 0, function* () {
+  return r(C.Fragment, { children: [r(Pe, { children: [r(he, { children: a("headlines.createEmail") }), r(Ee, { state: l }), r(oe, Object.assign({ onSubmit: (f) => zn(void 0, void 0, void 0, function* () {
     f.preventDefault(), d("email-submit");
     const m = yield l.actions.email_address_set({ email: u }).run();
     d(null), yield s.flow.run(m, c);
@@ -3292,10 +3292,10 @@ var Hn = function(n, e, t, o) {
     d((o = o.apply(n, [])).next());
   });
 };
-const Hr = (n) => {
+const Vr = (n) => {
   var e, t, o, i;
   const { t: a } = (0, _.useContext)(Z.TranslateContext), { hanko: s, stateHandler: c, setLoadingAction: d } = (0, _.useContext)(pe), { flowState: l } = Me(n.state), [u, h] = (0, _.useState)();
-  return r(C.Fragment, { children: [r(Oe, { children: [r(he, { children: a("headlines.createUsername") }), r(Pe, { state: l }), r(oe, Object.assign({ onSubmit: (f) => Hn(void 0, void 0, void 0, function* () {
+  return r(C.Fragment, { children: [r(Pe, { children: [r(he, { children: a("headlines.createUsername") }), r(Ee, { state: l }), r(oe, Object.assign({ onSubmit: (f) => Hn(void 0, void 0, void 0, function* () {
     f.preventDefault(), d("username-set");
     const m = yield l.actions.username_create({ username: u }).run();
     d(null), yield s.flow.run(m, c);
@@ -3332,10 +3332,10 @@ var en = function(n, e, t, o) {
     d((o = o.apply(n, [])).next());
   });
 };
-const Wr = (n) => {
+const Br = (n) => {
   var e, t, o, i, a, s, c, d, l, u, h, f;
   const { t: m } = (0, _.useContext)(Z.TranslateContext), { hanko: x, setLoadingAction: O, stateHandler: A } = (0, _.useContext)(pe), { flowState: S } = Me(n.state);
-  return r(C.Fragment, { children: [r(Oe, { children: [r(he, { children: m("headlines.setupLoginMethod") }), r(Pe, { flowError: S == null ? void 0 : S.error }), r(W, { children: m("texts.selectLoginMethodForFutureLogins") }), r(oe, Object.assign({ hidden: !(!((t = (e = S.actions).continue_to_passkey_registration) === null || t === void 0) && t.call(e, null)), onSubmit: (P) => en(void 0, void 0, void 0, function* () {
+  return r(C.Fragment, { children: [r(Pe, { children: [r(he, { children: m("headlines.setupLoginMethod") }), r(Ee, { flowError: S == null ? void 0 : S.error }), r(W, { children: m("texts.selectLoginMethodForFutureLogins") }), r(oe, Object.assign({ hidden: !(!((t = (e = S.actions).continue_to_passkey_registration) === null || t === void 0) && t.call(e, null)), onSubmit: (P) => en(void 0, void 0, void 0, function* () {
     P.preventDefault(), O("passkey-submit");
     const j = yield S.actions.continue_to_passkey_registration(null).run();
     O(null), yield x.flow.run(j, A);
@@ -3378,7 +3378,7 @@ var Wn = function(n, e, t, o) {
     d((o = o.apply(n, [])).next());
   });
 };
-const Fr = (n) => {
+const Zr = (n) => {
   var e, t, o, i;
   const { t: a } = (0, _.useContext)(Z.TranslateContext), { flowState: s } = Me(n.state), { hanko: c, setLoadingAction: d, stateHandler: l } = (0, _.useContext)(pe), [u, h] = (0, _.useState)([]), f = (0, _.useCallback)((m) => Wn(void 0, void 0, void 0, function* () {
     d("passcode-submit");
@@ -3388,7 +3388,7 @@ const Fr = (n) => {
   return (0, _.useEffect)(() => {
     var m;
     ((m = s.error) === null || m === void 0 ? void 0 : m.code) === "passcode_invalid" && h([]);
-  }, [s]), r(C.Fragment, { children: [r(Oe, { children: [r(he, { children: a("headlines.otpLogin") }), r(Pe, { state: s }), r(W, { children: a("texts.otpLogin") }), r(oe, Object.assign({ onSubmit: (m) => Wn(void 0, void 0, void 0, function* () {
+  }, [s]), r(C.Fragment, { children: [r(Pe, { children: [r(he, { children: a("headlines.otpLogin") }), r(Ee, { state: s }), r(W, { children: a("texts.otpLogin") }), r(oe, Object.assign({ onSubmit: (m) => Wn(void 0, void 0, void 0, function* () {
     return m.preventDefault(), f(u.join(""));
   }) }, { children: [r(ko, { onInput: (m) => {
     if (h(m), m.filter((x) => x !== "").length === 6) return f(m.join(""));
@@ -3423,10 +3423,10 @@ var ti = function(n, e, t, o) {
     d((o = o.apply(n, [])).next());
   });
 };
-const Kr = (n) => {
+const Jr = (n) => {
   var e, t, o, i;
   const { t: a } = (0, _.useContext)(Z.TranslateContext), { hanko: s, setLoadingAction: c, stateHandler: d } = (0, _.useContext)(pe), { flowState: l } = Me(n.state);
-  return r(C.Fragment, { children: [r(Oe, { children: [r(he, { children: a("headlines.securityKeyLogin") }), r(Pe, { state: l }), r(W, { children: a("texts.securityKeyLogin") }), r(oe, Object.assign({ onSubmit: (u) => ti(void 0, void 0, void 0, function* () {
+  return r(C.Fragment, { children: [r(Pe, { children: [r(he, { children: a("headlines.securityKeyLogin") }), r(Ee, { state: l }), r(W, { children: a("texts.securityKeyLogin") }), r(oe, Object.assign({ onSubmit: (u) => ti(void 0, void 0, void 0, function* () {
     u.preventDefault(), c("passkey-submit");
     const h = yield l.actions.webauthn_generate_request_options(null).run();
     yield s.flow.run(h, d);
@@ -3461,7 +3461,7 @@ var tn = function(n, e, t, o) {
     d((o = o.apply(n, [])).next());
   });
 };
-const Vr = (n) => {
+const Yr = (n) => {
   var e, t, o, i, a, s, c, d;
   const { t: l } = (0, _.useContext)(Z.TranslateContext), { hanko: u, setLoadingAction: h, stateHandler: f } = (0, _.useContext)(pe), { flowState: m } = Me(n.state), x = (S) => tn(void 0, void 0, void 0, function* () {
     S.preventDefault(), h("passcode-submit");
@@ -3475,7 +3475,7 @@ const Vr = (n) => {
     const { actions: S } = m;
     return S.continue_to_security_key_creation && !S.continue_to_otp_secret_creation ? x : !S.continue_to_security_key_creation && S.continue_to_otp_secret_creation ? O : void 0;
   }, [m, x, O]);
-  return r(C.Fragment, { children: [r(Oe, { children: [r(he, { children: l("headlines.mfaSetUp") }), r(Pe, { flowError: m == null ? void 0 : m.error }), r(W, { children: l("texts.mfaSetUp") }), A ? r(oe, Object.assign({ onSubmit: A }, { children: r(ne, Object.assign({ uiAction: "passcode-submit" }, { children: l("labels.continue") })) })) : r(C.Fragment, { children: [r(oe, Object.assign({ hidden: !(!((t = (e = m.actions).continue_to_security_key_creation) === null || t === void 0) && t.call(e, null)), onSubmit: x }, { children: r(ne, Object.assign({ secondary: !0, uiAction: "passcode-submit", icon: "securityKey" }, { children: l("labels.securityKey") })) })), r(oe, Object.assign({ hidden: !(!((i = (o = m.actions).continue_to_otp_secret_creation) === null || i === void 0) && i.call(o, null)), onSubmit: O }, { children: r(ne, Object.assign({ secondary: !0, uiAction: "password-submit", icon: "qrCodeScanner" }, { children: l("labels.authenticatorApp") })) }))] })] }), r(Re, { children: [r(ee, Object.assign({ uiAction: "back", onClick: (S) => tn(void 0, void 0, void 0, function* () {
+  return r(C.Fragment, { children: [r(Pe, { children: [r(he, { children: l("headlines.mfaSetUp") }), r(Ee, { flowError: m == null ? void 0 : m.error }), r(W, { children: l("texts.mfaSetUp") }), A ? r(oe, Object.assign({ onSubmit: A }, { children: r(ne, Object.assign({ uiAction: "passcode-submit" }, { children: l("labels.continue") })) })) : r(C.Fragment, { children: [r(oe, Object.assign({ hidden: !(!((t = (e = m.actions).continue_to_security_key_creation) === null || t === void 0) && t.call(e, null)), onSubmit: x }, { children: r(ne, Object.assign({ secondary: !0, uiAction: "passcode-submit", icon: "securityKey" }, { children: l("labels.securityKey") })) })), r(oe, Object.assign({ hidden: !(!((i = (o = m.actions).continue_to_otp_secret_creation) === null || i === void 0) && i.call(o, null)), onSubmit: O }, { children: r(ne, Object.assign({ secondary: !0, uiAction: "password-submit", icon: "qrCodeScanner" }, { children: l("labels.authenticatorApp") })) }))] })] }), r(Re, { children: [r(ee, Object.assign({ uiAction: "back", onClick: (S) => tn(void 0, void 0, void 0, function* () {
     S.preventDefault(), h("back");
     const P = yield m.actions.back(null).run();
     h(null), yield u.flow.run(P, f);
@@ -3489,7 +3489,7 @@ var gn = G(560), jt = {};
 jt.setAttributes = nt(), jt.insert = (n) => {
   window._hankoStyle = n;
 }, jt.domAPI = tt(), jt.insertStyleElement = ot(), et()(gn.A, jt);
-const Br = gn.A && gn.A.locals ? gn.A.locals : void 0, Zr = ({ children: n, text: e }) => {
+const Qr = gn.A && gn.A.locals ? gn.A.locals : void 0, Gr = ({ children: n, text: e }) => {
   const { t } = (0, _.useContext)(Z.TranslateContext), [o, i] = (0, _.useState)(!1);
   return r("section", Object.assign({ className: zt.clipboardContainer }, { children: [r("div", { children: [n, " "] }), r("div", Object.assign({ className: zt.clipboardIcon, onClick: (a) => {
     return s = void 0, c = void 0, l = function* () {
@@ -3524,9 +3524,9 @@ const Br = gn.A && gn.A.locals ? gn.A.locals : void 0, Zr = ({ children: n, text
     });
     var s, c, d, l;
   } }, { children: o ? r("span", { children: ["- ", t("labels.copied")] }) : r(Ht, { name: "copy", secondary: !0, size: 13 }) }))] }));
-}, Jr = ({ src: n, secret: e }) => {
+}, Xr = ({ src: n, secret: e }) => {
   const { t } = (0, _.useContext)(Z.TranslateContext);
-  return r("div", Object.assign({ className: Br.otpCreationDetails }, { children: [r("img", { alt: "QR-Code", src: n }), r(Pn, {}), r(Zr, Object.assign({ text: e }, { children: t("texts.otpSecretKey") })), r("div", { children: e })] }));
+  return r("div", Object.assign({ className: Qr.otpCreationDetails }, { children: [r("img", { alt: "QR-Code", src: n }), r(Pn, {}), r(Gr, Object.assign({ text: e }, { children: t("texts.otpSecretKey") })), r("div", { children: e })] }));
 };
 var Fn = function(n, e, t, o) {
   return new (t || (t = Promise))(function(i, a) {
@@ -3553,7 +3553,7 @@ var Fn = function(n, e, t, o) {
     d((o = o.apply(n, [])).next());
   });
 };
-const Yr = (n) => {
+const es = (n) => {
   const { t: e } = (0, _.useContext)(Z.TranslateContext), { flowState: t } = Me(n.state), { hanko: o, uiState: i, setLoadingAction: a, stateHandler: s } = (0, _.useContext)(pe), [c, d] = (0, _.useState)([]), l = (0, _.useCallback)((u) => Fn(void 0, void 0, void 0, function* () {
     a("passcode-submit");
     const h = yield t.actions.otp_code_verify({ otp_code: u }).run();
@@ -3562,7 +3562,7 @@ const Yr = (n) => {
   return (0, _.useEffect)(() => {
     var u;
     ((u = t.error) === null || u === void 0 ? void 0 : u.code) === "passcode_invalid" && d([]);
-  }, [t]), r(C.Fragment, { children: [r(Oe, { children: [r(he, { children: e("headlines.otpSetUp") }), r(Pe, { state: t }), r(W, { children: e("texts.otpScanQRCode") }), r(Jr, { src: t.payload.otp_image_source, secret: t.payload.otp_secret }), r(W, { children: e("texts.otpEnterVerificationCode") }), r(oe, Object.assign({ onSubmit: (u) => Fn(void 0, void 0, void 0, function* () {
+  }, [t]), r(C.Fragment, { children: [r(Pe, { children: [r(he, { children: e("headlines.otpSetUp") }), r(Ee, { state: t }), r(W, { children: e("texts.otpScanQRCode") }), r(Xr, { src: t.payload.otp_image_source, secret: t.payload.otp_secret }), r(W, { children: e("texts.otpEnterVerificationCode") }), r(oe, Object.assign({ onSubmit: (u) => Fn(void 0, void 0, void 0, function* () {
     return u.preventDefault(), l(c.join(""));
   }) }, { children: [r(ko, { onInput: (u) => {
     if (d(u), u.filter((h) => h !== "").length === 6) return l(u.join(""));
@@ -3597,10 +3597,10 @@ var ni = function(n, e, t, o) {
     d((o = o.apply(n, [])).next());
   });
 };
-const Qr = (n) => {
+const ts = (n) => {
   var e, t, o, i;
   const { t: a } = (0, _.useContext)(Z.TranslateContext), { hanko: s, setLoadingAction: c, stateHandler: d } = (0, _.useContext)(pe), { flowState: l } = Me(n.state);
-  return r(C.Fragment, { children: [r(Oe, { children: [r(he, { children: a("headlines.securityKeySetUp") }), r(Pe, { state: l }), r(W, { children: a("texts.securityKeySetUp") }), r(oe, Object.assign({ onSubmit: (u) => ni(void 0, void 0, void 0, function* () {
+  return r(C.Fragment, { children: [r(Pe, { children: [r(he, { children: a("headlines.securityKeySetUp") }), r(Ee, { state: l }), r(W, { children: a("texts.securityKeySetUp") }), r(oe, Object.assign({ onSubmit: (u) => ni(void 0, void 0, void 0, function* () {
     u.preventDefault(), c("passkey-submit");
     const h = yield l.actions.webauthn_generate_creation_options(null).run();
     yield s.flow.run(h, d);
@@ -3635,10 +3635,10 @@ var Kn = function(n, e, t, o) {
     d((o = o.apply(n, [])).next());
   });
 };
-const Gr = (n) => {
+const ns = (n) => {
   var e, t, o, i;
   const { t: a } = (0, _.useContext)(Z.TranslateContext), { hanko: s, setLoadingAction: c, stateHandler: d } = (0, _.useContext)(pe), { flowState: l } = Me(n.state);
-  return r(C.Fragment, { children: [r(Oe, { children: [r(he, { children: a("headlines.trustDevice") }), r(Pe, { flowError: l == null ? void 0 : l.error }), r(W, { children: a("texts.trustDevice") }), r(oe, Object.assign({ onSubmit: (u) => Kn(void 0, void 0, void 0, function* () {
+  return r(C.Fragment, { children: [r(Pe, { children: [r(he, { children: a("headlines.trustDevice") }), r(Ee, { flowError: l == null ? void 0 : l.error }), r(W, { children: a("texts.trustDevice") }), r(oe, Object.assign({ onSubmit: (u) => Kn(void 0, void 0, void 0, function* () {
     u.preventDefault(), c("trust-device-submit");
     const h = yield l.actions.trust_device(null).run();
     c(null), yield s.flow.run(h, d);
@@ -3677,39 +3677,39 @@ var Ke = function(n, e, t, o) {
     d((o = o.apply(n, [])).next());
   });
 };
-const nn = "flow-state", pe = (0, C.createContext)(null), Xr = (n) => {
+const nn = "flow-state", pe = (0, C.createContext)(null), os = (n) => {
   var { lang: e, experimental: t = "", prefilledEmail: o, prefilledUsername: i, globalOptions: a, createWebauthnAbortSignal: s } = n, c = function(p, y) {
-    var T = {};
-    for (var K in p) Object.prototype.hasOwnProperty.call(p, K) && y.indexOf(K) < 0 && (T[K] = p[K]);
+    var $ = {};
+    for (var K in p) Object.prototype.hasOwnProperty.call(p, K) && y.indexOf(K) < 0 && ($[K] = p[K]);
     if (p != null && typeof Object.getOwnPropertySymbols == "function") {
       var ge = 0;
-      for (K = Object.getOwnPropertySymbols(p); ge < K.length; ge++) y.indexOf(K[ge]) < 0 && Object.prototype.propertyIsEnumerable.call(p, K[ge]) && (T[K[ge]] = p[K[ge]]);
+      for (K = Object.getOwnPropertySymbols(p); ge < K.length; ge++) y.indexOf(K[ge]) < 0 && Object.prototype.propertyIsEnumerable.call(p, K[ge]) && ($[K[ge]] = p[K[ge]]);
     }
-    return T;
+    return $;
   }(n, ["lang", "experimental", "prefilledEmail", "prefilledUsername", "globalOptions", "createWebauthnAbortSignal"]);
   const { hanko: d, injectStyles: l, hidePasskeyButtonOnLogin: u, translations: h, translationsLocation: f, fallbackLanguage: m } = a;
   d.setLang((e == null ? void 0 : e.toString()) || m);
-  const x = (0, _.useRef)(null), O = (0, _.useMemo)(() => `${a.storageKey}_last_login`, [a.storageKey]), [A, S] = (0, _.useState)(c.componentName), P = (0, _.useMemo)(() => t.split(" ").filter((p) => p.length).map((p) => p), [t]), j = (0, _.useMemo)(() => r(wr, {}), []), [U, N] = (0, _.useState)(j), [, ae] = (0, _.useState)(d), [be, re] = (0, _.useState)(), [we, M] = (0, _.useState)({ email: o, username: i }), H = (0, _.useCallback)((p) => {
+  const x = (0, _.useRef)(null), O = (0, _.useMemo)(() => `${a.storageKey}_last_login`, [a.storageKey]), [A, S] = (0, _.useState)(c.componentName), P = (0, _.useMemo)(() => t.split(" ").filter((p) => p.length).map((p) => p), [t]), j = (0, _.useMemo)(() => r(Cr, {}), []), [U, N] = (0, _.useState)(j), [, ae] = (0, _.useState)(d), [be, se] = (0, _.useState)(), [we, M] = (0, _.useState)({ email: o, username: i }), H = (0, _.useCallback)((p) => {
     M((y) => Object.assign(Object.assign({}, y), { loadingAction: p, succeededAction: null, error: null, lastAction: p || y.lastAction }));
   }, []), _e = (0, _.useCallback)((p) => {
     M((y) => Object.assign(Object.assign({}, y), { succeededAction: p, loadingAction: null }));
-  }, []), Te = (0, _.useCallback)(() => {
+  }, []), Ue = (0, _.useCallback)(() => {
     M((p) => Object.assign(Object.assign({}, p), { succeededAction: p.lastAction, loadingAction: null, error: null }));
-  }, []), Ee = (0, _.useMemo)(() => !!we.loadingAction || !!we.succeededAction, [we]), $e = function(p, y) {
-    var T;
-    (T = x.current) === null || T === void 0 || T.dispatchEvent(new CustomEvent(p, { detail: y, bubbles: !1, composed: !0 }));
-  }, se = (p) => {
-    H(null), N(r(ei, { error: p instanceof Ae ? p : new je(p) }));
-  }, le = (0, _.useMemo)(() => ({ onError: (p) => {
-    se(p);
+  }, []), Ie = (0, _.useMemo)(() => !!we.loadingAction || !!we.succeededAction, [we]), Ne = function(p, y) {
+    var $;
+    ($ = x.current) === null || $ === void 0 || $.dispatchEvent(new CustomEvent(p, { detail: y, bubbles: !1, composed: !0 }));
+  }, le = (p) => {
+    H(null), N(r(ei, { error: p instanceof Ce ? p : new Le(p) }));
+  }, ce = (0, _.useMemo)(() => ({ onError: (p) => {
+    le(p);
   }, preflight(p) {
     return Ke(this, void 0, void 0, function* () {
-      const y = yield gt.isConditionalMediationAvailable(), T = yield gt.isPlatformAuthenticatorAvailable(), K = yield p.actions.register_client_capabilities({ webauthn_available: k, webauthn_conditional_mediation_available: y, webauthn_platform_authenticator_available: T }).run();
-      return d.flow.run(K, le);
+      const y = yield gt.isConditionalMediationAvailable(), $ = yield gt.isPlatformAuthenticatorAvailable(), K = yield p.actions.register_client_capabilities({ webauthn_available: k, webauthn_conditional_mediation_available: y, webauthn_platform_authenticator_available: $ }).run();
+      return d.flow.run(K, ce);
     });
   }, login_init(p) {
     return Ke(this, void 0, void 0, function* () {
-      N(r(xr, { state: p })), function() {
+      N(r(Pr, { state: p })), function() {
         Ke(this, void 0, void 0, function* () {
           if (p.payload.request_options) {
             let y;
@@ -3719,17 +3719,17 @@ const nn = "flow-state", pe = (0, C.createContext)(null), Xr = (n) => {
               return;
             }
             H("passkey-submit");
-            const T = yield p.actions.webauthn_verify_assertion_response({ assertion_response: y }).run();
-            H(null), yield d.flow.run(T, le);
+            const $ = yield p.actions.webauthn_verify_assertion_response({ assertion_response: y }).run();
+            H(null), yield d.flow.run($, ce);
           }
         });
       }();
     });
   }, passcode_confirmation(p) {
-    N(r(Or, { state: p }));
+    N(r(Dr, { state: p }));
   }, login_otp(p) {
     return Ke(this, void 0, void 0, function* () {
-      N(r(Fr, { state: p }));
+      N(r(Zr, { state: p }));
     });
   }, login_passkey(p) {
     return Ke(this, void 0, void 0, function* () {
@@ -3739,13 +3739,13 @@ const nn = "flow-state", pe = (0, C.createContext)(null), Xr = (n) => {
         y = yield Bo(Object.assign(Object.assign({}, p.payload.request_options), { signal: s() }));
       } catch {
         const ge = yield p.actions.back(null).run();
-        return M((He) => Object.assign(Object.assign({}, He), { error: p.error, loadingAction: null })), d.flow.run(ge, le);
+        return M((He) => Object.assign(Object.assign({}, He), { error: p.error, loadingAction: null })), d.flow.run(ge, ce);
       }
-      const T = yield p.actions.webauthn_verify_assertion_response({ assertion_response: y }).run();
-      H(null), yield d.flow.run(T, le);
+      const $ = yield p.actions.webauthn_verify_assertion_response({ assertion_response: y }).run();
+      H(null), yield d.flow.run($, ce);
     });
   }, onboarding_create_passkey(p) {
-    N(r(Pr, { state: p }));
+    N(r(jr, { state: p }));
   }, onboarding_verify_passkey_attestation(p) {
     return Ke(this, void 0, void 0, function* () {
       let y;
@@ -3753,10 +3753,10 @@ const nn = "flow-state", pe = (0, C.createContext)(null), Xr = (n) => {
         y = yield Vo(Object.assign(Object.assign({}, p.payload.creation_options), { signal: s() }));
       } catch {
         const ge = yield p.actions.back(null).run();
-        return H(null), yield d.flow.run(ge, le), void M((He) => Object.assign(Object.assign({}, He), { error: { code: "webauthn_credential_already_exists", message: "Webauthn credential already exists" } }));
+        return H(null), yield d.flow.run(ge, ce), void M((He) => Object.assign(Object.assign({}, He), { error: { code: "webauthn_credential_already_exists", message: "Webauthn credential already exists" } }));
       }
-      const T = yield p.actions.webauthn_verify_attestation_response({ public_key: y }).run();
-      H(null), yield d.flow.run(T, le);
+      const $ = yield p.actions.webauthn_verify_attestation_response({ public_key: y }).run();
+      H(null), yield d.flow.run($, ce);
     });
   }, webauthn_credential_verification(p) {
     return Ke(this, void 0, void 0, function* () {
@@ -3765,105 +3765,105 @@ const nn = "flow-state", pe = (0, C.createContext)(null), Xr = (n) => {
         y = yield Vo(Object.assign(Object.assign({}, p.payload.creation_options), { signal: s() }));
       } catch {
         const ge = yield p.actions.back(null).run();
-        return H(null), yield d.flow.run(ge, le), void M((He) => Object.assign(Object.assign({}, He), { error: { code: "webauthn_credential_already_exists", message: "Webauthn credential already exists" } }));
+        return H(null), yield d.flow.run(ge, ce), void M((He) => Object.assign(Object.assign({}, He), { error: { code: "webauthn_credential_already_exists", message: "Webauthn credential already exists" } }));
       }
-      const T = yield p.actions.webauthn_verify_attestation_response({ public_key: y }).run();
-      yield d.flow.run(T, le);
+      const $ = yield p.actions.webauthn_verify_attestation_response({ public_key: y }).run();
+      yield d.flow.run($, ce);
     });
   }, login_password(p) {
-    N(r(Er, { state: p }));
+    N(r(Lr, { state: p }));
   }, login_password_recovery(p) {
-    N(r(Ir, { state: p }));
+    N(r($r, { state: p }));
   }, login_security_key(p) {
     return Ke(this, void 0, void 0, function* () {
-      N(r(Kr, { state: p }));
+      N(r(Jr, { state: p }));
     });
   }, mfa_method_chooser(p) {
     return Ke(this, void 0, void 0, function* () {
-      N(r(Vr, { state: p }));
+      N(r(Yr, { state: p }));
     });
   }, mfa_otp_secret_creation(p) {
     return Ke(this, void 0, void 0, function* () {
-      N(r(Yr, { state: p }));
+      N(r(es, { state: p }));
     });
   }, mfa_security_key_creation(p) {
     return Ke(this, void 0, void 0, function* () {
-      N(r(Qr, { state: p }));
+      N(r(ts, { state: p }));
     });
   }, login_method_chooser(p) {
-    N(r(Dr, { state: p }));
+    N(r(Tr, { state: p }));
   }, registration_init(p) {
-    N(r(jr, { state: p }));
+    N(r(Ur, { state: p }));
   }, password_creation(p) {
-    N(r(Lr, { state: p }));
+    N(r(Nr, { state: p }));
   }, success(p) {
     var y;
     !((y = p.payload) === null || y === void 0) && y.last_login && localStorage.setItem(O, JSON.stringify(p.payload.last_login));
-    const { claims: T } = p.payload, K = Date.parse(T.expiration) - Date.now();
-    d.relay.dispatchSessionCreatedEvent({ claims: T, expirationSeconds: K }), Te();
+    const { claims: $ } = p.payload, K = Date.parse($.expiration) - Date.now();
+    d.relay.dispatchSessionCreatedEvent({ claims: $, expirationSeconds: K }), Ue();
   }, profile_init(p) {
-    N(r(qr, { state: p, enablePasskeys: a.enablePasskeys }));
+    N(r(Fr, { state: p, enablePasskeys: a.enablePasskeys }));
   }, thirdparty(p) {
     return Ke(this, void 0, void 0, function* () {
       const y = new URLSearchParams(window.location.search).get("hanko_token");
       if (y && y.length > 0) {
-        const T = new URLSearchParams(window.location.search), K = yield p.actions.exchange_token({ token: T.get("hanko_token") }).run();
-        T.delete("hanko_token"), T.delete("saml_hint"), history.replaceState(null, null, window.location.pathname + (T.size < 1 ? "" : `?${T.toString()}`)), yield d.flow.run(K, le);
-      } else M((T) => Object.assign(Object.assign({}, T), { lastAction: null })), localStorage.setItem(nn, JSON.stringify(p.toJSON())), window.location.assign(p.payload.redirect_url);
+        const $ = new URLSearchParams(window.location.search), K = yield p.actions.exchange_token({ token: $.get("hanko_token") }).run();
+        $.delete("hanko_token"), $.delete("saml_hint"), history.replaceState(null, null, window.location.pathname + ($.size < 1 ? "" : `?${$.toString()}`)), yield d.flow.run(K, ce);
+      } else M(($) => Object.assign(Object.assign({}, $), { lastAction: null })), localStorage.setItem(nn, JSON.stringify(p.toJSON())), window.location.assign(p.payload.redirect_url);
     });
   }, error(p) {
     H(null), N(r(ei, { state: p }));
   }, onboarding_email(p) {
-    N(r(zr, { state: p }));
+    N(r(Kr, { state: p }));
   }, onboarding_username(p) {
-    N(r(Hr, { state: p }));
+    N(r(Vr, { state: p }));
   }, credential_onboarding_chooser(p) {
-    N(r(Wr, { state: p }));
+    N(r(Br, { state: p }));
   }, account_deleted(p) {
     return Ke(this, void 0, void 0, function* () {
       yield d.user.logout(), d.relay.dispatchUserDeletedEvent();
     });
   }, device_trust(p) {
-    N(r(Gr, { state: p }));
-  } }), [a.enablePasskeys, d, Te, H]), me = (0, _.useCallback)((p) => Ke(void 0, void 0, void 0, function* () {
+    N(r(ns, { state: p }));
+  } }), [a.enablePasskeys, d, Ue, H]), me = (0, _.useCallback)((p) => Ke(void 0, void 0, void 0, function* () {
     H("switch-flow");
     const y = localStorage.getItem(O);
-    y && re(JSON.parse(y));
-    const T = new URLSearchParams(window.location.search).get("hanko_token"), K = localStorage.getItem(nn);
-    new URLSearchParams(window.location.search).get("saml_hint") === "idp_initiated" ? yield d.flow.init("/token_exchange", Object.assign({}, le)) : K && K.length > 0 && T && T.length > 0 ? (yield d.flow.fromString(localStorage.getItem(nn), Object.assign({}, le)), localStorage.removeItem(nn)) : yield d.flow.init(p, Object.assign({}, le)), H(null);
-  }), [le]), Ie = (0, _.useCallback)((p) => {
+    y && se(JSON.parse(y));
+    const $ = new URLSearchParams(window.location.search).get("hanko_token"), K = localStorage.getItem(nn);
+    new URLSearchParams(window.location.search).get("saml_hint") === "idp_initiated" ? yield d.flow.init("/token_exchange", Object.assign({}, ce)) : K && K.length > 0 && $ && $.length > 0 ? (yield d.flow.fromString(localStorage.getItem(nn), Object.assign({}, ce)), localStorage.removeItem(nn)) : yield d.flow.init(p, Object.assign({}, ce)), H(null);
+  }), [ce]), De = (0, _.useCallback)((p) => {
     switch (p) {
       case "auth":
       case "login":
-        me("/login").catch(se);
+        me("/login").catch(le);
         break;
       case "registration":
-        me("/registration").catch(se);
+        me("/registration").catch(le);
         break;
       case "profile":
-        me("/profile").catch(se);
+        me("/profile").catch(le);
     }
   }, [me]);
-  (0, _.useEffect)(() => Ie(A), []), (0, _.useEffect)(() => {
+  (0, _.useEffect)(() => De(A), []), (0, _.useEffect)(() => {
     d.onUserDeleted(() => {
-      $e("onUserDeleted");
+      Ne("onUserDeleted");
     }), d.onSessionCreated((p) => {
-      $e("onSessionCreated", p);
+      Ne("onSessionCreated", p);
     }), d.onSessionExpired(() => {
-      $e("onSessionExpired");
+      Ne("onSessionExpired");
     }), d.onUserLoggedOut(() => {
-      $e("onUserLoggedOut");
+      Ne("onUserLoggedOut");
     });
   }, [d]), (0, _.useMemo)(() => {
     const p = () => {
-      Ie(A);
+      De(A);
     };
     ["auth", "login", "registration"].includes(A) ? (d.onUserLoggedOut(p), d.onSessionExpired(p), d.onUserDeleted(p)) : A === "profile" && d.onSessionCreated(p);
   }, []);
   const k = gt.supported();
-  return r(pe.Provider, Object.assign({ value: { init: Ie, initialComponentName: c.componentName, isDisabled: Ee, setUIState: M, setLoadingAction: H, setSucceededAction: _e, uiState: we, hanko: d, setHanko: ae, lang: (e == null ? void 0 : e.toString()) || m, prefilledEmail: o, prefilledUsername: i, componentName: A, setComponentName: S, experimentalFeatures: P, hidePasskeyButtonOnLogin: u, page: U, setPage: N, stateHandler: le, lastLogin: be } }, { children: r(Z.TranslateProvider, Object.assign({ translations: h, fallbackLang: m, root: f }, { children: r(or, Object.assign({ ref: x }, { children: A !== "events" ? r(C.Fragment, { children: [l ? r("style", { dangerouslySetInnerHTML: { __html: window._hankoStyle.innerHTML } }) : null, U] }) : null })) })) }));
-}, es = { en: G(6).en };
-var Ni = function(n, e, t, o) {
+  return r(pe.Provider, Object.assign({ value: { init: De, initialComponentName: c.componentName, isDisabled: Ie, setUIState: M, setLoadingAction: H, setSucceededAction: _e, uiState: we, hanko: d, setHanko: ae, lang: (e == null ? void 0 : e.toString()) || m, prefilledEmail: o, prefilledUsername: i, componentName: A, setComponentName: S, experimentalFeatures: P, hidePasskeyButtonOnLogin: u, page: U, setPage: N, stateHandler: ce, lastLogin: be } }, { children: r(Z.TranslateProvider, Object.assign({ translations: h, fallbackLang: m, root: f }, { children: r(sr, Object.assign({ ref: x }, { children: A !== "events" ? r(C.Fragment, { children: [l ? r("style", { dangerouslySetInnerHTML: { __html: window._hankoStyle.innerHTML } }) : null, U] }) : null })) })) }));
+}, is = { en: G(6).en };
+var zi = function(n, e, t, o) {
   return new (t || (t = Promise))(function(i, a) {
     function s(l) {
       try {
@@ -3888,15 +3888,15 @@ var Ni = function(n, e, t, o) {
     d((o = o.apply(n, [])).next());
   });
 };
-const Ge = {}, Kt = (n, e) => r(Xr, Object.assign({ componentName: n, globalOptions: Ge, createWebauthnAbortSignal: rs }, e)), ts = (n) => Kt("auth", n), ns = (n) => Kt("login", n), os = (n) => Kt("registration", n), is = (n) => Kt("profile", n), as = (n) => Kt("events", n);
+const Ge = {}, Kt = (n, e) => r(os, Object.assign({ componentName: n, globalOptions: Ge, createWebauthnAbortSignal: ds }, e)), as = (n) => Kt("auth", n), rs = (n) => Kt("login", n), ss = (n) => Kt("registration", n), ls = (n) => Kt("profile", n), cs = (n) => Kt("events", n);
 let on = new AbortController();
-const rs = () => (on && on.abort(), on = new AbortController(), on.signal), Lt = ({ tagName: n, entryComponent: e, shadow: t = !0, observedAttributes: o }) => Ni(void 0, void 0, void 0, function* () {
+const ds = () => (on && on.abort(), on = new AbortController(), on.signal), Lt = ({ tagName: n, entryComponent: e, shadow: t = !0, observedAttributes: o }) => zi(void 0, void 0, void 0, function* () {
   customElements.get(n) || function(i, a, s, c) {
     function d() {
       var l = Reflect.construct(HTMLElement, [], d);
       return l._vdomComponent = i, l._root = c && c.shadow ? l.attachShadow({ mode: "open" }) : l, l;
     }
-    (d.prototype = Object.create(HTMLElement.prototype)).constructor = d, d.prototype.connectedCallback = ya, d.prototype.attributeChangedCallback = ba, d.prototype.disconnectedCallback = ka, s = s || i.observedAttributes || Object.keys(i.propTypes || {}), d.observedAttributes = s, s.forEach(function(l) {
+    (d.prototype = Object.create(HTMLElement.prototype)).constructor = d, d.prototype.connectedCallback = Sa, d.prototype.attributeChangedCallback = xa, d.prototype.disconnectedCallback = Aa, s = s || i.observedAttributes || Object.keys(i.propTypes || {}), d.observedAttributes = s, s.forEach(function(l) {
       Object.defineProperty(d.prototype, l, { get: function() {
         var u, h, f, m;
         return (u = (h = this._vdom) == null || (f = h.props) == null ? void 0 : f[l]) != null ? u : (m = this._props) == null ? void 0 : m[l];
@@ -3907,9 +3907,9 @@ const rs = () => (on && on.abort(), on = new AbortController(), on.signal), Lt =
       } });
     }), customElements.define(a || i.tagName || i.displayName || i.name, d);
   }(e, n, o, { shadow: t });
-}), ss = (n, e = {}) => Ni(void 0, void 0, void 0, function* () {
+}), us = (n, e = {}) => zi(void 0, void 0, void 0, function* () {
   const t = ["api", "lang", "experimental", "prefilled-email", "entry"];
-  return e = Object.assign({ shadow: !0, injectStyles: !0, enablePasskeys: !0, hidePasskeyButtonOnLogin: !1, translations: null, translationsLocation: "/i18n", fallbackLanguage: "en", storageKey: "hanko", sessionCheckInterval: 3e4 }, e), Ge.hanko = new Ti(n, { cookieName: e.storageKey, cookieDomain: e.cookieDomain, cookieSameSite: e.cookieSameSite, localStorageKey: e.storageKey, sessionCheckInterval: e.sessionCheckInterval, sessionTokenLocation: e.sessionTokenLocation }), Ge.injectStyles = e.injectStyles, Ge.enablePasskeys = e.enablePasskeys, Ge.hidePasskeyButtonOnLogin = e.hidePasskeyButtonOnLogin, Ge.translations = e.translations || es, Ge.translationsLocation = e.translationsLocation, Ge.fallbackLanguage = e.fallbackLanguage, Ge.storageKey = e.storageKey, yield Promise.all([Lt(Object.assign(Object.assign({}, e), { tagName: "hanko-auth", entryComponent: ts, observedAttributes: t })), Lt(Object.assign(Object.assign({}, e), { tagName: "hanko-login", entryComponent: ns, observedAttributes: t })), Lt(Object.assign(Object.assign({}, e), { tagName: "hanko-registration", entryComponent: os, observedAttributes: t })), Lt(Object.assign(Object.assign({}, e), { tagName: "hanko-profile", entryComponent: is, observedAttributes: t.filter((o) => ["api", "lang"].includes(o)) })), Lt(Object.assign(Object.assign({}, e), { tagName: "hanko-events", entryComponent: as, observedAttributes: [] }))]), { hanko: Ge.hanko };
+  return e = Object.assign({ shadow: !0, injectStyles: !0, enablePasskeys: !0, hidePasskeyButtonOnLogin: !1, translations: null, translationsLocation: "/i18n", fallbackLanguage: "en", storageKey: "hanko", sessionCheckInterval: 3e4 }, e), Ge.hanko = new Mi(n, { cookieName: e.storageKey, cookieDomain: e.cookieDomain, cookieSameSite: e.cookieSameSite, localStorageKey: e.storageKey, sessionCheckInterval: e.sessionCheckInterval, sessionTokenLocation: e.sessionTokenLocation }), Ge.injectStyles = e.injectStyles, Ge.enablePasskeys = e.enablePasskeys, Ge.hidePasskeyButtonOnLogin = e.hidePasskeyButtonOnLogin, Ge.translations = e.translations || is, Ge.translationsLocation = e.translationsLocation, Ge.fallbackLanguage = e.fallbackLanguage, Ge.storageKey = e.storageKey, yield Promise.all([Lt(Object.assign(Object.assign({}, e), { tagName: "hanko-auth", entryComponent: as, observedAttributes: t })), Lt(Object.assign(Object.assign({}, e), { tagName: "hanko-login", entryComponent: rs, observedAttributes: t })), Lt(Object.assign(Object.assign({}, e), { tagName: "hanko-registration", entryComponent: ss, observedAttributes: t })), Lt(Object.assign(Object.assign({}, e), { tagName: "hanko-profile", entryComponent: ls, observedAttributes: t.filter((o) => ["api", "lang"].includes(o)) })), Lt(Object.assign(Object.assign({}, e), { tagName: "hanko-events", entryComponent: cs, observedAttributes: [] }))]), { hanko: Ge.hanko };
 });
 ie.fK;
 ie.tJ;
@@ -3917,7 +3917,7 @@ ie.Z7;
 ie.Q9;
 ie.Lv;
 ie.qQ;
-var ls = ie.I4;
+var hs = ie.I4;
 ie.O8;
 ie.ku;
 ie.ls;
@@ -3938,16 +3938,16 @@ ie.jx;
 ie.nX;
 ie.Nx;
 ie.Sd;
-var Mi = ie.kz;
+var Hi = ie.kz;
 ie.fX;
 ie.qA;
 ie.tz;
 ie.gN;
-const cs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ps = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Hanko: ls,
-  register: Mi
-}, Symbol.toStringTag, { value: "Module" })), ds = Hi`
+  Hanko: hs,
+  register: Hi
+}, Symbol.toStringTag, { value: "Module" })), ms = Vi`
   :host {
     display: block;
     font-family: var(--hot-font-sans);
@@ -3990,11 +3990,17 @@ const cs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     display: inline-grid;
     place-items: center;
     /* Use same styling as login-link button */
-    padding: var(--login-btn-padding, var(--hot-spacing-x-small) var(--hot-spacing-medium));
+    padding: var(
+      --login-btn-padding,
+      var(--hot-spacing-x-small) var(--hot-spacing-medium)
+    );
     margin: var(--login-btn-margin, 0);
     font-size: var(--login-btn-text-size, var(--hot-font-size-medium));
     font-family: var(--login-btn-font-family, inherit);
-    border-radius: var(--login-btn-border-radius, var(--hot-border-radius-medium));
+    border-radius: var(
+      --login-btn-border-radius,
+      var(--hot-border-radius-medium)
+    );
   }
 
   /* Invisible text to reserve button width */
@@ -4202,9 +4208,15 @@ const cs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   .login-link {
     color: var(--login-btn-text-color, white);
     font-size: var(--login-btn-text-size, var(--hot-font-size-medium));
-    border-radius: var(--login-btn-border-radius, var(--hot-border-radius-medium));
+    border-radius: var(
+      --login-btn-border-radius,
+      var(--hot-border-radius-medium)
+    );
     text-decoration: none;
-    padding: var(--login-btn-padding, var(--hot-spacing-x-small) var(--hot-spacing-medium));
+    padding: var(
+      --login-btn-padding,
+      var(--hot-spacing-x-small) var(--hot-spacing-medium)
+    );
     margin: var(--login-btn-margin, 0);
     display: inline-block;
     cursor: pointer;
@@ -4312,7 +4324,6 @@ const cs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     position: absolute;
     right: 0;
     background: white;
-    border: 1px solid var(--hot-color-gray-100);
     border-radius: var(--hot-border-radius-medium);
     z-index: 1000;
     opacity: 0;
@@ -4333,7 +4344,7 @@ const cs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   .dropdown-content.open {
     opacity: 1;
     visibility: visible;
-    transform: translateY(0);
+    transform: translateY(-1);
   }
 
   .dropdown-content button {
@@ -4374,14 +4385,74 @@ const cs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     width: 20px;
     height: 20px;
   }
+
+  /* Bar display mode */
+
+  :host([display="bar"]) {
+    width: 100%;
+  }
+
+  :host([display="bar"]) .dropdown {
+    display: block;
+    width: 100%;
+  }
+
+  .bar-trigger {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    padding: var(--hot-spacing-small) var(--hot-spacing-medium);
+    background: none;
+    border: none;
+    cursor: pointer;
+    gap: var(--hot-spacing-small);
+  }
+
+  .bar-trigger:hover,
+  .bar-trigger:active,
+  .bar-trigger:focus {
+    background: none;
+    outline: none;
+  }
+
+  .bar-info {
+    display: flex;
+    align-items: center;
+    gap: var(--hot-spacing-small);
+    flex: 1;
+    min-width: 0;
+  }
+
+  .bar-email {
+    font-size: var(--hot-font-size-medium);
+    color: var(--hot-color-gray-900);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .bar-chevron {
+    width: 16px;
+    height: 16px;
+    flex-shrink: 0;
+    color: var(--hot-color-gray-900);
+  }
+
+  /* When bar-trigger is used as a login-link, override width behavior */
+  a.bar-trigger.login-link {
+    display: flex;
+    width: 100%;
+    box-sizing: border-box;
+    text-decoration: none;
+  }
 `;
 var Qn = { d: (n, e) => {
   for (var t in e) Qn.o(e, t) && !Qn.o(n, t) && Object.defineProperty(n, t, { enumerable: !0, get: e[t] });
-}, o: (n, e) => Object.prototype.hasOwnProperty.call(n, e) }, Ri = {};
-Qn.d(Ri, { en: () => us });
-const us = { headlines: { error: "An error has occurred", loginEmail: "Sign in or create account", loginEmailNoSignup: "Sign in", loginFinished: "Login successful", loginPasscode: "Enter passcode", loginPassword: "Enter password", registerAuthenticator: "Create a passkey", registerConfirm: "Create account?", registerPassword: "Set new password", otpSetUp: "Set up authenticator app", profileEmails: "Emails", profilePassword: "Password", profilePasskeys: "Passkeys", isPrimaryEmail: "Primary email address", setPrimaryEmail: "Set primary email address", createEmail: "Enter a new email", createUsername: "Enter a new username", emailVerified: "Verified", emailUnverified: "Unverified", emailDelete: "Delete", renamePasskey: "Rename passkey", deletePasskey: "Delete passkey", lastUsedAt: "Last used at", createdAt: "Created at", connectedAccounts: "Connected accounts", deleteAccount: "Delete account", accountNotFound: "Account not found", signIn: "Sign in", signUp: "Create account", selectLoginMethod: "Select login method", setupLoginMethod: "Set up login method", lastUsed: "Last seen", ipAddress: "IP address", revokeSession: "Revoke session", profileSessions: "Sessions", mfaSetUp: "Set up MFA", securityKeySetUp: "Add security key", securityKeyLogin: "Security key", otpLogin: "Authentication code", renameSecurityKey: "Rename security key", deleteSecurityKey: "Delete security key", securityKeys: "Security keys", authenticatorApp: "Authenticator app", authenticatorAppAlreadySetUp: "Authenticator app is set up", authenticatorAppNotSetUp: "Set up authenticator app", trustDevice: "Trust this browser?" }, texts: { enterPasscode: 'Enter the passcode that was sent to "{emailAddress}".', enterPasscodeNoEmail: "Enter the passcode that was sent to your primary email address.", setupPasskey: "Sign in to your account easily and securely with a passkey. Note: Your biometric data is only stored on your devices and will never be shared with anyone.", createAccount: 'No account exists for "{emailAddress}". Do you want to create a new account?', otpEnterVerificationCode: "Enter the one-time password (OTP) obtained from your authenticator app below:", otpScanQRCode: "Scan the QR code using your authenticator app (such as Google Authenticator or any other TOTP app). Alternatively, you can manually enter the OTP secret key into the app.", otpSecretKey: "OTP secret key", passwordFormatHint: "Must be between {minLength} and {maxLength} characters long.", securityKeySetUp: "Use a dedicated security key via USB, Bluetooth, or NFC, or your mobile phone. Connect or activate your security key, then click the button below and follow the prompts to complete the registration.", setPrimaryEmail: "Set this email address to be used for contacting you.", isPrimaryEmail: "This email address will be used to contact you if necessary.", emailVerified: "This email address has been verified.", emailUnverified: "This email address has not been verified.", emailDelete: "If you delete this email address, it can no longer be used to sign in.", renamePasskey: "Set a name for the passkey.", deletePasskey: "Delete this passkey from your account.", deleteAccount: "Are you sure you want to delete this account? All data will be deleted immediately and cannot be recovered.", noAccountExists: 'No account exists for "{emailAddress}".', selectLoginMethodForFutureLogins: "Select one of the following login methods to use for future logins.", howDoYouWantToLogin: "How do you want to login?", mfaSetUp: "Protect your account with Multi-Factor Authentication (MFA). MFA adds an additional step to your login process, ensuring that even if your password or email account is compromised, your account stays secure.", securityKeyLogin: "Connect or activate your security key, then click the button below. Once ready, use it via USB, NFC, your mobile phone. Follow the prompts to complete the login process.", otpLogin: "Open your authenticator app to obtain the one-time password (OTP). Enter the code in the field below to complete your login.", renameSecurityKey: "Set a name for the security key.", deleteSecurityKey: "Delete this security key from your account.", authenticatorAppAlreadySetUp: "Your account is secured with an authenticator app that generates time-based one-time passwords (TOTP) for multi-factor authentication.", authenticatorAppNotSetUp: "Secure your account with an authenticator app that generates time-based one-time passwords (TOTP) for multi-factor authentication.", trustDevice: "If you trust this browser, you won’t need to enter your OTP (One-Time-Password) or use your security key for multi-factor authentication (MFA) the next time you log in." }, labels: { or: "or", no: "no", yes: "yes", email: "Email", continue: "Continue", copied: "copied", skip: "Skip", save: "Save", password: "Password", passkey: "Passkey", passcode: "Passcode", signInPassword: "Sign in with a password", signInPasscode: "Sign in with a passcode", forgotYourPassword: "Forgot your password?", back: "Back", signInPasskey: "Sign in with a passkey", registerAuthenticator: "Create a passkey", signIn: "Sign in", signUp: "Create account", sendNewPasscode: "Send new code", passwordRetryAfter: "Retry in {passwordRetryAfter}", passcodeResendAfter: "Request a new code in {passcodeResendAfter}", unverifiedEmail: "unverified", primaryEmail: "primary", setAsPrimaryEmail: "Set as primary", verify: "Verify", delete: "Delete", newEmailAddress: "New email address", newPassword: "New password", rename: "Rename", newPasskeyName: "New passkey name", addEmail: "Add email", createPasskey: "Create a passkey", webauthnUnsupported: "Passkeys are not supported by your browser", signInWith: "Sign in with {provider}", deleteAccount: "Yes, delete this account.", emailOrUsername: "Email or username", username: "Username", optional: "optional", dontHaveAnAccount: "Don't have an account?", alreadyHaveAnAccount: "Already have an account?", changeUsername: "Change username", setUsername: "Set username", changePassword: "Change password", setPassword: "Set password", revoke: "Revoke", currentSession: "Current session", authenticatorApp: "Authenticator app", securityKey: "Security key", securityKeyUse: "Use security key", newSecurityKeyName: "New security key name", createSecurityKey: "Add a security key", authenticatorAppManage: "Manage authenticator app", authenticatorAppAdd: "Set up", configured: "configured", useAnotherMethod: "Use another method", lastUsed: "Last used", trustDevice: "Trust this browser", staySignedIn: "Stay signed in" }, errors: { somethingWentWrong: "A technical error has occurred. Please try again later.", requestTimeout: "The request timed out.", invalidPassword: "Wrong email or password.", invalidPasscode: "The passcode provided was not correct.", passcodeAttemptsReached: "The passcode was entered incorrectly too many times. Please request a new code.", tooManyRequests: "Too many requests have been made. Please wait to repeat the requested operation.", unauthorized: "Your session has expired. Please log in again.", invalidWebauthnCredential: "This passkey cannot be used anymore.", passcodeExpired: "The passcode has expired. Please request a new one.", userVerification: "User verification required. Please ensure your authenticator device is protected with a PIN or biometric.", emailAddressAlreadyExistsError: "The email address already exists.", maxNumOfEmailAddressesReached: "No further email addresses can be added.", thirdPartyAccessDenied: "Access denied. The request was cancelled by the user or the provider has denied access for other reasons.", thirdPartyMultipleAccounts: "Cannot identify account. The email address is used by multiple accounts.", thirdPartyUnverifiedEmail: "Email verification required. Please verify the used email address with your provider.", signupDisabled: "Account registration is disabled.", handlerNotFoundError: "The current step in your process is not supported by this application version. Please try again later or contact support if the issue persists." }, flowErrors: { technical_error: "A technical error has occurred. Please try again later.", flow_expired_error: "The session has expired, please click the button to restart.", value_invalid_error: "The entered value is invalid.", passcode_invalid: "The passcode provided was not correct.", passkey_invalid: "This passkey cannot be used anymore", passcode_max_attempts_reached: "The passcode was entered incorrectly too many times. Please request a new code.", rate_limit_exceeded: "Too many requests have been made. Please wait to repeat the requested operation.", unknown_username_error: "The username is unknown.", unknown_email_error: "The email address is unknown.", username_already_exists: "The username is already taken.", invalid_username_error: "The username must contain only letters, numbers, and underscores.", email_already_exists: "The email is already taken.", not_found: "The requested resource was not found.", operation_not_permitted_error: "The operation is not permitted.", flow_discontinuity_error: "The process cannot be continued due to user settings or the provider's configuration.", form_data_invalid_error: "The submitted form data contains errors.", unauthorized: "Your session has expired. Please log in again.", value_missing_error: "The value is missing.", value_too_long_error: "Value is too long.", value_too_short_error: "The value is too short.", webauthn_credential_invalid_mfa_only: "This credential can be used as a second factor security key only.", webauthn_credential_already_exists: "The request either timed out, was canceled or the device is already registered. Please try again or try using another device.", platform_authenticator_required: "Your account is configured to use platform authenticators, but your current device or browser does not support this feature. Please try again with a compatible device or browser." } };
-var hs = Ri.en;
-const ps = {
+}, o: (n, e) => Object.prototype.hasOwnProperty.call(n, e) }, Wi = {};
+Qn.d(Wi, { en: () => gs });
+const gs = { headlines: { error: "An error has occurred", loginEmail: "Sign in or create account", loginEmailNoSignup: "Sign in", loginFinished: "Login successful", loginPasscode: "Enter passcode", loginPassword: "Enter password", registerAuthenticator: "Create a passkey", registerConfirm: "Create account?", registerPassword: "Set new password", otpSetUp: "Set up authenticator app", profileEmails: "Emails", profilePassword: "Password", profilePasskeys: "Passkeys", isPrimaryEmail: "Primary email address", setPrimaryEmail: "Set primary email address", createEmail: "Enter a new email", createUsername: "Enter a new username", emailVerified: "Verified", emailUnverified: "Unverified", emailDelete: "Delete", renamePasskey: "Rename passkey", deletePasskey: "Delete passkey", lastUsedAt: "Last used at", createdAt: "Created at", connectedAccounts: "Connected accounts", deleteAccount: "Delete account", accountNotFound: "Account not found", signIn: "Sign in", signUp: "Create account", selectLoginMethod: "Select login method", setupLoginMethod: "Set up login method", lastUsed: "Last seen", ipAddress: "IP address", revokeSession: "Revoke session", profileSessions: "Sessions", mfaSetUp: "Set up MFA", securityKeySetUp: "Add security key", securityKeyLogin: "Security key", otpLogin: "Authentication code", renameSecurityKey: "Rename security key", deleteSecurityKey: "Delete security key", securityKeys: "Security keys", authenticatorApp: "Authenticator app", authenticatorAppAlreadySetUp: "Authenticator app is set up", authenticatorAppNotSetUp: "Set up authenticator app", trustDevice: "Trust this browser?" }, texts: { enterPasscode: 'Enter the passcode that was sent to "{emailAddress}".', enterPasscodeNoEmail: "Enter the passcode that was sent to your primary email address.", setupPasskey: "Sign in to your account easily and securely with a passkey. Note: Your biometric data is only stored on your devices and will never be shared with anyone.", createAccount: 'No account exists for "{emailAddress}". Do you want to create a new account?', otpEnterVerificationCode: "Enter the one-time password (OTP) obtained from your authenticator app below:", otpScanQRCode: "Scan the QR code using your authenticator app (such as Google Authenticator or any other TOTP app). Alternatively, you can manually enter the OTP secret key into the app.", otpSecretKey: "OTP secret key", passwordFormatHint: "Must be between {minLength} and {maxLength} characters long.", securityKeySetUp: "Use a dedicated security key via USB, Bluetooth, or NFC, or your mobile phone. Connect or activate your security key, then click the button below and follow the prompts to complete the registration.", setPrimaryEmail: "Set this email address to be used for contacting you.", isPrimaryEmail: "This email address will be used to contact you if necessary.", emailVerified: "This email address has been verified.", emailUnverified: "This email address has not been verified.", emailDelete: "If you delete this email address, it can no longer be used to sign in.", renamePasskey: "Set a name for the passkey.", deletePasskey: "Delete this passkey from your account.", deleteAccount: "Are you sure you want to delete this account? All data will be deleted immediately and cannot be recovered.", noAccountExists: 'No account exists for "{emailAddress}".', selectLoginMethodForFutureLogins: "Select one of the following login methods to use for future logins.", howDoYouWantToLogin: "How do you want to login?", mfaSetUp: "Protect your account with Multi-Factor Authentication (MFA). MFA adds an additional step to your login process, ensuring that even if your password or email account is compromised, your account stays secure.", securityKeyLogin: "Connect or activate your security key, then click the button below. Once ready, use it via USB, NFC, your mobile phone. Follow the prompts to complete the login process.", otpLogin: "Open your authenticator app to obtain the one-time password (OTP). Enter the code in the field below to complete your login.", renameSecurityKey: "Set a name for the security key.", deleteSecurityKey: "Delete this security key from your account.", authenticatorAppAlreadySetUp: "Your account is secured with an authenticator app that generates time-based one-time passwords (TOTP) for multi-factor authentication.", authenticatorAppNotSetUp: "Secure your account with an authenticator app that generates time-based one-time passwords (TOTP) for multi-factor authentication.", trustDevice: "If you trust this browser, you won’t need to enter your OTP (One-Time-Password) or use your security key for multi-factor authentication (MFA) the next time you log in." }, labels: { or: "or", no: "no", yes: "yes", email: "Email", continue: "Continue", copied: "copied", skip: "Skip", save: "Save", password: "Password", passkey: "Passkey", passcode: "Passcode", signInPassword: "Sign in with a password", signInPasscode: "Sign in with a passcode", forgotYourPassword: "Forgot your password?", back: "Back", signInPasskey: "Sign in with a passkey", registerAuthenticator: "Create a passkey", signIn: "Sign in", signUp: "Create account", sendNewPasscode: "Send new code", passwordRetryAfter: "Retry in {passwordRetryAfter}", passcodeResendAfter: "Request a new code in {passcodeResendAfter}", unverifiedEmail: "unverified", primaryEmail: "primary", setAsPrimaryEmail: "Set as primary", verify: "Verify", delete: "Delete", newEmailAddress: "New email address", newPassword: "New password", rename: "Rename", newPasskeyName: "New passkey name", addEmail: "Add email", createPasskey: "Create a passkey", webauthnUnsupported: "Passkeys are not supported by your browser", signInWith: "Sign in with {provider}", deleteAccount: "Yes, delete this account.", emailOrUsername: "Email or username", username: "Username", optional: "optional", dontHaveAnAccount: "Don't have an account?", alreadyHaveAnAccount: "Already have an account?", changeUsername: "Change username", setUsername: "Set username", changePassword: "Change password", setPassword: "Set password", revoke: "Revoke", currentSession: "Current session", authenticatorApp: "Authenticator app", securityKey: "Security key", securityKeyUse: "Use security key", newSecurityKeyName: "New security key name", createSecurityKey: "Add a security key", authenticatorAppManage: "Manage authenticator app", authenticatorAppAdd: "Set up", configured: "configured", useAnotherMethod: "Use another method", lastUsed: "Last used", trustDevice: "Trust this browser", staySignedIn: "Stay signed in" }, errors: { somethingWentWrong: "A technical error has occurred. Please try again later.", requestTimeout: "The request timed out.", invalidPassword: "Wrong email or password.", invalidPasscode: "The passcode provided was not correct.", passcodeAttemptsReached: "The passcode was entered incorrectly too many times. Please request a new code.", tooManyRequests: "Too many requests have been made. Please wait to repeat the requested operation.", unauthorized: "Your session has expired. Please log in again.", invalidWebauthnCredential: "This passkey cannot be used anymore.", passcodeExpired: "The passcode has expired. Please request a new one.", userVerification: "User verification required. Please ensure your authenticator device is protected with a PIN or biometric.", emailAddressAlreadyExistsError: "The email address already exists.", maxNumOfEmailAddressesReached: "No further email addresses can be added.", thirdPartyAccessDenied: "Access denied. The request was cancelled by the user or the provider has denied access for other reasons.", thirdPartyMultipleAccounts: "Cannot identify account. The email address is used by multiple accounts.", thirdPartyUnverifiedEmail: "Email verification required. Please verify the used email address with your provider.", signupDisabled: "Account registration is disabled.", handlerNotFoundError: "The current step in your process is not supported by this application version. Please try again later or contact support if the issue persists." }, flowErrors: { technical_error: "A technical error has occurred. Please try again later.", flow_expired_error: "The session has expired, please click the button to restart.", value_invalid_error: "The entered value is invalid.", passcode_invalid: "The passcode provided was not correct.", passkey_invalid: "This passkey cannot be used anymore", passcode_max_attempts_reached: "The passcode was entered incorrectly too many times. Please request a new code.", rate_limit_exceeded: "Too many requests have been made. Please wait to repeat the requested operation.", unknown_username_error: "The username is unknown.", unknown_email_error: "The email address is unknown.", username_already_exists: "The username is already taken.", invalid_username_error: "The username must contain only letters, numbers, and underscores.", email_already_exists: "The email is already taken.", not_found: "The requested resource was not found.", operation_not_permitted_error: "The operation is not permitted.", flow_discontinuity_error: "The process cannot be continued due to user settings or the provider's configuration.", form_data_invalid_error: "The submitted form data contains errors.", unauthorized: "Your session has expired. Please log in again.", value_missing_error: "The value is missing.", value_too_long_error: "Value is too long.", value_too_short_error: "The value is too short.", webauthn_credential_invalid_mfa_only: "This credential can be used as a second factor security key only.", webauthn_credential_already_exists: "The request either timed out, was canceled or the device is already registered. Please try again or try using another device.", platform_authenticator_required: "Your account is configured to use platform authenticators, but your current device or browser does not support this feature. Please try again with a compatible device or browser." } };
+var fs = Wi.en;
+const vs = {
   headlines: {
     error: "Ha ocurrido un error",
     loginEmail: "Iniciar sesión o crear cuenta",
@@ -4566,7 +4637,7 @@ const ps = {
     platform_authenticator_required: "Su cuenta está configurada para usar autenticadores de plataforma, pero su dispositivo o navegador actual no admite esta función. Inténtelo de nuevo con un dispositivo o navegador compatible.",
     third_party_access_denied: "Acceso denegado por el proveedor de terceros. Por favor, inténtelo de nuevo."
   }
-}, ms = {
+}, _s = {
   headlines: {
     error: "Une erreur s'est produite",
     loginEmail: "Se connecter ou créer un compte",
@@ -4751,7 +4822,7 @@ const ps = {
     platform_authenticator_required: "Votre compte est configuré pour utiliser des authentificateurs de plateforme, mais votre appareil ou navigateur actuel ne prend pas en charge cette fonctionnalité. Réessayez avec un appareil ou navigateur compatible.",
     third_party_access_denied: "Accès refusé par le fournisseur tiers. Veuillez réessayer."
   }
-}, gs = {
+}, ys = {
   headlines: {
     error: "Ocorreu um erro",
     loginEmail: "Entrar ou criar conta",
@@ -5001,28 +5072,28 @@ const ps = {
     connectedToOsmAs: "Conectado ao OSM como",
     osmConnectionRequired: "Conexão OSM necessária"
   }
-}, fs = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-person-vcard'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M5%208a2%202%200%201%200%200-4%202%202%200%200%200%200%204m4-2.5a.5.5%200%200%201%20.5-.5h4a.5.5%200%200%201%200%201h-4a.5.5%200%200%201-.5-.5M9%208a.5.5%200%200%201%20.5-.5h4a.5.5%200%200%201%200%201h-4A.5.5%200%200%201%209%208m1%202.5a.5.5%200%200%201%20.5-.5h3a.5.5%200%200%201%200%201h-3a.5.5%200%200%201-.5-.5'/%3e%3cpath%20d='M2%202a2%202%200%200%200-2%202v8a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2zM1%204a1%201%200%200%201%201-1h12a1%201%200%200%201%201%201v8a1%201%200%200%201-1%201H8.96q.04-.245.04-.5C9%2010.567%207.21%209%205%209c-2.086%200-3.8%201.398-3.984%203.181A1%201%200%200%201%201%2012z'/%3e%3c/svg%3e", vs = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-box-arrow-right'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M10%2012.5a.5.5%200%200%201-.5.5h-8a.5.5%200%200%201-.5-.5v-9a.5.5%200%200%201%20.5-.5h8a.5.5%200%200%201%20.5.5v2a.5.5%200%200%200%201%200v-2A1.5%201.5%200%200%200%209.5%202h-8A1.5%201.5%200%200%200%200%203.5v9A1.5%201.5%200%200%200%201.5%2014h8a1.5%201.5%200%200%200%201.5-1.5v-2a.5.5%200%200%200-1%200z'/%3e%3cpath%20fill-rule='evenodd'%20d='M15.854%208.354a.5.5%200%200%200%200-.708l-3-3a.5.5%200%200%200-.708.708L14.293%207.5H5.5a.5.5%200%200%200%200%201h8.793l-2.147%202.146a.5.5%200%200%200%20.708.708z'/%3e%3c/svg%3e", _s = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-map'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M15.817.113A.5.5%200%200%201%2016%20.5v14a.5.5%200%200%201-.402.49l-5%201a.5.5%200%200%201-.196%200L5.5%2015.01l-4.902.98A.5.5%200%200%201%200%2015.5v-14a.5.5%200%200%201%20.402-.49l5-1a.5.5%200%200%201%20.196%200L10.5.99l4.902-.98a.5.5%200%200%201%20.415.103M10%201.91l-4-.8v12.98l4%20.8zm1%2012.98%204-.8V1.11l-4%20.8zm-6-.8V1.11l-4%20.8v12.98z'/%3e%3c/svg%3e", ys = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-person-check'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M12.5%2016a3.5%203.5%200%201%200%200-7%203.5%203.5%200%200%200%200%207m1.679-4.493-1.335%202.226a.75.75%200%200%201-1.174.144l-.774-.773a.5.5%200%200%201%20.708-.708l.547.548%201.17-1.951a.5.5%200%201%201%20.858.514M11%205a3%203%200%201%201-6%200%203%203%200%200%201%206%200M8%207a2%202%200%201%200%200-4%202%202%200%200%200%200%204'/%3e%3cpath%20d='M8.256%2014a4.5%204.5%200%200%201-.229-1.004H3c.001-.246.154-.986.832-1.664C4.484%2010.68%205.711%2010%208%2010q.39%200%20.74.025c.226-.341.496-.65.804-.918Q8.844%209.002%208%209c-5%200-6%203-6%204s1%201%201%201z'/%3e%3c/svg%3e";
-var bs = Object.defineProperty, ks = Object.getOwnPropertyDescriptor, ue = (n, e, t, o) => {
-  for (var i = o > 1 ? void 0 : o ? ks(e, t) : e, a = n.length - 1, s; a >= 0; a--)
+}, oi = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-person-vcard'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M5%208a2%202%200%201%200%200-4%202%202%200%200%200%200%204m4-2.5a.5.5%200%200%201%20.5-.5h4a.5.5%200%200%201%200%201h-4a.5.5%200%200%201-.5-.5M9%208a.5.5%200%200%201%20.5-.5h4a.5.5%200%200%201%200%201h-4A.5.5%200%200%201%209%208m1%202.5a.5.5%200%200%201%20.5-.5h3a.5.5%200%200%201%200%201h-3a.5.5%200%200%201-.5-.5'/%3e%3cpath%20d='M2%202a2%202%200%200%200-2%202v8a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2zM1%204a1%201%200%200%201%201-1h12a1%201%200%200%201%201%201v8a1%201%200%200%201-1%201H8.96q.04-.245.04-.5C9%2010.567%207.21%209%205%209c-2.086%200-3.8%201.398-3.984%203.181A1%201%200%200%201%201%2012z'/%3e%3c/svg%3e", ii = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-box-arrow-right'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M10%2012.5a.5.5%200%200%201-.5.5h-8a.5.5%200%200%201-.5-.5v-9a.5.5%200%200%201%20.5-.5h8a.5.5%200%200%201%20.5.5v2a.5.5%200%200%200%201%200v-2A1.5%201.5%200%200%200%209.5%202h-8A1.5%201.5%200%200%200%200%203.5v9A1.5%201.5%200%200%200%201.5%2014h8a1.5%201.5%200%200%200%201.5-1.5v-2a.5.5%200%200%200-1%200z'/%3e%3cpath%20fill-rule='evenodd'%20d='M15.854%208.354a.5.5%200%200%200%200-.708l-3-3a.5.5%200%200%200-.708.708L14.293%207.5H5.5a.5.5%200%200%200%200%201h8.793l-2.147%202.146a.5.5%200%200%200%20.708.708z'/%3e%3c/svg%3e", ai = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-map'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M15.817.113A.5.5%200%200%201%2016%20.5v14a.5.5%200%200%201-.402.49l-5%201a.5.5%200%200%201-.196%200L5.5%2015.01l-4.902.98A.5.5%200%200%201%200%2015.5v-14a.5.5%200%200%201%20.402-.49l5-1a.5.5%200%200%201%20.196%200L10.5.99l4.902-.98a.5.5%200%200%201%20.415.103M10%201.91l-4-.8v12.98l4%20.8zm1%2012.98%204-.8V1.11l-4%20.8zm-6-.8V1.11l-4%20.8v12.98z'/%3e%3c/svg%3e", ri = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-person-check'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M12.5%2016a3.5%203.5%200%201%200%200-7%203.5%203.5%200%200%200%200%207m1.679-4.493-1.335%202.226a.75.75%200%200%201-1.174.144l-.774-.773a.5.5%200%200%201%20.708-.708l.547.548%201.17-1.951a.5.5%200%201%201%20.858.514M11%205a3%203%200%201%201-6%200%203%203%200%200%201%206%200M8%207a2%202%200%201%200%200-4%202%202%200%200%200%200%204'/%3e%3cpath%20d='M8.256%2014a4.5%204.5%200%200%201-.229-1.004H3c.001-.246.154-.986.832-1.664C4.484%2010.68%205.711%2010%208%2010q.39%200%20.74.025c.226-.341.496-.65.804-.918Q8.844%209.002%208%209c-5%200-6%203-6%204s1%201%201%201z'/%3e%3c/svg%3e", bs = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-chevron-down'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708'/%3e%3c/svg%3e", ks = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-chevron-up'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M7.646%204.646a.5.5%200%200%201%20.708%200l6%206a.5.5%200%200%201-.708.708L8%205.707l-5.646%205.647a.5.5%200%200%201-.708-.708z'/%3e%3c/svg%3e";
+var ws = Object.defineProperty, Ss = Object.getOwnPropertyDescriptor, de = (n, e, t, o) => {
+  for (var i = o > 1 ? void 0 : o ? Ss(e, t) : e, a = n.length - 1, s; a >= 0; a--)
     (s = n[a]) && (i = (o ? s(e, t, i) : s(i)) || i);
-  return o && i && bs(e, t, i), i;
+  return o && i && ws(e, t, i), i;
 };
-let oi = !1, Tt = null;
-async function ws(n) {
-  if (!oi)
-    return Tt || (Tt = (async () => {
+let si = !1, $t = null;
+async function xs(n) {
+  if (!si)
+    return $t || ($t = (async () => {
       console.log("[hanko-auth] Pre-registering Hanko translations...");
       try {
-        await Mi(n, {
+        await Hi(n, {
           enablePasskeys: !1,
           hidePasskeyButtonOnLogin: !0,
-          translations: { en: hs, es: ps, fr: ms, pt: gs },
+          translations: { en: fs, es: vs, fr: _s, pt: ys },
           fallbackLanguage: "en"
-        }), oi = !0, console.log("[hanko-auth] Hanko registration complete");
+        }), si = !0, console.log("[hanko-auth] Hanko registration complete");
       } catch (e) {
-        throw console.error("[hanko-auth] Hanko registration failed:", e), Tt = null, e;
+        throw console.error("[hanko-auth] Hanko registration failed:", e), $t = null, e;
       }
-    })(), Tt);
+    })(), $t);
 }
 const te = {
   primary: null,
@@ -5038,10 +5109,10 @@ const te = {
   // Shared profile display name
   hankoReady: !1
   // used for translations
-}, ii = (n) => `hanko-verified-${n}`, ai = (n) => `hanko-onboarding-${n}`;
-let ce = class extends Mt {
+}, li = (n) => `hanko-verified-${n}`, ci = (n) => `hanko-onboarding-${n}`;
+let re = class extends Mt {
   constructor() {
-    super(...arguments), this.hankoUrlAttr = "", this.basePath = "", this.authPath = "/api/auth/osm", this.osmRequired = !1, this.osmScopes = "read_prefs", this.showProfile = !1, this.redirectAfterLogin = "", this.autoConnect = !1, this.verifySession = !1, this.redirectAfterLogout = "", this.displayNameAttr = "", this.mappingCheckUrl = "", this.appId = "", this.loginUrl = "", this.lang = "en", this.buttonVariant = "plain", this.buttonColor = "primary", this.user = null, this.osmConnected = !1, this.osmData = null, this.osmLoading = !1, this.loading = !0, this.error = null, this.hankoReady = !1, this.profileDisplayName = "", this.hasAppMapping = !1, this.userProfileLanguage = null, this.isOpen = !1, this.handleOutsideClick = (n) => {
+    super(...arguments), this.hankoUrlAttr = "", this.basePath = "", this.authPath = "/api/auth/osm", this.osmRequired = !1, this.osmScopes = "read_prefs", this.showProfile = !1, this.redirectAfterLogin = "", this.autoConnect = !1, this.verifySession = !1, this.redirectAfterLogout = "", this.displayNameAttr = "", this.mappingCheckUrl = "", this.appId = "", this.loginUrl = "", this.lang = "en", this.buttonVariant = "plain", this.buttonColor = "primary", this.display = "default", this.user = null, this.osmConnected = !1, this.osmData = null, this.osmLoading = !1, this.loading = !0, this.error = null, this.hankoReady = !1, this.profileDisplayName = "", this.hasAppMapping = !1, this.userProfileLanguage = null, this.isOpen = !1, this.handleOutsideClick = (n) => {
       this.contains(n.target) || this.closeDropdown();
     }, this._trailingSlashCache = {}, this._debugMode = !1, this._lastSessionId = null, this._hanko = null, this._isPrimary = !1, this._handleVisibilityChange = () => {
       this._isPrimary && !document.hidden && !this.showProfile && !this.user && (this.log("👁️ Page visible, re-checking session..."), this.checkSession());
@@ -5062,6 +5133,36 @@ let ce = class extends Mt {
   closeDropdown() {
     this.isOpen = !1, document.removeEventListener("click", this.handleOutsideClick);
   }
+  /** Dropdown menu content for bar display mode (no email, only action links) */
+  renderBarDropdownContent() {
+    var n;
+    return xe`
+      <div class="dropdown-content ${this.isOpen ? "open" : ""}">
+        <button data-action="profile" @click=${this.handleDropdownSelect}>
+          <img src="${oi}" class="icon" alt="Account icon" />
+          ${this.t("myHotAccount")}
+        </button>
+        ${this.osmRequired ? this.osmConnected ? xe`
+                <button class="osm-connected" disabled>
+                  <img src="${ri}" alt="Check icon" class="icon" />
+                  ${this.t("connectedToOsm")} (@${(n = this.osmData) == null ? void 0 : n.osm_username})
+                </button>
+              ` : xe`
+                <button
+                  data-action="connect-osm"
+                  @click=${this.handleDropdownSelect}
+                >
+                  <img src="${ai}" alt="Check icon" class="icon" />
+                  ${this.t("connectToOsm")}
+                </button>
+              ` : ""}
+        <button data-action="logout" @click=${this.handleDropdownSelect}>
+          <img src="${ii}" alt="Log out icon" class="icon" />
+          ${this.t("logOut")}
+        </button>
+      </div>
+    `;
+  }
   // Is this the primary instance?
   // Get computed hankoUrl (priority: attribute > meta tag > window.HANKO_URL > origin)
   get hankoUrl() {
@@ -5168,8 +5269,8 @@ let ce = class extends Mt {
     try {
       this.log(
         "Ensuring Hanko is registered with translations for: en, es, fr, pt"
-      ), this.log("Current lang prop:", this.lang), await ws(this.hankoUrl), this.hankoReady = !0, this._broadcastState();
-      const { Hanko: n } = await Promise.resolve().then(() => cs), e = window.location.hostname, t = e === "localhost" || e === "127.0.0.1", o = e.split("."), i = o.length >= 2 ? `.${o.slice(-2).join(".")}` : e, a = t ? {} : {
+      ), this.log("Current lang prop:", this.lang), await xs(this.hankoUrl), this.hankoReady = !0, this._broadcastState();
+      const { Hanko: n } = await Promise.resolve().then(() => ps), e = window.location.hostname, t = e === "localhost" || e === "127.0.0.1", o = e.split("."), i = o.length >= 2 ? `.${o.slice(-2).join(".")}` : e, a = t ? {} : {
         cookieDomain: i,
         cookieName: "hanko",
         cookieSameSite: "lax"
@@ -5249,7 +5350,7 @@ let ce = class extends Mt {
             });
           }
           if (this.user) {
-            const t = ii(window.location.hostname), o = sessionStorage.getItem(t);
+            const t = li(window.location.hostname), o = sessionStorage.getItem(t);
             if (this.verifySession && this.redirectAfterLogin && !o) {
               this.log(
                 "🔄 verify-session enabled, redirecting to callback for app verification..."
@@ -5331,7 +5432,7 @@ let ce = class extends Mt {
   async checkAppMapping() {
     if (!this.mappingCheckUrl || !this.user)
       return !0;
-    const n = ai(window.location.hostname);
+    const n = ci(window.location.hostname);
     if (sessionStorage.getItem(n))
       return this.log("✅ Onboarding already completed this session, skipping check"), this.hasAppMapping = !0, !0;
     this.log("🔍 Checking app mapping at:", this.mappingCheckUrl);
@@ -5560,7 +5661,7 @@ let ce = class extends Mt {
   _clearAuthState() {
     const n = window.location.hostname;
     document.cookie = `hanko=; path=/; domain=${n}; max-age=0`, document.cookie = "hanko=; path=/; max-age=0", document.cookie = `osm_connection=; path=/; domain=${n}; max-age=0`, document.cookie = "osm_connection=; path=/; max-age=0", this.log("🍪 Cookies cleared");
-    const e = ii(n), t = ai(n);
+    const e = li(n), t = ci(n);
     sessionStorage.removeItem(e), sessionStorage.removeItem(t), this.log("🔄 Session flags cleared"), this.user = null, this.osmConnected = !1, this.osmData = null, this.hasAppMapping = !1, this.userProfileLanguage = null, this._isPrimary && this._broadcastState(), this.dispatchEvent(
       new CustomEvent("logout", {
         bubbles: !0,
@@ -5644,19 +5745,19 @@ let ce = class extends Mt {
       "lang:",
       this.lang
     ), this.loading)
-      return Ue`<span class="loading-placeholder"
+      return xe`<span class="loading-placeholder"
         ><span class="loading-placeholder-text">${this.t("logIn")}</span
         ><span class="spinner-small"></span
       ></span>`;
     if (this.error)
-      return Ue`
+      return xe`
         <div class="container">
           <div class="error">${this.error}</div>
         </div>
       `;
     if (this.user) {
       const o = this.osmRequired && !this.osmConnected && !this.osmLoading, i = this.displayNameAttr || this.profileDisplayName || this.user.username || this.user.email || this.user.id, a = i ? i[0].toUpperCase() : "U";
-      return this.showProfile ? Ue`
+      return this.showProfile ? xe`
           <div class="container">
             <div class="profile">
               <div class="profile-header">
@@ -5668,20 +5769,20 @@ let ce = class extends Mt {
                 </div>
               </div>
 
-              ${this.osmRequired && this.osmLoading ? Ue`
+              ${this.osmRequired && this.osmLoading ? xe`
                     <div class="osm-section">
                       <div class="loading">
                         ${this.t("checkingOsmConnection")}
                       </div>
                     </div>
-                  ` : this.osmRequired && this.osmConnected ? Ue`
+                  ` : this.osmRequired && this.osmConnected ? xe`
                       <div class="osm-section">
                         <div class="osm-connected">
                           <div class="osm-badge">
                             <span class="osm-badge-icon">🗺️</span>
                             <div>
                               <div>${this.t("connectedToOpenStreetMap")}</div>
-                              ${(n = this.osmData) != null && n.osm_username ? Ue`
+                              ${(n = this.osmData) != null && n.osm_username ? xe`
                                     <div class="osm-username">
                                       @${this.osmData.osm_username}
                                     </div>
@@ -5691,16 +5792,16 @@ let ce = class extends Mt {
                         </div>
                       </div>
                     ` : ""}
-              ${o ? Ue`
+              ${o ? xe`
                     <div class="osm-section">
-                      ${this.autoConnect ? Ue`
+                      ${this.autoConnect ? xe`
                             <div class="osm-connecting">
                               <div class="spinner"></div>
                               <div class="connecting-text">
                                 🗺️ ${this.t("connectingToOpenStreetMap")}
                               </div>
                             </div>
-                          ` : Ue`
+                          ` : xe`
                             <div class="osm-prompt-title">
                               🌍 ${this.t("osmRequired")}
                             </div>
@@ -5722,7 +5823,30 @@ let ce = class extends Mt {
               </button>
             </div>
           </div>
-        ` : Ue`
+        ` : this.display === "bar" ? xe`
+          <div class="dropdown">
+            <button
+              @click=${this.toggleDropdown}
+              aria-label="${this.t("openAccountMenu")}"
+              aria-expanded=${this.isOpen}
+              aria-haspopup="true"
+              class="bar-trigger"
+            >
+              <div class="bar-info">
+                <span class="header-avatar">${a}</span>
+                <span class="bar-email"
+                  >${this.user.email || this.user.id}</span
+                >
+              </div>
+              <img
+                src="${this.isOpen ? ks : bs}"
+                class="bar-chevron"
+                alt=""
+              />
+            </button>
+            ${this.renderBarDropdownContent()}
+          </div>
+        ` : xe`
           <div class="dropdown">
             <button
               @click=${this.toggleDropdown}
@@ -5733,13 +5857,13 @@ let ce = class extends Mt {
             >
               <span class="header-avatar">${a}</span>
 
-              ${this.osmConnected ? Ue`
+              ${this.osmConnected ? xe`
                     <span
                       class="osm-status-badge connected"
                       title="${this.t("connectedToOsmAs")} @${(e = this.osmData) == null ? void 0 : e.osm_username}"
                       >✓</span
                     >
-                  ` : this.osmRequired ? Ue`
+                  ` : this.osmRequired ? xe`
                       <span
                         class="osm-status-badge required"
                         title="${this.t("osmConnectionRequired")}"
@@ -5754,26 +5878,26 @@ let ce = class extends Mt {
                 </div>
               </div>
               <button data-action="profile" @click=${this.handleDropdownSelect}>
-                <img src="${fs}" class="icon" alt="Account icon" />
+                <img src="${oi}" class="icon" alt="Account icon" />
                 ${this.t("myHotAccount")}
               </button>
-              ${this.osmRequired ? this.osmConnected ? Ue`
+              ${this.osmRequired ? this.osmConnected ? xe`
                       <button class="osm-connected" disabled>
-                        <img src="${ys}" alt="Check icon" class="icon" />
+                        <img src="${ri}" alt="Check icon" class="icon" />
                         ${this.t("connectedToOsm")}
                         (@${(t = this.osmData) == null ? void 0 : t.osm_username})
                       </button>
-                    ` : Ue`
+                    ` : xe`
                       <button
                         data-action="connect-osm"
                         @click=${this.handleDropdownSelect}
                       >
-                        <img src="${_s}" alt="Check icon" class="icon" />
+                        <img src="${ai}" alt="Check icon" class="icon" />
                         ${this.t("connectToOsm")}
                       </button>
                     ` : ""}
               <button data-action="logout" @click=${this.handleDropdownSelect}>
-                <img src="${vs}" alt="Log out icon" class="icon" />
+                <img src="${ii}" alt="Log out icon" class="icon" />
                 ${this.t("logOut")}
               </button>
             </div>
@@ -5781,7 +5905,7 @@ let ce = class extends Mt {
         `;
     } else {
       if (this.showProfile)
-        return this.hankoReady ? Ue`
+        return this.hankoReady ? xe`
           <div
             class="container"
             style="
@@ -5806,14 +5930,14 @@ let ce = class extends Mt {
             --headline2-font-weight: var(--hot-font-weight-semibold);
           "
           >
-            ${ma(
+            ${_a(
           this.lang,
-          Ue`<hanko-auth lang="${this.lang}"></hanko-auth>`
+          xe`<hanko-auth lang="${this.lang}"></hanko-auth>`
         )}
           </div>
         ` : (this.log(
           "⏳ Waiting for Hanko registration before rendering form..."
-        ), Ue`<span class="loading-placeholder"
+        ), xe`<span class="loading-placeholder"
             ><span class="loading-placeholder-text">${this.t("logIn")}</span
             ><span class="spinner-small"></span
           ></span>`);
@@ -5823,7 +5947,7 @@ let ce = class extends Mt {
         const u = `${this.loginUrl || `${d}/app`}?return_to=${encodeURIComponent(
           a
         )}${this.osmRequired ? "&osm_required=true" : ""}${c}&lang=${this.lang}`;
-        return Ue`<a
+        return xe`<a
           class="login-link ${this.buttonVariant} ${this.buttonColor}"
           href="${u}"
           @click=${(h) => {
@@ -5835,98 +5959,101 @@ let ce = class extends Mt {
     }
   }
 };
-ce.styles = ds;
-ue([
-  Ne({ type: String, attribute: "hanko-url" })
-], ce.prototype, "hankoUrlAttr", 2);
-ue([
-  Ne({ type: String, attribute: "base-path" })
-], ce.prototype, "basePath", 2);
-ue([
-  Ne({ type: String, attribute: "auth-path" })
-], ce.prototype, "authPath", 2);
-ue([
-  Ne({ type: Boolean, attribute: "osm-required" })
-], ce.prototype, "osmRequired", 2);
-ue([
-  Ne({ type: String, attribute: "osm-scopes" })
-], ce.prototype, "osmScopes", 2);
-ue([
-  Ne({ type: Boolean, attribute: "show-profile" })
-], ce.prototype, "showProfile", 2);
-ue([
-  Ne({ type: String, attribute: "redirect-after-login" })
-], ce.prototype, "redirectAfterLogin", 2);
-ue([
-  Ne({ type: Boolean, attribute: "auto-connect" })
-], ce.prototype, "autoConnect", 2);
-ue([
-  Ne({ type: Boolean, attribute: "verify-session" })
-], ce.prototype, "verifySession", 2);
-ue([
-  Ne({ type: String, attribute: "redirect-after-logout" })
-], ce.prototype, "redirectAfterLogout", 2);
-ue([
-  Ne({ type: String, attribute: "display-name" })
-], ce.prototype, "displayNameAttr", 2);
-ue([
-  Ne({ type: String, attribute: "mapping-check-url" })
-], ce.prototype, "mappingCheckUrl", 2);
-ue([
-  Ne({ type: String, attribute: "app-id" })
-], ce.prototype, "appId", 2);
-ue([
-  Ne({ type: String, attribute: "login-url" })
-], ce.prototype, "loginUrl", 2);
-ue([
-  Ne({ type: String, reflect: !0 })
-], ce.prototype, "lang", 2);
-ue([
-  Ne({ type: String, attribute: "button-variant" })
-], ce.prototype, "buttonVariant", 2);
-ue([
-  Ne({ type: String, attribute: "button-color" })
-], ce.prototype, "buttonColor", 2);
-ue([
+re.styles = ms;
+de([
+  Te({ type: String, attribute: "hanko-url" })
+], re.prototype, "hankoUrlAttr", 2);
+de([
+  Te({ type: String, attribute: "base-path" })
+], re.prototype, "basePath", 2);
+de([
+  Te({ type: String, attribute: "auth-path" })
+], re.prototype, "authPath", 2);
+de([
+  Te({ type: Boolean, attribute: "osm-required" })
+], re.prototype, "osmRequired", 2);
+de([
+  Te({ type: String, attribute: "osm-scopes" })
+], re.prototype, "osmScopes", 2);
+de([
+  Te({ type: Boolean, attribute: "show-profile" })
+], re.prototype, "showProfile", 2);
+de([
+  Te({ type: String, attribute: "redirect-after-login" })
+], re.prototype, "redirectAfterLogin", 2);
+de([
+  Te({ type: Boolean, attribute: "auto-connect" })
+], re.prototype, "autoConnect", 2);
+de([
+  Te({ type: Boolean, attribute: "verify-session" })
+], re.prototype, "verifySession", 2);
+de([
+  Te({ type: String, attribute: "redirect-after-logout" })
+], re.prototype, "redirectAfterLogout", 2);
+de([
+  Te({ type: String, attribute: "display-name" })
+], re.prototype, "displayNameAttr", 2);
+de([
+  Te({ type: String, attribute: "mapping-check-url" })
+], re.prototype, "mappingCheckUrl", 2);
+de([
+  Te({ type: String, attribute: "app-id" })
+], re.prototype, "appId", 2);
+de([
+  Te({ type: String, attribute: "login-url" })
+], re.prototype, "loginUrl", 2);
+de([
+  Te({ type: String, reflect: !0 })
+], re.prototype, "lang", 2);
+de([
+  Te({ type: String, attribute: "button-variant" })
+], re.prototype, "buttonVariant", 2);
+de([
+  Te({ type: String, attribute: "button-color" })
+], re.prototype, "buttonColor", 2);
+de([
+  Te({ type: String, reflect: !0 })
+], re.prototype, "display", 2);
+de([
   Ye()
-], ce.prototype, "user", 2);
-ue([
+], re.prototype, "user", 2);
+de([
   Ye()
-], ce.prototype, "osmConnected", 2);
-ue([
+], re.prototype, "osmConnected", 2);
+de([
   Ye()
-], ce.prototype, "osmData", 2);
-ue([
+], re.prototype, "osmData", 2);
+de([
   Ye()
-], ce.prototype, "osmLoading", 2);
-ue([
+], re.prototype, "osmLoading", 2);
+de([
   Ye()
-], ce.prototype, "loading", 2);
-ue([
+], re.prototype, "loading", 2);
+de([
   Ye()
-], ce.prototype, "error", 2);
-ue([
+], re.prototype, "error", 2);
+de([
   Ye()
-], ce.prototype, "hankoReady", 2);
-ue([
+], re.prototype, "hankoReady", 2);
+de([
   Ye()
-], ce.prototype, "profileDisplayName", 2);
-ue([
+], re.prototype, "profileDisplayName", 2);
+de([
   Ye()
-], ce.prototype, "hasAppMapping", 2);
-ue([
+], re.prototype, "hasAppMapping", 2);
+de([
   Ye()
-], ce.prototype, "userProfileLanguage", 2);
-ue([
+], re.prototype, "userProfileLanguage", 2);
+de([
   Ye()
-], ce.prototype, "isOpen", 2);
-ce = ue([
-  sa("hotosm-auth")
-], ce);
+], re.prototype, "isOpen", 2);
+re = de([
+  ua("hotosm-auth")
+], re);
 export {
-  ce as HankoAuth,
-  hs as en,
-  ps as es,
-  ms as fr,
-  gs as pt
+  re as HankoAuth,
+  fs as en,
+  vs as es,
+  _s as fr,
+  ys as pt
 };