@cal.macconnachie/web-components 2.5.1 → 2.5.2

package/dist/index.js

@@ -249,7 +249,7 @@ let Se = class extends HTMLElement {
 Se.elementStyles = [], Se.shadowRootOptions = { mode: "open" }, Se[Ue("elementProperties")] = /* @__PURE__ */ new Map(), Se[Ue("finalized")] = /* @__PURE__ */ new Map(), bs?.({ ReactiveElement: Se }), (ut.reactiveElementVersions ??= []).push("2.1.1");
 const Lt = globalThis, ht = Lt.trustedTypes, ir = ht ? ht.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, Or = "$lit$", he = `lit$${Math.random().toFixed(9).slice(2)}$`, Pr = "?" + he, vs = `<${Pr}>`, we = document, Fe = () => we.createComment(""), He = (r) => r === null || typeof r != "object" && typeof r != "function", Bt = Array.isArray, ys = (r) => Bt(r) || typeof r?.[Symbol.iterator] == "function", St = `[ 	
 \f\r]`, Le = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, or = /-->/g, ar = />/g, fe = RegExp(`>|${St}(?:([^\\s"'>=/]+)(${St}*=${St}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), nr = /'/g, lr = /"/g, Rr = /^(?:script|style|textarea|title)$/i, ws = (r) => (e, ...t) => ({ _$litType$: r, strings: e, values: t }), g = ws(1), ae = Symbol.for("lit-noChange"), k = Symbol.for("lit-nothing"), cr = /* @__PURE__ */ new WeakMap(), be = we.createTreeWalker(we, 129);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), nr = /'/g, lr = /"/g, Rr = /^(?:script|style|textarea|title)$/i, ws = (r) => (e, ...t) => ({ _$litType$: r, strings: e, values: t }), f = ws(1), ne = Symbol.for("lit-noChange"), k = Symbol.for("lit-nothing"), cr = /* @__PURE__ */ new WeakMap(), be = we.createTreeWalker(we, 129);
 function zr(r, e) {
   if (!Bt(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return ir !== void 0 ? ir.createHTML(e) : e;
@@ -279,8 +279,8 @@ class je {
     for (; (s = be.nextNode()) !== null && l.length < n; ) {
       if (s.nodeType === 1) {
         if (s.hasAttributes()) for (const p of s.getAttributeNames()) if (p.endsWith(Or)) {
-          const b = c[a++], y = s.getAttribute(p).split(he), f = /([.?@])?(.*)/.exec(b);
-          l.push({ type: 1, index: o, name: f[2], strings: y, ctor: f[1] === "." ? ks : f[1] === "?" ? Ss : f[1] === "@" ? _s : gt }), s.removeAttribute(p);
+          const b = c[a++], y = s.getAttribute(p).split(he), g = /([.?@])?(.*)/.exec(b);
+          l.push({ type: 1, index: o, name: g[2], strings: y, ctor: g[1] === "." ? ks : g[1] === "?" ? Ss : g[1] === "@" ? _s : gt }), s.removeAttribute(p);
         } else p.startsWith(he) && (l.push({ type: 6, index: o }), s.removeAttribute(p));
         if (Rr.test(s.tagName)) {
           const p = s.textContent.split(he), b = p.length - 1;
@@ -304,7 +304,7 @@ class je {
   }
 }
 function _e(r, e, t = r, i) {
-  if (e === ae) return e;
+  if (e === ne) return e;
   let s = i !== void 0 ? t._$Co?.[i] : t._$Cl;
   const o = He(e) ? void 0 : e._$litDirective$;
   return s?.constructor !== o && (s?._$AO?.(!1), o === void 0 ? s = void 0 : (s = new o(r), s._$AT(r, t, i)), i !== void 0 ? (t._$Co ??= [])[i] = s : t._$Cl = s), s !== void 0 && (e = _e(r, s._$AS(r, e.values), s, i)), e;
@@ -326,7 +326,7 @@ let $s = class {
     for (; l !== void 0; ) {
       if (a === l.index) {
         let h;
-        l.type === 2 ? h = new Ae(o, o.nextSibling, this, e) : l.type === 1 ? h = new l.ctor(o, l.name, l.strings, this, e) : l.type === 6 && (h = new Cs(o, this, e)), this._$AV.push(h), l = i[++n];
+        l.type === 2 ? h = new Ce(o, o.nextSibling, this, e) : l.type === 1 ? h = new l.ctor(o, l.name, l.strings, this, e) : l.type === 6 && (h = new As(o, this, e)), this._$AV.push(h), l = i[++n];
       }
       a !== l?.index && (o = be.nextNode(), a++);
     }
@@ -337,7 +337,7 @@ let $s = class {
     for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(e, i, t), t += i.strings.length - 2) : i._$AI(e[t])), t++;
   }
 };
-class Ae {
+class Ce {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
@@ -356,7 +356,7 @@ class Ae {
     return this._$AB;
   }
   _$AI(e, t = this) {
-    e = _e(this, e, t), He(e) ? e === k || e == null || e === "" ? (this._$AH !== k && this._$AR(), this._$AH = k) : e !== this._$AH && e !== ae && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : ys(e) ? this.k(e) : this._(e);
+    e = _e(this, e, t), He(e) ? e === k || e == null || e === "" ? (this._$AH !== k && this._$AR(), this._$AH = k) : e !== this._$AH && e !== ne && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : ys(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -383,7 +383,7 @@ class Ae {
     Bt(this._$AH) || (this._$AH = [], this._$AR());
     const t = this._$AH;
     let i, s = 0;
-    for (const o of e) s === t.length ? t.push(i = new Ae(this.O(Fe()), this.O(Fe()), this, this.options)) : i = t[s], i._$AI(o), s++;
+    for (const o of e) s === t.length ? t.push(i = new Ce(this.O(Fe()), this.O(Fe()), this, this.options)) : i = t[s], i._$AI(o), s++;
     s < t.length && (this._$AR(i && i._$AB.nextSibling, s), t.length = s);
   }
   _$AR(e = this._$AA.nextSibling, t) {
@@ -409,11 +409,11 @@ class gt {
   _$AI(e, t = this, i, s) {
     const o = this.strings;
     let a = !1;
-    if (o === void 0) e = _e(this, e, t, 0), a = !He(e) || e !== this._$AH && e !== ae, a && (this._$AH = e);
+    if (o === void 0) e = _e(this, e, t, 0), a = !He(e) || e !== this._$AH && e !== ne, a && (this._$AH = e);
     else {
       const n = e;
       let l, h;
-      for (e = o[0], l = 0; l < o.length - 1; l++) h = _e(this, n[i + l], t, l), h === ae && (h = this._$AH[l]), a ||= !He(h) || h !== this._$AH[l], h === k ? e = k : e !== k && (e += (h ?? "") + o[l + 1]), this._$AH[l] = h;
+      for (e = o[0], l = 0; l < o.length - 1; l++) h = _e(this, n[i + l], t, l), h === ne && (h = this._$AH[l]), a ||= !He(h) || h !== this._$AH[l], h === k ? e = k : e !== k && (e += (h ?? "") + o[l + 1]), this._$AH[l] = h;
     }
     a && !s && this.j(e);
   }
@@ -442,7 +442,7 @@ class _s extends gt {
     super(e, t, i, s, o), this.type = 5;
   }
   _$AI(e, t = this) {
-    if ((e = _e(this, e, t, 0) ?? k) === ae) return;
+    if ((e = _e(this, e, t, 0) ?? k) === ne) return;
     const i = this._$AH, s = e === k && i !== k || e.capture !== i.capture || e.once !== i.once || e.passive !== i.passive, o = e !== k && (i === k || s);
     s && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
@@ -450,7 +450,7 @@ class _s extends gt {
     typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
-class Cs {
+class As {
   constructor(e, t, i) {
     this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = i;
   }
@@ -461,14 +461,14 @@ class Cs {
     _e(this, e);
   }
 }
-const As = { I: Ae }, Es = Lt.litHtmlPolyfillSupport;
-Es?.(je, Ae), (Lt.litHtmlVersions ??= []).push("3.3.1");
+const Cs = { I: Ce }, Es = Lt.litHtmlPolyfillSupport;
+Es?.(je, Ce), (Lt.litHtmlVersions ??= []).push("3.3.1");
 const Ts = (r, e, t) => {
   const i = t?.renderBefore ?? e;
   let s = i._$litPart$;
   if (s === void 0) {
     const o = t?.renderBefore ?? null;
-    i._$litPart$ = s = new Ae(e.insertBefore(Fe(), o), o, void 0, t ?? {});
+    i._$litPart$ = s = new Ce(e.insertBefore(Fe(), o), o, void 0, t ?? {});
   }
   return s._$AI(r), s;
 };
@@ -492,7 +492,7 @@ let qe = class extends Se {
     super.disconnectedCallback(), this._$Do?.setConnected(!1);
   }
   render() {
-    return ae;
+    return ne;
   }
 };
 qe._$litElement$ = !0, qe.finalized = !0, Nt.litElementHydrateSupport?.({ LitElement: qe });
@@ -555,7 +555,7 @@ class Ft {
     return this.render(...t);
   }
 }
-const { I: zs } = As, dr = () => document.createComment(""), Be = (r, e, t) => {
+const { I: zs } = Cs, dr = () => document.createComment(""), Be = (r, e, t) => {
   const i = r._$AA.parentNode, s = e === void 0 ? r._$AB : e._$AA;
   if (t === void 0) {
     const o = i.insertBefore(dr(), s), a = i.insertBefore(dr(), s);
@@ -601,14 +601,14 @@ const hr = (r, e, t) => {
     const s = Ls(r), { values: o, keys: a } = this.dt(e, t, i);
     if (!Array.isArray(s)) return this.ut = a, o;
     const n = this.ut ??= [], l = [];
-    let h, c, p = 0, b = s.length - 1, y = 0, f = o.length - 1;
-    for (; p <= b && y <= f; ) if (s[p] === null) p++;
+    let h, c, p = 0, b = s.length - 1, y = 0, g = o.length - 1;
+    for (; p <= b && y <= g; ) if (s[p] === null) p++;
     else if (s[b] === null) b--;
     else if (n[p] === a[y]) l[y] = me(s[p], o[y]), p++, y++;
-    else if (n[b] === a[f]) l[f] = me(s[b], o[f]), b--, f--;
-    else if (n[p] === a[f]) l[f] = me(s[p], o[f]), Be(r, l[f + 1], s[p]), p++, f--;
+    else if (n[b] === a[g]) l[g] = me(s[b], o[g]), b--, g--;
+    else if (n[p] === a[g]) l[g] = me(s[p], o[g]), Be(r, l[g + 1], s[p]), p++, g--;
     else if (n[b] === a[y]) l[y] = me(s[b], o[y]), Be(r, s[p], s[b]), b--, y++;
-    else if (h === void 0 && (h = hr(a, y, f), c = hr(n, p, b)), h.has(n[p])) if (h.has(n[b])) {
+    else if (h === void 0 && (h = hr(a, y, g), c = hr(n, p, b)), h.has(n[p])) if (h.has(n[b])) {
       const v = c.get(a[y]), m = v !== void 0 ? s[v] : null;
       if (m === null) {
         const x = Be(r, s[p]);
@@ -617,15 +617,15 @@ const hr = (r, e, t) => {
       y++;
     } else _t(s[b]), b--;
     else _t(s[p]), p++;
-    for (; y <= f; ) {
-      const v = Be(r, l[f + 1]);
+    for (; y <= g; ) {
+      const v = Be(r, l[g + 1]);
       me(v, o[y]), l[y++] = v;
     }
     for (; p <= b; ) {
       const v = s[p++];
       v !== null && _t(v);
     }
-    return this.ut = a, Is(r, l), ae;
+    return this.ut = a, Is(r, l), ne;
   }
 });
 var Bs = Object.defineProperty, Mr = (r, e, t, i) => {
@@ -689,7 +689,7 @@ const R = ({
       password: p,
       accessToken: b,
       refreshToken: y,
-      idToken: f
+      idToken: g
     }) => {
       const v = await fetch(`${r}${e.login}`, {
         method: "POST",
@@ -702,7 +702,7 @@ const R = ({
           password: p,
           accessToken: b,
           refreshToken: y,
-          idToken: f
+          idToken: g
         })
       });
       if (!v.ok) {
@@ -775,7 +775,7 @@ const R = ({
       password: p,
       phone_number: b,
       family_name: y,
-      given_name: f,
+      given_name: g,
       code: v
     }) => {
       const m = await fetch(`${r}${e.register}`, {
@@ -789,7 +789,7 @@ const R = ({
           password: p,
           phone_number: b,
           family_name: y,
-          given_name: f,
+          given_name: g,
           code: v
         })
       });
@@ -834,8 +834,8 @@ const R = ({
         })
       });
       if (!y.ok) {
-        const f = await y.json();
-        throw new Error(f.message || f.error || "Failed to reset password");
+        const g = await y.json();
+        throw new Error(g.message || g.error || "Failed to reset password");
       }
       return y.json();
     }
@@ -856,10 +856,10 @@ const R = ({
     clientId: i,
     redirectUri: qs(s)
   }, a = (x) => {
-    const _ = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-._~", C = new Uint8Array(x);
-    return crypto.getRandomValues(C), Array.from(C).map((T) => _[T % _.length]).join("");
+    const _ = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-._~", A = new Uint8Array(x);
+    return crypto.getRandomValues(A), Array.from(A).map((T) => _[T % _.length]).join("");
   }, n = async (x) => {
-    const C = new TextEncoder().encode(x), T = await crypto.subtle.digest("SHA-256", C);
+    const A = new TextEncoder().encode(x), T = await crypto.subtle.digest("SHA-256", A);
     return btoa(String.fromCharCode(...new Uint8Array(T))).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
   }, l = async () => {
     const x = a(128), _ = await n(x);
@@ -868,7 +868,7 @@ const R = ({
     const x = a(32);
     return sessionStorage.setItem("oauth_state", x), x;
   }, c = async () => {
-    const { codeChallenge: x } = await l(), _ = h(), C = new URLSearchParams({
+    const { codeChallenge: x } = await l(), _ = h(), A = new URLSearchParams({
       response_type: "code",
       client_id: o.clientId,
       redirect_uri: o.redirectUri,
@@ -879,12 +879,12 @@ const R = ({
       code_challenge: x,
       prompt: "select_account"
     });
-    return `${o.domain}/oauth2/authorize?${C.toString()}`;
+    return `${o.domain}/oauth2/authorize?${A.toString()}`;
   }, p = async () => {
     const x = await c();
     window.location.href = x;
   }, b = async () => {
-    const { codeChallenge: x } = await l(), _ = h(), C = new URLSearchParams({
+    const { codeChallenge: x } = await l(), _ = h(), A = new URLSearchParams({
       response_type: "code",
       client_id: o.clientId,
       redirect_uri: o.redirectUri,
@@ -894,11 +894,11 @@ const R = ({
       code_challenge_method: "S256",
       code_challenge: x
     });
-    return `${o.domain}/oauth2/authorize?${C.toString()}`;
+    return `${o.domain}/oauth2/authorize?${A.toString()}`;
   }, y = async () => {
     const x = await b();
     window.location.href = x;
-  }, f = (x) => {
+  }, g = (x) => {
     const _ = sessionStorage.getItem("oauth_state");
     return sessionStorage.removeItem("oauth_state"), _ === x;
   }, v = () => {
@@ -908,13 +908,13 @@ const R = ({
   return {
     redirectToGoogleAuth: p,
     redirectToAppleAuth: y,
-    validateState: f,
+    validateState: g,
     getCodeVerifier: v,
     exchangeCodeForTokens: async (x) => {
       const _ = v();
       if (!_)
         throw new Error("PKCE code verifier not found. Please restart the authentication flow.");
-      const C = new URLSearchParams({
+      const A = new URLSearchParams({
         grant_type: "authorization_code",
         client_id: o.clientId,
         code: x,
@@ -925,7 +925,7 @@ const R = ({
         headers: {
           "Content-Type": "application/x-www-form-urlencoded"
         },
-        body: C.toString()
+        body: A.toString()
       });
       if (!T.ok) {
         const N = await T.text();
@@ -952,9 +952,9 @@ const js = [
   "expires_in"
 ], Vs = () => R({
   name: "auth-form",
-  element: A
+  element: C
 });
-class A extends M {
+class C extends M {
   constructor() {
     super(...arguments), this.initialMode = "signin", this.logoUrl = "", this.oauthDomain = "", this.oauthRegion = "", this.oauthUserPoolId = "", this.oauthClientId = "", this.oauthRedirectUri = "", this.oauthSpaDomain = "", this.disableSignup = !1, this.mockMode = !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.userEmail = null, this.otpDigits = ["", "", "", "", "", ""], this.signupOtpDigits = ["", "", "", "", "", ""], this.hasHandledOAuthCallback = !1, this.handleAuthRefreshFailed = () => {
       this.isLoggedIn = !1, this.userEmail = null;
@@ -1362,8 +1362,8 @@ class A extends M {
     }
   }
   render() {
-    return this.isLoading && this.hasHandledOAuthCallback ? g`
-        ${this.logoUrl.length > 0 ? g`
+    return this.isLoading && this.hasHandledOAuthCallback ? f`
+        ${this.logoUrl.length > 0 ? f`
               <header class="modal-header">
                 <div class="auth-header">
                 <img
@@ -1393,9 +1393,9 @@ class A extends M {
             ${this.renderAlerts()}
           </div>
         </div>
-      ` : this.isLoggedIn ? g`
+      ` : this.isLoggedIn ? f`
         <!-- Header -->
-        ${this.logoUrl.length > 0 ? g`
+        ${this.logoUrl.length > 0 ? f`
               <header class="modal-header">
                 <div class="auth-header">
                 <img
@@ -1425,9 +1425,9 @@ class A extends M {
             ${this.renderAlerts()}
           </div>
         </div>
-      ` : g`
+      ` : f`
       <!-- Header -->
-      ${(!this.mode || this.resetStep === "none") && this.logoUrl.length > 0 && this.mode === "signin" ? g`
+      ${(!this.mode || this.resetStep === "none") && this.logoUrl.length > 0 && this.mode === "signin" ? f`
             <header class="modal-header">
 
                 <div class="auth-header">
@@ -1461,7 +1461,7 @@ class A extends M {
   }
   renderFormContent() {
     if (this.resetStep === "none" && (!this.mode || this.mode === "signin" || this.signupStep === "form"))
-      return g`
+      return f`
         <!-- Email -->
         <base-input
           id="email-input"
@@ -1487,7 +1487,7 @@ class A extends M {
           @input=${(e) => this.password = e.detail.value}
         ></base-input>
 
-        ${this.mode === "signin" && this.error ? g`
+        ${this.mode === "signin" && this.error ? f`
               <div class="forgot-row">
                 <button type="button" class="text-btn" @click=${this.startReset}>
                   Forgot your password?
@@ -1495,7 +1495,7 @@ class A extends M {
               </div>
             ` : k}
 
-        ${this.mode === "signup" ? g`
+        ${this.mode === "signup" ? f`
               <!-- Confirm Password -->
               <base-input
                 type="password"
@@ -1534,14 +1534,14 @@ class A extends M {
             ` : k}
       `;
     if (this.mode === "signup" && this.signupStep === "otp")
-      return g`
+      return f`
         <div class="otp-section">
           <label class="otp-label">Enter 6-digit code</label>
           <div class="otp-inputs" role="group" aria-label="One time code">
             ${pr(
         Array.from({ length: 6 }, (e, t) => t),
         (e) => e,
-        (e) => g`
+        (e) => f`
                 <input
                   class="otp-input signup-otp-input ${this.errors.signup_otp ? "otp-input--error" : ""}"
                   type="text"
@@ -1558,7 +1558,7 @@ class A extends M {
               `
       )}
           </div>
-          ${this.errors.signup_otp ? g`<p class="otp-error">${this.errors.signup_otp}</p>` : k}
+          ${this.errors.signup_otp ? f`<p class="otp-error">${this.errors.signup_otp}</p>` : k}
         </div>
         <div class="forgot-row">
           <button type="button" class="text-btn" @click=${this.backToSignupForm}>
@@ -1567,7 +1567,7 @@ class A extends M {
         </div>
       `;
     if (this.resetStep === "request")
-      return g`
+      return f`
         <base-input
           id="email-input"
           type="email"
@@ -1587,7 +1587,7 @@ class A extends M {
       `;
     if (this.resetStep === "confirm") {
       const e = this.otpDigits.every((t) => /^\d$/.test(t));
-      return g`
+      return f`
         <base-input
           type="email"
           label="Email Address"
@@ -1605,7 +1605,7 @@ class A extends M {
             ${pr(
         Array.from({ length: 6 }, (t, i) => i),
         (t) => t,
-        (t) => g`
+        (t) => f`
                 <input
                   class="otp-input reset-otp-input ${this.errors.otp ? "otp-input--error" : ""}"
                   type="text"
@@ -1622,10 +1622,10 @@ class A extends M {
               `
       )}
           </div>
-          ${this.errors.otp ? g`<p class="otp-error">${this.errors.otp}</p>` : k}
+          ${this.errors.otp ? f`<p class="otp-error">${this.errors.otp}</p>` : k}
         </div>
 
-        ${e ? g`
+        ${e ? f`
               <div class="new-password-fields">
                 <base-input
                   type="password"
@@ -1662,7 +1662,7 @@ class A extends M {
   }
   renderActions() {
     if (this.resetStep === "request")
-      return g`
+      return f`
         <base-button
           type="submit"
           variant="primary"
@@ -1675,7 +1675,7 @@ class A extends M {
         </base-button>
       `;
     if (this.resetStep === "confirm")
-      return this.otpDigits.every((t) => /^\d$/.test(t)) ? g`
+      return this.otpDigits.every((t) => /^\d$/.test(t)) ? f`
           <base-button
             type="submit"
             variant="primary"
@@ -1689,7 +1689,7 @@ class A extends M {
         ` : k;
     if (this.mode === "signup" && this.signupStep === "otp") {
       const e = this.signupOtpDigits.every((t) => /^\d$/.test(t));
-      return g`
+      return f`
         <base-button
           type="submit"
           variant="primary"
@@ -1702,7 +1702,7 @@ class A extends M {
         </base-button>
       `;
     }
-    return g`
+    return f`
       <base-button
         type="submit"
         variant="primary"
@@ -1714,7 +1714,7 @@ class A extends M {
         ${this.isLoading ? "Loading..." : this.mode === "signup" ? "Continue" : "Sign In"}
       </base-button>
 
-      ${this.isOAuthConfigured() && this.mode === "signin" ? g`
+      ${this.isOAuthConfigured() && this.mode === "signin" ? f`
             <div class="button-row">
               <button
                 type="button"
@@ -1738,8 +1738,8 @@ class A extends M {
     `;
   }
   renderAlerts() {
-    return g`
-      ${this.notice ? g`
+    return f`
+      ${this.notice ? f`
             <div class="alert alert--success">
               ${this.notice}
               <button class="alert-close" @click=${() => this.notice = ""} aria-label="Dismiss">
@@ -1747,7 +1747,7 @@ class A extends M {
               </button>
             </div>
           ` : k}
-      ${this.error && !this.isLoading ? g`
+      ${this.error && !this.isLoading ? f`
             <div class="alert alert--error">
               ${this.error}
               <button class="alert-close" @click=${() => this.error = ""} aria-label="Dismiss">
@@ -1758,7 +1758,7 @@ class A extends M {
     `;
   }
   renderFooter() {
-    return this.isLoggedIn ? k : this.resetStep === "none" && (!this.mode || this.mode === "signin" || this.signupStep === "form") ? this.disableSignup ? k : g`
+    return this.isLoggedIn ? k : this.resetStep === "none" && (!this.mode || this.mode === "signin" || this.signupStep === "form") ? this.disableSignup ? k : f`
         <div class="auth-footer">
           <p class="toggle-text">
             ${this.mode === "signup" ? "Already have an account?" : "Don't have an account?"}
@@ -1767,7 +1767,7 @@ class A extends M {
             ${this.mode === "signup" ? "Sign In" : "Sign Up"}
           </button>
         </div>
-      ` : g`
+      ` : f`
       <div class="auth-footer">
         <p class="toggle-text">
           Having trouble? Email
@@ -1777,7 +1777,7 @@ class A extends M {
     `;
   }
   renderGoogleIcon() {
-    return g`
+    return f`
       <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>
@@ -1787,7 +1787,7 @@ class A extends M {
     `;
   }
   renderAppleIcon() {
-    return g`
+    return f`
       <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>
@@ -2072,88 +2072,88 @@ class A extends M {
 }
 E([
   u({ type: String, attribute: "initial-mode" })
-], A.prototype, "initialMode");
+], C.prototype, "initialMode");
 E([
   u({ type: String, attribute: "logo-url" })
-], A.prototype, "logoUrl");
+], C.prototype, "logoUrl");
 E([
   u({ type: String, attribute: "oauth-domain" })
-], A.prototype, "oauthDomain");
+], C.prototype, "oauthDomain");
 E([
   u({ type: String, attribute: "oauth-region" })
-], A.prototype, "oauthRegion");
+], C.prototype, "oauthRegion");
 E([
   u({ type: String, attribute: "oauth-user-pool-id" })
-], A.prototype, "oauthUserPoolId");
+], C.prototype, "oauthUserPoolId");
 E([
   u({ type: String, attribute: "oauth-client-id" })
-], A.prototype, "oauthClientId");
+], C.prototype, "oauthClientId");
 E([
   u({ type: String, attribute: "oauth-redirect-uri" })
-], A.prototype, "oauthRedirectUri");
+], C.prototype, "oauthRedirectUri");
 E([
   u({ type: String, attribute: "oauth-spa-domain" })
-], A.prototype, "oauthSpaDomain");
+], C.prototype, "oauthSpaDomain");
 E([
   u({ type: Boolean, attribute: "disable-signup" })
-], A.prototype, "disableSignup");
+], C.prototype, "disableSignup");
 E([
   u({ type: Boolean, attribute: "mock-mode" })
-], A.prototype, "mockMode");
+], C.prototype, "mockMode");
 E([
   w()
-], A.prototype, "mode");
+], C.prototype, "mode");
 E([
   w()
-], A.prototype, "resetStep");
+], C.prototype, "resetStep");
 E([
   w()
-], A.prototype, "signupStep");
+], C.prototype, "signupStep");
 E([
   w()
-], A.prototype, "isLoading");
+], C.prototype, "isLoading");
 E([
   w()
-], A.prototype, "isLoggedIn");
+], C.prototype, "isLoggedIn");
 E([
   w()
-], A.prototype, "email");
+], C.prototype, "email");
 E([
   w()
-], A.prototype, "password");
+], C.prototype, "password");
 E([
   w()
-], A.prototype, "givenName");
+], C.prototype, "givenName");
 E([
   w()
-], A.prototype, "familyName");
+], C.prototype, "familyName");
 E([
   w()
-], A.prototype, "newPassword");
+], C.prototype, "newPassword");
 E([
   w()
-], A.prototype, "confirmPassword");
+], C.prototype, "confirmPassword");
 E([
   w()
-], A.prototype, "notice");
+], C.prototype, "notice");
 E([
   w()
-], A.prototype, "error");
+], C.prototype, "error");
 E([
   w()
-], A.prototype, "errors");
+], C.prototype, "errors");
 E([
   w()
-], A.prototype, "userEmail");
+], C.prototype, "userEmail");
 E([
   w()
-], A.prototype, "otpDigits");
+], C.prototype, "otpDigits");
 E([
   w()
-], A.prototype, "signupOtpDigits");
+], C.prototype, "signupOtpDigits");
 E([
   V("#email-input")
-], A.prototype, "emailInput");
+], C.prototype, "emailInput");
 const S = qt(class extends Ft {
   constructor(r) {
     if (super(r), r.type !== Ut.ATTRIBUTE || r.name !== "class" || r.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
@@ -2173,7 +2173,7 @@ const S = qt(class extends Ft {
       const s = !!e[i];
       s === this.st.has(i) || this.nt?.has(i) || (s ? (t.add(i), this.st.add(i)) : (t.remove(i), this.st.delete(i)));
     }
-    return ae;
+    return ne;
   }
 });
 var Zs = Object.defineProperty, $e = (r, e, t, i) => {
@@ -2623,7 +2623,7 @@ class pe extends M {
       "base-button--loading": this.loading,
       [`base-button--hover-${this.hover}`]: !!this.hover
     };
-    return g`
+    return f`
       <button
         class=${S(e)}
         type=${this.type}
@@ -2633,7 +2633,7 @@ class pe extends M {
           <span class=${S({ "button-text": !0, hidden: this.loading })}>
             <slot></slot>
           </span>
-          ${this.loading ? g`
+          ${this.loading ? f`
                 <span class="loading-container">
                   <slot name="loading">
                     <svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
@@ -2909,9 +2909,9 @@ class Ee extends M {
       [`base-card--padding-${this.padding}`]: !0,
       "base-card--hoverable": this.hoverable,
       "base-card--expandable": this.expandable
-    }, t = g`
+    }, t = f`
       <div class=${S(e)}>
-        ${this.expandable && !this.isExpanded ? g`
+        ${this.expandable && !this.isExpanded ? f`
               <button
                 class="expand-btn"
                 aria-label="Expand card"
@@ -2925,7 +2925,7 @@ class Ee extends M {
         <slot></slot>
       </div>
     `;
-    return this.isExpanded ? g`
+    return this.isExpanded ? f`
         <div class="expanded-overlay" @click=${this.handleOverlayClick}>
           <div class="expanded-card">
             ${t}
@@ -2950,12 +2950,12 @@ Ve([
   w()
 ], Ee.prototype, "isExpanded");
 const Y = (r) => r ?? k;
-var Xs = Object.defineProperty, I = (r, e, t, i) => {
+var Js = Object.defineProperty, I = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (s = a(e, t, s) || s);
-  return s && Xs(e, t, s), s;
+  return s && Js(e, t, s), s;
 };
-const Js = () => R({
+const Xs = () => R({
   name: "base-date-picker",
   element: P
 });
@@ -3561,12 +3561,12 @@ class P extends M {
       "date-display--empty": !this.value,
       "date-disabled": this.disabled
     };
-    return g`
+    return f`
       <div class="date-picker-group">
-        ${this.label ? g`
+        ${this.label ? f`
               <label for=${this.inputId} class="date-picker-label">
                 ${this.label}
-                ${this.required ? g`<span class="required-indicator" aria-label="required">*</span>` : ""}
+                ${this.required ? f`<span class="required-indicator" aria-label="required">*</span>` : ""}
               </label>
             ` : ""}
 
@@ -3590,7 +3590,7 @@ class P extends M {
             <base-icon name="calendar-day" size="20px"></base-icon>
           </div>
 
-          ${this.isOpen ? g`
+          ${this.isOpen ? f`
                 <div class="calendar-overlay" @click=${this.closeCalendar}></div>
                 <div
                   class=${S({
@@ -3601,12 +3601,12 @@ class P extends M {
                   role="dialog"
                   aria-label="Choose date"
                 >
-                  ${this.showMonthPicker ? g`
+                  ${this.showMonthPicker ? f`
                         <div class="picker-overlay">
                           <div class="month-picker-container">
                             <div class="month-picker-grid">
                               ${this.monthNames.map(
-      (s, o) => g`
+      (s, o) => f`
                                   <div
                                     class=${S({
         "month-item": !0,
@@ -3621,7 +3621,7 @@ class P extends M {
                             </div>
                           </div>
                         </div>
-                      ` : this.showYearPicker ? g`
+                      ` : this.showYearPicker ? f`
                           <div class="picker-overlay">
                             <div class="year-picker-container">
                               <div class="year-picker-header">
@@ -3645,7 +3645,7 @@ class P extends M {
                               </div>
                               <div class="year-picker-grid">
                                 ${this.yearRange.map(
-      (s) => g`
+      (s) => f`
                                     <div
                                       class=${S({
         "year-item": !0,
@@ -3660,7 +3660,7 @@ class P extends M {
                               </div>
                             </div>
                           </div>
-                        ` : g`
+                        ` : f`
                           <div class="calendar-header">
                             <button
                               type="button"
@@ -3689,12 +3689,12 @@ class P extends M {
                           </div>
 
                           <div class="calendar-weekdays">
-                            ${this.weekDays.map((s) => g`<div class="calendar-weekday">${s}</div>`)}
+                            ${this.weekDays.map((s) => f`<div class="calendar-weekday">${s}</div>`)}
                           </div>
 
                           <div class="calendar-days">
                             ${this.calendarDays.map(
-      (s) => s ? g`
+      (s) => s ? f`
                                       <div
                                         class=${S({
         "calendar-day": !0,
@@ -3706,7 +3706,7 @@ class P extends M {
                                       >
                                         ${s}
                                       </div>
-                                    ` : g`<div class="calendar-day day-empty"></div>`
+                                    ` : f`<div class="calendar-day day-empty"></div>`
     )}
                           </div>
 
@@ -3724,11 +3724,11 @@ class P extends M {
               ` : ""}
         </div>
 
-        ${e ? g`
+        ${e ? f`
               <div id="${this.inputId}-error" class="date-picker-error" role="alert">
                 ${this.error}
               </div>
-            ` : this.hint ? g` <div class="date-picker-hint">${this.hint}</div> ` : ""}
+            ` : this.hint ? f` <div class="date-picker-hint">${this.hint}</div> ` : ""}
       </div>
     `;
   }
@@ -4131,12 +4131,12 @@ class L extends M {
       "time-display--empty": !this.value,
       "time-disabled": this.disabled
     };
-    return g`
+    return f`
       <div class="time-picker-group">
-        ${this.label ? g`
+        ${this.label ? f`
               <label for=${this.inputId} class="time-picker-label">
                 ${this.label}
-                ${this.required ? g`<span class="required-indicator" aria-label="required">*</span>` : ""}
+                ${this.required ? f`<span class="required-indicator" aria-label="required">*</span>` : ""}
               </label>
             ` : ""}
 
@@ -4166,7 +4166,7 @@ class L extends M {
             </svg>
           </div>
 
-          ${this.isOpen ? g`
+          ${this.isOpen ? f`
                 <div class="time-overlay" @click=${this.closeTimePicker}></div>
                 <div
                   class=${S({
@@ -4182,7 +4182,7 @@ class L extends M {
                       <div class="time-column-label">Hour</div>
                       <div class="time-scroll">
                         ${this.hours.map(
-      (s) => g`
+      (s) => f`
                             <div
                               class=${S({
         "time-option": !0,
@@ -4201,7 +4201,7 @@ class L extends M {
                       <div class="time-column-label">Minute</div>
                       <div class="time-scroll">
                         ${this.minutes.map(
-      (s) => g`
+      (s) => f`
                             <div
                               class=${S({
         "time-option": !0,
@@ -4216,12 +4216,12 @@ class L extends M {
                       </div>
                     </div>
 
-                    ${this.format === "12" ? g`
+                    ${this.format === "12" ? f`
                           <div class="time-column">
                             <div class="time-column-label">Period</div>
                             <div class="time-scroll">
                               ${["AM", "PM"].map(
-      (s) => g`
+      (s) => f`
                                   <div
                                     class=${S({
         "time-option": !0,
@@ -4247,11 +4247,11 @@ class L extends M {
               ` : ""}
         </div>
 
-        ${e ? g`
+        ${e ? f`
               <div id="${this.inputId}-error" class="time-picker-error" role="alert">
                 ${this.error}
               </div>
-            ` : this.hint ? g` <div class="time-picker-hint">${this.hint}</div> ` : ""}
+            ` : this.hint ? f` <div class="time-picker-hint">${this.hint}</div> ` : ""}
       </div>
     `;
   }
@@ -4501,12 +4501,12 @@ class q extends M {
       "datetime-pickers--error": e,
       "datetime-pickers--disabled": this.disabled
     };
-    return g`
+    return f`
       <div class="datetime-picker-group">
-        ${this.label ? g`
+        ${this.label ? f`
               <label for=${this.inputId} class="datetime-picker-label">
                 ${this.label}
-                ${this.required ? g`<span class="required-indicator" aria-label="required">*</span>` : ""}
+                ${this.required ? f`<span class="required-indicator" aria-label="required">*</span>` : ""}
               </label>
             ` : ""}
 
@@ -4546,11 +4546,11 @@ class q extends M {
           </div>
         </div>
 
-        ${e ? g`
+        ${e ? f`
               <div id="${this.inputId}-error" class="datetime-picker-error" role="alert">
                 ${this.error}
               </div>
-            ` : this.hint ? g` <div class="datetime-picker-hint">${this.hint}</div> ` : ""}
+            ` : this.hint ? f` <div class="datetime-picker-hint">${this.hint}</div> ` : ""}
       </div>
     `;
   }
@@ -4662,16 +4662,16 @@ class j extends M {
       let l;
       e < 0 ? l = o + n : l = o - n;
       let h = this.currentDetentIndex;
-      const c = 0.5, p = 1, b = this.isClosable(), y = s[0], f = this.currentDetentIndex === 0;
+      const c = 0.5, p = 1, b = this.isClosable(), y = s[0], g = this.currentDetentIndex === 0;
       if (i > c && Math.abs(e) > 30)
-        e > 0 ? b ? i > p && f && e > 50 || l < y * 0.8 ? h = -1 : h = Math.max(0, this.currentDetentIndex - 1) : h = Math.max(0, this.currentDetentIndex - 1) : h = Math.min(s.length - 1, this.currentDetentIndex + 1);
+        e > 0 ? b ? i > p && g && e > 50 || l < y * 0.8 ? h = -1 : h = Math.max(0, this.currentDetentIndex - 1) : h = Math.max(0, this.currentDetentIndex - 1) : h = Math.min(s.length - 1, this.currentDetentIndex + 1);
       else {
-        let _ = 0, C = Math.abs(l - s[0]);
+        let _ = 0, A = Math.abs(l - s[0]);
         for (let T = 1; T < s.length; T++) {
           const N = Math.abs(l - s[T]);
-          N < C && (C = N, _ = T);
+          N < A && (A = N, _ = T);
         }
-        h = _, b && (f && l < y * 0.7 || l < y - 5) && (h = -1);
+        h = _, b && (g && l < y * 0.7 || l < y - 5) && (h = -1);
       }
       const v = h < 0, m = this.modalContainer, x = v ? 0 : s[h];
       if (m.style.transition = "none", e < 0) {
@@ -4819,7 +4819,7 @@ class j extends M {
       "modal-container--dragging": this.isDragging,
       [`modal-container--${this.size}`]: !0
     }, i = this.getCurrentDetentHeight(), s = this.getActiveDetents(), o = this.isClosable() || s.length > 1;
-    return g`
+    return f`
       <!-- Drawer Overlay -->
       <div
         class=${S(e)}
@@ -4832,7 +4832,7 @@ class j extends M {
           aria-modal="true"
         >
           <!-- Drawer Handle -->
-          ${o ? g`
+          ${o ? f`
             <div
               class="drawer-handle"
               @click=${this.handleHandleClick}
@@ -5345,7 +5345,7 @@ class Tt extends Ft {
   }
   render(e) {
     if (e === k || e == null) return this._t = void 0, this.it = e;
-    if (e === ae) return e;
+    if (e === ne) return e;
     if (typeof e != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
     if (e === this.it) return this._t;
     this.it = e;
@@ -5355,12 +5355,12 @@ class Tt extends Ft {
 }
 Tt.directiveName = "unsafeHTML", Tt.resultType = 1;
 const Ir = qt(Tt);
-var Ci = Object.defineProperty, ft = (r, e, t, i) => {
+var Ai = Object.defineProperty, ft = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (s = a(e, t, s) || s);
-  return s && Ci(e, t, s), s;
+  return s && Ai(e, t, s), s;
 };
-const Ai = /* @__PURE__ */ Object.assign({
+const Ci = /* @__PURE__ */ Object.assign({
   "../../public/icons/arrow.svg": ii,
   "../../public/icons/calendar-day.svg": oi,
   "../../public/icons/calendar-month.svg": ai,
@@ -5427,7 +5427,7 @@ class Te extends M {
     }
     try {
       const e = `../../public/icons/${this.name}.svg`;
-      let t = Ai[e];
+      let t = Ci[e];
       if (!t)
         throw new Error(`Icon "${this.name}" not found`);
       t = t.replace(/<\?xml[^?]*\?>/g, ""), t = t.replace(/<style[\s\S]*?<\/style>/gi, ""), t = t.replace(/\s+style="[^"]*"/gi, ""), t = t.replace(/<defs>\s*<\/defs>/gi, ""), t = t.replace(/\s+fill="[^"]*"/gi, ""), t = t.trim(), this.svgContent = t;
@@ -5436,7 +5436,7 @@ class Te extends M {
     }
   }
   render() {
-    return g`
+    return f`
       <div
         style="
           --icon-size: ${this.size};
@@ -5459,7 +5459,7 @@ ft([
 ft([
   w()
 ], Te.prototype, "svgContent");
-var Ti = Object.defineProperty, ee = (r, e, t, i) => {
+var Ti = Object.defineProperty, te = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (s = a(e, t, s) || s);
   return s && Ti(e, t, s), s;
@@ -5651,12 +5651,12 @@ class Q extends M {
       "base-input--error": e,
       "base-input--disabled": this.disabled
     };
-    return g`
+    return f`
       <div class="input-group">
-        ${this.label ? g`
+        ${this.label ? f`
               <label for=${this.inputId} class="input-label">
                 ${this.label}
-                ${this.required ? g`<span class="required-indicator" aria-label="required">*</span>` : ""}
+                ${this.required ? f`<span class="required-indicator" aria-label="required">*</span>` : ""}
               </label>
             ` : ""}
 
@@ -5682,46 +5682,46 @@ class Q extends M {
           </div>
         </div>
 
-        ${e ? g`
+        ${e ? f`
               <div id="${this.inputId}-error" class="input-error" role="alert">
                 ${this.error}
               </div>
-            ` : this.hint ? g` <div class="input-hint">${this.hint}</div> ` : ""}
+            ` : this.hint ? f` <div class="input-hint">${this.hint}</div> ` : ""}
       </div>
     `;
   }
 }
-ee([
+te([
   u({ type: String })
 ], Q.prototype, "value");
-ee([
+te([
   u({ type: String })
 ], Q.prototype, "label");
-ee([
+te([
   u({ type: String })
 ], Q.prototype, "placeholder");
-ee([
+te([
   u({ type: String })
 ], Q.prototype, "type");
-ee([
+te([
   u({ type: Boolean, reflect: !0 })
 ], Q.prototype, "required");
-ee([
+te([
   u({ type: Boolean, reflect: !0 })
 ], Q.prototype, "disabled");
-ee([
+te([
   u({ type: String })
 ], Q.prototype, "error");
-ee([
+te([
   u({ type: String })
 ], Q.prototype, "hint");
-ee([
+te([
   u({ type: String })
 ], Q.prototype, "autocomplete");
-ee([
+te([
   u({ type: String })
 ], Q.prototype, "size");
-ee([
+te([
   V("input")
 ], Q.prototype, "inputElement");
 var Oi = Object.defineProperty, mt = (r, e, t, i) => {
@@ -5807,7 +5807,7 @@ class Ze extends M {
       [`base-list--${this.variant}`]: !0,
       "base-list--interactive": this.interactive
     };
-    return g`
+    return f`
       <div class=${S(e)} role=${this.role}>
         <slot></slot>
       </div>
@@ -5826,18 +5826,18 @@ mt([
 mt([
   u({ type: String, attribute: "role" })
 ], Ze.prototype, "role");
-var Ri = Object.defineProperty, ne = (r, e, t, i) => {
+var Ri = Object.defineProperty, re = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (s = a(e, t, s) || s);
   return s && Ri(e, t, s), s;
 };
 const zi = () => R({
   name: "base-list-item",
-  element: ie
+  element: G
 });
-class ie extends M {
+class G extends M {
   constructor() {
-    super(...arguments), this.size = "md", this.disabled = !1, this.selected = !1, this.interactive = !1, this.role = "listitem", this.swipeOffset = 0, this.isSwiping = !1, this.touchStartX = 0, this.touchStartY = 0, this.currentX = 0, this.isDragging = !1, this.swipeThreshold = 80;
+    super(...arguments), this.size = "md", this.disabled = !1, this.selected = !1, this.interactive = !1, this.role = "listitem", this.swipeOffset = 0, this.isSwiping = !1, this.desktopActionsOpen = !1, this.desktopActionSide = null, this.touchStartX = 0, this.touchStartY = 0, this.currentX = 0, this.isDragging = !1, this.swipeThreshold = 80, this.documentClickHandler = this.handleDocumentClick.bind(this);
   }
   static {
     this.styles = B`
@@ -5859,6 +5859,7 @@ class ie extends M {
       width: 100%;
       display: flex;
       align-items: stretch;
+      isolation: isolate;
     }
 
     .swipe-actions {
@@ -5901,70 +5902,73 @@ class ie extends M {
       filter: brightness(0.9);
     }
 
-    /* Desktop hover actions */
-    .desktop-actions {
+    /* Desktop plus icons on edges */
+    .desktop-plus-icon {
       position: absolute;
-      right: 0;
-      top: 0;
-      bottom: 0;
+      top: 50%;
+      transform: translateY(-50%);
+      color: var(--color-text-muted);
+      width: 18px;
+      height: 18px;
+      border: none;
+      border-radius: 50%;
+      background: none;
+      background-color: none;
+      cursor: pointer;
       display: flex;
       align-items: center;
-      gap: var(--space-1);
-      padding-right: var(--space-3);
+      justify-content: center;
       opacity: 0;
-      transform: translateX(10px);
-      transition: all var(--transition-fast);
+      transition: opacity var(--transition-fast);
+      z-index: 3;
       pointer-events: none;
-      z-index: 2;
-      padding-left: var(--space-8);
+      font-size: 18px;
+      line-height: 1;
+      padding: 0;
     }
 
-    .desktop-action-button {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 32px;
-      height: 32px;
-      border: none;
-      border-radius: var(--radius-md);
-      cursor: pointer;
-      transition: all var(--transition-fast);
-      color: white;
-      pointer-events: auto;
+    .desktop-plus-icon--left {
+      left: -4px;
     }
 
-    .desktop-action-button:hover {
-      transform: scale(1.1);
+    .desktop-plus-icon--right {
+      right: -4px;
+    }
+
+    .desktop-plus-icon:hover {
       filter: brightness(1.1);
     }
 
-    .desktop-action-button:active {
-      transform: scale(0.95);
+    .desktop-plus-icon:active {
+      transform: translateY(-50%) scale(0.95);
     }
 
-    .desktop-action-button:focus-visible {
+    .desktop-plus-icon:focus-visible {
       outline: 2px solid var(--color-border-focus);
       outline-offset: 2px;
     }
 
-    /* Show desktop actions on hover (desktop only) */
+    /* Show plus icons on hover (desktop only) */
     @media (hover: hover) and (pointer: fine) {
-      :host(:hover) .desktop-actions,
-      :host(:focus-within) .desktop-actions {
+      :host(:hover) .desktop-plus-icon {
         opacity: 1;
-        transform: translateX(0);
         pointer-events: auto;
       }
 
-      /* Hide swipe actions on desktop */
+      /* Show swipe actions on desktop when opened */
       .swipe-actions {
-        display: none;
+        display: flex;
+      }
+
+      /* Disable swipe gestures on desktop */
+      .base-list-item {
+        touch-action: auto;
       }
     }
 
-    /* Hide desktop actions on touch devices */
+    /* Hide desktop plus icons on touch devices */
     @media (hover: none) {
-      .desktop-actions {
+      .desktop-plus-icon {
         display: none;
       }
     }
@@ -5982,12 +5986,17 @@ class ie extends M {
       z-index: 1;
       touch-action: pan-y;
       transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
+      will-change: transform;
     }
 
     .base-list-item--swiping {
       transition: none;
     }
 
+    .base-list-item--desktop-open {
+      transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
+    }
+
     /* Size variants */
     .base-list-item--sm {
       padding: var(--space-2) var(--space-3);
@@ -6042,6 +6051,10 @@ class ie extends M {
       e.preventDefault(), e.stopPropagation();
       return;
     }
+    if (this.desktopActionsOpen) {
+      this.desktopActionsOpen = !1, this.desktopActionSide = null;
+      return;
+    }
     this.dispatchEvent(
       new CustomEvent("item-click", {
         detail: { item: this },
@@ -6090,7 +6103,19 @@ class ie extends M {
         bubbles: !0,
         composed: !0
       })
-    );
+    ), this.desktopActionsOpen = !1, this.desktopActionSide = null;
+  }
+  handleDesktopActionToggle(e, t) {
+    t.preventDefault(), this.desktopActionsOpen ? (this.desktopActionsOpen = !1, this.desktopActionSide = null) : (this.desktopActionsOpen = !0, this.desktopActionSide = e);
+  }
+  handleDocumentClick(e) {
+    e.composedPath().includes(this) || (this.desktopActionsOpen = !1, this.desktopActionSide = null);
+  }
+  connectedCallback() {
+    super.connectedCallback(), document.addEventListener("click", this.documentClickHandler);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), document.removeEventListener("click", this.documentClickHandler);
   }
   render() {
     const e = {
@@ -6098,11 +6123,13 @@ class ie extends M {
       [`base-list-item--${this.size}`]: !0,
       "base-list-item--interactive": this.interactive,
       "base-list-item--selected": this.selected,
-      "base-list-item--swiping": this.isDragging
+      "base-list-item--swiping": this.isDragging,
+      "base-list-item--desktop-open": this.desktopActionsOpen
     };
-    return g`
+    let t = this.swipeOffset;
+    return this.desktopActionsOpen && this.desktopActionSide && (this.desktopActionSide === "left" ? t = 100 : t = -100), f`
       <div class="list-item-wrapper">
-        ${this.leftSwipeAction ? g`
+        ${this.leftSwipeAction ? f`
               <div class="swipe-actions swipe-actions--left">
                 <button
                   class="swipe-action-button"
@@ -6114,12 +6141,12 @@ class ie extends M {
                     size="24px"
                     color="white"
                   ></base-icon>
-                  ${this.leftSwipeAction.label ? g`<span>${this.leftSwipeAction.label}</span>` : ""}
+                  ${this.leftSwipeAction.label ? f`<span>${this.leftSwipeAction.label}</span>` : ""}
                 </button>
               </div>
             ` : ""}
 
-        ${this.rightSwipeAction ? g`
+        ${this.rightSwipeAction ? f`
               <div class="swipe-actions swipe-actions--right">
                 <button
                   class="swipe-action-button"
@@ -6131,54 +6158,36 @@ class ie extends M {
                     size="24px"
                     color="white"
                   ></base-icon>
-                  ${this.rightSwipeAction.label ? g`<span>${this.rightSwipeAction.label}</span>` : ""}
+                  ${this.rightSwipeAction.label ? f`<span>${this.rightSwipeAction.label}</span>` : ""}
                 </button>
               </div>
             ` : ""}
 
-        <!-- Desktop hover actions -->
-        ${this.leftSwipeAction || this.rightSwipeAction ? g`
-              <div class="desktop-actions">
-                ${this.leftSwipeAction ? g`
-                      <button
-                        class="desktop-action-button"
-                        style="background-color: ${this.leftSwipeAction.color || "var(--color-success)"}"
-                        @click=${(t) => {
-      t.stopPropagation(), this.triggerSwipeAction(this.leftSwipeAction);
-    }}
-                        title=${this.leftSwipeAction.label || ""}
-                        aria-label=${this.leftSwipeAction.label || ""}
-                      >
-                        <base-icon
-                          name=${this.leftSwipeAction.icon}
-                          size="20px"
-                          color="white"
-                        ></base-icon>
-                      </button>
-                    ` : ""}
-                ${this.rightSwipeAction ? g`
-                      <button
-                        class="desktop-action-button"
-                        style="background-color: ${this.rightSwipeAction.color || "var(--color-error)"}"
-                        @click=${(t) => {
-      t.stopPropagation(), this.triggerSwipeAction(this.rightSwipeAction);
-    }}
-                        title=${this.rightSwipeAction.label || ""}
-                        aria-label=${this.rightSwipeAction.label || ""}
-                      >
-                        <base-icon
-                          name=${this.rightSwipeAction.icon}
-                          size="20px"
-                          color="white"
-                        ></base-icon>
-                      </button>
-                    ` : ""}
-              </div>
+        <!-- Desktop plus icons -->
+        ${this.leftSwipeAction && !this.desktopActionsOpen ? f`
+              <button
+                class="desktop-plus-icon desktop-plus-icon--left"
+                @click=${(i) => this.handleDesktopActionToggle("left", i)}
+                title="Show action"
+                aria-label="Show action"
+              >
+                +
+              </button>
+            ` : ""}
+        ${this.rightSwipeAction && !this.desktopActionsOpen ? f`
+              <button
+                class="desktop-plus-icon desktop-plus-icon--right"
+                @click=${(i) => this.handleDesktopActionToggle("right", i)}
+                title="Show action"
+                aria-label="Show action"
+              >
+                +
+              </button>
             ` : ""}
 
         <div
           class=${S(e)}
-          style="transform: translateX(${this.swipeOffset}px)"
+          style="transform: translateX(${t}px)"
           role=${this.role}
           tabindex=${this.interactive && !this.disabled ? "0" : "-1"}
           aria-selected=${this.selected ? "true" : "false"}
@@ -6196,33 +6205,39 @@ class ie extends M {
     `;
   }
 }
-ne([
+re([
   u({ type: String, attribute: "size" })
-], ie.prototype, "size");
-ne([
+], G.prototype, "size");
+re([
   u({ type: Boolean, reflect: !0, attribute: "disabled" })
-], ie.prototype, "disabled");
-ne([
+], G.prototype, "disabled");
+re([
   u({ type: Boolean, reflect: !0, attribute: "selected" })
-], ie.prototype, "selected");
-ne([
+], G.prototype, "selected");
+re([
   u({ type: Boolean, reflect: !0, attribute: "interactive" })
-], ie.prototype, "interactive");
-ne([
+], G.prototype, "interactive");
+re([
   u({ type: String, attribute: "role" })
-], ie.prototype, "role");
-ne([
+], G.prototype, "role");
+re([
   u({ type: Object, attribute: "left-swipe-action" })
-], ie.prototype, "leftSwipeAction");
-ne([
+], G.prototype, "leftSwipeAction");
+re([
   u({ type: Object, attribute: "right-swipe-action" })
-], ie.prototype, "rightSwipeAction");
-ne([
+], G.prototype, "rightSwipeAction");
+re([
   w()
-], ie.prototype, "swipeOffset");
-ne([
+], G.prototype, "swipeOffset");
+re([
   w()
-], ie.prototype, "isSwiping");
+], G.prototype, "isSwiping");
+re([
+  w()
+], G.prototype, "desktopActionsOpen");
+re([
+  w()
+], G.prototype, "desktopActionSide");
 var Mi = Object.defineProperty, O = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (s = a(e, t, s) || s);
@@ -6859,7 +6874,7 @@ class D extends M {
     }, 1e3);
   }
   renderChip(e) {
-    return g`
+    return f`
       <div class="chip" role="listitem">
         <span class="chip-label">${e.label}</span>
         <button
@@ -6930,17 +6945,17 @@ class D extends M {
       "select-input--visible": this.searchable && this.isOpen,
       "select-disabled": this.disabled
     };
-    return g`
+    return f`
       <div class="select-group">
-        ${this.label ? g`
+        ${this.label ? f`
               <label for=${this.selectId} class="select-label">
                 ${this.label}
-                ${this.required ? g`<span class="required-indicator" aria-label="required">*</span>` : ""}
+                ${this.required ? f`<span class="required-indicator" aria-label="required">*</span>` : ""}
               </label>
             ` : ""}
 
         <div class=${S(t)}>
-          ${this.multiple ? g`
+          ${this.multiple ? f`
                 <!-- Multiple select mode with chips -->
                 <div
                   id=${this.selectId}
@@ -6957,7 +6972,7 @@ class D extends M {
                 >
                   <div class="chips-container ${this.isOpen && !this.searchable ? "chips-container--open" : ""}" role="list">
                     ${this.selectedOptions.map((o) => this.renderChip(o))}
-                    ${this.searchable ? g`
+                    ${this.searchable ? f`
                           <input
                             id="${this.selectId}-input"
                             class="chips-search-input"
@@ -6972,10 +6987,10 @@ class D extends M {
       this.isOpen || this.toggleDropdown();
     }}
                           />
-                        ` : g`${this.selectedOptions.length === 0 ? g`<span class="chips-placeholder">${this.placeholder}</span>` : ""}`}
+                        ` : f`${this.selectedOptions.length === 0 ? f`<span class="chips-placeholder">${this.placeholder}</span>` : ""}`}
                   </div>
                 </div>
-                ${this.selectedValues.length > 0 && !this.disabled ? g`
+                ${this.selectedValues.length > 0 && !this.disabled ? f`
                       <button
                         type="button"
                         class="clear-all-button"
@@ -6987,7 +7002,7 @@ class D extends M {
                         </svg>
                       </button>
                     ` : ""}
-              ` : g`
+              ` : f`
                 <!-- Single select mode (original) -->
                 <input
                   id="${this.selectId}-input"
@@ -7027,7 +7042,7 @@ class D extends M {
             </svg>
           </div>
 
-          ${this.isOpen ? g`
+          ${this.isOpen ? f`
                 <div class="dropdown-overlay" @click=${this.closeDropdown}></div>
                 <div
                   class=${S({
@@ -7038,7 +7053,7 @@ class D extends M {
                   role="listbox"
                   aria-multiselectable=${Y(this.multiple ? "true" : void 0)}
                 >
-                  ${this.filteredOptions.length === 0 ? this.creatable && this.searchable && this.searchQuery.trim() ? g`
+                  ${this.filteredOptions.length === 0 ? this.creatable && this.searchable && this.searchQuery.trim() ? f`
                           <button
                             type="button"
                             class="dropdown-create-button"
@@ -7051,8 +7066,8 @@ class D extends M {
                             </div>
                             <span class="dropdown-create-label">"${this.searchQuery.trim()}"</span>
                           </button>
-                        ` : g` <div class="dropdown-no-results">No options found</div> ` : this.filteredOptions.map(
-      (o, a) => g`
+                        ` : f` <div class="dropdown-no-results">No options found</div> ` : this.filteredOptions.map(
+      (o, a) => f`
                           <div
                             class=${S({
         "dropdown-option": !0,
@@ -7071,11 +7086,11 @@ class D extends M {
               ` : ""}
         </div>
 
-        ${e ? g`
+        ${e ? f`
               <div id="${this.selectId}-error" class="select-error" role="alert">
                 ${this.error}
               </div>
-            ` : this.hint ? g` <div class="select-hint">${this.hint}</div> ` : ""}
+            ` : this.hint ? f` <div class="select-hint">${this.hint}</div> ` : ""}
 
         <!-- Screen reader announcements -->
         <div class="sr-only" role="status" aria-live="polite" aria-atomic="true">
@@ -7227,7 +7242,7 @@ class De extends M {
     );
   }
   render() {
-    return g`
+    return f`
       <div
         class="base-tab"
         id="tabpanel-${this.id}"
@@ -7261,9 +7276,9 @@ var Ni = Object.defineProperty, le = (r, e, t, i) => {
 };
 const Ui = () => R({
   name: "base-tabs",
-  element: oe
+  element: ae
 });
-class oe extends M {
+class ae extends M {
   constructor() {
     super(...arguments), this.activeTab = "", this.ariaLabel = "Dashboard navigation", this.syncWithHash = !0, this.variant = "sidebar", this.forceExpanded = !1, this.tabs = [], this.isExpanded = !1, this.isMobile = !1, this.boundHashChangeHandler = this.handleHashChange.bind(this), this.boundResizeHandler = this.handleResize.bind(this), this.hasInitialized = !1;
   }
@@ -7842,7 +7857,7 @@ class oe extends M {
       "tab-button": !0,
       "tab-button--active": i
     };
-    return g`
+    return f`
       <button
         role="tab"
         aria-selected=${i}
@@ -7853,9 +7868,9 @@ class oe extends M {
         @click=${() => this.handleTabClick(e.id)}
         @keydown=${(a) => this.handleKeyDown(a, t)}
       >
-        ${e.icon ? g`<span class="tab-icon">${Ir(e.icon)}</span>` : k}
-        ${s || this.variant !== "sidebar" || this.isMobile ? g`<span class="tab-label">${e.label}</span>` : k}
-        ${e.badge !== void 0 && e.badge > 0 && (s || this.variant !== "sidebar" || this.isMobile) ? g`<span class="tab-badge">${e.badge}</span>` : k}
+        ${e.icon ? f`<span class="tab-icon">${Ir(e.icon)}</span>` : k}
+        ${s || this.variant !== "sidebar" || this.isMobile ? f`<span class="tab-label">${e.label}</span>` : k}
+        ${e.badge !== void 0 && e.badge > 0 && (s || this.variant !== "sidebar" || this.isMobile) ? f`<span class="tab-badge">${e.badge}</span>` : k}
       </button>
     `;
   }
@@ -7870,9 +7885,9 @@ class oe extends M {
       "sidebar-toggle": !0,
       "sidebar-toggle--hidden": this.forceExpanded
     };
-    return g`
+    return f`
       <div class=${S(e)} role="tablist" aria-label=${this.ariaLabel}>
-        ${this.variant === "sidebar" ? g`
+        ${this.variant === "sidebar" ? f`
               <div class=${S(i)}>
                 <!-- Sidebar Header -->
                 <div class="sidebar-header">
@@ -7902,7 +7917,7 @@ class oe extends M {
                   <slot name="sidebar-footer"></slot>
                 </div>
               </div>
-            ` : g`
+            ` : f`
               <div class="tabs-header">
                 ${this.tabs.map((o, a) => this.renderTabButton(o, a))}
               </div>
@@ -7918,41 +7933,41 @@ class oe extends M {
 }
 le([
   u({ type: String, attribute: "active-tab" })
-], oe.prototype, "activeTab");
+], ae.prototype, "activeTab");
 le([
   u({ type: String, attribute: "aria-label" })
-], oe.prototype, "ariaLabel");
+], ae.prototype, "ariaLabel");
 le([
   u({ type: Boolean, attribute: "sync-with-hash" })
-], oe.prototype, "syncWithHash");
+], ae.prototype, "syncWithHash");
 le([
   u({ type: String })
-], oe.prototype, "variant");
+], ae.prototype, "variant");
 le([
   u({ type: Boolean, attribute: "force-expanded" })
-], oe.prototype, "forceExpanded");
+], ae.prototype, "forceExpanded");
 le([
   w()
-], oe.prototype, "tabs");
+], ae.prototype, "tabs");
 le([
   w()
-], oe.prototype, "isExpanded");
+], ae.prototype, "isExpanded");
 le([
   w()
-], oe.prototype, "isMobile");
+], ae.prototype, "isMobile");
 le([
   V(".tabs-nav")
-], oe.prototype, "tabsNav");
-var qi = Object.defineProperty, G = (r, e, t, i) => {
+], ae.prototype, "tabsNav");
+var qi = Object.defineProperty, ee = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (s = a(e, t, s) || s);
   return s && qi(e, t, s), s;
 };
 const Fi = () => R({
   name: "base-textarea",
-  element: X
+  element: J
 });
-class X extends M {
+class J extends M {
   constructor() {
     super(...arguments), this.value = "", this.required = !1, this.disabled = !1, this.size = "md", this.rows = 4, this.resize = "vertical", this.textareaId = `textarea-${Math.random().toString(36).substr(2, 9)}`;
   }
@@ -8167,12 +8182,12 @@ class X extends M {
       "character-count--warning": s && !o,
       "character-count--error": o
     };
-    return g`
+    return f`
       <div class="textarea-group">
-        ${this.label ? g`
+        ${this.label ? f`
               <label for=${this.textareaId} class="textarea-label">
                 ${this.label}
-                ${this.required ? g`<span class="required-indicator" aria-label="required">*</span>` : ""}
+                ${this.required ? f`<span class="required-indicator" aria-label="required">*</span>` : ""}
               </label>
             ` : ""}
 
@@ -8193,58 +8208,58 @@ class X extends M {
             @focus=${this.handleFocus}
           ></textarea>
 
-          ${i ? g`
+          ${i ? f`
                 <div class=${S(n)}>
                   ${t}${this.maxlength ? ` / ${this.maxlength}` : ""}
                 </div>
               ` : ""}
         </div>
 
-        ${e ? g`
+        ${e ? f`
               <div id="${this.textareaId}-error" class="textarea-error" role="alert">
                 ${this.error}
               </div>
-            ` : this.hint ? g` <div class="textarea-hint">${this.hint}</div> ` : ""}
+            ` : this.hint ? f` <div class="textarea-hint">${this.hint}</div> ` : ""}
       </div>
     `;
   }
 }
-G([
+ee([
   u({ type: String })
-], X.prototype, "value");
-G([
+], J.prototype, "value");
+ee([
   u({ type: String })
-], X.prototype, "label");
-G([
+], J.prototype, "label");
+ee([
   u({ type: String })
-], X.prototype, "placeholder");
-G([
+], J.prototype, "placeholder");
+ee([
   u({ type: Boolean, reflect: !0 })
-], X.prototype, "required");
-G([
+], J.prototype, "required");
+ee([
   u({ type: Boolean, reflect: !0 })
-], X.prototype, "disabled");
-G([
+], J.prototype, "disabled");
+ee([
   u({ type: String })
-], X.prototype, "error");
-G([
+], J.prototype, "error");
+ee([
   u({ type: String })
-], X.prototype, "hint");
-G([
+], J.prototype, "hint");
+ee([
   u({ type: String })
-], X.prototype, "size");
-G([
+], J.prototype, "size");
+ee([
   u({ type: Number })
-], X.prototype, "rows");
-G([
+], J.prototype, "rows");
+ee([
   u({ type: Number })
-], X.prototype, "maxlength");
-G([
+], J.prototype, "maxlength");
+ee([
   u({ type: String })
-], X.prototype, "resize");
-G([
+], J.prototype, "resize");
+ee([
   V("textarea")
-], X.prototype, "textareaElement");
+], J.prototype, "textareaElement");
 var Hi = Object.defineProperty, We = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (s = a(e, t, s) || s);
@@ -8659,13 +8674,13 @@ class Oe extends M {
   `;
   }
   render() {
-    return g`
+    return f`
       <div class="toast-container ${this.variant}">
-        ${this.dismiss !== "manual" ? g`
+        ${this.dismiss !== "manual" ? f`
             <div class="toast-progress"></div>
           ` : ""}
         <slot></slot>
-        ${this.dismiss === "manual" ? g`
+        ${this.dismiss === "manual" ? f`
             <button
               class="toast-dismiss-btn ${this.variant}"
               aria-label="Dismiss toast"
@@ -8905,7 +8920,7 @@ class Pe extends M {
       "quantity-input": !0,
       [`quantity-input--${this.size}`]: !0
     };
-    return g`
+    return f`
       <div class=${S(e)}>
         <button
           type="button"
@@ -8956,7 +8971,7 @@ Ke([
 Ke([
   u({ type: Boolean, attribute: "allow-input" })
 ], Pe.prototype, "allowInput");
-var Zi = Object.defineProperty, Xe = (r, e, t, i) => {
+var Zi = Object.defineProperty, Je = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (s = a(e, t, s) || s);
   return s && Zi(e, t, s), s;
@@ -9018,7 +9033,7 @@ class Re extends M {
   }
   render() {
     const e = (this.currentTheme + 1) % this.themes.length, t = this.themes[e], i = `Switch to ${t?.theme ?? "next"} theme`;
-    return g`
+    return f`
       <button
         class="theme-toggle ${this.getSizeClass()} ${this.getVariantClass()}"
         @click=${this.toggleTheme}
@@ -9179,19 +9194,19 @@ class Re extends M {
   `;
   }
 }
-Xe([
+Je([
   u({ type: String, attribute: "size" })
 ], Re.prototype, "size");
-Xe([
+Je([
   u({ type: String, attribute: "variant" })
 ], Re.prototype, "variant");
-Xe([
+Je([
   u({ type: Object, attribute: "themes" })
 ], Re.prototype, "themes");
-Xe([
+Je([
   w()
 ], Re.prototype, "currentTheme");
-Xe([
+Je([
   w()
 ], Re.prototype, "animating");
 function Br(r, e) {
@@ -9202,33 +9217,33 @@ function Br(r, e) {
 const { toString: Wi } = Object.prototype, { getPrototypeOf: Ht } = Object, { iterator: bt, toStringTag: Nr } = Symbol, vt = /* @__PURE__ */ ((r) => (e) => {
   const t = Wi.call(e);
   return r[t] || (r[t] = t.slice(8, -1).toLowerCase());
-})(/* @__PURE__ */ Object.create(null)), te = (r) => (r = r.toLowerCase(), (e) => vt(e) === r), yt = (r) => (e) => typeof e === r, { isArray: ze } = Array, Ce = yt("undefined");
-function Je(r) {
-  return r !== null && !Ce(r) && r.constructor !== null && !Ce(r.constructor) && W(r.constructor.isBuffer) && r.constructor.isBuffer(r);
+})(/* @__PURE__ */ Object.create(null)), se = (r) => (r = r.toLowerCase(), (e) => vt(e) === r), yt = (r) => (e) => typeof e === r, { isArray: ze } = Array, Ae = yt("undefined");
+function Xe(r) {
+  return r !== null && !Ae(r) && r.constructor !== null && !Ae(r.constructor) && W(r.constructor.isBuffer) && r.constructor.isBuffer(r);
 }
-const Ur = te("ArrayBuffer");
+const Ur = se("ArrayBuffer");
 function Ki(r) {
   let e;
   return typeof ArrayBuffer < "u" && ArrayBuffer.isView ? e = ArrayBuffer.isView(r) : e = r && r.buffer && Ur(r.buffer), e;
 }
-const Xi = yt("string"), W = yt("function"), qr = yt("number"), Qe = (r) => r !== null && typeof r == "object", Ji = (r) => r === !0 || r === !1, nt = (r) => {
+const Ji = yt("string"), W = yt("function"), qr = yt("number"), Qe = (r) => r !== null && typeof r == "object", Xi = (r) => r === !0 || r === !1, nt = (r) => {
   if (vt(r) !== "object")
     return !1;
   const e = Ht(r);
   return (e === null || e === Object.prototype || Object.getPrototypeOf(e) === null) && !(Nr in r) && !(bt in r);
 }, Qi = (r) => {
-  if (!Qe(r) || Je(r))
+  if (!Qe(r) || Xe(r))
     return !1;
   try {
     return Object.keys(r).length === 0 && Object.getPrototypeOf(r) === Object.prototype;
   } catch {
     return !1;
   }
-}, Gi = te("Date"), eo = te("File"), to = te("Blob"), ro = te("FileList"), so = (r) => Qe(r) && W(r.pipe), io = (r) => {
+}, Gi = se("Date"), eo = se("File"), to = se("Blob"), ro = se("FileList"), so = (r) => Qe(r) && W(r.pipe), io = (r) => {
   let e;
   return r && (typeof FormData == "function" && r instanceof FormData || W(r.append) && ((e = vt(r)) === "formdata" || // detect form-data instance
   e === "object" && W(r.toString) && r.toString() === "[object FormData]"));
-}, oo = te("URLSearchParams"), [ao, no, lo, co] = ["ReadableStream", "Request", "Response", "Headers"].map(te), ho = (r) => r.trim ? r.trim() : r.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
+}, oo = se("URLSearchParams"), [ao, no, lo, co] = ["ReadableStream", "Request", "Response", "Headers"].map(se), ho = (r) => r.trim ? r.trim() : r.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
 function Ge(r, e, { allOwnKeys: t = !1 } = {}) {
   if (r === null || typeof r > "u")
     return;
@@ -9237,7 +9252,7 @@ function Ge(r, e, { allOwnKeys: t = !1 } = {}) {
     for (i = 0, s = r.length; i < s; i++)
       e.call(null, r[i], i, r);
   else {
-    if (Je(r))
+    if (Xe(r))
       return;
     const o = t ? Object.getOwnPropertyNames(r) : Object.keys(r), a = o.length;
     let n;
@@ -9246,7 +9261,7 @@ function Ge(r, e, { allOwnKeys: t = !1 } = {}) {
   }
 }
 function Fr(r, e) {
-  if (Je(r))
+  if (Xe(r))
     return null;
   e = e.toLowerCase();
   const t = Object.keys(r);
@@ -9256,11 +9271,11 @@ function Fr(r, e) {
       return s;
   return null;
 }
-const ve = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, Hr = (r) => !Ce(r) && r !== ve;
+const ve = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, Hr = (r) => !Ae(r) && r !== ve;
 function Dt() {
   const { caseless: r, skipUndefined: e } = Hr(this) && this || {}, t = {}, i = (s, o) => {
     const a = r && Fr(t, o) || o;
-    nt(t[a]) && nt(s) ? t[a] = Dt(t[a], s) : nt(s) ? t[a] = Dt({}, s) : ze(s) ? t[a] = s.slice() : (!e || !Ce(s)) && (t[a] = s);
+    nt(t[a]) && nt(s) ? t[a] = Dt(t[a], s) : nt(s) ? t[a] = Dt({}, s) : ze(s) ? t[a] = s.slice() : (!e || !Ae(s)) && (t[a] = s);
   };
   for (let s = 0, o = arguments.length; s < o; s++)
     arguments[s] && Ge(arguments[s], i);
@@ -9308,12 +9323,12 @@ const po = (r, e, t, { allOwnKeys: i } = {}) => (Ge(e, (s, o) => {
   for (; (t = r.exec(e)) !== null; )
     i.push(t);
   return i;
-}, xo = te("HTMLFormElement"), $o = (r) => r.toLowerCase().replace(
+}, xo = se("HTMLFormElement"), $o = (r) => r.toLowerCase().replace(
   /[-_\s]([a-z\d])(\w*)/g,
   function(t, i, s) {
     return i.toUpperCase() + s;
   }
-), ur = (({ hasOwnProperty: r }) => (e, t) => r.call(e, t))(Object.prototype), ko = te("RegExp"), jr = (r, e) => {
+), ur = (({ hasOwnProperty: r }) => (e, t) => r.call(e, t))(Object.prototype), ko = se("RegExp"), jr = (r, e) => {
   const t = Object.getOwnPropertyDescriptors(r), i = {};
   Ge(t, (s, o) => {
     let a;
@@ -9341,8 +9356,8 @@ const po = (r, e, t, { allOwnKeys: i } = {}) => (Ge(e, (s, o) => {
     });
   };
   return ze(r) ? i(r) : i(String(r).split(e)), t;
-}, Co = () => {
-}, Ao = (r, e) => r != null && Number.isFinite(r = +r) ? r : e;
+}, Ao = () => {
+}, Co = (r, e) => r != null && Number.isFinite(r = +r) ? r : e;
 function Eo(r) {
   return !!(r && W(r.append) && r[Nr] === "FormData" && r[bt]);
 }
@@ -9351,21 +9366,21 @@ const To = (r) => {
     if (Qe(i)) {
       if (e.indexOf(i) >= 0)
         return;
-      if (Je(i))
+      if (Xe(i))
         return i;
       if (!("toJSON" in i)) {
         e[s] = i;
         const o = ze(i) ? [] : {};
         return Ge(i, (a, n) => {
           const l = t(a, s + 1);
-          !Ce(l) && (o[n] = l);
+          !Ae(l) && (o[n] = l);
         }), e[s] = void 0, o;
       }
     }
     return i;
   };
   return t(r, 0);
-}, Do = te("AsyncFunction"), Oo = (r) => r && (Qe(r) || W(r)) && W(r.then) && W(r.catch), Vr = ((r, e) => r ? setImmediate : e ? ((t, i) => (ve.addEventListener("message", ({ source: s, data: o }) => {
+}, Do = se("AsyncFunction"), Oo = (r) => r && (Qe(r) || W(r)) && W(r.then) && W(r.catch), Vr = ((r, e) => r ? setImmediate : e ? ((t, i) => (ve.addEventListener("message", ({ source: s, data: o }) => {
   s === ve && o === t && i.length && i.shift()();
 }, !1), (s) => {
   i.push(s), ve.postMessage(t, "*");
@@ -9375,12 +9390,12 @@ const To = (r) => {
 ), Po = typeof queueMicrotask < "u" ? queueMicrotask.bind(ve) : typeof process < "u" && process.nextTick || Vr, Ro = (r) => r != null && W(r[bt]), d = {
   isArray: ze,
   isArrayBuffer: Ur,
-  isBuffer: Je,
+  isBuffer: Xe,
   isFormData: io,
   isArrayBufferView: Ki,
-  isString: Xi,
+  isString: Ji,
   isNumber: qr,
-  isBoolean: Ji,
+  isBoolean: Xi,
   isObject: Qe,
   isPlainObject: nt,
   isEmptyObject: Qi,
@@ -9388,7 +9403,7 @@ const To = (r) => {
   isRequest: no,
   isResponse: lo,
   isHeaders: co,
-  isUndefined: Ce,
+  isUndefined: Ae,
   isDate: Gi,
   isFile: eo,
   isBlob: to,
@@ -9406,7 +9421,7 @@ const To = (r) => {
   inherits: go,
   toFlatObject: fo,
   kindOf: vt,
-  kindOfTest: te,
+  kindOfTest: se,
   endsWith: mo,
   toArray: bo,
   forEachEntry: yo,
@@ -9419,8 +9434,8 @@ const To = (r) => {
   freezeMethods: So,
   toObjectSet: _o,
   toCamelCase: $o,
-  noop: Co,
-  toFiniteNumber: Ao,
+  noop: Ao,
+  toFiniteNumber: Co,
   findKey: Fr,
   global: ve,
   isContextDefined: Hr,
@@ -9515,42 +9530,42 @@ function wt(r, e, t) {
   const i = t.metaTokens, s = t.visitor || c, o = t.dots, a = t.indexes, l = (t.Blob || typeof Blob < "u" && Blob) && d.isSpecCompliantForm(e);
   if (!d.isFunction(s))
     throw new TypeError("visitor must be a function");
-  function h(f) {
-    if (f === null) return "";
-    if (d.isDate(f))
-      return f.toISOString();
-    if (d.isBoolean(f))
-      return f.toString();
-    if (!l && d.isBlob(f))
+  function h(g) {
+    if (g === null) return "";
+    if (d.isDate(g))
+      return g.toISOString();
+    if (d.isBoolean(g))
+      return g.toString();
+    if (!l && d.isBlob(g))
       throw new $("Blob is not supported. Use a Buffer instead.");
-    return d.isArrayBuffer(f) || d.isTypedArray(f) ? l && typeof Blob == "function" ? new Blob([f]) : Buffer.from(f) : f;
+    return d.isArrayBuffer(g) || d.isTypedArray(g) ? l && typeof Blob == "function" ? new Blob([g]) : Buffer.from(g) : g;
   }
-  function c(f, v, m) {
-    let x = f;
-    if (f && !m && typeof f == "object") {
+  function c(g, v, m) {
+    let x = g;
+    if (g && !m && typeof g == "object") {
       if (d.endsWith(v, "{}"))
-        v = i ? v : v.slice(0, -2), f = JSON.stringify(f);
-      else if (d.isArray(f) && Mo(f) || (d.isFileList(f) || d.endsWith(v, "[]")) && (x = d.toArray(f)))
-        return v = Wr(v), x.forEach(function(C, T) {
-          !(d.isUndefined(C) || C === null) && e.append(
+        v = i ? v : v.slice(0, -2), g = JSON.stringify(g);
+      else if (d.isArray(g) && Mo(g) || (d.isFileList(g) || d.endsWith(v, "[]")) && (x = d.toArray(g)))
+        return v = Wr(v), x.forEach(function(A, T) {
+          !(d.isUndefined(A) || A === null) && e.append(
             // eslint-disable-next-line no-nested-ternary
             a === !0 ? gr([v], T, o) : a === null ? v : v + "[]",
-            h(C)
+            h(A)
           );
         }), !1;
     }
-    return Ot(f) ? !0 : (e.append(gr(m, v, o), h(f)), !1);
+    return Ot(g) ? !0 : (e.append(gr(m, v, o), h(g)), !1);
   }
   const p = [], b = Object.assign(Io, {
     defaultVisitor: c,
     convertValue: h,
     isVisitable: Ot
   });
-  function y(f, v) {
-    if (!d.isUndefined(f)) {
-      if (p.indexOf(f) !== -1)
+  function y(g, v) {
+    if (!d.isUndefined(g)) {
+      if (p.indexOf(g) !== -1)
         throw Error("Circular reference detected in " + v.join("."));
-      p.push(f), d.forEach(f, function(x, _) {
+      p.push(g), d.forEach(g, function(x, _) {
         (!(d.isUndefined(x) || x === null) && s.call(
           e,
           x,
@@ -9597,7 +9612,7 @@ Kr.toString = function(e) {
 function Lo(r) {
   return encodeURIComponent(r).replace(/%3A/gi, ":").replace(/%24/g, "$").replace(/%2C/gi, ",").replace(/%20/g, "+");
 }
-function Xr(r, e, t) {
+function Jr(r, e, t) {
   if (!e)
     return r;
   const i = t && t.encode || Lo;
@@ -9666,7 +9681,7 @@ class mr {
     });
   }
 }
-const Jr = {
+const Xr = {
   silentJSONParsing: !0,
   forcedJSONParsing: !0,
   clarifyTimeoutError: !1
@@ -9736,7 +9751,7 @@ function Ko(r, e, t) {
   return (t || JSON.stringify)(r);
 }
 const et = {
-  transitional: Jr,
+  transitional: Xr,
   adapter: ["xhr", "http", "fetch"],
   transformRequest: [function(e, t) {
     const i = t.getContentType() || "", s = i.indexOf("application/json") > -1, o = d.isObject(e);
@@ -9804,7 +9819,7 @@ const et = {
 d.forEach(["delete", "get", "head", "post", "put", "patch"], (r) => {
   et.headers[r] = {};
 });
-const Xo = d.toObjectSet([
+const Jo = d.toObjectSet([
   "age",
   "authorization",
   "content-length",
@@ -9822,12 +9837,12 @@ const Xo = d.toObjectSet([
   "referer",
   "retry-after",
   "user-agent"
-]), Jo = (r) => {
+]), Xo = (r) => {
   const e = {};
   let t, i, s;
   return r && r.split(`
 `).forEach(function(a) {
-    s = a.indexOf(":"), t = a.substring(0, s).trim().toLowerCase(), i = a.substring(s + 1).trim(), !(!t || e[t] && Xo[t]) && (t === "set-cookie" ? e[t] ? e[t].push(i) : e[t] = [i] : e[t] = e[t] ? e[t] + ", " + i : i);
+    s = a.indexOf(":"), t = a.substring(0, s).trim().toLowerCase(), i = a.substring(s + 1).trim(), !(!t || e[t] && Jo[t]) && (t === "set-cookie" ? e[t] ? e[t].push(i) : e[t] = [i] : e[t] = e[t] ? e[t] + ", " + i : i);
   }), e;
 }, br = Symbol("internals");
 function Ne(r) {
@@ -9844,7 +9859,7 @@ function Qo(r) {
   return e;
 }
 const Go = (r) => /^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(r.trim());
-function Ct(r, e, t, i, s) {
+function At(r, e, t, i, s) {
   if (d.isFunction(i))
     return i.call(this, e, t);
   if (s && (e = t), !!d.isString(e)) {
@@ -9885,7 +9900,7 @@ class K {
     if (d.isPlainObject(e) || e instanceof this.constructor)
       a(e, t);
     else if (d.isString(e) && (e = e.trim()) && !Go(e))
-      a(Jo(e), t);
+      a(Xo(e), t);
     else if (d.isObject(e) && d.isIterable(e)) {
       let n = {}, l, h;
       for (const c of e) {
@@ -9918,7 +9933,7 @@ class K {
   has(e, t) {
     if (e = Ne(e), e) {
       const i = d.findKey(this, e);
-      return !!(i && this[i] !== void 0 && (!t || Ct(this, this[i], i, t)));
+      return !!(i && this[i] !== void 0 && (!t || At(this, this[i], i, t)));
     }
     return !1;
   }
@@ -9928,7 +9943,7 @@ class K {
     function o(a) {
       if (a = Ne(a), a) {
         const n = d.findKey(i, a);
-        n && (!t || Ct(i, i[n], n, t)) && (delete i[n], s = !0);
+        n && (!t || At(i, i[n], n, t)) && (delete i[n], s = !0);
       }
     }
     return d.isArray(e) ? e.forEach(o) : o(e), s;
@@ -9938,7 +9953,7 @@ class K {
     let i = t.length, s = !1;
     for (; i--; ) {
       const o = t[i];
-      (!e || Ct(this, this[o], o, e, !0)) && (delete this[o], s = !0);
+      (!e || At(this, this[o], o, e, !0)) && (delete this[o], s = !0);
     }
     return s;
   }
@@ -10005,7 +10020,7 @@ d.reduceDescriptors(K.prototype, ({ value: r }, e) => {
   };
 });
 d.freezeMethods(K);
-function At(r, e) {
+function Ct(r, e) {
   const t = this || et, i = e || t, s = K.from(i.headers);
   let o = i.data;
   return d.forEach(r, function(n) {
@@ -10199,7 +10214,7 @@ function xe(r, e) {
 const rs = (r) => {
   const e = xe({}, r);
   let { data: t, withXSRFToken: i, xsrfHeaderName: s, xsrfCookieName: o, headers: a, auth: n } = e;
-  if (e.headers = a = K.from(a), e.url = Xr(ts(e.baseURL, e.url, e.allowAbsoluteUrls), r.params, r.paramsSerializer), n && a.set(
+  if (e.headers = a = K.from(a), e.url = Jr(ts(e.baseURL, e.url, e.allowAbsoluteUrls), r.params, r.paramsSerializer), n && a.set(
     "Authorization",
     "Basic " + btoa((n.username || "") + ":" + (n.password ? unescape(encodeURIComponent(n.password)) : ""))
   ), d.isFormData(t)) {
@@ -10222,29 +10237,29 @@ const rs = (r) => {
     const s = rs(r);
     let o = s.data;
     const a = K.from(s.headers).normalize();
-    let { responseType: n, onUploadProgress: l, onDownloadProgress: h } = s, c, p, b, y, f;
+    let { responseType: n, onUploadProgress: l, onDownloadProgress: h } = s, c, p, b, y, g;
     function v() {
-      y && y(), f && f(), s.cancelToken && s.cancelToken.unsubscribe(c), s.signal && s.signal.removeEventListener("abort", c);
+      y && y(), g && g(), s.cancelToken && s.cancelToken.unsubscribe(c), s.signal && s.signal.removeEventListener("abort", c);
     }
     let m = new XMLHttpRequest();
     m.open(s.method.toUpperCase(), s.url, !0), m.timeout = s.timeout;
     function x() {
       if (!m)
         return;
-      const C = K.from(
+      const A = K.from(
         "getAllResponseHeaders" in m && m.getAllResponseHeaders()
       ), N = {
         data: !n || n === "text" || n === "json" ? m.responseText : m.response,
         status: m.status,
         statusText: m.statusText,
-        headers: C,
+        headers: A,
         config: r,
         request: m
       };
-      es(function(J) {
-        t(J), v();
-      }, function(J) {
-        i(J), v();
+      es(function(X) {
+        t(X), v();
+      }, function(X) {
+        i(X), v();
       }, N), m = null;
     }
     "onloadend" in m ? m.onloadend = x : m.onreadystatechange = function() {
@@ -10256,7 +10271,7 @@ const rs = (r) => {
       ue.event = T || null, i(ue), m = null;
     }, m.ontimeout = function() {
       let T = s.timeout ? "timeout of " + s.timeout + "ms exceeded" : "timeout exceeded";
-      const N = s.transitional || Jr;
+      const N = s.transitional || Xr;
       s.timeoutErrorMessage && (T = s.timeoutErrorMessage), i(new $(
         T,
         N.clarifyTimeoutError ? $.ETIMEDOUT : $.ECONNABORTED,
@@ -10265,8 +10280,8 @@ const rs = (r) => {
       )), m = null;
     }, o === void 0 && a.setContentType(null), "setRequestHeader" in m && d.forEach(a.toJSON(), function(T, N) {
       m.setRequestHeader(N, T);
-    }), d.isUndefined(s.withCredentials) || (m.withCredentials = !!s.withCredentials), n && n !== "json" && (m.responseType = s.responseType), h && ([b, f] = pt(h, !0), m.addEventListener("progress", b)), l && m.upload && ([p, y] = pt(l), m.upload.addEventListener("progress", p), m.upload.addEventListener("loadend", y)), (s.cancelToken || s.signal) && (c = (C) => {
-      m && (i(!C || C.type ? new Me(null, r, m) : C), m.abort(), m = null);
+    }), d.isUndefined(s.withCredentials) || (m.withCredentials = !!s.withCredentials), n && n !== "json" && (m.responseType = s.responseType), h && ([b, g] = pt(h, !0), m.addEventListener("progress", b)), l && m.upload && ([p, y] = pt(l), m.upload.addEventListener("progress", p), m.upload.addEventListener("loadend", y)), (s.cancelToken || s.signal) && (c = (A) => {
+      m && (i(!A || A.type ? new Me(null, r, m) : A), m.abort(), m = null);
     }, s.cancelToken && s.cancelToken.subscribe(c), s.signal && (s.signal.aborted ? c() : s.signal.addEventListener("abort", c)));
     const _ = ra(s.url);
     if (_ && F.protocols.indexOf(_) === -1) {
@@ -10374,68 +10389,68 @@ const rs = (r) => {
   const { fetch: e, Request: t, Response: i } = r, s = e ? ot(e) : typeof fetch == "function", o = ot(t), a = ot(i);
   if (!s)
     return !1;
-  const n = s && ot(kr), l = s && (typeof Sr == "function" ? /* @__PURE__ */ ((f) => (v) => f.encode(v))(new Sr()) : async (f) => new Uint8Array(await new t(f).arrayBuffer())), h = o && n && _r(() => {
-    let f = !1;
+  const n = s && ot(kr), l = s && (typeof Sr == "function" ? /* @__PURE__ */ ((g) => (v) => g.encode(v))(new Sr()) : async (g) => new Uint8Array(await new t(g).arrayBuffer())), h = o && n && _r(() => {
+    let g = !1;
     const v = new t(F.origin, {
       body: new kr(),
       method: "POST",
       get duplex() {
-        return f = !0, "half";
+        return g = !0, "half";
       }
     }).headers.has("Content-Type");
-    return f && !v;
+    return g && !v;
   }), c = a && n && _r(() => d.isReadableStream(new i("").body)), p = {
-    stream: c && ((f) => f.body)
+    stream: c && ((g) => g.body)
   };
-  s && ["text", "arrayBuffer", "blob", "formData", "stream"].forEach((f) => {
-    !p[f] && (p[f] = (v, m) => {
-      let x = v && v[f];
+  s && ["text", "arrayBuffer", "blob", "formData", "stream"].forEach((g) => {
+    !p[g] && (p[g] = (v, m) => {
+      let x = v && v[g];
       if (x)
         return x.call(v);
-      throw new $(`Response type '${f}' is not supported`, $.ERR_NOT_SUPPORT, m);
+      throw new $(`Response type '${g}' is not supported`, $.ERR_NOT_SUPPORT, m);
     });
   });
-  const b = async (f) => {
-    if (f == null)
+  const b = async (g) => {
+    if (g == null)
       return 0;
-    if (d.isBlob(f))
-      return f.size;
-    if (d.isSpecCompliantForm(f))
+    if (d.isBlob(g))
+      return g.size;
+    if (d.isSpecCompliantForm(g))
       return (await new t(F.origin, {
         method: "POST",
-        body: f
+        body: g
       }).arrayBuffer()).byteLength;
-    if (d.isArrayBufferView(f) || d.isArrayBuffer(f))
-      return f.byteLength;
-    if (d.isURLSearchParams(f) && (f = f + ""), d.isString(f))
-      return (await l(f)).byteLength;
-  }, y = async (f, v) => {
-    const m = d.toFiniteNumber(f.getContentLength());
+    if (d.isArrayBufferView(g) || d.isArrayBuffer(g))
+      return g.byteLength;
+    if (d.isURLSearchParams(g) && (g = g + ""), d.isString(g))
+      return (await l(g)).byteLength;
+  }, y = async (g, v) => {
+    const m = d.toFiniteNumber(g.getContentLength());
     return m ?? b(v);
   };
-  return async (f) => {
+  return async (g) => {
     let {
       url: v,
       method: m,
       data: x,
       signal: _,
-      cancelToken: C,
+      cancelToken: A,
       timeout: T,
       onDownloadProgress: N,
       onUploadProgress: ue,
-      responseType: J,
+      responseType: X,
       headers: $t,
       withCredentials: tt = "same-origin",
       fetchOptions: Wt
-    } = rs(f), Kt = e || fetch;
-    J = J ? (J + "").toLowerCase() : "text";
-    let rt = ha([_, C && C.toAbortSignal()], T), Ie = null;
+    } = rs(g), Kt = e || fetch;
+    X = X ? (X + "").toLowerCase() : "text";
+    let rt = ha([_, A && A.toAbortSignal()], T), Ie = null;
     const ge = rt && rt.unsubscribe && (() => {
       rt.unsubscribe();
     });
-    let Xt;
+    let Jt;
     try {
-      if (ue && h && m !== "get" && m !== "head" && (Xt = await y($t, x)) !== 0) {
+      if (ue && h && m !== "get" && m !== "head" && (Jt = await y($t, x)) !== 0) {
         let de = new t(v, {
           method: "POST",
           body: x,
@@ -10443,25 +10458,25 @@ const rs = (r) => {
         }), ke;
         if (d.isFormData(x) && (ke = de.headers.get("content-type")) && $t.setContentType(ke), de.body) {
           const [kt, st] = vr(
-            Xt,
+            Jt,
             pt(yr(ue))
           );
           x = xr(de.body, $r, kt, st);
         }
       }
       d.isString(tt) || (tt = tt ? "include" : "omit");
-      const re = o && "credentials" in t.prototype, Jt = {
+      const ie = o && "credentials" in t.prototype, Xt = {
         ...Wt,
         signal: rt,
         method: m.toUpperCase(),
         headers: $t.normalize().toJSON(),
         body: x,
         duplex: "half",
-        credentials: re ? tt : void 0
+        credentials: ie ? tt : void 0
       };
-      Ie = o && new t(v, Jt);
-      let ce = await (o ? Kt(Ie, Wt) : Kt(v, Jt));
-      const Qt = c && (J === "stream" || J === "response");
+      Ie = o && new t(v, Xt);
+      let ce = await (o ? Kt(Ie, Wt) : Kt(v, Xt));
+      const Qt = c && (X === "stream" || X === "response");
       if (c && (N || Qt && ge)) {
         const de = {};
         ["status", "statusText", "headers"].forEach((Gt) => {
@@ -10478,25 +10493,25 @@ const rs = (r) => {
           de
         );
       }
-      J = J || "text";
-      let ns = await p[d.findKey(p, J) || "text"](ce, f);
+      X = X || "text";
+      let ns = await p[d.findKey(p, X) || "text"](ce, g);
       return !Qt && ge && ge(), await new Promise((de, ke) => {
         es(de, ke, {
           data: ns,
           headers: K.from(ce.headers),
           status: ce.status,
           statusText: ce.statusText,
-          config: f,
+          config: g,
           request: Ie
         });
       });
-    } catch (re) {
-      throw ge && ge(), re && re.name === "TypeError" && /Load failed|fetch/i.test(re.message) ? Object.assign(
-        new $("Network Error", $.ERR_NETWORK, f, Ie),
+    } catch (ie) {
+      throw ge && ge(), ie && ie.name === "TypeError" && /Load failed|fetch/i.test(ie.message) ? Object.assign(
+        new $("Network Error", $.ERR_NETWORK, g, Ie),
         {
-          cause: re.cause || re
+          cause: ie.cause || ie
         }
-      ) : $.from(re, re && re.code, f, Ie);
+      ) : $.from(ie, ie && ie.code, g, Ie);
     }
   };
 }, ba = /* @__PURE__ */ new Map(), ss = (r) => {
@@ -10528,7 +10543,7 @@ d.forEach(Zt, (r, e) => {
     Object.defineProperty(r, "adapterName", { value: e });
   }
 });
-const Cr = (r) => `- ${r}`, va = (r) => d.isFunction(r) || r === null || r === !1;
+const Ar = (r) => `- ${r}`, va = (r) => d.isFunction(r) || r === null || r === !1;
 function ya(r, e) {
   r = d.isArray(r) ? r : [r];
   const { length: t } = r;
@@ -10548,8 +10563,8 @@ function ya(r, e) {
       ([l, h]) => `adapter ${l} ` + (h === !1 ? "is not supported by the environment" : "is not available in the build")
     );
     let n = t ? a.length > 1 ? `since :
-` + a.map(Cr).join(`
-`) : " " + Cr(a[0]) : "as no adapter specified";
+` + a.map(Ar).join(`
+`) : " " + Ar(a[0]) : "as no adapter specified";
     throw new $(
       "There is no suitable adapter to dispatch the request " + n,
       "ERR_NOT_SUPPORT"
@@ -10573,18 +10588,18 @@ function Et(r) {
   if (r.cancelToken && r.cancelToken.throwIfRequested(), r.signal && r.signal.aborted)
     throw new Me(null, r);
 }
-function Ar(r) {
-  return Et(r), r.headers = K.from(r.headers), r.data = At.call(
+function Cr(r) {
+  return Et(r), r.headers = K.from(r.headers), r.data = Ct.call(
     r,
     r.transformRequest
   ), ["post", "put", "patch"].indexOf(r.method) !== -1 && r.headers.setContentType("application/x-www-form-urlencoded", !1), is.getAdapter(r.adapter || et.adapter, r)(r).then(function(i) {
-    return Et(r), i.data = At.call(
+    return Et(r), i.data = Ct.call(
       r,
       r.transformResponse,
       i
     ), i.headers = K.from(i.headers), i;
   }, function(i) {
-    return Gr(i) || (Et(r), i && i.response && (i.response.data = At.call(
+    return Gr(i) || (Et(r), i && i.response && (i.response.data = Ct.call(
       r,
       r.transformResponse,
       i.response
@@ -10634,7 +10649,7 @@ function wa(r, e, t) {
 const ct = {
   assertOptions: wa,
   validators: xt
-}, se = ct.validators;
+}, oe = ct.validators;
 class ye {
   constructor(e) {
     this.defaults = e || {}, this.interceptors = {
@@ -10671,17 +10686,17 @@ class ye {
     typeof e == "string" ? (t = t || {}, t.url = e) : t = e || {}, t = xe(this.defaults, t);
     const { transitional: i, paramsSerializer: s, headers: o } = t;
     i !== void 0 && ct.assertOptions(i, {
-      silentJSONParsing: se.transitional(se.boolean),
-      forcedJSONParsing: se.transitional(se.boolean),
-      clarifyTimeoutError: se.transitional(se.boolean)
+      silentJSONParsing: oe.transitional(oe.boolean),
+      forcedJSONParsing: oe.transitional(oe.boolean),
+      clarifyTimeoutError: oe.transitional(oe.boolean)
     }, !1), s != null && (d.isFunction(s) ? t.paramsSerializer = {
       serialize: s
     } : ct.assertOptions(s, {
-      encode: se.function,
-      serialize: se.function
+      encode: oe.function,
+      serialize: oe.function
     }, !0)), t.allowAbsoluteUrls !== void 0 || (this.defaults.allowAbsoluteUrls !== void 0 ? t.allowAbsoluteUrls = this.defaults.allowAbsoluteUrls : t.allowAbsoluteUrls = !0), ct.assertOptions(t, {
-      baseUrl: se.spelling("baseURL"),
-      withXsrfToken: se.spelling("withXSRFToken")
+      baseUrl: oe.spelling("baseURL"),
+      withXsrfToken: oe.spelling("withXSRFToken")
     }, !0), t.method = (t.method || this.defaults.method || "get").toLowerCase();
     let a = o && d.merge(
       o.common,
@@ -10689,8 +10704,8 @@ class ye {
     );
     o && d.forEach(
       ["delete", "get", "head", "post", "put", "patch", "common"],
-      (f) => {
-        delete o[f];
+      (g) => {
+        delete o[g];
       }
     ), t.headers = K.concat(a, o);
     const n = [];
@@ -10704,26 +10719,26 @@ class ye {
     });
     let c, p = 0, b;
     if (!l) {
-      const f = [Ar.bind(this), void 0];
-      for (f.unshift(...n), f.push(...h), b = f.length, c = Promise.resolve(t); p < b; )
-        c = c.then(f[p++], f[p++]);
+      const g = [Cr.bind(this), void 0];
+      for (g.unshift(...n), g.push(...h), b = g.length, c = Promise.resolve(t); p < b; )
+        c = c.then(g[p++], g[p++]);
       return c;
     }
     b = n.length;
     let y = t;
     for (; p < b; ) {
-      const f = n[p++], v = n[p++];
+      const g = n[p++], v = n[p++];
       try {
-        y = f(y);
+        y = g(y);
       } catch (m) {
         v.call(this, m);
         break;
       }
     }
     try {
-      c = Ar.call(this, y);
-    } catch (f) {
-      return Promise.reject(f);
+      c = Cr.call(this, y);
+    } catch (g) {
+      return Promise.reject(g);
     }
     for (p = 0, b = h.length; p < b; )
       c = c.then(h[p++], h[p++]);
@@ -10732,7 +10747,7 @@ class ye {
   getUri(e) {
     e = xe(this.defaults, e);
     const t = ts(e.baseURL, e.url, e.allowAbsoluteUrls);
-    return Xr(t, e.params, e.paramsSerializer);
+    return Jr(t, e.params, e.paramsSerializer);
   }
 }
 d.forEach(["delete", "get", "head", "options"], function(e) {
@@ -10946,7 +10961,7 @@ class Tr extends Error {
     super(e), this.name = "AuthRefreshError";
   }
 }
-const Aa = ({ baseUrl: r, useToasts: e = !0 }) => {
+const Ca = ({ baseUrl: r, useToasts: e = !0 }) => {
   const t = z.create({
     baseURL: r,
     headers: {
@@ -11049,10 +11064,10 @@ const Aa = ({ baseUrl: r, useToasts: e = !0 }) => {
   ), t;
 };
 function Ea() {
-  Vs(), Ys(), Ks(), Js(), ti(), si(), Ei(), Di(), Pi(), zi(), Ii(), Bi(), Ui(), Fi(), Gs(), Lr(), Vi(), Yi();
+  Vs(), Ys(), Ks(), Xs(), ti(), si(), Ei(), Di(), Pi(), zi(), Ii(), Bi(), Ui(), Fi(), Gs(), Lr(), Vi(), Yi();
 }
 export {
-  A as AuthForm,
+  C as AuthForm,
   Tr as AuthRefreshError,
   pe as BaseButton,
   Ee as BaseCard,
@@ -11062,21 +11077,21 @@ export {
   Te as BaseIcon,
   Q as BaseInput,
   Ze as BaseList,
-  ie as BaseListItem,
+  G as BaseListItem,
   D as BaseSelect,
   De as BaseTab,
-  oe as BaseTabs,
-  X as BaseTextarea,
+  ae as BaseTabs,
+  J as BaseTextarea,
   L as BaseTimePicker,
   Oe as BaseToast,
   Pe as QuantitySelect,
   Re as ThemeToggle,
-  Aa as createApiClient,
+  Ca as createApiClient,
   Ea as registerAll,
   Vs as registerAuthForm,
   Ys as registerBaseButton,
   Ks as registerBaseCard,
-  Js as registerBaseDatePicker,
+  Xs as registerBaseDatePicker,
   ti as registerBaseDateTimePicker,
   si as registerBaseDrawer,
   Ei as registerBaseIcon,