@cal.macconnachie/web-components 1.0.1 → 1.0.3

package/dist/components/auth-form.js

@@ -1,2436 +0,0 @@
-const B = globalThis, Z = B.ShadowRoot && (B.ShadyCSS === void 0 || B.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Q = Symbol(), ot = /* @__PURE__ */ new WeakMap();
-let $t = class {
-  constructor(t, s, r) {
-    if (this._$cssResult$ = !0, r !== Q) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-    this.cssText = t, this.t = s;
-  }
-  get styleSheet() {
-    let t = this.o;
-    const s = this.t;
-    if (Z && t === void 0) {
-      const r = s !== void 0 && s.length === 1;
-      r && (t = ot.get(s)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), r && ot.set(s, t));
-    }
-    return t;
-  }
-  toString() {
-    return this.cssText;
-  }
-};
-const St = (e) => new $t(typeof e == "string" ? e : e + "", void 0, Q), kt = (e, ...t) => {
-  const s = e.length === 1 ? e[0] : t.reduce(((r, i, o) => r + ((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.");
-  })(i) + e[o + 1]), e[0]);
-  return new $t(s, e, Q);
-}, Et = (e, t) => {
-  if (Z) e.adoptedStyleSheets = t.map(((s) => s instanceof CSSStyleSheet ? s : s.styleSheet));
-  else for (const s of t) {
-    const r = document.createElement("style"), i = B.litNonce;
-    i !== void 0 && r.setAttribute("nonce", i), r.textContent = s.cssText, e.appendChild(r);
-  }
-}, at = Z ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
-  let s = "";
-  for (const r of t.cssRules) s += r.cssText;
-  return St(s);
-})(e) : e;
-const { is: xt, defineProperty: Ct, getOwnPropertyDescriptor: Tt, getOwnPropertyNames: Pt, getOwnPropertySymbols: Ot, getPrototypeOf: Ut } = Object, W = globalThis, nt = W.trustedTypes, Rt = nt ? nt.emptyScript : "", Dt = W.reactiveElementPolyfillSupport, M = (e, t) => e, K = { toAttribute(e, t) {
-  switch (t) {
-    case Boolean:
-      e = e ? Rt : null;
-      break;
-    case Object:
-    case Array:
-      e = e == null ? e : JSON.stringify(e);
-  }
-  return e;
-}, fromAttribute(e, t) {
-  let s = e;
-  switch (t) {
-    case Boolean:
-      s = e !== null;
-      break;
-    case Number:
-      s = e === null ? null : Number(e);
-      break;
-    case Object:
-    case Array:
-      try {
-        s = JSON.parse(e);
-      } catch {
-        s = null;
-      }
-  }
-  return s;
-} }, X = (e, t) => !xt(e, t), lt = { attribute: !0, type: String, converter: K, reflect: !1, useDefault: !1, hasChanged: X };
-Symbol.metadata ??= Symbol("metadata"), W.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-let R = class extends HTMLElement {
-  static addInitializer(t) {
-    this._$Ei(), (this.l ??= []).push(t);
-  }
-  static get observedAttributes() {
-    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
-  }
-  static createProperty(t, s = lt) {
-    if (s.state && (s.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((s = Object.create(s)).wrapped = !0), this.elementProperties.set(t, s), !s.noAccessor) {
-      const r = Symbol(), i = this.getPropertyDescriptor(t, r, s);
-      i !== void 0 && Ct(this.prototype, t, i);
-    }
-  }
-  static getPropertyDescriptor(t, s, r) {
-    const { get: i, set: o } = Tt(this.prototype, t) ?? { get() {
-      return this[s];
-    }, set(a) {
-      this[s] = a;
-    } };
-    return { get: i, set(a) {
-      const p = i?.call(this);
-      o?.call(this, a), this.requestUpdate(t, p, r);
-    }, configurable: !0, enumerable: !0 };
-  }
-  static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? lt;
-  }
-  static _$Ei() {
-    if (this.hasOwnProperty(M("elementProperties"))) return;
-    const t = Ut(this);
-    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
-  }
-  static finalize() {
-    if (this.hasOwnProperty(M("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(M("properties"))) {
-      const s = this.properties, r = [...Pt(s), ...Ot(s)];
-      for (const i of r) this.createProperty(i, s[i]);
-    }
-    const t = this[Symbol.metadata];
-    if (t !== null) {
-      const s = litPropertyMetadata.get(t);
-      if (s !== void 0) for (const [r, i] of s) this.elementProperties.set(r, i);
-    }
-    this._$Eh = /* @__PURE__ */ new Map();
-    for (const [s, r] of this.elementProperties) {
-      const i = this._$Eu(s, r);
-      i !== void 0 && this._$Eh.set(i, s);
-    }
-    this.elementStyles = this.finalizeStyles(this.styles);
-  }
-  static finalizeStyles(t) {
-    const s = [];
-    if (Array.isArray(t)) {
-      const r = new Set(t.flat(1 / 0).reverse());
-      for (const i of r) s.unshift(at(i));
-    } else t !== void 0 && s.push(at(t));
-    return s;
-  }
-  static _$Eu(t, s) {
-    const r = s.attribute;
-    return r === !1 ? void 0 : typeof r == "string" ? r : typeof t == "string" ? t.toLowerCase() : void 0;
-  }
-  constructor() {
-    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
-  }
-  _$Ev() {
-    this._$ES = new Promise(((t) => this.enableUpdating = t)), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach(((t) => t(this)));
-  }
-  addController(t) {
-    (this._$EO ??= /* @__PURE__ */ new Set()).add(t), this.renderRoot !== void 0 && this.isConnected && t.hostConnected?.();
-  }
-  removeController(t) {
-    this._$EO?.delete(t);
-  }
-  _$E_() {
-    const t = /* @__PURE__ */ new Map(), s = this.constructor.elementProperties;
-    for (const r of s.keys()) this.hasOwnProperty(r) && (t.set(r, this[r]), delete this[r]);
-    t.size > 0 && (this._$Ep = t);
-  }
-  createRenderRoot() {
-    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Et(t, this.constructor.elementStyles), t;
-  }
-  connectedCallback() {
-    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((t) => t.hostConnected?.()));
-  }
-  enableUpdating(t) {
-  }
-  disconnectedCallback() {
-    this._$EO?.forEach(((t) => t.hostDisconnected?.()));
-  }
-  attributeChangedCallback(t, s, r) {
-    this._$AK(t, r);
-  }
-  _$ET(t, s) {
-    const r = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, r);
-    if (i !== void 0 && r.reflect === !0) {
-      const o = (r.converter?.toAttribute !== void 0 ? r.converter : K).toAttribute(s, r.type);
-      this._$Em = t, o == null ? this.removeAttribute(i) : this.setAttribute(i, o), this._$Em = null;
-    }
-  }
-  _$AK(t, s) {
-    const r = this.constructor, i = r._$Eh.get(t);
-    if (i !== void 0 && this._$Em !== i) {
-      const o = r.getPropertyOptions(i), a = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : K;
-      this._$Em = i;
-      const p = a.fromAttribute(s, o.type);
-      this[i] = p ?? this._$Ej?.get(i) ?? p, this._$Em = null;
-    }
-  }
-  requestUpdate(t, s, r) {
-    if (t !== void 0) {
-      const i = this.constructor, o = this[t];
-      if (r ??= i.getPropertyOptions(t), !((r.hasChanged ?? X)(o, s) || r.useDefault && r.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(i._$Eu(t, r)))) return;
-      this.C(t, s, r);
-    }
-    this.isUpdatePending === !1 && (this._$ES = this._$EP());
-  }
-  C(t, s, { useDefault: r, reflect: i, wrapped: o }, a) {
-    r && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, a ?? s ?? this[t]), o !== !0 || a !== void 0) || (this._$AL.has(t) || (this.hasUpdated || r || (s = void 0), this._$AL.set(t, s)), i === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
-  }
-  async _$EP() {
-    this.isUpdatePending = !0;
-    try {
-      await this._$ES;
-    } catch (s) {
-      Promise.reject(s);
-    }
-    const t = this.scheduleUpdate();
-    return t != null && await t, !this.isUpdatePending;
-  }
-  scheduleUpdate() {
-    return this.performUpdate();
-  }
-  performUpdate() {
-    if (!this.isUpdatePending) return;
-    if (!this.hasUpdated) {
-      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
-        for (const [i, o] of this._$Ep) this[i] = o;
-        this._$Ep = void 0;
-      }
-      const r = this.constructor.elementProperties;
-      if (r.size > 0) for (const [i, o] of r) {
-        const { wrapped: a } = o, p = this[i];
-        a !== !0 || this._$AL.has(i) || p === void 0 || this.C(i, void 0, o, p);
-      }
-    }
-    let t = !1;
-    const s = this._$AL;
-    try {
-      t = this.shouldUpdate(s), t ? (this.willUpdate(s), this._$EO?.forEach(((r) => r.hostUpdate?.())), this.update(s)) : this._$EM();
-    } catch (r) {
-      throw t = !1, this._$EM(), r;
-    }
-    t && this._$AE(s);
-  }
-  willUpdate(t) {
-  }
-  _$AE(t) {
-    this._$EO?.forEach(((s) => s.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
-  }
-  _$EM() {
-    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
-  }
-  get updateComplete() {
-    return this.getUpdateComplete();
-  }
-  getUpdateComplete() {
-    return this._$ES;
-  }
-  shouldUpdate(t) {
-    return !0;
-  }
-  update(t) {
-    this._$Eq &&= this._$Eq.forEach(((s) => this._$ET(s, this[s]))), this._$EM();
-  }
-  updated(t) {
-  }
-  firstUpdated(t) {
-  }
-};
-R.elementStyles = [], R.shadowRootOptions = { mode: "open" }, R[M("elementProperties")] = /* @__PURE__ */ new Map(), R[M("finalized")] = /* @__PURE__ */ new Map(), Dt?.({ ReactiveElement: R }), (W.reactiveElementVersions ??= []).push("2.1.1");
-const tt = globalThis, F = tt.trustedTypes, ht = F ? F.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, bt = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, wt = "?" + E, It = `<${wt}>`, O = document, j = () => O.createComment(""), q = (e) => e === null || typeof e != "object" && typeof e != "function", et = Array.isArray, Nt = (e) => et(e) || typeof e?.[Symbol.iterator] == "function", G = `[ 	
-\f\r]`, N = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ct = /-->/g, dt = />/g, C = RegExp(`>|${G}(?:([^\\s"'>=/]+)(${G}*=${G}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), pt = /'/g, ut = /"/g, vt = /^(?:script|style|textarea|title)$/i, Lt = (e) => (t, ...s) => ({ _$litType$: e, strings: t, values: s }), m = Lt(1), U = Symbol.for("lit-noChange"), g = Symbol.for("lit-nothing"), gt = /* @__PURE__ */ new WeakMap(), P = O.createTreeWalker(O, 129);
-function At(e, t) {
-  if (!et(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return ht !== void 0 ? ht.createHTML(t) : t;
-}
-const Mt = (e, t) => {
-  const s = e.length - 1, r = [];
-  let i, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", a = N;
-  for (let p = 0; p < s; p++) {
-    const n = e[p];
-    let h, c, l = -1, d = 0;
-    for (; d < n.length && (a.lastIndex = d, c = a.exec(n), c !== null); ) d = a.lastIndex, a === N ? c[1] === "!--" ? a = ct : c[1] !== void 0 ? a = dt : c[2] !== void 0 ? (vt.test(c[2]) && (i = RegExp("</" + c[2], "g")), a = C) : c[3] !== void 0 && (a = C) : a === C ? c[0] === ">" ? (a = i ?? N, l = -1) : c[1] === void 0 ? l = -2 : (l = a.lastIndex - c[2].length, h = c[1], a = c[3] === void 0 ? C : c[3] === '"' ? ut : pt) : a === ut || a === pt ? a = C : a === ct || a === dt ? a = N : (a = C, i = void 0);
-    const u = a === C && e[p + 1].startsWith("/>") ? " " : "";
-    o += a === N ? n + It : l >= 0 ? (r.push(h), n.slice(0, l) + bt + n.slice(l) + E + u) : n + E + (l === -2 ? p : u);
-  }
-  return [At(e, o + (e[s] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
-};
-class z {
-  constructor({ strings: t, _$litType$: s }, r) {
-    let i;
-    this.parts = [];
-    let o = 0, a = 0;
-    const p = t.length - 1, n = this.parts, [h, c] = Mt(t, s);
-    if (this.el = z.createElement(h, r), P.currentNode = this.el.content, s === 2 || s === 3) {
-      const l = this.el.content.firstChild;
-      l.replaceWith(...l.childNodes);
-    }
-    for (; (i = P.nextNode()) !== null && n.length < p; ) {
-      if (i.nodeType === 1) {
-        if (i.hasAttributes()) for (const l of i.getAttributeNames()) if (l.endsWith(bt)) {
-          const d = c[a++], u = i.getAttribute(l).split(E), f = /([.?@])?(.*)/.exec(d);
-          n.push({ type: 1, index: o, name: f[2], strings: u, ctor: f[1] === "." ? jt : f[1] === "?" ? qt : f[1] === "@" ? zt : V }), i.removeAttribute(l);
-        } else l.startsWith(E) && (n.push({ type: 6, index: o }), i.removeAttribute(l));
-        if (vt.test(i.tagName)) {
-          const l = i.textContent.split(E), d = l.length - 1;
-          if (d > 0) {
-            i.textContent = F ? F.emptyScript : "";
-            for (let u = 0; u < d; u++) i.append(l[u], j()), P.nextNode(), n.push({ type: 2, index: ++o });
-            i.append(l[d], j());
-          }
-        }
-      } else if (i.nodeType === 8) if (i.data === wt) n.push({ type: 2, index: o });
-      else {
-        let l = -1;
-        for (; (l = i.data.indexOf(E, l + 1)) !== -1; ) n.push({ type: 7, index: o }), l += E.length - 1;
-      }
-      o++;
-    }
-  }
-  static createElement(t, s) {
-    const r = O.createElement("template");
-    return r.innerHTML = t, r;
-  }
-}
-function D(e, t, s = e, r) {
-  if (t === U) return t;
-  let i = r !== void 0 ? s._$Co?.[r] : s._$Cl;
-  const o = q(t) ? void 0 : t._$litDirective$;
-  return i?.constructor !== o && (i?._$AO?.(!1), o === void 0 ? i = void 0 : (i = new o(e), i._$AT(e, s, r)), r !== void 0 ? (s._$Co ??= [])[r] = i : s._$Cl = i), i !== void 0 && (t = D(e, i._$AS(e, t.values), i, r)), t;
-}
-let Ht = class {
-  constructor(t, s) {
-    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = s;
-  }
-  get parentNode() {
-    return this._$AM.parentNode;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  u(t) {
-    const { el: { content: s }, parts: r } = this._$AD, i = (t?.creationScope ?? O).importNode(s, !0);
-    P.currentNode = i;
-    let o = P.nextNode(), a = 0, p = 0, n = r[0];
-    for (; n !== void 0; ) {
-      if (a === n.index) {
-        let h;
-        n.type === 2 ? h = new I(o, o.nextSibling, this, t) : n.type === 1 ? h = new n.ctor(o, n.name, n.strings, this, t) : n.type === 6 && (h = new Bt(o, this, t)), this._$AV.push(h), n = r[++p];
-      }
-      a !== n?.index && (o = P.nextNode(), a++);
-    }
-    return P.currentNode = O, i;
-  }
-  p(t) {
-    let s = 0;
-    for (const r of this._$AV) r !== void 0 && (r.strings !== void 0 ? (r._$AI(t, r, s), s += r.strings.length - 2) : r._$AI(t[s])), s++;
-  }
-};
-class I {
-  get _$AU() {
-    return this._$AM?._$AU ?? this._$Cv;
-  }
-  constructor(t, s, r, i) {
-    this.type = 2, this._$AH = g, this._$AN = void 0, this._$AA = t, this._$AB = s, this._$AM = r, this.options = i, this._$Cv = i?.isConnected ?? !0;
-  }
-  get parentNode() {
-    let t = this._$AA.parentNode;
-    const s = this._$AM;
-    return s !== void 0 && t?.nodeType === 11 && (t = s.parentNode), t;
-  }
-  get startNode() {
-    return this._$AA;
-  }
-  get endNode() {
-    return this._$AB;
-  }
-  _$AI(t, s = this) {
-    t = D(this, t, s), q(t) ? t === g || t == null || t === "" ? (this._$AH !== g && this._$AR(), this._$AH = g) : t !== this._$AH && t !== U && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Nt(t) ? this.k(t) : this._(t);
-  }
-  O(t) {
-    return this._$AA.parentNode.insertBefore(t, this._$AB);
-  }
-  T(t) {
-    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
-  }
-  _(t) {
-    this._$AH !== g && q(this._$AH) ? this._$AA.nextSibling.data = t : this.T(O.createTextNode(t)), this._$AH = t;
-  }
-  $(t) {
-    const { values: s, _$litType$: r } = t, i = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = z.createElement(At(r.h, r.h[0]), this.options)), r);
-    if (this._$AH?._$AD === i) this._$AH.p(s);
-    else {
-      const o = new Ht(i, this), a = o.u(this.options);
-      o.p(s), this.T(a), this._$AH = o;
-    }
-  }
-  _$AC(t) {
-    let s = gt.get(t.strings);
-    return s === void 0 && gt.set(t.strings, s = new z(t)), s;
-  }
-  k(t) {
-    et(this._$AH) || (this._$AH = [], this._$AR());
-    const s = this._$AH;
-    let r, i = 0;
-    for (const o of t) i === s.length ? s.push(r = new I(this.O(j()), this.O(j()), this, this.options)) : r = s[i], r._$AI(o), i++;
-    i < s.length && (this._$AR(r && r._$AB.nextSibling, i), s.length = i);
-  }
-  _$AR(t = this._$AA.nextSibling, s) {
-    for (this._$AP?.(!1, !0, s); t !== this._$AB; ) {
-      const r = t.nextSibling;
-      t.remove(), t = r;
-    }
-  }
-  setConnected(t) {
-    this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
-  }
-}
-class V {
-  get tagName() {
-    return this.element.tagName;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  constructor(t, s, r, i, o) {
-    this.type = 1, this._$AH = g, this._$AN = void 0, this.element = t, 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 = g;
-  }
-  _$AI(t, s = this, r, i) {
-    const o = this.strings;
-    let a = !1;
-    if (o === void 0) t = D(this, t, s, 0), a = !q(t) || t !== this._$AH && t !== U, a && (this._$AH = t);
-    else {
-      const p = t;
-      let n, h;
-      for (t = o[0], n = 0; n < o.length - 1; n++) h = D(this, p[r + n], s, n), h === U && (h = this._$AH[n]), a ||= !q(h) || h !== this._$AH[n], h === g ? t = g : t !== g && (t += (h ?? "") + o[n + 1]), this._$AH[n] = h;
-    }
-    a && !i && this.j(t);
-  }
-  j(t) {
-    t === g ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
-  }
-}
-class jt extends V {
-  constructor() {
-    super(...arguments), this.type = 3;
-  }
-  j(t) {
-    this.element[this.name] = t === g ? void 0 : t;
-  }
-}
-class qt extends V {
-  constructor() {
-    super(...arguments), this.type = 4;
-  }
-  j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== g);
-  }
-}
-class zt extends V {
-  constructor(t, s, r, i, o) {
-    super(t, s, r, i, o), this.type = 5;
-  }
-  _$AI(t, s = this) {
-    if ((t = D(this, t, s, 0) ?? g) === U) return;
-    const r = this._$AH, i = t === g && r !== g || t.capture !== r.capture || t.once !== r.once || t.passive !== r.passive, o = t !== g && (r === g || i);
-    i && this.element.removeEventListener(this.name, this, r), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
-  }
-  handleEvent(t) {
-    typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
-  }
-}
-class Bt {
-  constructor(t, s, r) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = s, this.options = r;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AI(t) {
-    D(this, t);
-  }
-}
-const Kt = { I }, Ft = tt.litHtmlPolyfillSupport;
-Ft?.(z, I), (tt.litHtmlVersions ??= []).push("3.3.1");
-const Wt = (e, t, s) => {
-  const r = s?.renderBefore ?? t;
-  let i = r._$litPart$;
-  if (i === void 0) {
-    const o = s?.renderBefore ?? null;
-    r._$litPart$ = i = new I(t.insertBefore(j(), o), o, void 0, s ?? {});
-  }
-  return i._$AI(e), i;
-};
-const st = globalThis;
-let H = class extends R {
-  constructor() {
-    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
-  }
-  createRenderRoot() {
-    const t = super.createRenderRoot();
-    return this.renderOptions.renderBefore ??= t.firstChild, t;
-  }
-  update(t) {
-    const s = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Wt(s, this.renderRoot, this.renderOptions);
-  }
-  connectedCallback() {
-    super.connectedCallback(), this._$Do?.setConnected(!0);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this._$Do?.setConnected(!1);
-  }
-  render() {
-    return U;
-  }
-};
-H._$litElement$ = !0, H.finalized = !0, st.litElementHydrateSupport?.({ LitElement: H });
-const Vt = st.litElementPolyfillSupport;
-Vt?.({ LitElement: H });
-(st.litElementVersions ??= []).push("4.2.1");
-const Gt = (e) => (t, s) => {
-  s !== void 0 ? s.addInitializer((() => {
-    customElements.define(e, t);
-  })) : customElements.define(e, t);
-};
-const Jt = { attribute: !0, type: String, converter: K, reflect: !1, hasChanged: X }, Yt = (e = Jt, t, s) => {
-  const { kind: r, metadata: i } = s;
-  let o = globalThis.litPropertyMetadata.get(i);
-  if (o === void 0 && globalThis.litPropertyMetadata.set(i, o = /* @__PURE__ */ new Map()), r === "setter" && ((e = Object.create(e)).wrapped = !0), o.set(s.name, e), r === "accessor") {
-    const { name: a } = s;
-    return { set(p) {
-      const n = t.get.call(this);
-      t.set.call(this, p), this.requestUpdate(a, n, e);
-    }, init(p) {
-      return p !== void 0 && this.C(a, void 0, e, p), p;
-    } };
-  }
-  if (r === "setter") {
-    const { name: a } = s;
-    return function(p) {
-      const n = this[a];
-      t.call(this, p), this.requestUpdate(a, n, e);
-    };
-  }
-  throw Error("Unsupported decorator location: " + r);
-};
-function S(e) {
-  return (t, s) => typeof s == "object" ? Yt(e, t, s) : ((r, i, o) => {
-    const a = i.hasOwnProperty(o);
-    return i.constructor.createProperty(o, r), a ? Object.getOwnPropertyDescriptor(i, o) : void 0;
-  })(e, t, s);
-}
-function v(e) {
-  return S({ ...e, state: !0, attribute: !1 });
-}
-const Zt = (e, t, s) => (s.configurable = !0, s.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(e, t, s), s);
-function Qt(e, t) {
-  return (s, r, i) => {
-    const o = (a) => a.renderRoot?.querySelector(e) ?? null;
-    return Zt(s, r, { get() {
-      return o(this);
-    } });
-  };
-}
-const Xt = { CHILD: 2 }, te = (e) => (...t) => ({ _$litDirective$: e, values: t });
-class ee {
-  constructor(t) {
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AT(t, s, r) {
-    this._$Ct = t, this._$AM = s, this._$Ci = r;
-  }
-  _$AS(t, s) {
-    return this.update(t, s);
-  }
-  update(t, s) {
-    return this.render(...s);
-  }
-}
-const { I: se } = Kt, mt = () => document.createComment(""), L = (e, t, s) => {
-  const r = e._$AA.parentNode, i = t === void 0 ? e._$AB : t._$AA;
-  if (s === void 0) {
-    const o = r.insertBefore(mt(), i), a = r.insertBefore(mt(), i);
-    s = new se(o, a, e, e.options);
-  } else {
-    const o = s._$AB.nextSibling, a = s._$AM, p = a !== e;
-    if (p) {
-      let n;
-      s._$AQ?.(e), s._$AM = e, s._$AP !== void 0 && (n = e._$AU) !== a._$AU && s._$AP(n);
-    }
-    if (o !== i || p) {
-      let n = s._$AA;
-      for (; n !== o; ) {
-        const h = n.nextSibling;
-        r.insertBefore(n, i), n = h;
-      }
-    }
-  }
-  return s;
-}, T = (e, t, s = e) => (e._$AI(t, s), e), ie = {}, re = (e, t = ie) => e._$AH = t, oe = (e) => e._$AH, J = (e) => {
-  e._$AR(), e._$AA.remove();
-};
-const ft = (e, t, s) => {
-  const r = /* @__PURE__ */ new Map();
-  for (let i = t; i <= s; i++) r.set(e[i], i);
-  return r;
-}, yt = te(class extends ee {
-  constructor(e) {
-    if (super(e), e.type !== Xt.CHILD) throw Error("repeat() can only be used in text expressions");
-  }
-  dt(e, t, s) {
-    let r;
-    s === void 0 ? s = t : t !== void 0 && (r = t);
-    const i = [], o = [];
-    let a = 0;
-    for (const p of e) i[a] = r ? r(p, a) : a, o[a] = s(p, a), a++;
-    return { values: o, keys: i };
-  }
-  render(e, t, s) {
-    return this.dt(e, t, s).values;
-  }
-  update(e, [t, s, r]) {
-    const i = oe(e), { values: o, keys: a } = this.dt(t, s, r);
-    if (!Array.isArray(i)) return this.ut = a, o;
-    const p = this.ut ??= [], n = [];
-    let h, c, l = 0, d = i.length - 1, u = 0, f = o.length - 1;
-    for (; l <= d && u <= f; ) if (i[l] === null) l++;
-    else if (i[d] === null) d--;
-    else if (p[l] === a[u]) n[u] = T(i[l], o[u]), l++, u++;
-    else if (p[d] === a[f]) n[f] = T(i[d], o[f]), d--, f--;
-    else if (p[l] === a[f]) n[f] = T(i[l], o[f]), L(e, n[f + 1], i[l]), l++, f--;
-    else if (p[d] === a[u]) n[u] = T(i[d], o[u]), L(e, i[l], i[d]), d--, u++;
-    else if (h === void 0 && (h = ft(a, u, f), c = ft(p, l, d)), h.has(p[l])) if (h.has(p[d])) {
-      const w = c.get(a[u]), A = w !== void 0 ? i[w] : null;
-      if (A === null) {
-        const b = L(e, i[l]);
-        T(b, o[u]), n[u] = b;
-      } else n[u] = T(A, o[u]), L(e, i[l], A), i[w] = null;
-      u++;
-    } else J(i[d]), d--;
-    else J(i[l]), l++;
-    for (; u <= f; ) {
-      const w = L(e, n[f + 1]);
-      T(w, o[u]), n[u++] = w;
-    }
-    for (; l <= d; ) {
-      const w = i[l++];
-      w !== null && J(w);
-    }
-    return this.ut = a, re(e, n), U;
-  }
-});
-var ae = Object.defineProperty, _t = (e, t, s, r) => {
-  for (var i = void 0, o = e.length - 1, a; o >= 0; o--)
-    (a = e[o]) && (i = a(t, s, i) || i);
-  return i && ae(t, s, i), i;
-};
-class it extends H {
-  constructor() {
-    super(...arguments), this.theme = "light", this.storageKey = "theme-preference", this.boundThemeChangeHandler = this.handleGlobalThemeChange.bind(this);
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    const t = document.documentElement.getAttribute("data-theme"), s = localStorage.getItem(this.storageKey), r = window.matchMedia("(prefers-color-scheme: dark)").matches;
-    t ? this.theme = t : s ? (this.theme = s, this.applyTheme()) : r ? (this.theme = "dark", this.applyTheme()) : this.applyTheme(), window.addEventListener("theme-changed", this.boundThemeChangeHandler);
-  }
-  disconnectedCallback() {
-    window.removeEventListener("theme-changed", this.boundThemeChangeHandler), super.disconnectedCallback();
-  }
-  handleGlobalThemeChange(t) {
-    const s = t;
-    s.target !== this && s.detail.theme !== this.theme && (this.theme = s.detail.theme);
-  }
-  applyTheme() {
-    document.documentElement.setAttribute("data-theme", this.theme), localStorage.setItem(this.storageKey, this.theme), this.dispatchEvent(
-      new CustomEvent("theme-changed", {
-        detail: { theme: this.theme },
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-}
-_t([
-  S({ type: String, attribute: "data-theme", reflect: !0 })
-], it.prototype, "theme");
-_t([
-  S({ type: String, attribute: "storage-key" })
-], it.prototype, "storageKey");
-const ne = ({
-  baseUrl: e
-}) => {
-  const t = {
-    login: "auth/login",
-    logout: "auth/logout",
-    refresh: "auth/refresh",
-    requestRegisterOtp: "auth/request-register-otp",
-    register: "auth/register",
-    requestResetPassword: "auth/request-reset-password",
-    resetPassword: "auth/reset-password"
-  };
-  return {
-    login: async ({
-      email: h,
-      password: c,
-      accessToken: l,
-      refreshToken: d,
-      idToken: u
-    }) => {
-      const f = await fetch(`${e}${t.login}`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          email: h,
-          password: c,
-          accessToken: l,
-          refreshToken: d,
-          idToken: u
-        })
-      });
-      if (!f.ok) {
-        const w = await f.json();
-        throw new Error(w.message || w.error || "Login failed");
-      }
-      return f.json();
-    },
-    logout: async ({
-      accessToken: h,
-      refreshToken: c,
-      authToken: l
-    }) => {
-      const d = await fetch(`${e}${t.logout}`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-          Authorization: `Bearer ${l}`
-        },
-        body: JSON.stringify({
-          accessToken: h,
-          refreshToken: c
-        })
-      });
-      if (!d.ok) {
-        const u = await d.json();
-        throw new Error(u.message || u.error || "Logout failed");
-      }
-      return d.json();
-    },
-    refresh: async ({ refreshToken: h }) => {
-      const c = await fetch(`${e}${t.refresh}`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          refreshToken: h
-        })
-      });
-      if (!c.ok) {
-        const l = await c.json();
-        throw new Error(l.message || l.error || "Failed to refresh token");
-      }
-      return c.json();
-    },
-    requestRegisterOtp: async ({ email: h }) => {
-      const c = await fetch(`${e}${t.requestRegisterOtp}`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          email: h
-        })
-      });
-      if (!c.ok) {
-        const l = await c.json();
-        throw new Error(l.message || l.error || "Failed to request OTP");
-      }
-      return c.json();
-    },
-    register: async ({
-      email: h,
-      password: c,
-      phone_number: l,
-      family_name: d,
-      given_name: u,
-      code: f
-    }) => {
-      const w = await fetch(`${e}${t.register}`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          email: h,
-          password: c,
-          phone_number: l,
-          family_name: d,
-          given_name: u,
-          code: f
-        })
-      });
-      if (!w.ok) {
-        const A = await w.json();
-        throw new Error(A.message || A.error || "Registration failed");
-      }
-      return w.json();
-    },
-    requestResetPassword: async ({ email: h }) => {
-      const c = await fetch(`${e}${t.requestResetPassword}`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          email: h
-        })
-      });
-      if (!c.ok) {
-        const l = await c.json();
-        throw new Error(l.message || l.error || "Failed to request password reset");
-      }
-      return c.json();
-    },
-    resetPassword: async ({
-      email: h,
-      otp: c,
-      newPassword: l
-    }) => {
-      const d = await fetch(`${e}${t.resetPassword}`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          email: h,
-          otp: c,
-          newPassword: l
-        })
-      });
-      if (!d.ok) {
-        const u = await d.json();
-        throw new Error(u.message || u.error || "Failed to reset password");
-      }
-      return d.json();
-    }
-  };
-}, Y = {
-  AUTH_TOKEN: "authToken",
-  ACCESS_TOKEN: "accessToken",
-  REFRESH_TOKEN: "refreshToken"
-}, le = {
-  maxAge: 3600 * 24 * 7,
-  // 7 days
-  secure: !0,
-  sameSite: "lax",
-  path: "/"
-}, he = () => {
-  const e = (n, h, c = {}) => {
-    const {
-      maxAge: l,
-      path: d = "/",
-      secure: u = window.location.protocol === "https:",
-      sameSite: f = "lax",
-      domain: w
-    } = c;
-    let A = `${encodeURIComponent(n)}=${encodeURIComponent(h)}`;
-    l !== void 0 && (A += `; Max-Age=${l}`), A += `; Path=${d}`, u && (A += "; Secure"), A += `; SameSite=${f}`, w && (A += `; Domain=${w}`), document.cookie = A;
-  }, t = (n) => {
-    const h = encodeURIComponent(n) + "=", c = document.cookie.split(";");
-    for (let l = 0; l < c.length; l++) {
-      let d = c[l];
-      for (; d.charAt(0) === " "; )
-        d = d.substring(1);
-      if (d.indexOf(h) === 0)
-        return decodeURIComponent(d.substring(h.length));
-    }
-    return null;
-  }, s = (n, h = {}) => {
-    e(n, "", {
-      ...h,
-      maxAge: -1
-    });
-  }, r = (n) => t(n) !== null, i = (n, h) => {
-    e(Y[n], h, le);
-  }, o = (n) => t(Y[n]), a = (n) => {
-    s(Y[n]);
-  };
-  return {
-    setCookie: e,
-    getCookie: t,
-    removeCookie: s,
-    hasCookie: r,
-    setAuthToken: i,
-    getAuthToken: o,
-    removeAuthToken: a,
-    clearAllAuthTokens: () => {
-      a("AUTH_TOKEN"), a("ACCESS_TOKEN"), a("REFRESH_TOKEN");
-    }
-  };
-}, ce = ["code", "state", "error", "error_description"], de = (e) => {
-  if (e) return e;
-  const t = new URL(window.location.href);
-  return ce.forEach((s) => t.searchParams.delete(s)), t.toString();
-}, pe = ({
-  domain: e,
-  cognitoRegion: t,
-  userPoolId: s,
-  clientId: r,
-  redirectUri: i
-}) => {
-  const o = {
-    domain: e,
-    clientId: r,
-    redirectUri: de(i)
-  }, a = (b) => {
-    const _ = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-._~", k = new Uint8Array(b);
-    return crypto.getRandomValues(k), Array.from(k).map((x) => _[x % _.length]).join("");
-  }, p = async (b) => {
-    const k = new TextEncoder().encode(b), x = await crypto.subtle.digest("SHA-256", k);
-    return btoa(String.fromCharCode(...new Uint8Array(x))).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
-  }, n = async () => {
-    const b = a(128), _ = await p(b);
-    return sessionStorage.setItem("pkce_code_verifier", b), { codeVerifier: b, codeChallenge: _ };
-  }, h = () => {
-    const b = a(32);
-    return sessionStorage.setItem("oauth_state", b), b;
-  }, c = async () => {
-    const { codeChallenge: b } = await n(), _ = h(), k = new URLSearchParams({
-      response_type: "code",
-      client_id: o.clientId,
-      redirect_uri: o.redirectUri,
-      identity_provider: "Google",
-      scope: "openid email profile",
-      state: _,
-      code_challenge_method: "S256",
-      code_challenge: b,
-      prompt: "select_account"
-    });
-    return `${o.domain}/oauth2/authorize?${k.toString()}`;
-  }, l = async () => {
-    const b = await c();
-    window.location.href = b;
-  }, d = async () => {
-    const { codeChallenge: b } = await n(), _ = h(), k = new URLSearchParams({
-      response_type: "code",
-      client_id: o.clientId,
-      redirect_uri: o.redirectUri,
-      identity_provider: "SignInWithApple",
-      scope: "openid email profile",
-      state: _,
-      code_challenge_method: "S256",
-      code_challenge: b
-    });
-    return `${o.domain}/oauth2/authorize?${k.toString()}`;
-  }, u = async () => {
-    const b = await d();
-    window.location.href = b;
-  }, f = (b) => {
-    const _ = sessionStorage.getItem("oauth_state");
-    return sessionStorage.removeItem("oauth_state"), _ === b;
-  }, w = () => {
-    const b = sessionStorage.getItem("pkce_code_verifier");
-    return sessionStorage.removeItem("pkce_code_verifier"), b;
-  };
-  return {
-    redirectToGoogleAuth: l,
-    redirectToAppleAuth: u,
-    validateState: f,
-    getCodeVerifier: w,
-    exchangeCodeForTokens: async (b) => {
-      const _ = w();
-      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: b,
-        redirect_uri: o.redirectUri,
-        code_verifier: _
-      }), x = await fetch(`${o.domain}/oauth2/token`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/x-www-form-urlencoded"
-        },
-        body: k.toString()
-      });
-      if (!x.ok) {
-        const rt = await x.text();
-        throw new Error(`Token exchange failed: ${rt}`);
-      }
-      return x.json();
-    }
-  };
-}, ue = () => kt`
-    :host {
-      display: inline-block;
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-      box-sizing: border-box;
-      --color-primary: var(--auth-color-primary, #2563eb);
-      --color-bg-primary: var(--auth-color-bg-primary, #ffffff);
-      --color-bg-secondary: var(--auth-color-bg-secondary, #f8fafc);
-      --color-text-primary: var(--auth-color-text-primary, #0f172a);
-      --color-text-secondary: var(--auth-color-text-secondary, #64748b);
-      --color-text-muted: var(--auth-color-text-muted, #94a3b8);
-      --color-border: var(--auth-color-border, #e2e8f0);
-      --color-error: var(--auth-color-error, #dc2626);
-      --color-success: var(--auth-color-success, #16a34a);
-      --transition-slow: var(--auth-transition-slow, 300ms);
-      --radius-md: var(--auth-radius-md, 0.5rem);
-      --radius-lg: var(--auth-radius-lg, 0.75rem);
-      --radius-xl: var(--auth-radius-xl, 1.25rem);
-      --space-2: var(--auth-space-2, 0.5rem);
-      --space-3: var(--auth-space-3, 0.75rem);
-      --space-4: var(--auth-space-4, 1rem);
-      --space-5: var(--auth-space-5, 1.25rem);
-      --space-6: var(--auth-space-6, 1.5rem);
-    }
-
-    *,
-    *::before,
-    *::after {
-      box-sizing: border-box;
-    }
-
-    /* Body scroll lock */
-    :host(.modal-open) {
-      overflow: hidden;
-    }
-
-    .modal-overlay {
-      position: fixed;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      background: rgba(0, 0, 0, 0.5);
-      display: flex;
-      align-items: flex-end;
-      justify-content: center;
-      z-index: 1000;
-      backdrop-filter: none;
-      animation: fadeIn 0.2s ease-out;
-    }
-
-    .modal-overlay--closing {
-      animation: fadeOut var(--transition-slow) ease-out forwards;
-    }
-
-    .modal-container {
-      background: var(--color-bg-primary);
-      border-top-left-radius: var(--radius-xl);
-      border-top-right-radius: var(--radius-xl);
-      box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.06);
-      width: 100vw;
-      max-width: 100vw;
-      height: 85dvh;
-      display: flex;
-      flex-direction: column;
-      overflow: hidden;
-      animation: slideUp var(--transition-slow);
-      transform-origin: bottom center;
-      transition: height var(--transition-slow) cubic-bezier(0.4, 0, 0.2, 1);
-    }
-
-    .modal-container--closing {
-      animation: slideDown var(--transition-slow);
-    }
-
-    .modal-container--dragging {
-      user-select: none;
-      -webkit-user-select: none;
-      cursor: grabbing;
-    }
-
-    .drawer-handle {
-      display: flex;
-      justify-content: center;
-      padding-top: var(--space-3);
-      padding-bottom: var(--space-2);
-      flex-shrink: 0;
-      cursor: pointer;
-      user-select: none;
-      -webkit-tap-highlight-color: transparent;
-    }
-
-    .drawer-handle:hover .drawer-handle-bar {
-      opacity: 0.7;
-    }
-
-    .drawer-handle-bar {
-      width: 36px;
-      height: 5px;
-      background: var(--color-text-muted);
-      border-radius: 100px;
-      opacity: 0.5;
-      transition: opacity var(--transition-slow) ease;
-    }
-
-    .drawer-content {
-      width: 100%;
-      max-width: 100%;
-      margin: 0 auto;
-      display: flex;
-      flex-direction: column;
-      overflow: hidden;
-      height: 100%;
-    }
-
-    .drawer-content--sm {
-      max-width: 400px;
-    }
-
-    .drawer-content--md {
-      max-width: 600px;
-    }
-
-    .drawer-content--lg {
-      max-width: 900px;
-    }
-
-    .modal-header {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: var(--space-4) var(--space-6);
-      flex-shrink: 0;
-    }
-
-    .auth-logo {
-      display: block;
-    }
-    .auth-logo {
-      position: relative;
-      transition: all 0.3s ease;
-    }
-    .auth-logo[src] {
-      opacity: 1;
-      position: relative;
-      z-index: 1;
-    }
-    :host([data-theme='dark']) .auth-header {
-      filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(346%)
-              hue-rotate(183deg) brightness(106%) contrast(93%);
-    }
-
-    .modal-body {
-      padding: var(--space-4) var(--space-6);
-      overflow-y: auto;
-      flex: 1;
-      min-height: 0;
-    }
-
-    .auth-form {
-      display: flex;
-      flex-direction: column;
-      gap: var(--space-5);
-    }
-
-    .field {
-      display: flex;
-      flex-direction: column;
-      gap: var(--space-1);
-    }
-
-    .field-label {
-      font-weight: 500;
-      font-size: 0.875rem;
-      color: var(--color-text-primary);
-    }
-
-    .field-input {
-      width: 100%;
-      padding: 0.75rem 1rem;
-      border: 1px solid var(--color-border);
-      border-radius: var(--radius-md);
-      background: var(--color-bg-primary);
-      color: var(--color-text-primary);
-      font-size: 1rem;
-      transition: all 0.15s ease;
-    }
-
-    .field-input:focus {
-      outline: none;
-      border-color: var(--color-primary);
-      box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 25%, transparent);
-    }
-
-    .field-input:-webkit-autofill,
-    .field-input:-webkit-autofill:hover,
-    .field-input:-webkit-autofill:focus,
-    .field-input:-webkit-autofill:active {
-      -webkit-box-shadow: 0 0 0 1000px var(--color-bg-primary) inset !important;
-      -webkit-text-fill-color: var(--color-text-primary) !important;
-      transition: background-color 5000s ease-in-out 0s;
-    }
-
-    .field-input:-moz-autofill {
-      box-shadow: 0 0 0 1000px var(--color-bg-primary) inset !important;
-      color: var(--color-text-primary) !important;
-    }
-
-    .field-input--error {
-      border-color: var(--color-error);
-    }
-
-    .field-error {
-      color: var(--color-error);
-      font-size: 0.875rem;
-    }
-
-    .forgot-row {
-      display: flex;
-      justify-content: flex-end;
-      margin-top: calc(var(--space-2) * -1);
-    }
-
-    .text-btn {
-      background: none;
-      border: none;
-      color: var(--color-primary);
-      cursor: pointer;
-      font-weight: 600;
-      font-size: 0.875rem;
-      padding: 0;
-      text-decoration: none;
-    }
-
-    .text-btn:hover {
-      text-decoration: underline;
-    }
-
-    .form-actions {
-      display: flex;
-      flex-direction: column;
-      gap: var(--space-3);
-      margin-top: var(--space-2);
-    }
-
-    .cta {
-      width: 100%;
-      padding: 0.875rem 1rem;
-      border: none;
-      border-radius: var(--radius-md);
-      background: var(--color-primary);
-      color: white;
-      font-weight: 600;
-      font-size: 1rem;
-      cursor: pointer;
-      transition: all 0.15s ease;
-    }
-
-    .cta:hover:not(:disabled) {
-      background: color-mix(in srgb, var(--color-primary), black 10%);
-      transform: translateY(-1px);
-    }
-
-    .cta:disabled {
-      opacity: 0.5;
-      cursor: not-allowed;
-    }
-
-    .button-row {
-      display: flex;
-      gap: var(--space-3);
-      width: 100%;
-    }
-
-    .oauth-btn {
-      flex: 1;
-      padding: 0.875rem 1rem;
-      border: 1px solid var(--color-border);
-      border-radius: var(--radius-md);
-      background: var(--color-bg-primary);
-      cursor: pointer;
-      transition: all 0.15s ease;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-
-    .oauth-btn:hover:not(:disabled) {
-      background: var(--color-bg-secondary);
-      border-color: var(--color-text-muted);
-    }
-
-    .oauth-btn:disabled {
-      opacity: 0.5;
-      cursor: not-allowed;
-    }
-
-    .apple-icon path {
-      fill: #0b0b0a;
-    }
-
-    /* Dark theme */
-    :host([data-theme='dark']) {
-      --color-primary: #3b82f6;
-      --color-bg-primary: #1e293b;
-      --color-bg-secondary: #0f172a;
-      --color-text-primary: #f8fafc;
-      --color-text-secondary: #cbd5e1;
-      --color-text-muted: #94a3b8;
-      --color-border: #334155;
-      --color-error: #ef4444;
-      --color-success: #10b981;
-    }
-
-    :host([data-theme='dark']) .apple-icon path {
-      fill: #8e8e93;
-    }
-
-    @media (prefers-color-scheme: dark) {
-      .apple-icon path {
-        fill: #8e8e93;
-      }
-    }
-
-    .otp-section {
-      display: flex;
-      flex-direction: column;
-      gap: var(--space-2);
-    }
-
-    .otp-label {
-      display: block;
-      font-weight: 500;
-      font-size: 0.875rem;
-      color: var(--color-text-primary);
-    }
-
-    .otp-inputs {
-      display: flex;
-      gap: var(--space-2);
-      justify-content: center;
-    }
-
-    .otp-input {
-      width: 44px;
-      height: 52px;
-      text-align: center;
-      font-size: 1.25rem;
-      font-weight: 600;
-      border: 1px solid var(--color-border);
-      border-radius: var(--radius-md);
-      background: var(--color-bg-primary);
-      color: var(--color-text-primary);
-      transition: all 0.15s ease;
-    }
-
-    .otp-input:focus {
-      outline: none;
-      border-color: var(--color-primary);
-      box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 25%, transparent);
-    }
-
-    .otp-input--error {
-      border-color: var(--color-error);
-    }
-
-    .otp-error {
-      margin: 0;
-      color: var(--color-error);
-      font-size: 0.875rem;
-      text-align: center;
-    }
-
-    .new-password-fields {
-      display: flex;
-      flex-direction: column;
-      gap: var(--space-5);
-      animation: fadeSlide 0.2s ease;
-    }
-
-    .alert {
-      padding: var(--space-3) var(--space-4);
-      border-radius: var(--radius-md);
-      font-size: 0.875rem;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      gap: var(--space-2);
-    }
-
-    .alert--success {
-      background: color-mix(in srgb, var(--color-success) 10%, transparent);
-      border: 1px solid color-mix(in srgb, var(--color-success) 30%, transparent);
-      color: var(--color-success);
-    }
-
-    .alert--error {
-      background: color-mix(in srgb, var(--color-error) 10%, transparent);
-      border: 1px solid color-mix(in srgb, var(--color-error) 30%, transparent);
-      color: var(--color-error);
-    }
-
-    .alert-close {
-      background: none;
-      border: none;
-      color: inherit;
-      cursor: pointer;
-      font-size: 1.5rem;
-      line-height: 1;
-      padding: 0;
-      opacity: 0.7;
-    }
-
-    .alert-close:hover {
-      opacity: 1;
-    }
-
-    .auth-footer {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      gap: var(--space-2);
-      padding-top: var(--space-4);
-      text-align: center;
-    }
-
-    .toggle-text {
-      margin: 0;
-      font-size: 0.875rem;
-      color: var(--color-text-secondary);
-    }
-
-    .toggle-text a {
-      color: var(--color-primary);
-      text-decoration: none;
-    }
-
-    .toggle-text a:hover {
-      text-decoration: underline;
-    }
-
-    @keyframes fadeIn {
-      from {
-        opacity: 0;
-      }
-      to {
-        opacity: 1;
-      }
-    }
-
-    @keyframes fadeOut {
-      from {
-        opacity: 1;
-      }
-      to {
-        opacity: 0;
-      }
-    }
-
-    @keyframes slideUp {
-      from {
-        transform: translateY(100%);
-      }
-      to {
-        transform: translateY(0);
-      }
-    }
-
-    @keyframes slideDown {
-      from {
-        transform: translateY(0);
-      }
-      to {
-        transform: translateY(100%);
-      }
-    }
-
-    @keyframes fadeSlide {
-      from {
-        opacity: 0;
-        transform: translateY(6px);
-      }
-      to {
-        opacity: 1;
-        transform: translateY(0);
-      }
-    }
-
-    @media (max-width: 640px) {
-      .modal-container {
-        height: 80dvh;
-      }
-    }
-
-    @media (prefers-reduced-motion: reduce) {
-      * {
-        animation: none !important;
-        transition: none !important;
-      }
-    }`;
-var ge = Object.defineProperty, me = Object.getOwnPropertyDescriptor, $ = (e, t, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? me(t, s) : t, o = e.length - 1, a; o >= 0; o--)
-    (a = e[o]) && (i = (r ? a(t, s, i) : a(i)) || i);
-  return r && i && ge(t, s, i), i;
-};
-const fe = [
-  "code",
-  "state",
-  "error",
-  "error_description",
-  "access_token",
-  "id_token",
-  "refresh_token",
-  "token_type",
-  "expires_in"
-];
-let y = class extends it {
-  constructor() {
-    super(...arguments), this.initialMode = "signin", this.logoUrl = "", this.baseUrl = "", this.oauthDomain = "", this.oauthRegion = "", this.oauthUserPoolId = "", this.oauthClientId = "", this.oauthRedirectUri = "", this.oauthSpaDomain = "", this.disableSignup = !1, this.mode = "signin", this.resetStep = "none", this.signupStep = "form", this.isLoading = !1, this.isLoggedIn = !1, this.email = "", this.password = "", this.givenName = "", this.familyName = "", this.newPassword = "", this.confirmPassword = "", this.notice = "", this.error = "", this.errors = {}, this.otpDigits = ["", "", "", "", "", ""], this.signupOtpDigits = ["", "", "", "", "", ""], this.cookies = he(), this.hasHandledOAuthCallback = !1, this.baseUrlErrorMessage = "Authentication service is not configured correctly. Please add an API domain or contact support.";
-  }
-  hasApiBaseUrl() {
-    return this.baseUrl.trim().length > 0;
-  }
-  getNormalizedBaseUrl() {
-    const e = this.baseUrl.trim();
-    if (!e) return "";
-    const t = e.startsWith("http://") || e.startsWith("https://") ? e : `https://${e}`;
-    return t.endsWith("/") ? t : `${t}/`;
-  }
-  getApiService() {
-    if (!this.hasApiBaseUrl())
-      throw new Error("API domain is not set");
-    return this.apiService || (this.apiService = ne({
-      baseUrl: this.getNormalizedBaseUrl()
-    })), this.apiService;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    const e = this.cookies.getAuthToken("AUTH_TOKEN"), t = this.cookies.getAuthToken("REFRESH_TOKEN");
-    this.isLoggedIn = !!(e && t), this.mode = this.disableSignup && this.initialMode === "signup" ? "signin" : this.initialMode, this.hasApiBaseUrl() || (this.error = this.baseUrlErrorMessage), this.handleOAuthCallbackIfPresent();
-  }
-  firstUpdated() {
-    setTimeout(() => {
-      this.emailInput?.focus();
-    }, 100);
-  }
-  updated(e) {
-    e.has("disableSignup") && this.disableSignup && this.mode === "signup" && (this.mode = "signin", this.signupStep = "form"), e.has("baseUrl") && (this.apiService = void 0, this.hasApiBaseUrl() ? (this.error === this.baseUrlErrorMessage && (this.error = ""), this.hasHandledOAuthCallback || this.handleOAuthCallbackIfPresent()) : this.error = this.baseUrlErrorMessage), (e.has("oauthDomain") || e.has("oauthRegion") || e.has("oauthUserPoolId") || e.has("oauthClientId") || e.has("oauthRedirectUri")) && (this.oauthService = void 0, this.handleOAuthCallbackIfPresent());
-  }
-  resetState() {
-    this.error = "", this.notice = "", this.errors = {}, this.email = "", this.password = "", this.givenName = "", this.familyName = "", this.newPassword = "", this.confirmPassword = "", this.otpDigits = ["", "", "", "", "", ""], this.signupOtpDigits = ["", "", "", "", "", ""], this.resetStep = "none", this.signupStep = "form", this.mode = this.initialMode;
-  }
-  toggleMode() {
-    this.resetStep === "none" && (this.disableSignup && this.mode === "signin" || (this.mode = this.mode === "signin" ? "signup" : "signin", this.signupStep = "form", this.error = "", this.notice = "", this.errors = {}, this.confirmPassword = "", this.mode === "signin" && (this.givenName = "", this.familyName = "", this.signupOtpDigits = ["", "", "", "", "", ""])));
-  }
-  startReset() {
-    this.mode = "signin", this.resetStep = "request", this.error = "", this.notice = "", this.errors = {}, this.password = "", this.newPassword = "", this.confirmPassword = "";
-  }
-  cancelReset() {
-    this.resetStep = "none", this.error = "", this.notice = "", this.otpDigits = ["", "", "", "", "", ""], this.errors = {}, this.newPassword = "", this.confirmPassword = "";
-  }
-  backToRequest() {
-    this.resetStep = "request", this.error = "", this.notice = "", this.otpDigits = ["", "", "", "", "", ""], this.errors = {}, this.newPassword = "", this.confirmPassword = "";
-  }
-  backToSignupForm() {
-    this.signupStep = "form", this.error = "", this.notice = "", this.signupOtpDigits = ["", "", "", "", "", ""], this.errors = {};
-  }
-  // Validation
-  validate() {
-    const e = {};
-    if (this.email.trim() ? /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(this.email) || (e.email = "Enter a valid email") : e.email = "Email is required", this.resetStep === "none" && this.signupStep === "form") {
-      if (!this.password)
-        e.password = "Password is required";
-      else if (this.password.length < 8)
-        e.password = "Password must be at least 8 characters";
-      else if (this.mode === "signup") {
-        const t = /[A-Z]/.test(this.password), s = /[a-z]/.test(this.password), r = /[0-9]/.test(this.password);
-        (!t || !s || !r) && (e.password = "Password must contain uppercase, lowercase, and number");
-      }
-    }
-    if (this.mode === "signup" && this.resetStep === "none" && this.signupStep === "form" && (this.givenName.trim() ? /^[a-zA-Z\s-']+$/.test(this.givenName.trim()) || (e.givenName = "Invalid first name") : e.givenName = "First name is required", this.familyName.trim() ? /^[a-zA-Z\s-']+$/.test(this.familyName.trim()) || (e.familyName = "Invalid last name") : e.familyName = "Last name is required", this.confirmPassword ? this.password !== this.confirmPassword && (e.confirm_password = "Passwords must match") : e.confirm_password = "Please confirm your password"), this.signupStep === "otp") {
-      const t = this.signupOtpDigits.join("");
-      (t.length !== 6 || !/^\d{6}$/.test(t)) && (e.signup_otp = "Enter the 6-digit code");
-    }
-    if (this.resetStep === "confirm") {
-      const t = this.otpDigits.join("");
-      if ((t.length !== 6 || !/^\d{6}$/.test(t)) && (e.otp = "Enter the 6-digit code"), t.length === 6) {
-        if (!this.newPassword)
-          e.new_password = "New password is required";
-        else if (this.newPassword.length < 8)
-          e.new_password = "Password must be at least 8 characters";
-        else {
-          const s = /[A-Z]/.test(this.newPassword), r = /[a-z]/.test(this.newPassword), i = /[0-9]/.test(this.newPassword);
-          (!s || !r || !i) && (e.new_password = "Password must contain uppercase, lowercase, and number");
-        }
-        this.confirmPassword ? this.newPassword !== this.confirmPassword && (e.confirm_password = "Passwords must match") : e.confirm_password = "Please confirm your password";
-      }
-    }
-    return this.errors = e, Object.keys(e).length === 0;
-  }
-  // Form submission
-  async handleSubmit(e) {
-    if (e.preventDefault(), this.notice = "", this.error = "", !this.hasApiBaseUrl()) {
-      this.error = this.baseUrlErrorMessage;
-      return;
-    }
-    if (this.validate()) {
-      this.isLoading = !0;
-      try {
-        switch (`${this.resetStep}-${this.mode}-${this.signupStep}`) {
-          case "request-signin-form":
-            try {
-              await this.handleRequestReset();
-            } catch {
-              this.error = "Reset request failed. Please check your details and try again.";
-            }
-            break;
-          case "confirm-signin-form":
-            try {
-              await this.handleConfirmReset();
-            } catch {
-              this.error = "Reset confirmation failed. Please check your details and try again.";
-            }
-            break;
-          case "none-signup-form":
-            try {
-              await this.handleRequestSignupOtp();
-            } catch {
-              this.error = "Signup failed. Please check your details and try again.";
-            }
-            break;
-          case "none-signup-otp":
-            try {
-              await this.handleSignupWithOtp();
-            } catch {
-              this.error = "Signup failed. Please check your details and try again.";
-            }
-            break;
-          default:
-            try {
-              await this.handleSignIn();
-            } catch {
-              this.error = "Login failed. Please check your credentials and try again.";
-            }
-            break;
-        }
-      } finally {
-        this.isLoading = !1;
-      }
-    }
-  }
-  setAuthTokens(e, t, s, r) {
-    this.cookies.setAuthToken("ACCESS_TOKEN", e), this.cookies.setAuthToken("AUTH_TOKEN", t), this.cookies.setAuthToken("REFRESH_TOKEN", s), this.cookies.setCookie("USER_EMAIL", r.email), this.isLoggedIn = !0, this.dispatchEvent(
-      new CustomEvent("auth-success", {
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  async handleSignIn() {
-    const e = {
-      email: this.email.trim(),
-      password: this.password
-    }, { accessToken: t, idToken: s, refreshToken: r, user: i } = await this.getApiService().login(e);
-    this.setAuthTokens(t, s, r, i);
-  }
-  isOAuthConfigured() {
-    return [this.oauthDomain, this.oauthRegion, this.oauthUserPoolId, this.oauthClientId].every(
-      (e) => !!e?.trim()
-    );
-  }
-  getOAuthService() {
-    if (!this.isOAuthConfigured())
-      return null;
-    if (!this.oauthService) {
-      const e = this.oauthRedirectUri?.trim() ? this.oauthRedirectUri.trim() : void 0;
-      this.oauthService = pe({
-        domain: this.oauthDomain.trim(),
-        cognitoRegion: this.oauthRegion.trim(),
-        userPoolId: this.oauthUserPoolId.trim(),
-        clientId: this.oauthClientId.trim(),
-        redirectUri: e
-      });
-    }
-    return this.oauthService;
-  }
-  stripOAuthParamsFromUrl() {
-    const e = new URL(window.location.href);
-    let t = !1;
-    for (const s of fe)
-      e.searchParams.has(s) && (e.searchParams.delete(s), t = !0);
-    if (t) {
-      const s = e.searchParams.toString(), r = `${e.pathname}${s ? `?${s}` : ""}${e.hash}`;
-      window.history.replaceState({}, document.title, r);
-    }
-  }
-  async handleOAuthCallbackIfPresent() {
-    const e = new URLSearchParams(window.location.search), t = e.get("access_token"), s = e.get("id_token"), r = e.get("refresh_token"), i = e.get("code"), o = e.get("state"), a = e.get("error"), p = e.get("error_description");
-    if ((t || s || i || a) && !this.hasHandledOAuthCallback) {
-      if (!this.hasApiBaseUrl()) {
-        this.error = this.baseUrlErrorMessage;
-        return;
-      }
-      this.hasHandledOAuthCallback = !0, this.isLoading = !0, this.error = "";
-      try {
-        if (a)
-          throw new Error(p || `OAuth error: ${a}`);
-        if (t && s && r) {
-          const { accessToken: h, idToken: c, refreshToken: l, user: d } = await this.getApiService().login({
-            accessToken: t,
-            refreshToken: r,
-            idToken: s
-          });
-          this.setAuthTokens(h, c, l ?? r, d);
-        } else if (i && o) {
-          if (!this.isOAuthConfigured())
-            throw new Error("OAuth is not configured correctly. Please try again later.");
-          const h = this.getOAuthService();
-          if (!h)
-            throw new Error("OAuth is not configured correctly. Please try again later.");
-          if (!h.validateState(o))
-            throw new Error("Invalid state parameter. Please try signing in again.");
-          const c = await h.exchangeCodeForTokens(i), { accessToken: l, idToken: d, refreshToken: u, user: f } = await this.getApiService().login({
-            accessToken: c.access_token,
-            refreshToken: c.refresh_token,
-            idToken: c.id_token
-          });
-          this.setAuthTokens(l, d, u ?? c.refresh_token, f);
-        } else
-          throw new Error("Missing required OAuth parameters");
-      } catch (h) {
-        this.error = h.message || "An unexpected error occurred during authentication";
-      } finally {
-        this.stripOAuthParamsFromUrl(), this.isLoading = !1;
-      }
-    }
-  }
-  async handleRequestSignupOtp() {
-    this.signupStep = "otp", this.notice = "A 6-digit code has been sent to your email", this.signupOtpDigits = ["", "", "", "", "", ""], await this.getApiService().requestRegisterOtp({ email: this.email.trim() }), setTimeout(() => {
-      this.shadowRoot?.querySelector(".signup-otp-input")?.focus();
-    }, 200);
-  }
-  async handleSignupWithOtp() {
-    const e = {
-      email: this.email.trim(),
-      password: this.password,
-      givenName: this.givenName.trim(),
-      familyName: this.familyName.trim(),
-      code: this.signupOtpDigits.join("")
-    };
-    await this.getApiService().register({
-      email: e.email,
-      password: e.password,
-      given_name: e.givenName,
-      family_name: e.familyName,
-      code: e.code
-    }), await this.handleSignIn();
-  }
-  async handleRequestReset() {
-    const e = {
-      email: this.email.trim()
-    };
-    this.resetStep = "confirm", this.notice = "If an account exists, a 6-digit code has been sent", this.otpDigits = ["", "", "", "", "", ""], await this.getApiService().requestResetPassword(e), setTimeout(() => {
-      this.shadowRoot?.querySelector(".reset-otp-input")?.focus();
-    }, 100);
-  }
-  async handleConfirmReset() {
-    const e = {
-      email: this.email.trim(),
-      newPassword: this.newPassword,
-      otp: this.otpDigits.join("")
-    };
-    await this.getApiService().resetPassword({
-      email: e.email,
-      newPassword: e.newPassword,
-      otp: e.otp
-    }), await this.handleSignIn();
-  }
-  isUserLoggedIn() {
-    return this.isLoggedIn || !!this.cookies.getAuthToken("ACCESS_TOKEN") && !!this.cookies.getAuthToken("REFRESH_TOKEN") && !!this.cookies.getAuthToken("AUTH_TOKEN");
-  }
-  async logout() {
-    const e = this.cookies.getAuthToken("ACCESS_TOKEN"), t = this.cookies.getAuthToken("AUTH_TOKEN"), s = this.cookies.getAuthToken("REFRESH_TOKEN");
-    try {
-      if (e == null || s == null || t == null)
-        return;
-      if (!this.hasApiBaseUrl()) {
-        this.error = this.baseUrlErrorMessage;
-        return;
-      }
-      const r = this.getApiService(), {
-        redirectUrl: i,
-        requiresRedirect: o
-      } = await r.logout({
-        accessToken: e,
-        refreshToken: s,
-        authToken: t
-      });
-      if (o && i) {
-        const a = window.location.host;
-        new URL(i).host !== a ? window.open(i, "newWindow", "width=400,height=500,resizable=yes,scrollbars=yes,status=yes") : window.location.href = i;
-      }
-    } catch {
-    } finally {
-      this.cookies.clearAllAuthTokens(), this.isLoggedIn = !1;
-    }
-  }
-  // OAuth handlers
-  handleGoogleSignIn() {
-    this.handleOAuthSignIn("google");
-  }
-  handleAppleSignIn() {
-    this.handleOAuthSignIn("apple");
-  }
-  handleOAuthSignIn(e) {
-    if (this.oauthSpaDomain?.trim()) {
-      const t = this.oauthSpaDomain.trim(), s = t.startsWith("http://") || t.startsWith("https://") ? t : `https://${t}`, r = s.endsWith("/") ? s.slice(0, -1) : s, i = window.location.href, o = `${r}?return_url=${encodeURIComponent(i)}&provider=${e}&theme=${this.theme}`;
-      window.location.href = o;
-      return;
-    }
-    e === "google" ? this.getOAuthService()?.redirectToGoogleAuth() : this.getOAuthService()?.redirectToAppleAuth();
-  }
-  // OTP input handlers
-  handleOtpInput(e, t, s) {
-    const r = t.target, i = r.value.replace(/\D/g, "");
-    if (!i) {
-      s ? (this.signupOtpDigits[e] = "", this.signupOtpDigits = [...this.signupOtpDigits]) : (this.otpDigits[e] = "", this.otpDigits = [...this.otpDigits]);
-      return;
-    }
-    const o = i[i.length - 1];
-    if (s ? (this.signupOtpDigits[e] = o, this.signupOtpDigits = [...this.signupOtpDigits]) : (this.otpDigits[e] = o, this.otpDigits = [...this.otpDigits]), e < 5) {
-      const a = this.shadowRoot?.querySelector(
-        `${s ? ".signup-otp-input" : ".reset-otp-input"}[data-index="${e + 1}"]`
-      );
-      a?.focus(), a?.select();
-    } else
-      r.blur();
-  }
-  handleOtpKeydown(e, t, s) {
-    const r = s ? this.signupOtpDigits : this.otpDigits;
-    if (t.key === "Backspace") {
-      if (r[e]) {
-        s ? (this.signupOtpDigits[e] = "", this.signupOtpDigits = [...this.signupOtpDigits]) : (this.otpDigits[e] = "", this.otpDigits = [...this.otpDigits]);
-        return;
-      }
-      if (e > 0) {
-        const i = this.shadowRoot?.querySelector(
-          `${s ? ".signup-otp-input" : ".reset-otp-input"}[data-index="${e - 1}"]`
-        );
-        i?.focus(), i?.select(), s ? (this.signupOtpDigits[e - 1] = "", this.signupOtpDigits = [...this.signupOtpDigits]) : (this.otpDigits[e - 1] = "", this.otpDigits = [...this.otpDigits]);
-      }
-    }
-    if (t.key === "ArrowLeft" && e > 0) {
-      const i = this.shadowRoot?.querySelector(
-        `${s ? ".signup-otp-input" : ".reset-otp-input"}[data-index="${e - 1}"]`
-      );
-      i?.focus(), i?.select(), t.preventDefault();
-    }
-    if (t.key === "ArrowRight" && e < 5) {
-      const i = this.shadowRoot?.querySelector(
-        `${s ? ".signup-otp-input" : ".reset-otp-input"}[data-index="${e + 1}"]`
-      );
-      i?.focus(), i?.select(), t.preventDefault();
-    }
-    t.key.length === 1 && /\D/.test(t.key) && t.preventDefault();
-  }
-  handleOtpPaste(e, t) {
-    const r = (e.clipboardData?.getData("text") || "").replace(/\D/g, "").slice(0, 6).split("");
-    if (r.length === 0) return;
-    e.preventDefault();
-    for (let o = 0; o < 6; o++)
-      t ? this.signupOtpDigits[o] = r[o] || "" : this.otpDigits[o] = r[o] || "";
-    t ? this.signupOtpDigits = [...this.signupOtpDigits] : this.otpDigits = [...this.otpDigits];
-    const i = (t ? this.signupOtpDigits : this.otpDigits).findIndex((o) => !o);
-    if (i === -1)
-      this.shadowRoot?.querySelector(
-        `${t ? ".signup-otp-input" : ".reset-otp-input"}[data-index="5"]`
-      )?.blur();
-    else {
-      const o = this.shadowRoot?.querySelector(
-        `${t ? ".signup-otp-input" : ".reset-otp-input"}[data-index="${i}"]`
-      );
-      o?.focus(), o?.select();
-    }
-  }
-  render() {
-    if (!this.hasApiBaseUrl()) {
-      const e = this.baseUrlErrorMessage;
-      return m`
-        ${this.logoUrl.length > 0 ? m`
-              <header class="modal-header">
-                <div class="auth-header">
-                <img
-                  src="${this.logoUrl}"
-                  width="48"
-                  height="48"
-                  alt="Logo"
-                  class="auth-logo"
-                />
-                </div>
-              </header>
-            ` : g}
-
-        <div class="modal-body">
-          <div class="auth-form">
-            <div class="alert alert--error">
-              ${e}
-            </div>
-          </div>
-        </div>
-      `;
-    }
-    return this.isLoading && this.hasHandledOAuthCallback ? m`
-        ${this.logoUrl.length > 0 ? m`
-              <header class="modal-header">
-                <div class="auth-header">
-                <img
-                  src="${this.logoUrl}"
-                  width="48"
-                  height="48"
-                  alt="Logo"
-                  class="auth-logo"
-                />
-                </div>
-              </header>
-            ` : g}
-
-        <div class="modal-body">
-          <div class="auth-form">
-            <div class="form-actions">
-              <base-button
-                type="button"
-                variant="primary"
-                full-width
-                loading
-                disabled
-              >
-                Signing in...
-              </base-button>
-            </div>
-            ${this.renderAlerts()}
-          </div>
-        </div>
-      ` : this.isLoggedIn ? m`
-        <!-- Header -->
-        ${this.logoUrl.length > 0 ? m`
-              <header class="modal-header">
-                <div class="auth-header">
-                <img
-                  src="${this.logoUrl}"
-                  width="48"
-                  height="48"
-                  alt="Logo"
-                  class="auth-logo"
-                />
-                </div>
-              </header>
-            ` : g}
-
-        <!-- Body -->
-        <div class="modal-body">
-          <div class="auth-form">
-            <div class="form-actions">
-              <base-button
-                type="button"
-                variant="primary"
-                full-width
-                @click=${this.logout}
-              >
-                Logout
-              </base-button>
-            </div>
-            ${this.renderAlerts()}
-          </div>
-        </div>
-      ` : m`
-      <!-- Header -->
-      ${(!this.mode || this.resetStep === "none") && this.logoUrl.length > 0 && this.mode === "signin" ? m`
-            <header class="modal-header">
-
-                <div class="auth-header">
-              <img
-                src="${this.logoUrl}"
-                width="48"
-                height="48"
-                alt="Logo"
-                class="auth-logo"
-              />
-                </div>
-            </header>
-          ` : g}
-
-      <!-- Body -->
-      <div class="modal-body">
-        <form @submit=${this.handleSubmit} class="auth-form" novalidate>
-          ${this.renderFormContent()}
-
-          <!-- Actions -->
-          <div class="form-actions">
-            ${this.renderActions()}
-          </div>
-
-          ${this.renderAlerts()}
-        </form>
-
-        ${this.renderFooter()}
-      </div>
-    `;
-  }
-  renderFormContent() {
-    if (this.resetStep === "none" && (!this.mode || this.mode === "signin" || this.signupStep === "form"))
-      return m`
-        <!-- Email -->
-        <base-input
-          id="email-input"
-          type="email"
-          label="Email Address"
-          placeholder="Enter your email"
-          .value=${this.email}
-          .error=${this.errors.email}
-          ?required=${!0}
-          autocomplete="email"
-          @input=${(e) => this.email = e.detail.value}
-        ></base-input>
-
-        <!-- Password -->
-        <base-input
-          type="password"
-          label="Password"
-          placeholder="Enter your password"
-          .value=${this.password}
-          .error=${this.errors.password}
-          ?required=${!0}
-          autocomplete=${this.mode === "signup" ? "new-password" : "current-password"}
-          @input=${(e) => this.password = e.detail.value}
-        ></base-input>
-
-        ${this.mode === "signin" && this.error ? m`
-              <div class="forgot-row">
-                <button type="button" class="text-btn" @click=${this.startReset}>
-                  Forgot your password?
-                </button>
-              </div>
-            ` : g}
-
-        ${this.mode === "signup" ? m`
-              <!-- Confirm Password -->
-              <base-input
-                type="password"
-                label="Confirm Password"
-                placeholder="Re-enter your password"
-                .value=${this.confirmPassword}
-                .error=${this.errors.confirm_password}
-                ?required=${!0}
-                autocomplete="new-password"
-                @input=${(e) => this.confirmPassword = e.detail.value}
-              ></base-input>
-
-              <!-- First Name -->
-              <base-input
-                type="text"
-                label="First Name"
-                placeholder="Enter your first name"
-                .value=${this.givenName}
-                .error=${this.errors.givenName}
-                ?required=${!0}
-                autocomplete="given-name"
-                @input=${(e) => this.givenName = e.detail.value}
-              ></base-input>
-
-              <!-- Last Name -->
-              <base-input
-                type="text"
-                label="Last Name"
-                placeholder="Enter your last name"
-                .value=${this.familyName}
-                .error=${this.errors.familyName}
-                ?required=${!0}
-                autocomplete="family-name"
-                @input=${(e) => this.familyName = e.detail.value}
-              ></base-input>
-            ` : g}
-      `;
-    if (this.mode === "signup" && this.signupStep === "otp")
-      return m`
-        <div class="otp-section">
-          <label class="otp-label">Enter 6-digit code</label>
-          <div class="otp-inputs" role="group" aria-label="One time code">
-            ${yt(
-        Array.from({ length: 6 }, (e, t) => t),
-        (e) => e,
-        (e) => m`
-                <input
-                  class="otp-input signup-otp-input ${this.errors.signup_otp ? "otp-input--error" : ""}"
-                  type="text"
-                  inputmode="numeric"
-                  pattern="[0-9]*"
-                  maxlength="1"
-                  data-index="${e}"
-                  .value=${this.signupOtpDigits[e]}
-                  @input=${(t) => this.handleOtpInput(e, t, !0)}
-                  @keydown=${(t) => this.handleOtpKeydown(e, t, !0)}
-                  @paste=${(t) => this.handleOtpPaste(t, !0)}
-                  aria-label="Digit ${e + 1}"
-                />
-              `
-      )}
-          </div>
-          ${this.errors.signup_otp ? m`<p class="otp-error">${this.errors.signup_otp}</p>` : g}
-        </div>
-        <div class="forgot-row">
-          <button type="button" class="text-btn" @click=${this.backToSignupForm}>
-            Didn't get a code? Go back
-          </button>
-        </div>
-      `;
-    if (this.resetStep === "request")
-      return m`
-        <base-input
-          id="email-input"
-          type="email"
-          label="Email Address"
-          placeholder="Enter your email"
-          .value=${this.email}
-          .error=${this.errors.email}
-          ?required=${!0}
-          autocomplete="email"
-          @input=${(e) => this.email = e.detail.value}
-        ></base-input>
-        <div class="forgot-row">
-          <button type="button" class="text-btn" @click=${this.cancelReset}>
-            Back to Sign In
-          </button>
-        </div>
-      `;
-    if (this.resetStep === "confirm") {
-      const e = this.otpDigits.every((t) => /^\d$/.test(t));
-      return m`
-        <base-input
-          type="email"
-          label="Email Address"
-          placeholder="Enter your email"
-          .value=${this.email}
-          .error=${this.errors.email}
-          ?required=${!0}
-          autocomplete="email"
-          @input=${(t) => this.email = t.detail.value}
-        ></base-input>
-
-        <div class="otp-section">
-          <label class="otp-label">Enter 6-digit code</label>
-          <div class="otp-inputs" role="group" aria-label="One time code">
-            ${yt(
-        Array.from({ length: 6 }, (t, s) => s),
-        (t) => t,
-        (t) => m`
-                <input
-                  class="otp-input reset-otp-input ${this.errors.otp ? "otp-input--error" : ""}"
-                  type="text"
-                  inputmode="numeric"
-                  pattern="[0-9]*"
-                  maxlength="1"
-                  data-index="${t}"
-                  .value=${this.otpDigits[t]}
-                  @input=${(s) => this.handleOtpInput(t, s, !1)}
-                  @keydown=${(s) => this.handleOtpKeydown(t, s, !1)}
-                  @paste=${(s) => this.handleOtpPaste(s, !1)}
-                  aria-label="Digit ${t + 1}"
-                />
-              `
-      )}
-          </div>
-          ${this.errors.otp ? m`<p class="otp-error">${this.errors.otp}</p>` : g}
-        </div>
-
-        ${e ? m`
-              <div class="new-password-fields">
-                <base-input
-                  type="password"
-                  label="New Password"
-                  placeholder="Enter your new password"
-                  .value=${this.newPassword}
-                  .error=${this.errors.new_password}
-                  ?required=${!0}
-                  autocomplete="new-password"
-                  @input=${(t) => this.newPassword = t.detail.value}
-                ></base-input>
-
-                <base-input
-                  type="password"
-                  label="Confirm New Password"
-                  placeholder="Re-enter your new password"
-                  .value=${this.confirmPassword}
-                  .error=${this.errors.confirm_password}
-                  ?required=${!0}
-                  autocomplete="new-password"
-                  @input=${(t) => this.confirmPassword = t.detail.value}
-                ></base-input>
-              </div>
-            ` : g}
-
-        <div class="forgot-row">
-          <button type="button" class="text-btn" @click=${this.backToRequest}>
-            Didn't get a code? Resend
-          </button>
-        </div>
-      `;
-    }
-    return g;
-  }
-  renderActions() {
-    if (this.resetStep === "request")
-      return m`
-        <base-button
-          type="submit"
-          variant="primary"
-          full-width
-          ?loading=${this.isLoading}
-          ?disabled=${this.isLoading}
-        >
-          ${this.isLoading ? "Sending..." : "Send Reset Code"}
-        </base-button>
-      `;
-    if (this.resetStep === "confirm")
-      return this.otpDigits.every((t) => /^\d$/.test(t)) ? m`
-          <base-button
-            type="submit"
-            variant="primary"
-            full-width
-            ?loading=${this.isLoading}
-            ?disabled=${this.isLoading}
-          >
-            ${this.isLoading ? "Resetting..." : "Reset Password"}
-          </base-button>
-        ` : g;
-    if (this.mode === "signup" && this.signupStep === "otp") {
-      const e = this.signupOtpDigits.every((t) => /^\d$/.test(t));
-      return m`
-        <base-button
-          type="submit"
-          variant="primary"
-          full-width
-          ?loading=${this.isLoading}
-          ?disabled=${!e || this.isLoading}
-        >
-          ${this.isLoading ? "Completing..." : "Complete Registration"}
-        </base-button>
-      `;
-    }
-    return m`
-      <base-button
-        type="submit"
-        variant="primary"
-        full-width
-        ?loading=${this.isLoading}
-        ?disabled=${this.isLoading}
-      >
-        ${this.isLoading ? "Loading..." : this.mode === "signup" ? "Continue" : "Sign In"}
-      </base-button>
-
-      ${this.isOAuthConfigured() && this.mode === "signin" ? m`
-            <div class="button-row">
-              <button
-                type="button"
-                class="oauth-btn"
-                @click=${this.handleGoogleSignIn}
-                ?disabled=${this.isLoading}
-              >
-                ${this.renderGoogleIcon()}
-              </button>
-
-              <button
-                type="button"
-                class="oauth-btn"
-                @click=${this.handleAppleSignIn}
-                ?disabled=${this.isLoading}
-              >
-                ${this.renderAppleIcon()}
-              </button>
-            </div>
-          ` : g}
-    `;
-  }
-  renderAlerts() {
-    return m`
-      ${this.notice ? m`
-            <div class="alert alert--success">
-              ${this.notice}
-              <button class="alert-close" @click=${() => this.notice = ""} aria-label="Dismiss">
-                ×
-              </button>
-            </div>
-          ` : g}
-      ${this.error ? m`
-            <div class="alert alert--error">
-              ${this.error}
-              <button class="alert-close" @click=${() => this.error = ""} aria-label="Dismiss">
-                ×
-              </button>
-            </div>
-          ` : g}
-    `;
-  }
-  renderFooter() {
-    return this.isLoggedIn ? g : this.resetStep === "none" && (!this.mode || this.mode === "signin" || this.signupStep === "form") ? this.disableSignup ? g : m`
-        <div class="auth-footer">
-          <p class="toggle-text">
-            ${this.mode === "signup" ? "Already have an account?" : "Don't have an account?"}
-          </p>
-          <button type="button" class="text-btn" @click=${this.toggleMode}>
-            ${this.mode === "signup" ? "Sign In" : "Sign Up"}
-          </button>
-        </div>
-      ` : m`
-      <div class="auth-footer">
-        <p class="toggle-text">
-          Having trouble? Email
-          <a href="mailto:support@example.com">support@example.com</a>
-        </p>
-      </div>
-    `;
-  }
-  renderGoogleIcon() {
-    return m`
-      <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>
-        <path d="M23.7136364,37.8666667 C17.5491591,37.8666667 12.3545909,33.888 10.5322727,28.3562667 L2.62345455,34.3946667 C6.44540909,42.1557333 14.4268636,47.4666667 23.7136364,47.4666667 C29.4455,47.4666667 34.9177955,45.4314667 39.0249545,41.6181333 L31.5177727,35.8144 C29.3995682,37.1488 26.7323182,37.8666667 23.7136364,37.8666667" fill="#34A853"></path>
-        <path d="M46.1454545,24 C46.1454545,22.6133333 45.9318182,21.12 45.6113636,19.7333333 L23.7136364,19.7333333 L23.7136364,28.8 L36.3181818,28.8 C35.6879545,31.8912 33.9724545,34.2677333 31.5177727,35.8144 L39.0249545,41.6181333 C43.3393409,37.6138667 46.1454545,31.6490667 46.1454545,24" fill="#4285F4"></path>
-      </svg>
-    `;
-  }
-  renderAppleIcon() {
-    return m`
-      <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>
-    `;
-  }
-  // Public methods for external control
-  setError(e) {
-    this.error = e;
-  }
-  setNotice(e) {
-    this.notice = e;
-  }
-  async refresh() {
-    try {
-      if (!this.hasApiBaseUrl()) {
-        this.error = this.baseUrlErrorMessage;
-        return;
-      }
-      const e = this.cookies.getAuthToken("REFRESH_TOKEN"), t = this.cookies.getAuthToken("ACCESS_TOKEN"), s = this.cookies.getAuthToken("AUTH_TOKEN");
-      if (!e || !t || !s) {
-        this.cookies.clearAllAuthTokens(), this.isLoggedIn = !1;
-        return;
-      }
-      const { accessToken: r, idToken: i, refreshToken: o } = await this.getApiService().refresh({
-        refreshToken: e
-      });
-      this.cookies.setAuthToken("ACCESS_TOKEN", r), this.cookies.setAuthToken("AUTH_TOKEN", i), this.cookies.setAuthToken("REFRESH_TOKEN", o ?? e);
-    } catch {
-      this.cookies.clearAllAuthTokens(), this.isLoggedIn = !1;
-    }
-  }
-  getUserEmail() {
-    return this.cookies.getCookie("USER_EMAIL") || null;
-  }
-};
-y.styles = ue();
-$([
-  S({ type: String, attribute: "initial-mode" })
-], y.prototype, "initialMode", 2);
-$([
-  S({ type: String, attribute: "logo-url" })
-], y.prototype, "logoUrl", 2);
-$([
-  S({ type: String, attribute: "api-domain" })
-], y.prototype, "baseUrl", 2);
-$([
-  S({ type: String, attribute: "oauth-domain" })
-], y.prototype, "oauthDomain", 2);
-$([
-  S({ type: String, attribute: "oauth-region" })
-], y.prototype, "oauthRegion", 2);
-$([
-  S({ type: String, attribute: "oauth-user-pool-id" })
-], y.prototype, "oauthUserPoolId", 2);
-$([
-  S({ type: String, attribute: "oauth-client-id" })
-], y.prototype, "oauthClientId", 2);
-$([
-  S({ type: String, attribute: "oauth-redirect-uri" })
-], y.prototype, "oauthRedirectUri", 2);
-$([
-  S({ type: String, attribute: "oauth-spa-domain" })
-], y.prototype, "oauthSpaDomain", 2);
-$([
-  S({ type: Boolean, attribute: "disable-signup" })
-], y.prototype, "disableSignup", 2);
-$([
-  v()
-], y.prototype, "mode", 2);
-$([
-  v()
-], y.prototype, "resetStep", 2);
-$([
-  v()
-], y.prototype, "signupStep", 2);
-$([
-  v()
-], y.prototype, "isLoading", 2);
-$([
-  v()
-], y.prototype, "isLoggedIn", 2);
-$([
-  v()
-], y.prototype, "email", 2);
-$([
-  v()
-], y.prototype, "password", 2);
-$([
-  v()
-], y.prototype, "givenName", 2);
-$([
-  v()
-], y.prototype, "familyName", 2);
-$([
-  v()
-], y.prototype, "newPassword", 2);
-$([
-  v()
-], y.prototype, "confirmPassword", 2);
-$([
-  v()
-], y.prototype, "notice", 2);
-$([
-  v()
-], y.prototype, "error", 2);
-$([
-  v()
-], y.prototype, "errors", 2);
-$([
-  v()
-], y.prototype, "otpDigits", 2);
-$([
-  v()
-], y.prototype, "signupOtpDigits", 2);
-$([
-  Qt("#email-input")
-], y.prototype, "emailInput", 2);
-y = $([
-  Gt("auth-form")
-], y);
-export {
-  y as AuthForm
-};