@cal.macconnachie/web-components 0.0.16 → 0.0.18

package/dist/index.js

@@ -247,14 +247,14 @@ let Q = class extends HTMLElement {
   }
 };
 Q.elementStyles = [], Q.shadowRootOptions = { mode: "open" }, Q[de("elementProperties")] = /* @__PURE__ */ new Map(), Q[de("finalized")] = /* @__PURE__ */ new Map(), Ns?.({ ReactiveElement: Q }), (xe.reactiveElementVersions ??= []).push("2.1.1");
-const Xe = globalThis, Ce = Xe.trustedTypes, yt = Ce ? Ce.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, Vt = "$lit$", H = `lit$${Math.random().toFixed(9).slice(2)}$`, Wt = "?" + H, Ls = `<${Wt}>`, G = document, ue = () => G.createComment(""), pe = (t) => t === null || typeof t != "object" && typeof t != "function", Qe = Array.isArray, Is = (t) => Qe(t) || typeof t?.[Symbol.iterator] == "function", je = `[ 	
-\f\r]`, le = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, bt = /-->/g, wt = />/g, K = RegExp(`>|${je}(?:([^\\s"'>=/]+)(${je}*=${je}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), St = /'/g, $t = /"/g, Yt = /^(?:script|style|textarea|title)$/i, Bs = (t) => (e, ...s) => ({ _$litType$: t, strings: e, values: s }), S = Bs(1), M = Symbol.for("lit-noChange"), w = Symbol.for("lit-nothing"), At = /* @__PURE__ */ new WeakMap(), W = G.createTreeWalker(G, 129);
+const Xe = globalThis, Ce = Xe.trustedTypes, yt = Ce ? Ce.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, Vt = "$lit$", j = `lit$${Math.random().toFixed(9).slice(2)}$`, Wt = "?" + j, Ls = `<${Wt}>`, G = document, ue = () => G.createComment(""), pe = (t) => t === null || typeof t != "object" && typeof t != "function", Qe = Array.isArray, Is = (t) => Qe(t) || typeof t?.[Symbol.iterator] == "function", He = `[ 	
+\f\r]`, le = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, bt = /-->/g, wt = />/g, K = RegExp(`>|${He}(?:([^\\s"'>=/]+)(${He}*=${He}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), St = /'/g, $t = /"/g, Yt = /^(?:script|style|textarea|title)$/i, Bs = (t) => (e, ...s) => ({ _$litType$: t, strings: e, values: s }), w = Bs(1), F = Symbol.for("lit-noChange"), S = Symbol.for("lit-nothing"), At = /* @__PURE__ */ new WeakMap(), W = G.createTreeWalker(G, 129);
 function Jt(t, e) {
   if (!Qe(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return yt !== void 0 ? yt.createHTML(e) : e;
 }
-const js = (t, e) => {
+const Hs = (t, e) => {
   const s = t.length - 1, r = [];
   let i, o = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", n = le;
   for (let a = 0; a < s; a++) {
@@ -262,7 +262,7 @@ const js = (t, e) => {
     let h, c, u = -1, f = 0;
     for (; f < l.length && (n.lastIndex = f, c = n.exec(l), c !== null); ) f = n.lastIndex, n === le ? c[1] === "!--" ? n = bt : c[1] !== void 0 ? n = wt : c[2] !== void 0 ? (Yt.test(c[2]) && (i = RegExp("</" + c[2], "g")), n = K) : c[3] !== void 0 && (n = K) : n === K ? c[0] === ">" ? (n = i ?? le, u = -1) : c[1] === void 0 ? u = -2 : (u = n.lastIndex - c[2].length, h = c[1], n = c[3] === void 0 ? K : c[3] === '"' ? $t : St) : n === $t || n === St ? n = K : n === bt || n === wt ? n = le : (n = K, i = void 0);
     const y = n === K && t[a + 1].startsWith("/>") ? " " : "";
-    o += n === le ? l + Ls : u >= 0 ? (r.push(h), l.slice(0, u) + Vt + l.slice(u) + H + y) : l + H + (u === -2 ? a : y);
+    o += n === le ? l + Ls : u >= 0 ? (r.push(h), l.slice(0, u) + Vt + l.slice(u) + j + y) : l + j + (u === -2 ? a : y);
   }
   return [Jt(t, o + (t[s] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), r];
 };
@@ -271,7 +271,7 @@ class fe {
     let i;
     this.parts = [];
     let o = 0, n = 0;
-    const a = e.length - 1, l = this.parts, [h, c] = js(e, s);
+    const a = e.length - 1, l = this.parts, [h, c] = Hs(e, s);
     if (this.el = fe.createElement(h, r), W.currentNode = this.el.content, s === 2 || s === 3) {
       const u = this.el.content.firstChild;
       u.replaceWith(...u.childNodes);
@@ -279,11 +279,11 @@ class fe {
     for (; (i = W.nextNode()) !== null && l.length < a; ) {
       if (i.nodeType === 1) {
         if (i.hasAttributes()) for (const u of i.getAttributeNames()) if (u.endsWith(Vt)) {
-          const f = c[n++], y = i.getAttribute(u).split(H), p = /([.?@])?(.*)/.exec(f);
-          l.push({ type: 1, index: o, name: p[2], strings: y, ctor: p[1] === "." ? Ms : p[1] === "?" ? Fs : p[1] === "@" ? qs : Re }), i.removeAttribute(u);
-        } else u.startsWith(H) && (l.push({ type: 6, index: o }), i.removeAttribute(u));
+          const f = c[n++], y = i.getAttribute(u).split(j), p = /([.?@])?(.*)/.exec(f);
+          l.push({ type: 1, index: o, name: p[2], strings: y, ctor: p[1] === "." ? Fs : p[1] === "?" ? Ms : p[1] === "@" ? qs : Re }), i.removeAttribute(u);
+        } else u.startsWith(j) && (l.push({ type: 6, index: o }), i.removeAttribute(u));
         if (Yt.test(i.tagName)) {
-          const u = i.textContent.split(H), f = u.length - 1;
+          const u = i.textContent.split(j), f = u.length - 1;
           if (f > 0) {
             i.textContent = Ce ? Ce.emptyScript : "";
             for (let y = 0; y < f; y++) i.append(u[y], ue()), W.nextNode(), l.push({ type: 2, index: ++o });
@@ -293,7 +293,7 @@ class fe {
       } else if (i.nodeType === 8) if (i.data === Wt) l.push({ type: 2, index: o });
       else {
         let u = -1;
-        for (; (u = i.data.indexOf(H, u + 1)) !== -1; ) l.push({ type: 7, index: o }), u += H.length - 1;
+        for (; (u = i.data.indexOf(j, u + 1)) !== -1; ) l.push({ type: 7, index: o }), u += j.length - 1;
       }
       o++;
     }
@@ -304,12 +304,12 @@ class fe {
   }
 }
 function te(t, e, s = t, r) {
-  if (e === M) return e;
+  if (e === F) return e;
   let i = r !== void 0 ? s._$Co?.[r] : s._$Cl;
   const o = pe(e) ? void 0 : e._$litDirective$;
   return i?.constructor !== o && (i?._$AO?.(!1), o === void 0 ? i = void 0 : (i = new o(t), i._$AT(t, s, r)), r !== void 0 ? (s._$Co ??= [])[r] = i : s._$Cl = i), i !== void 0 && (e = te(t, i._$AS(t, e.values), i, r)), e;
 }
-let Hs = class {
+let js = class {
   constructor(e, s) {
     this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = s;
   }
@@ -342,7 +342,7 @@ class re {
     return this._$AM?._$AU ?? this._$Cv;
   }
   constructor(e, s, r, i) {
-    this.type = 2, this._$AH = w, this._$AN = void 0, this._$AA = e, this._$AB = s, this._$AM = r, this.options = i, this._$Cv = i?.isConnected ?? !0;
+    this.type = 2, this._$AH = S, this._$AN = void 0, this._$AA = e, this._$AB = s, this._$AM = r, this.options = i, this._$Cv = i?.isConnected ?? !0;
   }
   get parentNode() {
     let e = this._$AA.parentNode;
@@ -356,7 +356,7 @@ class re {
     return this._$AB;
   }
   _$AI(e, s = this) {
-    e = te(this, e, s), pe(e) ? e === w || e == null || e === "" ? (this._$AH !== w && this._$AR(), this._$AH = w) : e !== this._$AH && e !== M && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Is(e) ? this.k(e) : this._(e);
+    e = te(this, e, s), pe(e) ? e === S || e == null || e === "" ? (this._$AH !== S && this._$AR(), this._$AH = S) : e !== this._$AH && e !== F && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Is(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -365,13 +365,13 @@ class re {
     this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
   _(e) {
-    this._$AH !== w && pe(this._$AH) ? this._$AA.nextSibling.data = e : this.T(G.createTextNode(e)), this._$AH = e;
+    this._$AH !== S && pe(this._$AH) ? this._$AA.nextSibling.data = e : this.T(G.createTextNode(e)), this._$AH = e;
   }
   $(e) {
     const { values: s, _$litType$: r } = e, i = typeof r == "number" ? this._$AC(e) : (r.el === void 0 && (r.el = fe.createElement(Jt(r.h, r.h[0]), this.options)), r);
     if (this._$AH?._$AD === i) this._$AH.p(s);
     else {
-      const o = new Hs(i, this), n = o.u(this.options);
+      const o = new js(i, this), n = o.u(this.options);
       o.p(s), this.T(n), this._$AH = o;
     }
   }
@@ -404,37 +404,37 @@ class Re {
     return this._$AM._$AU;
   }
   constructor(e, s, r, i, o) {
-    this.type = 1, this._$AH = w, this._$AN = void 0, this.element = e, this.name = s, this._$AM = i, this.options = o, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = w;
+    this.type = 1, this._$AH = S, this._$AN = void 0, this.element = e, this.name = s, this._$AM = i, this.options = o, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = S;
   }
   _$AI(e, s = this, r, i) {
     const o = this.strings;
     let n = !1;
-    if (o === void 0) e = te(this, e, s, 0), n = !pe(e) || e !== this._$AH && e !== M, n && (this._$AH = e);
+    if (o === void 0) e = te(this, e, s, 0), n = !pe(e) || e !== this._$AH && e !== F, n && (this._$AH = e);
     else {
       const a = e;
       let l, h;
-      for (e = o[0], l = 0; l < o.length - 1; l++) h = te(this, a[r + l], s, l), h === M && (h = this._$AH[l]), n ||= !pe(h) || h !== this._$AH[l], h === w ? e = w : e !== w && (e += (h ?? "") + o[l + 1]), this._$AH[l] = h;
+      for (e = o[0], l = 0; l < o.length - 1; l++) h = te(this, a[r + l], s, l), h === F && (h = this._$AH[l]), n ||= !pe(h) || h !== this._$AH[l], h === S ? e = S : e !== S && (e += (h ?? "") + o[l + 1]), this._$AH[l] = h;
     }
     n && !i && this.j(e);
   }
   j(e) {
-    e === w ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
+    e === S ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class Ms extends Re {
+class Fs extends Re {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(e) {
-    this.element[this.name] = e === w ? void 0 : e;
+    this.element[this.name] = e === S ? void 0 : e;
   }
 }
-class Fs extends Re {
+class Ms extends Re {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(e) {
-    this.element.toggleAttribute(this.name, !!e && e !== w);
+    this.element.toggleAttribute(this.name, !!e && e !== S);
   }
 }
 class qs extends Re {
@@ -442,8 +442,8 @@ class qs extends Re {
     super(e, s, r, i, o), this.type = 5;
   }
   _$AI(e, s = this) {
-    if ((e = te(this, e, s, 0) ?? w) === M) return;
-    const r = this._$AH, i = e === w && r !== w || e.capture !== r.capture || e.once !== r.once || e.passive !== r.passive, o = e !== w && (r === w || i);
+    if ((e = te(this, e, s, 0) ?? S) === F) return;
+    const r = this._$AH, i = e === S && r !== S || e.capture !== r.capture || e.once !== r.once || e.passive !== r.passive, o = e !== S && (r === S || i);
     i && this.element.removeEventListener(this.name, this, r), o && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
   handleEvent(e) {
@@ -492,7 +492,7 @@ let ee = class extends Q {
     super.disconnectedCallback(), this._$Do?.setConnected(!1);
   }
   render() {
-    return M;
+    return F;
   }
 };
 ee._$litElement$ = !0, ee.finalized = !0, et.litElementHydrateSupport?.({ LitElement: ee });
@@ -579,7 +579,7 @@ const vt = Xt(class extends Qt {
       const i = !!e[r];
       i === this.st.has(r) || this.nt?.has(r) || (i ? (s.add(r), this.st.add(r)) : (s.remove(r), this.st.delete(r)));
     }
-    return M;
+    return F;
   }
 });
 const { I: Xs } = Ks, Et = () => document.createComment(""), ce = (t, e, s) => {
@@ -602,7 +602,7 @@ const { I: Xs } = Ks, Et = () => document.createComment(""), ce = (t, e, s) => {
     }
   }
   return s;
-}, V = (t, e, s = t) => (t._$AI(e, s), t), Qs = {}, er = (t, e = Qs) => t._$AH = e, tr = (t) => t._$AH, He = (t) => {
+}, V = (t, e, s = t) => (t._$AI(e, s), t), Qs = {}, er = (t, e = Qs) => t._$AH = e, tr = (t) => t._$AH, je = (t) => {
   t._$AR(), t._$AA.remove();
 };
 const _t = (t, e, s) => {
@@ -642,17 +642,17 @@ const _t = (t, e, s) => {
         V(b, o[y]), l[y] = b;
       } else l[y] = V(m, o[y]), ce(t, i[u], m), i[g] = null;
       y++;
-    } else He(i[f]), f--;
-    else He(i[u]), u++;
+    } else je(i[f]), f--;
+    else je(i[u]), u++;
     for (; y <= p; ) {
       const g = ce(t, l[p + 1]);
       V(g, o[y]), l[y++] = g;
     }
     for (; u <= f; ) {
       const g = i[u++];
-      g !== null && He(g);
+      g !== null && je(g);
     }
-    return this.ut = n, er(t, l), M;
+    return this.ut = n, er(t, l), F;
   }
 }), es = ({
   baseUrl: t
@@ -814,7 +814,7 @@ const _t = (t, e, s) => {
       return f.json();
     }
   };
-}, Me = {
+}, Fe = {
   AUTH_TOKEN: "authToken",
   ACCESS_TOKEN: "accessToken",
   REFRESH_TOKEN: "refreshToken"
@@ -851,9 +851,9 @@ const _t = (t, e, s) => {
       maxAge: -1
     });
   }, r = (l) => e(l) !== null, i = (l, h) => {
-    t(Me[l], h, sr);
-  }, o = (l) => e(Me[l]), n = (l) => {
-    s(Me[l]);
+    t(Fe[l], h, sr);
+  }, o = (l) => e(Fe[l]), n = (l) => {
+    s(Fe[l]);
   };
   return {
     setCookie: t,
@@ -1790,7 +1790,7 @@ let A = class extends ee {
     }), await this.handleSignIn();
   }
   isUserLoggedIn() {
-    return this.isLoggedIn;
+    return this.isLoggedIn || !!this.cookies.getAuthToken("ACCESS_TOKEN") && !!this.cookies.getAuthToken("REFRESH_TOKEN") && !!this.cookies.getAuthToken("AUTH_TOKEN");
   }
   async logout() {
     const t = this.cookies.getAuthToken("ACCESS_TOKEN"), e = this.cookies.getAuthToken("AUTH_TOKEN"), s = this.cookies.getAuthToken("REFRESH_TOKEN");
@@ -1898,7 +1898,7 @@ let A = class extends ee {
   }
   render() {
     if (!this.isVisible)
-      return w;
+      return S;
     const t = {
       "modal-overlay": !0,
       "modal-overlay--closing": this.isClosing
@@ -1909,7 +1909,7 @@ let A = class extends ee {
       "modal-container--dragging": this.isDragging,
       [`modal-container--${this.size}`]: !0
     };
-    return S`
+    return w`
       <!-- Modal/Drawer -->
       <div
         class=${vt(t)}
@@ -1949,8 +1949,8 @@ let A = class extends ee {
   renderContent() {
     if (!this.hasApiBaseUrl()) {
       const t = this.baseUrlErrorMessage;
-      return S`
-        ${this.logoUrl.length > 0 ? S`
+      return w`
+        ${this.logoUrl.length > 0 ? w`
               <header class="modal-header">
                 <div class="auth-header">
                 <img
@@ -1962,7 +1962,7 @@ let A = class extends ee {
                 />
                 </div>
               </header>
-            ` : w}
+            ` : S}
 
         <div class="modal-body">
           <div class="auth-form">
@@ -1973,9 +1973,34 @@ let A = class extends ee {
         </div>
       `;
     }
-    return this.isLoggedIn ? S`
+    return this.isLoading && this.hasHandledOAuthCallback ? w`
+        ${this.logoUrl.length > 0 ? w`
+              <header class="modal-header">
+                <div class="auth-header">
+                <img
+                  src="${this.logoUrl}"
+                  width="48"
+                  height="48"
+                  alt="Logo"
+                  class="auth-logo"
+                />
+                </div>
+              </header>
+            ` : S}
+
+        <div class="modal-body">
+          <div class="auth-form">
+            <div class="form-actions">
+              <button type="button" class="cta" disabled>
+                Signing in...
+              </button>
+            </div>
+            ${this.renderAlerts()}
+          </div>
+        </div>
+      ` : this.isLoggedIn ? w`
         <!-- Header -->
-        ${this.logoUrl.length > 0 ? S`
+        ${this.logoUrl.length > 0 ? w`
               <header class="modal-header">
                 <div class="auth-header">
                 <img
@@ -1987,7 +2012,7 @@ let A = class extends ee {
                 />
                 </div>
               </header>
-            ` : w}
+            ` : S}
 
         <!-- Body -->
         <div class="modal-body">
@@ -1998,9 +2023,9 @@ let A = class extends ee {
             ${this.renderAlerts()}
           </div>
         </div>
-      ` : S`
+      ` : w`
       <!-- Header -->
-      ${(!this.mode || this.resetStep === "none") && this.logoUrl.length > 0 && this.mode === "signin" ? S`
+      ${(!this.mode || this.resetStep === "none") && this.logoUrl.length > 0 && this.mode === "signin" ? w`
             <header class="modal-header">
 
                 <div class="auth-header">
@@ -2013,7 +2038,7 @@ let A = class extends ee {
               />
                 </div>
             </header>
-          ` : w}
+          ` : S}
 
       <!-- Body -->
       <div class="modal-body">
@@ -2034,7 +2059,7 @@ let A = class extends ee {
   }
   renderFormContent() {
     if (this.resetStep === "none" && (!this.mode || this.mode === "signin" || this.signupStep === "form"))
-      return S`
+      return w`
         <!-- Email -->
         <label class="field">
           <span class="field-label">Email Address</span>
@@ -2048,7 +2073,7 @@ let A = class extends ee {
             required
             autocomplete="email"
           />
-          ${this.errors.email ? S`<span class="field-error">${this.errors.email}</span>` : w}
+          ${this.errors.email ? w`<span class="field-error">${this.errors.email}</span>` : S}
         </label>
 
         <!-- Password -->
@@ -2063,18 +2088,18 @@ let A = class extends ee {
             required
             autocomplete=${this.mode === "signup" ? "new-password" : "current-password"}
           />
-          ${this.errors.password ? S`<span class="field-error">${this.errors.password}</span>` : w}
+          ${this.errors.password ? w`<span class="field-error">${this.errors.password}</span>` : S}
         </label>
 
-        ${this.mode === "signin" && this.error ? S`
+        ${this.mode === "signin" && this.error ? w`
               <div class="forgot-row">
                 <button type="button" class="text-btn" @click=${this.startReset}>
                   Forgot your password?
                 </button>
               </div>
-            ` : w}
+            ` : S}
 
-        ${this.mode === "signup" ? S`
+        ${this.mode === "signup" ? w`
               <!-- Confirm Password -->
               <label class="field">
                 <span class="field-label">Confirm Password</span>
@@ -2087,7 +2112,7 @@ let A = class extends ee {
                   required
                   autocomplete="new-password"
                 />
-                ${this.errors.confirm_password ? S`<span class="field-error">${this.errors.confirm_password}</span>` : w}
+                ${this.errors.confirm_password ? w`<span class="field-error">${this.errors.confirm_password}</span>` : S}
               </label>
 
               <!-- First Name -->
@@ -2102,7 +2127,7 @@ let A = class extends ee {
                   required
                   autocomplete="given-name"
                 />
-                ${this.errors.givenName ? S`<span class="field-error">${this.errors.givenName}</span>` : w}
+                ${this.errors.givenName ? w`<span class="field-error">${this.errors.givenName}</span>` : S}
               </label>
 
               <!-- Last Name -->
@@ -2117,19 +2142,19 @@ let A = class extends ee {
                   required
                   autocomplete="family-name"
                 />
-                ${this.errors.familyName ? S`<span class="field-error">${this.errors.familyName}</span>` : w}
+                ${this.errors.familyName ? w`<span class="field-error">${this.errors.familyName}</span>` : S}
               </label>
-            ` : w}
+            ` : S}
       `;
     if (this.mode === "signup" && this.signupStep === "otp")
-      return S`
+      return w`
         <div class="otp-section">
           <label class="otp-label">Enter 6-digit code</label>
           <div class="otp-inputs" role="group" aria-label="One time code">
             ${Tt(
         Array.from({ length: 6 }, (t, e) => e),
         (t) => t,
-        (t) => S`
+        (t) => w`
                 <input
                   class="otp-input signup-otp-input ${this.errors.signup_otp ? "otp-input--error" : ""}"
                   type="text"
@@ -2146,7 +2171,7 @@ let A = class extends ee {
               `
       )}
           </div>
-          ${this.errors.signup_otp ? S`<p class="otp-error">${this.errors.signup_otp}</p>` : w}
+          ${this.errors.signup_otp ? w`<p class="otp-error">${this.errors.signup_otp}</p>` : S}
         </div>
         <div class="forgot-row">
           <button type="button" class="text-btn" @click=${this.backToSignupForm}>
@@ -2155,7 +2180,7 @@ let A = class extends ee {
         </div>
       `;
     if (this.resetStep === "request")
-      return S`
+      return w`
         <label class="field">
           <span class="field-label">Email Address</span>
           <input
@@ -2168,7 +2193,7 @@ let A = class extends ee {
             required
             autocomplete="email"
           />
-          ${this.errors.email ? S`<span class="field-error">${this.errors.email}</span>` : w}
+          ${this.errors.email ? w`<span class="field-error">${this.errors.email}</span>` : S}
         </label>
         <div class="forgot-row">
           <button type="button" class="text-btn" @click=${this.cancelReset}>
@@ -2178,7 +2203,7 @@ let A = class extends ee {
       `;
     if (this.resetStep === "confirm") {
       const t = this.otpDigits.every((e) => /^\d$/.test(e));
-      return S`
+      return w`
         <label class="field">
           <span class="field-label">Email Address</span>
           <input
@@ -2190,7 +2215,7 @@ let A = class extends ee {
             required
             autocomplete="email"
           />
-          ${this.errors.email ? S`<span class="field-error">${this.errors.email}</span>` : w}
+          ${this.errors.email ? w`<span class="field-error">${this.errors.email}</span>` : S}
         </label>
 
         <div class="otp-section">
@@ -2199,7 +2224,7 @@ let A = class extends ee {
             ${Tt(
         Array.from({ length: 6 }, (e, s) => s),
         (e) => e,
-        (e) => S`
+        (e) => w`
                 <input
                   class="otp-input reset-otp-input ${this.errors.otp ? "otp-input--error" : ""}"
                   type="text"
@@ -2216,10 +2241,10 @@ let A = class extends ee {
               `
       )}
           </div>
-          ${this.errors.otp ? S`<p class="otp-error">${this.errors.otp}</p>` : w}
+          ${this.errors.otp ? w`<p class="otp-error">${this.errors.otp}</p>` : S}
         </div>
 
-        ${t ? S`
+        ${t ? w`
               <div class="new-password-fields">
                 <label class="field">
                   <span class="field-label">New Password</span>
@@ -2232,7 +2257,7 @@ let A = class extends ee {
                     required
                     autocomplete="new-password"
                   />
-                  ${this.errors.new_password ? S`<span class="field-error">${this.errors.new_password}</span>` : w}
+                  ${this.errors.new_password ? w`<span class="field-error">${this.errors.new_password}</span>` : S}
                 </label>
 
                 <label class="field">
@@ -2246,10 +2271,10 @@ let A = class extends ee {
                     required
                     autocomplete="new-password"
                   />
-                  ${this.errors.confirm_password ? S`<span class="field-error">${this.errors.confirm_password}</span>` : w}
+                  ${this.errors.confirm_password ? w`<span class="field-error">${this.errors.confirm_password}</span>` : S}
                 </label>
               </div>
-            ` : w}
+            ` : S}
 
         <div class="forgot-row">
           <button type="button" class="text-btn" @click=${this.backToRequest}>
@@ -2258,35 +2283,35 @@ let A = class extends ee {
         </div>
       `;
     }
-    return w;
+    return S;
   }
   renderActions() {
     if (this.resetStep === "request")
-      return S`
+      return w`
         <button type="submit" class="cta" ?disabled=${this.isLoading}>
           ${this.isLoading ? "Sending..." : "Send Reset Code"}
         </button>
       `;
     if (this.resetStep === "confirm")
-      return this.otpDigits.every((e) => /^\d$/.test(e)) ? S`
+      return this.otpDigits.every((e) => /^\d$/.test(e)) ? w`
           <button type="submit" class="cta" ?disabled=${this.isLoading}>
             ${this.isLoading ? "Resetting..." : "Reset Password"}
           </button>
-        ` : w;
+        ` : S;
     if (this.mode === "signup" && this.signupStep === "otp") {
       const t = this.signupOtpDigits.every((e) => /^\d$/.test(e));
-      return S`
+      return w`
         <button type="submit" class="cta" ?disabled=${!t || this.isLoading}>
           ${this.isLoading ? "Completing..." : "Complete Registration"}
         </button>
       `;
     }
-    return S`
+    return w`
       <button type="submit" class="cta" ?disabled=${this.isLoading}>
         ${this.isLoading ? "Loading..." : this.mode === "signup" ? "Continue" : "Sign In"}
       </button>
 
-      ${this.isOAuthConfigured() && this.mode === "signin" ? S`
+      ${this.isOAuthConfigured() && this.mode === "signin" ? w`
             <div class="button-row">
               <button
                 type="button"
@@ -2306,31 +2331,31 @@ let A = class extends ee {
                 ${this.renderAppleIcon()}
               </button>
             </div>
-          ` : w}
+          ` : S}
     `;
   }
   renderAlerts() {
-    return S`
-      ${this.notice ? S`
+    return w`
+      ${this.notice ? w`
             <div class="alert alert--success">
               ${this.notice}
               <button class="alert-close" @click=${() => this.notice = ""} aria-label="Dismiss">
                 ×
               </button>
             </div>
-          ` : w}
-      ${this.error ? S`
+          ` : S}
+      ${this.error ? w`
             <div class="alert alert--error">
               ${this.error}
               <button class="alert-close" @click=${() => this.error = ""} aria-label="Dismiss">
                 ×
               </button>
             </div>
-          ` : w}
+          ` : S}
     `;
   }
   renderFooter() {
-    return this.isLoggedIn ? w : this.resetStep === "none" && (!this.mode || this.mode === "signin" || this.signupStep === "form") ? this.disableSignup ? w : S`
+    return this.isLoggedIn ? S : this.resetStep === "none" && (!this.mode || this.mode === "signin" || this.signupStep === "form") ? this.disableSignup ? S : w`
         <div class="auth-footer">
           <p class="toggle-text">
             ${this.mode === "signup" ? "Already have an account?" : "Don't have an account?"}
@@ -2339,7 +2364,7 @@ let A = class extends ee {
             ${this.mode === "signup" ? "Sign In" : "Sign Up"}
           </button>
         </div>
-      ` : S`
+      ` : w`
       <div class="auth-footer">
         <p class="toggle-text">
           Having trouble? Email
@@ -2349,7 +2374,7 @@ let A = class extends ee {
     `;
   }
   renderGoogleIcon() {
-    return S`
+    return w`
       <svg viewBox="-0.5 0 48 48" width="18" height="18" fill="none">
         <path d="M9.82727273,24 C9.82727273,22.4757333 10.0804318,21.0144 10.5322727,19.6437333 L2.62345455,13.6042667 C1.08206818,16.7338667 0.213636364,20.2602667 0.213636364,24 C0.213636364,27.7365333 1.081,31.2608 2.62025,34.3882667 L10.5247955,28.3370667 C10.0772273,26.9728 9.82727273,25.5168 9.82727273,24" fill="#FBBC05"></path>
         <path d="M23.7136364,10.1333333 C27.025,10.1333333 30.0159091,11.3066667 32.3659091,13.2266667 L39.2022727,6.4 C35.0363636,2.77333333 29.6954545,0.533333333 23.7136364,0.533333333 C14.4268636,0.533333333 6.44540909,5.84426667 2.62345455,13.6042667 L10.5322727,19.6437333 C12.3545909,14.112 17.5491591,10.1333333 23.7136364,10.1333333" fill="#EB4335"></path>
@@ -2359,7 +2384,7 @@ let A = class extends ee {
     `;
   }
   renderAppleIcon() {
-    return S`
+    return w`
       <svg viewBox="-3.5 0 48 48" width="18" height="18" class="apple-icon">
         <path d="M231.174735,567.792499 C232.740177,565.771699 233.926883,562.915484 233.497649,560 C230.939077,560.177808 227.948466,561.814769 226.203475,563.948463 C224.612784,565.88177 223.305444,568.757742 223.816036,571.549042 C226.613071,571.636535 229.499881,569.960061 231.174735,567.792499 L231.174735,567.792499 Z M245,595.217241 C243.880625,597.712195 243.341978,598.827022 241.899976,601.03692 C239.888467,604.121745 237.052156,607.962958 233.53412,607.991182 C230.411652,608.02505 229.606488,605.94498 225.367451,605.970382 C221.128414,605.99296 220.244696,608.030695 217.116618,607.999649 C213.601387,607.968603 210.913765,604.502761 208.902256,601.417937 C203.27452,592.79849 202.68257,582.680377 206.152914,577.298162 C208.621711,573.476705 212.515678,571.241407 216.173986,571.241407 C219.89682,571.241407 222.239372,573.296075 225.322563,573.296075 C228.313175,573.296075 230.133913,571.235762 234.440281,571.235762 C237.700215,571.235762 241.153726,573.022307 243.611302,576.10431 C235.554045,580.546683 236.85858,592.121127 245,595.217241 L245,595.217241 Z" transform="translate(-204.000000, -560.000000)" fill="#0b0b0a"></path>
       </svg>
@@ -2524,7 +2549,7 @@ var hr = Object.defineProperty, dr = Object.getOwnPropertyDescriptor, ie = (t, e
     (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && hr(e, s, i), i;
 };
-let F = class extends ee {
+let M = class extends ee {
   constructor() {
     super(...arguments), this.theme = "light", this.storageKey = "theme-preference", this.size = "sm", this.variant = "ghost", this.isDark = !1;
   }
@@ -2563,14 +2588,14 @@ let F = class extends ee {
   }
   render() {
     const t = this.isDark ? "Switch to light mode" : "Switch to dark mode";
-    return S`
+    return w`
       <button
         class="theme-toggle ${this.getSizeClass()} ${this.getVariantClass()}"
         @click=${this.toggleTheme}
         aria-label=${t}
         type="button"
       >
-        ${this.isDark ? S`
+        ${this.isDark ? w`
               <svg
                 viewBox="0 0 20 20"
                 fill="currentColor"
@@ -2583,7 +2608,7 @@ let F = class extends ee {
                   clip-rule="evenodd"
                 />
               </svg>
-            ` : S`
+            ` : w`
               <svg
                 viewBox="0 0 20 20"
                 fill="currentColor"
@@ -2599,7 +2624,7 @@ let F = class extends ee {
     `;
   }
 };
-F.styles = Kt`
+M.styles = Kt`
     :host {
       display: inline-block;
     }
@@ -2751,22 +2776,22 @@ F.styles = Kt`
   `;
 ie([
   O({ type: String, reflect: !0 })
-], F.prototype, "theme", 2);
+], M.prototype, "theme", 2);
 ie([
   O({ type: String, attribute: "storage-key" })
-], F.prototype, "storageKey", 2);
+], M.prototype, "storageKey", 2);
 ie([
   O({ type: String, attribute: "size" })
-], F.prototype, "size", 2);
+], M.prototype, "size", 2);
 ie([
   O({ type: String, attribute: "variant" })
-], F.prototype, "variant", 2);
+], M.prototype, "variant", 2);
 ie([
   T()
-], F.prototype, "isDark", 2);
-F = ie([
+], M.prototype, "isDark", 2);
+M = ie([
   Gt("theme-toggle")
-], F);
+], M);
 function ss(t, e) {
   return function() {
     return t.apply(e, arguments);
@@ -2881,18 +2906,18 @@ const Or = (t, e, s, { allOwnKeys: r } = {}) => (ye(e, (i, o) => {
   for (; (s = t.exec(e)) !== null; )
     r.push(s);
   return r;
-}, Br = N("HTMLFormElement"), jr = (t) => t.toLowerCase().replace(
+}, Br = N("HTMLFormElement"), Hr = (t) => t.toLowerCase().replace(
   /[-_\s]([a-z\d])(\w*)/g,
   function(s, r, i) {
     return r.toUpperCase() + i;
   }
-), kt = (({ hasOwnProperty: t }) => (e, s) => t.call(e, s))(Object.prototype), Hr = N("RegExp"), ls = (t, e) => {
+), kt = (({ hasOwnProperty: t }) => (e, s) => t.call(e, s))(Object.prototype), jr = N("RegExp"), ls = (t, e) => {
   const s = Object.getOwnPropertyDescriptors(t), r = {};
   ye(s, (i, o) => {
     let n;
     (n = e(i, o, t)) !== !1 && (r[o] = n || i);
   }), Object.defineProperties(t, r);
-}, Mr = (t) => {
+}, Fr = (t) => {
   ls(t, (e, s) => {
     if (P(t) && ["arguments", "caller", "callee"].indexOf(s) !== -1)
       return !1;
@@ -2907,7 +2932,7 @@ const Or = (t, e, s, { allOwnKeys: r } = {}) => (ye(e, (i, o) => {
       });
     }
   });
-}, Fr = (t, e) => {
+}, Mr = (t, e) => {
   const s = {}, r = (i) => {
     i.forEach((o) => {
       s[o] = !0;
@@ -2965,7 +2990,7 @@ const Vr = (t) => {
   isDate: yr,
   isFile: br,
   isBlob: wr,
-  isRegExp: Hr,
+  isRegExp: jr,
   isFunction: P,
   isStream: $r,
   isURLSearchParams: vr,
@@ -2989,9 +3014,9 @@ const Vr = (t) => {
   hasOwnProp: kt,
   // an alias to avoid ESLint no-prototype-builtins detection
   reduceDescriptors: ls,
-  freezeMethods: Mr,
-  toObjectSet: Fr,
-  toCamelCase: jr,
+  freezeMethods: Fr,
+  toObjectSet: Mr,
+  toCamelCase: Hr,
   noop: qr,
   toFiniteNumber: zr,
   findKey: ns,
@@ -3417,7 +3442,7 @@ function mi(t) {
   return e;
 }
 const gi = (t) => /^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(t.trim());
-function Fe(t, e, s, r, i) {
+function Me(t, e, s, r, i) {
   if (d.isFunction(r))
     return r.call(this, e, s);
   if (i && (e = s), !!d.isString(e)) {
@@ -3491,7 +3516,7 @@ class D {
   has(e, s) {
     if (e = he(e), e) {
       const r = d.findKey(this, e);
-      return !!(r && this[r] !== void 0 && (!s || Fe(this, this[r], r, s)));
+      return !!(r && this[r] !== void 0 && (!s || Me(this, this[r], r, s)));
     }
     return !1;
   }
@@ -3501,7 +3526,7 @@ class D {
     function o(n) {
       if (n = he(n), n) {
         const a = d.findKey(r, n);
-        a && (!s || Fe(r, r[a], a, s)) && (delete r[a], i = !0);
+        a && (!s || Me(r, r[a], a, s)) && (delete r[a], i = !0);
       }
     }
     return d.isArray(e) ? e.forEach(o) : o(e), i;
@@ -3511,7 +3536,7 @@ class D {
     let r = s.length, i = !1;
     for (; r--; ) {
       const o = s[r];
-      (!e || Fe(this, this[o], o, e, !0)) && (delete this[o], i = !0);
+      (!e || Me(this, this[o], o, e, !0)) && (delete this[o], i = !0);
     }
     return i;
   }
@@ -3934,7 +3959,7 @@ const Ss = (t) => {
 }))(d.global), {
   ReadableStream: It,
   TextEncoder: Bt
-} = d.global, jt = (t, ...e) => {
+} = d.global, Ht = (t, ...e) => {
   try {
     return !!t(...e);
   } catch {
@@ -3947,7 +3972,7 @@ const Ss = (t) => {
   const { fetch: e, Request: s, Response: r } = t, i = e ? Ae(e) : typeof fetch == "function", o = Ae(s), n = Ae(r);
   if (!i)
     return !1;
-  const a = i && Ae(It), l = i && (typeof Bt == "function" ? /* @__PURE__ */ ((p) => (g) => p.encode(g))(new Bt()) : async (p) => new Uint8Array(await new s(p).arrayBuffer())), h = o && a && jt(() => {
+  const a = i && Ae(It), l = i && (typeof Bt == "function" ? /* @__PURE__ */ ((p) => (g) => p.encode(g))(new Bt()) : async (p) => new Uint8Array(await new s(p).arrayBuffer())), h = o && a && Ht(() => {
     let p = !1;
     const g = new s(x.origin, {
       body: new It(),
@@ -3957,7 +3982,7 @@ const Ss = (t) => {
       }
     }).headers.has("Content-Type");
     return p && !g;
-  }), c = n && a && jt(() => d.isReadableStream(new r("").body)), u = {
+  }), c = n && a && Ht(() => d.isReadableStream(new r("").body)), u = {
     stream: c && ((p) => p.body)
   };
   i && ["text", "arrayBuffer", "blob", "formData", "stream"].forEach((p) => {
@@ -4009,17 +4034,17 @@ const Ss = (t) => {
     let ct;
     try {
       if (q && h && m !== "get" && m !== "head" && (ct = await y(Ie, b)) !== 0) {
-        let j = new s(g, {
+        let H = new s(g, {
           method: "POST",
           body: b,
           duplex: "half"
         }), X;
-        if (d.isFormData(b) && (X = j.headers.get("content-type")) && Ie.setContentType(X), j.body) {
+        if (d.isFormData(b) && (X = H.headers.get("content-type")) && Ie.setContentType(X), H.body) {
           const [Be, $e] = Pt(
             ct,
             Oe(Dt(q))
           );
-          b = Nt(j.body, Lt, Be, $e);
+          b = Nt(H.body, Lt, Be, $e);
         }
       }
       d.isString(we) || (we = we ? "include" : "omit");
@@ -4036,9 +4061,9 @@ const Ss = (t) => {
       let B = await (o ? lt(ae, at) : lt(g, ht));
       const dt = c && (U === "stream" || U === "response");
       if (c && (R || dt && z)) {
-        const j = {};
+        const H = {};
         ["status", "statusText", "headers"].forEach((ut) => {
-          j[ut] = B[ut];
+          H[ut] = B[ut];
         });
         const X = d.toFiniteNumber(B.headers.get("content-length")), [Be, $e] = R && Pt(
           X,
@@ -4048,13 +4073,13 @@ const Ss = (t) => {
           Nt(B.body, Lt, Be, () => {
             $e && $e(), z && z();
           }),
-          j
+          H
         );
       }
       U = U || "text";
       let _s = await u[d.findKey(u, U) || "text"](B, p);
-      return !dt && z && z(), await new Promise((j, X) => {
-        bs(j, X, {
+      return !dt && z && z(), await new Promise((H, X) => {
+        bs(H, X, {
           data: _s,
           headers: D.from(B.headers),
           status: B.status,
@@ -4101,7 +4126,7 @@ d.forEach(ot, (t, e) => {
     Object.defineProperty(t, "adapterName", { value: e });
   }
 });
-const Ht = (t) => `- ${t}`, Ni = (t) => d.isFunction(t) || t === null || t === !1;
+const jt = (t) => `- ${t}`, Ni = (t) => d.isFunction(t) || t === null || t === !1;
 function Li(t, e) {
   t = d.isArray(t) ? t : [t];
   const { length: s } = t;
@@ -4121,8 +4146,8 @@ function Li(t, e) {
       ([l, h]) => `adapter ${l} ` + (h === !1 ? "is not supported by the environment" : "is not available in the build")
     );
     let a = s ? n.length > 1 ? `since :
-` + n.map(Ht).join(`
-`) : " " + Ht(n[0]) : "as no adapter specified";
+` + n.map(jt).join(`
+`) : " " + jt(n[0]) : "as no adapter specified";
     throw new $(
       "There is no suitable adapter to dispatch the request " + a,
       "ERR_NOT_SUPPORT"
@@ -4146,7 +4171,7 @@ function ze(t) {
   if (t.cancelToken && t.cancelToken.throwIfRequested(), t.signal && t.signal.aborted)
     throw new ne(null, t);
 }
-function Mt(t) {
+function Ft(t) {
   return ze(t), t.headers = D.from(t.headers), t.data = qe.call(
     t,
     t.transformRequest
@@ -4170,7 +4195,7 @@ const vs = "1.13.2", Le = {};
     return typeof r === t || "a" + (e < 1 ? "n " : " ") + t;
   };
 });
-const Ft = {};
+const Mt = {};
 Le.transitional = function(e, s, r) {
   function i(o, n) {
     return "[Axios v" + vs + "] Transitional option '" + o + "'" + n + (r ? ". " + r : "");
@@ -4181,7 +4206,7 @@ Le.transitional = function(e, s, r) {
         i(n, " has been removed" + (s ? " in " + s : "")),
         $.ERR_DEPRECATED
       );
-    return s && !Ft[n] && (Ft[n] = !0), e ? e(o, n, a) : !0;
+    return s && !Mt[n] && (Mt[n] = !0), e ? e(o, n, a) : !0;
   };
 };
 Le.spelling = function(e) {
@@ -4277,7 +4302,7 @@ class J {
     });
     let c, u = 0, f;
     if (!l) {
-      const p = [Mt.bind(this), void 0];
+      const p = [Ft.bind(this), void 0];
       for (p.unshift(...a), p.push(...h), f = p.length, c = Promise.resolve(s); u < f; )
         c = c.then(p[u++], p[u++]);
       return c;
@@ -4294,7 +4319,7 @@ class J {
       }
     }
     try {
-      c = Mt.call(this, y);
+      c = Ft.call(this, y);
     } catch (p) {
       return Promise.reject(p);
     }
@@ -4410,7 +4435,7 @@ function Bi(t) {
     return t.apply(null, s);
   };
 }
-function ji(t) {
+function Hi(t) {
   return d.isObject(t) && t.isAxiosError === !0;
 }
 const Ye = {
@@ -4506,7 +4531,7 @@ C.all = function(e) {
   return Promise.all(e);
 };
 C.spread = Bi;
-C.isAxiosError = ji;
+C.isAxiosError = Hi;
 C.mergeConfig = Z;
 C.AxiosHeaders = D;
 C.formToJSON = (t) => gs(d.isHTMLForm(t) ? new FormData(t) : t);
@@ -4518,7 +4543,7 @@ class qt extends Error {
     super(e), this.name = "AuthRefreshError";
   }
 }
-const Hi = ({ baseUrl: t, apiBaseUrl: e }) => {
+const ji = ({ baseUrl: t, apiBaseUrl: e }) => {
   const s = ts(), r = e || t, i = C.create({
     baseURL: t,
     headers: {
@@ -4571,11 +4596,11 @@ const Hi = ({ baseUrl: t, apiBaseUrl: e }) => {
       return Promise.reject(a);
     }
   ), i;
-}, Ki = Hi;
+}, Ki = ji;
 export {
   A as Auth,
   qt as AuthRefreshError,
-  F as ThemeToggle,
+  M as ThemeToggle,
   Ki as apiClient,
-  Hi as createApiClient
+  ji as createApiClient
 };