@strands.gg/accui 2.17.14 → 2.17.16

package/dist/index.es.js

@@ -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
-    })), V = (C) => {
-    }, T = H(() => r.theme);
+    })), z = (C) => {
+    }, V = H(() => r.theme);
     return Yt("uiApp", {
-      theme: T,
+      theme: V,
       isLoading: t
     }), Yt("themeProvider", {
-      theme: T,
+      theme: V,
       isForced: H(() => r.theme !== "auto")
     }), Ye(() => {
-      document.addEventListener("keydown", V), document.body.classList.add("ui-app-body"), r.theme !== "auto" && document.body.classList.add(`ui-app-theme--${r.theme}`);
+      document.addEventListener("keydown", z), document.body.classList.add("ui-app-body"), r.theme !== "auto" && document.body.classList.add(`ui-app-theme--${r.theme}`);
     }), Mt(() => {
-      document.removeEventListener("keydown", V), document.body.classList.remove("ui-app-body"), document.body.classList.remove("ui-app-theme--light", "ui-app-theme--dark");
+      document.removeEventListener("keydown", z), 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,28 +136,28 @@ const Ha = kt("users", [
   },
   emits: ["update:modelValue", "change"],
   setup(s, { emit: r }) {
-    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);
+    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);
     Le(() => t.checked, (x) => {
-      x !== void 0 && (typeof x == "string" ? V.value = x === "" || x === "true" : V.value = !!x);
+      x !== void 0 && (typeof x == "string" ? z.value = x === "" || x === "true" : z.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": T.value,
-        "ui-toggle--off": !T.value,
+        "ui-toggle--on": V.value,
+        "ui-toggle--off": !V.value,
         "ui-toggle--disabled": t.disabled
       }
     ]), c = H(() => [
       {
-        "ui-toggle-thumb--on": T.value,
-        "ui-toggle-thumb--off": !T.value
+        "ui-toggle-thumb--on": V.value,
+        "ui-toggle-thumb--off": !V.value
       }
     ]), h = () => {
       if (t.disabled) return;
-      const x = !T.value;
-      V.value = x, l("update:modelValue", x), l("change", x);
+      const x = !V.value;
+      z.value = x, l("update:modelValue", x), l("change", x);
     };
-    return (x, S) => (a(), o("div", ms, [
+    return (x, $) => (a(), o("div", ms, [
       s.label ? (a(), o("label", {
         key: 0,
         for: C.value,
@@ -170,7 +170,7 @@ const Ha = kt("users", [
         id: C.value,
         type: "button",
         class: Me(w.value),
-        "aria-pressed": T.value,
+        "aria-pressed": V.value,
         "aria-labelledby": s.label ? `${C.value}-label` : void 0,
         onClick: h
       }, [
@@ -194,16 +194,16 @@ const Ha = kt("users", [
   },
   emits: ["upload", "error"],
   setup(s, { emit: r }) {
-    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 });
+    const t = s, l = r, z = M(), V = M(), C = M(), w = M(""), c = M(), h = M(t.size), x = M(t.previewSize), $ = 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 (T.value) {
-        const W = T.value.getContext("2d");
+      if (V.value) {
+        const W = V.value.getContext("2d");
         W && (W.fillStyle = "#f9fafb", W.fillRect(0, 0, h.value, h.value));
       }
     });
     const F = () => {
-      V.value?.click();
-    }, $ = (W) => {
+      z.value?.click();
+    }, S = (W) => {
       const ie = W.target.files?.[0];
       ie && O(ie);
     }, k = (W) => {
@@ -230,8 +230,8 @@ const Ha = kt("users", [
       Z.onload = () => {
         c.value = Z, N.value = !0;
         const ie = Math.max(
-          S.value * 2 / Z.width,
-          S.value * 2 / Z.height
+          $.value * 2 / Z.width,
+          $.value * 2 / Z.height
         ), te = ie;
         U.value = ie, D.value = Math.max(1, ie);
         const Y = Z.width * te, le = Z.height * te;
@@ -242,20 +242,20 @@ const Ha = kt("users", [
         });
       }, Z.src = W;
     }, b = () => {
-      if (!c.value || !T.value) return;
-      const W = T.value.getContext("2d");
+      if (!c.value || !V.value) return;
+      const W = V.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), z();
-    }, z = () => {
-      if (!c.value || !C.value || !T.value) return;
+      W.drawImage(Z, u.x, u.y, ie, te), T();
+    }, T = () => {
+      if (!c.value || !C.value || !V.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;
+      const Z = h.value / 2 - $.value, ie = h.value / 2 - $.value, te = $.value * 2;
       W.drawImage(
-        T.value,
+        V.value,
         Z,
         ie,
         te,
@@ -269,7 +269,7 @@ const Ha = kt("users", [
       c.value && (g.value = !0, L.x = W.clientX, L.y = W.clientY, L.imageX = u.x, L.imageY = u.y, document.addEventListener("mousemove", Ce), document.addEventListener("mouseup", xe));
     }, ce = () => {
       if (!c.value) return;
-      const W = c.value, Z = W.width * m.value, ie = W.height * m.value, te = h.value / 2 - S.value, Y = h.value / 2 - S.value, le = h.value / 2 + S.value, _e = h.value / 2 + S.value, Te = le - Z, Ee = te, $e = _e - ie, re = Y;
+      const W = c.value, Z = W.width * m.value, ie = W.height * m.value, te = h.value / 2 - $.value, Y = h.value / 2 - $.value, le = h.value / 2 + $.value, _e = h.value / 2 + $.value, Te = le - Z, Ee = te, $e = _e - ie, re = Y;
       u.x = Math.min(Ee, Math.max(Te, u.x)), u.y = Math.min(re, Math.max($e, u.y));
     }, Ce = (W) => {
       if (!g.value) return;
@@ -292,8 +292,8 @@ const Ha = kt("users", [
       const W = c.value;
       N.value = !0;
       const Z = Math.max(
-        S.value * 2 / W.width,
-        S.value * 2 / W.height
+        $.value * 2 / W.width,
+        $.value * 2 / W.height
       ), ie = Z;
       U.value = Z, D.value = Math.max(1, Z);
       const te = W.width * ie, Y = W.height * ie;
@@ -301,15 +301,15 @@ const Ha = kt("users", [
         N.value = !1;
       }), b();
     }, be = async () => {
-      if (!c.value || !T.value) return;
+      if (!c.value || !V.value) return;
       const W = document.createElement("canvas");
       W.width = 256, W.height = 256;
       const Z = W.getContext("2d");
       if (!Z) return;
       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;
+      const ie = h.value / 2 - $.value, te = h.value / 2 - $.value, Y = $.value * 2;
       Z.drawImage(
-        T.value,
+        V.value,
         ie,
         te,
         Y,
@@ -341,18 +341,18 @@ const Ha = kt("users", [
       e("div", ws, [
         e("input", {
           ref_key: "fileInput",
-          ref: V,
+          ref: z,
           type: "file",
           accept: "image/*",
           class: "hidden-input",
-          onChange: $
+          onChange: S
         }, null, 544),
         w.value ? (a(), o("div", bs, [
           e("div", Ms, [
             e("div", xs, [
               e("canvas", {
                 ref_key: "canvas",
-                ref: T,
+                ref: V,
                 width: h.value,
                 height: h.value,
                 class: "canvas",
@@ -374,7 +374,7 @@ const Ha = kt("users", [
                         e("circle", {
                           cx: h.value / 2,
                           cy: h.value / 2,
-                          r: S.value,
+                          r: $.value,
                           fill: "black"
                         }, null, 8, Vs)
                       ])
@@ -394,7 +394,7 @@ const Ha = kt("users", [
                   e("circle", {
                     cx: h.value / 2,
                     cy: h.value / 2,
-                    r: S.value,
+                    r: $.value,
                     fill: "none",
                     stroke: "white",
                     "stroke-width": "2",
@@ -540,8 +540,8 @@ class $a {
    * A pleasant major chord with arpeggio and bell overtones
    */
   static playLevelUp(r, t) {
-    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());
+    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());
   }
   /**
    * 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 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 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 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((V, T) => {
+    [659.25, 830.61].forEach((z, V) => {
       const C = r.createOscillator(), w = r.createGain();
-      C.connect(w), w.connect(r.destination), C.type = "sine", C.frequency.setValueAtTime(V, t);
-      const c = T * 0.1, h = 0.15;
+      C.connect(w), w.connect(r.destination), C.type = "sine", C.frequency.setValueAtTime(z, t);
+      const c = V * 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(), 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);
+    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);
   }
   /**
    * 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(), 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);
+    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);
   }
   /**
    * 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((V, T) => {
+    [880, 1174.66].forEach((z, V) => {
       const C = r.createOscillator(), w = r.createGain();
-      C.connect(w), w.connect(r.destination), C.type = "sine", C.frequency.setValueAtTime(V, t);
-      const c = T * 0.15;
+      C.connect(w), w.connect(r.destination), C.type = "sine", C.frequency.setValueAtTime(z, t);
+      const c = V * 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(), 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 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 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,17 +701,17 @@ const Rs = (s, r) => $a.playLevelUp(s, r), Fs = { class: "level-progress-contain
   },
   emits: ["levelup"],
   setup(s, { emit: r }) {
-    const t = s, l = r, V = M(!1), T = M(t.value), C = M("forward");
+    const t = s, l = r, z = M(!1), V = 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(
+    const x = qt, $ = 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), S = H(() => F.value * lo + oo), k = H(() => -S.value / 2), O = H(() => S.value / 2), q = H(
       () => be(u, u, N.value, k.value, O.value)
     ), b = H(
       () => (
         // Top arc: right to left, so text is right-side up at the top after rotation
         be(u, u, y.value, -90, 90)
       )
-    ), 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;
+    ), T = H(() => {
+      const ie = Math.max(0, Math.min(1, V.value / t.max)), te = O.value + D.value, Y = 360 - S.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, T.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 - S.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;
       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, T.value / t.max)), le = te * Y, _e = ie + le;
+      const ie = O.value + D.value, te = 360 - S.value - 3 * D.value, Y = Math.max(0, Math.min(1, V.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);
-        T.value = Y + le * ve, re < 1 ? w = requestAnimationFrame(Te) : (T.value = ie, w = null);
+        V.value = Y + le * ve, re < 1 ? w = requestAnimationFrame(Te) : (V.value = ie, w = null);
       }
       w = requestAnimationFrame(Te);
     }
     function Z() {
-      V.value = !0, Rs(t.level, t.userSettings), l("levelup");
+      z.value = !0, Rs(t.level, t.userSettings), l("levelup");
       const te = [10, 25, 50, 100, 150, 200].includes(t.level);
       setTimeout(() => {
-        V.value = !1;
+        z.value = !1;
       }, te ? 2e3 : 1200);
     }
     return Le(() => t.value, (ie) => {
@@ -776,12 +776,12 @@ const Rs = (s, r) => $a.playLevelUp(s, r), Fs = { class: "level-progress-contain
       ie !== h && ie > h && Z(), h = ie;
     }), (ie, te) => (a(), o("div", Fs, [
       (a(), o("svg", {
-        width: i(S),
-        height: i(S),
+        width: i($),
+        height: i($),
         viewBox: `0 0 ${i(x)} ${i(x)}`,
         style: { position: "relative" }
       }, [
-        V.value ? (a(), o("g", Zs, [
+        z.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),
-        T.value >= 0 && T.value < t.max ? (a(), o("path", {
+        V.value >= 0 && V.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),
-        T.value > 0 ? (a(), o("path", {
+        V.value > 0 ? (a(), o("path", {
           key: 2,
-          d: z.value,
+          d: T.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], V = this.stack.length;
-    return l + V;
+    }, l = this.baseZIndex + t[r], z = this.stack.length;
+    return l + z;
   }
   lockBodyScroll() {
     typeof document > "u" || (this.originalBodyOverflow === null && (this.originalBodyOverflow = document.body.style.overflow || ""), document.body.style.overflow = "hidden");
@@ -953,31 +953,31 @@ function ro(s = {}) {
     closeOnEscape: r = !0,
     priority: t = "normal",
     component: l
-  } = s, V = M(null), T = M(!1), C = M(null), w = async (S) => {
-    if (T.value) return;
+  } = s, z = M(null), V = M(!1), C = M(null), w = async ($) => {
+    if (V.value) return;
     const u = /* @__PURE__ */ Symbol("modal");
-    V.value = u;
+    z.value = u;
     const m = Rt.add({
       id: u,
-      closeModal: S || c,
+      closeModal: $ || c,
       closeOnEscape: r,
       priority: t,
       component: l
     });
-    return C.value = m, T.value = !0, await yt(), m;
+    return C.value = m, V.value = !0, await yt(), m;
   }, c = () => {
-    !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;
+    !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;
   try {
     Mt(() => {
-      T.value && c();
+      V.value && c();
     });
   } catch {
   }
   return {
     // State
-    isOpen: T,
-    modalId: V,
+    isOpen: V,
+    modalId: z,
     modalInstance: C,
     // Actions
     openModal: w,
@@ -988,8 +988,8 @@ function ro(s = {}) {
     // Computed values
     zIndex: () => C.value?.zIndex || 0,
     isTopModal: () => {
-      const S = Rt.state;
-      return C.value === S.topModal;
+      const $ = Rt.state;
+      return C.value === $.topModal;
     }
   };
 }
@@ -1046,13 +1046,13 @@ const co = {
   },
   emits: ["update:modelValue", "open", "close"],
   setup(s, { emit: r }) {
-    const t = s, l = r, V = M(!1), T = M(null), C = M(null), w = M(null), c = ro({
+    const t = s, l = r, z = M(!1), V = 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 : V.value), x = H(() => ({
+    const h = H(() => t.modelValue !== void 0 ? t.modelValue : z.value), x = H(() => ({
       sm: "ui-modal-size-sm",
       md: "ui-modal-size-md",
       lg: "ui-modal-size-lg",
@@ -1064,12 +1064,12 @@ const co = {
       "6xl": "ui-modal-size-6xl",
       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) : V.value = !0, l("open");
+    })[t.size]), $ = async () => {
+      w.value = document.activeElement, await c.openModal(m), t.modelValue !== void 0 ? l("update:modelValue", !0) : z.value = !0, l("open");
     }, u = () => {
-      T.value && (w.value = T.value.querySelector('button, [tabindex]:not([tabindex="-1"]), a[href], input, select, textarea'), w.value || (w.value = T.value)), S();
+      V.value && (w.value = V.value.querySelector('button, [tabindex]:not([tabindex="-1"]), a[href], input, select, textarea'), w.value || (w.value = V.value)), $();
     }, m = () => {
-      t.modelValue !== void 0 ? l("update:modelValue", !1) : V.value = !1, l("close"), c.closeModal(), yt(() => {
+      t.modelValue !== void 0 ? l("update:modelValue", !1) : z.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: T,
+        ref: V,
         onClick: u
       }, [
         Pe(D.$slots, "trigger", {
@@ -1128,7 +1128,7 @@ const co = {
                         Pe(D.$slots, "header", {
                           handleClose: m,
                           isOpen: h.value,
-                          openModal: S
+                          openModal: $
                         }, () => [
                           D.$props.title ? (a(), o("h2", po, R(D.$props.title), 1)) : I("", !0),
                           D.$props.subtitle ? (a(), o("p", fo, R(D.$props.subtitle), 1)) : I("", !0)
@@ -1167,7 +1167,7 @@ const co = {
                       Pe(D.$slots, "footer", {
                         handleClose: m,
                         isOpen: h.value,
-                        openModal: S
+                        openModal: $
                       }, void 0, !0)
                     ]),
                     key: "0"
@@ -1837,13 +1837,13 @@ const co = {
       }
       return "#EA00A8";
     }
-    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 l = s, z = r, V = M(), C = M(), w = M(), c = M(0), h = M(1), x = M(1), $ = 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), S = M(!1), k = M(!1), O = H(() => y.value), q = M(null), b = M(l.compareColor);
+    let T = null, ae = null;
     const ce = M(!1);
     let Ce = "";
     Le(() => [l.showContrast, l.compareColor], ([v, n], f) => {
-      v && n && !$.value && ($.value = !0), typeof n == "string" && (b.value = n), f && n !== f[1] && (Ct.value = [], nt.value = [], it.value = "", zt.value = "", Vt.value = "", It.value = "");
-    }, { immediate: !0 }), Le($, (v) => {
+      v && n && !S.value && (S.value = !0), typeof n == "string" && (b.value = n), f && n !== f[1] && (Ct.value = [], nt.value = [], it.value = "", zt.value = "", Vt.value = "", It.value = "");
+    }, { immediate: !0 }), Le(S, (v) => {
       v && l.showContrast && l.compareColor && Xt();
     });
     const xe = H(() => l.swatches ? l.swatches : go), Ae = H(() => {
@@ -2061,7 +2061,7 @@ const co = {
       return "FAIL";
     }, Be = H(() => re(c.value, h.value, x.value)), Ht = H(() => `rgb(${Be.value.r}, ${Be.value.g}, ${Be.value.b})`), tt = H(() => {
       const { r: v, g: n, b: f } = Be.value;
-      return l.showAlpha && S.value < 0.99 ? `rgba(${v}, ${n}, ${f}, ${S.value})` : K(v, n, f);
+      return l.showAlpha && $.value < 0.99 ? `rgba(${v}, ${n}, ${f}, ${$.value})` : K(v, n, f);
     }), Xt = () => {
       if (!l.showContrast || !l.compareColor) {
         q.value = null;
@@ -2075,10 +2075,10 @@ const co = {
         currentColor: v,
         compareColor: l.compareColor
       };
-    }, Je = H(() => (z && clearTimeout(z), z = setTimeout(() => {
+    }, Je = H(() => (T && clearTimeout(T), T = setTimeout(() => {
       Xt();
     }, 100), q.value)), Jt = H(() => {
-      if (!$.value || !b.value) return "";
+      if (!S.value || !b.value) return "";
       if (it.value)
         return it.value;
       const v = ut, n = dt, f = 4.5, ee = (p, B) => {
@@ -2132,7 +2132,7 @@ const co = {
       }
       return it.value = E, E;
     }), Ut = H(() => {
-      if (!$.value || !b.value) return "";
+      if (!S.value || !b.value) return "";
       if (zt.value)
         return zt.value;
       const v = ut, n = dt, f = 4.5, ee = (E, p) => {
@@ -2201,7 +2201,7 @@ const co = {
       }
       return zt.value = j, j;
     }), ea = H(() => {
-      if (!$.value || !b.value) return "";
+      if (!S.value || !b.value) return "";
       if (Vt.value)
         return Vt.value;
       const v = ut, n = dt, f = 3, ee = (p, B) => {
@@ -2255,7 +2255,7 @@ const co = {
       }
       return Vt.value = E, E;
     }), ta = H(() => {
-      if (!$.value || !b.value) return "";
+      if (!S.value || !b.value) return "";
       if (It.value)
         return It.value;
       const v = ut, n = dt, f = 3, ee = (E, p) => {
@@ -2325,7 +2325,7 @@ const co = {
       return It.value = j, j;
     });
     H(() => {
-      if (!$.value || !Je.value) return [];
+      if (!S.value || !Je.value) return [];
       const v = ut, n = dt, f = (A, G) => {
         const j = Math.max(0, Math.min(v, A)), E = Math.max(0, Math.min(n, G)), p = Math.max(0, Math.min(1, j / v)), B = Math.max(0, Math.min(1, 1 - E / n)), se = re(c.value, p, B), de = K(se.r, se.g, se.b);
         return Oe(de, b.value);
@@ -2350,9 +2350,9 @@ const co = {
         }
       return ee;
     });
-    const Ct = M([]), nt = M([]), it = M(""), zt = M(""), Vt = M(""), It = M(""), aa = H(() => $.value && b.value && (!Ct.value.length || !nt.value.length)), ga = H(() => $.value && b.value);
+    const Ct = M([]), nt = M([]), it = M(""), zt = M(""), Vt = M(""), It = M(""), aa = H(() => S.value && b.value && (!Ct.value.length || !nt.value.length)), ga = H(() => S.value && b.value);
     H(() => ga.value), H(() => {
-      if (!$.value || !b.value) return [];
+      if (!S.value || !b.value) return [];
       if (O.value && Ct.value.length > 0 || !aa.value && Ct.value.length > 0)
         return Ct.value;
       const v = [], n = ut, f = dt, ee = 6, A = (E, p) => {
@@ -2404,7 +2404,7 @@ const co = {
           }
       return Ct.value = v, v;
     }), H(() => {
-      if (!$.value || !b.value) return [];
+      if (!S.value || !b.value) return [];
       if (O.value && nt.value.length > 0 || !aa.value && nt.value.length > 0)
         return nt.value;
       const v = [], n = ut, f = dt, ee = 3, A = 6, G = (p, B) => {
@@ -2453,7 +2453,7 @@ const co = {
       return nt.value = v, v;
     });
     const sa = H(() => {
-      if (!$.value || !b.value) return "";
+      if (!S.value || !b.value) return "";
       const v = ut, n = dt, f = (j, E) => {
         const p = Math.max(0, Math.min(v, j)), B = Math.max(0, Math.min(n, E)), se = Math.max(0, Math.min(1, p / v)), de = Math.max(0, Math.min(1, 1 - B / n)), ke = re(c.value, se, de), ge = K(ke.r, ke.g, ke.b);
         return Oe(ge, b.value);
@@ -2483,7 +2483,7 @@ const co = {
       }
       return G += " Z", G;
     }), oa = H(() => {
-      if (!$.value || !b.value) return "";
+      if (!S.value || !b.value) return "";
       const v = ut, n = dt, f = 3, ee = (E, p) => {
         const B = Math.max(0, Math.min(v, E)), se = Math.max(0, Math.min(n, p)), de = Math.max(0, Math.min(1, B / v)), ke = Math.max(0, Math.min(1, 1 - se / n)), ge = re(c.value, de, ke), me = K(ge.r, ge.g, ge.b);
         return Oe(me, b.value);
@@ -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 (!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));
+      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));
       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));
@@ -2541,7 +2541,7 @@ const co = {
     }, we = (v) => {
       if (!w.value) return;
       const n = w.value.getBoundingClientRect(), f = "touches" in v ? v.touches[0].clientX : v.clientX, ee = Math.max(0, Math.min(n.width, f - n.left));
-      S.value = ee / n.width, U.value = Math.round(S.value * 100);
+      $.value = ee / n.width, U.value = Math.round($.value * 100);
     }, wt = () => {
       const v = u.value;
       if (v.length === 7 && v.startsWith("#")) {
@@ -2574,7 +2574,7 @@ const co = {
       }
     }, Pt = () => {
       const v = Math.max(0, Math.min(100, U.value));
-      S.value = v / 100, U.value = v;
+      $.value = v / 100, U.value = v;
     }, ua = () => {
       const v = ["hex", "rgb", "hsl", "oklch"], f = (v.indexOf(D.value) + 1) % v.length;
       D.value = v[f];
@@ -2598,7 +2598,7 @@ const co = {
         c.value = f.h, h.value = f.s, x.value = f.v, jt(), Ot();
       }
     }, Wa = () => {
-      $.value = !$.value;
+      S.value = !S.value;
     }, Va = () => {
       if (!l.modelValue) return;
       let v;
@@ -2617,19 +2617,19 @@ const co = {
         c.value = n.h, h.value = n.s, x.value = n.v, jt(), Ot();
       }
     };
-    return Le([c, h, x, S], () => {
+    return Le([c, h, x, $], () => {
       jt(), Ot(), Ca(), ya();
       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, V("update:modelValue", n), V("change", n), setTimeout(() => {
+        n !== Ce && (ce.value = !0, Ce = n, z("update:modelValue", n), z("change", n), setTimeout(() => {
           ce.value = !1;
         }, 5));
-      }, 16)) : (ce.value = !0, Ce = v, V("update:modelValue", v), V("change", v), setTimeout(() => {
+      }, 16)) : (ce.value = !0, Ce = v, z("update:modelValue", v), z("change", v), setTimeout(() => {
         ce.value = !1;
       }, 5)));
     }, { deep: !0 }), Le(c, () => {
-      $.value && l.compareColor && (Ct.value = [], nt.value = [], it.value = "", zt.value = "", Vt.value = "", It.value = "");
+      S.value && l.compareColor && (Ct.value = [], nt.value = [], it.value = "", zt.value = "", Vt.value = "", It.value = "");
     }), Le(() => l.modelValue, (v) => {
       if (v && !ce.value) {
         const n = He(v), f = He(tt.value);
@@ -2638,12 +2638,12 @@ const co = {
     }), Ye(() => {
       Va();
     }), Mt(() => {
-      z && clearTimeout(z), document.removeEventListener("mousemove", xt), document.removeEventListener("mouseup", $t), document.removeEventListener("touchmove", xt), document.removeEventListener("touchend", $t);
+      T && clearTimeout(T), 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: T,
+          ref: V,
           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,
@@ -2653,7 +2653,7 @@ const co = {
           n[17] || (n[17] = e("div", { class: "ui-color-picker-brightness" }, null, -1)),
           b.value ? (a(), o("div", {
             key: 0,
-            class: Me(["ui-color-picker-contrast-overlay", { "contrast-overlay-visible": $.value }])
+            class: Me(["ui-color-picker-contrast-overlay", { "contrast-overlay-visible": S.value }])
           }, [
             Je.value ? (a(), o("svg", {
               key: 0,
@@ -2794,7 +2794,7 @@ const co = {
           }, null, 4),
           l.showContrast && l.compareColor ? (a(), ye(i(Kt), {
             key: 0,
-            content: $.value ? "Hide contrast analysis" : "Show contrast analysis",
+            content: S.value ? "Hide contrast analysis" : "Show contrast analysis",
             position: "top",
             delay: 300
           }, {
@@ -2804,7 +2804,7 @@ const co = {
                 icon: !0,
                 squircle: !0,
                 size: "xs",
-                variant: $.value ? "primary" : "ghost"
+                variant: S.value ? "primary" : "ghost"
               }, {
                 icon: _(() => [
                   d(i(cs))
@@ -2817,7 +2817,7 @@ const co = {
         ])
       ]),
       e("div", {
-        class: Me(["ui-color-picker-contrast-wrapper", { "contrast-block-visible": $.value }])
+        class: Me(["ui-color-picker-contrast-wrapper", { "contrast-block-visible": S.value }])
       }, [
         Je.value ? (a(), o("div", _o, [
           e("div", To, [
@@ -2894,7 +2894,7 @@ const co = {
         }, null, 4),
         e("div", {
           class: "ui-color-picker-alpha-thumb",
-          style: je({ left: `${S.value * 100}%` })
+          style: je({ left: `${$.value * 100}%` })
         }, null, 4)
       ], 544)) : I("", !0),
       e("div", Bo, [
@@ -3289,16 +3289,16 @@ const co = {
   },
   emits: ["update:modelValue"],
   setup(s, { emit: r }) {
-    const t = s, l = r, V = M(), T = M(), C = M(!1), w = H({
+    const t = s, l = r, z = M(), V = M(), C = M(!1), w = H({
       get: () => t.modelValue,
       set: (m) => l("update:modelValue", m)
     }), c = H(() => t.modelValue || "#000000"), {
       floatingStyle: h,
       updatePosition: x,
-      cleanup: S
+      cleanup: $
     } = ja({
-      trigger: V,
-      floating: T,
+      trigger: z,
+      floating: V,
       placement: "bottom-start",
       offset: 8,
       shift: !0,
@@ -3333,10 +3333,10 @@ const co = {
         });
       }
     ), Mt(() => {
-      S();
+      $();
     }), (m, U) => (a(), o("div", {
       ref_key: "containerRef",
-      ref: V,
+      ref: z,
       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: T,
+          ref: V,
           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 V() {
+    function z() {
       if (typeof window < "u") {
         const C = getComputedStyle(document.documentElement).getPropertyValue("--strands-accent").trim();
         if (C)
@@ -3405,20 +3405,20 @@ const co = {
       }
       return "#EA00A8";
     }
-    const T = H({
-      get: () => t.modelValue === "#EA00A8" ? V() : t.modelValue,
+    const V = H({
+      get: () => t.modelValue === "#EA00A8" ? z() : t.modelValue,
       set: (C) => {
         l("update:modelValue", C), l("change", C);
       }
     });
     return (C, w) => t.variant === "button" ? (a(), ye(C1, xa({
       key: 0,
-      modelValue: T.value,
-      "onUpdate:modelValue": w[0] || (w[0] = (c) => T.value = c)
+      modelValue: V.value,
+      "onUpdate:modelValue": w[0] || (w[0] = (c) => V.value = c)
     }, t), null, 16, ["modelValue"])) : (a(), ye(qa, xa({
       key: 1,
-      modelValue: T.value,
-      "onUpdate:modelValue": w[1] || (w[1] = (c) => T.value = c)
+      modelValue: V.value,
+      "onUpdate:modelValue": w[1] || (w[1] = (c) => V.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, V = t, T = ha(), C = M(null), w = M([...l.data]), c = M([...l.columns]);
+    const l = s, z = t, V = 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) => {
@@ -3468,12 +3468,12 @@ const co = {
       w.value = [...l.data], y.value.clear(), L.value.clear();
     }, x = () => {
       c.value = [...l.columns];
-    }, S = M(""), u = M("asc"), m = M({}), U = M({}), D = M(""), g = M(/* @__PURE__ */ new Set()), N = M(/* @__PURE__ */ new Set()), y = M(/* @__PURE__ */ new Set()), L = M(/* @__PURE__ */ new Map()), F = M(null), $ = M(null), k = M(!1), O = M(0), q = M(0), b = H(() => {
+    }, $ = M(""), u = M("asc"), m = M({}), U = M({}), D = M(""), g = M(/* @__PURE__ */ new Set()), N = M(/* @__PURE__ */ new Set()), y = M(/* @__PURE__ */ new Set()), L = M(/* @__PURE__ */ new Map()), F = M(null), S = M(null), k = M(!1), O = M(0), q = M(0), b = H(() => {
       const K = {
         "--_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;
-    }), z = H(() => ({
+    }), T = H(() => ({
       gridColumn: `1 / ${l.columns.length + 1}`
     })), ae = (K) => k.value ? K === F.value ? {
       transform: `translateX(${q.value - O.value}px)`,
@@ -3481,8 +3481,8 @@ const co = {
       zIndex: 1e3,
       transition: "none"
       // No transition for dragged column
-    } : K === $.value && $.value !== null ? {
-      transform: `translateX(${(F.value < $.value ? -1 : 1) * 100}px)`,
+    } : K === S.value && S.value !== null ? {
+      transform: `translateX(${(F.value < S.value ? -1 : 1) * 100}px)`,
       transition: "transform var(--accui-transition-duration) ease"
     } : {} : {}, ce = (K) => !k.value || K !== F.value ? {} : {
       opacity: "0.8",
@@ -3493,10 +3493,10 @@ const co = {
         if (!fe || fe === "") return !0;
         const pe = c.value.find((Oe) => Oe.key === Q), He = xe(he, Q, pe), Ne = String(He || "").toLowerCase();
         return Array.isArray(fe) ? fe.some((Oe) => Ne.includes(String(Oe).toLowerCase())) : Ne.includes(String(fe).toLowerCase());
-      }))), S.value && (l.sortable || c.value.find((he) => he.key === S.value)?.sortable)) {
-        const he = c.value.find((Q) => Q.key === S.value);
+      }))), $.value && (l.sortable || c.value.find((he) => he.key === $.value)?.sortable)) {
+        const he = c.value.find((Q) => Q.key === $.value);
         K.sort((Q, fe) => {
-          const pe = xe(Q, S.value, he), He = xe(fe, S.value, he);
+          const pe = xe(Q, $.value, he), He = xe(fe, $.value, he);
           return pe < He ? u.value === "asc" ? -1 : 1 : pe > He ? u.value === "asc" ? 1 : -1 : 0;
         });
       }
@@ -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"), 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;
+      !l.sortable && !he?.sortable || ($.value === K ? u.value = u.value === "asc" ? "desc" : "asc" : ($.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;
       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), V("rowSelect", N.value)), V("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), z("rowSelect", N.value)), z("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), V("cellUpdate", K, he, Q, pe);
+      Q !== gt ? y.value.add(He) : y.value.delete(He), z("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) {
@@ -3578,20 +3578,20 @@ const co = {
     }, _e = (K) => {
       k.value && (q.value = K.clientX);
     }, Te = (K) => {
-      !k.value || K === F.value || ($.value = K);
+      !k.value || K === F.value || (S.value = K);
     }, Ee = () => {
     }, $e = (K, he) => {
       if (!l.reorderable || F.value === null) return;
       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, V("columnReorder", Q, he, fe);
+        fe.splice(he, 0, pe), c.value = fe, z("columnReorder", Q, he, fe);
       }
       ve();
     }, re = () => {
       ve();
     }, ve = () => {
-      document.removeEventListener("dragover", _e), document.removeEventListener("drag", _e), F.value = null, $.value = null, k.value = !1, O.value = 0, q.value = 0;
+      document.removeEventListener("dragover", _e), document.removeEventListener("drag", _e), F.value = null, S.value = null, k.value = !1, O.value = 0, q.value = 0;
     };
     r({
       internalData: w,
@@ -3637,7 +3637,7 @@ const co = {
                 "ui-table-cell--sticky": Q.sticky || Se.value.includes(Q.key) || ne(Q),
                 "ui-table-cell--actions": ne(Q),
                 "ui-table-cell--dragging": F.value === fe,
-                "ui-table-cell--drag-over": $.value === fe && F.value !== fe,
+                "ui-table-cell--drag-over": S.value === fe && F.value !== fe,
                 "ui-table-cell--drag-target": k.value && F.value !== fe
               }
             ]),
@@ -3669,10 +3669,10 @@ const co = {
                   e("span", null, R(Q.label), 1)
                 ], !0),
                 Q.sortable ? (a(), o("span", $1, [
-                  S.value === Q.key && u.value === "asc" ? (a(), ye(i(Fa), {
+                  $.value === Q.key && u.value === "asc" ? (a(), ye(i(Fa), {
                     key: 0,
                     size: 16
-                  })) : S.value === Q.key && u.value === "desc" ? (a(), ye(i(_a), {
+                  })) : $.value === Q.key && u.value === "desc" ? (a(), ye(i(_a), {
                     key: 1,
                     size: 16
                   })) : (a(), ye(i(Gt), {
@@ -3812,7 +3812,7 @@ const co = {
             g.value.has(fe) ? (a(), o("div", {
               key: 2,
               class: "ui-table-subrow",
-              style: je(z.value)
+              style: je(T.value)
             }, [
               e("div", D1, [
                 Pe(K.$slots, "expanded-row", {
@@ -3891,31 +3891,31 @@ const co = {
     borderColor: { default: "transparent" }
   },
   setup(s) {
-    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" } : {
+    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" } : {
       side: r.sticky.side || "top",
       offset: r.sticky.offset || "0"
     } : null), w = H(() => {
       if (!C.value) return {};
-      const { side: S, offset: u } = C.value;
+      const { side: $, offset: u } = C.value;
       return {
         position: "sticky",
-        [S]: u,
+        [$]: u,
         zIndex: 20
       };
     }), c = H(() => {
       if (!r.gradient || r.variant !== "gradient" && r.variant !== "space") return null;
-      const { angle: S = "135deg", stops: u = [] } = r.gradient;
+      const { angle: $ = "135deg", stops: u = [] } = r.gradient;
       if (u.length === 0) return null;
       const m = u.sort((U, D) => U.position - D.position).map((U) => `${U.color} ${U.position}%`).join(", ");
-      return `linear-gradient(${S}, ${m})`;
+      return `linear-gradient(${$}, ${m})`;
     }), h = H(() => {
-      const S = {};
-      return c.value && (S["--hero-custom-background"] = c.value), S;
+      const $ = {};
+      return c.value && ($["--hero-custom-background"] = c.value), $;
     }), x = H(() => {
-      const S = { ...w.value };
-      return c.value && (S["--shadow-gradient"] = c.value), S["--border-color"] = r.borderColor, S;
+      const $ = { ...w.value };
+      return c.value && ($["--shadow-gradient"] = c.value), $["--border-color"] = r.borderColor, $;
     });
-    return (S, u) => (a(), o("div", {
+    return ($, u) => (a(), o("div", {
       class: Me(["ui-hero-wrapper", [
         `ui-hero-wrapper--${s.variant}`,
         `ui-hero-wrapper--shadow-${s.shadow}`
@@ -3933,17 +3933,17 @@ const co = {
         style: je(h.value)
       }, [
         e("div", O1, [
-          V.value || s.title || s.description ? (a(), o("div", R1, [
-            Pe(S.$slots, "header", {}, () => [
+          z.value || s.title || s.description ? (a(), o("div", R1, [
+            Pe($.$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),
-          T.value ? (a(), o("div", Z1, [
-            Pe(S.$slots, "navigation", {}, void 0, !0)
+          V.value ? (a(), o("div", Z1, [
+            Pe($.$slots, "navigation", {}, void 0, !0)
           ])) : I("", !0),
           l.value ? (a(), o("div", K1, [
-            Pe(S.$slots, "default", {}, void 0, !0)
+            Pe($.$slots, "default", {}, void 0, !0)
           ])) : I("", !0)
         ]),
         s.variant === "space" ? (a(), o("div", G1, [...u[0] || (u[0] = [
@@ -4000,7 +4000,7 @@ function el() {
     const C = s.value ? "light" : "dark";
     t(C);
   }
-  function V() {
+  function z() {
     switch (At.value) {
       case "light":
         t("dark");
@@ -4016,7 +4016,7 @@ function el() {
         break;
     }
   }
-  function T() {
+  function V() {
     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(() => {
-    T();
+    V();
   }), {
     // State
     currentTheme: H(() => At.value),
@@ -4038,8 +4038,8 @@ function el() {
     // Actions  
     setTheme: t,
     toggle: l,
-    cycleTheme: V,
-    initialize: T,
+    cycleTheme: z,
+    initialize: V,
     // 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), 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(() => ({
+  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(() => ({
     "ui-theme--light": C.value,
-    "ui-theme--dark": T.value,
-    "ui-theme--forced": V.value
+    "ui-theme--dark": V.value,
+    "ui-theme--forced": z.value
   }));
   return {
     theme: l,
-    isDark: T,
+    isDark: V,
     isLight: C,
-    isForced: V,
+    isForced: z,
     themeClass: w
   };
 }
@@ -4086,13 +4086,13 @@ const sl = {
     includeLabel: { type: Boolean, default: !1 }
   },
   setup(s) {
-    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 = {
+    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 = {
       sun: fs,
       moon: vs,
       monitor: Ea,
       "chevron-up": Fa,
       "chevron-down": _a
-    }, S = (g) => x[g] || Ea, u = H(() => l.value === "dark" ? "moon" : l.value === "light" ? "sun" : "monitor"), m = H(() => l.value === "dark" ? "Light" : l.value === "light" ? "System" : "Dark"), U = () => {
+    }, $ = (g) => x[g] || Ea, u = H(() => l.value === "dark" ? "moon" : l.value === "light" ? "sun" : "monitor"), m = H(() => l.value === "dark" ? "Light" : l.value === "light" ? "System" : "Dark"), U = () => {
       r.variant === "button" && C();
     }, D = (g) => {
       g.target.closest(".ui-theme-toggle-dropdown") || (h.value = !1);
@@ -4117,7 +4117,7 @@ const sl = {
       }, Ft({
         default: _(() => [
           s.includeLabel ? (a(), o(De, { key: 0 }, [
-            J(R(i(V)) + R(c.value ? " (Locked)" : ""), 1)
+            J(R(i(z)) + R(c.value ? " (Locked)" : ""), 1)
           ], 64)) : I("", !0)
         ]),
         _: 2
@@ -4125,13 +4125,13 @@ const sl = {
         s.includeLabel ? {
           name: "leading-icon",
           fn: _(() => [
-            (a(), ye(ot(S(u.value))))
+            (a(), ye(ot($(u.value))))
           ]),
           key: "0"
         } : {
           name: "icon",
           fn: _(() => [
-            (a(), ye(ot(S(u.value))))
+            (a(), ye(ot($(u.value))))
           ]),
           key: "1"
         }
@@ -4146,13 +4146,13 @@ const sl = {
           title: c.value ? "Theme is locked by app settings" : void 0
         }, {
           "leading-icon": _(() => [
-            (a(), ye(ot(S(u.value))))
+            (a(), ye(ot($(u.value))))
           ]),
           "trailing-icon": _(() => [
-            (a(), ye(ot(S(h.value ? "chevron-up" : "chevron-down"))))
+            (a(), ye(ot($(h.value ? "chevron-up" : "chevron-down"))))
           ]),
           default: _(() => [
-            J(" " + R(i(V)) + R(c.value ? " (Locked)" : "") + " ", 1)
+            J(" " + R(i(z)) + R(c.value ? " (Locked)" : "") + " ", 1)
           ]),
           _: 1
         }, 8, ["size", "disabled", "class", "title"]),
@@ -4171,9 +4171,9 @@ const sl = {
               }
             ]),
             disabled: c.value,
-            onClick: (L) => c.value ? null : i(T)(y.value)
+            onClick: (L) => c.value ? null : i(V)(y.value)
           }, [
-            (a(), ye(ot(S(y.icon)), { class: "ui-theme-toggle-option-icon" })),
+            (a(), ye(ot($(y.icon)), { class: "ui-theme-toggle-option-icon" })),
             e("span", null, R(y.label), 1),
             i(l) === y.value ? (a(), o("div", ll)) : I("", !0)
           ], 10, ol))), 128))
@@ -4192,7 +4192,7 @@ const sl = {
           ]),
           "aria-pressed": i(l) === y.value,
           "aria-label": `${y.label} theme`,
-          onClick: (L) => i(T)(y.value),
+          onClick: (L) => i(V)(y.value),
           title: `Switch to ${y.label.toLowerCase()} theme`
         }, Ft({
           default: _(() => [
@@ -4205,13 +4205,13 @@ const sl = {
           s.includeLabel ? {
             name: "leading-icon",
             fn: _(() => [
-              (a(), ye(ot(S(y.icon))))
+              (a(), ye(ot($(y.icon))))
             ]),
             key: "0"
           } : {
             name: "icon",
             fn: _(() => [
-              (a(), ye(ot(S(y.icon))))
+              (a(), ye(ot($(y.icon))))
             ]),
             key: "1"
           }
@@ -4274,51 +4274,51 @@ const sl = {
   },
   emits: ["update:modelValue", "change", "input", "focus", "blur"],
   setup(s, { emit: r }) {
-    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, ($) => {
-      $ !== void 0 && (c.value = Number($));
+    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);
+    Le(() => t.value, (S) => {
+      S !== void 0 && (c.value = Number(S));
+    }, { immediate: !0 }), Le(() => t.modelValue, (S) => {
+      S !== void 0 && (c.value = Number(S));
     }, { immediate: !0 });
     const x = H(() => {
-      const $ = t.max - t.min, k = (h.value - t.min) / $ * 100;
+      const S = t.max - t.min, k = (h.value - t.min) / S * 100;
       return Math.max(0, Math.min(100, k));
-    }), S = H(() => h.value?.toFixed(t.step < 1 ? 1 : 0) || "0"), u = H(() => `slider-size-${t.size}`), m = H(() => t.color ? `slider-color-${t.color}` : ""), U = H(() => {
+    }), $ = H(() => h.value?.toFixed(t.step < 1 ? 1 : 0) || "0"), u = H(() => `slider-size-${t.size}`), m = H(() => t.color ? `slider-color-${t.color}` : ""), U = H(() => {
       if (!t.showTicks) return [];
-      const $ = [], k = t.max - t.min, O = k / (t.tickCount - 1);
+      const S = [], k = t.max - t.min, O = k / (t.tickCount - 1);
       for (let q = 0; q < t.tickCount; q++) {
-        const b = t.min + O * q, z = (b - t.min) / k * 100;
-        $.push({
+        const b = t.min + O * q, T = (b - t.min) / k * 100;
+        S.push({
           value: b,
-          position: z,
+          position: T,
           label: b.toFixed(t.step < 1 ? 1 : 0)
         });
       }
-      return $;
-    }), D = ($) => {
-      const k = $.target, O = parseFloat(k.value);
-      C.value++, C.value > 1 && (T.value = !0, w.value && clearTimeout(w.value), w.value = setTimeout(() => {
-        T.value = !1, C.value = 0;
+      return S;
+    }), D = (S) => {
+      const k = S.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;
       }, 100)), c.value = O, l("update:modelValue", O), l("input", O);
-    }, g = ($) => {
-      const k = $.target, O = parseFloat(k.value);
+    }, g = (S) => {
+      const k = S.target, O = parseFloat(k.value);
       l("change", O);
-    }, N = ($) => {
-      l("focus", $);
-    }, y = ($) => {
-      l("blur", $);
+    }, N = (S) => {
+      l("focus", S);
+    }, y = (S) => {
+      l("blur", S);
     }, L = () => {
       C.value = 0;
     }, F = () => {
-      C.value = 0, T.value = !1, w.value && (clearTimeout(w.value), w.value = null);
+      C.value = 0, V.value = !1, w.value && (clearTimeout(w.value), w.value = null);
     };
-    return ($, k) => (a(), o("div", {
+    return (S, k) => (a(), o("div", {
       class: Me(["slider-wrapper", [
         u.value,
         m.value,
         {
           "slider-disabled": s.disabled,
-          "slider-dragging": T.value
+          "slider-dragging": V.value
         }
       ]])
     }, [
@@ -4331,7 +4331,7 @@ const sl = {
           J(R(s.label) + " ", 1),
           s.required ? (a(), o("span", ul, "*")) : I("", !0)
         ], 8, cl)) : I("", !0),
-        s.showValue ? (a(), o("div", dl, R(S.value) + R(s.unit), 1)) : I("", !0)
+        s.showValue ? (a(), o("div", dl, R($.value) + R(s.unit), 1)) : I("", !0)
       ])) : I("", !0),
       e("div", {
         class: Me(["slider-container", { "slider-error": s.error }])
@@ -4341,7 +4341,7 @@ const sl = {
           e("input", {
             id: s.inputId,
             ref_key: "sliderRef",
-            ref: V,
+            ref: z,
             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, V = H(() => `radio-group-size-${t.size}`), T = H(() => t.orientation === "horizontal" ? "radio-options-horizontal" : "radio-options-vertical"), C = (x) => {
+    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) => {
       t.disabled || x.disabled || t.modelValue !== x.value && (l("update:modelValue", x.value), l("change", x.value));
     }, w = (x) => {
       const u = x.target.value;
@@ -4439,9 +4439,9 @@ const sl = {
     }, h = (x) => {
       l("blur", x);
     };
-    return (x, S) => (a(), o("div", {
+    return (x, $) => (a(), o("div", {
       class: Me(["radio-group", [
-        V.value,
+        z.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", [
-          T.value,
+          V.value,
           { "radio-options-cards": s.variant === "card" }
         ]])
       }, [
@@ -4480,7 +4480,7 @@ const sl = {
             onFocus: c,
             onBlur: h
           }, null, 40, Al),
-          S[0] || (S[0] = e("div", { class: "radio-button" }, [
+          $[0] || ($[0] = e("div", { class: "radio-button" }, [
             e("div", { class: "radio-button-inner" })
           ], -1)),
           e("div", _l, [
@@ -4567,14 +4567,14 @@ const sl = {
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(s, { emit: r }) {
-    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 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 g = t.options.filter((N) => !N.disabled);
       return g.length > 0 && g.every(
         (N) => t.modelValue.includes(N.value)
       );
     }), w = H(() => t.options.filter((N) => !N.disabled).some((N) => t.modelValue.includes(N.value))), c = (g) => t.modelValue.includes(g), h = (g) => t.options.find((y) => y.value === g)?.indeterminate || !1, x = (g) => {
-      t.disabled || g.disabled || S(g);
-    }, S = (g, N) => {
+      t.disabled || g.disabled || $(g);
+    }, $ = (g, N) => {
       const y = [...t.modelValue], L = y.indexOf(g.value);
       L > -1 ? y.splice(L, 1) : y.push(g.value), l("update:modelValue", y), l("change", y);
     }, u = () => {
@@ -4597,7 +4597,7 @@ const sl = {
     };
     return (g, N) => (a(), o("div", {
       class: Me(["checkbox-group", [
-        V.value,
+        z.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", [
-          T.value,
+          V.value,
           { "checkbox-options-cards": s.variant === "card" }
         ]])
       }, [
@@ -4634,7 +4634,7 @@ const sl = {
             required: s.required && s.modelValue.length === 0,
             indeterminate: h(y.value),
             class: "checkbox-input",
-            onChange: (L) => S(y),
+            onChange: (L) => $(y),
             onFocus: U,
             onBlur: D
           }, null, 40, Pl),
@@ -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(" ")), V = H(() => ({}));
-    return (T, C) => (a(), o("div", on, [
+    ].filter(Boolean).join(" ")), z = H(() => ({}));
+    return (V, C) => (a(), o("div", on, [
       s.variant === "dot-only" ? (a(), ye(Kt, {
         key: 0,
-        content: s.tooltip || T.$slots.default?.()?.[0]?.children || "",
+        content: s.tooltip || V.$slots.default?.()?.[0]?.children || "",
         delay: 0
       }, {
         default: _(() => [
           e("span", {
             class: Me(l.value),
-            style: je(V.value)
+            style: je(z.value)
           }, null, 6)
         ]),
         _: 1
       }, 8, ["content"])) : (a(), o("span", {
         key: 1,
         class: Me([l.value, {
-          "ui-pill-has-leading-icon": T.$slots["leading-icon"],
-          "ui-pill-has-trailing-icon": T.$slots["trailing-icon"]
+          "ui-pill-has-leading-icon": V.$slots["leading-icon"],
+          "ui-pill-has-trailing-icon": V.$slots["trailing-icon"]
         }]),
-        style: je(V.value)
+        style: je(z.value)
       }, [
-        T.$slots["leading-icon"] && !s.iconOnly ? (a(), o("span", ln, [
-          Pe(T.$slots, "leading-icon", {}, void 0, !0)
+        V.$slots["leading-icon"] && !s.iconOnly ? (a(), o("span", ln, [
+          Pe(V.$slots, "leading-icon", {}, void 0, !0)
         ])) : I("", !0),
         s.icon && s.iconOnly ? (a(), o("span", nn, [
-          Pe(T.$slots, "icon", {}, void 0, !0)
+          Pe(V.$slots, "icon", {}, void 0, !0)
         ])) : I("", !0),
         s.iconOnly ? I("", !0) : (a(), o("span", rn, [
-          Pe(T.$slots, "default", {}, void 0, !0)
+          Pe(V.$slots, "default", {}, void 0, !0)
         ])),
-        T.$slots["trailing-icon"] && !s.iconOnly ? (a(), o("span", cn, [
-          Pe(T.$slots, "trailing-icon", {}, void 0, !0)
+        V.$slots["trailing-icon"] && !s.iconOnly ? (a(), o("span", cn, [
+          Pe(V.$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"), V = ha(), T = H(() => dn("default", V));
+    const r = s, { config: t } = vt(r.config), l = H(() => t.value.baseUrl !== "https://accounts.strands.gg"), z = ha(), V = H(() => dn("default", z));
     return (C, w) => (a(), o("div", pn, [
       l.value ? (a(), o("div", {
         key: 0,
-        class: Me(["secured-footer", { "secured-footer-with-content": T.value, "secured-footer-centered": !T.value }])
+        class: Me(["secured-footer", { "secured-footer-with-content": V.value, "secured-footer-centered": !V.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"
     )
-  ), V = async (g, N = {}) => {
+  ), z = async (g, N = {}) => {
     const y = {
       "Content-Type": "application/json",
       ...N.headers || {}
@@ -4833,20 +4833,20 @@ function Tt() {
     });
     if (!L.ok) {
       const F = await L.text();
-      let $ = `Request failed: ${L.status} ${L.statusText}`;
+      let S = `Request failed: ${L.status} ${L.statusText}`;
       try {
         const k = JSON.parse(F);
-        $ = k.error?.message || k.message || $;
+        S = k.error?.message || k.message || S;
       } catch {
-        F && ($ = F);
+        F && (S = F);
       }
-      throw new Error($);
+      throw new Error(S);
     }
     return L.json();
-  }, T = async () => {
+  }, V = async () => {
     We.value = !0;
     try {
-      const g = await V(s("mfaDevices"), {
+      const g = await z(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 V(s("mfaTotpSetup"), {
+      const N = await z(s("mfaTotpSetup"), {
         method: "POST",
         body: JSON.stringify({ device_name: g })
       });
-      return await T(), N;
+      return await V(), N;
     } finally {
       We.value = !1;
     }
   }, w = async (g, N) => {
     We.value = !0;
     try {
-      await V(s("mfaTotpVerify"), {
+      await z(s("mfaTotpVerify"), {
         method: "POST",
         body: JSON.stringify({
           device_id: g,
           totp_code: N
         })
-      }), await T();
+      }), await V();
     } finally {
       We.value = !1;
     }
   }, c = async (g) => {
     We.value = !0;
     try {
-      const N = await V(s("mfaEmailSetup"), {
+      const N = await z(s("mfaEmailSetup"), {
         method: "POST",
         body: JSON.stringify({ device_name: g })
       });
-      return await T(), N;
+      return await V(), N;
     } finally {
       We.value = !1;
     }
   }, h = async (g) => {
     We.value = !0;
     try {
-      await V(s("mfaEmailSend"), {
+      await z(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 V(s("mfaEmailVerify"), {
+      return (await z(s("mfaEmailVerify"), {
         method: "POST",
         body: JSON.stringify({
           device_id: g,
@@ -4911,20 +4911,20 @@ function Tt() {
     } finally {
       We.value = !1;
     }
-  }, S = async (g) => {
+  }, $ = async (g) => {
     We.value = !0;
     try {
-      await V(s("mfaDeviceDisable"), {
+      await z(s("mfaDeviceDisable"), {
         method: "POST",
         body: JSON.stringify({ device_id: g })
-      }), await T();
+      }), await V();
     } finally {
       We.value = !1;
     }
   }, u = async (g) => {
     We.value = !0;
     try {
-      return await V(s("mfaBackupCodes"), {
+      return await z(s("mfaBackupCodes"), {
         method: "POST",
         body: JSON.stringify({ device_id: g })
       });
@@ -4974,13 +4974,13 @@ function Tt() {
     hasMfaDevices: t,
     activeMfaDevices: l,
     // Methods
-    fetchMfaDevices: T,
+    fetchMfaDevices: V,
     setupTotp: C,
     verifyTotpSetup: w,
     setupEmailMfa: c,
     sendEmailMfaCode: h,
     verifyEmailMfaCode: x,
-    disableMfaDevice: S,
+    disableMfaDevice: $,
     regenerateBackupCodes: u,
     // Helper methods
     getDeviceTypeIcon: m,
@@ -5062,7 +5062,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
           oe("path", { d: "m22 6-10 7L2 6" })
         ]);
       }
-    }, V = {
+    }, z = {
       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" })
         ]);
       }
-    }, T = {
+    }, V = {
       props: ["size"],
       render() {
         return oe("svg", {
@@ -5121,7 +5121,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
       }
     }, c = s, h = r, {
       loading: x,
-      getDeviceTypeName: S
+      getDeviceTypeName: $
     } = Tt(), {
       verifyMfa: u,
       sendMfaEmailCode: m,
@@ -5131,12 +5131,12 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
       loadingMessage: N,
       isSendingMfaEmail: y,
       isVerifyingMfa: L
-    } = ft(), F = H(() => x.value || g.value), $ = H({
+    } = ft(), F = H(() => x.value || g.value), S = H({
       get: () => c.show,
       set: ($e) => {
         $e || h("close");
       }
-    }), k = M(null), O = M(""), q = M(""), b = M(""), z = M(""), ae = M(!1), ce = M(!1), Ce = M(!1), xe = M(0);
+    }), k = M(null), O = M(""), q = M(""), b = M(""), T = 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 = "", 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 () => {
+      $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 () => {
         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), z.value = "";
+      re.replace(/-/g, "").length <= 8 && (b.value = re), T.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), z.value = "";
+      ve.replace(/-/g, "").length <= 8 && (b.value = ve), T.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) {
-        z.value = "";
+        T.value = "";
         try {
           await u("", b.value, !0), h("success");
         } catch ($e) {
-          z.value = $e instanceof Error ? $e.message : "Invalid backup code";
+          T.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 V;
+          return z;
         case "passkey":
-          return T;
+          return V;
         default:
-          return T;
+          return V;
       }
     }, Ee = async () => {
       const $e = c.sessionId || D.value;
@@ -5284,8 +5284,8 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
     };
     return ($e, re) => (a(), o("div", gn, [
       d(pt, {
-        modelValue: $.value,
-        "onUpdate:modelValue": re[6] || (re[6] = (ve) => $.value = ve),
+        modelValue: S.value,
+        "onUpdate:modelValue": re[6] || (re[6] = (ve) => S.value = ve),
         "card-class": "mfa-verification-modal",
         class: "mfa-verification-modal-wrapper"
       }, {
@@ -5344,7 +5344,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
                     })),
                     e("div", $n, [
                       e("p", Sn, R(ve.device_name), 1),
-                      e("p", An, R(i(S)(ve.device_type)), 1)
+                      e("p", An, R(i($)(ve.device_type)), 1)
                     ]),
                     k.value?.id === ve.id ? (a(), o("div", _n, [
                       d(C, { size: 20 })
@@ -5359,7 +5359,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
                   })),
                   e("div", null, [
                     e("h3", Vn, R(k.value.device_name), 1),
-                    e("p", In, R(i(S)(k.value.device_type)), 1)
+                    e("p", In, R(i($)(k.value.device_type)), 1)
                   ])
                 ])
               ])) : I("", !0),
@@ -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" ? T : V), {
+                      (a(), ye(ot(k.value.device_type === "passkey" ? V : z), {
                         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(V, {
+                      d(z, {
                         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: z.value,
+                    error: T.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(V, {
+                      d(z, {
                         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: z.value,
+                    error: T.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([]), V = M(!1), T = M(null), C = H(
+  const { getUrl: r, config: t } = vt(), l = M([]), z = M(!1), V = 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;
-    V.value = !0, T.value = null;
+    z.value = !0, V.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";
-      T.value = D;
+      V.value = D;
     } finally {
-      V.value = !1;
+      z.value = !1;
     }
   }, c = async (u, m) => {
     const U = { ...s, ...m }, D = new URLSearchParams();
@@ -5614,8 +5614,8 @@ function za(s = {}) {
         }
       });
       if (!L.ok) {
-        const $ = await L.json().catch(() => ({}));
-        throw new Error($.error?.message || `HTTP ${L.status}: ${L.statusText}`);
+        const S = await L.json().catch(() => ({}));
+        throw new Error(S.error?.message || `HTTP ${L.status}: ${L.statusText}`);
       }
       const F = await L.json();
       if (!F.success)
@@ -5634,9 +5634,9 @@ function za(s = {}) {
         throw new Error(`No auth URL configured for provider '${u}'`);
       window.location.href = U.auth_url;
     } catch (U) {
-      throw T.value = U instanceof Error ? U.message : "Failed to redirect to OAuth provider", U;
+      throw V.value = U instanceof Error ? U.message : "Failed to redirect to OAuth provider", U;
     }
-  }, x = (u) => l.value.find((m) => m.id === u), S = (u) => {
+  }, x = (u) => l.value.find((m) => m.id === u), $ = (u) => {
     if (u.iconUrl)
       return u.iconUrl;
     switch (u.id.toLowerCase()) {
@@ -5656,13 +5656,13 @@ function za(s = {}) {
   return {
     providers: H(() => l.value),
     enabledProviders: C,
-    loading: H(() => V.value),
-    error: H(() => T.value),
+    loading: H(() => z.value),
+    error: H(() => V.value),
     fetchProviders: w,
     getProviderAuthUrl: c,
     redirectToProvider: h,
     getProviderById: x,
-    getProviderIcon: S
+    getProviderIcon: $
   };
 }
 const ti = {
@@ -5813,12 +5813,12 @@ const ti = {
   },
   emits: ["success", "error", "forgot-password", "password-reset-sent", "mode-changed"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { getUrl: V, getSupportEmail: T, config: C } = vt(t.config), {
+    const t = s, l = r, { getUrl: z, getSupportEmail: V, config: C } = vt(t.config), {
       signIn: w,
       mfaRequired: c,
       availableMfaMethods: h,
       currentUser: x,
-      loadingMessage: S
+      loadingMessage: $
     } = ft(), {
       enabledProviders: u,
       loading: m,
@@ -5833,7 +5833,7 @@ const ti = {
     });
     const g = H(() => u.value), N = {
       async signIn(te, Y) {
-        const le = await fetch(V("signIn"), {
+        const le = await fetch(z("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(V("signUp"), {
+        const Te = await fetch(z("signUp"), {
           method: "POST",
           headers: {
             "Content-Type": "application/json"
@@ -5861,7 +5861,7 @@ const ti = {
       async requestPasswordReset(te) {
         throw new Error("Password reset functionality is not yet implemented in the API. Please contact support.");
       }
-    }, y = M(t.mode), L = M(!1), F = M(""), $ = M(!1), k = M(!1), O = Ge({
+    }, y = M(t.mode), L = M(!1), F = M(""), S = M(!1), k = M(!1), O = Ge({
       firstName: "",
       lastName: "",
       email: "",
@@ -5869,7 +5869,7 @@ const ti = {
       confirmPassword: ""
     }), q = H(() => y.value === "signup"), b = H(() => y.value === "reset-password");
     H(() => O.password === O.confirmPassword);
-    const z = H(() => b.value ? O.email.trim() && !$.value : q.value ? O.email.trim() : O.email.trim() && O.password);
+    const T = H(() => b.value ? O.email.trim() && !S.value : q.value ? O.email.trim() : O.email.trim() && O.password);
     Le(c, (te) => {
       te && (k.value = !0);
     }, { immediate: !0 });
@@ -5883,7 +5883,7 @@ const ti = {
       L.value = !0, F.value = "";
       try {
         if (b.value)
-          await N.requestPasswordReset(O.email), $.value = !0, l("password-reset-sent", O.email);
+          await N.requestPasswordReset(O.email), S.value = !0, l("password-reset-sent", O.email);
         else if (q.value) {
           const te = await N.signUp(
             O.email,
@@ -5918,7 +5918,7 @@ const ti = {
     Le(() => t.mode, (te) => {
       y.value = te;
     }), Le(y, (te) => {
-      F.value = "", $.value = !1, O.firstName = "", O.lastName = "", O.email = "", O.password = "", O.confirmPassword = "", l("mode-changed", te);
+      F.value = "", S.value = !1, O.firstName = "", O.lastName = "", O.email = "", O.password = "", O.confirmPassword = "", l("mode-changed", te);
     });
     let Se = 0;
     const be = (te) => {
@@ -5985,7 +5985,7 @@ const ti = {
                     key: y.value,
                     class: "auth-subtitle"
                   }, [
-                    $.value ? (a(), o("span", ii, " We've sent a password reset link to your email ")) : b.value ? (a(), o("span", ri, " Enter your email to reset your password ")) : q.value ? (a(), o("span", ci, " Create an account to get started ")) : (a(), o("span", ui, [...Y[6] || (Y[6] = [
+                    S.value ? (a(), o("span", ii, " We've sent a password reset link to your email ")) : b.value ? (a(), o("span", ri, " Enter your email to reset your password ")) : q.value ? (a(), o("span", ci, " Create an account to get started ")) : (a(), o("span", ui, [...Y[6] || (Y[6] = [
                       J(" Sign in or register a ", -1),
                       e("b", null, "Strands account", -1),
                       J(" to continue ", -1)
@@ -6154,12 +6154,12 @@ const ti = {
                 type: "submit",
                 variant: "primary",
                 "full-width": "",
-                disabled: L.value || !z.value,
+                disabled: L.value || !T.value,
                 loading: L.value,
-                "loading-text": i(S)
+                "loading-text": i($)
               }, {
                 default: _(() => [
-                  J(R(b.value ? $.value ? "Link sent!" : "Send reset link" : q.value ? "Send magic link" : "Sign in"), 1)
+                  J(R(b.value ? S.value ? "Link sent!" : "Send reset link" : q.value ? "Send magic link" : "Sign in"), 1)
                 ]),
                 _: 1
               }, 8, ["disabled", "loading", "loading-text"])
@@ -6169,7 +6169,7 @@ const ti = {
               mode: "out-in"
             }, {
               default: _(() => [
-                b.value && $.value ? (a(), ye(i(Et), {
+                b.value && S.value ? (a(), ye(i(Et), {
                   key: "reset-success",
                   variant: "success",
                   message: `Check your email - We've sent a password reset link to ${O.email}`,
@@ -6226,7 +6226,7 @@ const ti = {
               config: t.config
             }, {
               default: _(() => [
-                i(T)() ? (a(), ye(rt, {
+                i(V)() ? (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(T)()}`
+                        href: `mailto:${i(V)()}`
                       }, {
                         default: _(() => [...Y[11] || (Y[11] = [
                           J(" Contact Support ", -1)
@@ -6321,15 +6321,15 @@ const ti = {
     const t = s, l = r;
     vt(t.config);
     const {
-      signIn: V,
-      mfaRequired: T,
+      signIn: z,
+      mfaRequired: V,
       mfaSessionId: C,
       availableMfaMethods: w,
       loading: c,
       currentUser: h
     } = ft(), {
       enabledProviders: x,
-      loading: S,
+      loading: $,
       fetchProviders: u,
       redirectToProvider: m
     } = za({
@@ -6342,7 +6342,7 @@ const ti = {
       });
     });
     const U = H(() => c.value), D = M(""), g = M(!1);
-    Le(T, (O) => {
+    Le(V, (O) => {
       O && (g.value = !0);
     });
     const N = Ge({
@@ -6351,7 +6351,7 @@ const ti = {
     }), y = async () => {
       D.value = "";
       try {
-        const O = await V({
+        const O = await z({
           email: N.email,
           password: N.password
         });
@@ -6370,7 +6370,7 @@ const ti = {
       O.value.onSignInUrl && typeof window < "u" && (window.location.href = O.value.onSignInUrl);
     }, F = () => {
       g.value = !1;
-    }, $ = (O) => {
+    }, S = (O) => {
       D.value = O, l("error", O);
     }, k = async (O) => {
       try {
@@ -6400,14 +6400,14 @@ const ti = {
               ])
             ], -1)),
             i(x)?.length ? (a(), o("div", Di, [
-              (a(!0), o(De, null, Ze(i(x), (b, z, ae, ce) => {
-                const Ce = [b.id, b.name, b.displayName, i(S)];
+              (a(!0), o(De, null, Ze(i(x), (b, T, ae, ce) => {
+                const Ce = [b.id, b.name, b.displayName, i($)];
                 if (ce && ce.key === b.id && as(ce, Ce)) return ce;
                 const xe = (a(), ye(i(ue), {
                   key: b.id,
                   variant: "outline",
                   "full-width": "",
-                  disabled: i(S),
+                  disabled: i($),
                   onClick: (Ae) => k(b.id),
                   class: "btn-oauth accui-group"
                 }, {
@@ -6544,7 +6544,7 @@ const ti = {
           "session-id": i(C),
           onSuccess: L,
           onClose: F,
-          onError: $
+          onError: S
         }, null, 8, ["show", "available-mfa-methods", "session-id"])
       ])
     ]));
@@ -6590,7 +6590,7 @@ const ti = {
   },
   emits: ["success", "error", "switch-to-signin"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { getUrl: V, getSupportEmail: T } = vt(t.config), {
+    const t = s, l = r, { getUrl: z, getSupportEmail: V } = vt(t.config), {
       enabledProviders: C,
       loading: w,
       fetchProviders: c,
@@ -6604,14 +6604,14 @@ const ti = {
         console.warn("Failed to fetch OAuth providers:", F);
       });
     });
-    const x = M(!1), S = M(""), u = M(!1), m = M(""), U = M("Magic Link Sent!"), D = M(""), g = Ge({
+    const x = M(!1), $ = M(""), u = M(!1), m = M(""), U = M("Magic Link Sent!"), D = M(""), g = Ge({
       email: ""
     });
     H(() => g.email.trim() && g.email.includes("@"));
     const N = async () => {
-      x.value = !0, S.value = "";
+      x.value = !0, $.value = "";
       try {
-        const F = V("signUp"), $ = await fetch(F, {
+        const F = z("signUp"), S = await fetch(F, {
           method: "POST",
           headers: {
             "Content-Type": "application/json"
@@ -6620,49 +6620,49 @@ const ti = {
             email: g.email
           })
         });
-        if (!$.ok) {
-          let O = `Sign up failed (${$.status})`;
+        if (!S.ok) {
+          let O = `Sign up failed (${S.status})`;
           try {
-            const q = await $.json();
+            const q = await S.json();
             O = q.message || q.error || O;
           } catch {
-            O = await $.text() || O;
+            O = await S.text() || O;
           }
           throw new Error(O);
         }
-        const k = await $.json();
+        const k = await S.json();
         u.value = !0, D.value = g.email, m.value = k.message || "Magic link sent! Check your email.", k.message && (k.message.includes("already have an account") || k.message.includes("Welcome back") ? U.value = "Welcome Back!" : k.message.includes("Magic link sent") || k.message.includes("Check your email") ? U.value = "Magic Link Sent!" : U.value = "Success!"), l("success", {
           email: g.email,
           message: k.message || "Magic link sent! Check your email."
         });
       } catch (F) {
-        let $ = "Unable to send magic link. Please try again.";
+        let S = "Unable to send magic link. Please try again.";
         if (F instanceof Error)
           if (F.message.includes("fetch"))
-            $ = "Unable to connect to authentication service. Please check your internet connection and try again.";
+            S = "Unable to connect to authentication service. Please check your internet connection and try again.";
           else if (F.message.includes("CORS")) {
-            const k = T();
-            $ = k ? `Authentication service configuration error. Please contact ${k}.` : "Authentication service configuration error.";
+            const k = V();
+            S = k ? `Authentication service configuration error. Please contact ${k}.` : "Authentication service configuration error.";
           } else
-            $ = F.message;
-        S.value = $, l("error", $);
+            S = F.message;
+        $.value = S, l("error", S);
       } finally {
         x.value = !1;
       }
     }, y = () => {
-      u.value = !1, m.value = "", U.value = "Magic Link Sent!", D.value = "", g.email = "", S.value = "";
+      u.value = !1, m.value = "", U.value = "Magic Link Sent!", D.value = "", g.email = "", $.value = "";
     }, L = async (F) => {
       try {
         await h(F, {
           redirectUrl: t.redirectUrl,
           scopes: t.oauthScopes
         });
-      } catch ($) {
-        const k = $ instanceof Error ? $.message : `Failed to sign up with ${F}`;
-        S.value = k, l("error", k);
+      } catch (S) {
+        const k = S instanceof Error ? S.message : `Failed to sign up with ${F}`;
+        $.value = k, l("error", k);
       }
     };
-    return (F, $) => (a(), o("div", Xi, [
+    return (F, S) => (a(), o("div", Xi, [
       e("div", Ji, [
         u.value ? (a(), o("div", er, [
           e("div", tr, [
@@ -6670,20 +6670,20 @@ const ti = {
           ]),
           e("div", ar, [
             e("div", sr, [
-              $[4] || ($[4] = e("div", { class: "signup-success-icon" }, "📧", -1)),
+              S[4] || (S[4] = e("div", { class: "signup-success-icon" }, "📧", -1)),
               e("h1", or, R(U.value), 1),
               e("p", lr, R(m.value), 1),
               D.value ? (a(), o("div", nr, [
                 e("strong", null, R(D.value), 1)
               ])) : I("", !0),
-              $[5] || ($[5] = e("p", { class: "signup-success-instructions" }, " Click the link in your email to complete your account setup. The link will expire in 24 hours. ", -1)),
+              S[5] || (S[5] = e("p", { class: "signup-success-instructions" }, " Click the link in your email to complete your account setup. The link will expire in 24 hours. ", -1)),
               d(i(ue), {
                 variant: "outline",
                 "full-width": "",
                 onClick: y,
                 class: "accui-auth-submit"
               }, {
-                default: _(() => [...$[3] || ($[3] = [
+                default: _(() => [...S[3] || (S[3] = [
                   J(" Send Another Link ", -1)
                 ])]),
                 _: 1
@@ -6695,7 +6695,7 @@ const ti = {
             d(ma, { class: "accui-auth-logo" })
           ]),
           e("div", cr, [
-            $[17] || ($[17] = e("div", { class: "accui-auth-welcome" }, [
+            S[17] || (S[17] = e("div", { class: "accui-auth-welcome" }, [
               e("h1", { class: "accui-auth-title" }, "Create account"),
               e("p", { class: "accui-auth-subtitle" }, [
                 J(" Sign up for a "),
@@ -6723,7 +6723,7 @@ const ti = {
                         width: "20",
                         height: "20"
                       }, null, 8, pr)
-                    ])) : k.id === "google" ? (a(), o("svg", fr, [...$[6] || ($[6] = [
+                    ])) : k.id === "google" ? (a(), o("svg", fr, [...S[6] || (S[6] = [
                       e("path", {
                         fill: "#4285F4",
                         d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
@@ -6740,7 +6740,7 @@ const ti = {
                         fill: "#EA4335",
                         d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
                       }, null, -1)
-                    ])])) : k.id === "github" ? (a(), o("svg", mr, [...$[7] || ($[7] = [
+                    ])])) : k.id === "github" ? (a(), o("svg", mr, [...S[7] || (S[7] = [
                       e("path", { d: "M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" }, null, -1)
                     ])])) : (a(), o("div", hr, [
                       e("span", gr, R((k.displayName || k.name).charAt(0).toUpperCase()), 1)
@@ -6751,7 +6751,7 @@ const ti = {
                 _: 2
               }, 1032, ["disabled", "onClick"]))), 128))
             ])) : I("", !0),
-            i(C)?.length ? (a(), o("div", yr, [...$[8] || ($[8] = [
+            i(C)?.length ? (a(), o("div", yr, [...S[8] || (S[8] = [
               e("span", { class: "divider-text" }, "Or create account with email", -1)
             ])])) : I("", !0),
             e("form", {
@@ -6759,9 +6759,9 @@ const ti = {
               class: "accui-auth-form"
             }, [
               e("div", kr, [
-                $[10] || ($[10] = e("label", { class: "accui-form-label" }, "Email address", -1)),
+                S[10] || (S[10] = e("label", { class: "accui-form-label" }, "Email address", -1)),
                 e("div", wr, [
-                  $[9] || ($[9] = e("svg", {
+                  S[9] || (S[9] = e("svg", {
                     class: "accui-input-icon",
                     viewBox: "0 0 20 20",
                     fill: "currentColor"
@@ -6771,7 +6771,7 @@ const ti = {
                   ], -1)),
                   Qe(e("input", {
                     id: "email",
-                    "onUpdate:modelValue": $[0] || ($[0] = (k) => g.email = k),
+                    "onUpdate:modelValue": S[0] || (S[0] = (k) => g.email = k),
                     type: "email",
                     class: "accui-auth-input",
                     placeholder: "example@email.com",
@@ -6791,16 +6791,16 @@ const ti = {
                 "loading-text": "Sending magic link...",
                 class: "accui-auth-submit"
               }, {
-                default: _(() => [...$[11] || ($[11] = [
+                default: _(() => [...S[11] || (S[11] = [
                   J(" Send magic link ", -1)
                 ])]),
                 _: 1
               }, 8, ["disabled", "loading"])
             ], 32),
-            S.value ? (a(), o("div", br, [
+            $.value ? (a(), o("div", br, [
               e("div", Mr, [
                 e("div", xr, [
-                  $[12] || ($[12] = e("svg", {
+                  S[12] || (S[12] = e("svg", {
                     class: "signup-error-icon",
                     fill: "currentColor",
                     viewBox: "0 0 20 20"
@@ -6811,19 +6811,19 @@ const ti = {
                       "clip-rule": "evenodd"
                     })
                   ], -1)),
-                  e("p", $r, R(S.value), 1)
+                  e("p", $r, R($.value), 1)
                 ])
               ])
             ])) : I("", !0),
             e("div", Sr, [
               e("p", Ar, [
-                $[14] || ($[14] = J(" Already have an account? ", -1)),
+                S[14] || (S[14] = J(" Already have an account? ", -1)),
                 d(i(mt), {
                   variant: "primary",
-                  onClick: $[1] || ($[1] = (k) => F.$emit("switch-to-signin")),
+                  onClick: S[1] || (S[1] = (k) => F.$emit("switch-to-signin")),
                   class: "signup-signin-link"
                 }, {
-                  default: _(() => [...$[13] || ($[13] = [
+                  default: _(() => [...S[13] || (S[13] = [
                     J(" Sign in ", -1)
                   ])]),
                   _: 1
@@ -6832,12 +6832,12 @@ const ti = {
             ]),
             e("div", _r, [
               e("p", Tr, [
-                $[16] || ($[16] = J(" Already have an account? ", -1)),
+                S[16] || (S[16] = J(" Already have an account? ", -1)),
                 d(i(mt), {
-                  onClick: $[2] || ($[2] = (k) => F.$emit("switch-to-signin")),
+                  onClick: S[2] || (S[2] = (k) => F.$emit("switch-to-signin")),
                   class: "accui-text-primary"
                 }, {
-                  default: _(() => [...$[15] || ($[15] = [
+                  default: _(() => [...S[15] || (S[15] = [
                     J(" Sign in → ", -1)
                   ])]),
                   _: 1
@@ -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: V, getSupportEmail: T } = 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: z, getSupportEmail: V } = vt(t.config), { setAuthData: C } = ft(), w = M(!1), c = M(!1), h = M(!1), x = M(""), $ = M(""), u = Ge({
       firstName: "",
       lastName: "",
       password: ""
@@ -6901,7 +6901,7 @@ const ti = {
           const y = t.token.split(".");
           if (y.length === 3) {
             const L = JSON.parse(atob(y[1]));
-            L.email && (S.value = L.email);
+            L.email && ($.value = L.email);
           }
         } catch (y) {
           console.warn("Failed to decode registration token:", y);
@@ -6926,7 +6926,7 @@ const ti = {
           "Content-Type": "application/json"
         };
         typeof window < "u" && window.location && (y.Origin = window.location.origin);
-        const L = await fetch(V("completeRegistration"), {
+        const L = await fetch(z("completeRegistration"), {
           method: "POST",
           headers: y,
           body: JSON.stringify({
@@ -6937,8 +6937,8 @@ const ti = {
           })
         });
         if (!L.ok) {
-          const $ = await L.text();
-          throw new Error(`Failed to complete registration: ${$}`);
+          const S = await L.text();
+          throw new Error(`Failed to complete registration: ${S}`);
         }
         const F = await L.json();
         F.access_token && F.refresh_token && F.user ? C(F) : console.warn("Registration response missing user data or token"), w.value = !0, l("success", F), setTimeout(() => {
@@ -7003,10 +7003,10 @@ const ti = {
             e("div", Dr, [
               L[17] || (L[17] = e("h1", { class: "complete-signup-title" }, "Complete Your Registration", -1)),
               L[18] || (L[18] = e("p", { class: "complete-signup-subtitle" }, "Set up your account details to finish registration", -1)),
-              S.value ? (a(), o("div", Nr, [
+              $.value ? (a(), o("div", Nr, [
                 e("p", Br, [
                   L[16] || (L[16] = J("Creating account for: ", -1)),
-                  e("span", Pr, R(S.value), 1)
+                  e("span", Pr, R($.value), 1)
                 ])
               ])) : I("", !0)
             ]),
@@ -7079,12 +7079,12 @@ const ti = {
               config: t.config
             }, {
               default: _(() => [
-                i(T)() ? (a(), o("div", jr, [
+                i(V)() ? (a(), o("div", jr, [
                   e("p", Or, [
                     L[22] || (L[22] = J(" Need help? ", -1)),
                     d(i(mt), {
                       variant: "primary",
-                      href: `mailto:${i(T)()}`
+                      href: `mailto:${i(V)()}`
                     }, {
                       default: _(() => [...L[21] || (L[21] = [
                         J(" Contact Support ", -1)
@@ -7153,18 +7153,18 @@ const ti = {
   },
   emits: ["close", "success"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { setupTotp: V, verifyTotpSetup: T, loading: C } = Tt(), w = H({
+    const t = s, l = r, { setupTotp: z, verifyTotpSetup: V, loading: C } = Tt(), w = H({
       get: () => t.show,
-      set: ($) => {
-        $ || l("close");
-      }
-    }), c = M(1), h = M(""), x = M(""), S = M(""), u = M(""), m = M(null), U = M("");
-    Le(() => t.show, ($) => {
-      $ && (c.value = 1, h.value = "", x.value = "", S.value = "", u.value = "", m.value = null, U.value = "");
-    }), Le(() => m.value, async ($) => {
-      if ($?.qr_code_url)
+      set: (S) => {
+        S || l("close");
+      }
+    }), c = M(1), h = M(""), x = M(""), $ = M(""), u = M(""), m = M(null), U = M("");
+    Le(() => t.show, (S) => {
+      S && (c.value = 1, h.value = "", x.value = "", $.value = "", u.value = "", m.value = null, U.value = "");
+    }), Le(() => m.value, async (S) => {
+      if (S?.qr_code_url)
         try {
-          const k = `https://api.qrserver.com/v1/create-qr-code/?size=192x192&data=${encodeURIComponent($.qr_code_url)}&bgcolor=ffffff&color=000000`;
+          const k = `https://api.qrserver.com/v1/create-qr-code/?size=192x192&data=${encodeURIComponent(S.qr_code_url)}&bgcolor=ffffff&color=000000`;
           U.value = k;
         } catch (k) {
           console.error("Failed to generate QR code:", k);
@@ -7179,35 +7179,35 @@ const ti = {
       }
       x.value = "";
       try {
-        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";
+        const S = await z(h.value.trim());
+        m.value = S, c.value = 2;
+      } catch (S) {
+        console.error("Failed to setup TOTP:", S), x.value = S instanceof Error ? S.message : "Failed to setup TOTP";
       }
-    }, N = ($) => {
-      u.value = "", $.length === 6 && y();
+    }, N = (S) => {
+      u.value = "", S.length === 6 && y();
     }, y = async () => {
-      if (!(!m.value || !S.value)) {
+      if (!(!m.value || !$.value)) {
         u.value = "";
         try {
-          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";
+          await V(m.value.device_id, $.value), c.value = 4;
+        } catch (S) {
+          console.error("Failed to verify TOTP code:", S), u.value = S instanceof Error ? S.message : "Invalid verification code";
         }
       }
     }, L = async () => {
       if (m.value?.backup_codes)
         try {
-          const $ = m.value.backup_codes.join(`
+          const S = m.value.backup_codes.join(`
 `);
-          await navigator.clipboard.writeText($);
-        } catch ($) {
-          console.warn("Failed to copy backup codes to clipboard:", $);
+          await navigator.clipboard.writeText(S);
+        } catch (S) {
+          console.warn("Failed to copy backup codes to clipboard:", S);
         }
     }, F = () => {
       l("success");
     };
-    return ($, k) => (a(), ye(pt, {
+    return (S, k) => (a(), ye(pt, {
       modelValue: w.value,
       "onUpdate:modelValue": k[5] || (k[5] = (O) => w.value = O),
       title: "Setup Authenticator App",
@@ -7321,8 +7321,8 @@ const ti = {
             e("p", { class: "text-sm text-gray-600 mb-4" }, " Enter the 6-digit code from your authenticator app to complete setup ")
           ], -1)),
           d(i(Fe), {
-            modelValue: S.value,
-            "onUpdate:modelValue": k[3] || (k[3] = (O) => S.value = O),
+            modelValue: $.value,
+            "onUpdate:modelValue": k[3] || (k[3] = (O) => $.value = O),
             type: "pincode",
             label: "Verification Code",
             "max-length": 6,
@@ -7345,7 +7345,7 @@ const ti = {
             d(i(ue), {
               variant: "primary",
               onClick: y,
-              disabled: S.value.length !== 6 || i(C),
+              disabled: $.value.length !== 6 || i(C),
               loading: i(C)
             }, {
               default: _(() => [...k[15] || (k[15] = [
@@ -7446,15 +7446,15 @@ const ti = {
   },
   emits: ["close", "success"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { setupEmailMfa: V, sendEmailMfaCode: T, verifyEmailMfaCode: C, loading: w } = Tt(), c = H({
+    const t = s, l = r, { setupEmailMfa: z, sendEmailMfaCode: V, verifyEmailMfaCode: C, loading: w } = Tt(), c = H({
       get: () => t.show,
       set: (b) => {
         b || l("close");
       }
-    }), h = M(1), x = M(""), S = M(""), u = M(""), m = M(""), U = M(null), D = M(!1), g = M(0);
+    }), h = M(1), x = M(""), $ = M(""), u = M(""), m = M(""), U = M(null), D = M(!1), g = M(0);
     let N = null;
     Le(() => t.show, (b) => {
-      b && (h.value = 1, x.value = "", S.value = "", u.value = "", m.value = "", U.value = null, D.value = !1, g.value = 0, N && (clearInterval(N), N = null));
+      b && (h.value = 1, x.value = "", $.value = "", u.value = "", m.value = "", U.value = null, D.value = !1, g.value = 0, N && (clearInterval(N), N = null));
     }), Le(u, () => {
       m.value && (m.value = "");
     }), Ra(() => {
@@ -7464,19 +7464,19 @@ const ti = {
       l("close");
     }, L = async () => {
       if (!x.value.trim()) {
-        S.value = "Device name is required";
+        $.value = "Device name is required";
         return;
       }
-      S.value = "";
+      $.value = "";
       try {
-        const b = await V(x.value.trim());
-        U.value = b.device_id, await T(b.device_id), h.value = 2, O();
+        const b = await z(x.value.trim());
+        U.value = b.device_id, await V(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";
+        console.error("Failed to setup email MFA:", b), $.value = b instanceof Error ? b.message : "Failed to setup email MFA";
       }
     }, F = (b) => {
-      m.value = "", b.length === 6 && $();
-    }, $ = async () => {
+      m.value = "", b.length === 6 && S();
+    }, S = async () => {
       if (!(!U.value || !u.value)) {
         m.value = "";
         try {
@@ -7488,7 +7488,7 @@ const ti = {
     }, k = async () => {
       if (!(!U.value || D.value))
         try {
-          await T(U.value), O();
+          await V(U.value), O();
         } catch (b) {
           console.warn("Failed to resend email MFA verification code:", b);
         }
@@ -7499,31 +7499,31 @@ const ti = {
     }, q = () => {
       l("success");
     };
-    return (b, z) => (a(), ye(pt, {
+    return (b, T) => (a(), ye(pt, {
       modelValue: c.value,
-      "onUpdate:modelValue": z[3] || (z[3] = (ae) => c.value = ae),
+      "onUpdate:modelValue": T[3] || (T[3] = (ae) => c.value = ae),
       title: "Setup Email 2FA",
       "card-class": "email-mfa-setup-modal"
     }, {
       default: _(() => [
         h.value === 1 ? (a(), o("div", v2, [
-          z[7] || (z[7] = e("div", null, [
+          T[7] || (T[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": z[0] || (z[0] = (ae) => x.value = ae),
+            "onUpdate:modelValue": T[0] || (T[0] = (ae) => x.value = ae),
             label: "Device Name",
             placeholder: "Personal Email",
-            error: S.value,
+            error: $.value,
             disabled: i(w)
           }, null, 8, ["modelValue", "error", "disabled"]),
           d(i(Et), {
             variant: "info",
             title: "Email 2FA"
           }, {
-            default: _(() => [...z[4] || (z[4] = [
+            default: _(() => [...T[4] || (T[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: _(() => [...z[5] || (z[5] = [
+              default: _(() => [...T[5] || (T[5] = [
                 J(" Cancel ", -1)
               ])]),
               _: 1
@@ -7544,7 +7544,7 @@ const ti = {
               disabled: !x.value.trim() || i(w),
               loading: i(w)
             }, {
-              default: _(() => [...z[6] || (z[6] = [
+              default: _(() => [...T[6] || (T[6] = [
                 J(" Setup Email 2FA ", -1)
               ])]),
               _: 1
@@ -7552,11 +7552,11 @@ const ti = {
           ])
         ])) : I("", !0),
         h.value === 2 ? (a(), o("div", f2, [
-          z[10] || (z[10] = e("div", null, [
+          T[10] || (T[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)),
-          z[11] || (z[11] = e("div", { class: "email-mfa-setup-success-notification" }, [
+          T[11] || (T[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": z[1] || (z[1] = (ae) => u.value = ae),
+            "onUpdate:modelValue": T[1] || (T[1] = (ae) => u.value = ae),
             type: "pincode",
             label: "Verification Code",
             "max-length": 6,
@@ -7602,20 +7602,20 @@ const ti = {
           e("div", h2, [
             d(i(ue), {
               color: "secondary",
-              onClick: z[2] || (z[2] = (ae) => h.value = 1),
+              onClick: T[2] || (T[2] = (ae) => h.value = 1),
               disabled: i(w)
             }, {
-              default: _(() => [...z[8] || (z[8] = [
+              default: _(() => [...T[8] || (T[8] = [
                 J(" Back ", -1)
               ])]),
               _: 1
             }, 8, ["disabled"]),
             d(i(ue), {
-              onClick: $,
+              onClick: S,
               disabled: u.value.length !== 6 || i(w),
               loading: i(w)
             }, {
-              default: _(() => [...z[9] || (z[9] = [
+              default: _(() => [...T[9] || (T[9] = [
                 J(" Verify & Enable ", -1)
               ])]),
               _: 1
@@ -7623,7 +7623,7 @@ const ti = {
           ])
         ])) : I("", !0),
         h.value === 3 ? (a(), o("div", g2, [
-          z[13] || (z[13] = e("div", { class: "email-mfa-setup-completion" }, [
+          T[13] || (T[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)),
-          z[14] || (z[14] = e("div", { class: "email-mfa-setup-info" }, [
+          T[14] || (T[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: _(() => [...z[12] || (z[12] = [
+              default: _(() => [...T[12] || (T[12] = [
                 J(" Done ", -1)
               ])]),
               _: 1
@@ -7700,7 +7700,7 @@ const ti = {
   },
   emits: ["close", "success"],
   setup(s, { emit: r }) {
-    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({
+    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"), $ = 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, z) => {
+    }, F = (b, T) => {
       const ae = (ce) => {
         try {
           if (!ce)
@@ -7779,10 +7779,10 @@ const ti = {
             { type: "public-key", alg: -8 }
             // EdDSA (Ed25519)
           ],
-          timeout: b.timeout || (z === "passkey" ? 3e5 : 12e4),
+          timeout: b.timeout || (T === "passkey" ? 3e5 : 12e4),
           // Longer timeout for passkeys
-          authenticatorSelection: b.authenticatorSelection || L(z),
-          attestation: b.attestation || (z === "passkey" ? "none" : "direct")
+          authenticatorSelection: b.authenticatorSelection || L(T),
+          attestation: b.attestation || (T === "passkey" ? "none" : "direct")
           // Different attestation preferences
         };
         return b.excludeCredentials && Array.isArray(b.excludeCredentials) && b.excludeCredentials.length > 0 && (ce.excludeCredentials = b.excludeCredentials.map((Ce) => ({
@@ -7792,7 +7792,7 @@ const ti = {
       } catch {
         throw new Error("Unable to process WebAuthn challenge data");
       }
-    }, $ = async () => {
+    }, S = async () => {
       if (!m.value.trim()) {
         U.value = "Device name is required";
         return;
@@ -7809,10 +7809,10 @@ const ti = {
         }
         if (!w.value?.accessToken)
           throw new Error("Not authenticated. Please sign in again.");
-        const { device_id: b, challenge: z } = await T(m.value.trim(), w.value.accessToken);
-        if (!z || typeof z != "object")
+        const { device_id: b, challenge: T } = await V(m.value.trim(), w.value.accessToken);
+        if (!T || typeof T != "object")
           throw new Error("Invalid challenge received from server");
-        const ae = F(z, t.deviceType);
+        const ae = F(T, 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 z = "Hardware key registration failed";
+        let T = "Hardware key registration failed";
         if (b instanceof Error) {
           const ae = b.message.toLowerCase();
-          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;
+          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;
         }
-        g.value = z, u.value = 5;
+        g.value = T, u.value = 5;
       } finally {
         c.value = !1;
       }
@@ -7862,21 +7862,21 @@ const ti = {
     }, q = () => {
       l("success");
     };
-    return (b, z) => (a(), ye(pt, {
-      modelValue: S.value,
-      "onUpdate:modelValue": z[3] || (z[3] = (ae) => S.value = ae),
+    return (b, T) => (a(), ye(pt, {
+      modelValue: $.value,
+      "onUpdate:modelValue": T[3] || (T[3] = (ae) => $.value = ae),
       title: x.value,
       "card-class": "hardware-key-setup-modal"
     }, {
       default: _(() => [
         u.value === 1 ? (a(), o("div", k2, [
-          z[6] || (z[6] = e("div", null, [
+          T[6] || (T[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": z[0] || (z[0] = (ae) => m.value = ae),
+            "onUpdate:modelValue": T[0] || (T[0] = (ae) => m.value = ae),
             label: "Device Name",
             placeholder: "My Hardware Key",
             error: U.value,
@@ -7888,18 +7888,18 @@ const ti = {
               onClick: y,
               disabled: h.value
             }, {
-              default: _(() => [...z[4] || (z[4] = [
+              default: _(() => [...T[4] || (T[4] = [
                 J(" Cancel ", -1)
               ])]),
               _: 1
             }, 8, ["disabled"]),
             d(i(ue), {
               variant: "primary",
-              onClick: $,
+              onClick: S,
               disabled: !m.value.trim() || h.value,
               loading: h.value
             }, {
-              default: _(() => [...z[5] || (z[5] = [
+              default: _(() => [...T[5] || (T[5] = [
                 J(" Continue ", -1)
               ])]),
               _: 1
@@ -7907,11 +7907,11 @@ const ti = {
           ])
         ])) : I("", !0),
         u.value === 2 ? (a(), o("div", b2, [
-          z[17] || (z[17] = e("div", null, [
+          T[17] || (T[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)),
-          z[18] || (z[18] = e("div", { class: "hardware-key-setup-illustration" }, [
+          T[18] || (T[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, [
-              z[14] || (z[14] = e("svg", {
+              T[14] || (T[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, [
-                z[13] || (z[13] = e("p", { class: "hardware-key-setup-instructions-title" }, "Setup Instructions", -1)),
+                T[13] || (T[13] = e("p", { class: "hardware-key-setup-instructions-title" }, "Setup Instructions", -1)),
                 e("ul", $2, [
                   t.deviceType === "passkey" ? (a(), o(De, { key: 0 }, [
-                    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))
+                    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))
                   ], 64)) : (a(), o(De, { key: 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))
+                    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))
                   ], 64))
                 ])
               ])
@@ -7964,10 +7964,10 @@ const ti = {
           e("div", S2, [
             d(i(ue), {
               variant: "secondary",
-              onClick: z[1] || (z[1] = (ae) => u.value = 1),
+              onClick: T[1] || (T[1] = (ae) => u.value = 1),
               disabled: h.value
             }, {
-              default: _(() => [...z[15] || (z[15] = [
+              default: _(() => [...T[15] || (T[15] = [
                 J(" Back ", -1)
               ])]),
               _: 1
@@ -7978,7 +7978,7 @@ const ti = {
               disabled: h.value,
               loading: h.value
             }, {
-              default: _(() => [...z[16] || (z[16] = [
+              default: _(() => [...T[16] || (T[16] = [
                 J(" Register Key ", -1)
               ])]),
               _: 1
@@ -7993,10 +7993,10 @@ const ti = {
                 class: "hardware-key-setup-loader"
               })
             ]),
-            z[19] || (z[19] = e("h3", { class: "hardware-key-setup-step-title" }, "Registering Hardware Key", -1)),
+            T[19] || (T[19] = e("h3", { class: "hardware-key-setup-step-title" }, "Registering Hardware Key", -1)),
             e("p", z2, R(D.value), 1)
           ]),
-          z[20] || (z[20] = e("div", { class: "hardware-key-setup-progress-indicator" }, [
+          T[20] || (T[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, [
-          z[24] || (z[24] = e("div", { class: "hardware-key-setup-success" }, [
+          T[24] || (T[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, [
-            z[22] || (z[22] = e("div", { class: "hardware-key-setup-backup-codes-header" }, [
+            T[22] || (T[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: _(() => [...z[21] || (z[21] = [
+                default: _(() => [...T[21] || (T[21] = [
                   J(" 📋 Copy Codes ", -1)
                 ])]),
                 _: 1
@@ -8083,7 +8083,7 @@ const ti = {
               variant: "primary",
               onClick: q
             }, {
-              default: _(() => [...z[23] || (z[23] = [
+              default: _(() => [...T[23] || (T[23] = [
                 J(" Done ", -1)
               ])]),
               _: 1
@@ -8092,7 +8092,7 @@ const ti = {
         ])) : I("", !0),
         u.value === 5 ? (a(), o("div", D2, [
           e("div", N2, [
-            z[25] || (z[25] = e("div", { class: "hardware-key-setup-error-icon" }, [
+            T[25] || (T[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)),
-            z[26] || (z[26] = e("h3", { class: "hardware-key-setup-step-title" }, "Registration Failed", -1)),
+            T[26] || (T[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: z[2] || (z[2] = (ae) => u.value = 1)
+              onClick: T[2] || (T[2] = (ae) => u.value = 1)
             }, {
-              default: _(() => [...z[27] || (z[27] = [
+              default: _(() => [...T[27] || (T[27] = [
                 J(" Start Over ", -1)
               ])]),
               _: 1
@@ -8124,7 +8124,7 @@ const ti = {
               variant: "primary",
               onClick: y
             }, {
-              default: _(() => [...z[28] || (z[28] = [
+              default: _(() => [...T[28] || (T[28] = [
                 J(" Close ", -1)
               ])]),
               _: 1
@@ -8155,7 +8155,7 @@ const ti = {
   },
   emits: ["close"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { regenerateBackupCodes: V, loading: T, getDeviceTypeName: C } = Tt(), w = H({
+    const t = s, l = r, { regenerateBackupCodes: z, loading: V, getDeviceTypeName: C } = Tt(), w = H({
       get: () => t.show,
       set: (D) => {
         D || l("close");
@@ -8168,12 +8168,12 @@ const ti = {
     });
     const x = () => {
       l("close");
-    }, S = () => {
+    }, $ = () => {
       h.value = !0;
     }, u = async () => {
       if (t.device)
         try {
-          const D = await V(t.device.id);
+          const D = await z(t.device.id);
           c.value = D.backup_codes, h.value = !1;
         } catch (D) {
           console.error("Failed to regenerate backup codes:", D);
@@ -8206,8 +8206,8 @@ const ti = {
         "",
         "============================"
       ].join(`
-`), L = new Blob([y], { type: "text/plain" }), F = URL.createObjectURL(L), $ = document.createElement("a");
-      $.href = F, $.download = N, document.body.appendChild($), $.click(), document.body.removeChild($), URL.revokeObjectURL(F);
+`), L = new Blob([y], { type: "text/plain" }), F = URL.createObjectURL(L), S = document.createElement("a");
+      S.href = F, S.download = N, document.body.appendChild(S), S.click(), document.body.removeChild(S), URL.revokeObjectURL(F);
     };
     return (D, g) => (a(), o("div", O2, [
       d(pt, {
@@ -8217,7 +8217,7 @@ const ti = {
         "card-class": "backup-codes-modal"
       }, {
         default: _(() => [
-          i(T) ? (a(), o("div", R2, [
+          i(V) ? (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, [
@@ -8291,9 +8291,9 @@ const ti = {
               e("div", e3, [
                 d(i(ue), {
                   variant: "secondary",
-                  onClick: S,
-                  disabled: i(T),
-                  loading: i(T)
+                  onClick: $,
+                  disabled: i(V),
+                  loading: i(V)
                 }, {
                   default: _(() => [...g[7] || (g[7] = [
                     J(" 🔄 Regenerate Codes ", -1)
@@ -8332,8 +8332,8 @@ const ti = {
                       variant: "primary",
                       size: "sm",
                       onClick: u,
-                      disabled: i(T),
-                      loading: i(T)
+                      disabled: i(V),
+                      loading: i(V)
                     }, {
                       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, V = M(!1), T = H({
+    const t = s, l = r, z = M(!1), V = H({
       get: () => t.show,
       set: (c) => {
         c || l("cancel");
       }
     }), C = () => {
-      V.value = !0, l("confirm");
+      z.value = !0, l("confirm");
     }, w = () => {
       l("cancel");
     };
     return (c, h) => (a(), o("div", n3, [
       d(pt, {
-        modelValue: T.value,
-        "onUpdate:modelValue": h[0] || (h[0] = (x) => T.value = x),
+        modelValue: V.value,
+        "onUpdate:modelValue": h[0] || (h[0] = (x) => V.value = x),
         "card-class": "confirm-modal"
       }, {
         header: _(() => [
@@ -8397,7 +8397,7 @@ const ti = {
             d(i(ue), {
               variant: "secondary",
               onClick: w,
-              disabled: V.value
+              disabled: z.value
             }, {
               default: _(() => [
                 J(R(s.cancelText), 1)
@@ -8407,8 +8407,8 @@ const ti = {
             d(i(ue), {
               variant: s.variant,
               onClick: C,
-              disabled: V.value,
-              loading: V.value
+              disabled: z.value,
+              loading: z.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: V,
-      loading: T,
+      mfaEnabled: z,
+      loading: V,
       activeMfaDevices: C,
       fetchMfaDevices: w,
       disableMfaDevice: c,
@@ -8473,7 +8473,7 @@ const ti = {
           oe("line", { x1: "12", y1: "18", x2: "12.01", y2: "18" })
         ]);
       }
-    }, S = {
+    }, $ = {
       props: ["size"],
       render() {
         return oe("svg", { width: this.size, height: this.size, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, [
@@ -8520,7 +8520,7 @@ const ti = {
           oe("path", { d: "m12 17 .01 0" })
         ]);
       }
-    }, g = M("add"), N = Ge({}), y = Ge({}), L = M(!1), F = M(!1), $ = M(!1), k = M(!1), O = H({
+    }, g = M("add"), N = Ge({}), y = Ge({}), L = M(!1), F = M(!1), S = M(!1), k = M(!1), O = H({
       get: () => t.modelValue || !1,
       set: (be) => l("update:modelValue", be)
     }), q = H(() => {
@@ -8542,7 +8542,7 @@ const ti = {
       } finally {
         N[be.id] = !1;
       }
-    }, z = async (be) => {
+    }, T = 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(T) ? (a(), o("div", p3, [
+            i(V) ? (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(V) ? "Enabled" : "Add extra security to your account"), 1)
+                    e("p", g3, R(i(z) ? "Enabled" : "Add extra security to your account"), 1)
                   ]),
                   e("div", C3, [
-                    i(V) ? (a(), o("span", y3, [
+                    i(z) ? (a(), o("span", y3, [
                       d(U, {
                         size: 12,
                         class: "mfa-badge-icon"
@@ -8633,7 +8633,7 @@ const ti = {
                         e("div", S3, [
                           e("div", A3, [
                             e("div", _3, [
-                              d(S, { size: 24 })
+                              d($, { size: 24 })
                             ]),
                             ne[16] || (ne[16] = e("div", { class: "mfa-device-option-info" }, [
                               e("h4", { class: "mfa-device-option-title" }, "Email Verification"),
@@ -8664,7 +8664,7 @@ const ti = {
                           d(i(ue), {
                             variant: "outline",
                             size: "sm",
-                            onClick: ne[2] || (ne[2] = (Z) => $.value = !0)
+                            onClick: ne[2] || (ne[2] = (Z) => S.value = !0)
                           }, {
                             default: _(() => [...ne[19] || (ne[19] = [
                               J(" Setup ", -1)
@@ -8722,7 +8722,7 @@ const ti = {
                               Z.device_type === "totp" ? (a(), ye(x, {
                                 key: 0,
                                 size: 20
-                              })) : Z.device_type === "email" ? (a(), ye(S, {
+                              })) : Z.device_type === "email" ? (a(), ye($, {
                                 key: 1,
                                 size: 20
                               })) : Z.device_type === "hardware" ? (a(), ye(u, {
@@ -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) => z(Z)
+                              onConfirm: (ie) => T(Z)
                             }, {
                               trigger: _(() => [
                                 d(i(ue), {
@@ -8820,10 +8820,10 @@ const ti = {
         onClose: ne[8] || (ne[8] = (W) => F.value = !1)
       }, null, 8, ["show"]),
       d(Aa, {
-        show: $.value,
+        show: S.value,
         "device-type": "hardware",
         onSuccess: Ce,
-        onClose: ne[9] || (ne[9] = (W) => $.value = !1)
+        onClose: ne[9] || (ne[9] = (W) => S.value = !1)
       }, null, 8, ["show"]),
       d(Aa, {
         show: k.value,
@@ -8860,7 +8860,7 @@ const ti = {
   },
   emits: ["close", "settings-updated"],
   setup(s, { emit: r }) {
-    const t = r, { currentUser: l, updateUserSettings: V } = ft(), T = M(!1), C = M(null), w = Ge({
+    const t = r, { currentUser: l, updateUserSettings: z } = ft(), V = M(!1), C = M(null), w = Ge({
       levelUpSounds: l.value?.settings?.levelUpSounds ?? !0,
       milestoneSounds: l.value?.settings?.milestoneSounds ?? !0
     });
@@ -8877,18 +8877,18 @@ const ti = {
       C.value || (C.value = "milestone", $a.playLevelUp(50), setTimeout(() => {
         C.value === "milestone" && (C.value = null);
       }, 2500));
-    }, S = async (u) => {
-      if (!T.value) {
-        T.value = !0;
+    }, $ = async (u) => {
+      if (!V.value) {
+        V.value = !0;
         try {
-          await V({
+          await z({
             ...l.value?.settings,
             ...w
           }), t("settings-updated", { ...w });
         } catch (m) {
           console.warn("Failed to save settings:", m);
         } finally {
-          T.value = !1, u();
+          V.value = !1, u();
         }
       }
     };
@@ -8911,11 +8911,11 @@ const ti = {
             }, 8, ["onClick"]),
             d(lt, {
               variant: "primary",
-              onClick: (D) => S(U),
-              loading: T.value
+              onClick: (D) => $(U),
+              loading: V.value
             }, {
               default: _(() => [
-                J(R(T.value ? "Saving..." : "Save Settings"), 1)
+                J(R(V.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: V, revokeSession: T, revokeAllOtherSessions: C } = ft(), w = {
+    const t = s, l = r, { getUserSessions: z, revokeSession: V, 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" }, [
@@ -9091,7 +9091,7 @@ const ti = {
           oe("polyline", { points: "12,6 12,12 16,14" })
         ]);
       }
-    }, S = {
+    }, $ = {
       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: (z) => l("update:modelValue", z)
+      set: (T) => l("update:modelValue", T)
     });
-    Le(() => y.value, (z) => {
-      z && L();
+    Le(() => y.value, (T) => {
+      T && L();
     }), Ye(() => {
       (typeof t.modelValue > "u" || t.modelValue) && L();
     });
     const L = async () => {
       U.value = !0, D.value = null;
       try {
-        const z = await V();
-        if (u.value = z || [], u.value.length > 0) {
+        const T = await z();
+        if (u.value = T || [], 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 (z) {
-        D.value = z instanceof Error ? z.message : "Failed to load sessions", console.error("Failed to load sessions:", z);
+      } catch (T) {
+        D.value = T instanceof Error ? T.message : "Failed to load sessions", console.error("Failed to load sessions:", T);
       } finally {
         U.value = !1;
       }
-    }, F = async (z) => {
-      g[z] = !0;
+    }, F = async (T) => {
+      g[T] = !0;
       try {
-        await T(z), await L(), l("sessions-updated");
+        await V(T), 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[z] = !1;
+        g[T] = !1;
       }
-    }, $ = async () => {
+    }, S = async () => {
       N.value = !0;
       try {
         await C(), await L(), l("sessions-updated");
-      } catch (z) {
-        console.error("Failed to revoke all other sessions:", z), D.value = z instanceof Error ? z.message : "Failed to revoke sessions";
+      } catch (T) {
+        console.error("Failed to revoke all other sessions:", T), D.value = T instanceof Error ? T.message : "Failed to revoke sessions";
       } finally {
         N.value = !1;
       }
-    }, k = (z) => {
-      if (z.device_name) return z.device_name;
-      const ae = z.user_agent || "";
+    }, k = (T) => {
+      if (T.device_name) return T.device_name;
+      const ae = T.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 = (z) => {
+    }, O = (T) => {
       const ae = [];
-      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 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 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 = (z) => z ? new Date(z).toLocaleDateString(void 0, {
+    }, b = (T) => T ? new Date(T).toLocaleDateString(void 0, {
       year: "numeric",
       month: "short",
       day: "numeric",
       hour: "2-digit",
       minute: "2-digit"
     }) : "Unknown";
-    return (z, ae) => (a(), ye(i(pt), {
+    return (T, ae) => (a(), ye(i(pt), {
       modelValue: y.value,
       "onUpdate:modelValue": ae[0] || (ae[0] = (ce) => y.value = ce),
       title: "Active Sessions",
@@ -9274,7 +9274,7 @@ const ti = {
                   ]),
                   e("div", P4, [
                     e("span", j4, [
-                      d(S, { size: 14 })
+                      d($, { size: 14 })
                     ]),
                     e("span", O4, " Started " + R(b(ce.created_at)), 1)
                   ])
@@ -9284,7 +9284,7 @@ const ti = {
             u.value.length > 1 ? (a(), o("div", R4, [
               d(i(ue), {
                 variant: "outline",
-                onClick: $,
+                onClick: S,
                 disabled: N.value
               }, {
                 default: _(() => [
@@ -9377,7 +9377,7 @@ const ti = {
           oe("polyline", { points: "22,6 12,13 2,6" })
         ]);
       }
-    }, V = {
+    }, z = {
       props: ["size"],
       render() {
         return oe("svg", {
@@ -9391,7 +9391,7 @@ const ti = {
           oe("circle", { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor" })
         ]);
       }
-    }, 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({
+    }, V = s, C = r, { getSupportEmail: w, getUrl: c } = vt(V.config), { fetchProfile: h, updateProfile: x, changeEmail: $, changeUsername: u, getUsernameCooldown: m, checkUsernameAvailability: U, getUserSessions: D, currentUser: g, currentSession: N, isAuthenticated: y, refreshToken: L, signOut: F } = ft(), { activeMfaDevices: S, 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({
       canChange: !0,
       cooldownEnd: null,
       daysRemaining: 0
@@ -9445,7 +9445,7 @@ const ti = {
       const ct = Math.floor(et / 365);
       return ct === 1 ? "1 year ago" : `${ct} years ago`;
     }), Oe = H(() => {
-      const X = $.value || [], P = {
+      const X = S.value || [], P = {
         totp: 0,
         email: 0,
         hardware: 0,
@@ -9474,7 +9474,7 @@ const ti = {
           type: "hardware",
           count: we,
           label: we === 1 ? "Key" : "Keys",
-          icon: V,
+          icon: z,
           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 (!(!T.autoFetch || T.user || !y.value)) {
+      if (!(!V.autoFetch || V.user || !y.value)) {
         q.value = !0;
         try {
           await h(), y.value && await k();
@@ -9547,7 +9547,7 @@ const ti = {
         he[X] = "";
       });
     }, zt = async () => {
-      it(), z.value = !0;
+      it(), T.value = !0;
       try {
         const X = await x({
           firstName: re.firstName,
@@ -9559,24 +9559,24 @@ const ti = {
         const P = X instanceof Error ? X.message : "Failed to update profile";
         Y.value = P, C("error", P);
       } finally {
-        z.value = !1;
+        T.value = !1;
       }
     }, Vt = async () => {
       if (fe.value) {
-        it(), z.value = !0;
+        it(), T.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 {
-          z.value = !1;
+          T.value = !1;
         }
       }
     }, It = async () => {
       if (pe.value) {
         ve.errors.newEmail = "", ve.errors.password = "", it(), Ae.value = !0;
         try {
-          const X = await S(ve.newEmail, ve.password);
+          const X = await $(ve.newEmail, ve.password);
           te.value = X.message || "Email updated successfully. Please verify your new email address.", xe.value = !1, ve.newEmail = "", ve.password = "", b.value && C("profile-updated", b.value);
         } catch (X) {
           console.error("Failed to update email:", X);
@@ -9826,7 +9826,7 @@ const ti = {
                       label: "First name",
                       placeholder: "Enter your first name",
                       autocomplete: "given-name",
-                      disabled: z.value || q.value,
+                      disabled: T.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: z.value || q.value,
+                      disabled: T.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: z.value,
-                    loading: z.value
+                    disabled: T.value,
+                    loading: T.value
                   }, {
                     default: _(() => [
-                      J(R(z.value ? "Saving changes..." : "Save changes"), 1)
+                      J(R(T.value ? "Saving changes..." : "Save changes"), 1)
                     ]),
                     _: 1
                   }, 8, ["disabled", "loading"]),
                   d(i(ue), {
                     color: "secondary",
                     onClick: ra,
-                    disabled: z.value
+                    disabled: T.value
                   }, {
                     default: _(() => [...P[24] || (P[24] = [
                       J(" Cancel ", -1)
@@ -10120,7 +10120,7 @@ const ti = {
                 ])
               ])) : I("", !0),
               d(Lt, {
-                config: T.config
+                config: V.config
               }, {
                 default: _(() => [
                   e("div", N0, [
@@ -10244,26 +10244,26 @@ const ti = {
   },
   emits: ["success", "error", "back-to-signin"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { getSupportEmail: V } = vt(t.config), T = M(!1), C = M(""), w = M(!1), c = Ge({
+    const t = s, l = r, { getSupportEmail: z } = vt(t.config), V = M(!1), C = M(""), w = M(!1), c = Ge({
       email: ""
     }), h = async () => {
-      T.value = !0, C.value = "";
+      V.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 {
-        T.value = !1;
+        V.value = !1;
       }
     };
-    return (x, S) => (a(), o("div", Z0, [
+    return (x, $) => (a(), o("div", Z0, [
       e("div", K0, [
         d(i(_t), {
           variant: "modern",
           color: "secondary"
         }, {
           default: _(() => [
-            S[6] || (S[6] = e("div", { class: "accui-text-center accui-mb-8" }, [
+            $[6] || ($[6] = e("div", { class: "accui-text-center accui-mb-8" }, [
               e("h1", { class: "accui-text-3xl accui-font-bold accui-text-gradient accui-mb-2" }, "Reset password"),
               e("p", { class: "accui-text-neutral-600" }, "Enter your email address and we'll send you a link to reset your password")
             ], -1)),
@@ -10274,21 +10274,21 @@ const ti = {
               d(i(Fe), {
                 id: "email",
                 modelValue: c.email,
-                "onUpdate:modelValue": S[0] || (S[0] = (u) => c.email = u),
+                "onUpdate:modelValue": $[0] || ($[0] = (u) => c.email = u),
                 type: "email",
                 label: "Email address",
                 placeholder: "Enter your email address",
                 autocomplete: "email",
                 required: "",
-                disabled: T.value || w.value,
+                disabled: V.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: T.value || !c.email.trim() || w.value,
-                loading: T.value,
+                disabled: V.value || !c.email.trim() || w.value,
+                loading: V.value,
                 "loading-text": "Sending link..."
               }, {
                 default: _(() => [
@@ -10309,14 +10309,14 @@ const ti = {
               message: C.value,
               class: "accui-mt-6 accui-animate-fade-in",
               dismissible: "",
-              onDismiss: S[1] || (S[1] = (u) => C.value = "")
+              onDismiss: $[1] || ($[1] = (u) => C.value = "")
             }, null, 8, ["message"])) : I("", !0),
             e("div", G0, [
               d(i(mt), {
-                onClick: S[2] || (S[2] = (u) => x.$emit("back-to-signin")),
+                onClick: $[2] || ($[2] = (u) => x.$emit("back-to-signin")),
                 class: "accui-inline-flex accui-items-center accui-gap-2"
               }, {
-                default: _(() => [...S[3] || (S[3] = [
+                default: _(() => [...$[3] || ($[3] = [
                   e("svg", {
                     class: "accui-w-4 accui-h-4",
                     fill: "none",
@@ -10339,14 +10339,14 @@ const ti = {
               config: t.config
             }, {
               default: _(() => [
-                i(V)() ? (a(), o("div", Y0, [
+                i(z)() ? (a(), o("div", Y0, [
                   e("p", W0, [
-                    S[5] || (S[5] = J(" Need help? ", -1)),
+                    $[5] || ($[5] = J(" Need help? ", -1)),
                     d(i(mt), {
                       variant: "primary",
-                      href: `mailto:${i(V)()}`
+                      href: `mailto:${i(z)()}`
                     }, {
-                      default: _(() => [...S[4] || (S[4] = [
+                      default: _(() => [...$[4] || ($[4] = [
                         J(" Contact Support ", -1)
                       ])]),
                       _: 1
@@ -10376,35 +10376,29 @@ const ti = {
   },
   emits: ["sign-in-required"],
   setup(s, { emit: r }) {
-    const t = r, l = M(!1);
-    console.log("[SignedIn] Component script executing - v2.17.14");
-    const { 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 () => {
-      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 = () => {
+    const t = r, { isAuthenticated: l, isInitializing: z, user: V, signOut: C } = ft(), w = typeof window < "u", c = H(() => !w || z.value), h = H(() => !c.value && l.value), x = H(() => !c.value && !l.value), $ = () => {
       t("sign-in-required");
     };
-    return (m, U) => x.value ? (a(), o("div", {
+    return (u, m) => h.value ? (a(), o("div", {
       key: 0,
       class: Me(["animate-fade-in", s.inline ? "is_inline" : ""])
     }, [
-      Pe(m.$slots, "default", {
-        user: i(C),
-        signOut: i(w)
+      Pe(u.$slots, "default", {
+        user: i(V),
+        signOut: i(C)
       }, void 0, !0)
-    ], 2)) : S.value && s.showFallback ? (a(), o("div", X0, [
-      Pe(m.$slots, "fallback", { signIn: u }, () => [
+    ], 2)) : x.value && s.showFallback ? (a(), o("div", X0, [
+      Pe(u.$slots, "fallback", { signIn: $ }, () => [
         e("div", { class: "signed-in-fallback" }, [
-          U[0] || (U[0] = Qt('<div class="signed-in-icon-container" data-v-e57d977e><svg class="signed-in-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-v-e57d977e><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-e57d977e></path></svg></div><h3 class="signed-in-title" data-v-e57d977e>Sign in required</h3><p class="signed-in-subtitle" data-v-e57d977e>You need to be signed in to access this content.</p>', 3)),
+          m[0] || (m[0] = Qt('<div class="signed-in-icon-container" data-v-0094f02a><svg class="signed-in-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-v-0094f02a><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-0094f02a></path></svg></div><h3 class="signed-in-title" data-v-0094f02a>Sign in required</h3><p class="signed-in-subtitle" data-v-0094f02a>You need to be signed in to access this content.</p>', 3)),
           e("button", {
-            onClick: u,
+            onClick: $,
             class: "signed-in-button"
           }, " Sign in ")
         ])
       ], !0)
-    ])) : h.value ? (a(), o("div", J0, [
-      Pe(m.$slots, "loading", {}, () => [
+    ])) : c.value ? (a(), o("div", J0, [
+      Pe(u.$slots, "loading", {}, () => [
         d(i(ht), {
           size: 30,
           variant: "circle",
@@ -10413,7 +10407,7 @@ const ti = {
       ], !0)
     ])) : I("", !0);
   }
-}), tc = /* @__PURE__ */ Ue(ec, [["__scopeId", "data-v-e57d977e"]]), Cu = /* @__PURE__ */ Ve({
+}), tc = /* @__PURE__ */ Ue(ec, [["__scopeId", "data-v-0094f02a"]]), Cu = /* @__PURE__ */ Ve({
   __name: "StrandsConfigProvider",
   props: {
     config: {}
@@ -10441,7 +10435,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}`), V = H(() => "0 0 24 24"), T = {
+    }, l = H(() => `${t[r.size]} ${r.class}`), z = H(() => "0 0 24 24"), V = {
       eye: () => oe("g", [
         oe("path", {
           "stroke-linecap": "round",
@@ -10537,14 +10531,14 @@ const ti = {
         "clip-rule": "evenodd"
       })
     }, C = H(() => {
-      const w = T[r.name];
+      const w = V[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: V.value,
+      viewBox: z.value,
       "aria-hidden": s.ariaHidden
     }, [
       (a(), ye(ot(C.value)))
@@ -10582,7 +10576,7 @@ const ti = {
   },
   emits: ["profile-updated", "signed-out", "signed-in"],
   setup(s, { emit: r }) {
-    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({
+    const t = s, l = r, { currentUser: z, signOut: V, isAuthenticated: C } = ft(), w = M(!1), c = M(!1), h = M(!1), x = M(), $ = M(), u = M(), m = H(() => $.value), { floatingStyle: U, updatePosition: D } = ja({
       trigger: m,
       floating: u,
       placement: "bottom-end",
@@ -10627,19 +10621,19 @@ const ti = {
         default:
           return 64;
       }
-    }), 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 = () => {
+    }), 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 = () => {
       w.value = !w.value, w.value && yt(() => {
         D();
       });
-    }, $ = () => {
+    }, S = () => {
       w.value = !0;
     }, k = () => {
       w.value = !1;
     }, O = () => {
     }, q = () => {
     }, b = () => {
-      S.value?.$el?.focus();
-    }, z = () => {
+      $.value?.$el?.focus();
+    }, T = () => {
     }, ae = () => {
       c.value = !0, k();
     }, ce = () => {
@@ -10652,7 +10646,7 @@ const ti = {
     }, Se = () => {
     }, be = async () => {
       try {
-        await T(), k(), l("signed-out");
+        await V(), k(), l("signed-out");
       } catch {
       }
     };
@@ -10716,14 +10710,14 @@ const ti = {
           s.variant === "mini-profile" ? (a(), o("div", {
             key: 0,
             ref_key: "triggerRef",
-            ref: S,
+            ref: $,
             class: Me(["mini-profile-static-card", `user-button-size-${s.size}`, { "mini-profile-active": w.value, "full-width": s.fullWidth }]),
             onClick: F,
             onKeydown: [
               st(F, ["enter"]),
               st(qe(F, ["prevent"]), ["space"]),
               st(k, ["escape"]),
-              st(qe($, ["prevent"]), ["arrow-down"])
+              st(qe(S, ["prevent"]), ["arrow-down"])
             ],
             role: "button",
             tabindex: "0",
@@ -10783,7 +10777,7 @@ const ti = {
           ], 42, sc)) : (a(), o("div", {
             key: 1,
             ref_key: "triggerRef",
-            ref: S,
+            ref: $,
             class: Me(["user-button-wrapper", { "full-width": s.fullWidth }])
           }, [
             d(i(ue), {
@@ -10795,7 +10789,7 @@ const ti = {
                 st(F, ["enter"]),
                 st(qe(F, ["prevent"]), ["space"]),
                 st(k, ["escape"]),
-                st(qe($, ["prevent"]), ["arrow-down"])
+                st(qe(S, ["prevent"]), ["arrow-down"])
               ],
               "aria-haspopup": "true",
               "aria-expanded": w.value,
@@ -10859,7 +10853,7 @@ const ti = {
                 st(qe(q, ["prevent"]), ["arrow-up"]),
                 st(qe(O, ["prevent"]), ["arrow-down"]),
                 st(qe(b, ["prevent"]), ["home"]),
-                st(qe(z, ["prevent"]), ["end"])
+                st(qe(T, ["prevent"]), ["end"])
               ]
             }, [
               e("div", fc, [
@@ -10956,19 +10950,19 @@ const ti = {
     const t = s, l = () => [
       "user-nav",
       `user-nav-${t.direction}`
-    ], V = Ge({
+    ], z = Ge({
       items: []
     });
-    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);
+    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);
     }, C = (w) => {
-      const c = V.items.findIndex((h) => h.id === w);
-      c >= 0 && V.items.splice(c, 1);
+      const c = z.items.findIndex((h) => h.id === w);
+      c >= 0 && z.items.splice(c, 1);
     };
-    return Yt("registerNavItem", T), Yt("unregisterNavItem", C), r({
-      items: V.items
+    return Yt("registerNavItem", V), Yt("unregisterNavItem", C), r({
+      items: z.items
     }), (w, c) => (a(), o("div", {
       class: Me(l())
     }, [
@@ -11009,7 +11003,7 @@ const ti = {
     align: {}
   },
   setup(s) {
-    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(() => {
+    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(() => {
       if (typeof window < "u" && C) {
         const m = C.vnode.el?.parentElement;
         if (m)
@@ -11031,7 +11025,7 @@ const ti = {
       { "strands-nav-item--disabled": r.disabled }
     ], x = () => {
       r.disabled;
-    }, S = (m) => {
+    }, $ = (m) => {
       const U = {
         dashboard: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6",
         settings: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z M15 12a3 3 0 11-6 0 3 3 0 016 0z",
@@ -11039,7 +11033,7 @@ const ti = {
       };
       return U[m] || U.dashboard;
     }, u = H(() => ({
-      id: T.value,
+      id: V.value,
       label: c(),
       to: r.to,
       icon: r.icon,
@@ -11050,7 +11044,7 @@ const ti = {
     return Ye(() => {
       l && l(u.value);
     }), Mt(() => {
-      V && V(T.value);
+      z && z(V.value);
     }), Le(() => [r.to, r.icon, r.disabled], () => {
       l && l(u.value);
     }, { deep: !0 }), (m, U) => (a(), ye(i(ue), {
@@ -11072,7 +11066,7 @@ const ti = {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             "stroke-width": "2",
-            d: S(r.icon)
+            d: $(r.icon)
           }, null, 8, zc)
         ])) : I("", !0),
         Pe(m.$slots, "default")
@@ -11087,7 +11081,7 @@ const ti = {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "2",
-              d: S(r.icon)
+              d: $(r.icon)
             }, null, 8, _c)
           ])) : I("", !0)
         ]),
@@ -11107,8 +11101,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(), V = M(0), T = H(() => {
-      const u = Math.floor(V.value / t.itemHeight), m = Math.min(
+    const t = s, l = M(), z = M(0), V = H(() => {
+      const u = Math.floor(z.value / t.itemHeight), m = Math.min(
         u + Math.ceil(t.containerHeight / t.itemHeight),
         t.items.length - 1
       );
@@ -11117,7 +11111,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 } = T.value, U = [];
+      const { start: u, end: m } = V.value, U = [];
       for (let D = u; D <= m; D++)
         U.push({
           index: D,
@@ -11130,7 +11124,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;
-        V.value = m.scrollTop;
+        z.value = m.scrollTop;
       }, 16);
     };
     return Mt(() => {
@@ -11229,7 +11223,7 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
           oe("polyline", { points: "22,6 12,13 2,6" })
         ]);
       }
-    }, V = {
+    }, z = {
       props: {
         size: {
           type: [String, Number],
@@ -11247,7 +11241,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" })
         ]);
       }
-    }, T = {
+    }, V = {
       props: {
         size: {
           type: [String, Number],
@@ -11270,7 +11264,7 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
       mfaEnabled: c,
       loading: h,
       activeMfaDevices: x,
-      fetchMfaDevices: S
+      fetchMfaDevices: $
     } = Tt(), u = H({
       get: () => C.show,
       set: (O) => {
@@ -11278,9 +11272,9 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
       }
     }), m = M(!1), U = M(!1), D = M(!1), g = M(!1);
     Le(() => C.show, async (O) => {
-      O && await S();
+      O && await $();
     }), Ye(async () => {
-      C.show && await S();
+      C.show && await $();
     });
     const N = () => {
       w("close");
@@ -11290,10 +11284,10 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
       U.value = !0;
     }, F = () => {
       g.value = !0;
-    }, $ = async () => {
-      m.value = !1, U.value = !1, D.value = !1, await S(), w("success");
+    }, S = async () => {
+      m.value = !1, U.value = !1, D.value = !1, await $(), w("success");
     }, k = async () => {
-      await S();
+      await $();
     };
     return (O, q) => (a(), o("div", Ec, [
       d(pt, {
@@ -11337,7 +11331,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(V, {
+                    d(z, {
                       size: 20,
                       class: "mfa-setup-shield-icon"
                     })
@@ -11424,7 +11418,7 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
                     disabled: i(h)
                   }, {
                     default: _(() => [
-                      d(T, {
+                      d(V, {
                         size: 16,
                         class: "mfa-setup-manage-icon"
                       }),
@@ -11443,19 +11437,19 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
         key: 0,
         show: m.value,
         onClose: q[1] || (q[1] = (b) => m.value = !1),
-        onSuccess: $
+        onSuccess: S
       }, null, 8, ["show"])) : I("", !0),
       U.value ? (a(), ye(Ga, {
         key: 1,
         show: U.value,
         onClose: q[2] || (q[2] = (b) => U.value = !1),
-        onSuccess: $
+        onSuccess: S
       }, null, 8, ["show"])) : I("", !0),
       D.value ? (a(), ye(Aa, {
         key: 2,
         show: D.value,
         onClose: q[3] || (q[3] = (b) => D.value = !1),
-        onSuccess: $
+        onSuccess: S
       }, null, 8, ["show"])) : I("", !0),
       g.value ? (a(), ye(Ya, {
         key: 3,
@@ -11467,13 +11461,13 @@ 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(), V = async (x, S = {}) => {
+  const { config: s } = vt(), { currentSession: r, refreshToken: t, getAuthHeaders: l } = ft(), z = async (x, $ = {}) => {
     const {
       autoRefresh: u = !0,
       requireAuth: m = !0,
       baseURL: U,
       ...D
-    } = S;
+    } = $;
     if (m && !r.value?.accessToken)
       throw new Error("User is not authenticated");
     let g = x;
@@ -11482,13 +11476,13 @@ function Zt() {
     const y = new Headers(D.headers);
     if (r.value?.accessToken)
       try {
-        const $ = l();
-        Object.entries($).forEach(([k, O]) => {
+        const S = l();
+        Object.entries(S).forEach(([k, O]) => {
           y.set(k, O);
         });
-      } catch ($) {
-        if (console.warn("[Strands Auth] Failed to get auth headers:", $), m)
-          throw $;
+      } catch (S) {
+        if (console.warn("[Strands Auth] Failed to get auth headers:", S), m)
+          throw S;
       }
     const L = {
       ...D,
@@ -11503,40 +11497,40 @@ function Zt() {
             y.set(O, q);
           }), F = await fetch(g, { ...L, headers: y });
         }
-      } catch ($) {
-        console.error("[Strands Auth] Token refresh failed:", $);
+      } catch (S) {
+        console.error("[Strands Auth] Token refresh failed:", S);
       }
     return F;
   };
   return {
-    authenticatedFetch: V,
-    get: (x, S) => V(x, { ...S, method: "GET" }),
-    post: (x, S, u) => {
+    authenticatedFetch: z,
+    get: (x, $) => z(x, { ...$, method: "GET" }),
+    post: (x, $, u) => {
       const m = new Headers(u?.headers);
-      return S && typeof S == "object" && !m.has("Content-Type") && m.set("Content-Type", "application/json"), V(x, {
+      return $ && typeof $ == "object" && !m.has("Content-Type") && m.set("Content-Type", "application/json"), z(x, {
         ...u,
         method: "POST",
         headers: m,
-        body: typeof S == "object" ? JSON.stringify(S) : S
+        body: typeof $ == "object" ? JSON.stringify($) : $
       });
     },
-    put: (x, S, u) => {
+    put: (x, $, u) => {
       const m = new Headers(u?.headers);
-      return S && typeof S == "object" && !m.has("Content-Type") && m.set("Content-Type", "application/json"), V(x, {
+      return $ && typeof $ == "object" && !m.has("Content-Type") && m.set("Content-Type", "application/json"), z(x, {
         ...u,
         method: "PUT",
         headers: m,
-        body: typeof S == "object" ? JSON.stringify(S) : S
+        body: typeof $ == "object" ? JSON.stringify($) : $
       });
     },
-    delete: (x, S) => V(x, { ...S, method: "DELETE" }),
-    patch: (x, S, u) => {
+    delete: (x, $) => z(x, { ...$, method: "DELETE" }),
+    patch: (x, $, u) => {
       const m = new Headers(u?.headers);
-      return S && typeof S == "object" && !m.has("Content-Type") && m.set("Content-Type", "application/json"), V(x, {
+      return $ && typeof $ == "object" && !m.has("Content-Type") && m.set("Content-Type", "application/json"), z(x, {
         ...u,
         method: "PATCH",
         headers: m,
-        body: typeof S == "object" ? JSON.stringify(S) : S
+        body: typeof $ == "object" ? JSON.stringify($) : $
       });
     }
   };
@@ -11567,8 +11561,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 V = "weak";
-  return t >= 4 ? V = "strong" : t >= 3 && (V = "medium"), { isValid: l, strength: V, errors: r };
+  let z = "weak";
+  return t >= 4 ? z = "strong" : t >= 3 && (z = "medium"), { isValid: l, strength: z, 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";