@strands.gg/accui 2.17.25 → 2.17.27

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import { _ as De, S as lt, U as Xa, a as Ja, b as es, c as ts, d as kt, M as as, e as _t, f as Yt, g as xa, u as Oa, C as _a, h as Ze, i as ht, j as Ra, k as mt, l as Ht } from "./StrandsUIPlugin-RTFzvRED.es.js";
+import { _ as De, S as lt, U as Xa, a as Ja, b as es, c as ts, d as kt, M as as, e as _t, f as Yt, g as xa, u as Oa, C as _a, h as Ze, i as gt, j as Ra, k as mt, l as Ht } from "./StrandsUIPlugin-RTFzvRED.es.js";
 import { m as td } from "./StrandsUIPlugin-RTFzvRED.es.js";
-import { defineComponent as Ve, computed as U, provide as Xt, onMounted as We, onUnmounted as xt, createElementBlock as o, openBlock as a, normalizeClass as be, createElementVNode as e, createBlock as Ce, renderSlot as je, Teleport as qt, createCommentVNode as I, toDisplayString as R, ref as $, watch as Le, createTextVNode as Q, reactive as Ye, withModifiers as Be, createStaticVNode as Jt, createVNode as d, withDirectives as Xe, withCtx as x, unref as n, vModelText as Je, nextTick as yt, Fragment as Ue, Transition as rt, createSlots as Zt, normalizeStyle as Oe, renderList as Ke, mergeProps as $a, useSlots as ga, inject as ma, resolveDynamicComponent as ot, onBeforeUnmount as Fa, withKeys as Re, h as oe, isMemoSame as ss, getCurrentInstance as os } from "vue";
+import { defineComponent as Ve, computed as U, provide as Xt, onMounted as We, onUnmounted as xt, createElementBlock as o, openBlock as a, normalizeClass as be, createElementVNode as e, createBlock as Ce, renderSlot as je, Teleport as qt, createCommentVNode as I, toDisplayString as R, ref as M, watch as Le, createTextVNode as Q, reactive as Ye, withModifiers as Be, createStaticVNode as Jt, createVNode as d, withDirectives as Xe, withCtx as x, unref as n, vModelText as Je, nextTick as ht, Fragment as Ue, Transition as rt, createSlots as Zt, normalizeStyle as Oe, renderList as Ke, mergeProps as $a, useSlots as ga, inject as ma, resolveDynamicComponent as ot, onBeforeUnmount as Fa, withKeys as Re, h as oe, isMemoSame as ss, getCurrentInstance as os } from "vue";
 import { u as pt, p as La } from "./useStrandsConfig-CMKVW1p3.es.js";
 import { s as sd } from "./useStrandsConfig-CMKVW1p3.es.js";
 import { u as ft } from "./useStrandsAuth-mv5zJr7L.es.js";
@@ -136,9 +136,9 @@ const Ha = kt("users", [
   },
   emits: ["update:modelValue", "change"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = $(!1), V = U(() => 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, (M) => {
-      M !== void 0 && (typeof M == "string" ? z.value = M === "" || M === "true" : z.value = !!M);
+    const t = s, l = r, z = M(!1), V = U(() => 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, ($) => {
+      $ !== void 0 && (typeof $ == "string" ? z.value = $ === "" || $ === "true" : z.value = !!$);
     }, { immediate: !0 });
     const y = U(() => t.id || `ui-toggle-${Math.random().toString(36).substr(2, 9)}`), k = U(() => [
       "ui-toggle",
@@ -152,12 +152,12 @@ const Ha = kt("users", [
         "ui-toggle-thumb--on": V.value,
         "ui-toggle-thumb--off": !V.value
       }
-    ]), g = () => {
+    ]), h = () => {
       if (t.disabled) return;
-      const M = !V.value;
-      z.value = M, l("update:modelValue", M), l("change", M);
+      const $ = !V.value;
+      z.value = $, l("update:modelValue", $), l("change", $);
     };
-    return (M, A) => (a(), o("div", hs, [
+    return ($, A) => (a(), o("div", hs, [
       s.label ? (a(), o("label", {
         key: 0,
         for: y.value,
@@ -172,7 +172,7 @@ const Ha = kt("users", [
         class: be(k.value),
         "aria-pressed": V.value,
         "aria-labelledby": s.label ? `${y.value}-label` : void 0,
-        onClick: g
+        onClick: h
       }, [
         e("span", {
           class: be(["ui-toggle-thumb", u.value])
@@ -194,11 +194,11 @@ const Ha = kt("users", [
   },
   emits: ["upload", "error"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = $(), V = $(), y = $(), k = $(""), u = $(), g = $(t.size), M = $(t.previewSize), A = $(t.size / 2.5), c = Ye({ x: 0, y: 0 }), h = $(1), E = $(0.1), D = $(3), C = $(!1), N = $(!1), p = $(!1), L = Ye({ x: 0, y: 0, imageX: 0, imageY: 0 });
+    const t = s, l = r, z = M(), V = M(), y = M(), k = M(""), u = M(), h = M(t.size), $ = M(t.previewSize), A = M(t.size / 2.5), c = Ye({ x: 0, y: 0 }), g = M(1), E = M(0.1), D = M(3), C = M(!1), N = M(!1), p = M(!1), L = Ye({ x: 0, y: 0, imageX: 0, imageY: 0 });
     We(() => {
       if (V.value) {
         const j = V.value.getContext("2d");
-        j && (j.fillStyle = "#f9fafb", j.fillRect(0, 0, g.value, g.value));
+        j && (j.fillStyle = "#f9fafb", j.fillRect(0, 0, h.value, h.value));
       }
     });
     const O = () => {
@@ -235,9 +235,9 @@ const Ha = kt("users", [
         ), ae = ie;
         E.value = ie, D.value = Math.max(1, ie);
         const W = K.width * ae, le = K.height * ae;
-        c.x = (g.value - W) / 2, c.y = (g.value - le) / 2, h.value = ae, ue(), yt(() => {
+        c.x = (h.value - W) / 2, c.y = (h.value - le) / 2, g.value = ae, ue(), ht(() => {
           N.value = !1;
-        }), yt(() => {
+        }), ht(() => {
           b();
         });
       }, K.src = j;
@@ -245,15 +245,15 @@ const Ha = kt("users", [
       if (!u.value || !V.value) return;
       const j = V.value.getContext("2d");
       if (!j) return;
-      j.fillStyle = "#f9fafb", j.fillRect(0, 0, g.value, g.value);
-      const K = u.value, ie = K.width * h.value, ae = K.height * h.value;
+      j.fillStyle = "#f9fafb", j.fillRect(0, 0, h.value, h.value);
+      const K = u.value, ie = K.width * g.value, ae = K.height * g.value;
       j.drawImage(K, c.x, c.y, ie, ae), T();
     }, T = () => {
       if (!u.value || !y.value || !V.value) return;
       const j = y.value.getContext("2d");
       if (!j) return;
-      j.fillStyle = "#ffffff", j.fillRect(0, 0, M.value, M.value), j.save(), j.beginPath(), j.arc(M.value / 2, M.value / 2, M.value / 2, 0, Math.PI * 2), j.clip();
-      const K = g.value / 2 - A.value, ie = g.value / 2 - A.value, ae = A.value * 2;
+      j.fillStyle = "#ffffff", j.fillRect(0, 0, $.value, $.value), j.save(), j.beginPath(), j.arc($.value / 2, $.value / 2, $.value / 2, 0, Math.PI * 2), j.clip();
+      const K = h.value / 2 - A.value, ie = h.value / 2 - A.value, ae = A.value * 2;
       j.drawImage(
         V.value,
         K,
@@ -262,14 +262,14 @@ const Ha = kt("users", [
         ae,
         0,
         0,
-        M.value,
-        M.value
+        $.value,
+        $.value
       ), j.restore();
     }, te = (j) => {
       u.value && (C.value = !0, L.x = j.clientX, L.y = j.clientY, L.imageX = c.x, L.imageY = c.y, document.addEventListener("mousemove", ye), document.addEventListener("mouseup", Me));
     }, ue = () => {
       if (!u.value) return;
-      const j = u.value, K = j.width * h.value, ie = j.height * h.value, ae = g.value / 2 - A.value, W = g.value / 2 - A.value, le = g.value / 2 + A.value, _e = g.value / 2 + A.value, Te = le - K, Ee = ae, $e = _e - ie, re = W;
+      const j = u.value, K = j.width * g.value, ie = j.height * g.value, ae = h.value / 2 - A.value, W = h.value / 2 - A.value, le = h.value / 2 + A.value, _e = h.value / 2 + A.value, Te = le - K, Ee = ae, $e = _e - ie, re = W;
       c.x = Math.min(Ee, Math.max(Te, c.x)), c.y = Math.min(re, Math.max($e, c.y));
     }, ye = (j) => {
       if (!C.value) return;
@@ -279,11 +279,11 @@ const Ha = kt("users", [
       C.value = !1, document.removeEventListener("mousemove", ye), document.removeEventListener("mouseup", Me);
     }, Ae = (j) => {
       j.preventDefault();
-      const K = j.deltaY > 0 ? -0.05 : 0.05, ie = Math.max(E.value, Math.min(D.value, h.value + K));
-      if (ie !== h.value && u.value) {
+      const K = j.deltaY > 0 ? -0.05 : 0.05, ie = Math.max(E.value, Math.min(D.value, g.value + K));
+      if (ie !== g.value && u.value) {
         p.value = !0;
-        const ae = u.value, W = g.value / 2, le = ae.width * h.value, _e = ae.height * h.value, Te = ae.width * ie, Ee = ae.height * ie, $e = c.x + le / 2 - W, re = c.y + _e / 2 - W, ve = ie / h.value, Ie = $e * ve, G = re * ve;
-        c.x = W + Ie - Te / 2, c.y = W + G - Ee / 2, h.value = ie, ue(), b(), setTimeout(() => {
+        const ae = u.value, W = h.value / 2, le = ae.width * g.value, _e = ae.height * g.value, Te = ae.width * ie, Ee = ae.height * ie, $e = c.x + le / 2 - W, re = c.y + _e / 2 - W, ve = ie / g.value, Ie = $e * ve, G = re * ve;
+        c.x = W + Ie - Te / 2, c.y = W + G - Ee / 2, g.value = ie, ue(), b(), setTimeout(() => {
           p.value = !1;
         }, 16);
       }
@@ -297,7 +297,7 @@ const Ha = kt("users", [
       ), ie = K;
       E.value = K, D.value = Math.max(1, K);
       const ae = j.width * ie, W = j.height * ie;
-      c.x = (g.value - ae) / 2, c.y = (g.value - W) / 2, h.value = ie, ue(), yt(() => {
+      c.x = (h.value - ae) / 2, c.y = (h.value - W) / 2, g.value = ie, ue(), ht(() => {
         N.value = !1;
       }), b();
     }, xe = async () => {
@@ -307,7 +307,7 @@ const Ha = kt("users", [
       const K = j.getContext("2d");
       if (!K) return;
       K.fillStyle = "#ffffff", K.fillRect(0, 0, 256, 256), K.save(), K.beginPath(), K.arc(128, 128, 128, 0, Math.PI * 2), K.clip();
-      const ie = g.value / 2 - A.value, ae = g.value / 2 - A.value, W = A.value * 2;
+      const ie = h.value / 2 - A.value, ae = h.value / 2 - A.value, W = A.value * 2;
       K.drawImage(
         V.value,
         ie,
@@ -327,10 +327,10 @@ const Ha = kt("users", [
     }, ne = () => {
       O();
     };
-    return Le(h, (j, K) => {
+    return Le(g, (j, K) => {
       if (!(N.value || p.value)) {
         if (j !== K && u.value && K > 0 && K !== 1) {
-          const ie = u.value, ae = g.value / 2, W = ie.width * K, le = ie.height * K, _e = ie.width * j, Te = ie.height * j, Ee = c.x + W / 2 - ae, $e = c.y + le / 2 - ae, re = j / K, ve = Ee * re, Ie = $e * re;
+          const ie = u.value, ae = h.value / 2, W = ie.width * K, le = ie.height * K, _e = ie.width * j, Te = ie.height * j, Ee = c.x + W / 2 - ae, $e = c.y + le / 2 - ae, re = j / K, ve = Ee * re, Ie = $e * re;
           c.x = ae + ve - _e / 2, c.y = ae + Ie - Te / 2;
         }
         b();
@@ -353,8 +353,8 @@ const Ha = kt("users", [
               e("canvas", {
                 ref_key: "canvas",
                 ref: V,
-                width: g.value,
-                height: g.value,
+                width: h.value,
+                height: h.value,
                 class: "canvas",
                 onMousedown: te,
                 onWheel: Ae
@@ -367,13 +367,13 @@ const Ha = kt("users", [
                         e("rect", {
                           x: "0",
                           y: "0",
-                          width: g.value,
-                          height: g.value,
+                          width: h.value,
+                          height: h.value,
                           fill: "white"
                         }, null, 8, Vs),
                         e("circle", {
-                          cx: g.value / 2,
-                          cy: g.value / 2,
+                          cx: h.value / 2,
+                          cy: h.value / 2,
                           r: A.value,
                           fill: "black"
                         }, null, 8, Is)
@@ -382,8 +382,8 @@ const Ha = kt("users", [
                     e("rect", {
                       x: "0",
                       y: "0",
-                      width: g.value,
-                      height: g.value,
+                      width: h.value,
+                      height: h.value,
                       fill: "black",
                       opacity: "0.5",
                       mask: "url(#backdrop-mask)"
@@ -392,8 +392,8 @@ const Ha = kt("users", [
                 ]),
                 (a(), o("svg", Es, [
                   e("circle", {
-                    cx: g.value / 2,
-                    cy: g.value / 2,
+                    cx: h.value / 2,
+                    cy: h.value / 2,
                     r: A.value,
                     fill: "none",
                     stroke: "white",
@@ -407,7 +407,7 @@ const Ha = kt("users", [
               e("div", Ds, [
                 d(lt, {
                   onClick: K[2] || (K[2] = (ie) => {
-                    h.value = Math.max(E.value, h.value - 0.1), ue(), b();
+                    g.value = Math.max(E.value, g.value - 0.1), ue(), b();
                   }),
                   icon: !0,
                   squircle: !0,
@@ -422,7 +422,7 @@ const Ha = kt("users", [
                 }),
                 Xe(e("input", {
                   type: "range",
-                  "onUpdate:modelValue": K[3] || (K[3] = (ie) => h.value = ie),
+                  "onUpdate:modelValue": K[3] || (K[3] = (ie) => g.value = ie),
                   min: E.value,
                   max: D.value,
                   step: 0.01,
@@ -433,14 +433,14 @@ const Ha = kt("users", [
                 }, null, 40, Ns), [
                   [
                     Je,
-                    h.value,
+                    g.value,
                     void 0,
                     { number: !0 }
                   ]
                 ]),
                 d(lt, {
                   onClick: K[5] || (K[5] = (ie) => {
-                    h.value = Math.min(D.value, h.value + 0.1), ue(), b();
+                    g.value = Math.min(D.value, g.value + 0.1), ue(), b();
                   }),
                   icon: !0,
                   squircle: !0,
@@ -496,8 +496,8 @@ const Ha = kt("users", [
               e("canvas", {
                 ref_key: "previewCanvas",
                 ref: y,
-                width: M.value,
-                height: M.value,
+                width: $.value,
+                height: $.value,
                 class: "preview-canvas"
               }, null, 8, Os)
             ]),
@@ -559,8 +559,8 @@ class Sa {
       { freq: 783.99, time: 0.3 }
       // G5
     ].forEach((u) => {
-      const g = r.createOscillator(), M = r.createGain();
-      g.connect(M), M.connect(r.destination), g.type = "sine", g.frequency.setValueAtTime(u.freq, t + u.time), g.frequency.exponentialRampToValueAtTime(u.freq * 1.02, t + u.time + 0.1), g.frequency.exponentialRampToValueAtTime(u.freq, t + u.time + 0.4), M.gain.setValueAtTime(0, t + u.time), M.gain.linearRampToValueAtTime(0.08, t + u.time + 0.03), M.gain.linearRampToValueAtTime(0.06, t + u.time + 0.2), M.gain.exponentialRampToValueAtTime(0.01, t + u.time + 0.5), g.start(t + u.time), g.stop(t + u.time + 0.5);
+      const h = r.createOscillator(), $ = r.createGain();
+      h.connect($), $.connect(r.destination), h.type = "sine", h.frequency.setValueAtTime(u.freq, t + u.time), h.frequency.exponentialRampToValueAtTime(u.freq * 1.02, t + u.time + 0.1), h.frequency.exponentialRampToValueAtTime(u.freq, t + u.time + 0.4), $.gain.setValueAtTime(0, t + u.time), $.gain.linearRampToValueAtTime(0.08, t + u.time + 0.03), $.gain.linearRampToValueAtTime(0.06, t + u.time + 0.2), $.gain.exponentialRampToValueAtTime(0.01, t + u.time + 0.5), h.start(t + u.time), h.stop(t + u.time + 0.5);
     });
     const z = r.createOscillator(), V = r.createGain();
     z.connect(V), V.connect(r.destination), z.type = "triangle", z.frequency.setValueAtTime(261.63, t), V.gain.setValueAtTime(0, t), V.gain.linearRampToValueAtTime(0.04, t + 0.1), V.gain.linearRampToValueAtTime(0.03, t + 0.4), V.gain.exponentialRampToValueAtTime(0.01, t + 0.8), z.start(t), z.stop(t + 0.8);
@@ -587,16 +587,16 @@ class Sa {
       { freq: 659.25, time: 0.8 }
       // E5
     ].forEach((u) => {
-      const g = r.createOscillator(), M = r.createGain();
-      g.connect(M), M.connect(r.destination), g.type = "sine", g.frequency.setValueAtTime(u.freq, t + u.time), M.gain.setValueAtTime(0, t + u.time), M.gain.linearRampToValueAtTime(0.15, t + u.time + 0.05), M.gain.exponentialRampToValueAtTime(0.01, t + u.time + 0.8), g.start(t + u.time), g.stop(t + u.time + 0.8);
+      const h = r.createOscillator(), $ = r.createGain();
+      h.connect($), $.connect(r.destination), h.type = "sine", h.frequency.setValueAtTime(u.freq, t + u.time), $.gain.setValueAtTime(0, t + u.time), $.gain.linearRampToValueAtTime(0.15, t + u.time + 0.05), $.gain.exponentialRampToValueAtTime(0.01, t + u.time + 0.8), h.start(t + u.time), h.stop(t + u.time + 0.8);
     }), [
       { freq: 130.81, time: 0, duration: 1.5 },
       // C3
       { freq: 196, time: 0.8, duration: 1.7 }
       // G3
     ].forEach((u) => {
-      const g = r.createOscillator(), M = r.createGain();
-      g.connect(M), M.connect(r.destination), g.type = "triangle", g.frequency.setValueAtTime(u.freq, t + u.time), M.gain.setValueAtTime(0, t + u.time), M.gain.linearRampToValueAtTime(0.08, t + u.time + 0.3), M.gain.exponentialRampToValueAtTime(0.01, t + u.time + u.duration), g.start(t + u.time), g.stop(t + u.time + u.duration);
+      const h = r.createOscillator(), $ = r.createGain();
+      h.connect($), $.connect(r.destination), h.type = "triangle", h.frequency.setValueAtTime(u.freq, t + u.time), $.gain.setValueAtTime(0, t + u.time), $.gain.linearRampToValueAtTime(0.08, t + u.time + 0.3), $.gain.exponentialRampToValueAtTime(0.01, t + u.time + u.duration), h.start(t + u.time), h.stop(t + u.time + u.duration);
     }), [
       { freq: 1046.5, time: 1 },
       // C6
@@ -605,11 +605,11 @@ class Sa {
       { freq: 1567.98, time: 1.6 }
       // G6
     ].forEach((u) => {
-      const g = r.createOscillator(), M = r.createGain();
-      g.connect(M), M.connect(r.destination), g.type = "sine", g.frequency.setValueAtTime(u.freq, t + u.time), M.gain.setValueAtTime(0, t + u.time), M.gain.linearRampToValueAtTime(0.1, t + u.time + 0.02), M.gain.exponentialRampToValueAtTime(0.01, t + u.time + 0.4), g.start(t + u.time), g.stop(t + u.time + 0.4);
+      const h = r.createOscillator(), $ = r.createGain();
+      h.connect($), $.connect(r.destination), h.type = "sine", h.frequency.setValueAtTime(u.freq, t + u.time), $.gain.setValueAtTime(0, t + u.time), $.gain.linearRampToValueAtTime(0.1, t + u.time + 0.02), $.gain.exponentialRampToValueAtTime(0.01, t + u.time + 0.4), h.start(t + u.time), h.stop(t + u.time + 0.4);
     }), [261.63, 329.63, 392, 523.25].forEach((u) => {
-      const g = r.createOscillator(), M = r.createGain();
-      g.connect(M), M.connect(r.destination), g.type = "sine", g.frequency.setValueAtTime(u, t + 1.8), M.gain.setValueAtTime(0, t + 1.8), M.gain.linearRampToValueAtTime(0.12, t + 1.9), M.gain.exponentialRampToValueAtTime(0.01, t + l), g.start(t + 1.8), g.stop(t + l);
+      const h = r.createOscillator(), $ = r.createGain();
+      h.connect($), $.connect(r.destination), h.type = "sine", h.frequency.setValueAtTime(u, t + 1.8), $.gain.setValueAtTime(0, t + 1.8), $.gain.linearRampToValueAtTime(0.12, t + 1.9), $.gain.exponentialRampToValueAtTime(0.01, t + l), h.start(t + 1.8), h.stop(t + l);
     });
   }
   /**
@@ -623,8 +623,8 @@ class Sa {
     [659.25, 830.61].forEach((z, V) => {
       const y = r.createOscillator(), k = r.createGain();
       y.connect(k), k.connect(r.destination), y.type = "sine", y.frequency.setValueAtTime(z, t);
-      const u = V * 0.1, g = 0.15;
-      k.gain.setValueAtTime(0, t), k.gain.linearRampToValueAtTime(0.2, t + u + 0.01), k.gain.exponentialRampToValueAtTime(0.01, t + u + g), y.start(t + u), y.stop(t + u + g);
+      const u = V * 0.1, h = 0.15;
+      k.gain.setValueAtTime(0, t), k.gain.linearRampToValueAtTime(0.2, t + u + 0.01), k.gain.exponentialRampToValueAtTime(0.01, t + u + h), y.start(t + u), y.stop(t + u + h);
     });
   }
   /**
@@ -701,9 +701,9 @@ const Fs = (s, r) => Sa.playLevelUp(s, r), qs = { class: "level-progress-contain
   },
   emits: ["levelup"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = $(!1), V = $(t.value), y = $("forward");
-    let k = null, u = t.value, g = t.level;
-    const M = Kt, A = t.size ?? Kt, c = Kt / 2, h = U(() => t.thickness ?? 24), E = U(() => t.labelThickness ?? 46), D = U(() => t.gapAngle ?? 16), C = U(() => (Kt - h.value) / 2 - Da), N = U(() => (Kt - E.value) / 1.9 - Da), p = U(() => N.value + 10), L = U(() => C.value - h.value / 2 - so), O = U(() => t.levelLabel?.length ?? 0), S = U(() => O.value * no + lo), w = U(() => -S.value / 2), q = U(() => S.value / 2), Z = U(
+    const t = s, l = r, z = M(!1), V = M(t.value), y = M("forward");
+    let k = null, u = t.value, h = t.level;
+    const $ = Kt, A = t.size ?? Kt, c = Kt / 2, g = U(() => t.thickness ?? 24), E = U(() => t.labelThickness ?? 46), D = U(() => t.gapAngle ?? 16), C = U(() => (Kt - g.value) / 2 - Da), N = U(() => (Kt - E.value) / 1.9 - Da), p = U(() => N.value + 10), L = U(() => C.value - g.value / 2 - so), O = U(() => t.levelLabel?.length ?? 0), S = U(() => O.value * no + lo), w = U(() => -S.value / 2), q = U(() => S.value / 2), Z = U(
       () => xe(c, c, N.value, w.value, q.value)
     ), b = U(
       () => (
@@ -773,12 +773,12 @@ const Fs = (s, r) => Sa.playLevelUp(s, r), qs = { class: "level-progress-contain
     return Le(() => t.value, (ie) => {
       y.value = ie >= u ? "forward" : "backward", j(ie, u), u = ie;
     }), Le(() => t.level, (ie) => {
-      ie !== g && ie > g && K(), g = ie;
+      ie !== h && ie > h && K(), h = ie;
     }), (ie, ae) => (a(), o("div", qs, [
       (a(), o("svg", {
         width: n(A),
         height: n(A),
-        viewBox: `0 0 ${n(M)} ${n(M)}`,
+        viewBox: `0 0 ${n($)} ${n($)}`,
         style: { position: "relative" }
       }, [
         z.value ? (a(), o("g", Ks, [
@@ -803,7 +803,7 @@ const Fs = (s, r) => Sa.playLevelUp(s, r), qs = { class: "level-progress-contain
           key: 1,
           d: te.value,
           stroke: "#ddd",
-          "stroke-width": h.value,
+          "stroke-width": g.value,
           fill: "none",
           "stroke-linecap": "round"
         }, null, 8, Ws)) : I("", !0),
@@ -825,7 +825,7 @@ const Fs = (s, r) => Sa.playLevelUp(s, r), qs = { class: "level-progress-contain
           key: 2,
           d: T.value,
           stroke: ye.value,
-          "stroke-width": h.value,
+          "stroke-width": g.value,
           fill: "none",
           "stroke-linecap": "round"
         }, null, 8, Js)) : I("", !0),
@@ -953,21 +953,21 @@ function uo(s = {}) {
     closeOnEscape: r = !0,
     priority: t = "normal",
     component: l
-  } = s, z = $(null), V = $(!1), y = $(null), k = async (A) => {
+  } = s, z = M(null), V = M(!1), y = M(null), k = async (A) => {
     if (V.value) return;
     const c = /* @__PURE__ */ Symbol("modal");
     z.value = c;
-    const h = Ft.add({
+    const g = Ft.add({
       id: c,
       closeModal: A || u,
       closeOnEscape: r,
       priority: t,
       component: l
     });
-    return y.value = h, V.value = !0, await yt(), h;
+    return y.value = g, V.value = !0, await ht(), g;
   }, u = () => {
     !z.value || !V.value || (Ft.remove(z.value), z.value = null, y.value = null, V.value = !1);
-  }, g = () => z.value ? document.querySelector(`[data-modal-id="${z.value.toString()}"]`) : null, M = () => y.value ? document.querySelector(`.ui-app-modal-backdrop[style*="z-index: ${y.value.zIndex - 1}"]`) : null;
+  }, h = () => z.value ? document.querySelector(`[data-modal-id="${z.value.toString()}"]`) : null, $ = () => y.value ? document.querySelector(`.ui-app-modal-backdrop[style*="z-index: ${y.value.zIndex - 1}"]`) : null;
   try {
     xt(() => {
       V.value && u();
@@ -983,8 +983,8 @@ function uo(s = {}) {
     openModal: k,
     closeModal: u,
     // Utilities
-    getModalContainer: g,
-    getModalBackdrop: M,
+    getModalContainer: h,
+    getModalBackdrop: $,
     // Computed values
     zIndex: () => y.value?.zIndex || 0,
     isTopModal: () => {
@@ -1001,7 +1001,7 @@ function Mc(s) {
   };
 }
 function $c() {
-  const s = $(Ft.state), r = Ft.subscribe((t) => {
+  const s = M(Ft.state), r = Ft.subscribe((t) => {
     s.value = t;
   });
   try {
@@ -1046,13 +1046,13 @@ const co = {
   },
   emits: ["update:modelValue", "open", "close"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = $(!1), V = $(null), y = $(null), k = $(null), u = uo({
+    const t = s, l = r, z = M(!1), V = M(null), y = M(null), k = M(null), u = uo({
       closeOnEscape: t.closeOnEscape,
       priority: "normal",
       component: "UiModal"
     });
-    $(!0);
-    const g = U(() => t.modelValue !== void 0 ? t.modelValue : z.value), M = U(() => ({
+    M(!0);
+    const h = U(() => t.modelValue !== void 0 ? t.modelValue : z.value), $ = U(() => ({
       sm: "ui-modal-size-sm",
       md: "ui-modal-size-md",
       lg: "ui-modal-size-lg",
@@ -1065,19 +1065,19 @@ const co = {
       full: "ui-modal-size-full",
       auto: "ui-modal-size-auto"
     })[t.size]), A = async () => {
-      k.value = document.activeElement, await u.openModal(h), t.modelValue !== void 0 ? l("update:modelValue", !0) : z.value = !0, l("open");
+      k.value = document.activeElement, await u.openModal(g), t.modelValue !== void 0 ? l("update:modelValue", !0) : z.value = !0, l("open");
     }, c = () => {
       V.value && (k.value = V.value.querySelector('button, [tabindex]:not([tabindex="-1"]), a[href], input, select, textarea'), k.value || (k.value = V.value)), A();
-    }, h = () => {
-      t.modelValue !== void 0 ? l("update:modelValue", !1) : z.value = !1, l("close"), u.closeModal(), yt(() => {
+    }, g = () => {
+      t.modelValue !== void 0 ? l("update:modelValue", !1) : z.value = !1, l("close"), u.closeModal(), ht(() => {
         k.value && document.contains(k.value) && k.value.focus(), k.value = null;
       });
     };
-    Le(g, async (D) => {
-      D ? (u.isOpen.value || await u.openModal(h), await yt(), y.value && y.value.focus()) : u.isOpen.value && u.closeModal();
+    Le(h, async (D) => {
+      D ? (u.isOpen.value || await u.openModal(g), await ht(), y.value && y.value.focus()) : u.isOpen.value && u.closeModal();
     });
     const E = (D) => {
-      if (!g.value || D.key !== "Tab" || !y.value) return;
+      if (!h.value || D.key !== "Tab" || !y.value) return;
       const C = y.value.querySelectorAll(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
       ), N = Array.from(C);
@@ -1098,17 +1098,17 @@ const co = {
       }, [
         je(D.$slots, "trigger", {
           open: c,
-          close: h,
-          isOpen: g.value
+          close: g,
+          isOpen: h.value
         }, void 0, !0)
       ], 512)) : I("", !0),
-      g.value ? (a(), Ce(qt, {
+      h.value ? (a(), Ce(qt, {
         key: 1,
         to: "body"
       }, [
         d(rt, { name: "modal" }, {
           default: x(() => [
-            g.value ? (a(), o("div", co, [
+            h.value ? (a(), o("div", co, [
               e("div", {
                 class: "ui-modal-container",
                 ref_key: "modalContainer",
@@ -1119,15 +1119,15 @@ const co = {
                   padding: s.cardPadding,
                   shadow: s.cardShadow,
                   color: s.cardColor,
-                  class: be([s.cardClass, M.value]),
+                  class: be([s.cardClass, $.value]),
                   tabindex: "-1"
                 }, Zt({
                   header: x(() => [
                     e("div", vo, [
                       e("div", po, [
                         je(D.$slots, "header", {
-                          handleClose: h,
-                          isOpen: g.value,
+                          handleClose: g,
+                          isOpen: h.value,
                           openModal: A
                         }, () => [
                           D.$props.title ? (a(), o("h2", fo, R(D.$props.title), 1)) : I("", !0),
@@ -1138,7 +1138,7 @@ const co = {
                         key: 0,
                         type: "button",
                         class: "ui-modal-close-button",
-                        onClick: h,
+                        onClick: g,
                         "aria-label": "Close modal"
                       }, [...C[0] || (C[0] = [
                         e("svg", {
@@ -1165,8 +1165,8 @@ const co = {
                     name: "footer",
                     fn: x(() => [
                       je(D.$slots, "footer", {
-                        handleClose: h,
-                        isOpen: g.value,
+                        handleClose: g,
+                        isOpen: h.value,
                         openModal: A
                       }, void 0, !0)
                     ]),
@@ -1837,12 +1837,12 @@ const co = {
       }
       return "#EA00A8";
     }
-    const l = s, z = r, V = $(), y = $(), k = $(), u = $(0), g = $(1), M = $(1), A = $(1), c = $(l.modelValue || t()), h = $({ r: 234, g: 0, b: 168 }), E = $(100), D = $(l.defaultColorFormat || "hex"), C = $({ h: 0, s: 0, l: 0 }), N = $({ l: 0, c: 0, h: 0 }), p = $(!1), L = $(!1), O = $(!1), S = $(!1), w = $(!1), q = U(() => p.value), Z = $(null), b = $(l.compareColor);
+    const l = s, z = r, V = M(), y = M(), k = M(), u = M(0), h = M(1), $ = M(1), A = M(1), c = M(l.modelValue || t()), g = M({ r: 234, g: 0, b: 168 }), E = M(100), D = M(l.defaultColorFormat || "hex"), C = M({ h: 0, s: 0, l: 0 }), N = M({ l: 0, c: 0, h: 0 }), p = M(!1), L = M(!1), O = M(!1), S = M(!1), w = M(!1), q = U(() => p.value), Z = M(null), b = M(l.compareColor);
     let T = null, te = null;
-    const ue = $(!1);
+    const ue = M(!1);
     let ye = "";
     Le(() => [l.showContrast, l.compareColor], ([v, i], m) => {
-      v && i && !S.value && (S.value = !0), typeof i == "string" && (b.value = i), m && i !== m[1] && (Ct.value = [], nt.value = [], it.value = "", zt.value = "", Vt.value = "", It.value = "");
+      v && i && !S.value && (S.value = !0), typeof i == "string" && (b.value = i), m && i !== m[1] && (yt.value = [], nt.value = [], it.value = "", zt.value = "", Vt.value = "", It.value = "");
     }, { immediate: !0 }), Le(S, (v) => {
       v && l.showContrast && l.compareColor && ea();
     });
@@ -1874,7 +1874,7 @@ const co = {
         if (ee.toLowerCase() === m && _.shades || _.shades?.some((Y) => Y.toLowerCase() === m))
           return ee;
       return null;
-    }), K = $([]), ie = $(""), ae = U(() => {
+    }), K = M([]), ie = M(""), ae = U(() => {
       if (!j.value)
         return K.value;
       const v = Ae.value[j.value], i = Se.value[j.value], m = v?.shades || i?.shades || [];
@@ -2050,7 +2050,7 @@ const co = {
       if (!m || !ee) return 1;
       const _ = Ne(m.r, m.g, m.b), Y = Ne(ee.r, ee.g, ee.b), F = Math.max(_, Y), H = Math.min(_, Y);
       return (F + 0.05) / (H + 0.05);
-    }, gt = (v, i = "normal") => {
+    }, Ct = (v, i = "normal") => {
       if (i === "large") {
         if (v >= 4.5) return "AAA";
         if (v >= 3) return "AA";
@@ -2059,7 +2059,7 @@ const co = {
         if (v >= 4.5) return "AA";
       }
       return "FAIL";
-    }, Pe = U(() => re(u.value, g.value, M.value)), Ut = U(() => `rgb(${Pe.value.r}, ${Pe.value.g}, ${Pe.value.b})`), at = U(() => {
+    }, Pe = U(() => re(u.value, h.value, $.value)), Ut = U(() => `rgb(${Pe.value.r}, ${Pe.value.g}, ${Pe.value.b})`), at = U(() => {
       const { r: v, g: i, b: m } = Pe.value;
       return l.showAlpha && A.value < 0.99 ? `rgba(${v}, ${i}, ${m}, ${A.value})` : G(v, i, m);
     }), ea = () => {
@@ -2070,8 +2070,8 @@ const co = {
       const v = G(Pe.value.r, Pe.value.g, Pe.value.b), i = Fe(v, l.compareColor);
       Z.value = {
         ratio: i,
-        normalText: gt(i, "normal"),
-        largeText: gt(i, "large"),
+        normalText: Ct(i, "normal"),
+        largeText: Ct(i, "large"),
         currentColor: v,
         compareColor: l.compareColor
       };
@@ -2350,11 +2350,11 @@ const co = {
         }
       return ee;
     });
-    const Ct = $([]), nt = $([]), it = $(""), zt = $(""), Vt = $(""), It = $(""), oa = U(() => S.value && b.value && (!Ct.value.length || !nt.value.length)), Ca = U(() => S.value && b.value);
+    const yt = M([]), nt = M([]), it = M(""), zt = M(""), Vt = M(""), It = M(""), oa = U(() => S.value && b.value && (!yt.value.length || !nt.value.length)), Ca = U(() => S.value && b.value);
     U(() => Ca.value), U(() => {
       if (!S.value || !b.value) return [];
-      if (q.value && Ct.value.length > 0 || !oa.value && Ct.value.length > 0)
-        return Ct.value;
+      if (q.value && yt.value.length > 0 || !oa.value && yt.value.length > 0)
+        return yt.value;
       const v = [], i = dt, m = vt, ee = 6, _ = (H, f) => {
         const B = Math.max(0, Math.min(i, H)), se = Math.max(0, Math.min(m, f)), de = Math.max(0, Math.min(1, B / i)), ke = Math.max(0, Math.min(1, 1 - se / m)), ge = re(u.value, de, ke), me = G(ge.r, ge.g, ge.b);
         return Fe(me, b.value);
@@ -2402,7 +2402,7 @@ const co = {
               });
             }
           }
-      return Ct.value = v, v;
+      return yt.value = v, v;
     }), U(() => {
       if (!S.value || !b.value) return [];
       if (q.value && nt.value.length > 0 || !oa.value && nt.value.length > 0)
@@ -2521,7 +2521,7 @@ const co = {
     }, ra = (v) => {
       if (!V.value) return;
       const i = V.value.getBoundingClientRect(), m = "touches" in v ? v.touches[0].clientX : v.clientX, ee = "touches" in v ? v.touches[0].clientY : v.clientY, _ = Math.max(0, Math.min(i.width, m - i.left)), Y = Math.max(0, Math.min(i.height, ee - i.top));
-      g.value = _ / i.width, M.value = 1 - Y / i.height;
+      h.value = _ / i.width, $.value = 1 - Y / i.height;
     }, ua = (v) => {
       l.disabled || (L.value = !0, ca(v), document.addEventListener("mousemove", Nt), document.addEventListener("mouseup", Bt), document.addEventListener("touchmove", Nt), document.addEventListener("touchend", Bt));
     }, Nt = (v) => {
@@ -2548,29 +2548,29 @@ const co = {
         const i = Ie(v);
         if (i) {
           const m = ve(i.r, i.g, i.b);
-          u.value = m.h, g.value = m.s, M.value = m.v, Rt();
+          u.value = m.h, h.value = m.s, $.value = m.v, Rt();
         }
       }
     }, Pt = () => {
       const { r: v, g: i, b: m } = Pe.value;
       c.value = G(v, i, m);
     }, tt = () => {
-      const { r: v, g: i, b: m } = h.value;
+      const { r: v, g: i, b: m } = g.value;
       if (v >= 0 && v <= 255 && i >= 0 && i <= 255 && m >= 0 && m <= 255) {
         const ee = ve(v, i, m);
-        u.value = ee.h, g.value = ee.s, M.value = ee.v, Ot(), ya(), ka();
+        u.value = ee.h, h.value = ee.s, $.value = ee.v, Ot(), ya(), ka();
       }
     }, ct = () => {
       const { h: v, s: i, l: m } = C.value;
       if (v >= 0 && v <= 360 && i >= 0 && i <= 100 && m >= 0 && m <= 100) {
         const ee = X(v, i, m), _ = ve(ee.r, ee.g, ee.b);
-        u.value = _.h, g.value = _.s, M.value = _.v, Ot(), Rt(), ka();
+        u.value = _.h, h.value = _.s, $.value = _.v, Ot(), Rt(), ka();
       }
     }, bt = () => {
       const { l: v, c: i, h: m } = N.value;
       if (v >= 0 && v <= 100 && i >= 0 && i <= 100 && m >= 0 && m <= 360) {
         const ee = pe(v, i, m), _ = ve(ee.r, ee.g, ee.b);
-        u.value = _.h, g.value = _.s, M.value = _.v, Ot(), Rt(), ya();
+        u.value = _.h, h.value = _.s, $.value = _.v, Ot(), Rt(), ya();
       }
     }, jt = () => {
       const v = Math.max(0, Math.min(100, E.value));
@@ -2583,7 +2583,7 @@ const co = {
       c.value = G(v, i, m);
     }, Rt = () => {
       const { r: v, g: i, b: m } = Pe.value;
-      h.value = { r: v, g: i, b: m };
+      g.value = { r: v, g: i, b: m };
     }, ya = () => {
       const { r: v, g: i, b: m } = Pe.value, ee = he(v, i, m);
       C.value = ee;
@@ -2595,7 +2595,7 @@ const co = {
       const i = Ie(v);
       if (i) {
         const m = ve(i.r, i.g, i.b);
-        u.value = m.h, g.value = m.s, M.value = m.v, Ot(), Rt();
+        u.value = m.h, h.value = m.s, $.value = m.v, Ot(), Rt();
       }
     }, Qa = () => {
       S.value = !S.value;
@@ -2614,10 +2614,10 @@ const co = {
       }
       if (v) {
         const i = ve(v.r, v.g, v.b);
-        u.value = i.h, g.value = i.s, M.value = i.v, Ot(), Rt();
+        u.value = i.h, h.value = i.s, $.value = i.v, Ot(), Rt();
       }
     };
-    return Le([u, g, M, A], () => {
+    return Le([u, h, $, A], () => {
       Ot(), Rt(), ya(), ka();
       const v = He(at.value);
       v !== ye && (w.value ? (te && clearTimeout(te), te = setTimeout(() => {
@@ -2629,7 +2629,7 @@ const co = {
         ue.value = !1;
       }, 5)));
     }, { deep: !0 }), Le(u, () => {
-      S.value && l.compareColor && (Ct.value = [], nt.value = [], it.value = "", zt.value = "", Vt.value = "", It.value = "");
+      S.value && l.compareColor && (yt.value = [], nt.value = [], it.value = "", zt.value = "", Vt.value = "", It.value = "");
     }), Le(() => l.modelValue, (v) => {
       if (v && !ue.value) {
         const i = He(v), m = He(at.value);
@@ -2767,8 +2767,8 @@ const co = {
           e("div", {
             class: "ui-color-picker-cursor",
             style: Oe({
-              left: `${g.value * 100}%`,
-              top: `${(1 - M.value) * 100}%`,
+              left: `${h.value * 100}%`,
+              top: `${(1 - $.value) * 100}%`,
               backgroundColor: at.value
             })
           }, [...i[15] || (i[15] = [
@@ -2932,7 +2932,7 @@ const co = {
           e("div", qo, [
             i[25] || (i[25] = e("label", { class: "ui-color-picker-label" }, "R", -1)),
             Xe(e("input", {
-              "onUpdate:modelValue": i[1] || (i[1] = (m) => h.value.r = m),
+              "onUpdate:modelValue": i[1] || (i[1] = (m) => g.value.r = m),
               onInput: tt,
               class: "ui-color-picker-input",
               type: "number",
@@ -2941,7 +2941,7 @@ const co = {
             }, null, 544), [
               [
                 Je,
-                h.value.r,
+                g.value.r,
                 void 0,
                 { number: !0 }
               ]
@@ -2950,7 +2950,7 @@ const co = {
           e("div", Zo, [
             i[26] || (i[26] = e("label", { class: "ui-color-picker-label" }, "G", -1)),
             Xe(e("input", {
-              "onUpdate:modelValue": i[2] || (i[2] = (m) => h.value.g = m),
+              "onUpdate:modelValue": i[2] || (i[2] = (m) => g.value.g = m),
               onInput: tt,
               class: "ui-color-picker-input",
               type: "number",
@@ -2959,7 +2959,7 @@ const co = {
             }, null, 544), [
               [
                 Je,
-                h.value.g,
+                g.value.g,
                 void 0,
                 { number: !0 }
               ]
@@ -2968,7 +2968,7 @@ const co = {
           e("div", Ko, [
             i[27] || (i[27] = e("label", { class: "ui-color-picker-label" }, "B", -1)),
             Xe(e("input", {
-              "onUpdate:modelValue": i[3] || (i[3] = (m) => h.value.b = m),
+              "onUpdate:modelValue": i[3] || (i[3] = (m) => g.value.b = m),
               onInput: tt,
               class: "ui-color-picker-input",
               type: "number",
@@ -2977,7 +2977,7 @@ const co = {
             }, null, 544), [
               [
                 Je,
-                h.value.b,
+                g.value.b,
                 void 0,
                 { number: !0 }
               ]
@@ -3289,12 +3289,12 @@ const co = {
   },
   emits: ["update:modelValue"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = $(), V = $(), y = $(!1), k = U({
+    const t = s, l = r, z = M(), V = M(), y = M(!1), k = U({
       get: () => t.modelValue,
-      set: (h) => l("update:modelValue", h)
+      set: (g) => l("update:modelValue", g)
     }), u = U(() => t.modelValue || "#000000"), {
-      floatingStyle: g,
-      updatePosition: M,
+      floatingStyle: h,
+      updatePosition: $,
       cleanup: A
     } = Oa({
       trigger: z,
@@ -3311,14 +3311,14 @@ const co = {
         }
       }
     }), c = async () => {
-      t.disabled || (y.value = !y.value, y.value && (await yt(), M()));
+      t.disabled || (y.value = !y.value, y.value && (await ht(), $()));
     };
     return Le(
       [() => t.showContrast, () => t.compareColor],
       () => {
-        y.value && yt(() => {
+        y.value && ht(() => {
           setTimeout(() => {
-            M();
+            $();
           }, 50);
         });
       },
@@ -3326,15 +3326,15 @@ const co = {
     ), Le(
       () => t.modelValue,
       () => {
-        y.value && t.showContrast && t.compareColor && yt(() => {
+        y.value && t.showContrast && t.compareColor && ht(() => {
           setTimeout(() => {
-            M();
+            $();
           }, 100);
         });
       }
     ), xt(() => {
       A();
-    }), (h, E) => (a(), o("div", {
+    }), (g, E) => (a(), o("div", {
       ref_key: "containerRef",
       ref: z,
       class: "ui-color-picker-button-container"
@@ -3366,13 +3366,13 @@ const co = {
           ref_key: "popoverRef",
           ref: V,
           class: "ui-color-picker-popover",
-          style: Oe(n(g))
+          style: Oe(n(h))
         }, [
           d(Za, $a({
             modelValue: k.value,
             "onUpdate:modelValue": E[0] || (E[0] = (D) => k.value = D)
           }, t, {
-            "onUpdate:modelValue": E[1] || (E[1] = (D) => h.$emit("update:modelValue", D))
+            "onUpdate:modelValue": E[1] || (E[1] = (D) => g.$emit("update:modelValue", D))
           }), null, 16, ["modelValue"])
         ], 4)) : I("", !0)
       ]))
@@ -3458,17 +3458,17 @@ const co = {
   },
   emits: ["rowClick", "rowSelect", "sort", "columnReorder", "cellUpdate"],
   setup(s, { expose: r, emit: t }) {
-    const l = s, z = t, V = ga(), y = $(null), k = $([...l.data]), u = $([...l.columns]);
+    const l = s, z = t, V = ga(), y = M(null), k = M([...l.data]), u = M([...l.columns]);
     Le(() => l.data, (G) => {
       k.value = [...G];
     }, { deep: !0 }), Le(() => l.columns, (G) => {
       u.value = [...G];
     }, { deep: !0 });
-    const g = () => {
+    const h = () => {
       k.value = [...l.data], p.value.clear(), L.value.clear();
-    }, M = () => {
+    }, $ = () => {
       u.value = [...l.columns];
-    }, A = $(""), c = $("asc"), h = $({}), E = $({}), D = $(""), C = $(/* @__PURE__ */ new Set()), N = $(/* @__PURE__ */ new Set()), p = $(/* @__PURE__ */ new Set()), L = $(/* @__PURE__ */ new Map()), O = $(null), S = $(null), w = $(!1), q = $(0), Z = $(0), b = U(() => {
+    }, A = M(""), c = M("asc"), g = M({}), E = M({}), D = M(""), C = M(/* @__PURE__ */ new Set()), N = M(/* @__PURE__ */ new Set()), p = M(/* @__PURE__ */ new Set()), L = M(/* @__PURE__ */ new Map()), O = M(null), S = M(null), w = M(!1), q = M(0), Z = M(0), b = U(() => {
       const G = {
         "--_cols": l.columns.length.toString()
       };
@@ -3489,7 +3489,7 @@ const co = {
       zIndex: 10
     }, ye = U(() => {
       let G = [...k.value];
-      if (l.filterable && Object.keys(h.value).length > 0 && (G = G.filter((he) => Object.entries(h.value).every(([X, fe]) => {
+      if (l.filterable && Object.keys(g.value).length > 0 && (G = G.filter((he) => Object.entries(g.value).every(([X, fe]) => {
         if (!fe || fe === "") return !0;
         const pe = u.value.find((Fe) => Fe.key === X), He = Me(he, X, pe), Ne = String(He || "").toLowerCase();
         return Array.isArray(fe) ? fe.some((Fe) => Ne.includes(String(Fe).toLowerCase())) : Ne.includes(String(fe).toLowerCase());
@@ -3557,8 +3557,8 @@ const co = {
       for (let Pe = 0; Pe < Ne.length - 1; Pe++)
         Fe = Fe[Ne[Pe]];
       Fe[Ne[Ne.length - 1]] = X;
-      const gt = L.value.get(He);
-      X !== gt ? p.value.add(He) : p.value.delete(He), z("cellUpdate", G, he, X, pe);
+      const Ct = L.value.get(He);
+      X !== Ct ? p.value.add(He) : p.value.delete(He), z("cellUpdate", G, he, X, pe);
     }, le = (G, he) => {
       if (l.reorderable) {
         if (O.value = he, w.value = !0, q.value = G.clientX, Z.value = G.clientX, G.dataTransfer) {
@@ -3596,8 +3596,8 @@ const co = {
     r({
       internalData: k,
       internalColumns: u,
-      restoreData: g,
-      restoreColumns: M,
+      restoreData: h,
+      restoreColumns: $,
       modifiedCells: p,
       cellValues: L
     });
@@ -3685,7 +3685,7 @@ const co = {
                 s.filterable || X.filterable ? (a(), o("button", {
                   key: 0,
                   onClick: (pe) => K(X.key),
-                  class: be(["ui-table-filter-btn", { "ui-table-filter-btn--active": h.value[X.key] }])
+                  class: be(["ui-table-filter-btn", { "ui-table-filter-btn--active": g.value[X.key] }])
                 }, [
                   d(n(ds), { size: 14 })
                 ], 10, _1)) : I("", !0),
@@ -3700,8 +3700,8 @@ const co = {
             ]),
             E.value[X.key] ? (a(), o("div", z1, [
               d(Ze, {
-                modelValue: h.value[X.key],
-                "onUpdate:modelValue": (pe) => h.value[X.key] = pe,
+                modelValue: g.value[X.key],
+                "onUpdate:modelValue": (pe) => g.value[X.key] = pe,
                 type: X.filterType,
                 options: X.filterType === "select" ? j(X) : void 0,
                 placeholder: `Filter ${X.label}...`,
@@ -3906,12 +3906,12 @@ const co = {
       if (!r.gradient || r.variant !== "gradient" && r.variant !== "space") return null;
       const { angle: A = "135deg", stops: c = [] } = r.gradient;
       if (c.length === 0) return null;
-      const h = c.sort((E, D) => E.position - D.position).map((E) => `${E.color} ${E.position}%`).join(", ");
-      return `linear-gradient(${A}, ${h})`;
-    }), g = U(() => {
+      const g = c.sort((E, D) => E.position - D.position).map((E) => `${E.color} ${E.position}%`).join(", ");
+      return `linear-gradient(${A}, ${g})`;
+    }), h = U(() => {
       const A = {};
       return u.value && (A["--hero-custom-background"] = u.value), A;
-    }), M = U(() => {
+    }), $ = U(() => {
       const A = { ...k.value };
       return u.value && (A["--shadow-gradient"] = u.value), A["--border-color"] = r.borderColor, A;
     });
@@ -3920,7 +3920,7 @@ const co = {
         `ui-hero-wrapper--${s.variant}`,
         `ui-hero-wrapper--shadow-${s.shadow}`
       ]]),
-      style: Oe(M.value)
+      style: Oe($.value)
     }, [
       e("div", {
         class: be(["ui-hero", [
@@ -3930,7 +3930,7 @@ const co = {
             "ui-hero--sticky": !!s.sticky
           }
         ]]),
-        style: Oe(g.value)
+        style: Oe(h.value)
       }, [
         e("div", R1, [
           z.value || s.title || s.description ? (a(), o("div", F1, [
@@ -3954,7 +3954,7 @@ const co = {
       ], 6)
     ], 6));
   }
-}), _c = /* @__PURE__ */ De(Q1, [["__scopeId", "data-v-00e0d581"]]), At = $("system"), Ma = $(!1), Ta = "strands-ui-theme";
+}), _c = /* @__PURE__ */ De(Q1, [["__scopeId", "data-v-00e0d581"]]), At = M("system"), Ma = M(!1), Ta = "strands-ui-theme";
 function X1() {
   return typeof window > "u" ? !1 : window.matchMedia("(prefers-color-scheme: dark)").matches;
 }
@@ -4019,13 +4019,13 @@ function tl() {
   function V() {
     if (typeof window > "u") return;
     Ma.value = X1();
-    const y = window.matchMedia("(prefers-color-scheme: dark)"), k = (g) => {
-      Ma.value = g.matches;
+    const y = window.matchMedia("(prefers-color-scheme: dark)"), k = (h) => {
+      Ma.value = h.matches;
     };
     y.addEventListener ? y.addEventListener("change", k) : y.addListener(k);
     const u = J1();
-    At.value = u, Na(s.value), Le(s, (g) => {
-      Na(g);
+    At.value = u, Na(s.value), Le(s, (h) => {
+      Na(h);
     }, { immediate: !1 });
   }
   return We(() => {
@@ -4086,16 +4086,16 @@ const ol = {
     includeLabel: { type: Boolean, default: !1 }
   },
   setup(s) {
-    const r = s, { isForced: t } = sl(), { currentTheme: l, themeLabel: z, setTheme: V, cycleTheme: y, themeOptions: k } = al(), u = U(() => t.value), g = $(!1), M = {
+    const r = s, { isForced: t } = sl(), { currentTheme: l, themeLabel: z, setTheme: V, cycleTheme: y, themeOptions: k } = al(), u = U(() => t.value), h = M(!1), $ = {
       sun: ms,
       moon: ps,
       monitor: Ea,
       "chevron-up": qa,
       "chevron-down": _a
-    }, A = (C) => M[C] || Ea, c = U(() => l.value === "dark" ? "moon" : l.value === "light" ? "sun" : "monitor"), h = U(() => l.value === "dark" ? "Light" : l.value === "light" ? "System" : "Dark"), E = () => {
+    }, A = (C) => $[C] || Ea, c = U(() => l.value === "dark" ? "moon" : l.value === "light" ? "sun" : "monitor"), g = U(() => l.value === "dark" ? "Light" : l.value === "light" ? "System" : "Dark"), E = () => {
       r.variant === "button" && y();
     }, D = (C) => {
-      C.target.closest(".ui-theme-toggle-dropdown") || (g.value = !1);
+      C.target.closest(".ui-theme-toggle-dropdown") || (h.value = !1);
     };
     return We(() => {
       document.addEventListener("click", D);
@@ -4112,7 +4112,7 @@ const ol = {
         size: s.size,
         disabled: u.value,
         onClick: N[0] || (N[0] = (p) => u.value ? null : E),
-        title: u.value ? "Theme is locked by app settings" : `Switch to ${h.value.toLowerCase()} theme`,
+        title: u.value ? "Theme is locked by app settings" : `Switch to ${g.value.toLowerCase()} theme`,
         class: be(["ui-theme-toggle-button", { "ui-theme-toggle--disabled": u.value }])
       }, Zt({
         default: x(() => [
@@ -4141,7 +4141,7 @@ const ol = {
           variant: "ghost",
           size: s.size,
           disabled: u.value,
-          onClick: N[1] || (N[1] = (p) => u.value ? null : g.value = !g.value),
+          onClick: N[1] || (N[1] = (p) => u.value ? null : h.value = !h.value),
           class: be(["ui-theme-toggle-trigger", { "ui-theme-toggle--disabled": u.value }]),
           title: u.value ? "Theme is locked by app settings" : void 0
         }, {
@@ -4149,17 +4149,17 @@ const ol = {
             (a(), Ce(ot(A(c.value))))
           ]),
           "trailing-icon": x(() => [
-            (a(), Ce(ot(A(g.value ? "chevron-up" : "chevron-down"))))
+            (a(), Ce(ot(A(h.value ? "chevron-up" : "chevron-down"))))
           ]),
           default: x(() => [
             Q(" " + R(n(z)) + R(u.value ? " (Locked)" : "") + " ", 1)
           ]),
           _: 1
         }, 8, ["size", "disabled", "class", "title"]),
-        g.value ? (a(), o("div", {
+        h.value ? (a(), o("div", {
           key: 0,
           class: "ui-theme-toggle-menu",
-          onClick: N[2] || (N[2] = (p) => g.value = !1)
+          onClick: N[2] || (N[2] = (p) => h.value = !1)
         }, [
           (a(!0), o(Ue, null, Ke(n(k), (p) => (a(), o("button", {
             key: p.value,
@@ -4274,16 +4274,16 @@ const ol = {
   },
   emits: ["update:modelValue", "change", "input", "focus", "blur"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = $(), V = $(!1), y = $(0), k = $(null), u = $(0), g = U(() => t.modelValue !== void 0 ? Number(t.modelValue) : t.value !== void 0 ? Number(t.value) : u.value);
+    const t = s, l = r, z = M(), V = M(!1), y = M(0), k = M(null), u = M(0), h = U(() => t.modelValue !== void 0 ? Number(t.modelValue) : t.value !== void 0 ? Number(t.value) : u.value);
     Le(() => t.value, (S) => {
       S !== void 0 && (u.value = Number(S));
     }, { immediate: !0 }), Le(() => t.modelValue, (S) => {
       S !== void 0 && (u.value = Number(S));
     }, { immediate: !0 });
-    const M = U(() => {
-      const S = t.max - t.min, w = (g.value - t.min) / S * 100;
+    const $ = U(() => {
+      const S = t.max - t.min, w = (h.value - t.min) / S * 100;
       return Math.max(0, Math.min(100, w));
-    }), A = U(() => g.value?.toFixed(t.step < 1 ? 1 : 0) || "0"), c = U(() => `slider-size-${t.size}`), h = U(() => t.color ? `slider-color-${t.color}` : ""), E = U(() => {
+    }), A = U(() => h.value?.toFixed(t.step < 1 ? 1 : 0) || "0"), c = U(() => `slider-size-${t.size}`), g = U(() => t.color ? `slider-color-${t.color}` : ""), E = U(() => {
       if (!t.showTicks) return [];
       const S = [], w = t.max - t.min, q = w / (t.tickCount - 1);
       for (let Z = 0; Z < t.tickCount; Z++) {
@@ -4315,7 +4315,7 @@ const ol = {
     return (S, w) => (a(), o("div", {
       class: be(["slider-wrapper", [
         c.value,
-        h.value,
+        g.value,
         {
           "slider-disabled": s.disabled,
           "slider-dragging": V.value
@@ -4343,7 +4343,7 @@ const ol = {
             ref_key: "sliderRef",
             ref: z,
             type: "range",
-            value: g.value,
+            value: h.value,
             min: s.min,
             max: s.max,
             step: s.step,
@@ -4362,12 +4362,12 @@ const ol = {
           e("div", hl, [
             e("div", {
               class: "slider-progress",
-              style: Oe({ width: M.value + "%" })
+              style: Oe({ width: $.value + "%" })
             }, null, 4)
           ]),
           e("div", {
             class: "slider-thumb",
-            style: Oe({ left: M.value + "%" })
+            style: Oe({ left: $.value + "%" })
           }, null, 4)
         ]),
         s.showMinMax ? (a(), o("div", gl, R(s.max) + R(s.unit), 1)) : I("", !0)
@@ -4429,17 +4429,17 @@ const ol = {
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = U(() => `radio-group-size-${t.size}`), V = U(() => t.orientation === "horizontal" ? "radio-options-horizontal" : "radio-options-vertical"), y = (M) => {
-      t.disabled || M.disabled || t.modelValue !== M.value && (l("update:modelValue", M.value), l("change", M.value));
-    }, k = (M) => {
-      const c = M.target.value;
+    const t = s, l = r, z = U(() => `radio-group-size-${t.size}`), V = U(() => t.orientation === "horizontal" ? "radio-options-horizontal" : "radio-options-vertical"), y = ($) => {
+      t.disabled || $.disabled || t.modelValue !== $.value && (l("update:modelValue", $.value), l("change", $.value));
+    }, k = ($) => {
+      const c = $.target.value;
       l("update:modelValue", c), l("change", c);
-    }, u = (M) => {
-      l("focus", M);
-    }, g = (M) => {
-      l("blur", M);
+    }, u = ($) => {
+      l("focus", $);
+    }, h = ($) => {
+      l("blur", $);
     };
-    return (M, A) => (a(), o("div", {
+    return ($, A) => (a(), o("div", {
       class: be(["radio-group", [
         z.value,
         { "radio-group-disabled": s.disabled }
@@ -4465,7 +4465,7 @@ const ol = {
               "radio-option-card": s.variant === "card"
             }
           ]]),
-          onClick: (h) => y(c)
+          onClick: (g) => y(c)
         }, [
           e("input", {
             id: `${s.fieldId}-${c.value}`,
@@ -4478,7 +4478,7 @@ const ol = {
             class: "radio-input",
             onChange: k,
             onFocus: u,
-            onBlur: g
+            onBlur: h
           }, null, 40, _l),
           A[0] || (A[0] = e("div", { class: "radio-button" }, [
             e("div", { class: "radio-button-inner" })
@@ -4572,14 +4572,14 @@ const ol = {
       return C.length > 0 && C.every(
         (N) => t.modelValue.includes(N.value)
       );
-    }), k = U(() => t.options.filter((N) => !N.disabled).some((N) => t.modelValue.includes(N.value))), u = (C) => t.modelValue.includes(C), g = (C) => t.options.find((p) => p.value === C)?.indeterminate || !1, M = (C) => {
+    }), k = U(() => t.options.filter((N) => !N.disabled).some((N) => t.modelValue.includes(N.value))), u = (C) => t.modelValue.includes(C), h = (C) => t.options.find((p) => p.value === C)?.indeterminate || !1, $ = (C) => {
       t.disabled || C.disabled || A(C);
     }, A = (C, N) => {
       const p = [...t.modelValue], L = p.indexOf(C.value);
       L > -1 ? p.splice(L, 1) : p.push(C.value), l("update:modelValue", p), l("change", p);
     }, c = () => {
-      t.disabled || h();
-    }, h = () => {
+      t.disabled || g();
+    }, g = () => {
       const C = t.options.filter((N) => !N.disabled);
       if (y.value) {
         const N = t.modelValue.filter(
@@ -4619,10 +4619,10 @@ const ol = {
               "checkbox-option-selected": u(p.value),
               "checkbox-option-disabled": s.disabled || p.disabled,
               "checkbox-option-card": s.variant === "card",
-              "checkbox-option-indeterminate": g(p.value)
+              "checkbox-option-indeterminate": h(p.value)
             }
           ]]),
-          onClick: (L) => M(p)
+          onClick: (L) => $(p)
         }, [
           e("input", {
             id: `${s.fieldId}-${p.value}`,
@@ -4632,7 +4632,7 @@ const ol = {
             checked: u(p.value),
             disabled: s.disabled || p.disabled,
             required: s.required && s.modelValue.length === 0,
-            indeterminate: g(p.value),
+            indeterminate: h(p.value),
             class: "checkbox-input",
             onChange: (L) => A(p),
             onFocus: E,
@@ -4645,7 +4645,7 @@ const ol = {
                 d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
                 "clip-rule": "evenodd"
               }, null, -1)
-            ])])) : g(p.value) ? (a(), o("svg", Fl, [...N[1] || (N[1] = [
+            ])])) : h(p.value) ? (a(), o("svg", Fl, [...N[1] || (N[1] = [
               e("path", {
                 "fill-rule": "evenodd",
                 d: "M4 10a1 1 0 011-1h10a1 1 0 110 2H5a1 1 0 01-1-1z",
@@ -4679,7 +4679,7 @@ const ol = {
             checked: y.value,
             indeterminate: k.value && !y.value,
             class: "checkbox-input select-all-input",
-            onChange: h
+            onChange: g
           }, null, 40, Wl),
           e("div", Ql, [
             y.value ? (a(), o("svg", Xl, [...N[2] || (N[2] = [
@@ -4815,7 +4815,7 @@ const ol = {
       ], 2)) : I("", !0)
     ]));
   }
-}), Et = /* @__PURE__ */ De(gn, [["__scopeId", "data-v-fe426315"]]), fa = $([]), Ba = $(!1), Qe = $(!1);
+}), Et = /* @__PURE__ */ De(gn, [["__scopeId", "data-v-fe426315"]]), fa = M([]), Ba = M(!1), Qe = M(!1);
 function Tt() {
   const { getUrl: s } = pt(), { currentSession: r } = ft(), t = U(() => fa.value.length > 0), l = U(
     () => fa.value.filter(
@@ -4888,7 +4888,7 @@ function Tt() {
     } finally {
       Qe.value = !1;
     }
-  }, g = async (C) => {
+  }, h = async (C) => {
     Qe.value = !0;
     try {
       await z(s("mfaEmailSend"), {
@@ -4898,7 +4898,7 @@ function Tt() {
     } finally {
       Qe.value = !1;
     }
-  }, M = async (C, N) => {
+  }, $ = async (C, N) => {
     Qe.value = !0;
     try {
       return (await z(s("mfaEmailVerify"), {
@@ -4931,7 +4931,7 @@ function Tt() {
     } finally {
       Qe.value = !1;
     }
-  }, h = (C) => {
+  }, g = (C) => {
     switch (C) {
       case "totp":
         return "📱";
@@ -4978,12 +4978,12 @@ function Tt() {
     setupTotp: y,
     verifyTotpSetup: k,
     setupEmailMfa: u,
-    sendEmailMfaCode: g,
-    verifyEmailMfaCode: M,
+    sendEmailMfaCode: h,
+    verifyEmailMfaCode: $,
     disableMfaDevice: A,
     regenerateBackupCodes: c,
     // Helper methods
-    getDeviceTypeIcon: h,
+    getDeviceTypeIcon: g,
     getDeviceTypeName: E,
     formatLastUsed: D
   };
@@ -5119,24 +5119,24 @@ const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-c
           oe("path", { d: "m12 17 .01 0" })
         ]);
       }
-    }, u = s, g = r, {
-      loading: M,
+    }, u = s, h = r, {
+      loading: $,
       getDeviceTypeName: A
     } = Tt(), {
       verifyMfa: c,
-      sendMfaEmailCode: h,
+      sendMfaEmailCode: g,
       getMfaWebAuthnChallenge: E,
       mfaSessionId: D,
       loading: C,
       loadingMessage: N,
       isSendingMfaEmail: p,
       isVerifyingMfa: L
-    } = ft(), O = U(() => M.value || C.value), S = U({
+    } = ft(), O = U(() => $.value || C.value), S = U({
       get: () => u.show,
       set: ($e) => {
-        $e || g("close");
+        $e || h("close");
       }
-    }), w = $(null), q = $(""), Z = $(""), b = $(""), T = $(""), te = $(!1), ue = $(!1), ye = $(!1), Me = $(0);
+    }), w = M(null), q = M(""), Z = M(""), b = M(""), T = M(""), te = M(!1), ue = M(!1), ye = M(!1), Me = M(0);
     let Ae = null;
     const Se = U(() => (u.availableMfaMethods || []).filter(
       (re) => re.device_type !== "hardware" && re.device_type !== "passkey"
@@ -5146,16 +5146,16 @@ const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-c
     }, { immediate: !0 }), Le(() => u.show, async ($e) => {
       $e ? (q.value = "", Z.value = "", b.value = "", T.value = "", te.value = !1, ue.value = !1, ye.value = !1, Me.value = 0, Ae && (clearInterval(Ae), Ae = null), Se.value.length === 1 && (w.value = Se.value[0], w.value.device_type === "email" && setTimeout(async () => {
         try {
-          await h(w.value.id), ue.value = !0, W();
+          await g(w.value.id), ue.value = !0, W();
         } catch (re) {
-          g("error", re instanceof Error ? re.message : "Failed to send email code");
+          h("error", re instanceof Error ? re.message : "Failed to send email code");
         }
       }, 100))) : w.value = null;
     }), Fa(() => {
       Ae && clearInterval(Ae);
     });
     const xe = () => {
-      g("close");
+      h("close");
     }, ne = ($e) => {
       w.value = $e, q.value = "", Z.value = "", ue.value = !1, te.value = !1;
     }, j = ($e) => {
@@ -5178,9 +5178,9 @@ const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-c
     }, ae = async () => {
       if (!(!w.value || w.value.device_type !== "email"))
         try {
-          await h(w.value.id), ue.value = !0, W();
+          await g(w.value.id), ue.value = !0, W();
         } catch ($e) {
-          g("error", $e instanceof Error ? $e.message : "Failed to send email code");
+          h("error", $e instanceof Error ? $e.message : "Failed to send email code");
         }
     }, W = () => {
       ye.value = !0, Me.value = 30, Ae = setInterval(() => {
@@ -5190,7 +5190,7 @@ const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-c
       if (!(!w.value || !q.value)) {
         Z.value = "";
         try {
-          await c(w.value.id, q.value), g("success");
+          await c(w.value.id, q.value), h("success");
         } catch ($e) {
           Z.value = $e instanceof Error ? $e.message : "Invalid verification code";
         }
@@ -5199,7 +5199,7 @@ const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-c
       if (b.value) {
         T.value = "";
         try {
-          await c("", b.value, !0), g("success");
+          await c("", b.value, !0), h("success");
         } catch ($e) {
           T.value = $e instanceof Error ? $e.message : "Invalid backup code";
         }
@@ -5220,7 +5220,7 @@ const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-c
     }, Ee = async () => {
       const $e = u.sessionId || D.value;
       if (!w.value || w.value.device_type !== "hardware" && w.value.device_type !== "passkey" || !$e) {
-        g("error", "Missing requirements for hardware key authentication");
+        h("error", "Missing requirements for hardware key authentication");
         return;
       }
       try {
@@ -5229,7 +5229,7 @@ const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-c
         const re = await E(w.value.id), ve = re.challenge.publicKey || re.challenge, Ie = (Ne) => {
           if (!Ne || typeof Ne != "string")
             return new Uint8Array(0);
-          const Fe = "=".repeat((4 - Ne.length % 4) % 4), gt = (Ne + Fe).replace(/-/g, "+").replace(/_/g, "/"), Pe = window.atob(gt), Ut = new Uint8Array(Pe.length);
+          const Fe = "=".repeat((4 - Ne.length % 4) % 4), Ct = (Ne + Fe).replace(/-/g, "+").replace(/_/g, "/"), Pe = window.atob(Ct), Ut = new Uint8Array(Pe.length);
           for (let at = 0; at < Pe.length; ++at)
             Ut[at] = Pe.charCodeAt(at);
           return Ut;
@@ -5277,9 +5277,9 @@ const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-c
           deviceInfo: pe
           // Include detected device info
         };
-        await c(w.value.id, JSON.stringify(He)), g("success");
+        await c(w.value.id, JSON.stringify(He)), h("success");
       } catch (re) {
-        g("error", re instanceof Error ? re.message : "Hardware key authentication failed");
+        h("error", re instanceof Error ? re.message : "Hardware key authentication failed");
       }
     };
     return ($e, re) => (a(), o("div", Cn, [
@@ -5324,7 +5324,7 @@ const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-c
         default: x(() => [
           e("div", yn, [
             O.value && !ue.value ? (a(), o("div", kn, [
-              d(n(ht), { size: 24 }),
+              d(n(gt), { size: 24 }),
               e("span", wn, R(n(p) || n(L) ? n(N) : "Loading..."), 1)
             ])) : (a(), o("div", bn, [
               Se.value.length > 1 ? (a(), o("div", xn, [
@@ -5562,12 +5562,12 @@ const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-c
   }
 }), Ka = /* @__PURE__ */ De(ei, [["__scopeId", "data-v-f0750b5a"]]), Pa = /* @__PURE__ */ new Map(), ti = 300 * 1e3;
 function za(s = {}) {
-  const { getUrl: r, config: t } = pt(), l = $([]), z = $(!1), V = $(null), y = U(
+  const { getUrl: r, config: t } = pt(), l = M([]), z = M(!1), V = M(null), y = U(
     () => l.value.filter((c) => c.enabled)
   ), k = async () => {
-    const c = JSON.stringify(s), h = Pa.get(c);
-    if (h && Date.now() - h.timestamp < ti)
-      return l.value = h.data, h.data;
+    const c = JSON.stringify(s), g = Pa.get(c);
+    if (g && Date.now() - g.timestamp < ti)
+      return l.value = g.data, g.data;
     z.value = !0, V.value = null;
     try {
       let E = r("oauthProviders");
@@ -5598,8 +5598,8 @@ function za(s = {}) {
     } finally {
       z.value = !1;
     }
-  }, u = async (c, h) => {
-    const E = { ...s, ...h }, D = new URLSearchParams();
+  }, u = async (c, g) => {
+    const E = { ...s, ...g }, D = new URLSearchParams();
     if (E.redirectUrl) {
       let L = E.redirectUrl;
       E.redirectUrl.startsWith("/") && (L = `${window.location.origin}${E.redirectUrl}`), D.append("redirect_url", L);
@@ -5625,7 +5625,7 @@ function za(s = {}) {
       const O = L instanceof Error ? L.message : "Failed to get OAuth auth URL";
       throw new Error(O);
     }
-  }, g = async (c, h) => {
+  }, h = async (c, g) => {
     try {
       const E = l.value.find((D) => D.id === c);
       if (!E)
@@ -5636,7 +5636,7 @@ function za(s = {}) {
     } catch (E) {
       throw V.value = E instanceof Error ? E.message : "Failed to redirect to OAuth provider", E;
     }
-  }, M = (c) => l.value.find((h) => h.id === c), A = (c) => {
+  }, $ = (c) => l.value.find((g) => g.id === c), A = (c) => {
     if (c.iconUrl)
       return c.iconUrl;
     switch (c.id.toLowerCase()) {
@@ -5660,8 +5660,8 @@ function za(s = {}) {
     error: U(() => V.value),
     fetchProviders: k,
     getProviderAuthUrl: u,
-    redirectToProvider: g,
-    getProviderById: M,
+    redirectToProvider: h,
+    getProviderById: $,
     getProviderIcon: A
   };
 }
@@ -5816,12 +5816,12 @@ const ai = {
     const t = s, l = r, { getUrl: z, getSupportEmail: V, config: y } = pt(t.config), {
       signIn: k,
       mfaRequired: u,
-      availableMfaMethods: g,
-      currentUser: M,
+      availableMfaMethods: h,
+      currentUser: $,
       loadingMessage: A
     } = ft(), {
       enabledProviders: c,
-      loading: h,
+      loading: g,
       fetchProviders: E,
       redirectToProvider: D
     } = za({
@@ -5861,7 +5861,7 @@ const ai = {
       async requestPasswordReset(ae) {
         throw new Error("Password reset functionality is not yet implemented in the API. Please contact support.");
       }
-    }, p = $(t.mode), L = $(!1), O = $(""), S = $(!1), w = $(!1), q = Ye({
+    }, p = M(t.mode), L = M(!1), O = M(""), S = M(!1), w = M(!1), q = Ye({
       firstName: "",
       lastName: "",
       email: "",
@@ -5874,7 +5874,7 @@ const ai = {
       ae && (w.value = !0);
     }, { immediate: !0 });
     const te = () => {
-      w.value = !1, l("success", M.value), y.value.onSignInUrl && typeof window < "u" && (window.location.href = y.value.onSignInUrl);
+      w.value = !1, l("success", $.value), y.value.onSignInUrl && typeof window < "u" && (window.location.href = y.value.onSignInUrl);
     }, ue = () => {
       w.value = !1;
     }, ye = (ae) => {
@@ -6032,7 +6032,7 @@ const ai = {
                     key: le.id,
                     variant: "outline",
                     "full-width": "",
-                    disabled: n(h),
+                    disabled: n(g),
                     onClick: (_e) => Ae(le.id),
                     class: "auth-oauth-button"
                   }, {
@@ -6255,7 +6255,7 @@ const ai = {
       }, 8, ["variant", "color", "class"]),
       d(Ka, {
         show: w.value,
-        "available-mfa-methods": n(g),
+        "available-mfa-methods": n(h),
         onSuccess: te,
         onClose: ue,
         onError: ye
@@ -6326,12 +6326,12 @@ const ai = {
       mfaSessionId: y,
       availableMfaMethods: k,
       loading: u,
-      currentUser: g
+      currentUser: h
     } = ft(), {
-      enabledProviders: M,
+      enabledProviders: $,
       loading: A,
       fetchProviders: c,
-      redirectToProvider: h
+      redirectToProvider: g
     } = za({
       redirectUrl: t.redirectUrl,
       scopes: t.oauthScopes
@@ -6341,7 +6341,7 @@ const ai = {
         console.warn("Failed to fetch OAuth providers:", q);
       });
     });
-    const E = U(() => u.value), D = $(""), C = $(!1);
+    const E = U(() => u.value), D = M(""), C = M(!1);
     Le(V, (q) => {
       q && (C.value = !0);
     });
@@ -6365,7 +6365,7 @@ const ai = {
         D.value = Z, l("error", Z);
       }
     }, L = () => {
-      C.value = !1, l("success", g.value);
+      C.value = !1, l("success", h.value);
       const { config: q } = pt(t.config);
       q.value.onSignInUrl && typeof window < "u" && (window.location.href = q.value.onSignInUrl);
     }, O = () => {
@@ -6374,7 +6374,7 @@ const ai = {
       D.value = q, l("error", q);
     }, w = async (q) => {
       try {
-        await h(q, {
+        await g(q, {
           redirectUrl: t.redirectUrl,
           scopes: t.oauthScopes
         });
@@ -6399,8 +6399,8 @@ const ai = {
                 Q("to continue ")
               ])
             ], -1)),
-            n(M)?.length ? (a(), o("div", Ni, [
-              (a(!0), o(Ue, null, Ke(n(M), (b, T, te, ue) => {
+            n($)?.length ? (a(), o("div", Ni, [
+              (a(!0), o(Ue, null, Ke(n($), (b, T, te, ue) => {
                 const ye = [b.id, b.name, b.displayName, n(A)];
                 if (ue && ue.key === b.id && ss(ue, ye)) return ue;
                 const Me = (a(), Ce(n(ce), {
@@ -6432,7 +6432,7 @@ const ai = {
                 return Me.memo = ye, Me;
               }, Z, 0), 128))
             ])) : I("", !0),
-            n(M)?.length ? (a(), o("div", qi, [...Z[7] || (Z[7] = [
+            n($)?.length ? (a(), o("div", qi, [...Z[7] || (Z[7] = [
               e("span", { class: "divider-text" }, "Or sign in with email", -1)
             ])])) : I("", !0),
             e("form", {
@@ -6594,7 +6594,7 @@ const ai = {
       enabledProviders: y,
       loading: k,
       fetchProviders: u,
-      redirectToProvider: g
+      redirectToProvider: h
     } = za({
       redirectUrl: t.redirectUrl,
       scopes: t.oauthScopes
@@ -6604,12 +6604,12 @@ const ai = {
         console.warn("Failed to fetch OAuth providers:", O);
       });
     });
-    const M = $(!1), A = $(""), c = $(!1), h = $(""), E = $("Magic Link Sent!"), D = $(""), C = Ye({
+    const $ = M(!1), A = M(""), c = M(!1), g = M(""), E = M("Magic Link Sent!"), D = M(""), C = Ye({
       email: ""
     });
     U(() => C.email.trim() && C.email.includes("@"));
     const N = async () => {
-      M.value = !0, A.value = "";
+      $.value = !0, A.value = "";
       try {
         const O = z("signUp"), S = await fetch(O, {
           method: "POST",
@@ -6631,7 +6631,7 @@ const ai = {
           throw new Error(q);
         }
         const w = await S.json();
-        c.value = !0, D.value = C.email, h.value = w.message || "Magic link sent! Check your email.", w.message && (w.message.includes("already have an account") || w.message.includes("Welcome back") ? E.value = "Welcome Back!" : w.message.includes("Magic link sent") || w.message.includes("Check your email") ? E.value = "Magic Link Sent!" : E.value = "Success!"), l("success", {
+        c.value = !0, D.value = C.email, g.value = w.message || "Magic link sent! Check your email.", w.message && (w.message.includes("already have an account") || w.message.includes("Welcome back") ? E.value = "Welcome Back!" : w.message.includes("Magic link sent") || w.message.includes("Check your email") ? E.value = "Magic Link Sent!" : E.value = "Success!"), l("success", {
           email: C.email,
           message: w.message || "Magic link sent! Check your email."
         });
@@ -6647,13 +6647,13 @@ const ai = {
             S = O.message;
         A.value = S, l("error", S);
       } finally {
-        M.value = !1;
+        $.value = !1;
       }
     }, p = () => {
-      c.value = !1, h.value = "", E.value = "Magic Link Sent!", D.value = "", C.email = "", A.value = "";
+      c.value = !1, g.value = "", E.value = "Magic Link Sent!", D.value = "", C.email = "", A.value = "";
     }, L = async (O) => {
       try {
-        await g(O, {
+        await h(O, {
           redirectUrl: t.redirectUrl,
           scopes: t.oauthScopes
         });
@@ -6672,7 +6672,7 @@ const ai = {
             e("div", or, [
               S[4] || (S[4] = e("div", { class: "signup-success-icon" }, "📧", -1)),
               e("h1", lr, R(E.value), 1),
-              e("p", nr, R(h.value), 1),
+              e("p", nr, R(g.value), 1),
               D.value ? (a(), o("div", ir, [
                 e("strong", null, R(D.value), 1)
               ])) : I("", !0),
@@ -6786,8 +6786,8 @@ const ai = {
                 type: "submit",
                 variant: "primary",
                 "full-width": "",
-                disabled: M.value || !C.email,
-                loading: M.value,
+                disabled: $.value || !C.email,
+                loading: $.value,
                 "loading-text": "Sending magic link...",
                 class: "accui-auth-submit"
               }, {
@@ -6876,11 +6876,11 @@ const ai = {
   },
   emits: ["success", "error", "invalid-token", "request-new-link", "start-registration"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { getUrl: z, getSupportEmail: V } = pt(t.config), { setAuthData: y } = ft(), k = $(!1), u = $(!1), g = $(!1), M = $(""), A = $(""), c = Ye({
+    const t = s, l = r, { getUrl: z, getSupportEmail: V } = pt(t.config), { setAuthData: y } = ft(), k = M(!1), u = M(!1), h = M(!1), $ = M(""), A = M(""), c = Ye({
       firstName: "",
       lastName: "",
       password: ""
-    }), h = Ye({
+    }), g = Ye({
       firstName: "",
       lastName: "",
       password: ""
@@ -6891,7 +6891,7 @@ const ai = {
     Le(
       () => c.password,
       (p) => {
-        p && p.length < 8 ? h.password = "Password must be at least 8 characters long" : h.password = "";
+        p && p.length < 8 ? g.password = "Password must be at least 8 characters long" : g.password = "";
       }
     );
     const D = U(() => t.redirectUrl || window.location.origin);
@@ -6911,16 +6911,16 @@ const ai = {
       D.value && (window.location.href = D.value);
     }, N = async () => {
       if (!t.token) {
-        M.value = "Registration token is required";
+        $.value = "Registration token is required";
         return;
       }
-      if (M.value = "", Object.keys(h).forEach((p) => {
-        h[p] = "";
+      if ($.value = "", Object.keys(g).forEach((p) => {
+        g[p] = "";
       }), !E.value) {
-        M.value = "Please fill in all required fields correctly";
+        $.value = "Please fill in all required fields correctly";
         return;
       }
-      g.value = !0;
+      h.value = !0;
       try {
         const p = {
           "Content-Type": "application/json"
@@ -6945,9 +6945,9 @@ const ai = {
           C();
         }, 2e3);
       } catch (p) {
-        p instanceof Error ? p.message.includes("CONFLICT") || p.message.includes("409") ? M.value = "This account already exists. Please try signing in instead." : p.message.includes("BAD_REQUEST") || p.message.includes("400") ? (M.value = "Invalid or expired registration link. Please request a new one.", u.value = !0, l("invalid-token")) : M.value = p.message : M.value = "Failed to complete registration. Please try again.", l("error", M.value);
+        p instanceof Error ? p.message.includes("CONFLICT") || p.message.includes("409") ? $.value = "This account already exists. Please try signing in instead." : p.message.includes("BAD_REQUEST") || p.message.includes("400") ? ($.value = "Invalid or expired registration link. Please request a new one.", u.value = !0, l("invalid-token")) : $.value = p.message : $.value = "Failed to complete registration. Please try again.", l("error", $.value);
       } finally {
-        g.value = !1;
+        h.value = !1;
       }
     };
     return (p, L) => (a(), o("div", Ir, [
@@ -7023,7 +7023,7 @@ const ai = {
                   label: "First Name (Optional)",
                   placeholder: "Enter your first name",
                   autocomplete: "given-name",
-                  error: h.firstName
+                  error: g.firstName
                 }, null, 8, ["modelValue", "error"])
               ]),
               e("div", null, [
@@ -7035,7 +7035,7 @@ const ai = {
                   label: "Last Name (Optional)",
                   placeholder: "Enter your last name",
                   autocomplete: "family-name",
-                  error: h.lastName
+                  error: g.lastName
                 }, null, 8, ["modelValue", "error"])
               ]),
               e("div", null, [
@@ -7049,7 +7049,7 @@ const ai = {
                   autocomplete: "new-password",
                   required: "",
                   minlength: "8",
-                  error: h.password
+                  error: g.password
                 }, null, 8, ["modelValue", "error"]),
                 L[19] || (L[19] = e("div", { class: "complete-signup-password-hint" }, " Password must be at least 8 characters long ", -1))
               ]),
@@ -7057,8 +7057,8 @@ const ai = {
                 type: "submit",
                 variant: "primary",
                 "full-width": "",
-                disabled: g.value || !E.value,
-                loading: g.value,
+                disabled: h.value || !E.value,
+                loading: h.value,
                 "loading-text": "Creating account..."
               }, {
                 default: x(() => [...L[20] || (L[20] = [
@@ -7067,13 +7067,13 @@ const ai = {
                 _: 1
               }, 8, ["disabled", "loading"])
             ], 32),
-            M.value ? (a(), Ce(n(Ht), {
+            $.value ? (a(), Ce(n(Ht), {
               key: 0,
               variant: "error",
-              message: M.value,
+              message: $.value,
               class: "complete-signup-error-alert",
               dismissible: "",
-              onDismiss: L[4] || (L[4] = (O) => M.value = "")
+              onDismiss: L[4] || (L[4] = (O) => $.value = "")
             }, null, 8, ["message"])) : I("", !0),
             d(Et, {
               config: t.config
@@ -7158,10 +7158,10 @@ const ai = {
       set: (S) => {
         S || l("close");
       }
-    }), u = $(1), g = $(""), M = $(""), A = $(""), c = $(""), h = $(null), E = $("");
+    }), u = M(1), h = M(""), $ = M(""), A = M(""), c = M(""), g = M(null), E = M("");
     Le(() => t.show, (S) => {
-      S && (u.value = 1, g.value = "", M.value = "", A.value = "", c.value = "", h.value = null, E.value = "");
-    }), Le(() => h.value, async (S) => {
+      S && (u.value = 1, h.value = "", $.value = "", A.value = "", c.value = "", g.value = null, E.value = "");
+    }), Le(() => g.value, async (S) => {
       if (S?.qr_code_url)
         try {
           const w = `https://api.qrserver.com/v1/create-qr-code/?size=192x192&data=${encodeURIComponent(S.qr_code_url)}&bgcolor=ffffff&color=000000`;
@@ -7173,32 +7173,32 @@ const ai = {
     const D = () => {
       l("close");
     }, C = async () => {
-      if (!g.value.trim()) {
-        M.value = "Device name is required";
+      if (!h.value.trim()) {
+        $.value = "Device name is required";
         return;
       }
-      M.value = "";
+      $.value = "";
       try {
-        const S = await z(g.value.trim());
-        h.value = S, u.value = 2;
+        const S = await z(h.value.trim());
+        g.value = S, u.value = 2;
       } catch (S) {
-        console.error("Failed to setup TOTP:", S), M.value = S instanceof Error ? S.message : "Failed to setup TOTP";
+        console.error("Failed to setup TOTP:", S), $.value = S instanceof Error ? S.message : "Failed to setup TOTP";
       }
     }, N = (S) => {
       c.value = "", S.length === 6 && p();
     }, p = async () => {
-      if (!(!h.value || !A.value)) {
+      if (!(!g.value || !A.value)) {
         c.value = "";
         try {
-          await V(h.value.device_id, A.value), u.value = 4;
+          await V(g.value.device_id, A.value), u.value = 4;
         } catch (S) {
           console.error("Failed to verify TOTP code:", S), c.value = S instanceof Error ? S.message : "Invalid verification code";
         }
       }
     }, L = async () => {
-      if (h.value?.backup_codes)
+      if (g.value?.backup_codes)
         try {
-          const S = h.value.backup_codes.join(`
+          const S = g.value.backup_codes.join(`
 `);
           await navigator.clipboard.writeText(S);
         } catch (S) {
@@ -7220,11 +7220,11 @@ const ai = {
             e("p", { class: "step-description" }, ' Give this authenticator a memorable name (e.g., "iPhone", "Work Phone") ')
           ], -1)),
           d(n(Ze), {
-            modelValue: g.value,
-            "onUpdate:modelValue": w[0] || (w[0] = (q) => g.value = q),
+            modelValue: h.value,
+            "onUpdate:modelValue": w[0] || (w[0] = (q) => h.value = q),
             label: "Device Name",
             placeholder: "My Authenticator",
-            error: M.value,
+            error: $.value,
             disabled: n(y)
           }, null, 8, ["modelValue", "error", "disabled"]),
           e("div", Gr, [
@@ -7241,7 +7241,7 @@ const ai = {
             d(n(ce), {
               variant: "primary",
               onClick: C,
-              disabled: !g.value.trim() || n(y),
+              disabled: !h.value.trim() || n(y),
               loading: n(y)
             }, {
               default: x(() => [...w[7] || (w[7] = [
@@ -7266,14 +7266,14 @@ const ai = {
                 height: "200"
               }, null, 8, Xr)
             ])) : (a(), o("div", Jr, [
-              d(n(ht), { size: 24 })
+              d(n(gt), { size: 24 })
             ]))
           ]),
           e("div", e2, [
             w[9] || (w[9] = e("p", { class: "manual-label" }, " Can't scan? Enter this code manually: ", -1)),
-            e("code", t2, R(h.value?.secret || "..."), 1)
+            e("code", t2, R(g.value?.secret || "..."), 1)
           ]),
-          h.value?.backup_codes ? (a(), o("div", a2, [...w[10] || (w[10] = [
+          g.value?.backup_codes ? (a(), o("div", a2, [...w[10] || (w[10] = [
             e("div", { class: "flex items-start space-x-2" }, [
               e("svg", {
                 class: "w-5 h-5 text-yellow-600 mt-0.5 flex-shrink-0",
@@ -7395,7 +7395,7 @@ const ai = {
             ], -1)),
             e("div", r2, [
               e("div", u2, [
-                (a(!0), o(Ue, null, Ke(h.value?.backup_codes, (q, Z) => (a(), o("div", {
+                (a(!0), o(Ue, null, Ke(g.value?.backup_codes, (q, Z) => (a(), o("div", {
                   key: Z,
                   class: "totp-setup-backup-code"
                 }, R(q), 1))), 128))
@@ -7451,38 +7451,38 @@ const ai = {
       set: (b) => {
         b || l("close");
       }
-    }), g = $(1), M = $(""), A = $(""), c = $(""), h = $(""), E = $(null), D = $(!1), C = $(0);
+    }), h = M(1), $ = M(""), A = M(""), c = M(""), g = M(""), E = M(null), D = M(!1), C = M(0);
     let N = null;
     Le(() => t.show, (b) => {
-      b && (g.value = 1, M.value = "", A.value = "", c.value = "", h.value = "", E.value = null, D.value = !1, C.value = 0, N && (clearInterval(N), N = null));
+      b && (h.value = 1, $.value = "", A.value = "", c.value = "", g.value = "", E.value = null, D.value = !1, C.value = 0, N && (clearInterval(N), N = null));
     }), Le(c, () => {
-      h.value && (h.value = "");
+      g.value && (g.value = "");
     }), Fa(() => {
       N && clearInterval(N);
     });
     const p = () => {
       l("close");
     }, L = async () => {
-      if (!M.value.trim()) {
+      if (!$.value.trim()) {
         A.value = "Device name is required";
         return;
       }
       A.value = "";
       try {
-        const b = await z(M.value.trim());
-        E.value = b.device_id, await V(b.device_id), g.value = 2, q();
+        const b = await z($.value.trim());
+        E.value = b.device_id, await V(b.device_id), h.value = 2, q();
       } catch (b) {
         console.error("Failed to setup email MFA:", b), A.value = b instanceof Error ? b.message : "Failed to setup email MFA";
       }
     }, O = (b) => {
-      h.value = "", b.length === 6 && S();
+      g.value = "", b.length === 6 && S();
     }, S = async () => {
       if (!(!E.value || !c.value)) {
-        h.value = "";
+        g.value = "";
         try {
-          await y(E.value, c.value) ? g.value = 3 : h.value = "Invalid verification code";
+          await y(E.value, c.value) ? h.value = 3 : g.value = "Invalid verification code";
         } catch (b) {
-          console.error("Failed to verify email MFA code:", b), h.value = b instanceof Error ? b.message : "Invalid verification code";
+          console.error("Failed to verify email MFA code:", b), g.value = b instanceof Error ? b.message : "Invalid verification code";
         }
       }
     }, w = async () => {
@@ -7506,14 +7506,14 @@ const ai = {
       "card-class": "email-mfa-setup-modal"
     }, {
       default: x(() => [
-        g.value === 1 ? (a(), o("div", p2, [
+        h.value === 1 ? (a(), o("div", p2, [
           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(n(Ze), {
-            modelValue: M.value,
-            "onUpdate:modelValue": T[0] || (T[0] = (te) => M.value = te),
+            modelValue: $.value,
+            "onUpdate:modelValue": T[0] || (T[0] = (te) => $.value = te),
             label: "Device Name",
             placeholder: "Personal Email",
             error: A.value,
@@ -7541,7 +7541,7 @@ const ai = {
             }, 8, ["disabled"]),
             d(n(ce), {
               onClick: L,
-              disabled: !M.value.trim() || n(k),
+              disabled: !$.value.trim() || n(k),
               loading: n(k)
             }, {
               default: x(() => [...T[6] || (T[6] = [
@@ -7551,7 +7551,7 @@ const ai = {
             }, 8, ["disabled", "loading"])
           ])
         ])) : I("", !0),
-        g.value === 2 ? (a(), o("div", m2, [
+        h.value === 2 ? (a(), o("div", m2, [
           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. ")
@@ -7582,7 +7582,7 @@ const ai = {
             label: "Verification Code",
             "max-length": 6,
             variant: "numeric",
-            error: h.value,
+            error: g.value,
             disabled: n(k),
             onComplete: O
           }, null, 8, ["modelValue", "error", "disabled"]),
@@ -7602,7 +7602,7 @@ const ai = {
           e("div", g2, [
             d(n(ce), {
               color: "secondary",
-              onClick: T[2] || (T[2] = (te) => g.value = 1),
+              onClick: T[2] || (T[2] = (te) => h.value = 1),
               disabled: n(k)
             }, {
               default: x(() => [...T[8] || (T[8] = [
@@ -7622,7 +7622,7 @@ const ai = {
             }, 8, ["disabled", "loading"])
           ])
         ])) : I("", !0),
-        g.value === 3 ? (a(), o("div", C2, [
+        h.value === 3 ? (a(), o("div", C2, [
           T[13] || (T[13] = e("div", { class: "email-mfa-setup-completion" }, [
             e("div", { class: "email-mfa-setup-completion-icon" }, [
               e("svg", {
@@ -7700,14 +7700,14 @@ const ai = {
   },
   emits: ["close", "success"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { loading: z } = Tt(), { registerHardwareKey: V, completeHardwareKeyRegistration: y, currentSession: k } = ft(), u = $(!1), g = U(() => z.value || u.value), M = U(() => t.deviceType === "passkey" ? "Setup Passkey" : "Setup Hardware Key"), A = U({
+    const t = s, l = r, { loading: z } = Tt(), { registerHardwareKey: V, completeHardwareKeyRegistration: y, currentSession: k } = ft(), u = M(!1), h = U(() => z.value || u.value), $ = U(() => t.deviceType === "passkey" ? "Setup Passkey" : "Setup Hardware Key"), A = U({
       get: () => t.show,
       set: (b) => {
         b || l("close");
       }
-    }), c = $(1), h = $(""), E = $(""), D = $("Please touch your hardware key when prompted"), C = $(""), N = $([]);
+    }), c = M(1), g = M(""), E = M(""), D = M("Please touch your hardware key when prompted"), C = M(""), N = M([]);
     Le(() => t.show, (b) => {
-      b && (c.value = 1, h.value = "", E.value = "", D.value = "Please touch your hardware key when prompted", C.value = "", N.value = []);
+      b && (c.value = 1, g.value = "", E.value = "", D.value = "Please touch your hardware key when prompted", C.value = "", N.value = []);
     });
     const p = () => {
       l("close");
@@ -7793,7 +7793,7 @@ const ai = {
         throw new Error("Unable to process WebAuthn challenge data");
       }
     }, S = async () => {
-      if (!h.value.trim()) {
+      if (!g.value.trim()) {
         E.value = "Device name is required";
         return;
       }
@@ -7809,7 +7809,7 @@ const ai = {
         }
         if (!k.value?.accessToken)
           throw new Error("Not authenticated. Please sign in again.");
-        const { device_id: b, challenge: T } = await V(h.value.trim(), k.value.accessToken);
+        const { device_id: b, challenge: T } = await V(g.value.trim(), k.value.accessToken);
         if (!T || typeof T != "object")
           throw new Error("Invalid challenge received from server");
         const te = O(T, t.deviceType);
@@ -7865,7 +7865,7 @@ const ai = {
     return (b, T) => (a(), Ce(ut, {
       modelValue: A.value,
       "onUpdate:modelValue": T[3] || (T[3] = (te) => A.value = te),
-      title: M.value,
+      title: $.value,
       "card-class": "hardware-key-setup-modal"
     }, {
       default: x(() => [
@@ -7875,18 +7875,18 @@ const ai = {
             e("p", { class: "hardware-key-setup-step-description" }, ' Give your hardware key a memorable name (e.g., "YubiKey 5", "Work Security Key") ')
           ], -1)),
           d(n(Ze), {
-            modelValue: h.value,
-            "onUpdate:modelValue": T[0] || (T[0] = (te) => h.value = te),
+            modelValue: g.value,
+            "onUpdate:modelValue": T[0] || (T[0] = (te) => g.value = te),
             label: "Device Name",
             placeholder: "My Hardware Key",
             error: E.value,
-            disabled: g.value
+            disabled: h.value
           }, null, 8, ["modelValue", "error", "disabled"]),
           e("div", b2, [
             d(n(ce), {
               variant: "secondary",
               onClick: p,
-              disabled: g.value
+              disabled: h.value
             }, {
               default: x(() => [...T[4] || (T[4] = [
                 Q(" Cancel ", -1)
@@ -7896,8 +7896,8 @@ const ai = {
             d(n(ce), {
               variant: "primary",
               onClick: S,
-              disabled: !h.value.trim() || g.value,
-              loading: g.value
+              disabled: !g.value.trim() || h.value,
+              loading: h.value
             }, {
               default: x(() => [...T[5] || (T[5] = [
                 Q(" Continue ", -1)
@@ -7965,7 +7965,7 @@ const ai = {
             d(n(ce), {
               variant: "secondary",
               onClick: T[1] || (T[1] = (te) => c.value = 1),
-              disabled: g.value
+              disabled: h.value
             }, {
               default: x(() => [...T[15] || (T[15] = [
                 Q(" Back ", -1)
@@ -7975,8 +7975,8 @@ const ai = {
             d(n(ce), {
               variant: "primary",
               onClick: w,
-              disabled: g.value,
-              loading: g.value
+              disabled: h.value,
+              loading: h.value
             }, {
               default: x(() => [...T[16] || (T[16] = [
                 Q(" Register Key ", -1)
@@ -7988,7 +7988,7 @@ const ai = {
         c.value === 3 ? (a(), o("div", _2, [
           e("div", T2, [
             e("div", z2, [
-              d(n(ht), {
+              d(n(gt), {
                 size: 24,
                 class: "hardware-key-setup-loader"
               })
@@ -8160,25 +8160,25 @@ const ai = {
       set: (D) => {
         D || l("close");
       }
-    }), u = $([]), g = $(!1);
+    }), u = M([]), h = M(!1);
     Le(() => t.show, async (D) => {
-      D && t.device && (g.value = !1, u.value = []);
+      D && t.device && (h.value = !1, u.value = []);
     }), We(async () => {
       t.show && t.device && (u.value = []);
     });
-    const M = () => {
+    const $ = () => {
       l("close");
     }, A = () => {
-      g.value = !0;
+      h.value = !0;
     }, c = async () => {
       if (t.device)
         try {
           const D = await z(t.device.id);
-          u.value = D.backup_codes, g.value = !1;
+          u.value = D.backup_codes, h.value = !1;
         } catch (D) {
           console.error("Failed to regenerate backup codes:", D);
         }
-    }, h = async () => {
+    }, g = async () => {
       if (u.value.length !== 0)
         try {
           const D = u.value.join(`
@@ -8218,7 +8218,7 @@ const ai = {
       }, {
         default: x(() => [
           n(V) ? (a(), o("div", F2, [
-            d(n(ht), { size: 24 }),
+            d(n(gt), { size: 24 }),
             C[2] || (C[2] = e("span", { class: "backup-codes-loading-text" }, "Loading backup codes...", -1))
           ])) : (a(), o("div", q2, [
             s.device ? (a(), o("div", Z2, [
@@ -8268,7 +8268,7 @@ const ai = {
                 d(n(ce), {
                   variant: "secondary",
                   size: "sm",
-                  onClick: h
+                  onClick: g
                 }, {
                   default: x(() => [...C[4] || (C[4] = [
                     Q(" 📋 Copy All Codes ", -1)
@@ -8302,7 +8302,7 @@ const ai = {
                 }, 8, ["disabled", "loading"]),
                 d(n(ce), {
                   variant: "primary",
-                  onClick: M
+                  onClick: $
                 }, {
                   default: x(() => [...C[8] || (C[8] = [
                     Q(" Done ", -1)
@@ -8311,7 +8311,7 @@ const ai = {
                 })
               ])
             ]),
-            g.value ? (a(), o("div", a3, [
+            h.value ? (a(), o("div", a3, [
               e("div", s3, [
                 C[13] || (C[13] = e("svg", {
                   class: "backup-codes-regenerate-icon",
@@ -8343,7 +8343,7 @@ const ai = {
                     d(n(ce), {
                       variant: "secondary",
                       size: "sm",
-                      onClick: C[0] || (C[0] = (N) => g.value = !1)
+                      onClick: C[0] || (C[0] = (N) => h.value = !1)
                     }, {
                       default: x(() => [...C[10] || (C[10] = [
                         Q(" Cancel ", -1)
@@ -8372,7 +8372,7 @@ const ai = {
   },
   emits: ["confirm", "cancel"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = $(!1), V = U({
+    const t = s, l = r, z = M(!1), V = U({
       get: () => t.show,
       set: (u) => {
         u || l("cancel");
@@ -8382,10 +8382,10 @@ const ai = {
     }, k = () => {
       l("cancel");
     };
-    return (u, g) => (a(), o("div", i3, [
+    return (u, h) => (a(), o("div", i3, [
       d(ut, {
         modelValue: V.value,
-        "onUpdate:modelValue": g[0] || (g[0] = (M) => V.value = M),
+        "onUpdate:modelValue": h[0] || (h[0] = ($) => V.value = $),
         "card-class": "confirm-modal"
       }, {
         header: x(() => [
@@ -8464,8 +8464,8 @@ const ai = {
       activeMfaDevices: y,
       fetchMfaDevices: k,
       disableMfaDevice: u,
-      sendEmailMfaCode: g
-    } = Tt(), M = {
+      sendEmailMfaCode: h
+    } = Tt(), $ = {
       props: ["size"],
       render() {
         return oe("svg", { width: this.size, height: this.size, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, [
@@ -8489,7 +8489,7 @@ const ai = {
           oe("circle", { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor" })
         ]);
       }
-    }, h = {
+    }, g = {
       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 ai = {
           oe("path", { d: "m12 17 .01 0" })
         ]);
       }
-    }, C = $("add"), N = Ye({}), p = Ye({}), L = $(!1), O = $(!1), S = $(!1), w = $(!1), q = U({
+    }, C = M("add"), N = Ye({}), p = Ye({}), L = M(!1), O = M(!1), S = M(!1), w = M(!1), q = U({
       get: () => t.modelValue || !1,
       set: (xe) => l("update:modelValue", xe)
     }), Z = U(() => {
@@ -8536,7 +8536,7 @@ const ai = {
     });
     const b = async (xe) => {
       try {
-        N[xe.id] = !0, await g(xe.id);
+        N[xe.id] = !0, await h(xe.id);
       } catch (ne) {
         console.error("Failed to send email MFA code:", ne);
       } finally {
@@ -8578,7 +8578,7 @@ const ai = {
         default: x(() => [
           e("div", p3, [
             n(V) ? (a(), o("div", f3, [
-              d(n(ht), { size: 32 }),
+              d(n(gt), { size: 32 }),
               ne[11] || (ne[11] = e("span", { class: "mfa-loading-text" }, "Loading MFA settings...", -1))
             ])) : (a(), o("div", m3, [
               e("div", h3, [
@@ -8612,7 +8612,7 @@ const ai = {
                         e("div", M3, [
                           e("div", $3, [
                             e("div", S3, [
-                              d(M, { size: 24 })
+                              d($, { size: 24 })
                             ]),
                             ne[14] || (ne[14] = e("div", { class: "mfa-device-option-info" }, [
                               e("h4", { class: "mfa-device-option-title" }, "Authenticator App"),
@@ -8675,7 +8675,7 @@ const ai = {
                         e("div", L3, [
                           e("div", E3, [
                             e("div", H3, [
-                              d(h, { size: 24 })
+                              d(g, { size: 24 })
                             ]),
                             ne[20] || (ne[20] = e("div", { class: "mfa-device-option-info" }, [
                               e("h4", { class: "mfa-device-option-title" }, "Passkey"),
@@ -8719,7 +8719,7 @@ const ai = {
                         e("div", P3, [
                           e("div", j3, [
                             e("div", O3, [
-                              K.device_type === "totp" ? (a(), Ce(M, {
+                              K.device_type === "totp" ? (a(), Ce($, {
                                 key: 0,
                                 size: 20
                               })) : K.device_type === "email" ? (a(), Ce(A, {
@@ -8728,7 +8728,7 @@ const ai = {
                               })) : K.device_type === "hardware" ? (a(), Ce(c, {
                                 key: 2,
                                 size: 20
-                              })) : K.device_type === "passkey" ? (a(), Ce(h, {
+                              })) : K.device_type === "passkey" ? (a(), Ce(g, {
                                 key: 3,
                                 size: 20
                               })) : I("", !0)
@@ -8860,20 +8860,20 @@ const ai = {
   },
   emits: ["close", "settings-updated"],
   setup(s, { emit: r }) {
-    const t = r, { currentUser: l, updateUserSettings: z } = ft(), V = $(!1), y = $(null), k = Ye({
+    const t = r, { currentUser: l, updateUserSettings: z } = ft(), V = M(!1), y = M(null), k = Ye({
       levelUpSounds: l.value?.settings?.levelUpSounds ?? !0,
       milestoneSounds: l.value?.settings?.milestoneSounds ?? !0
     });
     Le(() => l.value?.settings, (c) => {
       c && (k.levelUpSounds = c.levelUpSounds ?? !0, k.milestoneSounds = c.milestoneSounds ?? !0);
     }, { deep: !0 });
-    const u = (c, h) => {
-      k[c] = h;
-    }, g = () => {
+    const u = (c, g) => {
+      k[c] = g;
+    }, h = () => {
       y.value || (y.value = "regular", Sa.playLevelUp(5), setTimeout(() => {
         y.value === "regular" && (y.value = null);
       }, 800));
-    }, M = () => {
+    }, $ = () => {
       y.value || (y.value = "milestone", Sa.playLevelUp(50), setTimeout(() => {
         y.value === "milestone" && (y.value = null);
       }, 2500));
@@ -8885,14 +8885,14 @@ const ai = {
             ...l.value?.settings,
             ...k
           }), t("settings-updated", { ...k });
-        } catch (h) {
-          console.warn("Failed to save settings:", h);
+        } catch (g) {
+          console.warn("Failed to save settings:", g);
         } finally {
           V.value = !1, c();
         }
       }
     };
-    return (c, h) => (a(), o("div", Q3, [
+    return (c, g) => (a(), o("div", Q3, [
       d(ut, {
         onClose: c.onClose,
         title: "Account Settings",
@@ -8904,7 +8904,7 @@ const ai = {
               variant: "secondary",
               onClick: E
             }, {
-              default: x(() => [...h[11] || (h[11] = [
+              default: x(() => [...g[11] || (g[11] = [
                 Q(" Close ", -1)
               ])]),
               _: 1
@@ -8924,10 +8924,10 @@ const ai = {
         default: x(() => [
           e("div", X3, [
             e("div", J3, [
-              h[10] || (h[10] = e("h3", { class: "settings-section-title" }, "Audio Preferences", -1)),
+              g[10] || (g[10] = e("h3", { class: "settings-section-title" }, "Audio Preferences", -1)),
               e("div", e4, [
                 e("div", t4, [
-                  h[6] || (h[6] = e("div", { class: "settings-option-info" }, [
+                  g[6] || (g[6] = e("div", { class: "settings-option-info" }, [
                     e("label", {
                       for: "level-up-sounds",
                       class: "settings-option-label"
@@ -8938,15 +8938,15 @@ const ai = {
                     d(lt, {
                       variant: "outline",
                       size: "sm",
-                      onClick: g,
+                      onClick: h,
                       disabled: y.value === "regular",
                       "aria-label": y.value === "regular" ? "Stop preview" : "Play preview",
                       class: "preview-icon-button"
                     }, {
                       default: x(() => [
-                        y.value !== "regular" ? (a(), o("svg", s4, [...h[4] || (h[4] = [
+                        y.value !== "regular" ? (a(), o("svg", s4, [...g[4] || (g[4] = [
                           e("path", { d: "M8 5v14l11-7z" }, null, -1)
-                        ])])) : (a(), o("svg", o4, [...h[5] || (h[5] = [
+                        ])])) : (a(), o("svg", o4, [...g[5] || (g[5] = [
                           e("rect", {
                             x: "6",
                             y: "6",
@@ -8961,8 +8961,8 @@ const ai = {
                       id: "level-up-sounds",
                       modelValue: k.levelUpSounds,
                       "onUpdate:modelValue": [
-                        h[0] || (h[0] = (E) => k.levelUpSounds = E),
-                        h[1] || (h[1] = (E) => u("levelUpSounds", E))
+                        g[0] || (g[0] = (E) => k.levelUpSounds = E),
+                        g[1] || (g[1] = (E) => u("levelUpSounds", E))
                       ]
                     }, null, 8, ["modelValue"])
                   ])
@@ -8970,7 +8970,7 @@ const ai = {
               ]),
               e("div", l4, [
                 e("div", n4, [
-                  h[9] || (h[9] = e("div", { class: "settings-option-info" }, [
+                  g[9] || (g[9] = e("div", { class: "settings-option-info" }, [
                     e("label", {
                       for: "milestone-sounds",
                       class: "settings-option-label"
@@ -8981,15 +8981,15 @@ const ai = {
                     d(lt, {
                       variant: "outline",
                       size: "sm",
-                      onClick: M,
+                      onClick: $,
                       disabled: y.value === "milestone",
                       "aria-label": y.value === "milestone" ? "Stop preview" : "Play preview",
                       class: "preview-icon-button"
                     }, {
                       default: x(() => [
-                        y.value !== "milestone" ? (a(), o("svg", r4, [...h[7] || (h[7] = [
+                        y.value !== "milestone" ? (a(), o("svg", r4, [...g[7] || (g[7] = [
                           e("path", { d: "M8 5v14l11-7z" }, null, -1)
-                        ])])) : (a(), o("svg", u4, [...h[8] || (h[8] = [
+                        ])])) : (a(), o("svg", u4, [...g[8] || (g[8] = [
                           e("rect", {
                             x: "6",
                             y: "6",
@@ -9004,8 +9004,8 @@ const ai = {
                       id: "milestone-sounds",
                       modelValue: k.milestoneSounds,
                       "onUpdate:modelValue": [
-                        h[2] || (h[2] = (E) => k.milestoneSounds = E),
-                        h[3] || (h[3] = (E) => u("milestoneSounds", E))
+                        g[2] || (g[2] = (E) => k.milestoneSounds = E),
+                        g[3] || (g[3] = (E) => u("milestoneSounds", E))
                       ]
                     }, null, 8, ["modelValue"])
                   ])
@@ -9074,7 +9074,7 @@ const ai = {
           oe("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
         ]);
       }
-    }, g = {
+    }, h = {
       props: ["size"],
       render() {
         return oe("svg", { width: this.size, height: this.size, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, [
@@ -9083,7 +9083,7 @@ const ai = {
           oe("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
         ]);
       }
-    }, M = {
+    }, $ = {
       props: ["size"],
       render() {
         return oe("svg", { width: this.size, height: this.size, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, [
@@ -9101,7 +9101,7 @@ const ai = {
           oe("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
         ]);
       }
-    }, c = $([]), h = $(null), E = $(!1), D = $(null), C = Ye({}), N = $(!1), p = U({
+    }, c = M([]), g = M(null), E = M(!1), D = M(null), C = Ye({}), N = M(!1), p = U({
       get: () => t.modelValue || !1,
       set: (T) => l("update:modelValue", T)
     });
@@ -9116,13 +9116,13 @@ const ai = {
         const T = await z();
         if (c.value = T || [], c.value.length > 0) {
           const te = c.value.filter((ye) => ye.is_current || ye.last_activity_at), ue = [...new Set(c.value.map((ye) => q(ye)).filter(Boolean))];
-          h.value = {
+          g.value = {
             total_sessions: c.value.length,
             active_sessions: te.length,
             unique_locations: ue
           };
         } else
-          h.value = null;
+          g.value = null;
       } catch (T) {
         D.value = T instanceof Error ? T.message : "Failed to load sessions", console.error("Failed to load sessions:", T);
       } finally {
@@ -9173,7 +9173,7 @@ const ai = {
       default: x(() => [
         e("div", p4, [
           E.value ? (a(), o("div", f4, [
-            d(n(ht), { size: 40 }),
+            d(n(gt), { size: 40 }),
             te[1] || (te[1] = e("p", { class: "loading-text" }, "Loading sessions...", -1))
           ])) : c.value.length === 0 ? (a(), o("div", m4, [...te[2] || (te[2] = [
             e("div", { class: "empty-icon" }, [
@@ -9209,18 +9209,18 @@ const ai = {
             e("h3", { class: "empty-title" }, "No Active Sessions", -1),
             e("p", { class: "empty-description" }, "You don't have any active sessions at the moment.", -1)
           ])])) : (a(), o("div", h4, [
-            h.value ? (a(), o("div", g4, [
+            g.value ? (a(), o("div", g4, [
               e("div", C4, [
                 te[3] || (te[3] = e("span", { class: "stat-label" }, "Total Sessions", -1)),
-                e("span", y4, R(h.value.total_sessions), 1)
+                e("span", y4, R(g.value.total_sessions), 1)
               ]),
               e("div", k4, [
                 te[4] || (te[4] = e("span", { class: "stat-label" }, "Active Devices", -1)),
-                e("span", w4, R(h.value.active_sessions), 1)
+                e("span", w4, R(g.value.active_sessions), 1)
               ]),
-              h.value.unique_locations && h.value.unique_locations.length > 0 ? (a(), o("div", b4, [
+              g.value.unique_locations && g.value.unique_locations.length > 0 ? (a(), o("div", b4, [
                 te[5] || (te[5] = e("span", { class: "stat-label" }, "Locations", -1)),
-                e("span", x4, R(h.value.unique_locations.length), 1)
+                e("span", x4, R(g.value.unique_locations.length), 1)
               ])) : I("", !0)
             ])) : I("", !0),
             e("div", M4, [
@@ -9262,13 +9262,13 @@ const ai = {
                   ]),
                   e("div", H4, [
                     e("span", U4, [
-                      d(g, { size: 14 })
+                      d(h, { size: 14 })
                     ]),
                     e("span", D4, R(ue.ip_address), 1)
                   ]),
                   e("div", N4, [
                     e("span", B4, [
-                      d(M, { size: 14 })
+                      d($, { size: 14 })
                     ]),
                     e("span", P4, " Last active " + R(Z(ue.last_activity_at || ue.created_at)), 1)
                   ]),
@@ -9288,7 +9288,7 @@ const ai = {
                 disabled: N.value
               }, {
                 default: x(() => [
-                  N.value ? (a(), Ce(n(ht), {
+                  N.value ? (a(), Ce(n(gt), {
                     key: 0,
                     size: 16
                   })) : (a(), o("span", q4, "End All Other Sessions"))
@@ -9391,7 +9391,7 @@ const ai = {
           oe("circle", { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor" })
         ]);
       }
-    }, V = s, y = r, { getSupportEmail: k, getUrl: u } = pt(V.config), { fetchProfile: g, updateProfile: M, changeEmail: A, changeUsername: c, getUsernameCooldown: h, checkUsernameAvailability: E, getUserSessions: D, currentUser: C, currentSession: N, isAuthenticated: p, refreshToken: L, signOut: O } = ft(), { activeMfaDevices: S, fetchMfaDevices: w } = Tt(), q = $(null), Z = $(!1), b = U(() => C.value || V.user || q.value), T = $(!1), te = $(!1), ue = $(!1), ye = $(!1), Me = $(!1), Ae = $(!1), Se = $(!1), xe = $(!1), ne = $(!1), j = $(!1), K = $(!1), ie = $(null), ae = $(""), W = $(""), le = $([]), _e = $(!1), Te = Ye({
+    }, V = s, y = r, { getSupportEmail: k, getUrl: u } = pt(V.config), { fetchProfile: h, updateProfile: $, changeEmail: A, changeUsername: c, getUsernameCooldown: g, checkUsernameAvailability: E, getUserSessions: D, currentUser: C, currentSession: N, isAuthenticated: p, refreshToken: L, signOut: O } = ft(), { activeMfaDevices: S, fetchMfaDevices: w } = Tt(), q = M(null), Z = M(!1), b = U(() => C.value || V.user || q.value), T = M(!1), te = M(!1), ue = M(!1), ye = M(!1), Me = M(!1), Ae = M(!1), Se = M(!1), xe = M(!1), ne = M(!1), j = M(!1), K = M(!1), ie = M(null), ae = M(""), W = M(""), le = M([]), _e = M(!1), Te = Ye({
       canChange: !0,
       cooldownEnd: null,
       daysRemaining: 0
@@ -9399,7 +9399,7 @@ const ai = {
       available: !1,
       message: "",
       checking: !1
-    }), $e = $(), re = Ye({
+    }), $e = M(), re = Ye({
       firstName: "",
       lastName: "",
       email: ""
@@ -9454,7 +9454,7 @@ const ai = {
       return J.forEach((we) => {
         we.device_type in P && P[we.device_type]++;
       }), P;
-    }), gt = U(() => {
+    }), Ct = U(() => {
       const J = [], P = Fe.value;
       if (P.totp > 0 && J.push({
         type: "totp",
@@ -9503,11 +9503,11 @@ const ai = {
       const J = Dt.value * 5 / 360;
       return Dt.value - aa.value - J;
     });
-    const sa = (J, P) => !J && !P ? "U" : `${J?.[0] || ""}${P?.[0] || ""}`.toUpperCase(), Ct = async () => {
+    const sa = (J, P) => !J && !P ? "U" : `${J?.[0] || ""}${P?.[0] || ""}`.toUpperCase(), yt = async () => {
       if (!(!V.autoFetch || V.user || !p.value)) {
         Z.value = !0;
         try {
-          await g(), p.value && await w();
+          await h(), p.value && await w();
         } catch (J) {
           console.error("Failed to load profile:", J);
           const P = J instanceof Error ? J.message : "Failed to load profile";
@@ -9540,7 +9540,7 @@ const ai = {
         nt();
       }, 100);
     }), We(() => {
-      Ct(), nt();
+      yt(), nt();
     });
     const it = () => {
       ae.value = "", W.value = "", Object.keys(he).forEach((J) => {
@@ -9549,7 +9549,7 @@ const ai = {
     }, zt = async () => {
       it(), T.value = !0;
       try {
-        const J = await M({
+        const J = await $({
           firstName: re.firstName,
           lastName: re.lastName
         });
@@ -9592,7 +9592,7 @@ const ai = {
       else {
         xe.value = !0;
         try {
-          const J = await h();
+          const J = await g();
           Te.canChange = J.can_change, Te.cooldownEnd = J.cooldown_end ? new Date(J.cooldown_end) : null, Te.daysRemaining = J.days_remaining || 0, Te.canChange ? (Se.value = !0, G.username = b.value?.username || "") : W.value = `You can change your username again in ${Te.daysRemaining} days`;
         } catch (J) {
           console.error("Failed to check username cooldown:", J), W.value = "Failed to check username cooldown", Se.value = !0;
@@ -9683,7 +9683,7 @@ const ai = {
                 const bt = await ct.json();
                 C.value && (C.value.avatar = bt.avatar_url, typeof window < "u" && localStorage.setItem("strands_auth_user", JSON.stringify(C.value))), q.value && (q.value.avatar = bt.avatar_url);
                 try {
-                  await g();
+                  await h();
                 } catch {
                 }
                 ae.value = "Avatar updated successfully", b.value && y("profile-updated", b.value);
@@ -9700,7 +9700,7 @@ const ai = {
         const Pt = await wt.json();
         C.value && (C.value.avatar = Pt.avatar_url, typeof window < "u" && localStorage.setItem("strands_auth_user", JSON.stringify(C.value))), q.value && (q.value.avatar = Pt.avatar_url);
         try {
-          await g();
+          await h();
         } catch {
         }
         ae.value = "Avatar updated successfully", b.value && y("profile-updated", b.value);
@@ -9713,7 +9713,7 @@ const ai = {
       }
     }, ua = async () => {
       try {
-        await g(), await w(), ae.value = "MFA settings updated successfully", y("mfa-toggle", b.value?.mfaEnabled || !1);
+        await h(), await w(), ae.value = "MFA settings updated successfully", y("mfa-toggle", b.value?.mfaEnabled || !1);
       } catch (J) {
         console.warn("Failed to refresh profile after MFA update:", J);
       }
@@ -9737,7 +9737,7 @@ const ai = {
     return We(async () => {
       if (b.value && p.value)
         try {
-          const J = await h();
+          const J = await g();
           Te.canChange = J.can_change, Te.cooldownEnd = J.cooldown_end ? new Date(J.cooldown_end) : null, Te.daysRemaining = J.days_remaining || 0;
         } catch (J) {
           console.warn("Failed to fetch username cooldown:", J);
@@ -9781,7 +9781,7 @@ const ai = {
                       onClick: la,
                       disabled: te.value
                     }, [
-                      te.value ? (a(), Ce(n(ht), {
+                      te.value ? (a(), Ce(n(gt), {
                         key: 0,
                         size: 24,
                         variant: "spinner"
@@ -10008,8 +10008,8 @@ const ai = {
                             P[20] || (P[20] = e("h4", { class: "profile-field-title" }, "Two-Factor Authentication", -1)),
                             e("p", b0, R(b.value?.mfaEnabled ? "Enabled" : "Add extra security to your account"), 1)
                           ]),
-                          gt.value.length > 0 ? (a(), o("div", x0, [
-                            (a(!0), o(Ue, null, Ke(gt.value, (we) => (a(), o("div", {
+                          Ct.value.length > 0 ? (a(), o("div", x0, [
+                            (a(!0), o(Ue, null, Ke(Ct.value, (we) => (a(), o("div", {
                               key: we.type,
                               class: be([
                                 "mfa-device-chip",
@@ -10244,19 +10244,19 @@ const ai = {
   },
   emits: ["success", "error", "back-to-signin"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { getSupportEmail: z } = pt(t.config), V = $(!1), y = $(""), k = $(!1), u = Ye({
+    const t = s, l = r, { getSupportEmail: z } = pt(t.config), V = M(!1), y = M(""), k = M(!1), u = Ye({
       email: ""
-    }), g = async () => {
+    }), h = async () => {
       V.value = !0, y.value = "";
       try {
-        await new Promise((M) => setTimeout(M, 1e3)), k.value = !0, l("success", u.email);
+        await new Promise(($) => setTimeout($, 1e3)), k.value = !0, l("success", u.email);
       } catch {
         y.value = "Failed to send password reset email. Please try again.", l("error", y.value);
       } finally {
         V.value = !1;
       }
     };
-    return (M, A) => (a(), o("div", Z0, [
+    return ($, A) => (a(), o("div", Z0, [
       e("div", K0, [
         d(n(_t), {
           variant: "modern",
@@ -10268,7 +10268,7 @@ const ai = {
               e("p", { class: "accui-text-neutral-600" }, "Enter your email address and we'll send you a link to reset your password")
             ], -1)),
             e("form", {
-              onSubmit: Be(g, ["prevent"]),
+              onSubmit: Be(h, ["prevent"]),
               class: "accui-space-y-6"
             }, [
               d(n(Ze), {
@@ -10313,7 +10313,7 @@ const ai = {
             }, null, 8, ["message"])) : I("", !0),
             e("div", G0, [
               d(n(mt), {
-                onClick: A[2] || (A[2] = (c) => M.$emit("back-to-signin")),
+                onClick: A[2] || (A[2] = (c) => $.$emit("back-to-signin")),
                 class: "accui-inline-flex accui-items-center accui-gap-2"
               }, {
                 default: x(() => [...A[3] || (A[3] = [
@@ -10376,17 +10376,14 @@ const ai = {
   },
   emits: ["sign-in-required"],
   setup(s, { emit: r }) {
-    const t = r, { isAuthenticated: l, isInitializing: z, user: V, signOut: y, initialize: k, isInitialized: u } = ft(), g = $(!1);
+    const t = r, { isAuthenticated: l, isInitializing: z, user: V, signOut: y, initialize: k, isInitialized: u } = ft(), h = M(!1);
     We(async () => {
-      console.log("[SignedIn] onMounted - starting initialization"), g.value = !0, await k(), console.log("[SignedIn] onMounted - initialization complete, isAuthenticated:", l.value);
+      console.log("[SignedIn] onMounted called"), h.value = !0, await k(), await ht(), console.log("[SignedIn] onMounted complete - hasMounted:", h.value, "isInitialized:", u.value, "isInitializing:", z.value, "isAuthenticated:", l.value);
     });
-    const M = U(() => !!(!g.value || z.value || !u.value)), A = U(() => {
-      const E = !M.value && l.value;
-      return console.log("[SignedIn] isSignedIn computed:", E, "(isLoading:", M.value, "isAuthenticated:", l.value, ")"), E;
-    }), c = U(() => {
-      const E = !M.value && !l.value;
-      return console.log("[SignedIn] isSignedOut computed:", E), E;
-    }), h = () => {
+    const $ = U(() => {
+      const E = !h.value || z.value || !u.value;
+      return console.log("[SignedIn] isLoading:", E, "(hasMounted:", h.value, "isInitializing:", z.value, "isInitialized:", u.value, ")"), E;
+    }), A = U(() => !$.value && l.value), c = U(() => !$.value && !l.value), g = () => {
       t("sign-in-required");
     };
     return (E, D) => A.value ? (a(), o("div", {
@@ -10398,18 +10395,18 @@ const ai = {
         signOut: n(y)
       }, void 0, !0)
     ], 2)) : c.value && s.showFallback ? (a(), o("div", X0, [
-      je(E.$slots, "fallback", { signIn: h }, () => [
+      je(E.$slots, "fallback", { signIn: g }, () => [
         e("div", { class: "signed-in-fallback" }, [
-          D[0] || (D[0] = Jt('<div class="signed-in-icon-container" data-v-5797ab24><svg class="signed-in-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-v-5797ab24><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-5797ab24></path></svg></div><h3 class="signed-in-title" data-v-5797ab24>Sign in required</h3><p class="signed-in-subtitle" data-v-5797ab24>You need to be signed in to access this content.</p>', 3)),
+          D[0] || (D[0] = Jt('<div class="signed-in-icon-container" data-v-12faa289><svg class="signed-in-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-v-12faa289><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-12faa289></path></svg></div><h3 class="signed-in-title" data-v-12faa289>Sign in required</h3><p class="signed-in-subtitle" data-v-12faa289>You need to be signed in to access this content.</p>', 3)),
           e("button", {
-            onClick: h,
+            onClick: g,
             class: "signed-in-button"
           }, " Sign in ")
         ])
       ], !0)
-    ])) : M.value ? (a(), o("div", J0, [
+    ])) : $.value ? (a(), o("div", J0, [
       je(E.$slots, "loading", {}, () => [
-        d(n(ht), {
+        d(n(gt), {
           size: 30,
           variant: "circle",
           "show-particles": !0
@@ -10417,7 +10414,7 @@ const ai = {
       ], !0)
     ])) : I("", !0);
   }
-}), tu = /* @__PURE__ */ De(eu, [["__scopeId", "data-v-5797ab24"]]), Nc = /* @__PURE__ */ Ve({
+}), tu = /* @__PURE__ */ De(eu, [["__scopeId", "data-v-12faa289"]]), Nc = /* @__PURE__ */ Ve({
   __name: "StrandsConfigProvider",
   props: {
     config: {}
@@ -10604,8 +10601,8 @@ const ai = {
   },
   emits: ["profile-updated", "signed-out", "signed-in"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { currentUser: z, signOut: V, isAuthenticated: y } = ft(), k = $(!1), u = $(!1), g = $(!1), M = $(), A = $(), c = $(), h = U(() => A.value), { floatingStyle: E, updatePosition: D } = Oa({
-      trigger: h,
+    const t = s, l = r, { currentUser: z, signOut: V, isAuthenticated: y } = ft(), k = M(!1), u = M(!1), h = M(!1), $ = M(), A = M(), c = M(), g = U(() => A.value), { floatingStyle: E, updatePosition: D } = Oa({
+      trigger: g,
       floating: c,
       placement: "bottom-end",
       offset: 8,
@@ -10650,7 +10647,7 @@ const ai = {
           return 64;
       }
     }), p = U(() => t.user ? t.user : y.value ? z.value : null), L = U(() => p.value ? p.value.username ? p.value.username : p.value.firstName && p.value.lastName ? `${p.value.firstName} ${p.value.lastName}` : p.value.firstName ? p.value.firstName : p.value.email || "User" : "User"), O = () => {
-      k.value = !k.value, k.value && yt(() => {
+      k.value = !k.value, k.value && ht(() => {
         D();
       });
     }, S = () => {
@@ -10668,9 +10665,9 @@ const ai = {
       l("profile-updated");
     }, ye = () => {
     }, Me = () => {
-      g.value = !0;
+      h.value = !0;
     }, Ae = () => {
-      g.value = !1, l("signed-in");
+      h.value = !1, l("signed-in");
     }, Se = () => {
     }, xe = async () => {
       try {
@@ -10681,7 +10678,7 @@ const ai = {
     return (ne, j) => (a(), o("div", {
       class: "accui-component-scope",
       ref_key: "containerRef",
-      ref: M
+      ref: $
     }, [
       t.user ? (a(), o(Ue, { key: 0 }, [
         s.variant === "mini-profile" ? (a(), o("div", {
@@ -10940,8 +10937,8 @@ const ai = {
             _: 1
           }),
           d(n(ut), {
-            modelValue: g.value,
-            "onUpdate:modelValue": j[2] || (j[2] = (K) => g.value = K)
+            modelValue: h.value,
+            "onUpdate:modelValue": j[2] || (j[2] = (K) => h.value = K)
           }, {
             default: x(() => [
               e("div", Ru, [
@@ -10957,7 +10954,7 @@ const ai = {
           }, 8, ["modelValue"])
         ]),
         loading: x(() => [
-          d(ht, {
+          d(gt, {
             variant: "circle",
             size: 30
           })
@@ -11211,10 +11208,10 @@ const ai = {
     });
     Xt("userNavState", z);
     const V = (k) => {
-      const u = z.items.findIndex((g) => g.id === k.id);
+      const u = z.items.findIndex((h) => h.id === k.id);
       u >= 0 ? z.items[u] = k : z.items.push(k);
     }, y = (k) => {
-      const u = z.items.findIndex((g) => g.id === k);
+      const u = z.items.findIndex((h) => h.id === k);
       u >= 0 && z.items.splice(u, 1);
     };
     return Xt("registerNavItem", V), Xt("unregisterNavItem", y), r({
@@ -11259,35 +11256,35 @@ const ai = {
     align: {}
   },
   setup(s) {
-    const r = s, t = ga(), l = ma("registerNavItem"), z = ma("unregisterNavItem"), V = $(`nav-item-${Math.random().toString(36).substring(2, 11)}`), y = os(), k = U(() => {
+    const r = s, t = ga(), l = ma("registerNavItem"), z = ma("unregisterNavItem"), V = M(`nav-item-${Math.random().toString(36).substring(2, 11)}`), y = os(), k = U(() => {
       if (typeof window < "u" && y) {
-        const h = y.vnode.el?.parentElement;
-        if (h)
-          return h.closest('[role="menu"]') !== null;
+        const g = y.vnode.el?.parentElement;
+        if (g)
+          return g.closest('[role="menu"]') !== null;
       }
       return !1;
     }), u = () => {
       try {
-        const h = t.default?.();
-        return h ? h.map((E) => typeof E.children == "string" ? E.children : E.children && Array.isArray(E.children) ? E.children.map(
+        const g = t.default?.();
+        return g ? g.map((E) => typeof E.children == "string" ? E.children : E.children && Array.isArray(E.children) ? E.children.map(
           (D) => typeof D == "string" ? D : ""
         ).join("") : "").join("").trim() : "";
       } catch {
         return "";
       }
-    }, g = () => r.type === "button" ? "" : [
+    }, h = () => r.type === "button" ? "" : [
       "strands-nav-item",
       `strands-nav-item--color-${r.color}`,
       { "strands-nav-item--disabled": r.disabled }
-    ], M = () => {
+    ], $ = () => {
       r.disabled;
-    }, A = (h) => {
+    }, A = (g) => {
       const E = {
         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",
         help: "M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
       };
-      return E[h] || E.dashboard;
+      return E[g] || E.dashboard;
     }, c = U(() => ({
       id: V.value,
       label: u(),
@@ -11303,10 +11300,10 @@ const ai = {
       z && z(V.value);
     }), Le(() => [r.to, r.icon, r.disabled], () => {
       l && l(c.value);
-    }, { deep: !0 }), (h, E) => (a(), Ce(n(ce), {
+    }, { deep: !0 }), (g, E) => (a(), Ce(n(ce), {
       to: r.to,
-      onClick: M,
-      class: be(g()),
+      onClick: $,
+      class: be(h()),
       variant: r.variant,
       color: r.color,
       size: r.size,
@@ -11325,7 +11322,7 @@ const ai = {
             d: A(r.icon)
           }, null, 8, Wu)
         ])) : I("", !0),
-        je(h.$slots, "default")
+        je(g.$slots, "default")
       ]),
       _: 2
     }, [
@@ -11357,18 +11354,18 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
     overscan: { default: 5 }
   },
   setup(s, { expose: r }) {
-    const t = s, l = $(), z = $(0), V = U(() => {
-      const c = Math.floor(z.value / t.itemHeight), h = Math.min(
+    const t = s, l = M(), z = M(0), V = U(() => {
+      const c = Math.floor(z.value / t.itemHeight), g = Math.min(
         c + Math.ceil(t.containerHeight / t.itemHeight),
         t.items.length - 1
       );
       return {
         start: Math.max(0, c - t.overscan),
-        end: Math.min(t.items.length - 1, h + t.overscan)
+        end: Math.min(t.items.length - 1, g + t.overscan)
       };
     }), y = U(() => {
-      const { start: c, end: h } = V.value, E = [];
-      for (let D = c; D <= h; D++)
+      const { start: c, end: g } = V.value, E = [];
+      for (let D = c; D <= g; D++)
         E.push({
           index: D,
           data: t.items[D],
@@ -11376,26 +11373,26 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
         });
       return E;
     }), k = U(() => t.items.length * t.itemHeight), u = (c) => typeof t.itemKey == "function" ? t.itemKey(c) : c[t.itemKey] || c.id || Math.random();
-    let g = null;
-    const M = (c) => {
-      g && clearTimeout(g), g = setTimeout(() => {
-        const h = c.target;
-        z.value = h.scrollTop;
+    let h = null;
+    const $ = (c) => {
+      h && clearTimeout(h), h = setTimeout(() => {
+        const g = c.target;
+        z.value = g.scrollTop;
       }, 16);
     };
     return xt(() => {
-      g && clearTimeout(g);
+      h && clearTimeout(h);
     }), r({
-      scrollToItem: (c, h = "start") => {
+      scrollToItem: (c, g = "start") => {
         if (!l.value) return;
         let E = c * t.itemHeight;
-        h === "center" ? E -= t.containerHeight / 2 - t.itemHeight / 2 : h === "end" && (E -= t.containerHeight - t.itemHeight), l.value.scrollTop = Math.max(0, E);
+        g === "center" ? E -= t.containerHeight / 2 - t.itemHeight / 2 : g === "end" && (E -= t.containerHeight - t.itemHeight), l.value.scrollTop = Math.max(0, E);
       }
-    }), (c, h) => (a(), o("div", {
+    }), (c, g) => (a(), o("div", {
       ref_key: "scrollContainer",
       ref: l,
       style: Oe({ height: s.containerHeight + "px", overflowY: "auto" }),
-      onScroll: M,
+      onScroll: $,
       class: "accui-virtual-list"
     }, [
       e("div", {
@@ -11518,15 +11515,15 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
       }
     }, y = s, k = r, {
       mfaEnabled: u,
-      loading: g,
-      activeMfaDevices: M,
+      loading: h,
+      activeMfaDevices: $,
       fetchMfaDevices: A
     } = Tt(), c = U({
       get: () => y.show,
       set: (q) => {
         q || k("close");
       }
-    }), h = $(!1), E = $(!1), D = $(!1), C = $(!1);
+    }), g = M(!1), E = M(!1), D = M(!1), C = M(!1);
     Le(() => y.show, async (q) => {
       q && await A();
     }), We(async () => {
@@ -11535,13 +11532,13 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
     const N = () => {
       k("close");
     }, p = () => {
-      h.value = !0;
+      g.value = !0;
     }, L = () => {
       E.value = !0;
     }, O = () => {
       C.value = !0;
     }, S = async () => {
-      h.value = !1, E.value = !1, D.value = !1, await A(), k("success");
+      g.value = !1, E.value = !1, D.value = !1, await A(), k("success");
     }, w = async () => {
       await A();
     };
@@ -11559,8 +11556,8 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
             ], -1)),
             e("div", ac, [
               e("span", {
-                class: be(["mfa-setup-status-badge", n(u) || n(M).length > 0 ? "mfa-setup-status-enabled" : "mfa-setup-status-disabled"])
-              }, R(n(u) || n(M).length > 0 ? "Enabled" : "Not Enabled"), 3)
+                class: be(["mfa-setup-status-badge", n(u) || n($).length > 0 ? "mfa-setup-status-enabled" : "mfa-setup-status-disabled"])
+              }, R(n(u) || n($).length > 0 ? "Enabled" : "Not Enabled"), 3)
             ])
           ])
         ]),
@@ -11569,7 +11566,7 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
             d(n(ce), {
               variant: "secondary",
               onClick: N,
-              disabled: n(g)
+              disabled: n(h)
             }, {
               default: x(() => [...Z[15] || (Z[15] = [
                 Q(" Cancel ", -1)
@@ -11580,11 +11577,11 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
         ]),
         default: x(() => [
           e("div", sc, [
-            n(g) ? (a(), o("div", oc, [
-              d(n(ht), { size: 32 }),
+            n(h) ? (a(), o("div", oc, [
+              d(n(gt), { size: 32 }),
               Z[6] || (Z[6] = e("span", { class: "mfa-setup-loading-text" }, "Loading MFA settings...", -1))
             ])) : (a(), o("div", lc, [
-              n(u) || n(M).length > 0 ? (a(), o("div", nc, [
+              n(u) || n($).length > 0 ? (a(), o("div", nc, [
                 e("div", ic, [
                   e("div", rc, [
                     d(z, {
@@ -11620,7 +11617,7 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
                         variant: "primary",
                         size: "md",
                         onClick: Be(p, ["stop"]),
-                        disabled: n(g),
+                        disabled: n(h),
                         class: "mfa-setup-method-button"
                       }, {
                         default: x(() => [...Z[8] || (Z[8] = [
@@ -11649,7 +11646,7 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
                         variant: "primary",
                         size: "md",
                         onClick: Be(L, ["stop"]),
-                        disabled: n(g),
+                        disabled: n(h),
                         class: "mfa-setup-method-button"
                       }, {
                         default: x(() => [...Z[10] || (Z[10] = [
@@ -11661,17 +11658,17 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
                   ])
                 ])
               ]),
-              n(M).length > 0 ? (a(), o("div", fc, [
+              n($).length > 0 ? (a(), o("div", fc, [
                 e("div", mc, [
                   e("div", null, [
                     Z[13] || (Z[13] = e("h3", { class: "mfa-setup-manage-title" }, "Manage Existing Methods", -1)),
-                    e("p", hc, R(n(M).length) + " device(s) currently active", 1)
+                    e("p", hc, R(n($).length) + " device(s) currently active", 1)
                   ]),
                   d(n(ce), {
                     variant: "secondary",
                     size: "md",
                     onClick: O,
-                    disabled: n(g)
+                    disabled: n(h)
                   }, {
                     default: x(() => [
                       d(V, {
@@ -11689,10 +11686,10 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
         ]),
         _: 1
       }, 8, ["modelValue"]),
-      h.value ? (a(), Ce(Ga, {
+      g.value ? (a(), Ce(Ga, {
         key: 0,
-        show: h.value,
-        onClose: Z[1] || (Z[1] = (b) => h.value = !1),
+        show: g.value,
+        onClose: Z[1] || (Z[1] = (b) => g.value = !1),
         onSuccess: S
       }, null, 8, ["show"])) : I("", !0),
       E.value ? (a(), Ce(Ya, {
@@ -11717,18 +11714,18 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
   }
 }), Rc = /* @__PURE__ */ De(Cc, [["__scopeId", "data-v-5e4af8e5"]]);
 function Gt() {
-  const { config: s } = pt(), { currentSession: r, refreshToken: t, getAuthHeaders: l } = ft(), z = async (M, A = {}) => {
+  const { config: s } = pt(), { currentSession: r, refreshToken: t, getAuthHeaders: l } = ft(), z = async ($, A = {}) => {
     const {
       autoRefresh: c = !0,
-      requireAuth: h = !0,
+      requireAuth: g = !0,
       baseURL: E,
       ...D
     } = A;
-    if (h && !r.value?.accessToken)
+    if (g && !r.value?.accessToken)
       throw new Error("User is not authenticated");
-    let C = M;
+    let C = $;
     const N = E || s.value.baseUrl;
-    N && typeof M == "string" && !M.startsWith("http") && (C = new URL(M, N).toString());
+    N && typeof $ == "string" && !$.startsWith("http") && (C = new URL($, N).toString());
     const p = new Headers(D.headers);
     if (r.value?.accessToken)
       try {
@@ -11737,7 +11734,7 @@ function Gt() {
           p.set(w, q);
         });
       } catch (S) {
-        if (console.warn("[Strands Auth] Failed to get auth headers:", S), h)
+        if (console.warn("[Strands Auth] Failed to get auth headers:", S), g)
           throw S;
       }
     const L = {
@@ -11760,32 +11757,32 @@ function Gt() {
   };
   return {
     authenticatedFetch: z,
-    get: (M, A) => z(M, { ...A, method: "GET" }),
-    post: (M, A, c) => {
-      const h = new Headers(c?.headers);
-      return A && typeof A == "object" && !h.has("Content-Type") && h.set("Content-Type", "application/json"), z(M, {
+    get: ($, A) => z($, { ...A, method: "GET" }),
+    post: ($, A, c) => {
+      const g = new Headers(c?.headers);
+      return A && typeof A == "object" && !g.has("Content-Type") && g.set("Content-Type", "application/json"), z($, {
         ...c,
         method: "POST",
-        headers: h,
+        headers: g,
         body: typeof A == "object" ? JSON.stringify(A) : A
       });
     },
-    put: (M, A, c) => {
-      const h = new Headers(c?.headers);
-      return A && typeof A == "object" && !h.has("Content-Type") && h.set("Content-Type", "application/json"), z(M, {
+    put: ($, A, c) => {
+      const g = new Headers(c?.headers);
+      return A && typeof A == "object" && !g.has("Content-Type") && g.set("Content-Type", "application/json"), z($, {
         ...c,
         method: "PUT",
-        headers: h,
+        headers: g,
         body: typeof A == "object" ? JSON.stringify(A) : A
       });
     },
-    delete: (M, A) => z(M, { ...A, method: "DELETE" }),
-    patch: (M, A, c) => {
-      const h = new Headers(c?.headers);
-      return A && typeof A == "object" && !h.has("Content-Type") && h.set("Content-Type", "application/json"), z(M, {
+    delete: ($, A) => z($, { ...A, method: "DELETE" }),
+    patch: ($, A, c) => {
+      const g = new Headers(c?.headers);
+      return A && typeof A == "object" && !g.has("Content-Type") && g.set("Content-Type", "application/json"), z($, {
         ...c,
         method: "PATCH",
-        headers: h,
+        headers: g,
         body: typeof A == "object" ? JSON.stringify(A) : A
       });
     }
@@ -11870,7 +11867,7 @@ export {
   Ze as StrandsUiInput,
   Qt as StrandsUiLevelProgress,
   mt as StrandsUiLink,
-  ht as StrandsUiLoader,
+  gt as StrandsUiLoader,
   ut as StrandsUiModal,
   Lc as StrandsUiPill,
   Vc as StrandsUiRadioGroup,
@@ -11896,7 +11893,7 @@ export {
   Ze as UiInput,
   Qt as UiLevelProgress,
   mt as UiLink,
-  ht as UiLoader,
+  gt as UiLoader,
   ut as UiModal,
   Lc as UiPill,
   Vc as UiRadioGroup,