@strands.gg/accui 2.17.12 → 2.17.13

package/dist/index.es.js

@@ -3,7 +3,7 @@ import { m as Hu } from "./StrandsUIPlugin-RTFzvRED.es.js";
 import { defineComponent as Ve, computed as H, provide as Yt, onMounted as Ye, onUnmounted as Mt, createElementBlock as o, openBlock as a, normalizeClass as Me, createElementVNode as e, createBlock as ye, renderSlot as Pe, Teleport as Wt, createCommentVNode as I, toDisplayString as R, ref as M, watch as Le, createTextVNode as J, reactive as Ge, withModifiers as qe, createStaticVNode as Qt, createVNode as d, withDirectives as Qe, withCtx as _, unref as i, vModelText as Xe, nextTick as yt, Fragment as De, Transition as rt, createSlots as Ft, normalizeStyle as je, renderList as Ze, mergeProps as xa, useSlots as ha, inject as fa, resolveDynamicComponent as ot, onBeforeUnmount as Ra, withKeys as st, h as oe, isMemoSame as as, getCurrentInstance as ss } from "vue";
 import { u as vt, p as La } from "./useStrandsConfig-CMKVW1p3.es.js";
 import { s as Du } from "./useStrandsConfig-CMKVW1p3.es.js";
-import { u as ft } from "./useStrandsAuth-C2WOjQ2Z.es.js";
+import { u as ft } from "./useStrandsAuth-D0lFZGwG.es.js";
 const os = { class: "app-content" }, ls = {
   key: 0,
   class: "ui-app-loading-overlay"
@@ -23,18 +23,18 @@ const os = { class: "app-content" }, ls = {
       "ui-app--dark": r.theme === "dark",
       "ui-app--auto": r.theme === "auto",
       "ui-app--loading": t.value
-    })), z = (C) => {
-    }, V = H(() => r.theme);
+    })), V = (C) => {
+    }, T = H(() => r.theme);
     return Yt("uiApp", {
-      theme: V,
+      theme: T,
       isLoading: t
     }), Yt("themeProvider", {
-      theme: V,
+      theme: T,
       isForced: H(() => r.theme !== "auto")
     }), Ye(() => {
-      document.addEventListener("keydown", z), document.body.classList.add("ui-app-body"), r.theme !== "auto" && document.body.classList.add(`ui-app-theme--${r.theme}`);
+      document.addEventListener("keydown", V), document.body.classList.add("ui-app-body"), r.theme !== "auto" && document.body.classList.add(`ui-app-theme--${r.theme}`);
     }), Mt(() => {
-      document.removeEventListener("keydown", z), document.body.classList.remove("ui-app-body"), document.body.classList.remove("ui-app-theme--light", "ui-app-theme--dark");
+      document.removeEventListener("keydown", V), document.body.classList.remove("ui-app-body"), document.body.classList.remove("ui-app-theme--light", "ui-app-theme--dark");
     }), (C, w) => (a(), o("div", {
       class: Me(["ui-app", l.value])
     }, [
@@ -136,26 +136,26 @@ const Ha = kt("users", [
   },
   emits: ["update:modelValue", "change"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = M(!1), V = H(() => t.modelValue !== void 0 ? !!t.modelValue : t.checked !== void 0 ? typeof t.checked == "string" ? t.checked === "" || t.checked === "true" : !!t.checked : z.value);
+    const t = s, l = r, V = M(!1), T = H(() => t.modelValue !== void 0 ? !!t.modelValue : t.checked !== void 0 ? typeof t.checked == "string" ? t.checked === "" || t.checked === "true" : !!t.checked : V.value);
     Le(() => t.checked, (x) => {
-      x !== void 0 && (typeof x == "string" ? z.value = x === "" || x === "true" : z.value = !!x);
+      x !== void 0 && (typeof x == "string" ? V.value = x === "" || x === "true" : V.value = !!x);
     }, { immediate: !0 });
     const C = H(() => t.id || `ui-toggle-${Math.random().toString(36).substr(2, 9)}`), w = H(() => [
       "ui-toggle",
       {
-        "ui-toggle--on": V.value,
-        "ui-toggle--off": !V.value,
+        "ui-toggle--on": T.value,
+        "ui-toggle--off": !T.value,
         "ui-toggle--disabled": t.disabled
       }
     ]), c = H(() => [
       {
-        "ui-toggle-thumb--on": V.value,
-        "ui-toggle-thumb--off": !V.value
+        "ui-toggle-thumb--on": T.value,
+        "ui-toggle-thumb--off": !T.value
       }
     ]), h = () => {
       if (t.disabled) return;
-      const x = !V.value;
-      z.value = x, l("update:modelValue", x), l("change", x);
+      const x = !T.value;
+      V.value = x, l("update:modelValue", x), l("change", x);
     };
     return (x, S) => (a(), o("div", ms, [
       s.label ? (a(), o("label", {
@@ -170,7 +170,7 @@ const Ha = kt("users", [
         id: C.value,
         type: "button",
         class: Me(w.value),
-        "aria-pressed": V.value,
+        "aria-pressed": T.value,
         "aria-labelledby": s.label ? `${C.value}-label` : void 0,
         onClick: h
       }, [
@@ -194,15 +194,15 @@ const Ha = kt("users", [
   },
   emits: ["upload", "error"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = M(), V = M(), C = M(), w = M(""), c = M(), h = M(t.size), x = M(t.previewSize), S = M(t.size / 2.5), u = Ge({ x: 0, y: 0 }), m = M(1), U = M(0.1), D = M(3), g = M(!1), N = M(!1), y = M(!1), L = Ge({ x: 0, y: 0, imageX: 0, imageY: 0 });
+    const t = s, l = r, V = M(), T = M(), C = M(), w = M(""), c = M(), h = M(t.size), x = M(t.previewSize), S = M(t.size / 2.5), u = Ge({ x: 0, y: 0 }), m = M(1), U = M(0.1), D = M(3), g = M(!1), N = M(!1), y = M(!1), L = Ge({ x: 0, y: 0, imageX: 0, imageY: 0 });
     Ye(() => {
-      if (V.value) {
-        const W = V.value.getContext("2d");
+      if (T.value) {
+        const W = T.value.getContext("2d");
         W && (W.fillStyle = "#f9fafb", W.fillRect(0, 0, h.value, h.value));
       }
     });
     const F = () => {
-      z.value?.click();
+      V.value?.click();
     }, $ = (W) => {
       const ie = W.target.files?.[0];
       ie && O(ie);
@@ -242,20 +242,20 @@ const Ha = kt("users", [
         });
       }, Z.src = W;
     }, b = () => {
-      if (!c.value || !V.value) return;
-      const W = V.value.getContext("2d");
+      if (!c.value || !T.value) return;
+      const W = T.value.getContext("2d");
       if (!W) return;
       W.fillStyle = "#f9fafb", W.fillRect(0, 0, h.value, h.value);
       const Z = c.value, ie = Z.width * m.value, te = Z.height * m.value;
-      W.drawImage(Z, u.x, u.y, ie, te), T();
-    }, T = () => {
-      if (!c.value || !C.value || !V.value) return;
+      W.drawImage(Z, u.x, u.y, ie, te), z();
+    }, z = () => {
+      if (!c.value || !C.value || !T.value) return;
       const W = C.value.getContext("2d");
       if (!W) return;
       W.fillStyle = "#ffffff", W.fillRect(0, 0, x.value, x.value), W.save(), W.beginPath(), W.arc(x.value / 2, x.value / 2, x.value / 2, 0, Math.PI * 2), W.clip();
       const Z = h.value / 2 - S.value, ie = h.value / 2 - S.value, te = S.value * 2;
       W.drawImage(
-        V.value,
+        T.value,
         Z,
         ie,
         te,
@@ -301,7 +301,7 @@ const Ha = kt("users", [
         N.value = !1;
       }), b();
     }, be = async () => {
-      if (!c.value || !V.value) return;
+      if (!c.value || !T.value) return;
       const W = document.createElement("canvas");
       W.width = 256, W.height = 256;
       const Z = W.getContext("2d");
@@ -309,7 +309,7 @@ const Ha = kt("users", [
       Z.fillStyle = "#ffffff", Z.fillRect(0, 0, 256, 256), Z.save(), Z.beginPath(), Z.arc(128, 128, 128, 0, Math.PI * 2), Z.clip();
       const ie = h.value / 2 - S.value, te = h.value / 2 - S.value, Y = S.value * 2;
       Z.drawImage(
-        V.value,
+        T.value,
         ie,
         te,
         Y,
@@ -341,7 +341,7 @@ const Ha = kt("users", [
       e("div", ws, [
         e("input", {
           ref_key: "fileInput",
-          ref: z,
+          ref: V,
           type: "file",
           accept: "image/*",
           class: "hidden-input",
@@ -352,7 +352,7 @@ const Ha = kt("users", [
             e("div", xs, [
               e("canvas", {
                 ref_key: "canvas",
-                ref: V,
+                ref: T,
                 width: h.value,
                 height: h.value,
                 class: "canvas",
@@ -540,8 +540,8 @@ class $a {
    * A pleasant major chord with arpeggio and bell overtones
    */
   static playLevelUp(r, t) {
-    const z = r && [10, 25, 50, 100, 150, 200].includes(r);
-    t && (z && t.milestoneSounds === !1 || !z && t.levelUpSounds === !1) || (z ? this.playMilestoneLevelUp() : this.playRegularLevelUp());
+    const V = r && [10, 25, 50, 100, 150, 200].includes(r);
+    t && (V && t.milestoneSounds === !1 || !V && t.levelUpSounds === !1) || (V ? this.playMilestoneLevelUp() : this.playRegularLevelUp());
   }
   /**
    * Play regular level up sound for normal levels
@@ -562,8 +562,8 @@ class $a {
       const h = r.createOscillator(), x = r.createGain();
       h.connect(x), x.connect(r.destination), h.type = "sine", h.frequency.setValueAtTime(c.freq, t + c.time), h.frequency.exponentialRampToValueAtTime(c.freq * 1.02, t + c.time + 0.1), h.frequency.exponentialRampToValueAtTime(c.freq, t + c.time + 0.4), x.gain.setValueAtTime(0, t + c.time), x.gain.linearRampToValueAtTime(0.08, t + c.time + 0.03), x.gain.linearRampToValueAtTime(0.06, t + c.time + 0.2), x.gain.exponentialRampToValueAtTime(0.01, t + c.time + 0.5), h.start(t + c.time), h.stop(t + c.time + 0.5);
     });
-    const z = r.createOscillator(), V = r.createGain();
-    z.connect(V), V.connect(r.destination), z.type = "triangle", z.frequency.setValueAtTime(261.63, t), V.gain.setValueAtTime(0, t), V.gain.linearRampToValueAtTime(0.04, t + 0.1), V.gain.linearRampToValueAtTime(0.03, t + 0.4), V.gain.exponentialRampToValueAtTime(0.01, t + 0.8), z.start(t), z.stop(t + 0.8);
+    const V = r.createOscillator(), T = r.createGain();
+    V.connect(T), T.connect(r.destination), V.type = "triangle", V.frequency.setValueAtTime(261.63, t), T.gain.setValueAtTime(0, t), T.gain.linearRampToValueAtTime(0.04, t + 0.1), T.gain.linearRampToValueAtTime(0.03, t + 0.4), T.gain.exponentialRampToValueAtTime(0.01, t + 0.8), V.start(t), V.stop(t + 0.8);
     const C = r.createOscillator(), w = r.createGain();
     C.connect(w), w.connect(r.destination), C.type = "sine", C.frequency.setValueAtTime(1046.5, t + 0.2), w.gain.setValueAtTime(0, t + 0.2), w.gain.linearRampToValueAtTime(0.03, t + 0.25), w.gain.exponentialRampToValueAtTime(1e-3, t + 0.6), C.start(t + 0.2), C.stop(t + 0.6);
   }
@@ -620,10 +620,10 @@ class $a {
     const r = this.getAudioContext();
     if (!r) return;
     const t = r.currentTime;
-    [659.25, 830.61].forEach((z, V) => {
+    [659.25, 830.61].forEach((V, T) => {
       const C = r.createOscillator(), w = r.createGain();
-      C.connect(w), w.connect(r.destination), C.type = "sine", C.frequency.setValueAtTime(z, t);
-      const c = V * 0.1, h = 0.15;
+      C.connect(w), w.connect(r.destination), C.type = "sine", C.frequency.setValueAtTime(V, t);
+      const c = T * 0.1, h = 0.15;
       w.gain.setValueAtTime(0, t), w.gain.linearRampToValueAtTime(0.2, t + c + 0.01), w.gain.exponentialRampToValueAtTime(0.01, t + c + h), C.start(t + c), C.stop(t + c + h);
     });
   }
@@ -634,8 +634,8 @@ class $a {
   static playError() {
     const r = this.getAudioContext();
     if (!r) return;
-    const t = r.currentTime, l = r.createOscillator(), z = r.createGain();
-    l.connect(z), z.connect(r.destination), l.type = "sawtooth", l.frequency.setValueAtTime(200, t), l.frequency.exponentialRampToValueAtTime(100, t + 0.3), z.gain.setValueAtTime(0.15, t), z.gain.exponentialRampToValueAtTime(0.01, t + 0.3), l.start(t), l.stop(t + 0.3);
+    const t = r.currentTime, l = r.createOscillator(), V = r.createGain();
+    l.connect(V), V.connect(r.destination), l.type = "sawtooth", l.frequency.setValueAtTime(200, t), l.frequency.exponentialRampToValueAtTime(100, t + 0.3), V.gain.setValueAtTime(0.15, t), V.gain.exponentialRampToValueAtTime(0.01, t + 0.3), l.start(t), l.stop(t + 0.3);
   }
   /**
    * Play a click/button press sound
@@ -644,8 +644,8 @@ class $a {
   static playClick() {
     const r = this.getAudioContext();
     if (!r) return;
-    const t = r.currentTime, l = r.createOscillator(), z = r.createGain();
-    l.connect(z), z.connect(r.destination), l.type = "sine", l.frequency.setValueAtTime(1e3, t), z.gain.setValueAtTime(0.1, t), z.gain.exponentialRampToValueAtTime(0.01, t + 0.03), l.start(t), l.stop(t + 0.03);
+    const t = r.currentTime, l = r.createOscillator(), V = r.createGain();
+    l.connect(V), V.connect(r.destination), l.type = "sine", l.frequency.setValueAtTime(1e3, t), V.gain.setValueAtTime(0.1, t), V.gain.exponentialRampToValueAtTime(0.01, t + 0.03), l.start(t), l.stop(t + 0.03);
   }
   /**
    * Play a notification sound
@@ -655,10 +655,10 @@ class $a {
     const r = this.getAudioContext();
     if (!r) return;
     const t = r.currentTime;
-    [880, 1174.66].forEach((z, V) => {
+    [880, 1174.66].forEach((V, T) => {
       const C = r.createOscillator(), w = r.createGain();
-      C.connect(w), w.connect(r.destination), C.type = "sine", C.frequency.setValueAtTime(z, t);
-      const c = V * 0.15;
+      C.connect(w), w.connect(r.destination), C.type = "sine", C.frequency.setValueAtTime(V, t);
+      const c = T * 0.15;
       w.gain.setValueAtTime(0, t), w.gain.linearRampToValueAtTime(0.12, t + c + 0.02), w.gain.exponentialRampToValueAtTime(0.01, t + c + 0.4), C.start(t + c), C.stop(t + c + 0.4);
     });
   }
@@ -669,8 +669,8 @@ class $a {
   static playXpGain() {
     const r = this.getAudioContext();
     if (!r) return;
-    const t = r.currentTime, l = r.createOscillator(), z = r.createGain();
-    l.connect(z), z.connect(r.destination), l.type = "sine", l.frequency.setValueAtTime(440, t), l.frequency.exponentialRampToValueAtTime(880, t + 0.15), z.gain.setValueAtTime(0, t), z.gain.linearRampToValueAtTime(0.15, t + 0.01), z.gain.exponentialRampToValueAtTime(0.01, t + 0.2), l.start(t), l.stop(t + 0.2);
+    const t = r.currentTime, l = r.createOscillator(), V = r.createGain();
+    l.connect(V), V.connect(r.destination), l.type = "sine", l.frequency.setValueAtTime(440, t), l.frequency.exponentialRampToValueAtTime(880, t + 0.15), V.gain.setValueAtTime(0, t), V.gain.linearRampToValueAtTime(0.15, t + 0.01), V.gain.exponentialRampToValueAtTime(0.01, t + 0.2), l.start(t), l.stop(t + 0.2);
   }
 }
 const Rs = (s, r) => $a.playLevelUp(s, r), Fs = { class: "level-progress-container" }, qs = ["width", "height", "viewBox"], Zs = { key: 0 }, Ks = ["r"], Gs = ["y"], Ys = ["d", "stroke-width"], Ws = ["d", "stroke", "stroke-width"], Qs = ["d"], Xs = ["d", "stroke", "stroke-width"], Js = {
@@ -701,7 +701,7 @@ const Rs = (s, r) => $a.playLevelUp(s, r), Fs = { class: "level-progress-contain
   },
   emits: ["levelup"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = M(!1), V = M(t.value), C = M("forward");
+    const t = s, l = r, V = M(!1), T = M(t.value), C = M("forward");
     let w = null, c = t.value, h = t.level;
     const x = qt, S = t.size ?? qt, u = qt / 2, m = H(() => t.thickness ?? 24), U = H(() => t.labelThickness ?? 46), D = H(() => t.gapAngle ?? 16), g = H(() => (qt - m.value) / 2 - Da), N = H(() => (qt - U.value) / 1.9 - Da), y = H(() => N.value + 10), L = H(() => g.value - m.value / 2 - ao), F = H(() => t.levelLabel?.length ?? 0), $ = H(() => F.value * lo + oo), k = H(() => -$.value / 2), O = H(() => $.value / 2), q = H(
       () => be(u, u, N.value, k.value, O.value)
@@ -710,8 +710,8 @@ const Rs = (s, r) => $a.playLevelUp(s, r), Fs = { class: "level-progress-contain
         // Top arc: right to left, so text is right-side up at the top after rotation
         be(u, u, y.value, -90, 90)
       )
-    ), T = H(() => {
-      const ie = Math.max(0, Math.min(1, V.value / t.max)), te = O.value + D.value, Y = 360 - $.value - 3 * D.value;
+    ), z = H(() => {
+      const ie = Math.max(0, Math.min(1, T.value / t.max)), te = O.value + D.value, Y = 360 - $.value - 3 * D.value;
       if (ie >= 1) {
         const Te = k.value - D.value + 360;
         return be(u, u, g.value, te, Te);
@@ -719,13 +719,13 @@ const Rs = (s, r) => $a.playLevelUp(s, r), Fs = { class: "level-progress-contain
       const le = Y * ie, _e = te + le;
       return be(u, u, g.value, te, _e);
     }), ae = H(() => {
-      const ie = O.value + D.value, te = 360 - $.value - 3 * D.value, Y = Math.max(0, Math.min(1, V.value / t.max)), le = te * Y, _e = ie + le, Te = Y === 0 ? ie : _e + D.value, Ee = k.value - D.value + 360;
+      const ie = O.value + D.value, te = 360 - $.value - 3 * D.value, Y = Math.max(0, Math.min(1, T.value / t.max)), le = te * Y, _e = ie + le, Te = Y === 0 ? ie : _e + D.value, Ee = k.value - D.value + 360;
       return be(u, u, g.value, Te, Ee);
     }), ce = H(() => "url(#staticGradient)"), Ce = H(() => "url(#progressGradient)"), xe = H(() => {
       const ie = O.value + D.value;
       return Se(u, u, g.value, ie);
     }), Ae = H(() => {
-      const ie = O.value + D.value, te = 360 - $.value - 3 * D.value, Y = Math.max(0, Math.min(1, V.value / t.max)), le = te * Y, _e = ie + le;
+      const ie = O.value + D.value, te = 360 - $.value - 3 * D.value, Y = Math.max(0, Math.min(1, T.value / t.max)), le = te * Y, _e = ie + le;
       return Se(u, u, g.value, _e);
     });
     function Se(ie, te, Y, le) {
@@ -759,15 +759,15 @@ const Rs = (s, r) => $a.playLevelUp(s, r), Fs = { class: "level-progress-contain
       const Y = te, le = ie - Y, _e = performance.now();
       function Te(Ee) {
         const $e = Ee - _e, re = Math.min($e / so, 1), ve = ne(re);
-        V.value = Y + le * ve, re < 1 ? w = requestAnimationFrame(Te) : (V.value = ie, w = null);
+        T.value = Y + le * ve, re < 1 ? w = requestAnimationFrame(Te) : (T.value = ie, w = null);
       }
       w = requestAnimationFrame(Te);
     }
     function Z() {
-      z.value = !0, Rs(t.level, t.userSettings), l("levelup");
+      V.value = !0, Rs(t.level, t.userSettings), l("levelup");
       const te = [10, 25, 50, 100, 150, 200].includes(t.level);
       setTimeout(() => {
-        z.value = !1;
+        V.value = !1;
       }, te ? 2e3 : 1200);
     }
     return Le(() => t.value, (ie) => {
@@ -781,7 +781,7 @@ const Rs = (s, r) => $a.playLevelUp(s, r), Fs = { class: "level-progress-contain
         viewBox: `0 0 ${i(x)} ${i(x)}`,
         style: { position: "relative" }
       }, [
-        z.value ? (a(), o("g", Zs, [
+        V.value ? (a(), o("g", Zs, [
           e("circle", {
             cx: u,
             cy: u,
@@ -799,7 +799,7 @@ const Rs = (s, r) => $a.playLevelUp(s, r), Fs = { class: "level-progress-contain
             style: { "font-family": "'Montserrat', sans-serif" }
           }, "Level Up", 8, Gs)
         ])) : I("", !0),
-        V.value >= 0 && V.value < t.max ? (a(), o("path", {
+        T.value >= 0 && T.value < t.max ? (a(), o("path", {
           key: 1,
           d: ae.value,
           stroke: "#ddd",
@@ -821,9 +821,9 @@ const Rs = (s, r) => $a.playLevelUp(s, r), Fs = { class: "level-progress-contain
           fill: "none",
           transform: "scale(-1, 1) translate(-400, 0)"
         }, null, 8, Qs),
-        V.value > 0 ? (a(), o("path", {
+        T.value > 0 ? (a(), o("path", {
           key: 2,
-          d: T.value,
+          d: z.value,
           stroke: Ce.value,
           "stroke-width": m.value,
           fill: "none",
@@ -890,8 +890,8 @@ class io {
       normal: 100,
       high: 200,
       critical: 300
-    }, l = this.baseZIndex + t[r], z = this.stack.length;
-    return l + z;
+    }, l = this.baseZIndex + t[r], V = this.stack.length;
+    return l + V;
   }
   lockBodyScroll() {
     typeof document > "u" || (this.originalBodyOverflow === null && (this.originalBodyOverflow = document.body.style.overflow || ""), document.body.style.overflow = "hidden");
@@ -953,10 +953,10 @@ function ro(s = {}) {
     closeOnEscape: r = !0,
     priority: t = "normal",
     component: l
-  } = s, z = M(null), V = M(!1), C = M(null), w = async (S) => {
-    if (V.value) return;
+  } = s, V = M(null), T = M(!1), C = M(null), w = async (S) => {
+    if (T.value) return;
     const u = /* @__PURE__ */ Symbol("modal");
-    z.value = u;
+    V.value = u;
     const m = Rt.add({
       id: u,
       closeModal: S || c,
@@ -964,20 +964,20 @@ function ro(s = {}) {
       priority: t,
       component: l
     });
-    return C.value = m, V.value = !0, await yt(), m;
+    return C.value = m, T.value = !0, await yt(), m;
   }, c = () => {
-    !z.value || !V.value || (Rt.remove(z.value), z.value = null, C.value = null, V.value = !1);
-  }, h = () => z.value ? document.querySelector(`[data-modal-id="${z.value.toString()}"]`) : null, x = () => C.value ? document.querySelector(`.ui-app-modal-backdrop[style*="z-index: ${C.value.zIndex - 1}"]`) : null;
+    !V.value || !T.value || (Rt.remove(V.value), V.value = null, C.value = null, T.value = !1);
+  }, h = () => V.value ? document.querySelector(`[data-modal-id="${V.value.toString()}"]`) : null, x = () => C.value ? document.querySelector(`.ui-app-modal-backdrop[style*="z-index: ${C.value.zIndex - 1}"]`) : null;
   try {
     Mt(() => {
-      V.value && c();
+      T.value && c();
     });
   } catch {
   }
   return {
     // State
-    isOpen: V,
-    modalId: z,
+    isOpen: T,
+    modalId: V,
     modalInstance: C,
     // Actions
     openModal: w,
@@ -1046,13 +1046,13 @@ const co = {
   },
   emits: ["update:modelValue", "open", "close"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = M(!1), V = M(null), C = M(null), w = M(null), c = ro({
+    const t = s, l = r, V = M(!1), T = M(null), C = M(null), w = M(null), c = ro({
       closeOnEscape: t.closeOnEscape,
       priority: "normal",
       component: "UiModal"
     });
     M(!0);
-    const h = H(() => t.modelValue !== void 0 ? t.modelValue : z.value), x = H(() => ({
+    const h = H(() => t.modelValue !== void 0 ? t.modelValue : V.value), x = H(() => ({
       sm: "ui-modal-size-sm",
       md: "ui-modal-size-md",
       lg: "ui-modal-size-lg",
@@ -1065,11 +1065,11 @@ const co = {
       full: "ui-modal-size-full",
       auto: "ui-modal-size-auto"
     })[t.size]), S = async () => {
-      w.value = document.activeElement, await c.openModal(m), t.modelValue !== void 0 ? l("update:modelValue", !0) : z.value = !0, l("open");
+      w.value = document.activeElement, await c.openModal(m), t.modelValue !== void 0 ? l("update:modelValue", !0) : V.value = !0, l("open");
     }, u = () => {
-      V.value && (w.value = V.value.querySelector('button, [tabindex]:not([tabindex="-1"]), a[href], input, select, textarea'), w.value || (w.value = V.value)), S();
+      T.value && (w.value = T.value.querySelector('button, [tabindex]:not([tabindex="-1"]), a[href], input, select, textarea'), w.value || (w.value = T.value)), S();
     }, m = () => {
-      t.modelValue !== void 0 ? l("update:modelValue", !1) : z.value = !1, l("close"), c.closeModal(), yt(() => {
+      t.modelValue !== void 0 ? l("update:modelValue", !1) : V.value = !1, l("close"), c.closeModal(), yt(() => {
         w.value && document.contains(w.value) && w.value.focus(), w.value = null;
       });
     };
@@ -1093,7 +1093,7 @@ const co = {
       D.$slots.trigger ? (a(), o("span", {
         key: 0,
         ref_key: "triggerElement",
-        ref: V,
+        ref: T,
         onClick: u
       }, [
         Pe(D.$slots, "trigger", {
@@ -1837,8 +1837,8 @@ const co = {
       }
       return "#EA00A8";
     }
-    const l = s, z = r, V = M(), C = M(), w = M(), c = M(0), h = M(1), x = M(1), S = M(1), u = M(l.modelValue || t()), m = M({ r: 234, g: 0, b: 168 }), U = M(100), D = M(l.defaultColorFormat || "hex"), g = M({ h: 0, s: 0, l: 0 }), N = M({ l: 0, c: 0, h: 0 }), y = M(!1), L = M(!1), F = M(!1), $ = M(!1), k = M(!1), O = H(() => y.value), q = M(null), b = M(l.compareColor);
-    let T = null, ae = null;
+    const l = s, V = r, T = M(), C = M(), w = M(), c = M(0), h = M(1), x = M(1), S = M(1), u = M(l.modelValue || t()), m = M({ r: 234, g: 0, b: 168 }), U = M(100), D = M(l.defaultColorFormat || "hex"), g = M({ h: 0, s: 0, l: 0 }), N = M({ l: 0, c: 0, h: 0 }), y = M(!1), L = M(!1), F = M(!1), $ = M(!1), k = M(!1), O = H(() => y.value), q = M(null), b = M(l.compareColor);
+    let z = null, ae = null;
     const ce = M(!1);
     let Ce = "";
     Le(() => [l.showContrast, l.compareColor], ([v, n], f) => {
@@ -2075,7 +2075,7 @@ const co = {
         currentColor: v,
         compareColor: l.compareColor
       };
-    }, Je = H(() => (T && clearTimeout(T), T = setTimeout(() => {
+    }, Je = H(() => (z && clearTimeout(z), z = setTimeout(() => {
       Xt();
     }, 100), q.value)), Jt = H(() => {
       if (!$.value || !b.value) return "";
@@ -2519,8 +2519,8 @@ const co = {
     }, $t = () => {
       y.value = !1, document.removeEventListener("mousemove", xt), document.removeEventListener("mouseup", $t), document.removeEventListener("touchmove", xt), document.removeEventListener("touchend", $t);
     }, na = (v) => {
-      if (!V.value) return;
-      const n = V.value.getBoundingClientRect(), f = "touches" in v ? v.touches[0].clientX : v.clientX, ee = "touches" in v ? v.touches[0].clientY : v.clientY, A = Math.max(0, Math.min(n.width, f - n.left)), G = Math.max(0, Math.min(n.height, ee - n.top));
+      if (!T.value) return;
+      const n = T.value.getBoundingClientRect(), f = "touches" in v ? v.touches[0].clientX : v.clientX, ee = "touches" in v ? v.touches[0].clientY : v.clientY, A = Math.max(0, Math.min(n.width, f - n.left)), G = Math.max(0, Math.min(n.height, ee - n.top));
       h.value = A / n.width, x.value = 1 - G / n.height;
     }, ia = (v) => {
       l.disabled || (L.value = !0, ra(v), document.addEventListener("mousemove", Dt), document.addEventListener("mouseup", Nt), document.addEventListener("touchmove", Dt), document.addEventListener("touchend", Nt));
@@ -2622,10 +2622,10 @@ const co = {
       const v = He(tt.value);
       v !== Ce && (k.value ? (ae && clearTimeout(ae), ae = setTimeout(() => {
         const n = He(tt.value);
-        n !== Ce && (ce.value = !0, Ce = n, z("update:modelValue", n), z("change", n), setTimeout(() => {
+        n !== Ce && (ce.value = !0, Ce = n, V("update:modelValue", n), V("change", n), setTimeout(() => {
           ce.value = !1;
         }, 5));
-      }, 16)) : (ce.value = !0, Ce = v, z("update:modelValue", v), z("change", v), setTimeout(() => {
+      }, 16)) : (ce.value = !0, Ce = v, V("update:modelValue", v), V("change", v), setTimeout(() => {
         ce.value = !1;
       }, 5)));
     }, { deep: !0 }), Le(c, () => {
@@ -2638,12 +2638,12 @@ const co = {
     }), Ye(() => {
       Va();
     }), Mt(() => {
-      T && clearTimeout(T), document.removeEventListener("mousemove", xt), document.removeEventListener("mouseup", $t), document.removeEventListener("touchmove", xt), document.removeEventListener("touchend", $t);
+      z && clearTimeout(z), document.removeEventListener("mousemove", xt), document.removeEventListener("mouseup", $t), document.removeEventListener("touchmove", xt), document.removeEventListener("touchend", $t);
     }), (v, n) => (a(), o("div", Co, [
       e("div", yo, [
         e("div", {
           ref_key: "colorAreaRef",
-          ref: V,
+          ref: T,
           class: "ui-color-picker-area",
           style: je({ "--_global-picker-width": `${ut}px`, "--_global-picker-height": `${dt}px`, backgroundColor: `hsl(${c.value}, 100%, 50%)` }),
           onMousedown: la,
@@ -3289,7 +3289,7 @@ const co = {
   },
   emits: ["update:modelValue"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = M(), V = M(), C = M(!1), w = H({
+    const t = s, l = r, V = M(), T = M(), C = M(!1), w = H({
       get: () => t.modelValue,
       set: (m) => l("update:modelValue", m)
     }), c = H(() => t.modelValue || "#000000"), {
@@ -3297,8 +3297,8 @@ const co = {
       updatePosition: x,
       cleanup: S
     } = ja({
-      trigger: z,
-      floating: V,
+      trigger: V,
+      floating: T,
       placement: "bottom-start",
       offset: 8,
       shift: !0,
@@ -3336,7 +3336,7 @@ const co = {
       S();
     }), (m, U) => (a(), o("div", {
       ref_key: "containerRef",
-      ref: z,
+      ref: V,
       class: "ui-color-picker-button-container"
     }, [
       d(lt, {
@@ -3364,7 +3364,7 @@ const co = {
         C.value ? (a(), o("div", {
           key: 0,
           ref_key: "popoverRef",
-          ref: V,
+          ref: T,
           class: "ui-color-picker-popover",
           style: je(i(h))
         }, [
@@ -3397,7 +3397,7 @@ const co = {
   emits: ["update:modelValue", "change"],
   setup(s, { emit: r }) {
     const t = s, l = r;
-    function z() {
+    function V() {
       if (typeof window < "u") {
         const C = getComputedStyle(document.documentElement).getPropertyValue("--strands-accent").trim();
         if (C)
@@ -3405,20 +3405,20 @@ const co = {
       }
       return "#EA00A8";
     }
-    const V = H({
-      get: () => t.modelValue === "#EA00A8" ? z() : t.modelValue,
+    const T = H({
+      get: () => t.modelValue === "#EA00A8" ? V() : t.modelValue,
       set: (C) => {
         l("update:modelValue", C), l("change", C);
       }
     });
     return (C, w) => t.variant === "button" ? (a(), ye(C1, xa({
       key: 0,
-      modelValue: V.value,
-      "onUpdate:modelValue": w[0] || (w[0] = (c) => V.value = c)
+      modelValue: T.value,
+      "onUpdate:modelValue": w[0] || (w[0] = (c) => T.value = c)
     }, t), null, 16, ["modelValue"])) : (a(), ye(qa, xa({
       key: 1,
-      modelValue: V.value,
-      "onUpdate:modelValue": w[1] || (w[1] = (c) => V.value = c)
+      modelValue: T.value,
+      "onUpdate:modelValue": w[1] || (w[1] = (c) => T.value = c)
     }, t), null, 16, ["modelValue"]));
   }
 }), y1 = { class: "ui-table-container" }, k1 = {
@@ -3458,7 +3458,7 @@ const co = {
   },
   emits: ["rowClick", "rowSelect", "sort", "columnReorder", "cellUpdate"],
   setup(s, { expose: r, emit: t }) {
-    const l = s, z = t, V = ha(), C = M(null), w = M([...l.data]), c = M([...l.columns]);
+    const l = s, V = t, T = ha(), C = M(null), w = M([...l.data]), c = M([...l.columns]);
     Le(() => l.data, (K) => {
       w.value = [...K];
     }, { deep: !0 }), Le(() => l.columns, (K) => {
@@ -3473,7 +3473,7 @@ const co = {
         "--_cols": l.columns.length.toString()
       };
       return l.maxHeight && (K.maxHeight = typeof l.maxHeight == "number" || !l.maxHeight.endsWith("px") ? `${l.maxHeight}px` : l.maxHeight), l.maxWidth && (K.maxWidth = typeof l.maxWidth == "number" || !l.maxWidth.endsWith("px") ? `${l.maxWidth}px` : l.maxWidth), K;
-    }), T = H(() => ({
+    }), z = H(() => ({
       gridColumn: `1 / ${l.columns.length + 1}`
     })), ae = (K) => k.value ? K === F.value ? {
       transform: `translateX(${q.value - O.value}px)`,
@@ -3526,9 +3526,9 @@ const co = {
       }, pe)), pe;
     }, Ae = (K) => {
       const he = l.columns.find((Q) => Q.key === K);
-      !l.sortable && !he?.sortable || (S.value === K ? u.value = u.value === "asc" ? "desc" : "asc" : (S.value = K, u.value = "asc"), z("sort", K, u.value));
-    }, Se = H(() => l.stickyColumns || []), be = H(() => l.columns.some((K) => V[`footer-${K.key}`])), ne = (K, he) => {
-      const Q = V[`cell-${K.key}`] || K.key === "actions" || V.actions;
+      !l.sortable && !he?.sortable || (S.value === K ? u.value = u.value === "asc" ? "desc" : "asc" : (S.value = K, u.value = "asc"), V("sort", K, u.value));
+    }, Se = H(() => l.stickyColumns || []), be = H(() => l.columns.some((K) => T[`footer-${K.key}`])), ne = (K, he) => {
+      const Q = T[`cell-${K.key}`] || K.key === "actions" || T.actions;
       return K.key === "actions" && Q;
     }, W = (K) => {
       if (K.filterOptions)
@@ -3543,7 +3543,7 @@ const co = {
     }, ie = (K) => {
       D.value = D.value === K ? "" : K;
     }, te = (K, he) => {
-      K._isGroupHeader || (l.expandable && (g.value.has(he) ? g.value.delete(he) : g.value.add(he)), l.selectable && (N.value.has(he) ? N.value.delete(he) : N.value.add(he), z("rowSelect", N.value)), z("rowClick", K, he));
+      K._isGroupHeader || (l.expandable && (g.value.has(he) ? g.value.delete(he) : g.value.add(he)), l.selectable && (N.value.has(he) ? N.value.delete(he) : N.value.add(he), V("rowSelect", N.value)), V("rowClick", K, he));
     }, Y = (K, he, Q, fe) => {
       const pe = w.value.findIndex((Be) => Be === K);
       if (pe === -1) return;
@@ -3558,7 +3558,7 @@ const co = {
         Oe = Oe[Ne[Be]];
       Oe[Ne[Ne.length - 1]] = Q;
       const gt = L.value.get(He);
-      Q !== gt ? y.value.add(He) : y.value.delete(He), z("cellUpdate", K, he, Q, pe);
+      Q !== gt ? y.value.add(He) : y.value.delete(He), V("cellUpdate", K, he, Q, pe);
     }, le = (K, he) => {
       if (l.reorderable) {
         if (F.value = he, k.value = !0, O.value = K.clientX, q.value = K.clientX, K.dataTransfer) {
@@ -3585,7 +3585,7 @@ const co = {
       const Q = F.value;
       if (Q !== he) {
         const fe = [...c.value], pe = fe.splice(Q, 1)[0];
-        fe.splice(he, 0, pe), c.value = fe, z("columnReorder", Q, he, fe);
+        fe.splice(he, 0, pe), c.value = fe, V("columnReorder", Q, he, fe);
       }
       ve();
     }, re = () => {
@@ -3812,7 +3812,7 @@ const co = {
             g.value.has(fe) ? (a(), o("div", {
               key: 2,
               class: "ui-table-subrow",
-              style: je(T.value)
+              style: je(z.value)
             }, [
               e("div", D1, [
                 Pe(K.$slots, "expanded-row", {
@@ -3891,7 +3891,7 @@ const co = {
     borderColor: { default: "transparent" }
   },
   setup(s) {
-    const r = s, t = ha(), l = H(() => !!t.default), z = H(() => !!t.header), V = H(() => !!t.navigation), C = H(() => r.sticky ? r.sticky === !0 ? { side: "top", offset: "0" } : {
+    const r = s, t = ha(), l = H(() => !!t.default), V = H(() => !!t.header), T = H(() => !!t.navigation), C = H(() => r.sticky ? r.sticky === !0 ? { side: "top", offset: "0" } : {
       side: r.sticky.side || "top",
       offset: r.sticky.offset || "0"
     } : null), w = H(() => {
@@ -3933,13 +3933,13 @@ const co = {
         style: je(h.value)
       }, [
         e("div", O1, [
-          z.value || s.title || s.description ? (a(), o("div", R1, [
+          V.value || s.title || s.description ? (a(), o("div", R1, [
             Pe(S.$slots, "header", {}, () => [
               s.title ? (a(), o("h1", F1, R(s.title), 1)) : I("", !0),
               s.description ? (a(), o("p", q1, R(s.description), 1)) : I("", !0)
             ], !0)
           ])) : I("", !0),
-          V.value ? (a(), o("div", Z1, [
+          T.value ? (a(), o("div", Z1, [
             Pe(S.$slots, "navigation", {}, void 0, !0)
           ])) : I("", !0),
           l.value ? (a(), o("div", K1, [
@@ -4000,7 +4000,7 @@ function el() {
     const C = s.value ? "light" : "dark";
     t(C);
   }
-  function z() {
+  function V() {
     switch (At.value) {
       case "light":
         t("dark");
@@ -4016,7 +4016,7 @@ function el() {
         break;
     }
   }
-  function V() {
+  function T() {
     if (typeof window > "u") return;
     Ma.value = Q1();
     const C = window.matchMedia("(prefers-color-scheme: dark)"), w = (h) => {
@@ -4029,7 +4029,7 @@ function el() {
     }, { immediate: !1 });
   }
   return Ye(() => {
-    V();
+    T();
   }), {
     // State
     currentTheme: H(() => At.value),
@@ -4038,8 +4038,8 @@ function el() {
     // Actions  
     setTheme: t,
     toggle: l,
-    cycleTheme: z,
-    initialize: V,
+    cycleTheme: V,
+    initialize: T,
     // Theme options for UI
     themeOptions: [
       { value: "light", label: "Light", icon: "sun" },
@@ -4053,16 +4053,16 @@ function tl() {
   return da || (da = el(), typeof window < "u" && (localStorage.getItem(Ta) === null && (At.value = "system"), da.initialize())), da;
 }
 function al(s = "auto") {
-  const r = fa("themeProvider", null), t = fa("uiApp", null), l = H(() => r?.isForced.value ? r.theme.value : t?.theme.value ? t.theme.value : s), z = H(() => r?.isForced.value ?? !1), V = H(() => l.value === "auto" ? typeof window < "u" ? window.matchMedia("(prefers-color-scheme: dark)").matches : !1 : l.value === "dark"), C = H(() => l.value === "auto" ? typeof window < "u" ? !window.matchMedia("(prefers-color-scheme: dark)").matches : !0 : l.value === "light"), w = H(() => ({
+  const r = fa("themeProvider", null), t = fa("uiApp", null), l = H(() => r?.isForced.value ? r.theme.value : t?.theme.value ? t.theme.value : s), V = H(() => r?.isForced.value ?? !1), T = H(() => l.value === "auto" ? typeof window < "u" ? window.matchMedia("(prefers-color-scheme: dark)").matches : !1 : l.value === "dark"), C = H(() => l.value === "auto" ? typeof window < "u" ? !window.matchMedia("(prefers-color-scheme: dark)").matches : !0 : l.value === "light"), w = H(() => ({
     "ui-theme--light": C.value,
-    "ui-theme--dark": V.value,
-    "ui-theme--forced": z.value
+    "ui-theme--dark": T.value,
+    "ui-theme--forced": V.value
   }));
   return {
     theme: l,
-    isDark: V,
+    isDark: T,
     isLight: C,
-    isForced: z,
+    isForced: V,
     themeClass: w
   };
 }
@@ -4086,7 +4086,7 @@ const sl = {
     includeLabel: { type: Boolean, default: !1 }
   },
   setup(s) {
-    const r = s, { isForced: t } = al(), { currentTheme: l, themeLabel: z, setTheme: V, cycleTheme: C, themeOptions: w } = tl(), c = H(() => t.value), h = M(!1), x = {
+    const r = s, { isForced: t } = al(), { currentTheme: l, themeLabel: V, setTheme: T, cycleTheme: C, themeOptions: w } = tl(), c = H(() => t.value), h = M(!1), x = {
       sun: fs,
       moon: vs,
       monitor: Ea,
@@ -4117,7 +4117,7 @@ const sl = {
       }, Ft({
         default: _(() => [
           s.includeLabel ? (a(), o(De, { key: 0 }, [
-            J(R(i(z)) + R(c.value ? " (Locked)" : ""), 1)
+            J(R(i(V)) + R(c.value ? " (Locked)" : ""), 1)
           ], 64)) : I("", !0)
         ]),
         _: 2
@@ -4152,7 +4152,7 @@ const sl = {
             (a(), ye(ot(S(h.value ? "chevron-up" : "chevron-down"))))
           ]),
           default: _(() => [
-            J(" " + R(i(z)) + R(c.value ? " (Locked)" : "") + " ", 1)
+            J(" " + R(i(V)) + R(c.value ? " (Locked)" : "") + " ", 1)
           ]),
           _: 1
         }, 8, ["size", "disabled", "class", "title"]),
@@ -4171,7 +4171,7 @@ const sl = {
               }
             ]),
             disabled: c.value,
-            onClick: (L) => c.value ? null : i(V)(y.value)
+            onClick: (L) => c.value ? null : i(T)(y.value)
           }, [
             (a(), ye(ot(S(y.icon)), { class: "ui-theme-toggle-option-icon" })),
             e("span", null, R(y.label), 1),
@@ -4192,7 +4192,7 @@ const sl = {
           ]),
           "aria-pressed": i(l) === y.value,
           "aria-label": `${y.label} theme`,
-          onClick: (L) => i(V)(y.value),
+          onClick: (L) => i(T)(y.value),
           title: `Switch to ${y.label.toLowerCase()} theme`
         }, Ft({
           default: _(() => [
@@ -4274,7 +4274,7 @@ const sl = {
   },
   emits: ["update:modelValue", "change", "input", "focus", "blur"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = M(), V = M(!1), C = M(0), w = M(null), c = M(0), h = H(() => t.modelValue !== void 0 ? Number(t.modelValue) : t.value !== void 0 ? Number(t.value) : c.value);
+    const t = s, l = r, V = M(), T = M(!1), C = M(0), w = M(null), c = M(0), h = H(() => t.modelValue !== void 0 ? Number(t.modelValue) : t.value !== void 0 ? Number(t.value) : c.value);
     Le(() => t.value, ($) => {
       $ !== void 0 && (c.value = Number($));
     }, { immediate: !0 }), Le(() => t.modelValue, ($) => {
@@ -4287,18 +4287,18 @@ const sl = {
       if (!t.showTicks) return [];
       const $ = [], k = t.max - t.min, O = k / (t.tickCount - 1);
       for (let q = 0; q < t.tickCount; q++) {
-        const b = t.min + O * q, T = (b - t.min) / k * 100;
+        const b = t.min + O * q, z = (b - t.min) / k * 100;
         $.push({
           value: b,
-          position: T,
+          position: z,
           label: b.toFixed(t.step < 1 ? 1 : 0)
         });
       }
       return $;
     }), D = ($) => {
       const k = $.target, O = parseFloat(k.value);
-      C.value++, C.value > 1 && (V.value = !0, w.value && clearTimeout(w.value), w.value = setTimeout(() => {
-        V.value = !1, C.value = 0;
+      C.value++, C.value > 1 && (T.value = !0, w.value && clearTimeout(w.value), w.value = setTimeout(() => {
+        T.value = !1, C.value = 0;
       }, 100)), c.value = O, l("update:modelValue", O), l("input", O);
     }, g = ($) => {
       const k = $.target, O = parseFloat(k.value);
@@ -4310,7 +4310,7 @@ const sl = {
     }, L = () => {
       C.value = 0;
     }, F = () => {
-      C.value = 0, V.value = !1, w.value && (clearTimeout(w.value), w.value = null);
+      C.value = 0, T.value = !1, w.value && (clearTimeout(w.value), w.value = null);
     };
     return ($, k) => (a(), o("div", {
       class: Me(["slider-wrapper", [
@@ -4318,7 +4318,7 @@ const sl = {
         m.value,
         {
           "slider-disabled": s.disabled,
-          "slider-dragging": V.value
+          "slider-dragging": T.value
         }
       ]])
     }, [
@@ -4341,7 +4341,7 @@ const sl = {
           e("input", {
             id: s.inputId,
             ref_key: "sliderRef",
-            ref: z,
+            ref: V,
             type: "range",
             value: h.value,
             min: s.min,
@@ -4429,7 +4429,7 @@ const sl = {
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = H(() => `radio-group-size-${t.size}`), V = H(() => t.orientation === "horizontal" ? "radio-options-horizontal" : "radio-options-vertical"), C = (x) => {
+    const t = s, l = r, V = H(() => `radio-group-size-${t.size}`), T = H(() => t.orientation === "horizontal" ? "radio-options-horizontal" : "radio-options-vertical"), C = (x) => {
       t.disabled || x.disabled || t.modelValue !== x.value && (l("update:modelValue", x.value), l("change", x.value));
     }, w = (x) => {
       const u = x.target.value;
@@ -4441,7 +4441,7 @@ const sl = {
     };
     return (x, S) => (a(), o("div", {
       class: Me(["radio-group", [
-        z.value,
+        V.value,
         { "radio-group-disabled": s.disabled }
       ]])
     }, [
@@ -4452,7 +4452,7 @@ const sl = {
       s.description ? (a(), o("p", $l, R(s.description), 1)) : I("", !0),
       e("div", {
         class: Me(["radio-options", [
-          V.value,
+          T.value,
           { "radio-options-cards": s.variant === "card" }
         ]])
       }, [
@@ -4567,7 +4567,7 @@ const sl = {
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = H(() => `checkbox-group-size-${t.size}`), V = H(() => t.orientation === "horizontal" ? "checkbox-options-horizontal" : "checkbox-options-vertical"), C = H(() => {
+    const t = s, l = r, V = H(() => `checkbox-group-size-${t.size}`), T = H(() => t.orientation === "horizontal" ? "checkbox-options-horizontal" : "checkbox-options-vertical"), C = H(() => {
       const g = t.options.filter((N) => !N.disabled);
       return g.length > 0 && g.every(
         (N) => t.modelValue.includes(N.value)
@@ -4597,7 +4597,7 @@ const sl = {
     };
     return (g, N) => (a(), o("div", {
       class: Me(["checkbox-group", [
-        z.value,
+        V.value,
         { "checkbox-group-disabled": s.disabled }
       ]])
     }, [
@@ -4608,7 +4608,7 @@ const sl = {
       s.description ? (a(), o("p", Nl, R(s.description), 1)) : I("", !0),
       e("div", {
         class: Me(["checkbox-options", [
-          V.value,
+          T.value,
           { "checkbox-options-cards": s.variant === "card" }
         ]])
       }, [
@@ -4742,39 +4742,39 @@ const sl = {
       t.iconOnly ? "ui-pill-icon-only" : "",
       t.removable ? "ui-pill-removable" : "",
       t.disabled ? "ui-pill-disabled" : ""
-    ].filter(Boolean).join(" ")), z = H(() => ({}));
-    return (V, C) => (a(), o("div", on, [
+    ].filter(Boolean).join(" ")), V = H(() => ({}));
+    return (T, C) => (a(), o("div", on, [
       s.variant === "dot-only" ? (a(), ye(Kt, {
         key: 0,
-        content: s.tooltip || V.$slots.default?.()?.[0]?.children || "",
+        content: s.tooltip || T.$slots.default?.()?.[0]?.children || "",
         delay: 0
       }, {
         default: _(() => [
           e("span", {
             class: Me(l.value),
-            style: je(z.value)
+            style: je(V.value)
           }, null, 6)
         ]),
         _: 1
       }, 8, ["content"])) : (a(), o("span", {
         key: 1,
         class: Me([l.value, {
-          "ui-pill-has-leading-icon": V.$slots["leading-icon"],
-          "ui-pill-has-trailing-icon": V.$slots["trailing-icon"]
+          "ui-pill-has-leading-icon": T.$slots["leading-icon"],
+          "ui-pill-has-trailing-icon": T.$slots["trailing-icon"]
         }]),
-        style: je(z.value)
+        style: je(V.value)
       }, [
-        V.$slots["leading-icon"] && !s.iconOnly ? (a(), o("span", ln, [
-          Pe(V.$slots, "leading-icon", {}, void 0, !0)
+        T.$slots["leading-icon"] && !s.iconOnly ? (a(), o("span", ln, [
+          Pe(T.$slots, "leading-icon", {}, void 0, !0)
         ])) : I("", !0),
         s.icon && s.iconOnly ? (a(), o("span", nn, [
-          Pe(V.$slots, "icon", {}, void 0, !0)
+          Pe(T.$slots, "icon", {}, void 0, !0)
         ])) : I("", !0),
         s.iconOnly ? I("", !0) : (a(), o("span", rn, [
-          Pe(V.$slots, "default", {}, void 0, !0)
+          Pe(T.$slots, "default", {}, void 0, !0)
         ])),
-        V.$slots["trailing-icon"] && !s.iconOnly ? (a(), o("span", cn, [
-          Pe(V.$slots, "trailing-icon", {}, void 0, !0)
+        T.$slots["trailing-icon"] && !s.iconOnly ? (a(), o("span", cn, [
+          Pe(T.$slots, "trailing-icon", {}, void 0, !0)
         ])) : I("", !0)
       ], 6))
     ]));
@@ -4796,11 +4796,11 @@ const sl = {
     config: {}
   },
   setup(s) {
-    const r = s, { config: t } = vt(r.config), l = H(() => t.value.baseUrl !== "https://accounts.strands.gg"), z = ha(), V = H(() => dn("default", z));
+    const r = s, { config: t } = vt(r.config), l = H(() => t.value.baseUrl !== "https://accounts.strands.gg"), V = ha(), T = H(() => dn("default", V));
     return (C, w) => (a(), o("div", pn, [
       l.value ? (a(), o("div", {
         key: 0,
-        class: Me(["secured-footer", { "secured-footer-with-content": V.value, "secured-footer-centered": !V.value }])
+        class: Me(["secured-footer", { "secured-footer-with-content": T.value, "secured-footer-centered": !T.value }])
       }, [
         Pe(C.$slots, "default", {}, void 0, !0),
         l.value ? (a(), o("div", fn, [
@@ -4821,7 +4821,7 @@ function Tt() {
     () => va.value.filter(
       (g) => g.is_active && g.device_type !== "hardware" && g.device_type !== "passkey"
     )
-  ), z = async (g, N = {}) => {
+  ), V = async (g, N = {}) => {
     const y = {
       "Content-Type": "application/json",
       ...N.headers || {}
@@ -4843,10 +4843,10 @@ function Tt() {
       throw new Error($);
     }
     return L.json();
-  }, V = async () => {
+  }, T = async () => {
     We.value = !0;
     try {
-      const g = await z(s("mfaDevices"), {
+      const g = await V(s("mfaDevices"), {
         method: "GET"
       });
       return va.value = g.devices || [], Ba.value = g.mfa_enabled || !1, g;
@@ -4856,42 +4856,42 @@ function Tt() {
   }, C = async (g) => {
     We.value = !0;
     try {
-      const N = await z(s("mfaTotpSetup"), {
+      const N = await V(s("mfaTotpSetup"), {
         method: "POST",
         body: JSON.stringify({ device_name: g })
       });
-      return await V(), N;
+      return await T(), N;
     } finally {
       We.value = !1;
     }
   }, w = async (g, N) => {
     We.value = !0;
     try {
-      await z(s("mfaTotpVerify"), {
+      await V(s("mfaTotpVerify"), {
         method: "POST",
         body: JSON.stringify({
           device_id: g,
           totp_code: N
         })
-      }), await V();
+      }), await T();
     } finally {
       We.value = !1;
     }
   }, c = async (g) => {
     We.value = !0;
     try {
-      const N = await z(s("mfaEmailSetup"), {
+      const N = await V(s("mfaEmailSetup"), {
         method: "POST",
         body: JSON.stringify({ device_name: g })
       });
-      return await V(), N;
+      return await T(), N;
     } finally {
       We.value = !1;
     }
   }, h = async (g) => {
     We.value = !0;
     try {
-      await z(s("mfaEmailSend"), {
+      await V(s("mfaEmailSend"), {
         method: "POST",
         body: JSON.stringify({ device_id: g })
       });
@@ -4901,7 +4901,7 @@ function Tt() {
   }, x = async (g, N) => {
     We.value = !0;
     try {
-      return (await z(s("mfaEmailVerify"), {
+      return (await V(s("mfaEmailVerify"), {
         method: "POST",
         body: JSON.stringify({
           device_id: g,
@@ -4914,17 +4914,17 @@ function Tt() {
   }, S = async (g) => {
     We.value = !0;
     try {
-      await z(s("mfaDeviceDisable"), {
+      await V(s("mfaDeviceDisable"), {
         method: "POST",
         body: JSON.stringify({ device_id: g })
-      }), await V();
+      }), await T();
     } finally {
       We.value = !1;
     }
   }, u = async (g) => {
     We.value = !0;
     try {
-      return await z(s("mfaBackupCodes"), {
+      return await V(s("mfaBackupCodes"), {
         method: "POST",
         body: JSON.stringify({ device_id: g })
       });
@@ -4974,7 +4974,7 @@ function Tt() {
     hasMfaDevices: t,
     activeMfaDevices: l,
     // Methods
-    fetchMfaDevices: V,
+    fetchMfaDevices: T,
     setupTotp: C,
     verifyTotpSetup: w,
     setupEmailMfa: c,
@@ -5062,7 +5062,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
           oe("path", { d: "m22 6-10 7L2 6" })
         ]);
       }
-    }, z = {
+    }, V = {
       props: ["size"],
       render() {
         return oe("svg", {
@@ -5077,7 +5077,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
           oe("path", { d: "m15.5 7.5 3 3L22 7l-3-3" })
         ]);
       }
-    }, V = {
+    }, T = {
       props: ["size"],
       render() {
         return oe("svg", {
@@ -5136,7 +5136,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
       set: ($e) => {
         $e || h("close");
       }
-    }), k = M(null), O = M(""), q = M(""), b = M(""), T = M(""), ae = M(!1), ce = M(!1), Ce = M(!1), xe = M(0);
+    }), k = M(null), O = M(""), q = M(""), b = M(""), z = M(""), ae = M(!1), ce = M(!1), Ce = M(!1), xe = M(0);
     let Ae = null;
     const Se = H(() => (c.availableMfaMethods || []).filter(
       (re) => re.device_type !== "hardware" && re.device_type !== "passkey"
@@ -5144,7 +5144,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
     Le(() => Se.value, ($e) => {
       $e.length === 1 ? k.value = $e[0] : $e.length === 0 && (k.value = null);
     }, { immediate: !0 }), Le(() => c.show, async ($e) => {
-      $e ? (O.value = "", q.value = "", b.value = "", T.value = "", ae.value = !1, ce.value = !1, Ce.value = !1, xe.value = 0, Ae && (clearInterval(Ae), Ae = null), Se.value.length === 1 && (k.value = Se.value[0], k.value.device_type === "email" && setTimeout(async () => {
+      $e ? (O.value = "", q.value = "", b.value = "", z.value = "", ae.value = !1, ce.value = !1, Ce.value = !1, xe.value = 0, Ae && (clearInterval(Ae), Ae = null), Se.value.length === 1 && (k.value = Se.value[0], k.value.device_type === "email" && setTimeout(async () => {
         try {
           await m(k.value.id), ce.value = !0, Y();
         } catch (re) {
@@ -5166,7 +5166,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
         const ve = re.substring(0, 4), Ie = re.substring(4, 8);
         re = Ie ? `${ve}-${Ie}` : ve;
       }
-      re.replace(/-/g, "").length <= 8 && (b.value = re), T.value = "";
+      re.replace(/-/g, "").length <= 8 && (b.value = re), z.value = "";
     }, ie = ($e) => {
       $e.preventDefault();
       let ve = ($e.clipboardData?.getData("text/plain") || "").replace(/[^a-zA-Z0-9-]/g, "").toLowerCase();
@@ -5174,7 +5174,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
         const Ie = ve.substring(0, 4), K = ve.substring(4, 8);
         ve = K ? `${Ie}-${K}` : Ie;
       }
-      ve.replace(/-/g, "").length <= 8 && (b.value = ve), T.value = "";
+      ve.replace(/-/g, "").length <= 8 && (b.value = ve), z.value = "";
     }, te = async () => {
       if (!(!k.value || k.value.device_type !== "email"))
         try {
@@ -5197,11 +5197,11 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
       }
     }, _e = async () => {
       if (b.value) {
-        T.value = "";
+        z.value = "";
         try {
           await u("", b.value, !0), h("success");
         } catch ($e) {
-          T.value = $e instanceof Error ? $e.message : "Invalid backup code";
+          z.value = $e instanceof Error ? $e.message : "Invalid backup code";
         }
       }
     }, Te = ($e) => {
@@ -5211,11 +5211,11 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
         case "email":
           return l;
         case "hardware":
-          return z;
-        case "passkey":
           return V;
+        case "passkey":
+          return T;
         default:
-          return V;
+          return T;
       }
     }, Ee = async () => {
       const $e = c.sessionId || D.value;
@@ -5381,7 +5381,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
                 e("div", Hn, [
                   e("div", Un, [
                     e("div", Dn, [
-                      (a(), ye(ot(k.value.device_type === "passkey" ? V : z), {
+                      (a(), ye(ot(k.value.device_type === "passkey" ? T : V), {
                         size: 24,
                         class: "mfa-hardware-icon-svg"
                       }))
@@ -5411,7 +5411,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
                     class: "mfa-backup-toggle-button"
                   }, {
                     default: _(() => [
-                      d(z, {
+                      d(V, {
                         size: 16,
                         class: "mfa-backup-toggle-icon"
                       }),
@@ -5436,7 +5436,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
                     "onUpdate:modelValue": re[1] || (re[1] = (ve) => b.value = ve),
                     label: "Backup Code",
                     placeholder: "abcd-1234",
-                    error: T.value,
+                    error: z.value,
                     disabled: F.value,
                     onInput: Z,
                     onPaste: ie,
@@ -5513,7 +5513,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
                     class: "mfa-backup-toggle-button"
                   }, {
                     default: _(() => [
-                      d(z, {
+                      d(V, {
                         size: 16,
                         class: "mfa-backup-toggle-icon"
                       }),
@@ -5538,7 +5538,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
                     "onUpdate:modelValue": re[4] || (re[4] = (ve) => b.value = ve),
                     label: "Backup Code",
                     placeholder: "abcd-1234",
-                    error: T.value,
+                    error: z.value,
                     disabled: F.value,
                     onInput: Z,
                     onPaste: ie,
@@ -5562,13 +5562,13 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
   }
 }), Za = /* @__PURE__ */ Ue(Jn, [["__scopeId", "data-v-f0750b5a"]]), Pa = /* @__PURE__ */ new Map(), ei = 300 * 1e3;
 function za(s = {}) {
-  const { getUrl: r, config: t } = vt(), l = M([]), z = M(!1), V = M(null), C = H(
+  const { getUrl: r, config: t } = vt(), l = M([]), V = M(!1), T = M(null), C = H(
     () => l.value.filter((u) => u.enabled)
   ), w = async () => {
     const u = JSON.stringify(s), m = Pa.get(u);
     if (m && Date.now() - m.timestamp < ei)
       return l.value = m.data, m.data;
-    z.value = !0, V.value = null;
+    V.value = !0, T.value = null;
     try {
       let U = r("oauthProviders");
       const D = s.redirectUrl || t.value?.oauth2RedirectUrl;
@@ -5594,9 +5594,9 @@ function za(s = {}) {
       });
     } catch (U) {
       const D = U instanceof Error ? U.message : "Failed to fetch OAuth providers";
-      V.value = D;
+      T.value = D;
     } finally {
-      z.value = !1;
+      V.value = !1;
     }
   }, c = async (u, m) => {
     const U = { ...s, ...m }, D = new URLSearchParams();
@@ -5634,7 +5634,7 @@ function za(s = {}) {
         throw new Error(`No auth URL configured for provider '${u}'`);
       window.location.href = U.auth_url;
     } catch (U) {
-      throw V.value = U instanceof Error ? U.message : "Failed to redirect to OAuth provider", U;
+      throw T.value = U instanceof Error ? U.message : "Failed to redirect to OAuth provider", U;
     }
   }, x = (u) => l.value.find((m) => m.id === u), S = (u) => {
     if (u.iconUrl)
@@ -5656,8 +5656,8 @@ function za(s = {}) {
   return {
     providers: H(() => l.value),
     enabledProviders: C,
-    loading: H(() => z.value),
-    error: H(() => V.value),
+    loading: H(() => V.value),
+    error: H(() => T.value),
     fetchProviders: w,
     getProviderAuthUrl: c,
     redirectToProvider: h,
@@ -5813,7 +5813,7 @@ const ti = {
   },
   emits: ["success", "error", "forgot-password", "password-reset-sent", "mode-changed"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { getUrl: z, getSupportEmail: V, config: C } = vt(t.config), {
+    const t = s, l = r, { getUrl: V, getSupportEmail: T, config: C } = vt(t.config), {
       signIn: w,
       mfaRequired: c,
       availableMfaMethods: h,
@@ -5833,7 +5833,7 @@ const ti = {
     });
     const g = H(() => u.value), N = {
       async signIn(te, Y) {
-        const le = await fetch(z("signIn"), {
+        const le = await fetch(V("signIn"), {
           method: "POST",
           headers: {
             "Content-Type": "application/json"
@@ -5845,7 +5845,7 @@ const ti = {
         return await le.json();
       },
       async signUp(te, Y, le, _e) {
-        const Te = await fetch(z("signUp"), {
+        const Te = await fetch(V("signUp"), {
           method: "POST",
           headers: {
             "Content-Type": "application/json"
@@ -5869,7 +5869,7 @@ const ti = {
       confirmPassword: ""
     }), q = H(() => y.value === "signup"), b = H(() => y.value === "reset-password");
     H(() => O.password === O.confirmPassword);
-    const T = H(() => b.value ? O.email.trim() && !$.value : q.value ? O.email.trim() : O.email.trim() && O.password);
+    const z = H(() => b.value ? O.email.trim() && !$.value : q.value ? O.email.trim() : O.email.trim() && O.password);
     Le(c, (te) => {
       te && (k.value = !0);
     }, { immediate: !0 });
@@ -6154,7 +6154,7 @@ const ti = {
                 type: "submit",
                 variant: "primary",
                 "full-width": "",
-                disabled: L.value || !T.value,
+                disabled: L.value || !z.value,
                 loading: L.value,
                 "loading-text": i(S)
               }, {
@@ -6226,7 +6226,7 @@ const ti = {
               config: t.config
             }, {
               default: _(() => [
-                i(V)() ? (a(), ye(rt, {
+                i(T)() ? (a(), ye(rt, {
                   key: 0,
                   name: "support-fade"
                 }, {
@@ -6235,7 +6235,7 @@ const ti = {
                       Y[12] || (Y[12] = J(" Need help? ", -1)),
                       d(i(mt), {
                         variant: "primary",
-                        href: `mailto:${i(V)()}`
+                        href: `mailto:${i(T)()}`
                       }, {
                         default: _(() => [...Y[11] || (Y[11] = [
                           J(" Contact Support ", -1)
@@ -6321,8 +6321,8 @@ const ti = {
     const t = s, l = r;
     vt(t.config);
     const {
-      signIn: z,
-      mfaRequired: V,
+      signIn: V,
+      mfaRequired: T,
       mfaSessionId: C,
       availableMfaMethods: w,
       loading: c,
@@ -6342,7 +6342,7 @@ const ti = {
       });
     });
     const U = H(() => c.value), D = M(""), g = M(!1);
-    Le(V, (O) => {
+    Le(T, (O) => {
       O && (g.value = !0);
     });
     const N = Ge({
@@ -6351,7 +6351,7 @@ const ti = {
     }), y = async () => {
       D.value = "";
       try {
-        const O = await z({
+        const O = await V({
           email: N.email,
           password: N.password
         });
@@ -6400,7 +6400,7 @@ const ti = {
               ])
             ], -1)),
             i(x)?.length ? (a(), o("div", Di, [
-              (a(!0), o(De, null, Ze(i(x), (b, T, ae, ce) => {
+              (a(!0), o(De, null, Ze(i(x), (b, z, ae, ce) => {
                 const Ce = [b.id, b.name, b.displayName, i(S)];
                 if (ce && ce.key === b.id && as(ce, Ce)) return ce;
                 const xe = (a(), ye(i(ue), {
@@ -6590,7 +6590,7 @@ const ti = {
   },
   emits: ["success", "error", "switch-to-signin"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { getUrl: z, getSupportEmail: V } = vt(t.config), {
+    const t = s, l = r, { getUrl: V, getSupportEmail: T } = vt(t.config), {
       enabledProviders: C,
       loading: w,
       fetchProviders: c,
@@ -6611,7 +6611,7 @@ const ti = {
     const N = async () => {
       x.value = !0, S.value = "";
       try {
-        const F = z("signUp"), $ = await fetch(F, {
+        const F = V("signUp"), $ = await fetch(F, {
           method: "POST",
           headers: {
             "Content-Type": "application/json"
@@ -6641,7 +6641,7 @@ const ti = {
           if (F.message.includes("fetch"))
             $ = "Unable to connect to authentication service. Please check your internet connection and try again.";
           else if (F.message.includes("CORS")) {
-            const k = V();
+            const k = T();
             $ = k ? `Authentication service configuration error. Please contact ${k}.` : "Authentication service configuration error.";
           } else
             $ = F.message;
@@ -6876,7 +6876,7 @@ const ti = {
   },
   emits: ["success", "error", "invalid-token", "request-new-link", "start-registration"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { getUrl: z, getSupportEmail: V } = vt(t.config), { setAuthData: C } = ft(), w = M(!1), c = M(!1), h = M(!1), x = M(""), S = M(""), u = Ge({
+    const t = s, l = r, { getUrl: V, getSupportEmail: T } = vt(t.config), { setAuthData: C } = ft(), w = M(!1), c = M(!1), h = M(!1), x = M(""), S = M(""), u = Ge({
       firstName: "",
       lastName: "",
       password: ""
@@ -6926,7 +6926,7 @@ const ti = {
           "Content-Type": "application/json"
         };
         typeof window < "u" && window.location && (y.Origin = window.location.origin);
-        const L = await fetch(z("completeRegistration"), {
+        const L = await fetch(V("completeRegistration"), {
           method: "POST",
           headers: y,
           body: JSON.stringify({
@@ -7079,12 +7079,12 @@ const ti = {
               config: t.config
             }, {
               default: _(() => [
-                i(V)() ? (a(), o("div", jr, [
+                i(T)() ? (a(), o("div", jr, [
                   e("p", Or, [
                     L[22] || (L[22] = J(" Need help? ", -1)),
                     d(i(mt), {
                       variant: "primary",
-                      href: `mailto:${i(V)()}`
+                      href: `mailto:${i(T)()}`
                     }, {
                       default: _(() => [...L[21] || (L[21] = [
                         J(" Contact Support ", -1)
@@ -7153,7 +7153,7 @@ const ti = {
   },
   emits: ["close", "success"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { setupTotp: z, verifyTotpSetup: V, loading: C } = Tt(), w = H({
+    const t = s, l = r, { setupTotp: V, verifyTotpSetup: T, loading: C } = Tt(), w = H({
       get: () => t.show,
       set: ($) => {
         $ || l("close");
@@ -7179,7 +7179,7 @@ const ti = {
       }
       x.value = "";
       try {
-        const $ = await z(h.value.trim());
+        const $ = await V(h.value.trim());
         m.value = $, c.value = 2;
       } catch ($) {
         console.error("Failed to setup TOTP:", $), x.value = $ instanceof Error ? $.message : "Failed to setup TOTP";
@@ -7190,7 +7190,7 @@ const ti = {
       if (!(!m.value || !S.value)) {
         u.value = "";
         try {
-          await V(m.value.device_id, S.value), c.value = 4;
+          await T(m.value.device_id, S.value), c.value = 4;
         } catch ($) {
           console.error("Failed to verify TOTP code:", $), u.value = $ instanceof Error ? $.message : "Invalid verification code";
         }
@@ -7446,7 +7446,7 @@ const ti = {
   },
   emits: ["close", "success"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { setupEmailMfa: z, sendEmailMfaCode: V, verifyEmailMfaCode: C, loading: w } = Tt(), c = H({
+    const t = s, l = r, { setupEmailMfa: V, sendEmailMfaCode: T, verifyEmailMfaCode: C, loading: w } = Tt(), c = H({
       get: () => t.show,
       set: (b) => {
         b || l("close");
@@ -7469,8 +7469,8 @@ const ti = {
       }
       S.value = "";
       try {
-        const b = await z(x.value.trim());
-        U.value = b.device_id, await V(b.device_id), h.value = 2, O();
+        const b = await V(x.value.trim());
+        U.value = b.device_id, await T(b.device_id), h.value = 2, O();
       } catch (b) {
         console.error("Failed to setup email MFA:", b), S.value = b instanceof Error ? b.message : "Failed to setup email MFA";
       }
@@ -7488,7 +7488,7 @@ const ti = {
     }, k = async () => {
       if (!(!U.value || D.value))
         try {
-          await V(U.value), O();
+          await T(U.value), O();
         } catch (b) {
           console.warn("Failed to resend email MFA verification code:", b);
         }
@@ -7499,21 +7499,21 @@ const ti = {
     }, q = () => {
       l("success");
     };
-    return (b, T) => (a(), ye(pt, {
+    return (b, z) => (a(), ye(pt, {
       modelValue: c.value,
-      "onUpdate:modelValue": T[3] || (T[3] = (ae) => c.value = ae),
+      "onUpdate:modelValue": z[3] || (z[3] = (ae) => c.value = ae),
       title: "Setup Email 2FA",
       "card-class": "email-mfa-setup-modal"
     }, {
       default: _(() => [
         h.value === 1 ? (a(), o("div", v2, [
-          T[7] || (T[7] = e("div", null, [
+          z[7] || (z[7] = e("div", null, [
             e("h3", { class: "email-mfa-setup-step-title" }, "Name Your Email 2FA"),
             e("p", { class: "email-mfa-setup-step-description" }, ' Give this email 2FA method a memorable name (e.g., "Personal Email", "Work Email") ')
           ], -1)),
           d(i(Fe), {
             modelValue: x.value,
-            "onUpdate:modelValue": T[0] || (T[0] = (ae) => x.value = ae),
+            "onUpdate:modelValue": z[0] || (z[0] = (ae) => x.value = ae),
             label: "Device Name",
             placeholder: "Personal Email",
             error: S.value,
@@ -7523,7 +7523,7 @@ const ti = {
             variant: "info",
             title: "Email 2FA"
           }, {
-            default: _(() => [...T[4] || (T[4] = [
+            default: _(() => [...z[4] || (z[4] = [
               J(" Verification codes will be sent to your registered email address when logging in. ", -1)
             ])]),
             _: 1
@@ -7534,7 +7534,7 @@ const ti = {
               onClick: y,
               disabled: i(w)
             }, {
-              default: _(() => [...T[5] || (T[5] = [
+              default: _(() => [...z[5] || (z[5] = [
                 J(" Cancel ", -1)
               ])]),
               _: 1
@@ -7544,7 +7544,7 @@ const ti = {
               disabled: !x.value.trim() || i(w),
               loading: i(w)
             }, {
-              default: _(() => [...T[6] || (T[6] = [
+              default: _(() => [...z[6] || (z[6] = [
                 J(" Setup Email 2FA ", -1)
               ])]),
               _: 1
@@ -7552,11 +7552,11 @@ const ti = {
           ])
         ])) : I("", !0),
         h.value === 2 ? (a(), o("div", f2, [
-          T[10] || (T[10] = e("div", null, [
+          z[10] || (z[10] = e("div", null, [
             e("h3", { class: "email-mfa-setup-step-title" }, "Test Email 2FA"),
             e("p", { class: "email-mfa-setup-step-description" }, " We've sent a test verification code to your email. Enter it below to complete setup. ")
           ], -1)),
-          T[11] || (T[11] = e("div", { class: "email-mfa-setup-success-notification" }, [
+          z[11] || (z[11] = e("div", { class: "email-mfa-setup-success-notification" }, [
             e("div", { class: "email-mfa-setup-success-content" }, [
               e("svg", {
                 class: "email-mfa-setup-success-icon",
@@ -7577,7 +7577,7 @@ const ti = {
           ], -1)),
           d(i(Fe), {
             modelValue: u.value,
-            "onUpdate:modelValue": T[1] || (T[1] = (ae) => u.value = ae),
+            "onUpdate:modelValue": z[1] || (z[1] = (ae) => u.value = ae),
             type: "pincode",
             label: "Verification Code",
             "max-length": 6,
@@ -7602,10 +7602,10 @@ const ti = {
           e("div", h2, [
             d(i(ue), {
               color: "secondary",
-              onClick: T[2] || (T[2] = (ae) => h.value = 1),
+              onClick: z[2] || (z[2] = (ae) => h.value = 1),
               disabled: i(w)
             }, {
-              default: _(() => [...T[8] || (T[8] = [
+              default: _(() => [...z[8] || (z[8] = [
                 J(" Back ", -1)
               ])]),
               _: 1
@@ -7615,7 +7615,7 @@ const ti = {
               disabled: u.value.length !== 6 || i(w),
               loading: i(w)
             }, {
-              default: _(() => [...T[9] || (T[9] = [
+              default: _(() => [...z[9] || (z[9] = [
                 J(" Verify & Enable ", -1)
               ])]),
               _: 1
@@ -7623,7 +7623,7 @@ const ti = {
           ])
         ])) : I("", !0),
         h.value === 3 ? (a(), o("div", g2, [
-          T[13] || (T[13] = e("div", { class: "email-mfa-setup-completion" }, [
+          z[13] || (z[13] = e("div", { class: "email-mfa-setup-completion" }, [
             e("div", { class: "email-mfa-setup-completion-icon" }, [
               e("svg", {
                 class: "email-mfa-setup-check-icon",
@@ -7642,7 +7642,7 @@ const ti = {
             e("h3", { class: "email-mfa-setup-step-title" }, "Email 2FA Setup Complete!"),
             e("p", { class: "email-mfa-setup-completion-description" }, " Email verification is now active for your account. You'll receive codes at your registered email address. ")
           ], -1)),
-          T[14] || (T[14] = e("div", { class: "email-mfa-setup-info" }, [
+          z[14] || (z[14] = e("div", { class: "email-mfa-setup-info" }, [
             e("div", { class: "email-mfa-setup-info-content" }, [
               e("svg", {
                 class: "email-mfa-setup-info-icon",
@@ -7666,7 +7666,7 @@ const ti = {
               variant: "primary",
               onClick: q
             }, {
-              default: _(() => [...T[12] || (T[12] = [
+              default: _(() => [...z[12] || (z[12] = [
                 J(" Done ", -1)
               ])]),
               _: 1
@@ -7700,7 +7700,7 @@ const ti = {
   },
   emits: ["close", "success"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { loading: z } = Tt(), { registerHardwareKey: V, completeHardwareKeyRegistration: C, currentSession: w } = ft(), c = M(!1), h = H(() => z.value || c.value), x = H(() => t.deviceType === "passkey" ? "Setup Passkey" : "Setup Hardware Key"), S = H({
+    const t = s, l = r, { loading: V } = Tt(), { registerHardwareKey: T, completeHardwareKeyRegistration: C, currentSession: w } = ft(), c = M(!1), h = H(() => V.value || c.value), x = H(() => t.deviceType === "passkey" ? "Setup Passkey" : "Setup Hardware Key"), S = H({
       get: () => t.show,
       set: (b) => {
         b || l("close");
@@ -7726,7 +7726,7 @@ const ti = {
       residentKey: "discouraged",
       userVerification: "discouraged"
       // YubiKeys work better with discouraged
-    }, F = (b, T) => {
+    }, F = (b, z) => {
       const ae = (ce) => {
         try {
           if (!ce)
@@ -7779,10 +7779,10 @@ const ti = {
             { type: "public-key", alg: -8 }
             // EdDSA (Ed25519)
           ],
-          timeout: b.timeout || (T === "passkey" ? 3e5 : 12e4),
+          timeout: b.timeout || (z === "passkey" ? 3e5 : 12e4),
           // Longer timeout for passkeys
-          authenticatorSelection: b.authenticatorSelection || L(T),
-          attestation: b.attestation || (T === "passkey" ? "none" : "direct")
+          authenticatorSelection: b.authenticatorSelection || L(z),
+          attestation: b.attestation || (z === "passkey" ? "none" : "direct")
           // Different attestation preferences
         };
         return b.excludeCredentials && Array.isArray(b.excludeCredentials) && b.excludeCredentials.length > 0 && (ce.excludeCredentials = b.excludeCredentials.map((Ce) => ({
@@ -7809,10 +7809,10 @@ const ti = {
         }
         if (!w.value?.accessToken)
           throw new Error("Not authenticated. Please sign in again.");
-        const { device_id: b, challenge: T } = await V(m.value.trim(), w.value.accessToken);
-        if (!T || typeof T != "object")
+        const { device_id: b, challenge: z } = await T(m.value.trim(), w.value.accessToken);
+        if (!z || typeof z != "object")
           throw new Error("Invalid challenge received from server");
-        const ae = F(T, t.deviceType);
+        const ae = F(z, t.deviceType);
         D.value = "Please touch your hardware key now...";
         const ce = await navigator.credentials.create({
           publicKey: ae
@@ -7842,12 +7842,12 @@ const ti = {
           throw new Error(`Failed to process hardware key data: ${xe instanceof Error ? xe.message : String(xe)}`);
         }
       } catch (b) {
-        let T = "Hardware key registration failed";
+        let z = "Hardware key registration failed";
         if (b instanceof Error) {
           const ae = b.message.toLowerCase();
-          ae.includes("not supported") || ae.includes("webauthn") ? T = "WebAuthn is not supported in this browser. Please use Chrome, Firefox, Safari, or Edge." : ae.includes("cancelled") || ae.includes("aborted") ? T = "Hardware key registration was cancelled. Please try again and touch your key when prompted." : ae.includes("timeout") ? T = "Hardware key registration timed out. Please ensure your key is connected and try again." : ae.includes("not allowed") || ae.includes("invalid state") ? T = "This hardware key may already be registered or cannot be used. Try a different key or contact support." : ae.includes("can't be used") || ae.includes("newer or different") ? T = "Your hardware key is not compatible. Please ensure you have a FIDO2/WebAuthn compatible key like YubiKey 5 Series, and that it's properly connected." : ae.includes("user verification") || ae.includes("pin") ? T = "Hardware key verification failed. If your key has a PIN, please enter it when prompted." : T = b.message;
+          ae.includes("not supported") || ae.includes("webauthn") ? z = "WebAuthn is not supported in this browser. Please use Chrome, Firefox, Safari, or Edge." : ae.includes("cancelled") || ae.includes("aborted") ? z = "Hardware key registration was cancelled. Please try again and touch your key when prompted." : ae.includes("timeout") ? z = "Hardware key registration timed out. Please ensure your key is connected and try again." : ae.includes("not allowed") || ae.includes("invalid state") ? z = "This hardware key may already be registered or cannot be used. Try a different key or contact support." : ae.includes("can't be used") || ae.includes("newer or different") ? z = "Your hardware key is not compatible. Please ensure you have a FIDO2/WebAuthn compatible key like YubiKey 5 Series, and that it's properly connected." : ae.includes("user verification") || ae.includes("pin") ? z = "Hardware key verification failed. If your key has a PIN, please enter it when prompted." : z = b.message;
         }
-        g.value = T, u.value = 5;
+        g.value = z, u.value = 5;
       } finally {
         c.value = !1;
       }
@@ -7862,21 +7862,21 @@ const ti = {
     }, q = () => {
       l("success");
     };
-    return (b, T) => (a(), ye(pt, {
+    return (b, z) => (a(), ye(pt, {
       modelValue: S.value,
-      "onUpdate:modelValue": T[3] || (T[3] = (ae) => S.value = ae),
+      "onUpdate:modelValue": z[3] || (z[3] = (ae) => S.value = ae),
       title: x.value,
       "card-class": "hardware-key-setup-modal"
     }, {
       default: _(() => [
         u.value === 1 ? (a(), o("div", k2, [
-          T[6] || (T[6] = e("div", null, [
+          z[6] || (z[6] = e("div", null, [
             e("h3", { class: "hardware-key-setup-step-title" }, "Name Your Hardware Key"),
             e("p", { class: "hardware-key-setup-step-description" }, ' Give your hardware key a memorable name (e.g., "YubiKey 5", "Work Security Key") ')
           ], -1)),
           d(i(Fe), {
             modelValue: m.value,
-            "onUpdate:modelValue": T[0] || (T[0] = (ae) => m.value = ae),
+            "onUpdate:modelValue": z[0] || (z[0] = (ae) => m.value = ae),
             label: "Device Name",
             placeholder: "My Hardware Key",
             error: U.value,
@@ -7888,7 +7888,7 @@ const ti = {
               onClick: y,
               disabled: h.value
             }, {
-              default: _(() => [...T[4] || (T[4] = [
+              default: _(() => [...z[4] || (z[4] = [
                 J(" Cancel ", -1)
               ])]),
               _: 1
@@ -7899,7 +7899,7 @@ const ti = {
               disabled: !m.value.trim() || h.value,
               loading: h.value
             }, {
-              default: _(() => [...T[5] || (T[5] = [
+              default: _(() => [...z[5] || (z[5] = [
                 J(" Continue ", -1)
               ])]),
               _: 1
@@ -7907,11 +7907,11 @@ const ti = {
           ])
         ])) : I("", !0),
         u.value === 2 ? (a(), o("div", b2, [
-          T[17] || (T[17] = e("div", null, [
+          z[17] || (z[17] = e("div", null, [
             e("h3", { class: "hardware-key-setup-step-title" }, "Register Hardware Key"),
             e("p", { class: "hardware-key-setup-step-description" }, " Insert your hardware key and follow your browser's prompts to complete registration. ")
           ], -1)),
-          T[18] || (T[18] = e("div", { class: "hardware-key-setup-illustration" }, [
+          z[18] || (z[18] = e("div", { class: "hardware-key-setup-illustration" }, [
             e("div", { class: "hardware-key-setup-illustration-content" }, [
               e("div", { class: "hardware-key-setup-icon-container" }, [
                 e("svg", {
@@ -7934,7 +7934,7 @@ const ti = {
           ], -1)),
           e("div", M2, [
             e("div", x2, [
-              T[14] || (T[14] = e("svg", {
+              z[14] || (z[14] = e("svg", {
                 class: "hardware-key-setup-info-icon",
                 fill: "currentColor",
                 viewBox: "0 0 20 20"
@@ -7946,16 +7946,16 @@ const ti = {
                 })
               ], -1)),
               e("div", null, [
-                T[13] || (T[13] = e("p", { class: "hardware-key-setup-instructions-title" }, "Setup Instructions", -1)),
+                z[13] || (z[13] = e("p", { class: "hardware-key-setup-instructions-title" }, "Setup Instructions", -1)),
                 e("ul", $2, [
                   t.deviceType === "passkey" ? (a(), o(De, { key: 0 }, [
-                    T[7] || (T[7] = e("li", null, "• Your browser will prompt you to create a passkey", -1)),
-                    T[8] || (T[8] = e("li", null, "• Use Touch ID, Face ID, Windows Hello, or PIN", -1)),
-                    T[9] || (T[9] = e("li", null, "• Follow the prompts to complete setup", -1))
+                    z[7] || (z[7] = e("li", null, "• Your browser will prompt you to create a passkey", -1)),
+                    z[8] || (z[8] = e("li", null, "• Use Touch ID, Face ID, Windows Hello, or PIN", -1)),
+                    z[9] || (z[9] = e("li", null, "• Follow the prompts to complete setup", -1))
                   ], 64)) : (a(), o(De, { key: 1 }, [
-                    T[10] || (T[10] = e("li", null, "• Insert your hardware key into a USB port", -1)),
-                    T[11] || (T[11] = e("li", null, "• Your browser will prompt you to interact with the key", -1)),
-                    T[12] || (T[12] = e("li", null, "• Touch the key's button or sensor when prompted", -1))
+                    z[10] || (z[10] = e("li", null, "• Insert your hardware key into a USB port", -1)),
+                    z[11] || (z[11] = e("li", null, "• Your browser will prompt you to interact with the key", -1)),
+                    z[12] || (z[12] = e("li", null, "• Touch the key's button or sensor when prompted", -1))
                   ], 64))
                 ])
               ])
@@ -7964,10 +7964,10 @@ const ti = {
           e("div", S2, [
             d(i(ue), {
               variant: "secondary",
-              onClick: T[1] || (T[1] = (ae) => u.value = 1),
+              onClick: z[1] || (z[1] = (ae) => u.value = 1),
               disabled: h.value
             }, {
-              default: _(() => [...T[15] || (T[15] = [
+              default: _(() => [...z[15] || (z[15] = [
                 J(" Back ", -1)
               ])]),
               _: 1
@@ -7978,7 +7978,7 @@ const ti = {
               disabled: h.value,
               loading: h.value
             }, {
-              default: _(() => [...T[16] || (T[16] = [
+              default: _(() => [...z[16] || (z[16] = [
                 J(" Register Key ", -1)
               ])]),
               _: 1
@@ -7993,10 +7993,10 @@ const ti = {
                 class: "hardware-key-setup-loader"
               })
             ]),
-            T[19] || (T[19] = e("h3", { class: "hardware-key-setup-step-title" }, "Registering Hardware Key", -1)),
+            z[19] || (z[19] = e("h3", { class: "hardware-key-setup-step-title" }, "Registering Hardware Key", -1)),
             e("p", z2, R(D.value), 1)
           ]),
-          T[20] || (T[20] = e("div", { class: "hardware-key-setup-progress-indicator" }, [
+          z[20] || (z[20] = e("div", { class: "hardware-key-setup-progress-indicator" }, [
             e("div", { class: "hardware-key-setup-progress-content" }, [
               e("div", { class: "hardware-key-setup-progress-check" }, [
                 e("div", { class: "hardware-key-setup-check-icon" }, [
@@ -8020,7 +8020,7 @@ const ti = {
           ], -1))
         ])) : I("", !0),
         u.value === 4 ? (a(), o("div", V2, [
-          T[24] || (T[24] = e("div", { class: "hardware-key-setup-success" }, [
+          z[24] || (z[24] = e("div", { class: "hardware-key-setup-success" }, [
             e("div", { class: "hardware-key-setup-success-icon" }, [
               e("svg", {
                 class: "hardware-key-setup-success-check",
@@ -8040,7 +8040,7 @@ const ti = {
             e("p", { class: "hardware-key-setup-success-message" }, " Your hardware key is now active for two-factor authentication. ")
           ], -1)),
           e("div", I2, [
-            T[22] || (T[22] = e("div", { class: "hardware-key-setup-backup-codes-header" }, [
+            z[22] || (z[22] = e("div", { class: "hardware-key-setup-backup-codes-header" }, [
               e("svg", {
                 class: "hardware-key-setup-warning-icon",
                 fill: "currentColor",
@@ -8071,7 +8071,7 @@ const ti = {
                 size: "sm",
                 onClick: O
               }, {
-                default: _(() => [...T[21] || (T[21] = [
+                default: _(() => [...z[21] || (z[21] = [
                   J(" 📋 Copy Codes ", -1)
                 ])]),
                 _: 1
@@ -8083,7 +8083,7 @@ const ti = {
               variant: "primary",
               onClick: q
             }, {
-              default: _(() => [...T[23] || (T[23] = [
+              default: _(() => [...z[23] || (z[23] = [
                 J(" Done ", -1)
               ])]),
               _: 1
@@ -8092,7 +8092,7 @@ const ti = {
         ])) : I("", !0),
         u.value === 5 ? (a(), o("div", D2, [
           e("div", N2, [
-            T[25] || (T[25] = e("div", { class: "hardware-key-setup-error-icon" }, [
+            z[25] || (z[25] = e("div", { class: "hardware-key-setup-error-icon" }, [
               e("svg", {
                 class: "hardware-key-setup-error-x",
                 fill: "none",
@@ -8107,15 +8107,15 @@ const ti = {
                 })
               ])
             ], -1)),
-            T[26] || (T[26] = e("h3", { class: "hardware-key-setup-step-title" }, "Registration Failed", -1)),
+            z[26] || (z[26] = e("h3", { class: "hardware-key-setup-step-title" }, "Registration Failed", -1)),
             e("p", B2, R(g.value), 1)
           ]),
           e("div", P2, [
             d(i(ue), {
               variant: "secondary",
-              onClick: T[2] || (T[2] = (ae) => u.value = 1)
+              onClick: z[2] || (z[2] = (ae) => u.value = 1)
             }, {
-              default: _(() => [...T[27] || (T[27] = [
+              default: _(() => [...z[27] || (z[27] = [
                 J(" Start Over ", -1)
               ])]),
               _: 1
@@ -8124,7 +8124,7 @@ const ti = {
               variant: "primary",
               onClick: y
             }, {
-              default: _(() => [...T[28] || (T[28] = [
+              default: _(() => [...z[28] || (z[28] = [
                 J(" Close ", -1)
               ])]),
               _: 1
@@ -8155,7 +8155,7 @@ const ti = {
   },
   emits: ["close"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { regenerateBackupCodes: z, loading: V, getDeviceTypeName: C } = Tt(), w = H({
+    const t = s, l = r, { regenerateBackupCodes: V, loading: T, getDeviceTypeName: C } = Tt(), w = H({
       get: () => t.show,
       set: (D) => {
         D || l("close");
@@ -8173,7 +8173,7 @@ const ti = {
     }, u = async () => {
       if (t.device)
         try {
-          const D = await z(t.device.id);
+          const D = await V(t.device.id);
           c.value = D.backup_codes, h.value = !1;
         } catch (D) {
           console.error("Failed to regenerate backup codes:", D);
@@ -8217,7 +8217,7 @@ const ti = {
         "card-class": "backup-codes-modal"
       }, {
         default: _(() => [
-          i(V) ? (a(), o("div", R2, [
+          i(T) ? (a(), o("div", R2, [
             d(i(ht), { size: 24 }),
             g[2] || (g[2] = e("span", { class: "backup-codes-loading-text" }, "Loading backup codes...", -1))
           ])) : (a(), o("div", F2, [
@@ -8292,8 +8292,8 @@ const ti = {
                 d(i(ue), {
                   variant: "secondary",
                   onClick: S,
-                  disabled: i(V),
-                  loading: i(V)
+                  disabled: i(T),
+                  loading: i(T)
                 }, {
                   default: _(() => [...g[7] || (g[7] = [
                     J(" 🔄 Regenerate Codes ", -1)
@@ -8332,8 +8332,8 @@ const ti = {
                       variant: "primary",
                       size: "sm",
                       onClick: u,
-                      disabled: i(V),
-                      loading: i(V)
+                      disabled: i(T),
+                      loading: i(T)
                     }, {
                       default: _(() => [...g[9] || (g[9] = [
                         J(" Yes, Regenerate ", -1)
@@ -8372,20 +8372,20 @@ const ti = {
   },
   emits: ["confirm", "cancel"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = M(!1), V = H({
+    const t = s, l = r, V = M(!1), T = H({
       get: () => t.show,
       set: (c) => {
         c || l("cancel");
       }
     }), C = () => {
-      z.value = !0, l("confirm");
+      V.value = !0, l("confirm");
     }, w = () => {
       l("cancel");
     };
     return (c, h) => (a(), o("div", n3, [
       d(pt, {
-        modelValue: V.value,
-        "onUpdate:modelValue": h[0] || (h[0] = (x) => V.value = x),
+        modelValue: T.value,
+        "onUpdate:modelValue": h[0] || (h[0] = (x) => T.value = x),
         "card-class": "confirm-modal"
       }, {
         header: _(() => [
@@ -8397,7 +8397,7 @@ const ti = {
             d(i(ue), {
               variant: "secondary",
               onClick: w,
-              disabled: z.value
+              disabled: V.value
             }, {
               default: _(() => [
                 J(R(s.cancelText), 1)
@@ -8407,8 +8407,8 @@ const ti = {
             d(i(ue), {
               variant: s.variant,
               onClick: C,
-              disabled: z.value,
-              loading: z.value
+              disabled: V.value,
+              loading: V.value
             }, {
               default: _(() => [
                 J(R(s.confirmText), 1)
@@ -8459,8 +8459,8 @@ const ti = {
   emits: ["update:modelValue", "mfa-updated"],
   setup(s, { emit: r }) {
     const t = s, l = r, {
-      mfaEnabled: z,
-      loading: V,
+      mfaEnabled: V,
+      loading: T,
       activeMfaDevices: C,
       fetchMfaDevices: w,
       disableMfaDevice: c,
@@ -8542,7 +8542,7 @@ const ti = {
       } finally {
         N[be.id] = !1;
       }
-    }, T = async (be) => {
+    }, z = async (be) => {
       try {
         y[be.id] = !0, await c(be.id), await w(), l("mfa-updated");
       } catch (ne) {
@@ -8577,7 +8577,7 @@ const ti = {
       }, {
         default: _(() => [
           e("div", v3, [
-            i(V) ? (a(), o("div", p3, [
+            i(T) ? (a(), o("div", p3, [
               d(i(ht), { size: 32 }),
               ne[11] || (ne[11] = e("span", { class: "mfa-loading-text" }, "Loading MFA settings...", -1))
             ])) : (a(), o("div", f3, [
@@ -8585,10 +8585,10 @@ const ti = {
                 e("div", h3, [
                   e("div", null, [
                     ne[12] || (ne[12] = e("h3", { class: "mfa-status-title" }, "Two-Factor Authentication", -1)),
-                    e("p", g3, R(i(z) ? "Enabled" : "Add extra security to your account"), 1)
+                    e("p", g3, R(i(V) ? "Enabled" : "Add extra security to your account"), 1)
                   ]),
                   e("div", C3, [
-                    i(z) ? (a(), o("span", y3, [
+                    i(V) ? (a(), o("span", y3, [
                       d(U, {
                         size: 12,
                         class: "mfa-badge-icon"
@@ -8756,7 +8756,7 @@ const ti = {
                               message: `Are you sure you want to remove this ${Ae(Z.device_type).toLowerCase()}? You will no longer be able to use it for authentication.`,
                               "confirm-text": "Remove Device",
                               "confirm-variant": "danger",
-                              onConfirm: (ie) => T(Z)
+                              onConfirm: (ie) => z(Z)
                             }, {
                               trigger: _(() => [
                                 d(i(ue), {
@@ -8860,7 +8860,7 @@ const ti = {
   },
   emits: ["close", "settings-updated"],
   setup(s, { emit: r }) {
-    const t = r, { currentUser: l, updateUserSettings: z } = ft(), V = M(!1), C = M(null), w = Ge({
+    const t = r, { currentUser: l, updateUserSettings: V } = ft(), T = M(!1), C = M(null), w = Ge({
       levelUpSounds: l.value?.settings?.levelUpSounds ?? !0,
       milestoneSounds: l.value?.settings?.milestoneSounds ?? !0
     });
@@ -8878,17 +8878,17 @@ const ti = {
         C.value === "milestone" && (C.value = null);
       }, 2500));
     }, S = async (u) => {
-      if (!V.value) {
-        V.value = !0;
+      if (!T.value) {
+        T.value = !0;
         try {
-          await z({
+          await V({
             ...l.value?.settings,
             ...w
           }), t("settings-updated", { ...w });
         } catch (m) {
           console.warn("Failed to save settings:", m);
         } finally {
-          V.value = !1, u();
+          T.value = !1, u();
         }
       }
     };
@@ -8912,10 +8912,10 @@ const ti = {
             d(lt, {
               variant: "primary",
               onClick: (D) => S(U),
-              loading: V.value
+              loading: T.value
             }, {
               default: _(() => [
-                J(R(V.value ? "Saving..." : "Save Settings"), 1)
+                J(R(T.value ? "Saving..." : "Save Settings"), 1)
               ]),
               _: 1
             }, 8, ["onClick", "loading"])
@@ -9057,7 +9057,7 @@ const ti = {
   },
   emits: ["update:modelValue", "sessions-updated"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { getUserSessions: z, revokeSession: V, revokeAllOtherSessions: C } = ft(), w = {
+    const t = s, l = r, { getUserSessions: V, revokeSession: T, revokeAllOtherSessions: C } = ft(), w = {
       props: ["size"],
       render() {
         return oe("svg", { width: this.size, height: this.size, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, [
@@ -9103,18 +9103,18 @@ const ti = {
       }
     }, u = M([]), m = M(null), U = M(!1), D = M(null), g = Ge({}), N = M(!1), y = H({
       get: () => t.modelValue || !1,
-      set: (T) => l("update:modelValue", T)
+      set: (z) => l("update:modelValue", z)
     });
-    Le(() => y.value, (T) => {
-      T && L();
+    Le(() => y.value, (z) => {
+      z && L();
     }), Ye(() => {
       (typeof t.modelValue > "u" || t.modelValue) && L();
     });
     const L = async () => {
       U.value = !0, D.value = null;
       try {
-        const T = await z();
-        if (u.value = T || [], u.value.length > 0) {
+        const z = await V();
+        if (u.value = z || [], u.value.length > 0) {
           const ae = u.value.filter((Ce) => Ce.is_current || Ce.last_activity_at), ce = [...new Set(u.value.map((Ce) => O(Ce)).filter(Boolean))];
           m.value = {
             total_sessions: u.value.length,
@@ -9123,48 +9123,48 @@ const ti = {
           };
         } else
           m.value = null;
-      } catch (T) {
-        D.value = T instanceof Error ? T.message : "Failed to load sessions", console.error("Failed to load sessions:", T);
+      } catch (z) {
+        D.value = z instanceof Error ? z.message : "Failed to load sessions", console.error("Failed to load sessions:", z);
       } finally {
         U.value = !1;
       }
-    }, F = async (T) => {
-      g[T] = !0;
+    }, F = async (z) => {
+      g[z] = !0;
       try {
-        await V(T), await L(), l("sessions-updated");
+        await T(z), await L(), l("sessions-updated");
       } catch (ae) {
         console.error("Failed to revoke session:", ae), D.value = ae instanceof Error ? ae.message : "Failed to revoke session";
       } finally {
-        g[T] = !1;
+        g[z] = !1;
       }
     }, $ = async () => {
       N.value = !0;
       try {
         await C(), await L(), l("sessions-updated");
-      } catch (T) {
-        console.error("Failed to revoke all other sessions:", T), D.value = T instanceof Error ? T.message : "Failed to revoke sessions";
+      } catch (z) {
+        console.error("Failed to revoke all other sessions:", z), D.value = z instanceof Error ? z.message : "Failed to revoke sessions";
       } finally {
         N.value = !1;
       }
-    }, k = (T) => {
-      if (T.device_name) return T.device_name;
-      const ae = T.user_agent || "";
+    }, k = (z) => {
+      if (z.device_name) return z.device_name;
+      const ae = z.user_agent || "";
       return ae.includes("Mobile") || ae.includes("Android") || ae.includes("iPhone") ? "Mobile Device" : ae.includes("iPad") ? "iPad" : ae.includes("Mac") ? "Mac" : ae.includes("Windows") ? "Windows PC" : ae.includes("Linux") ? "Linux" : "Unknown Device";
-    }, O = (T) => {
+    }, O = (z) => {
       const ae = [];
-      return T.city && ae.push(T.city), T.region && ae.push(T.region), T.country && ae.push(T.country), ae.length > 0 ? ae.join(", ") : T.ip_address || "Unknown Location";
-    }, q = (T) => {
-      if (!T) return "Unknown";
-      const ae = new Date(T), Ce = (/* @__PURE__ */ new Date()).getTime() - ae.getTime(), xe = Math.floor(Ce / (1e3 * 60)), Ae = Math.floor(Ce / (1e3 * 60 * 60)), Se = Math.floor(Ce / (1e3 * 60 * 60 * 24));
+      return z.city && ae.push(z.city), z.region && ae.push(z.region), z.country && ae.push(z.country), ae.length > 0 ? ae.join(", ") : z.ip_address || "Unknown Location";
+    }, q = (z) => {
+      if (!z) return "Unknown";
+      const ae = new Date(z), Ce = (/* @__PURE__ */ new Date()).getTime() - ae.getTime(), xe = Math.floor(Ce / (1e3 * 60)), Ae = Math.floor(Ce / (1e3 * 60 * 60)), Se = Math.floor(Ce / (1e3 * 60 * 60 * 24));
       return xe < 1 ? "Just now" : xe < 60 ? `${xe}m ago` : Ae < 24 ? `${Ae}h ago` : Se < 7 ? `${Se}d ago` : Se < 30 ? `${Math.floor(Se / 7)}w ago` : Se < 365 ? `${Math.floor(Se / 30)}mo ago` : `${Math.floor(Se / 365)}y ago`;
-    }, b = (T) => T ? new Date(T).toLocaleDateString(void 0, {
+    }, b = (z) => z ? new Date(z).toLocaleDateString(void 0, {
       year: "numeric",
       month: "short",
       day: "numeric",
       hour: "2-digit",
       minute: "2-digit"
     }) : "Unknown";
-    return (T, ae) => (a(), ye(i(pt), {
+    return (z, ae) => (a(), ye(i(pt), {
       modelValue: y.value,
       "onUpdate:modelValue": ae[0] || (ae[0] = (ce) => y.value = ce),
       title: "Active Sessions",
@@ -9377,7 +9377,7 @@ const ti = {
           oe("polyline", { points: "22,6 12,13 2,6" })
         ]);
       }
-    }, z = {
+    }, V = {
       props: ["size"],
       render() {
         return oe("svg", {
@@ -9391,7 +9391,7 @@ const ti = {
           oe("circle", { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor" })
         ]);
       }
-    }, V = s, C = r, { getSupportEmail: w, getUrl: c } = vt(V.config), { fetchProfile: h, updateProfile: x, changeEmail: S, changeUsername: u, getUsernameCooldown: m, checkUsernameAvailability: U, getUserSessions: D, currentUser: g, currentSession: N, isAuthenticated: y, refreshToken: L, signOut: F } = ft(), { activeMfaDevices: $, fetchMfaDevices: k } = Tt(), O = M(null), q = M(!1), b = H(() => g.value || V.user || O.value), T = M(!1), ae = M(!1), ce = M(!1), Ce = M(!1), xe = M(!1), Ae = M(!1), Se = M(!1), be = M(!1), ne = M(!1), W = M(!1), Z = M(!1), ie = M(null), te = M(""), Y = M(""), le = M([]), _e = M(!1), Te = Ge({
+    }, T = s, C = r, { getSupportEmail: w, getUrl: c } = vt(T.config), { fetchProfile: h, updateProfile: x, changeEmail: S, changeUsername: u, getUsernameCooldown: m, checkUsernameAvailability: U, getUserSessions: D, currentUser: g, currentSession: N, isAuthenticated: y, refreshToken: L, signOut: F } = ft(), { activeMfaDevices: $, fetchMfaDevices: k } = Tt(), O = M(null), q = M(!1), b = H(() => g.value || T.user || O.value), z = M(!1), ae = M(!1), ce = M(!1), Ce = M(!1), xe = M(!1), Ae = M(!1), Se = M(!1), be = M(!1), ne = M(!1), W = M(!1), Z = M(!1), ie = M(null), te = M(""), Y = M(""), le = M([]), _e = M(!1), Te = Ge({
       canChange: !0,
       cooldownEnd: null,
       daysRemaining: 0
@@ -9474,7 +9474,7 @@ const ti = {
           type: "hardware",
           count: we,
           label: we === 1 ? "Key" : "Keys",
-          icon: z,
+          icon: V,
           color: "chip-purple"
         });
       }
@@ -9504,7 +9504,7 @@ const ti = {
       return Ut.value - ea.value - X;
     });
     const ta = (X, P) => !X && !P ? "U" : `${X?.[0] || ""}${P?.[0] || ""}`.toUpperCase(), Ct = async () => {
-      if (!(!V.autoFetch || V.user || !y.value)) {
+      if (!(!T.autoFetch || T.user || !y.value)) {
         q.value = !0;
         try {
           await h(), y.value && await k();
@@ -9547,7 +9547,7 @@ const ti = {
         he[X] = "";
       });
     }, zt = async () => {
-      it(), T.value = !0;
+      it(), z.value = !0;
       try {
         const X = await x({
           firstName: re.firstName,
@@ -9559,17 +9559,17 @@ const ti = {
         const P = X instanceof Error ? X.message : "Failed to update profile";
         Y.value = P, C("error", P);
       } finally {
-        T.value = !1;
+        z.value = !1;
       }
     }, Vt = async () => {
       if (fe.value) {
-        it(), T.value = !0;
+        it(), z.value = !0;
         try {
           await new Promise((X) => setTimeout(X, 1e3)), te.value = "Password updated successfully", Ce.value = !1, Ie.current = "", Ie.new = "", Ie.confirm = "";
         } catch (X) {
           console.error("Failed to update password:", X), Y.value = "Failed to update password";
         } finally {
-          T.value = !1;
+          z.value = !1;
         }
       }
     }, It = async () => {
@@ -9826,7 +9826,7 @@ const ti = {
                       label: "First name",
                       placeholder: "Enter your first name",
                       autocomplete: "given-name",
-                      disabled: T.value || q.value,
+                      disabled: z.value || q.value,
                       error: he.firstName
                     }, null, 8, ["modelValue", "disabled", "error"]),
                     d(i(Fe), {
@@ -9837,7 +9837,7 @@ const ti = {
                       label: "Last name",
                       placeholder: "Enter your last name",
                       autocomplete: "family-name",
-                      disabled: T.value || q.value,
+                      disabled: z.value || q.value,
                       error: he.lastName
                     }, null, 8, ["modelValue", "disabled", "error"]),
                     e("div", l0, [
@@ -10063,18 +10063,18 @@ const ti = {
                 Q.value ? (a(), o("div", T0, [
                   d(i(ue), {
                     type: "submit",
-                    disabled: T.value,
-                    loading: T.value
+                    disabled: z.value,
+                    loading: z.value
                   }, {
                     default: _(() => [
-                      J(R(T.value ? "Saving changes..." : "Save changes"), 1)
+                      J(R(z.value ? "Saving changes..." : "Save changes"), 1)
                     ]),
                     _: 1
                   }, 8, ["disabled", "loading"]),
                   d(i(ue), {
                     color: "secondary",
                     onClick: ra,
-                    disabled: T.value
+                    disabled: z.value
                   }, {
                     default: _(() => [...P[24] || (P[24] = [
                       J(" Cancel ", -1)
@@ -10120,7 +10120,7 @@ const ti = {
                 ])
               ])) : I("", !0),
               d(Lt, {
-                config: V.config
+                config: T.config
               }, {
                 default: _(() => [
                   e("div", N0, [
@@ -10244,16 +10244,16 @@ const ti = {
   },
   emits: ["success", "error", "back-to-signin"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { getSupportEmail: z } = vt(t.config), V = M(!1), C = M(""), w = M(!1), c = Ge({
+    const t = s, l = r, { getSupportEmail: V } = vt(t.config), T = M(!1), C = M(""), w = M(!1), c = Ge({
       email: ""
     }), h = async () => {
-      V.value = !0, C.value = "";
+      T.value = !0, C.value = "";
       try {
         await new Promise((x) => setTimeout(x, 1e3)), w.value = !0, l("success", c.email);
       } catch {
         C.value = "Failed to send password reset email. Please try again.", l("error", C.value);
       } finally {
-        V.value = !1;
+        T.value = !1;
       }
     };
     return (x, S) => (a(), o("div", Z0, [
@@ -10280,15 +10280,15 @@ const ti = {
                 placeholder: "Enter your email address",
                 autocomplete: "email",
                 required: "",
-                disabled: V.value || w.value,
+                disabled: T.value || w.value,
                 error: C.value ? "Email address not found" : void 0
               }, null, 8, ["modelValue", "disabled", "error"]),
               d(i(ue), {
                 type: "submit",
                 variant: "primary",
                 "full-width": "",
-                disabled: V.value || !c.email.trim() || w.value,
-                loading: V.value,
+                disabled: T.value || !c.email.trim() || w.value,
+                loading: T.value,
                 "loading-text": "Sending link..."
               }, {
                 default: _(() => [
@@ -10339,12 +10339,12 @@ const ti = {
               config: t.config
             }, {
               default: _(() => [
-                i(z)() ? (a(), o("div", Y0, [
+                i(V)() ? (a(), o("div", Y0, [
                   e("p", W0, [
                     S[5] || (S[5] = J(" Need help? ", -1)),
                     d(i(mt), {
                       variant: "primary",
-                      href: `mailto:${i(z)()}`
+                      href: `mailto:${i(V)()}`
                     }, {
                       default: _(() => [...S[4] || (S[4] = [
                         J(" Contact Support ", -1)
@@ -10376,9 +10376,9 @@ const ti = {
   },
   emits: ["sign-in-required"],
   setup(s, { emit: r }) {
-    const t = r, l = M(!1), { isAuthenticated: z, isInitializing: V, user: C, signOut: w, initialize: c } = ft(), h = H(() => V.value || !l.value), x = H(() => !h.value && z.value), S = H(() => !h.value && !z.value);
+    const t = r, l = M(!1), { isAuthenticated: V, isInitializing: T, user: C, signOut: w, initialize: c } = ft(), h = H(() => (console.log("[SignedIn] isLoading check:", { isInitializing: T.value, isReady: l.value }), T.value || !l.value)), x = H(() => !h.value && V.value), S = H(() => !h.value && !V.value);
     Ye(async () => {
-      await c(), l.value = !0;
+      console.log("[SignedIn] onMounted - calling initialize()"), await c(), console.log("[SignedIn] initialize() completed, isInitializing:", T.value), l.value = !0, console.log("[SignedIn] isReady set to true");
     });
     const u = () => {
       t("sign-in-required");
@@ -10394,7 +10394,7 @@ const ti = {
     ], 2)) : S.value && s.showFallback ? (a(), o("div", X0, [
       Pe(m.$slots, "fallback", { signIn: u }, () => [
         e("div", { class: "signed-in-fallback" }, [
-          U[0] || (U[0] = Qt('<div class="signed-in-icon-container" data-v-91532ed4><svg class="signed-in-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-v-91532ed4><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" data-v-91532ed4></path></svg></div><h3 class="signed-in-title" data-v-91532ed4>Sign in required</h3><p class="signed-in-subtitle" data-v-91532ed4>You need to be signed in to access this content.</p>', 3)),
+          U[0] || (U[0] = Qt('<div class="signed-in-icon-container" data-v-58af2734><svg class="signed-in-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-v-58af2734><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" data-v-58af2734></path></svg></div><h3 class="signed-in-title" data-v-58af2734>Sign in required</h3><p class="signed-in-subtitle" data-v-58af2734>You need to be signed in to access this content.</p>', 3)),
           e("button", {
             onClick: u,
             class: "signed-in-button"
@@ -10411,7 +10411,7 @@ const ti = {
       ], !0)
     ])) : I("", !0);
   }
-}), tc = /* @__PURE__ */ Ue(ec, [["__scopeId", "data-v-91532ed4"]]), Cu = /* @__PURE__ */ Ve({
+}), tc = /* @__PURE__ */ Ue(ec, [["__scopeId", "data-v-58af2734"]]), Cu = /* @__PURE__ */ Ve({
   __name: "StrandsConfigProvider",
   props: {
     config: {}
@@ -10439,7 +10439,7 @@ const ti = {
       md: "w-5 h-5",
       lg: "w-6 h-6",
       xl: "w-8 h-8"
-    }, l = H(() => `${t[r.size]} ${r.class}`), z = H(() => "0 0 24 24"), V = {
+    }, l = H(() => `${t[r.size]} ${r.class}`), V = H(() => "0 0 24 24"), T = {
       eye: () => oe("g", [
         oe("path", {
           "stroke-linecap": "round",
@@ -10535,14 +10535,14 @@ const ti = {
         "clip-rule": "evenodd"
       })
     }, C = H(() => {
-      const w = V[r.name];
+      const w = T[r.name];
       return w ? w() : oe("path", { d: "" });
     });
     return (w, c) => (a(), o("svg", {
       class: Me(l.value),
       fill: s.fill,
       stroke: s.stroke,
-      viewBox: z.value,
+      viewBox: V.value,
       "aria-hidden": s.ariaHidden
     }, [
       (a(), ye(ot(C.value)))
@@ -10580,7 +10580,7 @@ const ti = {
   },
   emits: ["profile-updated", "signed-out", "signed-in"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { currentUser: z, signOut: V, isAuthenticated: C } = ft(), w = M(!1), c = M(!1), h = M(!1), x = M(), S = M(), u = M(), m = H(() => S.value), { floatingStyle: U, updatePosition: D } = ja({
+    const t = s, l = r, { currentUser: V, signOut: T, isAuthenticated: C } = ft(), w = M(!1), c = M(!1), h = M(!1), x = M(), S = M(), u = M(), m = H(() => S.value), { floatingStyle: U, updatePosition: D } = ja({
       trigger: m,
       floating: u,
       placement: "bottom-end",
@@ -10625,7 +10625,7 @@ const ti = {
         default:
           return 64;
       }
-    }), y = H(() => t.user ? t.user : C.value ? z.value : null), L = H(() => y.value ? y.value.username ? y.value.username : y.value.firstName && y.value.lastName ? `${y.value.firstName} ${y.value.lastName}` : y.value.firstName ? y.value.firstName : y.value.email || "User" : "User"), F = () => {
+    }), y = H(() => t.user ? t.user : C.value ? V.value : null), L = H(() => y.value ? y.value.username ? y.value.username : y.value.firstName && y.value.lastName ? `${y.value.firstName} ${y.value.lastName}` : y.value.firstName ? y.value.firstName : y.value.email || "User" : "User"), F = () => {
       w.value = !w.value, w.value && yt(() => {
         D();
       });
@@ -10637,7 +10637,7 @@ const ti = {
     }, q = () => {
     }, b = () => {
       S.value?.$el?.focus();
-    }, T = () => {
+    }, z = () => {
     }, ae = () => {
       c.value = !0, k();
     }, ce = () => {
@@ -10650,7 +10650,7 @@ const ti = {
     }, Se = () => {
     }, be = async () => {
       try {
-        await V(), k(), l("signed-out");
+        await T(), k(), l("signed-out");
       } catch {
       }
     };
@@ -10857,7 +10857,7 @@ const ti = {
                 st(qe(q, ["prevent"]), ["arrow-up"]),
                 st(qe(O, ["prevent"]), ["arrow-down"]),
                 st(qe(b, ["prevent"]), ["home"]),
-                st(qe(T, ["prevent"]), ["end"])
+                st(qe(z, ["prevent"]), ["end"])
               ]
             }, [
               e("div", fc, [
@@ -10954,19 +10954,19 @@ const ti = {
     const t = s, l = () => [
       "user-nav",
       `user-nav-${t.direction}`
-    ], z = Ge({
+    ], V = Ge({
       items: []
     });
-    Yt("userNavState", z);
-    const V = (w) => {
-      const c = z.items.findIndex((h) => h.id === w.id);
-      c >= 0 ? z.items[c] = w : z.items.push(w);
+    Yt("userNavState", V);
+    const T = (w) => {
+      const c = V.items.findIndex((h) => h.id === w.id);
+      c >= 0 ? V.items[c] = w : V.items.push(w);
     }, C = (w) => {
-      const c = z.items.findIndex((h) => h.id === w);
-      c >= 0 && z.items.splice(c, 1);
+      const c = V.items.findIndex((h) => h.id === w);
+      c >= 0 && V.items.splice(c, 1);
     };
-    return Yt("registerNavItem", V), Yt("unregisterNavItem", C), r({
-      items: z.items
+    return Yt("registerNavItem", T), Yt("unregisterNavItem", C), r({
+      items: V.items
     }), (w, c) => (a(), o("div", {
       class: Me(l())
     }, [
@@ -11007,7 +11007,7 @@ const ti = {
     align: {}
   },
   setup(s) {
-    const r = s, t = ha(), l = fa("registerNavItem"), z = fa("unregisterNavItem"), V = M(`nav-item-${Math.random().toString(36).substring(2, 11)}`), C = ss(), w = H(() => {
+    const r = s, t = ha(), l = fa("registerNavItem"), V = fa("unregisterNavItem"), T = M(`nav-item-${Math.random().toString(36).substring(2, 11)}`), C = ss(), w = H(() => {
       if (typeof window < "u" && C) {
         const m = C.vnode.el?.parentElement;
         if (m)
@@ -11037,7 +11037,7 @@ const ti = {
       };
       return U[m] || U.dashboard;
     }, u = H(() => ({
-      id: V.value,
+      id: T.value,
       label: c(),
       to: r.to,
       icon: r.icon,
@@ -11048,7 +11048,7 @@ const ti = {
     return Ye(() => {
       l && l(u.value);
     }), Mt(() => {
-      z && z(V.value);
+      V && V(T.value);
     }), Le(() => [r.to, r.icon, r.disabled], () => {
       l && l(u.value);
     }, { deep: !0 }), (m, U) => (a(), ye(i(ue), {
@@ -11105,8 +11105,8 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
     overscan: { default: 5 }
   },
   setup(s, { expose: r }) {
-    const t = s, l = M(), z = M(0), V = H(() => {
-      const u = Math.floor(z.value / t.itemHeight), m = Math.min(
+    const t = s, l = M(), V = M(0), T = H(() => {
+      const u = Math.floor(V.value / t.itemHeight), m = Math.min(
         u + Math.ceil(t.containerHeight / t.itemHeight),
         t.items.length - 1
       );
@@ -11115,7 +11115,7 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
         end: Math.min(t.items.length - 1, m + t.overscan)
       };
     }), C = H(() => {
-      const { start: u, end: m } = V.value, U = [];
+      const { start: u, end: m } = T.value, U = [];
       for (let D = u; D <= m; D++)
         U.push({
           index: D,
@@ -11128,7 +11128,7 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
     const x = (u) => {
       h && clearTimeout(h), h = setTimeout(() => {
         const m = u.target;
-        z.value = m.scrollTop;
+        V.value = m.scrollTop;
       }, 16);
     };
     return Mt(() => {
@@ -11227,7 +11227,7 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
           oe("polyline", { points: "22,6 12,13 2,6" })
         ]);
       }
-    }, z = {
+    }, V = {
       props: {
         size: {
           type: [String, Number],
@@ -11245,7 +11245,7 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
           oe("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" })
         ]);
       }
-    }, V = {
+    }, T = {
       props: {
         size: {
           type: [String, Number],
@@ -11335,7 +11335,7 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
               i(c) || i(x).length > 0 ? (a(), o("div", Pc, [
                 e("div", jc, [
                   e("div", Oc, [
-                    d(z, {
+                    d(V, {
                       size: 20,
                       class: "mfa-setup-shield-icon"
                     })
@@ -11422,7 +11422,7 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
                     disabled: i(h)
                   }, {
                     default: _(() => [
-                      d(V, {
+                      d(T, {
                         size: 16,
                         class: "mfa-setup-manage-icon"
                       }),
@@ -11465,7 +11465,7 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
   }
 }), Mu = /* @__PURE__ */ Ue(Xc, [["__scopeId", "data-v-5e4af8e5"]]);
 function Zt() {
-  const { config: s } = vt(), { currentSession: r, refreshToken: t, getAuthHeaders: l } = ft(), z = async (x, S = {}) => {
+  const { config: s } = vt(), { currentSession: r, refreshToken: t, getAuthHeaders: l } = ft(), V = async (x, S = {}) => {
     const {
       autoRefresh: u = !0,
       requireAuth: m = !0,
@@ -11507,11 +11507,11 @@ function Zt() {
     return F;
   };
   return {
-    authenticatedFetch: z,
-    get: (x, S) => z(x, { ...S, method: "GET" }),
+    authenticatedFetch: V,
+    get: (x, S) => V(x, { ...S, method: "GET" }),
     post: (x, S, u) => {
       const m = new Headers(u?.headers);
-      return S && typeof S == "object" && !m.has("Content-Type") && m.set("Content-Type", "application/json"), z(x, {
+      return S && typeof S == "object" && !m.has("Content-Type") && m.set("Content-Type", "application/json"), V(x, {
         ...u,
         method: "POST",
         headers: m,
@@ -11520,17 +11520,17 @@ function Zt() {
     },
     put: (x, S, u) => {
       const m = new Headers(u?.headers);
-      return S && typeof S == "object" && !m.has("Content-Type") && m.set("Content-Type", "application/json"), z(x, {
+      return S && typeof S == "object" && !m.has("Content-Type") && m.set("Content-Type", "application/json"), V(x, {
         ...u,
         method: "PUT",
         headers: m,
         body: typeof S == "object" ? JSON.stringify(S) : S
       });
     },
-    delete: (x, S) => z(x, { ...S, method: "DELETE" }),
+    delete: (x, S) => V(x, { ...S, method: "DELETE" }),
     patch: (x, S, u) => {
       const m = new Headers(u?.headers);
-      return S && typeof S == "object" && !m.has("Content-Type") && m.set("Content-Type", "application/json"), z(x, {
+      return S && typeof S == "object" && !m.has("Content-Type") && m.set("Content-Type", "application/json"), V(x, {
         ...u,
         method: "PATCH",
         headers: m,
@@ -11565,8 +11565,8 @@ const xu = {
   let t = 0;
   s.length < 8 ? r.push("Password must be at least 8 characters long") : t += 1, /[A-Z]/.test(s) ? t += 1 : r.push("Password must contain at least one uppercase letter"), /[a-z]/.test(s) ? t += 1 : r.push("Password must contain at least one lowercase letter"), /\d/.test(s) ? t += 1 : r.push("Password must contain at least one number"), /[!@#$%^&*(),.?":{}|<>]/.test(s) ? t += 1 : r.push("Password must contain at least one special character");
   const l = r.length === 0;
-  let z = "weak";
-  return t >= 4 ? z = "strong" : t >= 3 && (z = "medium"), { isValid: l, strength: z, errors: r };
+  let V = "weak";
+  return t >= 4 ? V = "strong" : t >= 3 && (V = "medium"), { isValid: l, strength: V, errors: r };
 }, Au = (s) => s.trim().length >= 2, _u = (s) => s.trim().length > 0, Tu = (s, r) => s === r, zu = (s, r) => {
   const t = s?.charAt(0).toUpperCase() || "", l = r?.charAt(0).toUpperCase() || "";
   return t + l || "U";