@cal.macconnachie/web-components 0.0.11 → 0.0.12

package/dist/components/auth.js

@@ -1,5 +1,5 @@
 const z = globalThis, Z = z.ShadowRoot && (z.ShadyCSS === void 0 || z.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Q = Symbol(), ot = /* @__PURE__ */ new WeakMap();
-let wt = class {
+let $t = class {
   constructor(t, s, i) {
     if (this._$cssResult$ = !0, i !== Q) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = s;
@@ -17,13 +17,13 @@ let wt = class {
     return this.cssText;
   }
 };
-const xt = (e) => new wt(typeof e == "string" ? e : e + "", void 0, Q), Et = (e, ...t) => {
+const xt = (e) => new $t(typeof e == "string" ? e : e + "", void 0, Q), Et = (e, ...t) => {
   const s = e.length === 1 ? e[0] : t.reduce(((i, r, o) => i + ((a) => {
     if (a._$cssResult$ === !0) return a.cssText;
     if (typeof a == "number") return a;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + a + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(r) + e[o + 1]), e[0]);
-  return new wt(s, e, Q);
+  return new $t(s, e, Q);
 }, Tt = (e, t) => {
   if (Z) e.adoptedStyleSheets = t.map(((s) => s instanceof CSSStyleSheet ? s : s.styleSheet));
   else for (const s of t) {
@@ -279,8 +279,8 @@ class B {
     for (; (r = O.nextNode()) !== null && n.length < c; ) {
       if (r.nodeType === 1) {
         if (r.hasAttributes()) for (const l of r.getAttributeNames()) if (l.endsWith(bt)) {
-          const p = d[a++], u = r.getAttribute(l).split(C), $ = /([.?@])?(.*)/.exec(p);
-          n.push({ type: 1, index: o, name: $[2], strings: u, ctor: $[1] === "." ? zt : $[1] === "?" ? Yt : $[1] === "@" ? Kt : V }), r.removeAttribute(l);
+          const p = d[a++], u = r.getAttribute(l).split(C), w = /([.?@])?(.*)/.exec(p);
+          n.push({ type: 1, index: o, name: w[2], strings: u, ctor: w[1] === "." ? zt : w[1] === "?" ? Yt : w[1] === "@" ? Kt : V }), r.removeAttribute(l);
         } else l.startsWith(C) && (n.push({ type: 6, index: o }), r.removeAttribute(l));
         if (At.test(r.tagName)) {
           const l = r.textContent.split(C), p = l.length - 1;
@@ -609,7 +609,7 @@ const yt = (e, t, s) => {
   const i = /* @__PURE__ */ new Map();
   for (let r = t; r <= s; r++) i.set(e[r], r);
   return i;
-}, $t = kt(class extends Ct {
+}, wt = kt(class extends Ct {
   constructor(e) {
     if (super(e), e.type !== St.CHILD) throw Error("repeat() can only be used in text expressions");
   }
@@ -628,24 +628,24 @@ const yt = (e, t, s) => {
     const r = re(e), { values: o, keys: a } = this.dt(t, s, i);
     if (!Array.isArray(r)) return this.ut = a, o;
     const c = this.ut ??= [], n = [];
-    let h, d, l = 0, p = r.length - 1, u = 0, $ = o.length - 1;
-    for (; l <= p && u <= $; ) if (r[l] === null) l++;
+    let h, d, l = 0, p = r.length - 1, u = 0, w = o.length - 1;
+    for (; l <= p && u <= w; ) if (r[l] === null) l++;
     else if (r[p] === null) p--;
     else if (c[l] === a[u]) n[u] = P(r[l], o[u]), l++, u++;
-    else if (c[p] === a[$]) n[$] = P(r[p], o[$]), p--, $--;
-    else if (c[l] === a[$]) n[$] = P(r[l], o[$]), L(e, n[$ + 1], r[l]), l++, $--;
+    else if (c[p] === a[w]) n[w] = P(r[p], o[w]), p--, w--;
+    else if (c[l] === a[w]) n[w] = P(r[l], o[w]), L(e, n[w + 1], r[l]), l++, w--;
     else if (c[p] === a[u]) n[u] = P(r[p], o[u]), L(e, r[l], r[p]), p--, u++;
-    else if (h === void 0 && (h = yt(a, u, $), d = yt(c, l, p)), h.has(c[l])) if (h.has(c[p])) {
+    else if (h === void 0 && (h = yt(a, u, w), d = yt(c, l, p)), h.has(c[l])) if (h.has(c[p])) {
       const v = d.get(a[u]), A = v !== void 0 ? r[v] : null;
       if (A === null) {
-        const w = L(e, r[l]);
-        P(w, o[u]), n[u] = w;
+        const $ = L(e, r[l]);
+        P($, o[u]), n[u] = $;
       } else n[u] = P(A, o[u]), L(e, r[l], A), r[v] = null;
       u++;
     } else G(r[p]), p--;
     else G(r[l]), l++;
-    for (; u <= $; ) {
-      const v = L(e, n[$ + 1]);
+    for (; u <= w; ) {
+      const v = L(e, n[w + 1]);
       P(v, o[u]), n[u++] = v;
     }
     for (; l <= p; ) {
@@ -674,7 +674,7 @@ const yt = (e, t, s) => {
       refreshToken: p,
       idToken: u
     }) => {
-      const $ = await fetch(`${e}${t.login}`, {
+      const w = await fetch(`${e}${t.login}`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
@@ -687,11 +687,11 @@ const yt = (e, t, s) => {
           idToken: u
         })
       });
-      if (!$.ok) {
-        const v = await $.json();
+      if (!w.ok) {
+        const v = await w.json();
         throw new Error(v.message || v.error || "Login failed");
       }
-      return $.json();
+      return w.json();
     },
     logout: async ({
       accessToken: h,
@@ -753,7 +753,7 @@ const yt = (e, t, s) => {
       phone_number: l,
       family_name: p,
       given_name: u,
-      code: $
+      code: w
     }) => {
       const v = await fetch(`${e}${t.register}`, {
         method: "POST",
@@ -766,7 +766,7 @@ const yt = (e, t, s) => {
           phone_number: l,
           family_name: p,
           given_name: u,
-          code: $
+          code: w
         })
       });
       if (!v.ok) {
@@ -830,11 +830,11 @@ const yt = (e, t, s) => {
       maxAge: l,
       path: p = "/",
       secure: u = window.location.protocol === "https:",
-      sameSite: $ = "lax",
+      sameSite: w = "lax",
       domain: v
     } = d;
     let A = `${encodeURIComponent(n)}=${encodeURIComponent(h)}`;
-    l !== void 0 && (A += `; Max-Age=${l}`), A += `; Path=${p}`, u && (A += "; Secure"), A += `; SameSite=${$}`, v && (A += `; Domain=${v}`), document.cookie = A;
+    l !== void 0 && (A += `; Max-Age=${l}`), A += `; Path=${p}`, u && (A += "; Secure"), A += `; SameSite=${w}`, v && (A += `; Domain=${v}`), document.cookie = A;
   }, t = (n) => {
     const h = encodeURIComponent(n) + "=", d = document.cookie.split(";");
     for (let l = 0; l < d.length; l++) {
@@ -882,20 +882,20 @@ const yt = (e, t, s) => {
     domain: e,
     clientId: i,
     redirectUri: he(r)
-  }, a = (w) => {
-    const _ = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-._~", k = new Uint8Array(w);
+  }, a = ($) => {
+    const _ = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-._~", k = new Uint8Array($);
     return crypto.getRandomValues(k), Array.from(k).map((E) => _[E % _.length]).join("");
-  }, c = async (w) => {
-    const k = new TextEncoder().encode(w), E = await crypto.subtle.digest("SHA-256", k);
+  }, c = async ($) => {
+    const k = new TextEncoder().encode($), E = await crypto.subtle.digest("SHA-256", k);
     return btoa(String.fromCharCode(...new Uint8Array(E))).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
   }, n = async () => {
-    const w = a(128), _ = await c(w);
-    return sessionStorage.setItem("pkce_code_verifier", w), { codeVerifier: w, codeChallenge: _ };
+    const $ = a(128), _ = await c($);
+    return sessionStorage.setItem("pkce_code_verifier", $), { codeVerifier: $, codeChallenge: _ };
   }, h = () => {
-    const w = a(32);
-    return sessionStorage.setItem("oauth_state", w), w;
+    const $ = a(32);
+    return sessionStorage.setItem("oauth_state", $), $;
   }, d = async () => {
-    const { codeChallenge: w } = await n(), _ = h(), k = new URLSearchParams({
+    const { codeChallenge: $ } = await n(), _ = h(), k = new URLSearchParams({
       response_type: "code",
       client_id: o.clientId,
       redirect_uri: o.redirectUri,
@@ -903,15 +903,15 @@ const yt = (e, t, s) => {
       scope: "openid email profile",
       state: _,
       code_challenge_method: "S256",
-      code_challenge: w,
+      code_challenge: $,
       prompt: "select_account"
     });
     return `${o.domain}/oauth2/authorize?${k.toString()}`;
   }, l = async () => {
-    const w = await d();
-    window.location.href = w;
+    const $ = await d();
+    window.location.href = $;
   }, p = async () => {
-    const { codeChallenge: w } = await n(), _ = h(), k = new URLSearchParams({
+    const { codeChallenge: $ } = await n(), _ = h(), k = new URLSearchParams({
       response_type: "code",
       client_id: o.clientId,
       redirect_uri: o.redirectUri,
@@ -919,32 +919,32 @@ const yt = (e, t, s) => {
       scope: "openid email profile",
       state: _,
       code_challenge_method: "S256",
-      code_challenge: w
+      code_challenge: $
     });
     return `${o.domain}/oauth2/authorize?${k.toString()}`;
   }, u = async () => {
-    const w = await p();
-    window.location.href = w;
-  }, $ = (w) => {
+    const $ = await p();
+    window.location.href = $;
+  }, w = ($) => {
     const _ = sessionStorage.getItem("oauth_state");
-    return sessionStorage.removeItem("oauth_state"), _ === w;
+    return sessionStorage.removeItem("oauth_state"), _ === $;
   }, v = () => {
-    const w = sessionStorage.getItem("pkce_code_verifier");
-    return sessionStorage.removeItem("pkce_code_verifier"), w;
+    const $ = sessionStorage.getItem("pkce_code_verifier");
+    return sessionStorage.removeItem("pkce_code_verifier"), $;
   };
   return {
     redirectToGoogleAuth: l,
     redirectToAppleAuth: u,
-    validateState: $,
+    validateState: w,
     getCodeVerifier: v,
-    exchangeCodeForTokens: async (w) => {
+    exchangeCodeForTokens: async ($) => {
       const _ = v();
       if (!_)
         throw new Error("PKCE code verifier not found. Please restart the authentication flow.");
       const k = new URLSearchParams({
         grant_type: "authorization_code",
         client_id: o.clientId,
-        code: w,
+        code: $,
         redirect_uri: o.redirectUri,
         code_verifier: _
       }), E = await fetch(`${o.domain}/oauth2/token`, {
@@ -2115,7 +2115,7 @@ let m = class extends H {
         <div class="otp-section">
           <label class="otp-label">Enter 6-digit code</label>
           <div class="otp-inputs" role="group" aria-label="One time code">
-            ${$t(
+            ${wt(
         Array.from({ length: 6 }, (e, t) => t),
         (e) => e,
         (e) => y`
@@ -2185,7 +2185,7 @@ let m = class extends H {
         <div class="otp-section">
           <label class="otp-label">Enter 6-digit code</label>
           <div class="otp-inputs" role="group" aria-label="One time code">
-            ${$t(
+            ${wt(
         Array.from({ length: 6 }, (t, s) => s),
         (t) => t,
         (t) => y`
@@ -2506,7 +2506,7 @@ f([
   it(".modal-body")
 ], m.prototype, "modalBody", 2);
 m = f([
-  Zt("auth")
+  Zt("auth-drawer")
 ], m);
 export {
   m as Auth

package/dist/index.js

@@ -248,8 +248,8 @@ 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);
+\f\r]`, le = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, wt = /-->/g, bt = />/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"), b = 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;
@@ -260,7 +260,7 @@ const js = (t, e) => {
   for (let a = 0; a < s; a++) {
     const l = t[a];
     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);
+    for (; f < l.length && (n.lastIndex = f, c = n.exec(l), c !== null); ) f = n.lastIndex, n === le ? c[1] === "!--" ? n = wt : c[1] !== void 0 ? n = bt : 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 === wt || n === bt ? 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);
   }
@@ -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 = b, 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 === b || e == null || e === "" ? (this._$AH !== b && this._$AR(), this._$AH = b) : 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);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -365,7 +365,7 @@ 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 !== b && 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);
@@ -404,7 +404,7 @@ 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 = b, 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 = b;
   }
   _$AI(e, s = this, r, i) {
     const o = this.strings;
@@ -413,12 +413,12 @@ class Re {
     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 === M && (h = this._$AH[l]), n ||= !pe(h) || h !== this._$AH[l], h === b ? e = b : e !== b && (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 === b ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
 class Ms extends Re {
@@ -426,7 +426,7 @@ class Ms extends Re {
     super(...arguments), this.type = 3;
   }
   j(e) {
-    this.element[this.name] = e === w ? void 0 : e;
+    this.element[this.name] = e === b ? void 0 : e;
   }
 }
 class Fs extends Re {
@@ -434,7 +434,7 @@ class Fs extends Re {
     super(...arguments), this.type = 4;
   }
   j(e) {
-    this.element.toggleAttribute(this.name, !!e && e !== w);
+    this.element.toggleAttribute(this.name, !!e && e !== b);
   }
 }
 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) ?? b) === M) return;
+    const r = this._$AH, i = e === b && r !== b || e.capture !== r.capture || e.once !== r.once || e.passive !== r.passive, o = e !== b && (r === b || i);
     i && this.element.removeEventListener(this.name, this, r), o && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
   handleEvent(e) {
@@ -638,8 +638,8 @@ const _t = (t, e, s) => {
     else if (h === void 0 && (h = _t(n, y, p), c = _t(a, u, f)), h.has(a[u])) if (h.has(a[f])) {
       const g = c.get(n[y]), m = g !== void 0 ? i[g] : null;
       if (m === null) {
-        const b = ce(t, i[u]);
-        V(b, o[y]), l[y] = b;
+        const w = ce(t, i[u]);
+        V(w, o[y]), l[y] = w;
       } else l[y] = V(m, o[y]), ce(t, i[u], m), i[g] = null;
       y++;
     } else He(i[f]), f--;
@@ -882,20 +882,20 @@ const _t = (t, e, s) => {
     domain: t,
     clientId: r,
     redirectUri: ir(i)
-  }, n = (b) => {
-    const _ = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-._~", E = new Uint8Array(b);
+  }, n = (w) => {
+    const _ = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-._~", E = new Uint8Array(w);
     return crypto.getRandomValues(E), Array.from(E).map((k) => _[k % _.length]).join("");
-  }, a = async (b) => {
-    const E = new TextEncoder().encode(b), k = await crypto.subtle.digest("SHA-256", E);
+  }, a = async (w) => {
+    const E = new TextEncoder().encode(w), k = await crypto.subtle.digest("SHA-256", E);
     return btoa(String.fromCharCode(...new Uint8Array(k))).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
   }, l = async () => {
-    const b = n(128), _ = await a(b);
-    return sessionStorage.setItem("pkce_code_verifier", b), { codeVerifier: b, codeChallenge: _ };
+    const w = n(128), _ = await a(w);
+    return sessionStorage.setItem("pkce_code_verifier", w), { codeVerifier: w, codeChallenge: _ };
   }, h = () => {
-    const b = n(32);
-    return sessionStorage.setItem("oauth_state", b), b;
+    const w = n(32);
+    return sessionStorage.setItem("oauth_state", w), w;
   }, c = async () => {
-    const { codeChallenge: b } = await l(), _ = h(), E = new URLSearchParams({
+    const { codeChallenge: w } = await l(), _ = h(), E = new URLSearchParams({
       response_type: "code",
       client_id: o.clientId,
       redirect_uri: o.redirectUri,
@@ -903,15 +903,15 @@ const _t = (t, e, s) => {
       scope: "openid email profile",
       state: _,
       code_challenge_method: "S256",
-      code_challenge: b,
+      code_challenge: w,
       prompt: "select_account"
     });
     return `${o.domain}/oauth2/authorize?${E.toString()}`;
   }, u = async () => {
-    const b = await c();
-    window.location.href = b;
+    const w = await c();
+    window.location.href = w;
   }, f = async () => {
-    const { codeChallenge: b } = await l(), _ = h(), E = new URLSearchParams({
+    const { codeChallenge: w } = await l(), _ = h(), E = new URLSearchParams({
       response_type: "code",
       client_id: o.clientId,
       redirect_uri: o.redirectUri,
@@ -919,32 +919,32 @@ const _t = (t, e, s) => {
       scope: "openid email profile",
       state: _,
       code_challenge_method: "S256",
-      code_challenge: b
+      code_challenge: w
     });
     return `${o.domain}/oauth2/authorize?${E.toString()}`;
   }, y = async () => {
-    const b = await f();
-    window.location.href = b;
-  }, p = (b) => {
+    const w = await f();
+    window.location.href = w;
+  }, p = (w) => {
     const _ = sessionStorage.getItem("oauth_state");
-    return sessionStorage.removeItem("oauth_state"), _ === b;
+    return sessionStorage.removeItem("oauth_state"), _ === w;
   }, g = () => {
-    const b = sessionStorage.getItem("pkce_code_verifier");
-    return sessionStorage.removeItem("pkce_code_verifier"), b;
+    const w = sessionStorage.getItem("pkce_code_verifier");
+    return sessionStorage.removeItem("pkce_code_verifier"), w;
   };
   return {
     redirectToGoogleAuth: u,
     redirectToAppleAuth: y,
     validateState: p,
     getCodeVerifier: g,
-    exchangeCodeForTokens: async (b) => {
+    exchangeCodeForTokens: async (w) => {
       const _ = g();
       if (!_)
         throw new Error("PKCE code verifier not found. Please restart the authentication flow.");
       const E = new URLSearchParams({
         grant_type: "authorization_code",
         client_id: o.clientId,
-        code: b,
+        code: w,
         redirect_uri: o.redirectUri,
         code_verifier: _
       }), k = await fetch(`${o.domain}/oauth2/token`, {
@@ -1887,7 +1887,7 @@ let A = class extends ee {
   }
   render() {
     if (!this.isVisible)
-      return w;
+      return b;
     const t = {
       "modal-overlay": !0,
       "modal-overlay--closing": this.isClosing
@@ -1951,7 +1951,7 @@ let A = class extends ee {
                 />
                 </div>
               </header>
-            ` : w}
+            ` : b}
 
         <div class="modal-body">
           <div class="auth-form">
@@ -1976,7 +1976,7 @@ let A = class extends ee {
                 />
                 </div>
               </header>
-            ` : w}
+            ` : b}
 
         <!-- Body -->
         <div class="modal-body">
@@ -2002,7 +2002,7 @@ let A = class extends ee {
               />
                 </div>
             </header>
-          ` : w}
+          ` : b}
 
       <!-- Body -->
       <div class="modal-body">
@@ -2037,7 +2037,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 ? S`<span class="field-error">${this.errors.email}</span>` : b}
         </label>
 
         <!-- Password -->
@@ -2052,7 +2052,7 @@ 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 ? S`<span class="field-error">${this.errors.password}</span>` : b}
         </label>
 
         ${this.mode === "signin" && this.error ? S`
@@ -2061,7 +2061,7 @@ let A = class extends ee {
                   Forgot your password?
                 </button>
               </div>
-            ` : w}
+            ` : b}
 
         ${this.mode === "signup" ? S`
               <!-- Confirm Password -->
@@ -2076,7 +2076,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 ? S`<span class="field-error">${this.errors.confirm_password}</span>` : b}
               </label>
 
               <!-- First Name -->
@@ -2091,7 +2091,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 ? S`<span class="field-error">${this.errors.givenName}</span>` : b}
               </label>
 
               <!-- Last Name -->
@@ -2106,9 +2106,9 @@ 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 ? S`<span class="field-error">${this.errors.familyName}</span>` : b}
               </label>
-            ` : w}
+            ` : b}
       `;
     if (this.mode === "signup" && this.signupStep === "otp")
       return S`
@@ -2135,7 +2135,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 ? S`<p class="otp-error">${this.errors.signup_otp}</p>` : b}
         </div>
         <div class="forgot-row">
           <button type="button" class="text-btn" @click=${this.backToSignupForm}>
@@ -2157,7 +2157,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 ? S`<span class="field-error">${this.errors.email}</span>` : b}
         </label>
         <div class="forgot-row">
           <button type="button" class="text-btn" @click=${this.cancelReset}>
@@ -2179,7 +2179,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 ? S`<span class="field-error">${this.errors.email}</span>` : b}
         </label>
 
         <div class="otp-section">
@@ -2205,7 +2205,7 @@ let A = class extends ee {
               `
       )}
           </div>
-          ${this.errors.otp ? S`<p class="otp-error">${this.errors.otp}</p>` : w}
+          ${this.errors.otp ? S`<p class="otp-error">${this.errors.otp}</p>` : b}
         </div>
 
         ${t ? S`
@@ -2221,7 +2221,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 ? S`<span class="field-error">${this.errors.new_password}</span>` : b}
                 </label>
 
                 <label class="field">
@@ -2235,10 +2235,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 ? S`<span class="field-error">${this.errors.confirm_password}</span>` : b}
                 </label>
               </div>
-            ` : w}
+            ` : b}
 
         <div class="forgot-row">
           <button type="button" class="text-btn" @click=${this.backToRequest}>
@@ -2247,7 +2247,7 @@ let A = class extends ee {
         </div>
       `;
     }
-    return w;
+    return b;
   }
   renderActions() {
     if (this.resetStep === "request")
@@ -2261,7 +2261,7 @@ let A = class extends ee {
           <button type="submit" class="cta" ?disabled=${this.isLoading}>
             ${this.isLoading ? "Resetting..." : "Reset Password"}
           </button>
-        ` : w;
+        ` : b;
     if (this.mode === "signup" && this.signupStep === "otp") {
       const t = this.signupOtpDigits.every((e) => /^\d$/.test(e));
       return S`
@@ -2295,7 +2295,7 @@ let A = class extends ee {
                 ${this.renderAppleIcon()}
               </button>
             </div>
-          ` : w}
+          ` : b}
     `;
   }
   renderAlerts() {
@@ -2307,7 +2307,7 @@ let A = class extends ee {
                 ×
               </button>
             </div>
-          ` : w}
+          ` : b}
       ${this.error ? S`
             <div class="alert alert--error">
               ${this.error}
@@ -2315,11 +2315,11 @@ let A = class extends ee {
                 ×
               </button>
             </div>
-          ` : w}
+          ` : b}
     `;
   }
   renderFooter() {
-    return this.isLoggedIn ? w : this.resetStep === "none" && (!this.mode || this.mode === "signin" || this.signupStep === "form") ? this.disableSignup ? w : S`
+    return this.isLoggedIn ? b : this.resetStep === "none" && (!this.mode || this.mode === "signin" || this.signupStep === "form") ? this.disableSignup ? b : S`
         <div class="auth-footer">
           <p class="toggle-text">
             ${this.mode === "signup" ? "Already have an account?" : "Don't have an account?"}
@@ -2506,7 +2506,7 @@ v([
   tt(".modal-body")
 ], A.prototype, "modalBody", 2);
 A = v([
-  Gt("auth")
+  Gt("auth-drawer")
 ], A);
 var hr = Object.defineProperty, dr = Object.getOwnPropertyDescriptor, ie = (t, e, s, r) => {
   for (var i = r > 1 ? void 0 : r ? dr(e, s) : e, o = t.length - 1, n; o >= 0; o--)
@@ -2755,7 +2755,7 @@ const fr = Ue("string"), P = Ue("function"), os = Ue("number"), ge = (t) => t !=
   } catch {
     return !1;
   }
-}, yr = N("Date"), br = N("File"), wr = N("Blob"), Sr = N("FileList"), $r = (t) => ge(t) && P(t.pipe), Ar = (t) => {
+}, yr = N("Date"), wr = N("File"), br = N("Blob"), Sr = N("FileList"), $r = (t) => ge(t) && P(t.pipe), Ar = (t) => {
   let e;
   return t && (typeof FormData == "function" && t instanceof FormData || P(t.append) && ((e = De(t)) === "formdata" || // detect form-data instance
   e === "object" && P(t.toString) && t.toString() === "[object FormData]"));
@@ -2921,8 +2921,8 @@ const Vr = (t) => {
   isHeaders: kr,
   isUndefined: se,
   isDate: yr,
-  isFile: br,
-  isBlob: wr,
+  isFile: wr,
+  isBlob: br,
   isRegExp: Hr,
   isFunction: P,
   isStream: $r,
@@ -3057,12 +3057,12 @@ function Ne(t, e, s) {
     return d.isArrayBuffer(p) || d.isTypedArray(p) ? l && typeof Blob == "function" ? new Blob([p]) : Buffer.from(p) : p;
   }
   function c(p, g, m) {
-    let b = p;
+    let w = p;
     if (p && !m && typeof p == "object") {
       if (d.endsWith(g, "{}"))
         g = r ? g : g.slice(0, -2), p = JSON.stringify(p);
-      else if (d.isArray(p) && Xr(p) || (d.isFileList(p) || d.endsWith(g, "[]")) && (b = d.toArray(p)))
-        return g = us(g), b.forEach(function(E, k) {
+      else if (d.isArray(p) && Xr(p) || (d.isFileList(p) || d.endsWith(g, "[]")) && (w = d.toArray(p)))
+        return g = us(g), w.forEach(function(E, k) {
           !(d.isUndefined(E) || E === null) && e.append(
             // eslint-disable-next-line no-nested-ternary
             n === !0 ? Ct([g], k, o) : n === null ? g : g + "[]",
@@ -3081,14 +3081,14 @@ function Ne(t, e, s) {
     if (!d.isUndefined(p)) {
       if (u.indexOf(p) !== -1)
         throw Error("Circular reference detected in " + g.join("."));
-      u.push(p), d.forEach(p, function(b, _) {
-        (!(d.isUndefined(b) || b === null) && i.call(
+      u.push(p), d.forEach(p, function(w, _) {
+        (!(d.isUndefined(w) || w === null) && i.call(
           e,
-          b,
+          w,
           d.isString(_) ? _.trim() : _,
           g,
           f
-        )) === !0 && y(b, g ? g.concat(_) : [_]);
+        )) === !0 && y(w, g ? g.concat(_) : [_]);
       }), u.pop();
     }
   }
@@ -3266,7 +3266,7 @@ function ui(t, e, s) {
     }
   return (s || JSON.stringify)(t);
 }
-const be = {
+const we = {
   transitional: ms,
   adapter: ["xhr", "http", "fetch"],
   transformRequest: [function(e, s) {
@@ -3295,7 +3295,7 @@ const be = {
     return o || i ? (s.setContentType("application/json", !1), ui(e)) : e;
   }],
   transformResponse: [function(e) {
-    const s = this.transitional || be.transitional, r = s && s.forcedJSONParsing, i = this.responseType === "json";
+    const s = this.transitional || we.transitional, r = s && s.forcedJSONParsing, i = this.responseType === "json";
     if (d.isResponse(e) || d.isReadableStream(e))
       return e;
     if (e && d.isString(e) && (r && !this.responseType || i)) {
@@ -3333,7 +3333,7 @@ const be = {
   }
 };
 d.forEach(["delete", "get", "head", "post", "put", "patch"], (t) => {
-  be.headers[t] = {};
+  we.headers[t] = {};
 });
 const pi = d.toObjectSet([
   "age",
@@ -3388,7 +3388,7 @@ function Fe(t, e, s, r, i) {
 function yi(t) {
   return t.trim().toLowerCase().replace(/([a-z\d])(\w*)/g, (e, s, r) => s.toUpperCase() + r);
 }
-function bi(t, e) {
+function wi(t, e) {
   const s = d.toCamelCase(" " + e);
   ["get", "set", "has"].forEach((r) => {
     Object.defineProperty(t, r + s, {
@@ -3520,7 +3520,7 @@ class D {
     }).accessors, i = this.prototype;
     function o(n) {
       const a = he(n);
-      r[a] || (bi(i, n), r[a] = !0);
+      r[a] || (wi(i, n), r[a] = !0);
     }
     return d.isArray(e) ? e.forEach(o) : o(e), this;
   }
@@ -3537,7 +3537,7 @@ d.reduceDescriptors(D.prototype, ({ value: t }, e) => {
 });
 d.freezeMethods(D);
 function qe(t, e) {
-  const s = this || be, r = e || s, i = D.from(r.headers);
+  const s = this || we, r = e || s, i = D.from(r.headers);
   let o = r.data;
   return d.forEach(t, function(a) {
     o = a.call(s, o, i.normalize(), e ? e.status : void 0);
@@ -3552,7 +3552,7 @@ function ne(t, e, s) {
 d.inherits(ne, $, {
   __CANCEL__: !0
 });
-function bs(t, e, s) {
+function ws(t, e, s) {
   const r = s.config.validateStatus;
   !s.status || !r || r(s.status) ? t(s) : e(new $(
     "Request failed with status code " + s.status,
@@ -3562,7 +3562,7 @@ function bs(t, e, s) {
     s
   ));
 }
-function wi(t) {
+function bi(t) {
   const e = /^([-+\w]{1,25})(:?\/\/|:)/.exec(t);
   return e && e[1] || "";
 }
@@ -3658,7 +3658,7 @@ function Ei(t) {
 function _i(t, e) {
   return e ? t.replace(/\/?\/$/, "") + "/" + e.replace(/^\/+/, "") : t;
 }
-function ws(t, e, s) {
+function bs(t, e, s) {
   let r = !Ei(e);
   return t && (r || s == !1) ? _i(t, e) : e;
 }
@@ -3730,7 +3730,7 @@ function Z(t, e) {
 const Ss = (t) => {
   const e = Z({}, t);
   let { data: s, withXSRFToken: r, xsrfHeaderName: i, xsrfCookieName: o, headers: n, auth: a } = e;
-  if (e.headers = n = D.from(n), e.url = fs(ws(e.baseURL, e.url, e.allowAbsoluteUrls), t.params, t.paramsSerializer), a && n.set(
+  if (e.headers = n = D.from(n), e.url = fs(bs(e.baseURL, e.url, e.allowAbsoluteUrls), t.params, t.paramsSerializer), a && n.set(
     "Authorization",
     "Basic " + btoa((a.username || "") + ":" + (a.password ? unescape(encodeURIComponent(a.password)) : ""))
   ), d.isFormData(s)) {
@@ -3759,7 +3759,7 @@ const Ss = (t) => {
     }
     let m = new XMLHttpRequest();
     m.open(i.method.toUpperCase(), i.url, !0), m.timeout = i.timeout;
-    function b() {
+    function w() {
       if (!m)
         return;
       const E = D.from(
@@ -3772,14 +3772,14 @@ const Ss = (t) => {
         config: t,
         request: m
       };
-      bs(function(U) {
+      ws(function(U) {
         s(U), g();
       }, function(U) {
         r(U), g();
       }, R), m = null;
     }
-    "onloadend" in m ? m.onloadend = b : m.onreadystatechange = function() {
-      !m || m.readyState !== 4 || m.status === 0 && !(m.responseURL && m.responseURL.indexOf("file:") === 0) || setTimeout(b);
+    "onloadend" in m ? m.onloadend = w : m.onreadystatechange = function() {
+      !m || m.readyState !== 4 || m.status === 0 && !(m.responseURL && m.responseURL.indexOf("file:") === 0) || setTimeout(w);
     }, m.onabort = function() {
       m && (r(new $("Request aborted", $.ECONNABORTED, t, m)), m = null);
     }, m.onerror = function(k) {
@@ -3799,7 +3799,7 @@ const Ss = (t) => {
     }), d.isUndefined(i.withCredentials) || (m.withCredentials = !!i.withCredentials), a && a !== "json" && (m.responseType = i.responseType), h && ([f, p] = Oe(h, !0), m.addEventListener("progress", f)), l && m.upload && ([u, y] = Oe(l), m.upload.addEventListener("progress", u), m.upload.addEventListener("loadend", y)), (i.cancelToken || i.signal) && (c = (E) => {
       m && (r(!E || E.type ? new ne(null, t, m) : E), m.abort(), m = null);
     }, i.cancelToken && i.cancelToken.subscribe(c), i.signal && (i.signal.aborted ? c() : i.signal.addEventListener("abort", c)));
-    const _ = wi(i.url);
+    const _ = bi(i.url);
     if (_ && x.protocols.indexOf(_) === -1) {
       r(new $("Unsupported protocol " + _ + ":", $.ERR_BAD_REQUEST, t));
       return;
@@ -3920,9 +3920,9 @@ const Ss = (t) => {
   };
   i && ["text", "arrayBuffer", "blob", "formData", "stream"].forEach((p) => {
     !u[p] && (u[p] = (g, m) => {
-      let b = g && g[p];
-      if (b)
-        return b.call(g);
+      let w = g && g[p];
+      if (w)
+        return w.call(g);
       throw new $(`Response type '${p}' is not supported`, $.ERR_NOT_SUPPORT, m);
     });
   });
@@ -3948,7 +3948,7 @@ const Ss = (t) => {
     let {
       url: g,
       method: m,
-      data: b,
+      data: w,
       signal: _,
       cancelToken: E,
       timeout: k,
@@ -3956,7 +3956,7 @@ const Ss = (t) => {
       onUploadProgress: q,
       responseType: U,
       headers: Ie,
-      withCredentials: we = "same-origin",
+      withCredentials: be = "same-origin",
       fetchOptions: at
     } = Ss(p), lt = e || fetch;
     U = U ? (U + "").toLowerCase() : "text";
@@ -3966,29 +3966,29 @@ const Ss = (t) => {
     });
     let ct;
     try {
-      if (q && h && m !== "get" && m !== "head" && (ct = await y(Ie, b)) !== 0) {
+      if (q && h && m !== "get" && m !== "head" && (ct = await y(Ie, w)) !== 0) {
         let j = new s(g, {
           method: "POST",
-          body: b,
+          body: w,
           duplex: "half"
         }), X;
-        if (d.isFormData(b) && (X = j.headers.get("content-type")) && Ie.setContentType(X), j.body) {
+        if (d.isFormData(w) && (X = j.headers.get("content-type")) && Ie.setContentType(X), j.body) {
           const [Be, $e] = Pt(
             ct,
             Oe(Dt(q))
           );
-          b = Nt(j.body, Lt, Be, $e);
+          w = Nt(j.body, Lt, Be, $e);
         }
       }
-      d.isString(we) || (we = we ? "include" : "omit");
+      d.isString(be) || (be = be ? "include" : "omit");
       const L = o && "credentials" in s.prototype, ht = {
         ...at,
         signal: Se,
         method: m.toUpperCase(),
         headers: Ie.normalize().toJSON(),
-        body: b,
+        body: w,
         duplex: "half",
-        credentials: L ? we : void 0
+        credentials: L ? be : void 0
       };
       ae = o && new s(g, ht);
       let B = await (o ? lt(ae, at) : lt(g, ht));
@@ -4012,7 +4012,7 @@ const Ss = (t) => {
       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, {
+        ws(j, X, {
           data: _s,
           headers: D.from(B.headers),
           status: B.status,
@@ -4108,7 +4108,7 @@ function Mt(t) {
   return ze(t), t.headers = D.from(t.headers), t.data = qe.call(
     t,
     t.transformRequest
-  ), ["post", "put", "patch"].indexOf(t.method) !== -1 && t.headers.setContentType("application/x-www-form-urlencoded", !1), As.getAdapter(t.adapter || be.adapter, t)(t).then(function(r) {
+  ), ["post", "put", "patch"].indexOf(t.method) !== -1 && t.headers.setContentType("application/x-www-form-urlencoded", !1), As.getAdapter(t.adapter || we.adapter, t)(t).then(function(r) {
     return ze(t), r.data = qe.call(
       t,
       t.transformResponse,
@@ -4262,7 +4262,7 @@ class J {
   }
   getUri(e) {
     e = Z(this.defaults, e);
-    const s = ws(e.baseURL, e.url, e.allowAbsoluteUrls);
+    const s = bs(e.baseURL, e.url, e.allowAbsoluteUrls);
     return fs(s, e.params, e.paramsSerializer);
   }
 }
@@ -4451,7 +4451,7 @@ function Es(t) {
     return Es(Z(t, i));
   }, s;
 }
-const C = Es(be);
+const C = Es(we);
 C.Axios = J;
 C.CanceledError = ne;
 C.CancelToken = nt;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cal.macconnachie/web-components",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "description": "Web components hosted on a CDN",
   "keywords": [
     "lit",