npm - @strands.gg/accui - Versions diffs - 2.17.24 → 2.17.26 - Mend

@strands.gg/accui 2.17.24 → 2.17.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.es.js CHANGED Viewed

@@ -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 { m as td } from "./StrandsUIPlugin-RTFzvRED.es.js";
-import { defineComponent as Ve, computed as D, 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 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 $, 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 { 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";
@@ -18,19 +18,19 @@ const ls = { class: "app-content" }, ns = {
     loadingMessage: { default: "" }
   },
   setup(s) {
-    const r = s, t = D(() => r.loading), l = D(() => ({
+    const r = s, t = U(() => r.loading), l = U(() => ({
       "ui-app--light": r.theme === "light",
       "ui-app--dark": r.theme === "dark",
       "ui-app--auto": r.theme === "auto",
       "ui-app--loading": t.value
     })), z = (y) => {
-    }, V = D(() => r.theme);
+    }, V = U(() => r.theme);
     return Xt("uiApp", {
       theme: V,
       isLoading: t
     }), Xt("themeProvider", {
       theme: V,
-      isForced: D(() => r.theme !== "auto")
+      isForced: U(() => r.theme !== "auto")
     }), We(() => {
       document.addEventListener("keydown", z), document.body.classList.add("ui-app-body"), r.theme !== "auto" && document.body.classList.add(`ui-app-theme--${r.theme}`);
     }), xt(() => {
@@ -136,28 +136,28 @@ const Ha = kt("users", [
   },
   emits: ["update:modelValue", "change"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = M(!1), V = D(() => 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 = !!$);
+    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);
     }, { immediate: !0 });
-    const y = D(() => t.id || `ui-toggle-${Math.random().toString(36).substr(2, 9)}`), k = D(() => [
+    const y = U(() => t.id || `ui-toggle-${Math.random().toString(36).substr(2, 9)}`), k = U(() => [
       "ui-toggle",
       {
         "ui-toggle--on": V.value,
         "ui-toggle--off": !V.value,
         "ui-toggle--disabled": t.disabled
       }
-    ]), u = D(() => [
+    ]), u = U(() => [
       {
         "ui-toggle-thumb--on": V.value,
         "ui-toggle-thumb--off": !V.value
       }
-    ]), h = () => {
+    ]), g = () => {
       if (t.disabled) return;
-      const $ = !V.value;
-      z.value = $, l("update:modelValue", $), l("change", $);
+      const M = !V.value;
+      z.value = M, l("update:modelValue", M), l("change", M);
     };
-    return ($, A) => (a(), o("div", hs, [
+    return (M, 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: h
+        onClick: g
       }, [
         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 = 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), H = M(0.1), U = M(3), C = M(!1), N = M(!1), p = M(!1), L = Ye({ x: 0, y: 0, imageX: 0, imageY: 0 });
+    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 });
     We(() => {
       if (V.value) {
         const j = V.value.getContext("2d");
-        j && (j.fillStyle = "#f9fafb", j.fillRect(0, 0, h.value, h.value));
+        j && (j.fillStyle = "#f9fafb", j.fillRect(0, 0, g.value, g.value));
       }
     });
     const O = () => {
@@ -233,9 +233,9 @@ const Ha = kt("users", [
           A.value * 2 / K.width,
           A.value * 2 / K.height
         ), ae = ie;
-        H.value = ie, U.value = Math.max(1, ie);
+        E.value = ie, D.value = Math.max(1, ie);
         const W = K.width * ae, le = K.height * ae;
-        c.x = (h.value - W) / 2, c.y = (h.value - le) / 2, g.value = ae, ue(), yt(() => {
+        c.x = (g.value - W) / 2, c.y = (g.value - le) / 2, h.value = ae, ue(), yt(() => {
           N.value = !1;
         }), yt(() => {
           b();
@@ -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, h.value, h.value);
-      const K = u.value, ie = K.width * g.value, ae = K.height * g.value;
+      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.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, $.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.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.drawImage(
         V.value,
         K,
@@ -262,14 +262,14 @@ const Ha = kt("users", [
         ae,
         0,
         0,
-        $.value,
-        $.value
+        M.value,
+        M.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 * 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;
+      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;
       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(H.value, Math.min(U.value, g.value + K));
-      if (ie !== g.value && u.value) {
+      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) {
         p.value = !0;
-        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(() => {
+        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(() => {
           p.value = !1;
         }, 16);
       }
@@ -295,9 +295,9 @@ const Ha = kt("users", [
         A.value * 2 / j.width,
         A.value * 2 / j.height
       ), ie = K;
-      H.value = K, U.value = Math.max(1, K);
+      E.value = K, D.value = Math.max(1, K);
       const ae = j.width * ie, W = j.height * ie;
-      c.x = (h.value - ae) / 2, c.y = (h.value - W) / 2, g.value = ie, ue(), yt(() => {
+      c.x = (g.value - ae) / 2, c.y = (g.value - W) / 2, h.value = ie, ue(), yt(() => {
         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 = h.value / 2 - A.value, ae = h.value / 2 - A.value, W = A.value * 2;
+      const ie = g.value / 2 - A.value, ae = g.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(g, (j, K) => {
+    return Le(h, (j, K) => {
       if (!(N.value || p.value)) {
         if (j !== K && u.value && K > 0 && K !== 1) {
-          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;
+          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;
           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: h.value,
-                height: h.value,
+                width: g.value,
+                height: g.value,
                 class: "canvas",
                 onMousedown: te,
                 onWheel: Ae
@@ -367,13 +367,13 @@ const Ha = kt("users", [
                         e("rect", {
                           x: "0",
                           y: "0",
-                          width: h.value,
-                          height: h.value,
+                          width: g.value,
+                          height: g.value,
                           fill: "white"
                         }, null, 8, Vs),
                         e("circle", {
-                          cx: h.value / 2,
-                          cy: h.value / 2,
+                          cx: g.value / 2,
+                          cy: g.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: h.value,
-                      height: h.value,
+                      width: g.value,
+                      height: g.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: h.value / 2,
-                    cy: h.value / 2,
+                    cx: g.value / 2,
+                    cy: g.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) => {
-                    g.value = Math.max(H.value, g.value - 0.1), ue(), b();
+                    h.value = Math.max(E.value, h.value - 0.1), ue(), b();
                   }),
                   icon: !0,
                   squircle: !0,
@@ -422,9 +422,9 @@ const Ha = kt("users", [
                 }),
                 Xe(e("input", {
                   type: "range",
-                  "onUpdate:modelValue": K[3] || (K[3] = (ie) => g.value = ie),
-                  min: H.value,
-                  max: U.value,
+                  "onUpdate:modelValue": K[3] || (K[3] = (ie) => h.value = ie),
+                  min: E.value,
+                  max: D.value,
                   step: 0.01,
                   class: "zoom-slider",
                   onInput: K[4] || (K[4] = (ie) => {
@@ -433,14 +433,14 @@ const Ha = kt("users", [
                 }, null, 40, Ns), [
                   [
                     Je,
-                    g.value,
+                    h.value,
                     void 0,
                     { number: !0 }
                   ]
                 ]),
                 d(lt, {
                   onClick: K[5] || (K[5] = (ie) => {
-                    g.value = Math.min(U.value, g.value + 0.1), ue(), b();
+                    h.value = Math.min(D.value, h.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: $.value,
-                height: $.value,
+                width: M.value,
+                height: M.value,
                 class: "preview-canvas"
               }, null, 8, Os)
             ]),
@@ -559,8 +559,8 @@ class Sa {
       { freq: 783.99, time: 0.3 }
       // G5
     ].forEach((u) => {
-      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 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 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 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);
+      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);
     }), [
       { freq: 130.81, time: 0, duration: 1.5 },
       // C3
       { freq: 196, time: 0.8, duration: 1.7 }
       // G3
     ].forEach((u) => {
-      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);
+      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);
     }), [
       { freq: 1046.5, time: 1 },
       // C6
@@ -605,11 +605,11 @@ class Sa {
       { freq: 1567.98, time: 1.6 }
       // G6
     ].forEach((u) => {
-      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);
+      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);
     }), [261.63, 329.63, 392, 523.25].forEach((u) => {
-      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);
+      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);
     });
   }
   /**
@@ -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, 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);
+      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);
     });
   }
   /**
@@ -701,31 +701,31 @@ 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 = 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 = D(() => t.thickness ?? 24), H = D(() => t.labelThickness ?? 46), U = D(() => t.gapAngle ?? 16), C = D(() => (Kt - g.value) / 2 - Da), N = D(() => (Kt - H.value) / 1.9 - Da), p = D(() => N.value + 10), L = D(() => C.value - g.value / 2 - so), O = D(() => t.levelLabel?.length ?? 0), S = D(() => O.value * no + lo), w = D(() => -S.value / 2), q = D(() => S.value / 2), Z = D(
+    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(
       () => xe(c, c, N.value, w.value, q.value)
-    ), b = D(
+    ), b = U(
       () => (
         // Top arc: right to left, so text is right-side up at the top after rotation
         xe(c, c, p.value, -90, 90)
       )
-    ), T = D(() => {
-      const ie = Math.max(0, Math.min(1, V.value / t.max)), ae = q.value + U.value, W = 360 - S.value - 3 * U.value;
+    ), T = U(() => {
+      const ie = Math.max(0, Math.min(1, V.value / t.max)), ae = q.value + D.value, W = 360 - S.value - 3 * D.value;
       if (ie >= 1) {
-        const Te = w.value - U.value + 360;
+        const Te = w.value - D.value + 360;
         return xe(c, c, C.value, ae, Te);
       }
       const le = W * ie, _e = ae + le;
       return xe(c, c, C.value, ae, _e);
-    }), te = D(() => {
-      const ie = q.value + U.value, ae = 360 - S.value - 3 * U.value, W = Math.max(0, Math.min(1, V.value / t.max)), le = ae * W, _e = ie + le, Te = W === 0 ? ie : _e + U.value, Ee = w.value - U.value + 360;
+    }), te = U(() => {
+      const ie = q.value + D.value, ae = 360 - S.value - 3 * D.value, W = Math.max(0, Math.min(1, V.value / t.max)), le = ae * W, _e = ie + le, Te = W === 0 ? ie : _e + D.value, Ee = w.value - D.value + 360;
       return xe(c, c, C.value, Te, Ee);
-    }), ue = D(() => "url(#staticGradient)"), ye = D(() => "url(#progressGradient)"), Me = D(() => {
-      const ie = q.value + U.value;
+    }), ue = U(() => "url(#staticGradient)"), ye = U(() => "url(#progressGradient)"), Me = U(() => {
+      const ie = q.value + D.value;
       return Se(c, c, C.value, ie);
-    }), Ae = D(() => {
-      const ie = q.value + U.value, ae = 360 - S.value - 3 * U.value, W = Math.max(0, Math.min(1, V.value / t.max)), le = ae * W, _e = ie + le;
+    }), Ae = U(() => {
+      const ie = q.value + D.value, ae = 360 - S.value - 3 * D.value, W = Math.max(0, Math.min(1, V.value / t.max)), le = ae * W, _e = ie + le;
       return Se(c, c, C.value, _e);
     });
     function Se(ie, ae, W, le) {
@@ -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 !== h && ie > h && K(), h = ie;
+      ie !== g && ie > g && K(), g = ie;
     }), (ie, ae) => (a(), o("div", qs, [
       (a(), o("svg", {
         width: n(A),
         height: n(A),
-        viewBox: `0 0 ${n($)} ${n($)}`,
+        viewBox: `0 0 ${n(M)} ${n(M)}`,
         style: { position: "relative" }
       }, [
         z.value ? (a(), o("g", Ks, [
@@ -803,14 +803,14 @@ const Fs = (s, r) => Sa.playLevelUp(s, r), qs = { class: "level-progress-contain
           key: 1,
           d: te.value,
           stroke: "#ddd",
-          "stroke-width": g.value,
+          "stroke-width": h.value,
           fill: "none",
           "stroke-linecap": "round"
         }, null, 8, Ws)) : I("", !0),
         e("path", {
           d: Z.value,
           stroke: ue.value,
-          "stroke-width": H.value,
+          "stroke-width": E.value,
           fill: "none",
           "stroke-linecap": "round"
         }, null, 8, Qs),
@@ -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": g.value,
+          "stroke-width": h.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 = M(null), V = M(!1), y = M(null), k = async (A) => {
+  } = s, z = $(null), V = $(!1), y = $(null), k = async (A) => {
     if (V.value) return;
     const c = /* @__PURE__ */ Symbol("modal");
     z.value = c;
-    const g = Ft.add({
+    const h = Ft.add({
       id: c,
       closeModal: A || u,
       closeOnEscape: r,
       priority: t,
       component: l
     });
-    return y.value = g, V.value = !0, await yt(), g;
+    return y.value = h, V.value = !0, await yt(), h;
   }, u = () => {
     !z.value || !V.value || (Ft.remove(z.value), z.value = null, y.value = null, V.value = !1);
-  }, 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;
+  }, 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;
   try {
     xt(() => {
       V.value && u();
@@ -983,8 +983,8 @@ function uo(s = {}) {
     openModal: k,
     closeModal: u,
     // Utilities
-    getModalContainer: h,
-    getModalBackdrop: $,
+    getModalContainer: g,
+    getModalBackdrop: M,
     // Computed values
     zIndex: () => y.value?.zIndex || 0,
     isTopModal: () => {
@@ -1001,7 +1001,7 @@ function Mc(s) {
   };
 }
 function $c() {
-  const s = M(Ft.state), r = Ft.subscribe((t) => {
+  const s = $(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 = M(!1), V = M(null), y = M(null), k = M(null), u = uo({
+    const t = s, l = r, z = $(!1), V = $(null), y = $(null), k = $(null), u = uo({
       closeOnEscape: t.closeOnEscape,
       priority: "normal",
       component: "UiModal"
     });
-    M(!0);
-    const h = D(() => t.modelValue !== void 0 ? t.modelValue : z.value), $ = D(() => ({
+    $(!0);
+    const g = U(() => t.modelValue !== void 0 ? t.modelValue : z.value), M = U(() => ({
       sm: "ui-modal-size-sm",
       md: "ui-modal-size-md",
       lg: "ui-modal-size-lg",
@@ -1065,50 +1065,50 @@ const co = {
       full: "ui-modal-size-full",
       auto: "ui-modal-size-auto"
     })[t.size]), A = async () => {
-      k.value = document.activeElement, await u.openModal(g), t.modelValue !== void 0 ? l("update:modelValue", !0) : z.value = !0, l("open");
+      k.value = document.activeElement, await u.openModal(h), 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();
-    }, g = () => {
+    }, h = () => {
       t.modelValue !== void 0 ? l("update:modelValue", !1) : z.value = !1, l("close"), u.closeModal(), yt(() => {
         k.value && document.contains(k.value) && k.value.focus(), k.value = null;
       });
     };
-    Le(h, async (U) => {
-      U ? (u.isOpen.value || await u.openModal(g), await yt(), y.value && y.value.focus()) : u.isOpen.value && u.closeModal();
+    Le(g, async (D) => {
+      D ? (u.isOpen.value || await u.openModal(h), await yt(), y.value && y.value.focus()) : u.isOpen.value && u.closeModal();
     });
-    const H = (U) => {
-      if (!h.value || U.key !== "Tab" || !y.value) return;
+    const E = (D) => {
+      if (!g.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);
       if (N.length === 0) return;
       const p = N[0], L = N[N.length - 1];
-      U.shiftKey ? document.activeElement === p && (U.preventDefault(), L.focus()) : document.activeElement === L && (U.preventDefault(), p.focus());
+      D.shiftKey ? document.activeElement === p && (D.preventDefault(), L.focus()) : document.activeElement === L && (D.preventDefault(), p.focus());
     };
     return We(() => {
-      document.addEventListener("keydown", H);
+      document.addEventListener("keydown", E);
     }), xt(() => {
-      document.removeEventListener("keydown", H);
-    }), (U, C) => (a(), o(Ue, null, [
-      U.$slots.trigger ? (a(), o("span", {
+      document.removeEventListener("keydown", E);
+    }), (D, C) => (a(), o(Ue, null, [
+      D.$slots.trigger ? (a(), o("span", {
         key: 0,
         ref_key: "triggerElement",
         ref: V,
         onClick: c
       }, [
-        je(U.$slots, "trigger", {
+        je(D.$slots, "trigger", {
           open: c,
-          close: g,
-          isOpen: h.value
+          close: h,
+          isOpen: g.value
         }, void 0, !0)
       ], 512)) : I("", !0),
-      h.value ? (a(), Ce(qt, {
+      g.value ? (a(), Ce(qt, {
         key: 1,
         to: "body"
       }, [
         d(rt, { name: "modal" }, {
           default: x(() => [
-            h.value ? (a(), o("div", co, [
+            g.value ? (a(), o("div", co, [
               e("div", {
                 class: "ui-modal-container",
                 ref_key: "modalContainer",
@@ -1119,26 +1119,26 @@ const co = {
                   padding: s.cardPadding,
                   shadow: s.cardShadow,
                   color: s.cardColor,
-                  class: be([s.cardClass, $.value]),
+                  class: be([s.cardClass, M.value]),
                   tabindex: "-1"
                 }, Zt({
                   header: x(() => [
                     e("div", vo, [
                       e("div", po, [
-                        je(U.$slots, "header", {
-                          handleClose: g,
-                          isOpen: h.value,
+                        je(D.$slots, "header", {
+                          handleClose: h,
+                          isOpen: g.value,
                           openModal: A
                         }, () => [
-                          U.$props.title ? (a(), o("h2", fo, R(U.$props.title), 1)) : I("", !0),
-                          U.$props.subtitle ? (a(), o("p", mo, R(U.$props.subtitle), 1)) : I("", !0)
+                          D.$props.title ? (a(), o("h2", fo, R(D.$props.title), 1)) : I("", !0),
+                          D.$props.subtitle ? (a(), o("p", mo, R(D.$props.subtitle), 1)) : I("", !0)
                         ], !0)
                       ]),
                       s.showCloseButton ? (a(), o("button", {
                         key: 0,
                         type: "button",
                         class: "ui-modal-close-button",
-                        onClick: g,
+                        onClick: h,
                         "aria-label": "Close modal"
                       }, [...C[0] || (C[0] = [
                         e("svg", {
@@ -1156,17 +1156,17 @@ const co = {
                   ]),
                   default: x(() => [
                     e("div", ho, [
-                      je(U.$slots, "default", {}, void 0, !0)
+                      je(D.$slots, "default", {}, void 0, !0)
                     ])
                   ]),
                   _: 2
                 }, [
-                  U.$slots.footer ? {
+                  D.$slots.footer ? {
                     name: "footer",
                     fn: x(() => [
-                      je(U.$slots, "footer", {
-                        handleClose: g,
-                        isOpen: h.value,
+                      je(D.$slots, "footer", {
+                        handleClose: h,
+                        isOpen: g.value,
                         openModal: A
                       }, void 0, !0)
                     ]),
@@ -1837,16 +1837,16 @@ const co = {
       }
       return "#EA00A8";
     }
-    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 }), H = M(100), U = 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 = D(() => p.value), Z = M(null), b = M(l.compareColor);
+    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);
     let T = null, te = null;
-    const ue = M(!1);
+    const ue = $(!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 = "");
     }, { immediate: !0 }), Le(S, (v) => {
       v && l.showContrast && l.compareColor && ea();
     });
-    const Me = D(() => l.swatches ? l.swatches : Co), Ae = D(() => {
+    const Me = U(() => l.swatches ? l.swatches : Co), Ae = U(() => {
       const v = Me.value;
       if (Array.isArray(v)) {
         const i = {};
@@ -1855,7 +1855,7 @@ const co = {
         }), i;
       }
       return v;
-    }), Se = D(() => {
+    }), Se = U(() => {
       if (!l.additionalSwatches) return {};
       const v = l.additionalSwatches;
       if (Array.isArray(v)) {
@@ -1865,7 +1865,7 @@ const co = {
         }), i;
       }
       return v;
-    }), xe = D(() => Object.keys(Ae.value)), ne = D(() => Object.keys(Se.value)), j = D(() => {
+    }), xe = U(() => Object.keys(Ae.value)), ne = U(() => Object.keys(Se.value)), j = U(() => {
       const v = Ae.value, i = Se.value, m = at.value.toLowerCase();
       for (const [ee, _] of Object.entries(v))
         if (ee.toLowerCase() === m && _.shades || _.shades?.some((Y) => Y.toLowerCase() === m))
@@ -1874,12 +1874,12 @@ const co = {
         if (ee.toLowerCase() === m && _.shades || _.shades?.some((Y) => Y.toLowerCase() === m))
           return ee;
       return null;
-    }), K = M([]), ie = M(""), ae = D(() => {
+    }), K = $([]), ie = $(""), ae = U(() => {
       if (!j.value)
         return K.value;
       const v = Ae.value[j.value], i = Se.value[j.value], m = v?.shades || i?.shades || [];
       return m.length > 0 && (K.value = m), m;
-    }), W = D(() => j.value !== null), le = D(() => {
+    }), W = U(() => j.value !== null), le = U(() => {
       if (!j.value)
         return ie.value;
       const v = Ae.value, i = Se.value;
@@ -1893,8 +1893,8 @@ const co = {
       }
       return m && (ie.value = m), m;
     }), _e = (v) => v.toLowerCase() === at.value.toLowerCase(), Te = (v) => {
-      const i = v.replace("#", ""), m = parseInt(i.substring(0, 2), 16), ee = parseInt(i.substring(2, 4), 16), _ = parseInt(i.substring(4, 6), 16), Y = Math.pow(m / 255, 2.4), F = Math.pow(ee / 255, 2.4), E = Math.pow(_ / 255, 2.4);
-      return 0.2126729 * Y + 0.7151522 * F + 0.072175 * E < 0.3 ? "#ffffff" : "#000000";
+      const i = v.replace("#", ""), m = parseInt(i.substring(0, 2), 16), ee = parseInt(i.substring(2, 4), 16), _ = parseInt(i.substring(4, 6), 16), Y = Math.pow(m / 255, 2.4), F = Math.pow(ee / 255, 2.4), H = Math.pow(_ / 255, 2.4);
+      return 0.2126729 * Y + 0.7151522 * F + 0.072175 * H < 0.3 ? "#ffffff" : "#000000";
     }, Ee = (v) => {
       const i = {
         "--_color": v
@@ -1925,23 +1925,23 @@ const co = {
       return v;
     }, re = (v, i, m) => {
       v = Math.round(v * 1e3) / 1e3, i = Math.round(i * 1e3) / 1e3, m = Math.round(m * 1e3) / 1e3;
-      const ee = Math.floor(v / 60), _ = v / 60 - ee, Y = m * (1 - i), F = m * (1 - i * _), E = m * (1 - i * (1 - _));
+      const ee = Math.floor(v / 60), _ = v / 60 - ee, Y = m * (1 - i), F = m * (1 - i * _), H = m * (1 - i * (1 - _));
       let f, B, se;
       switch (ee % 6) {
         case 0:
-          f = m, B = E, se = Y;
+          f = m, B = H, se = Y;
           break;
         case 1:
           f = F, B = m, se = Y;
           break;
         case 2:
-          f = Y, B = m, se = E;
+          f = Y, B = m, se = H;
           break;
         case 3:
           f = Y, B = F, se = m;
           break;
         case 4:
-          f = E, B = Y, se = m;
+          f = H, B = Y, se = m;
           break;
         case 5:
           f = m, B = Y, se = F;
@@ -1958,7 +1958,7 @@ const co = {
       v /= 255, i /= 255, m /= 255;
       const ee = Math.max(v, i, m), _ = Math.min(v, i, m), Y = ee - _;
       let F = 0;
-      const E = ee === 0 ? 0 : Y / ee, f = ee;
+      const H = ee === 0 ? 0 : Y / ee, f = ee;
       if (Y !== 0)
         switch (ee) {
           case v:
@@ -1974,7 +1974,7 @@ const co = {
       return {
         h: Math.round(F * 1e3) / 1e3,
         // 3 decimal precision
-        s: Math.round(E * 1e3) / 1e3,
+        s: Math.round(H * 1e3) / 1e3,
         v: Math.round(f * 1e3) / 1e3
       };
     }, Ie = (v) => {
@@ -1987,27 +1987,27 @@ const co = {
     }, G = (v, i, m) => `#${((1 << 24) + (v << 16) + (i << 8) + m).toString(16).slice(1)}`, he = (v, i, m) => {
       v /= 255, i /= 255, m /= 255;
       const ee = Math.max(v, i, m), _ = Math.min(v, i, m), Y = ee - _, F = ee + _;
-      let E = 0, f = 0, B = F / 2;
+      let H = 0, f = 0, B = F / 2;
       if (Y !== 0)
         switch (f = B > 0.5 ? Y / (2 - F) : Y / F, ee) {
           case v:
-            E = ((i - m) / Y + (i < m ? 6 : 0)) / 6;
+            H = ((i - m) / Y + (i < m ? 6 : 0)) / 6;
             break;
           case i:
-            E = ((m - v) / Y + 2) / 6;
+            H = ((m - v) / Y + 2) / 6;
             break;
           case m:
-            E = ((v - i) / Y + 4) / 6;
+            H = ((v - i) / Y + 4) / 6;
             break;
         }
       return {
-        h: Math.round(E * 360),
+        h: Math.round(H * 360),
         s: Math.round(f * 100),
         l: Math.round(B * 100)
       };
     }, X = (v, i, m) => {
       v /= 360, i /= 100, m /= 100;
-      const ee = (F, E, f) => (f < 0 && (f += 1), f > 1 && (f -= 1), f < 1 / 6 ? F + (E - F) * 6 * f : f < 1 / 2 ? E : f < 2 / 3 ? F + (E - F) * (2 / 3 - f) * 6 : F);
+      const ee = (F, H, f) => (f < 0 && (f += 1), f > 1 && (f -= 1), f < 1 / 6 ? F + (H - F) * 6 * f : f < 1 / 2 ? H : f < 2 / 3 ? F + (H - F) * (2 / 3 - f) * 6 : F);
       if (i === 0)
         return { r: Math.round(m * 255), g: Math.round(m * 255), b: Math.round(m * 255) };
       const _ = m < 0.5 ? m * (1 + i) : m + i - m * i, Y = 2 * m - _;
@@ -2017,7 +2017,7 @@ const co = {
         b: Math.round(ee(Y, _, v - 1 / 3) * 255)
       };
     }, fe = (v, i, m) => {
-      const ee = (St) => (St /= 255, St <= 0.04045 ? St / 12.92 : Math.pow((St + 0.055) / 1.055, 2.4)), _ = ee(v), Y = ee(i), F = ee(m), E = 0.4122214708 * _ + 0.5363325363 * Y + 0.0514459929 * F, f = 0.2119034982 * _ + 0.6806995451 * Y + 0.1073969566 * F, B = 0.0883024619 * _ + 0.2817188376 * Y + 0.6299787005 * F, se = Math.sign(E) * Math.pow(Math.abs(E), 1 / 3), de = Math.sign(f) * Math.pow(Math.abs(f), 1 / 3), ke = Math.sign(B) * Math.pow(Math.abs(B), 1 / 3), ge = 0.2104542553 * se + 0.793617785 * de - 0.0040720468 * ke, me = 1.9779984951 * se - 2.428592205 * de + 0.4505937099 * ke, ze = 0.0259040371 * se + 0.7827717662 * de - 0.808675766 * ke, qe = ge, Ge = Math.sqrt(me * me + ze * ze);
+      const ee = (St) => (St /= 255, St <= 0.04045 ? St / 12.92 : Math.pow((St + 0.055) / 1.055, 2.4)), _ = ee(v), Y = ee(i), F = ee(m), H = 0.4122214708 * _ + 0.5363325363 * Y + 0.0514459929 * F, f = 0.2119034982 * _ + 0.6806995451 * Y + 0.1073969566 * F, B = 0.0883024619 * _ + 0.2817188376 * Y + 0.6299787005 * F, se = Math.sign(H) * Math.pow(Math.abs(H), 1 / 3), de = Math.sign(f) * Math.pow(Math.abs(f), 1 / 3), ke = Math.sign(B) * Math.pow(Math.abs(B), 1 / 3), ge = 0.2104542553 * se + 0.793617785 * de - 0.0040720468 * ke, me = 1.9779984951 * se - 2.428592205 * de + 0.4505937099 * ke, ze = 0.0259040371 * se + 0.7827717662 * de - 0.808675766 * ke, qe = ge, Ge = Math.sqrt(me * me + ze * ze);
       let st = Math.atan2(ze, me) * 180 / Math.PI;
       return st < 0 && (st += 360), {
         l: Math.round(qe * 100),
@@ -2026,7 +2026,7 @@ const co = {
       };
     }, pe = (v, i, m) => {
       v /= 100, i /= 100, m = m * Math.PI / 180;
-      const ee = i * Math.cos(m), _ = i * Math.sin(m), Y = v + 0.3963377774 * ee + 0.2158037573 * _, F = v - 0.1055613458 * ee - 0.0638541728 * _, E = v - 0.0894841775 * ee - 1.291485548 * _, f = Y * Y * Y, B = F * F * F, se = E * E * E, de = 4.0767416621 * f - 3.3077115913 * B + 0.2309699292 * se, ke = -1.2684380046 * f + 2.6097574011 * B - 0.3413193965 * se, ge = -0.0041960863 * f - 0.7034186147 * B + 1.707614701 * se, me = (ze) => ze <= 31308e-7 ? ze * 12.92 : 1.055 * Math.pow(ze, 1 / 2.4) - 0.055;
+      const ee = i * Math.cos(m), _ = i * Math.sin(m), Y = v + 0.3963377774 * ee + 0.2158037573 * _, F = v - 0.1055613458 * ee - 0.0638541728 * _, H = v - 0.0894841775 * ee - 1.291485548 * _, f = Y * Y * Y, B = F * F * F, se = H * H * H, de = 4.0767416621 * f - 3.3077115913 * B + 0.2309699292 * se, ke = -1.2684380046 * f + 2.6097574011 * B - 0.3413193965 * se, ge = -0.0041960863 * f - 0.7034186147 * B + 1.707614701 * se, me = (ze) => ze <= 31308e-7 ? ze * 12.92 : 1.055 * Math.pow(ze, 1 / 2.4) - 0.055;
       return {
         r: Math.max(0, Math.min(255, Math.round(me(de) * 255))),
         g: Math.max(0, Math.min(255, Math.round(me(ke) * 255))),
@@ -2048,8 +2048,8 @@ const co = {
     }, Fe = (v, i) => {
       const m = Ie(v), ee = Ie(i);
       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), E = Math.min(_, Y);
-      return (F + 0.05) / (E + 0.05);
+      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") => {
       if (i === "large") {
         if (v >= 4.5) return "AAA";
@@ -2059,7 +2059,7 @@ const co = {
         if (v >= 4.5) return "AA";
       }
       return "FAIL";
-    }, Pe = D(() => re(u.value, h.value, $.value)), Ut = D(() => `rgb(${Pe.value.r}, ${Pe.value.g}, ${Pe.value.b})`), at = D(() => {
+    }, Pe = U(() => re(u.value, g.value, M.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 = () => {
@@ -2075,9 +2075,9 @@ const co = {
         currentColor: v,
         compareColor: l.compareColor
       };
-    }, et = D(() => (T && clearTimeout(T), T = setTimeout(() => {
+    }, et = U(() => (T && clearTimeout(T), T = setTimeout(() => {
       ea();
-    }, 100), Z.value)), ta = D(() => {
+    }, 100), Z.value)), ta = U(() => {
       if (!S.value || !b.value) return "";
       if (it.value)
         return it.value;
@@ -2119,34 +2119,34 @@ const co = {
         F.push(_[f]);
       if (F.length > 0 && F[F.length - 1] !== _[_.length - 1] && F.push(_[_.length - 1]), F.length === 0) return "";
       if (F.length === 1) return `M ${F[0].x} ${F[0].y}`;
-      let E = `M ${F[0].x} ${F[0].y}`;
+      let H = `M ${F[0].x} ${F[0].y}`;
       if (F.length === 2)
-        E += ` L ${F[1].x} ${F[1].y}`;
+        H += ` L ${F[1].x} ${F[1].y}`;
       else {
         for (let B = 1; B < F.length - 1; B++) {
           const se = F[B], de = F[B + 1], ke = (se.x + de.x) / 2, ge = (se.y + de.y) / 2;
-          E += ` Q ${se.x} ${se.y} ${ke} ${ge}`;
+          H += ` Q ${se.x} ${se.y} ${ke} ${ge}`;
         }
         const f = F[F.length - 1];
-        E += ` Q ${f.x} ${f.y} ${f.x} ${f.y}`;
+        H += ` Q ${f.x} ${f.y} ${f.x} ${f.y}`;
       }
-      return it.value = E, E;
-    }), Dt = D(() => {
+      return it.value = H, H;
+    }), Dt = U(() => {
       if (!S.value || !b.value) return "";
       if (zt.value)
         return zt.value;
-      const v = dt, i = vt, m = 4.5, ee = (E, f) => {
-        const B = Math.max(0, Math.min(v, E)), se = Math.max(0, Math.min(i, f)), de = Math.max(0, Math.min(1, B / v)), ke = Math.max(0, Math.min(1, 1 - se / i)), ge = re(u.value, de, ke), me = G(ge.r, ge.g, ge.b);
+      const v = dt, i = vt, m = 4.5, ee = (H, f) => {
+        const B = Math.max(0, Math.min(v, H)), se = Math.max(0, Math.min(i, f)), de = Math.max(0, Math.min(1, B / v)), ke = Math.max(0, Math.min(1, 1 - se / i)), ge = re(u.value, de, ke), me = G(ge.r, ge.g, ge.b);
         return Fe(me, b.value);
       }, _ = [], Y = [];
-      for (let E = -20; E <= v + 20; E += 2) {
+      for (let H = -20; H <= v + 20; H += 2) {
         let f = !1, B = -1;
         for (let se = i - 1; se >= 1; se--) {
-          const de = ee(E, se), ke = ee(E, se - 1);
+          const de = ee(H, se), ke = ee(H, se - 1);
           if (de >= m && ke < m) {
             let ge = se - 1, me = se;
             for (let ze = 0; ze < 8; ze++) {
-              const qe = (ge + me) / 2, Ge = ee(E, qe);
+              const qe = (ge + me) / 2, Ge = ee(H, qe);
               if (Math.abs(Ge - m) < 0.01) {
                 B = qe, f = !0;
                 break;
@@ -2157,50 +2157,50 @@ const co = {
             break;
           }
         }
-        f && B >= 0 && Y.push({ x: E, y: B });
+        f && B >= 0 && Y.push({ x: H, y: B });
       }
       if (Y.length === 0) return "";
       if (Y.length > 4) {
         _.push(Y[0]);
-        const E = Math.floor(Y.length / 4);
-        for (let B = E; B < Y.length - E; B += E)
+        const H = Math.floor(Y.length / 4);
+        for (let B = H; B < Y.length - H; B += H)
           _.push(Y[B]);
         const f = Y[Y.length - 1];
         _.push(f);
       } else
         _.push(...Y);
       if (_.length > 0) {
-        const E = _[0], f = _[_.length - 1];
-        E.x < 0 && (E.x = 0), f.x < v && f.y > 5 && f.y < i - 5 ? _.push({ x: v, y: f.y }) : f.x > v && (f.x = v);
+        const H = _[0], f = _[_.length - 1];
+        H.x < 0 && (H.x = 0), f.x < v && f.y > 5 && f.y < i - 5 ? _.push({ x: v, y: f.y }) : f.x > v && (f.x = v);
       }
       if (_.length < 2) return "";
       if (_.length === 2)
         return `M ${_[0].x} ${_[0].y} L ${_[1].x} ${_[1].y}`;
       let F = `M ${_[0].x} ${_[0].y}`;
-      for (let E = 1; E < _.length; E++) {
-        const f = _[E];
+      for (let H = 1; H < _.length; H++) {
+        const f = _[H];
         if (_.length <= 3)
-          if (E === 1 && _.length === 3) {
+          if (H === 1 && _.length === 3) {
             F += ` Q ${f.x} ${f.y} ${_[2].x} ${_[2].y}`;
             break;
           } else
             F += ` L ${f.x} ${f.y}`;
         else {
-          const B = _[E - 1];
-          if (E === 1) {
-            const se = _[E + 1], de = B.x + (f.x - B.x) * 0.3, ke = B.y + (f.y - B.y) * 0.3, ge = f.x - (se.x - B.x) * 0.1, me = f.y - (se.y - B.y) * 0.1;
+          const B = _[H - 1];
+          if (H === 1) {
+            const se = _[H + 1], de = B.x + (f.x - B.x) * 0.3, ke = B.y + (f.y - B.y) * 0.3, ge = f.x - (se.x - B.x) * 0.1, me = f.y - (se.y - B.y) * 0.1;
             F += ` C ${de} ${ke}, ${ge} ${me}, ${f.x} ${f.y}`;
-          } else if (E === _.length - 1) {
-            const se = _[E - 2], de = B.x + (f.x - se.x) * 0.1, ke = B.y + (f.y - se.y) * 0.1, ge = f.x - (f.x - B.x) * 0.3, me = f.y - (f.y - B.y) * 0.3;
+          } else if (H === _.length - 1) {
+            const se = _[H - 2], de = B.x + (f.x - se.x) * 0.1, ke = B.y + (f.y - se.y) * 0.1, ge = f.x - (f.x - B.x) * 0.3, me = f.y - (f.y - B.y) * 0.3;
             F += ` C ${de} ${ke}, ${ge} ${me}, ${f.x} ${f.y}`;
           } else {
-            const se = _[E + 1], de = E >= 2 ? _[E - 2] : B, ke = B.x + (f.x - de.x) * 0.1, ge = B.y + (f.y - de.y) * 0.1, me = f.x - (se.x - B.x) * 0.1, ze = f.y - (se.y - B.y) * 0.1;
+            const se = _[H + 1], de = H >= 2 ? _[H - 2] : B, ke = B.x + (f.x - de.x) * 0.1, ge = B.y + (f.y - de.y) * 0.1, me = f.x - (se.x - B.x) * 0.1, ze = f.y - (se.y - B.y) * 0.1;
             F += ` C ${ke} ${ge}, ${me} ${ze}, ${f.x} ${f.y}`;
           }
         }
       }
       return zt.value = F, F;
-    }), aa = D(() => {
+    }), aa = U(() => {
       if (!S.value || !b.value) return "";
       if (Vt.value)
         return Vt.value;
@@ -2242,34 +2242,34 @@ const co = {
         F.push(_[f]);
       if (F.length > 0 && F[F.length - 1] !== _[_.length - 1] && F.push(_[_.length - 1]), F.length === 0) return "";
       if (F.length === 1) return `M ${F[0].x} ${F[0].y}`;
-      let E = `M ${F[0].x} ${F[0].y}`;
+      let H = `M ${F[0].x} ${F[0].y}`;
       if (F.length === 2)
-        E += ` L ${F[1].x} ${F[1].y}`;
+        H += ` L ${F[1].x} ${F[1].y}`;
       else {
         for (let B = 1; B < F.length - 1; B++) {
           const se = F[B], de = F[B + 1], ke = (se.x + de.x) / 2, ge = (se.y + de.y) / 2;
-          E += ` Q ${se.x} ${se.y} ${ke} ${ge}`;
+          H += ` Q ${se.x} ${se.y} ${ke} ${ge}`;
         }
         const f = F[F.length - 1];
-        E += ` Q ${f.x} ${f.y} ${f.x} ${f.y}`;
+        H += ` Q ${f.x} ${f.y} ${f.x} ${f.y}`;
       }
-      return Vt.value = E, E;
-    }), sa = D(() => {
+      return Vt.value = H, H;
+    }), sa = U(() => {
       if (!S.value || !b.value) return "";
       if (It.value)
         return It.value;
-      const v = dt, i = vt, m = 3, ee = (E, f) => {
-        const B = Math.max(0, Math.min(v, E)), se = Math.max(0, Math.min(i, f)), de = Math.max(0, Math.min(1, B / v)), ke = Math.max(0, Math.min(1, 1 - se / i)), ge = re(u.value, de, ke), me = G(ge.r, ge.g, ge.b);
+      const v = dt, i = vt, m = 3, ee = (H, f) => {
+        const B = Math.max(0, Math.min(v, H)), se = Math.max(0, Math.min(i, f)), de = Math.max(0, Math.min(1, B / v)), ke = Math.max(0, Math.min(1, 1 - se / i)), ge = re(u.value, de, ke), me = G(ge.r, ge.g, ge.b);
         return Fe(me, b.value);
       }, _ = [], Y = [];
-      for (let E = -20; E <= v + 20; E += 2) {
+      for (let H = -20; H <= v + 20; H += 2) {
         let f = !1, B = -1;
         for (let se = i - 1; se >= 1; se--) {
-          const de = ee(E, se), ke = ee(E, se - 1);
+          const de = ee(H, se), ke = ee(H, se - 1);
           if (de >= m && ke < m) {
             let ge = se - 1, me = se;
             for (let ze = 0; ze < 8; ze++) {
-              const qe = (ge + me) / 2, Ge = ee(E, qe);
+              const qe = (ge + me) / 2, Ge = ee(H, qe);
               if (Math.abs(Ge - m) < 0.01) {
                 B = qe, f = !0;
                 break;
@@ -2280,68 +2280,68 @@ const co = {
             break;
           }
         }
-        f && B >= 0 && Y.push({ x: E, y: B });
+        f && B >= 0 && Y.push({ x: H, y: B });
       }
       if (Y.length === 0) return "";
       if (Y.length > 4) {
         _.push(Y[0]);
-        const E = Math.floor(Y.length / 4);
-        for (let B = E; B < Y.length - E; B += E)
+        const H = Math.floor(Y.length / 4);
+        for (let B = H; B < Y.length - H; B += H)
           _.push(Y[B]);
         const f = Y[Y.length - 1];
         _.push(f);
       } else
         _.push(...Y);
       if (_.length > 0) {
-        const E = _[0], f = _[_.length - 1];
-        E.x < 0 && (E.x = 0), f.x < v && f.y > 5 && f.y < i - 5 ? _.push({ x: v, y: f.y }) : f.x > v && (f.x = v);
+        const H = _[0], f = _[_.length - 1];
+        H.x < 0 && (H.x = 0), f.x < v && f.y > 5 && f.y < i - 5 ? _.push({ x: v, y: f.y }) : f.x > v && (f.x = v);
       }
       if (_.length < 2) return "";
       if (_.length === 2)
         return `M ${_[0].x} ${_[0].y} L ${_[1].x} ${_[1].y}`;
       let F = `M ${_[0].x} ${_[0].y}`;
-      for (let E = 1; E < _.length; E++) {
-        const f = _[E];
+      for (let H = 1; H < _.length; H++) {
+        const f = _[H];
         if (_.length <= 3)
-          if (E === 1 && _.length === 3) {
+          if (H === 1 && _.length === 3) {
             F += ` Q ${f.x} ${f.y} ${_[2].x} ${_[2].y}`;
             break;
           } else
             F += ` L ${f.x} ${f.y}`;
         else {
-          const B = _[E - 1];
-          if (E === 1) {
-            const se = _[E + 1], de = B.x + (f.x - B.x) * 0.3, ke = B.y + (f.y - B.y) * 0.3, ge = f.x - (se.x - B.x) * 0.1, me = f.y - (se.y - B.y) * 0.1;
+          const B = _[H - 1];
+          if (H === 1) {
+            const se = _[H + 1], de = B.x + (f.x - B.x) * 0.3, ke = B.y + (f.y - B.y) * 0.3, ge = f.x - (se.x - B.x) * 0.1, me = f.y - (se.y - B.y) * 0.1;
             F += ` C ${de} ${ke}, ${ge} ${me}, ${f.x} ${f.y}`;
-          } else if (E === _.length - 1) {
-            const se = _[E - 2], de = B.x + (f.x - se.x) * 0.1, ke = B.y + (f.y - se.y) * 0.1, ge = f.x - (f.x - B.x) * 0.3, me = f.y - (f.y - B.y) * 0.3;
+          } else if (H === _.length - 1) {
+            const se = _[H - 2], de = B.x + (f.x - se.x) * 0.1, ke = B.y + (f.y - se.y) * 0.1, ge = f.x - (f.x - B.x) * 0.3, me = f.y - (f.y - B.y) * 0.3;
             F += ` C ${de} ${ke}, ${ge} ${me}, ${f.x} ${f.y}`;
           } else {
-            const se = _[E + 1], de = E >= 2 ? _[E - 2] : B, ke = B.x + (f.x - de.x) * 0.1, ge = B.y + (f.y - de.y) * 0.1, me = f.x - (se.x - B.x) * 0.1, ze = f.y - (se.y - B.y) * 0.1;
+            const se = _[H + 1], de = H >= 2 ? _[H - 2] : B, ke = B.x + (f.x - de.x) * 0.1, ge = B.y + (f.y - de.y) * 0.1, me = f.x - (se.x - B.x) * 0.1, ze = f.y - (se.y - B.y) * 0.1;
             F += ` C ${ke} ${ge}, ${me} ${ze}, ${f.x} ${f.y}`;
           }
         }
       }
       return It.value = F, F;
     });
-    D(() => {
+    U(() => {
       if (!S.value || !et.value) return [];
       const v = dt, i = vt, m = (_, Y) => {
-        const F = Math.max(0, Math.min(v, _)), E = Math.max(0, Math.min(i, Y)), f = Math.max(0, Math.min(1, F / v)), B = Math.max(0, Math.min(1, 1 - E / i)), se = re(u.value, f, B), de = G(se.r, se.g, se.b);
+        const F = Math.max(0, Math.min(v, _)), H = Math.max(0, Math.min(i, Y)), f = Math.max(0, Math.min(1, F / v)), B = Math.max(0, Math.min(1, 1 - H / i)), se = re(u.value, f, B), de = G(se.r, se.g, se.b);
         return Fe(de, b.value);
       }, ee = [];
       for (let _ = 0; _ <= v; _ += 3)
         for (let Y = 0; Y < i; Y++) {
-          const F = m(_, Y), E = m(_, Y + 1);
-          if (F < 3.1 && E >= 3.1 || F >= 3.1 && E < 3.1) {
+          const F = m(_, Y), H = m(_, Y + 1);
+          if (F < 3.1 && H >= 3.1 || F >= 3.1 && H < 3.1) {
             ee.push({ x: _, y: Y });
             break;
           }
         }
       for (let _ = i - 3; _ >= 0; _ -= 3)
         for (let Y = 0; Y < v; Y++) {
-          const F = m(Y, _), E = m(Y + 1, _);
-          if (F < 3.1 && E >= 3.1 || F >= 3.1 && E < 3.1) {
+          const F = m(Y, _), H = m(Y + 1, _);
+          if (F < 3.1 && H >= 3.1 || F >= 3.1 && H < 3.1) {
             !ee.some(
               (B) => Math.abs(B.x - Y) < 6 && Math.abs(B.y - _) < 6
             ) && ee.push({ x: Y, y: _ });
@@ -2350,51 +2350,51 @@ const co = {
         }
       return ee;
     });
-    const Ct = M([]), nt = M([]), it = M(""), zt = M(""), Vt = M(""), It = M(""), oa = D(() => S.value && b.value && (!Ct.value.length || !nt.value.length)), Ca = D(() => S.value && b.value);
-    D(() => Ca.value), D(() => {
+    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);
+    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;
-      const v = [], i = dt, m = vt, ee = 6, _ = (E, f) => {
-        const B = Math.max(0, Math.min(i, E)), 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);
+      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);
       }, Y = [];
-      for (let E = 0; E <= i; E += 6)
+      for (let H = 0; H <= i; H += 6)
         for (let f = 0; f < m - 1; f += 1) {
-          const B = _(E, f), se = _(E, f + 1);
+          const B = _(H, f), se = _(H, f + 1);
           if (B >= 4.5 && se < 4.5 || B < 4.5 && se >= 4.5) {
             let de = f, ke = f + 1;
             for (let ge = 0; ge < 6; ge++) {
-              const me = (de + ke) / 2, ze = _(E, me);
+              const me = (de + ke) / 2, ze = _(H, me);
               if (Math.abs(ze - 4.5) < 0.05) {
-                Y.push({ x: E, y: me });
+                Y.push({ x: H, y: me });
                 break;
               }
               ze > 4.5 ? de = me : ke = me;
             }
-            (Y.length === 0 || Y[Y.length - 1].x !== E) && Y.push({ x: E, y: (de + ke) / 2 });
+            (Y.length === 0 || Y[Y.length - 1].x !== H) && Y.push({ x: H, y: (de + ke) / 2 });
             break;
           }
         }
-      const F = (E, f) => {
+      const F = (H, f) => {
         if (Y.length === 0) return 50;
         let B = 1 / 0;
         for (const se of Y) {
           const de = Math.sqrt(
-            Math.pow(E - se.x, 2) + Math.pow(f - se.y, 2)
+            Math.pow(H - se.x, 2) + Math.pow(f - se.y, 2)
           );
           B = Math.min(B, de);
         }
         return B;
       };
-      for (let E = ee / 2; E < i; E += ee)
+      for (let H = ee / 2; H < i; H += ee)
         for (let f = ee / 2; f < m; f += ee)
-          if (_(E, f) < 4.5) {
-            const se = F(E, f), de = 4;
+          if (_(H, f) < 4.5) {
+            const se = F(H, f), de = 4;
             if (se >= de) {
               const ge = se - de, me = Math.min(ge / 40, 1), ze = 0.6, Ge = ze - (ze - 0.3) * Math.pow(me, 0.7), st = 1.8, ba = st - (st - 1.5) * Math.pow(me, 0.6);
               Ge > 0.2 && ba > 0.8 && v.push({
-                x: E,
+                x: H,
                 y: f,
                 radius: ba,
                 opacity: Ge,
@@ -2403,7 +2403,7 @@ const co = {
             }
           }
       return Ct.value = v, v;
-    }), D(() => {
+    }), U(() => {
       if (!S.value || !b.value) return [];
       if (q.value && nt.value.length > 0 || !oa.value && nt.value.length > 0)
         return nt.value;
@@ -2426,7 +2426,7 @@ const co = {
             }
           }
         }
-      const E = (f, B) => {
+      const H = (f, B) => {
         let se = 1 / 0;
         for (const de of F) {
           const ke = Math.sqrt(Math.pow(f - de.x, 2) + Math.pow(B - de.y, 2));
@@ -2437,7 +2437,7 @@ const co = {
       for (let f = _ / 2; f < i; f += _)
         for (let B = _ / 2; B < m; B += _)
           if (Y(f, B) < ee) {
-            const de = E(f, B), ke = 4;
+            const de = H(f, B), ke = 4;
             if (de >= ke) {
               const me = de - ke, ze = Math.min(me / 40, 1), qe = 0.6, st = qe - (qe - 0.3) * Math.pow(ze, 0.7), St = 1.8, Ia = St - (St - 1.5) * Math.pow(ze, 0.6);
               st > 0.2 && Ia > 0.8 && v.push({
@@ -2452,21 +2452,21 @@ const co = {
           }
       return nt.value = v, v;
     });
-    const la = D(() => {
+    const la = U(() => {
       if (!S.value || !b.value) return "";
-      const v = dt, i = vt, m = (F, E) => {
-        const f = Math.max(0, Math.min(v, F)), B = Math.max(0, Math.min(i, E)), se = Math.max(0, Math.min(1, f / v)), de = Math.max(0, Math.min(1, 1 - B / i)), ke = re(u.value, se, de), ge = G(ke.r, ke.g, ke.b);
+      const v = dt, i = vt, m = (F, H) => {
+        const f = Math.max(0, Math.min(v, F)), B = Math.max(0, Math.min(i, H)), se = Math.max(0, Math.min(1, f / v)), de = Math.max(0, Math.min(1, 1 - B / i)), ke = re(u.value, se, de), ge = G(ke.r, ke.g, ke.b);
         return Fe(ge, b.value);
       }, ee = [], _ = [];
       for (let F = -20; F <= v + 20; F += 2) {
-        for (let E = 0; E < i; E++)
-          if (m(F, E) < 4.5) {
-            ee.push({ x: F, y: E });
+        for (let H = 0; H < i; H++)
+          if (m(F, H) < 4.5) {
+            ee.push({ x: F, y: H });
             break;
           }
-        for (let E = i - 1; E >= 0; E--)
-          if (m(F, E) < 4.5) {
-            _.push({ x: F, y: E });
+        for (let H = i - 1; H >= 0; H--)
+          if (m(F, H) < 4.5) {
+            _.push({ x: F, y: H });
             break;
           }
       }
@@ -2474,41 +2474,41 @@ const co = {
         return "";
       let Y = "M";
       for (let F = 0; F < ee.length; F++) {
-        const E = ee[F];
-        F === 0 ? Y += ` ${E.x} ${E.y}` : Y += ` L ${E.x} ${E.y}`;
+        const H = ee[F];
+        F === 0 ? Y += ` ${H.x} ${H.y}` : Y += ` L ${H.x} ${H.y}`;
       }
       for (let F = _.length - 1; F >= 0; F--) {
-        const E = _[F];
-        Y += ` L ${E.x} ${E.y}`;
+        const H = _[F];
+        Y += ` L ${H.x} ${H.y}`;
       }
       return Y += " Z", Y;
-    }), na = D(() => {
+    }), na = U(() => {
       if (!S.value || !b.value) return "";
-      const v = dt, i = vt, m = 3, ee = (E, f) => {
-        const B = Math.max(0, Math.min(v, E)), se = Math.max(0, Math.min(i, f)), de = Math.max(0, Math.min(1, B / v)), ke = Math.max(0, Math.min(1, 1 - se / i)), ge = re(u.value, de, ke), me = G(ge.r, ge.g, ge.b);
+      const v = dt, i = vt, m = 3, ee = (H, f) => {
+        const B = Math.max(0, Math.min(v, H)), se = Math.max(0, Math.min(i, f)), de = Math.max(0, Math.min(1, B / v)), ke = Math.max(0, Math.min(1, 1 - se / i)), ge = re(u.value, de, ke), me = G(ge.r, ge.g, ge.b);
         return Fe(me, b.value);
       }, _ = [], Y = [];
-      for (let E = -20; E <= v + 20; E += 2) {
+      for (let H = -20; H <= v + 20; H += 2) {
         for (let f = 0; f < i; f++)
-          if (ee(E, f) < m) {
-            _.push({ x: E, y: f });
+          if (ee(H, f) < m) {
+            _.push({ x: H, y: f });
             break;
           }
         for (let f = i - 1; f >= 0; f--)
-          if (ee(E, f) < m) {
-            Y.push({ x: E, y: f });
+          if (ee(H, f) < m) {
+            Y.push({ x: H, y: f });
             break;
           }
       }
       if (_.length < 3 || Y.length < 3)
         return "";
       let F = "M";
-      for (let E = 0; E < _.length; E++) {
-        const f = _[E];
-        E === 0 ? F += ` ${f.x} ${f.y}` : F += ` L ${f.x} ${f.y}`;
+      for (let H = 0; H < _.length; H++) {
+        const f = _[H];
+        H === 0 ? F += ` ${f.x} ${f.y}` : F += ` L ${f.x} ${f.y}`;
       }
-      for (let E = Y.length - 1; E >= 0; E--) {
-        const f = Y[E];
+      for (let H = Y.length - 1; H >= 0; H--) {
+        const f = Y[H];
         F += ` L ${f.x} ${f.y}`;
       }
       return F += " Z", F;
@@ -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));
-      h.value = _ / i.width, $.value = 1 - Y / i.height;
+      g.value = _ / i.width, M.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) => {
@@ -2541,49 +2541,49 @@ const co = {
     }, we = (v) => {
       if (!k.value) return;
       const i = k.value.getBoundingClientRect(), m = "touches" in v ? v.touches[0].clientX : v.clientX, ee = Math.max(0, Math.min(i.width, m - i.left));
-      A.value = ee / i.width, H.value = Math.round(A.value * 100);
+      A.value = ee / i.width, E.value = Math.round(A.value * 100);
     }, wt = () => {
       const v = c.value;
       if (v.length === 7 && v.startsWith("#")) {
         const i = Ie(v);
         if (i) {
           const m = ve(i.r, i.g, i.b);
-          u.value = m.h, h.value = m.s, $.value = m.v, Rt();
+          u.value = m.h, g.value = m.s, M.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 } = g.value;
+      const { r: v, g: i, b: m } = h.value;
       if (v >= 0 && v <= 255 && i >= 0 && i <= 255 && m >= 0 && m <= 255) {
         const ee = ve(v, i, m);
-        u.value = ee.h, h.value = ee.s, $.value = ee.v, Ot(), ya(), ka();
+        u.value = ee.h, g.value = ee.s, M.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, h.value = _.s, $.value = _.v, Ot(), Rt(), ka();
+        u.value = _.h, g.value = _.s, M.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, h.value = _.s, $.value = _.v, Ot(), Rt(), ya();
+        u.value = _.h, g.value = _.s, M.value = _.v, Ot(), Rt(), ya();
       }
     }, jt = () => {
-      const v = Math.max(0, Math.min(100, H.value));
-      A.value = v / 100, H.value = v;
+      const v = Math.max(0, Math.min(100, E.value));
+      A.value = v / 100, E.value = v;
     }, va = () => {
-      const v = ["hex", "rgb", "hsl", "oklch"], m = (v.indexOf(U.value) + 1) % v.length;
-      U.value = v[m];
+      const v = ["hex", "rgb", "hsl", "oklch"], m = (v.indexOf(D.value) + 1) % v.length;
+      D.value = v[m];
     }, Ot = () => {
       const { r: v, g: i, b: m } = Pe.value;
       c.value = G(v, i, m);
     }, Rt = () => {
       const { r: v, g: i, b: m } = Pe.value;
-      g.value = { r: v, g: i, b: m };
+      h.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, h.value = m.s, $.value = m.v, Ot(), Rt();
+        u.value = m.h, g.value = m.s, M.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, h.value = i.s, $.value = i.v, Ot(), Rt();
+        u.value = i.h, g.value = i.s, M.value = i.v, Ot(), Rt();
       }
     };
-    return Le([u, h, $, A], () => {
+    return Le([u, g, M, A], () => {
       Ot(), Rt(), ya(), ka();
       const v = He(at.value);
       v !== ye && (w.value ? (te && clearTimeout(te), te = setTimeout(() => {
@@ -2767,8 +2767,8 @@ const co = {
           e("div", {
             class: "ui-color-picker-cursor",
             style: Oe({
-              left: `${h.value * 100}%`,
-              top: `${(1 - $.value) * 100}%`,
+              left: `${g.value * 100}%`,
+              top: `${(1 - M.value) * 100}%`,
               backgroundColor: at.value
             })
           }, [...i[15] || (i[15] = [
@@ -2898,7 +2898,7 @@ const co = {
         }, null, 4)
       ], 544)) : I("", !0),
       e("div", Po, [
-        U.value === "hex" ? (a(), o("div", jo, [
+        D.value === "hex" ? (a(), o("div", jo, [
           e("div", Oo, [
             i[24] || (i[24] = e("label", { class: "ui-color-picker-label" }, "Hex", -1)),
             Xe(e("input", {
@@ -2928,11 +2928,11 @@ const co = {
               _: 1
             })
           ])
-        ])) : U.value === "rgb" ? (a(), o("div", Fo, [
+        ])) : D.value === "rgb" ? (a(), o("div", Fo, [
           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) => g.value.r = m),
+              "onUpdate:modelValue": i[1] || (i[1] = (m) => h.value.r = m),
               onInput: tt,
               class: "ui-color-picker-input",
               type: "number",
@@ -2941,7 +2941,7 @@ const co = {
             }, null, 544), [
               [
                 Je,
-                g.value.r,
+                h.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) => g.value.g = m),
+              "onUpdate:modelValue": i[2] || (i[2] = (m) => h.value.g = m),
               onInput: tt,
               class: "ui-color-picker-input",
               type: "number",
@@ -2959,7 +2959,7 @@ const co = {
             }, null, 544), [
               [
                 Je,
-                g.value.g,
+                h.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) => g.value.b = m),
+              "onUpdate:modelValue": i[3] || (i[3] = (m) => h.value.b = m),
               onInput: tt,
               class: "ui-color-picker-input",
               type: "number",
@@ -2977,7 +2977,7 @@ const co = {
             }, null, 544), [
               [
                 Je,
-                g.value.b,
+                h.value.b,
                 void 0,
                 { number: !0 }
               ]
@@ -2986,7 +2986,7 @@ const co = {
           l.showAlpha ? (a(), o("div", Go, [
             i[28] || (i[28] = e("label", { class: "ui-color-picker-label" }, "A", -1)),
             Xe(e("input", {
-              "onUpdate:modelValue": i[4] || (i[4] = (m) => H.value = m),
+              "onUpdate:modelValue": i[4] || (i[4] = (m) => E.value = m),
               onInput: jt,
               class: "ui-color-picker-input",
               type: "number",
@@ -2995,7 +2995,7 @@ const co = {
             }, null, 544), [
               [
                 Je,
-                H.value,
+                E.value,
                 void 0,
                 { number: !0 }
               ]
@@ -3016,7 +3016,7 @@ const co = {
               _: 1
             })
           ])
-        ])) : U.value === "hsl" ? (a(), o("div", Wo, [
+        ])) : D.value === "hsl" ? (a(), o("div", Wo, [
           e("div", Qo, [
             i[29] || (i[29] = e("label", { class: "ui-color-picker-label" }, "H", -1)),
             Xe(e("input", {
@@ -3074,7 +3074,7 @@ const co = {
           l.showAlpha ? (a(), o("div", e1, [
             i[32] || (i[32] = e("label", { class: "ui-color-picker-label" }, "A", -1)),
             Xe(e("input", {
-              "onUpdate:modelValue": i[8] || (i[8] = (m) => H.value = m),
+              "onUpdate:modelValue": i[8] || (i[8] = (m) => E.value = m),
               onInput: jt,
               class: "ui-color-picker-input",
               type: "number",
@@ -3083,7 +3083,7 @@ const co = {
             }, null, 544), [
               [
                 Je,
-                H.value,
+                E.value,
                 void 0,
                 { number: !0 }
               ]
@@ -3104,7 +3104,7 @@ const co = {
               _: 1
             })
           ])
-        ])) : U.value === "oklch" ? (a(), o("div", a1, [
+        ])) : D.value === "oklch" ? (a(), o("div", a1, [
           e("div", s1, [
             i[33] || (i[33] = e("label", { class: "ui-color-picker-label" }, "L", -1)),
             Xe(e("input", {
@@ -3162,7 +3162,7 @@ const co = {
           l.showAlpha ? (a(), o("div", n1, [
             i[36] || (i[36] = e("label", { class: "ui-color-picker-label" }, "A", -1)),
             Xe(e("input", {
-              "onUpdate:modelValue": i[12] || (i[12] = (m) => H.value = m),
+              "onUpdate:modelValue": i[12] || (i[12] = (m) => E.value = m),
               onInput: jt,
               class: "ui-color-picker-input",
               type: "number",
@@ -3171,7 +3171,7 @@ const co = {
             }, null, 544), [
               [
                 Je,
-                H.value,
+                E.value,
                 void 0,
                 { number: !0 }
               ]
@@ -3289,12 +3289,12 @@ const co = {
   },
   emits: ["update:modelValue"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = M(), V = M(), y = M(!1), k = D({
+    const t = s, l = r, z = $(), V = $(), y = $(!1), k = U({
       get: () => t.modelValue,
-      set: (g) => l("update:modelValue", g)
-    }), u = D(() => t.modelValue || "#000000"), {
-      floatingStyle: h,
-      updatePosition: $,
+      set: (h) => l("update:modelValue", h)
+    }), u = U(() => t.modelValue || "#000000"), {
+      floatingStyle: g,
+      updatePosition: M,
       cleanup: A
     } = Oa({
       trigger: z,
@@ -3311,14 +3311,14 @@ const co = {
         }
       }
     }), c = async () => {
-      t.disabled || (y.value = !y.value, y.value && (await yt(), $()));
+      t.disabled || (y.value = !y.value, y.value && (await yt(), M()));
     };
     return Le(
       [() => t.showContrast, () => t.compareColor],
       () => {
         y.value && yt(() => {
           setTimeout(() => {
-            $();
+            M();
           }, 50);
         });
       },
@@ -3328,13 +3328,13 @@ const co = {
       () => {
         y.value && t.showContrast && t.compareColor && yt(() => {
           setTimeout(() => {
-            $();
+            M();
           }, 100);
         });
       }
     ), xt(() => {
       A();
-    }), (g, H) => (a(), o("div", {
+    }), (h, E) => (a(), o("div", {
       ref_key: "containerRef",
       ref: z,
       class: "ui-color-picker-button-container"
@@ -3356,7 +3356,7 @@ const co = {
           d(n(_a))
         ]),
         default: x(() => [
-          H[2] || (H[2] = Q(" Color ", -1))
+          E[2] || (E[2] = Q(" Color ", -1))
         ]),
         _: 1
       }, 8, ["disabled"]),
@@ -3366,13 +3366,13 @@ const co = {
           ref_key: "popoverRef",
           ref: V,
           class: "ui-color-picker-popover",
-          style: Oe(n(h))
+          style: Oe(n(g))
         }, [
           d(Za, $a({
             modelValue: k.value,
-            "onUpdate:modelValue": H[0] || (H[0] = (U) => k.value = U)
+            "onUpdate:modelValue": E[0] || (E[0] = (D) => k.value = D)
           }, t, {
-            "onUpdate:modelValue": H[1] || (H[1] = (U) => g.$emit("update:modelValue", U))
+            "onUpdate:modelValue": E[1] || (E[1] = (D) => h.$emit("update:modelValue", D))
           }), null, 16, ["modelValue"])
         ], 4)) : I("", !0)
       ]))
@@ -3405,7 +3405,7 @@ const co = {
       }
       return "#EA00A8";
     }
-    const V = D({
+    const V = U({
       get: () => t.modelValue === "#EA00A8" ? z() : t.modelValue,
       set: (y) => {
         l("update:modelValue", y), l("change", y);
@@ -3458,22 +3458,22 @@ const co = {
   },
   emits: ["rowClick", "rowSelect", "sort", "columnReorder", "cellUpdate"],
   setup(s, { expose: r, emit: t }) {
-    const l = s, z = t, V = ga(), y = M(null), k = M([...l.data]), u = M([...l.columns]);
+    const l = s, z = t, V = ga(), y = $(null), k = $([...l.data]), u = $([...l.columns]);
     Le(() => l.data, (G) => {
       k.value = [...G];
     }, { deep: !0 }), Le(() => l.columns, (G) => {
       u.value = [...G];
     }, { deep: !0 });
-    const h = () => {
+    const g = () => {
       k.value = [...l.data], p.value.clear(), L.value.clear();
-    }, $ = () => {
+    }, M = () => {
       u.value = [...l.columns];
-    }, A = M(""), c = M("asc"), g = M({}), H = M({}), U = 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 = D(() => {
+    }, 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(() => {
       const G = {
         "--_cols": l.columns.length.toString()
       };
       return l.maxHeight && (G.maxHeight = typeof l.maxHeight == "number" || !l.maxHeight.endsWith("px") ? `${l.maxHeight}px` : l.maxHeight), l.maxWidth && (G.maxWidth = typeof l.maxWidth == "number" || !l.maxWidth.endsWith("px") ? `${l.maxWidth}px` : l.maxWidth), G;
-    }), T = D(() => ({
+    }), T = U(() => ({
       gridColumn: `1 / ${l.columns.length + 1}`
     })), te = (G) => w.value ? G === O.value ? {
       transform: `translateX(${Z.value - q.value}px)`,
@@ -3487,9 +3487,9 @@ const co = {
     } : {} : {}, ue = (G) => !w.value || G !== O.value ? {} : {
       opacity: "0.8",
       zIndex: 10
-    }, ye = D(() => {
+    }, ye = U(() => {
       let G = [...k.value];
-      if (l.filterable && Object.keys(g.value).length > 0 && (G = G.filter((he) => Object.entries(g.value).every(([X, fe]) => {
+      if (l.filterable && Object.keys(h.value).length > 0 && (G = G.filter((he) => Object.entries(h.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());
@@ -3500,9 +3500,9 @@ const co = {
           return pe < He ? c.value === "asc" ? -1 : 1 : pe > He ? c.value === "asc" ? 1 : -1 : 0;
         });
       }
-      if (U.value && l.groupable) {
-        const he = l.columns.find((fe) => fe.key === U.value), X = G.reduce((fe, pe) => {
-          const He = Me(pe, U.value, he), Ne = String(He || "Ungrouped");
+      if (D.value && l.groupable) {
+        const he = l.columns.find((fe) => fe.key === D.value), X = G.reduce((fe, pe) => {
+          const He = Me(pe, D.value, he), Ne = String(He || "Ungrouped");
           return fe[Ne] || (fe[Ne] = []), fe[Ne].push(pe), fe;
         }, {});
         return Object.entries(X).flatMap(([fe, pe]) => [
@@ -3527,7 +3527,7 @@ const co = {
     }, Ae = (G) => {
       const he = l.columns.find((X) => X.key === G);
       !l.sortable && !he?.sortable || (A.value === G ? c.value = c.value === "asc" ? "desc" : "asc" : (A.value = G, c.value = "asc"), z("sort", G, c.value));
-    }, Se = D(() => l.stickyColumns || []), xe = D(() => l.columns.some((G) => V[`footer-${G.key}`])), ne = (G, he) => {
+    }, Se = U(() => l.stickyColumns || []), xe = U(() => l.columns.some((G) => V[`footer-${G.key}`])), ne = (G, he) => {
       const X = V[`cell-${G.key}`] || G.key === "actions" || V.actions;
       return G.key === "actions" && X;
     }, j = (G) => {
@@ -3539,9 +3539,9 @@ const co = {
         fe != null && he.add(String(fe));
       }), Array.from(he).sort().map((X) => ({ label: X, value: X }));
     }, K = (G) => {
-      H.value[G] = !H.value[G];
+      E.value[G] = !E.value[G];
     }, ie = (G) => {
-      U.value = U.value === G ? "" : G;
+      D.value = D.value === G ? "" : G;
     }, ae = (G, he) => {
       G._isGroupHeader || (l.expandable && (C.value.has(he) ? C.value.delete(he) : C.value.add(he)), l.selectable && (N.value.has(he) ? N.value.delete(he) : N.value.add(he), z("rowSelect", N.value)), z("rowClick", G, he));
     }, W = (G, he, X, fe) => {
@@ -3596,8 +3596,8 @@ const co = {
     r({
       internalData: k,
       internalColumns: u,
-      restoreData: h,
-      restoreColumns: $,
+      restoreData: g,
+      restoreColumns: M,
       modifiedCells: p,
       cellValues: L
     });
@@ -3685,23 +3685,23 @@ 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": g.value[X.key] }])
+                  class: be(["ui-table-filter-btn", { "ui-table-filter-btn--active": h.value[X.key] }])
                 }, [
                   d(n(ds), { size: 14 })
                 ], 10, _1)) : I("", !0),
                 s.groupable || X.groupable ? (a(), o("button", {
                   key: 1,
                   onClick: (pe) => ie(X.key),
-                  class: be(["ui-table-group-btn", { "ui-table-group-btn--active": U.value === X.key }])
+                  class: be(["ui-table-group-btn", { "ui-table-group-btn--active": D.value === X.key }])
                 }, [
                   d(n(Ha), { size: 14 })
                 ], 10, T1)) : I("", !0)
               ])
             ]),
-            H.value[X.key] ? (a(), o("div", z1, [
+            E.value[X.key] ? (a(), o("div", z1, [
               d(Ze, {
-                modelValue: g.value[X.key],
-                "onUpdate:modelValue": (pe) => g.value[X.key] = pe,
+                modelValue: h.value[X.key],
+                "onUpdate:modelValue": (pe) => h.value[X.key] = pe,
                 type: X.filterType,
                 options: X.filterType === "select" ? j(X) : void 0,
                 placeholder: `Filter ${X.label}...`,
@@ -3891,10 +3891,10 @@ const co = {
     borderColor: { default: "transparent" }
   },
   setup(s) {
-    const r = s, t = ga(), l = D(() => !!t.default), z = D(() => !!t.header), V = D(() => !!t.navigation), y = D(() => r.sticky ? r.sticky === !0 ? { side: "top", offset: "0" } : {
+    const r = s, t = ga(), l = U(() => !!t.default), z = U(() => !!t.header), V = U(() => !!t.navigation), y = U(() => r.sticky ? r.sticky === !0 ? { side: "top", offset: "0" } : {
       side: r.sticky.side || "top",
       offset: r.sticky.offset || "0"
-    } : null), k = D(() => {
+    } : null), k = U(() => {
       if (!y.value) return {};
       const { side: A, offset: c } = y.value;
       return {
@@ -3902,16 +3902,16 @@ const co = {
         [A]: c,
         zIndex: 20
       };
-    }), u = D(() => {
+    }), u = U(() => {
       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 g = c.sort((H, U) => H.position - U.position).map((H) => `${H.color} ${H.position}%`).join(", ");
-      return `linear-gradient(${A}, ${g})`;
-    }), h = D(() => {
+      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 A = {};
       return u.value && (A["--hero-custom-background"] = u.value), A;
-    }), $ = D(() => {
+    }), M = 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($.value)
+      style: Oe(M.value)
     }, [
       e("div", {
         class: be(["ui-hero", [
@@ -3930,7 +3930,7 @@ const co = {
             "ui-hero--sticky": !!s.sticky
           }
         ]]),
-        style: Oe(h.value)
+        style: Oe(g.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 = M("system"), Ma = M(!1), Ta = "strands-ui-theme";
+}), _c = /* @__PURE__ */ De(Q1, [["__scopeId", "data-v-00e0d581"]]), At = $("system"), Ma = $(!1), Ta = "strands-ui-theme";
 function X1() {
   return typeof window > "u" ? !1 : window.matchMedia("(prefers-color-scheme: dark)").matches;
 }
@@ -3981,7 +3981,7 @@ function Na(s) {
   typeof document > "u" || (s ? (document.documentElement.setAttribute("data-theme", "dark"), document.documentElement.classList.add("dark")) : (document.documentElement.setAttribute("data-theme", "light"), document.documentElement.classList.remove("dark")));
 }
 function tl() {
-  const s = D(() => At.value === "dark" ? !0 : At.value === "light" ? !1 : Ma.value), r = D(() => {
+  const s = U(() => At.value === "dark" ? !0 : At.value === "light" ? !1 : Ma.value), r = U(() => {
     switch (At.value) {
       case "light":
         return "Light";
@@ -4019,20 +4019,20 @@ function tl() {
   function V() {
     if (typeof window > "u") return;
     Ma.value = X1();
-    const y = window.matchMedia("(prefers-color-scheme: dark)"), k = (h) => {
-      Ma.value = h.matches;
+    const y = window.matchMedia("(prefers-color-scheme: dark)"), k = (g) => {
+      Ma.value = g.matches;
     };
     y.addEventListener ? y.addEventListener("change", k) : y.addListener(k);
     const u = J1();
-    At.value = u, Na(s.value), Le(s, (h) => {
-      Na(h);
+    At.value = u, Na(s.value), Le(s, (g) => {
+      Na(g);
     }, { immediate: !1 });
   }
   return We(() => {
     V();
   }), {
     // State
-    currentTheme: D(() => At.value),
+    currentTheme: U(() => At.value),
     isDark: s,
     themeLabel: r,
     // Actions
@@ -4053,7 +4053,7 @@ function al() {
   return pa || (pa = tl(), typeof window < "u" && (localStorage.getItem(Ta) === null && (At.value = "system"), pa.initialize())), pa;
 }
 function sl(s = "auto") {
-  const r = ma("themeProvider", null), t = ma("uiApp", null), l = D(() => r?.isForced.value ? r.theme.value : t?.theme.value ? t.theme.value : s), z = D(() => r?.isForced.value ?? !1), V = D(() => l.value === "auto" ? typeof window < "u" ? window.matchMedia("(prefers-color-scheme: dark)").matches : !1 : l.value === "dark"), y = D(() => l.value === "auto" ? typeof window < "u" ? !window.matchMedia("(prefers-color-scheme: dark)").matches : !0 : l.value === "light"), k = D(() => ({
+  const r = ma("themeProvider", null), t = ma("uiApp", null), l = U(() => r?.isForced.value ? r.theme.value : t?.theme.value ? t.theme.value : s), z = U(() => r?.isForced.value ?? !1), V = U(() => l.value === "auto" ? typeof window < "u" ? window.matchMedia("(prefers-color-scheme: dark)").matches : !1 : l.value === "dark"), y = U(() => l.value === "auto" ? typeof window < "u" ? !window.matchMedia("(prefers-color-scheme: dark)").matches : !0 : l.value === "light"), k = U(() => ({
     "ui-theme--light": y.value,
     "ui-theme--dark": V.value,
     "ui-theme--forced": z.value
@@ -4086,21 +4086,21 @@ 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 = D(() => t.value), h = M(!1), $ = {
+    const r = s, { isForced: t } = sl(), { currentTheme: l, themeLabel: z, setTheme: V, cycleTheme: y, themeOptions: k } = al(), u = U(() => t.value), g = $(!1), M = {
       sun: ms,
       moon: ps,
       monitor: Ea,
       "chevron-up": qa,
       "chevron-down": _a
-    }, A = (C) => $[C] || Ea, c = D(() => l.value === "dark" ? "moon" : l.value === "light" ? "sun" : "monitor"), g = D(() => l.value === "dark" ? "Light" : l.value === "light" ? "System" : "Dark"), H = () => {
+    }, 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 = () => {
       r.variant === "button" && y();
-    }, U = (C) => {
-      C.target.closest(".ui-theme-toggle-dropdown") || (h.value = !1);
+    }, D = (C) => {
+      C.target.closest(".ui-theme-toggle-dropdown") || (g.value = !1);
     };
     return We(() => {
-      document.addEventListener("click", U);
+      document.addEventListener("click", D);
     }), xt(() => {
-      document.removeEventListener("click", U);
+      document.removeEventListener("click", D);
     }), (C, N) => (a(), o("div", {
       class: be(["ui-theme-toggle", { "ui-theme-toggle--full-width": s.fullWidth }])
     }, [
@@ -4111,8 +4111,8 @@ const ol = {
         variant: "ghost",
         size: s.size,
         disabled: u.value,
-        onClick: N[0] || (N[0] = (p) => u.value ? null : H),
-        title: u.value ? "Theme is locked by app settings" : `Switch to ${g.value.toLowerCase()} theme`,
+        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`,
         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 : h.value = !h.value),
+          onClick: N[1] || (N[1] = (p) => u.value ? null : g.value = !g.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(h.value ? "chevron-up" : "chevron-down"))))
+            (a(), Ce(ot(A(g.value ? "chevron-up" : "chevron-down"))))
           ]),
           default: x(() => [
             Q(" " + R(n(z)) + R(u.value ? " (Locked)" : "") + " ", 1)
           ]),
           _: 1
         }, 8, ["size", "disabled", "class", "title"]),
-        h.value ? (a(), o("div", {
+        g.value ? (a(), o("div", {
           key: 0,
           class: "ui-theme-toggle-menu",
-          onClick: N[2] || (N[2] = (p) => h.value = !1)
+          onClick: N[2] || (N[2] = (p) => g.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 = M(), V = M(!1), y = M(0), k = M(null), u = M(0), h = D(() => t.modelValue !== void 0 ? Number(t.modelValue) : t.value !== void 0 ? Number(t.value) : u.value);
+    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);
     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 $ = D(() => {
-      const S = t.max - t.min, w = (h.value - t.min) / S * 100;
+    const M = U(() => {
+      const S = t.max - t.min, w = (g.value - t.min) / S * 100;
       return Math.max(0, Math.min(100, w));
-    }), A = D(() => h.value?.toFixed(t.step < 1 ? 1 : 0) || "0"), c = D(() => `slider-size-${t.size}`), g = D(() => t.color ? `slider-color-${t.color}` : ""), H = D(() => {
+    }), 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(() => {
       if (!t.showTicks) return [];
       const S = [], w = t.max - t.min, q = w / (t.tickCount - 1);
       for (let Z = 0; Z < t.tickCount; Z++) {
@@ -4295,7 +4295,7 @@ const ol = {
         });
       }
       return S;
-    }), U = (S) => {
+    }), D = (S) => {
       const w = S.target, q = parseFloat(w.value);
       y.value++, y.value > 1 && (V.value = !0, k.value && clearTimeout(k.value), k.value = setTimeout(() => {
         V.value = !1, y.value = 0;
@@ -4315,7 +4315,7 @@ const ol = {
     return (S, w) => (a(), o("div", {
       class: be(["slider-wrapper", [
         c.value,
-        g.value,
+        h.value,
         {
           "slider-disabled": s.disabled,
           "slider-dragging": V.value
@@ -4343,14 +4343,14 @@ const ol = {
             ref_key: "sliderRef",
             ref: z,
             type: "range",
-            value: h.value,
+            value: g.value,
             min: s.min,
             max: s.max,
             step: s.step,
             disabled: s.disabled,
             required: s.required,
             class: "slider-input",
-            onInput: U,
+            onInput: D,
             onChange: C,
             onFocus: N,
             onBlur: p,
@@ -4362,18 +4362,18 @@ const ol = {
           e("div", hl, [
             e("div", {
               class: "slider-progress",
-              style: Oe({ width: $.value + "%" })
+              style: Oe({ width: M.value + "%" })
             }, null, 4)
           ]),
           e("div", {
             class: "slider-thumb",
-            style: Oe({ left: $.value + "%" })
+            style: Oe({ left: M.value + "%" })
           }, null, 4)
         ]),
         s.showMinMax ? (a(), o("div", gl, R(s.max) + R(s.unit), 1)) : I("", !0)
       ], 2),
       s.showTicks ? (a(), o("div", Cl, [
-        (a(!0), o(Ue, null, Ke(H.value, (q) => (a(), o("div", {
+        (a(!0), o(Ue, null, Ke(E.value, (q) => (a(), o("div", {
           key: q.value,
           class: "slider-tick",
           style: Oe({ left: q.position + "%" })
@@ -4429,17 +4429,17 @@ const ol = {
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = D(() => `radio-group-size-${t.size}`), V = D(() => 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;
+    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;
       l("update:modelValue", c), l("change", c);
-    }, u = ($) => {
-      l("focus", $);
-    }, h = ($) => {
-      l("blur", $);
+    }, u = (M) => {
+      l("focus", M);
+    }, g = (M) => {
+      l("blur", M);
     };
-    return ($, A) => (a(), o("div", {
+    return (M, 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: (g) => y(c)
+          onClick: (h) => y(c)
         }, [
           e("input", {
             id: `${s.fieldId}-${c.value}`,
@@ -4478,7 +4478,7 @@ const ol = {
             class: "radio-input",
             onChange: k,
             onFocus: u,
-            onBlur: h
+            onBlur: g
           }, null, 40, _l),
           A[0] || (A[0] = e("div", { class: "radio-button" }, [
             e("div", { class: "radio-button-inner" })
@@ -4567,19 +4567,19 @@ const ol = {
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = D(() => `checkbox-group-size-${t.size}`), V = D(() => t.orientation === "horizontal" ? "checkbox-options-horizontal" : "checkbox-options-vertical"), y = D(() => {
+    const t = s, l = r, z = U(() => `checkbox-group-size-${t.size}`), V = U(() => t.orientation === "horizontal" ? "checkbox-options-horizontal" : "checkbox-options-vertical"), y = U(() => {
       const C = t.options.filter((N) => !N.disabled);
       return C.length > 0 && C.every(
         (N) => t.modelValue.includes(N.value)
       );
-    }), k = D(() => 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) => {
+    }), 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) => {
       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 || g();
-    }, g = () => {
+      t.disabled || h();
+    }, h = () => {
       const C = t.options.filter((N) => !N.disabled);
       if (y.value) {
         const N = t.modelValue.filter(
@@ -4590,9 +4590,9 @@ const ol = {
         const N = C.map((L) => L.value), p = [.../* @__PURE__ */ new Set([...t.modelValue, ...N])];
         l("update:modelValue", p), l("change", p);
       }
-    }, H = (C) => {
+    }, E = (C) => {
       l("focus", C);
-    }, U = (C) => {
+    }, D = (C) => {
       l("blur", C);
     };
     return (C, N) => (a(), o("div", {
@@ -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": h(p.value)
+              "checkbox-option-indeterminate": g(p.value)
             }
           ]]),
-          onClick: (L) => $(p)
+          onClick: (L) => M(p)
         }, [
           e("input", {
             id: `${s.fieldId}-${p.value}`,
@@ -4632,11 +4632,11 @@ const ol = {
             checked: u(p.value),
             disabled: s.disabled || p.disabled,
             required: s.required && s.modelValue.length === 0,
-            indeterminate: h(p.value),
+            indeterminate: g(p.value),
             class: "checkbox-input",
             onChange: (L) => A(p),
-            onFocus: H,
-            onBlur: U
+            onFocus: E,
+            onBlur: D
           }, null, 40, jl),
           e("div", Ol, [
             u(p.value) ? (a(), o("svg", Rl, [...N[0] || (N[0] = [
@@ -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)
-            ])])) : h(p.value) ? (a(), o("svg", Fl, [...N[1] || (N[1] = [
+            ])])) : g(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: g
+            onChange: h
           }, null, 40, Wl),
           e("div", Ql, [
             y.value ? (a(), o("svg", Xl, [...N[2] || (N[2] = [
@@ -4733,7 +4733,7 @@ const ol = {
   },
   emits: ["remove"],
   setup(s, { emit: r }) {
-    const t = s, l = D(() => [
+    const t = s, l = U(() => [
       "ui-pill",
       `ui-pill-${t.variant}`,
       `ui-pill-${t.size}`,
@@ -4742,7 +4742,7 @@ const ol = {
       t.iconOnly ? "ui-pill-icon-only" : "",
       t.removable ? "ui-pill-removable" : "",
       t.disabled ? "ui-pill-disabled" : ""
-    ].filter(Boolean).join(" ")), z = D(() => ({}));
+    ].filter(Boolean).join(" ")), z = U(() => ({}));
     return (V, y) => (a(), o("div", ln, [
       s.variant === "dot-only" ? (a(), Ce(Yt, {
         key: 0,
@@ -4796,7 +4796,7 @@ const ol = {
     config: {}
   },
   setup(s) {
-    const r = s, { config: t } = pt(r.config), l = D(() => t.value.baseUrl !== "https://accounts.strands.gg"), z = ga(), V = D(() => vn("default", z));
+    const r = s, { config: t } = pt(r.config), l = U(() => t.value.baseUrl !== "https://accounts.strands.gg"), z = ga(), V = U(() => vn("default", z));
     return (y, k) => (a(), o("div", fn, [
       l.value ? (a(), o("div", {
         key: 0,
@@ -4815,9 +4815,9 @@ const ol = {
       ], 2)) : I("", !0)
     ]));
   }
-}), Et = /* @__PURE__ */ De(gn, [["__scopeId", "data-v-fe426315"]]), fa = M([]), Ba = M(!1), Qe = M(!1);
+}), Et = /* @__PURE__ */ De(gn, [["__scopeId", "data-v-fe426315"]]), fa = $([]), Ba = $(!1), Qe = $(!1);
 function Tt() {
-  const { getUrl: s } = pt(), { currentSession: r } = ft(), t = D(() => fa.value.length > 0), l = D(
+  const { getUrl: s } = pt(), { currentSession: r } = ft(), t = U(() => fa.value.length > 0), l = U(
     () => fa.value.filter(
       (C) => C.is_active && C.device_type !== "hardware" && C.device_type !== "passkey"
     )
@@ -4888,7 +4888,7 @@ function Tt() {
     } finally {
       Qe.value = !1;
     }
-  }, h = async (C) => {
+  }, g = async (C) => {
     Qe.value = !0;
     try {
       await z(s("mfaEmailSend"), {
@@ -4898,7 +4898,7 @@ function Tt() {
     } finally {
       Qe.value = !1;
     }
-  }, $ = async (C, N) => {
+  }, M = async (C, N) => {
     Qe.value = !0;
     try {
       return (await z(s("mfaEmailVerify"), {
@@ -4931,7 +4931,7 @@ function Tt() {
     } finally {
       Qe.value = !1;
     }
-  }, g = (C) => {
+  }, h = (C) => {
     switch (C) {
       case "totp":
         return "📱";
@@ -4948,7 +4948,7 @@ function Tt() {
       default:
         return "🔒";
     }
-  }, H = (C) => {
+  }, E = (C) => {
     switch (C) {
       case "totp":
         return "Authenticator App";
@@ -4961,16 +4961,16 @@ function Tt() {
       default:
         return "Unknown";
     }
-  }, U = (C) => {
+  }, D = (C) => {
     if (!C) return "Never";
     const N = new Date(C), L = (/* @__PURE__ */ new Date()).getTime() - N.getTime(), O = Math.floor(L / (1e3 * 60 * 60 * 24));
     return O === 0 ? "Today" : O === 1 ? "Yesterday" : O < 30 ? `${O} days ago` : N.toLocaleDateString();
   };
   return {
     // State
-    mfaDevices: D(() => fa.value),
-    mfaEnabled: D(() => Ba.value),
-    loading: D(() => Qe.value),
+    mfaDevices: U(() => fa.value),
+    mfaEnabled: U(() => Ba.value),
+    loading: U(() => Qe.value),
     hasMfaDevices: t,
     activeMfaDevices: l,
     // Methods
@@ -4978,14 +4978,14 @@ function Tt() {
     setupTotp: y,
     verifyTotpSetup: k,
     setupEmailMfa: u,
-    sendEmailMfaCode: h,
-    verifyEmailMfaCode: $,
+    sendEmailMfaCode: g,
+    verifyEmailMfaCode: M,
     disableMfaDevice: A,
     regenerateBackupCodes: c,
     // Helper methods
-    getDeviceTypeIcon: g,
-    getDeviceTypeName: H,
-    formatLastUsed: U
+    getDeviceTypeIcon: h,
+    getDeviceTypeName: E,
+    formatLastUsed: D
   };
 }
 const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-content" }, kn = {
@@ -5119,26 +5119,26 @@ const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-c
           oe("path", { d: "m12 17 .01 0" })
         ]);
       }
-    }, u = s, h = r, {
-      loading: $,
+    }, u = s, g = r, {
+      loading: M,
       getDeviceTypeName: A
     } = Tt(), {
       verifyMfa: c,
-      sendMfaEmailCode: g,
-      getMfaWebAuthnChallenge: H,
-      mfaSessionId: U,
+      sendMfaEmailCode: h,
+      getMfaWebAuthnChallenge: E,
+      mfaSessionId: D,
       loading: C,
       loadingMessage: N,
       isSendingMfaEmail: p,
       isVerifyingMfa: L
-    } = ft(), O = D(() => $.value || C.value), S = D({
+    } = ft(), O = U(() => M.value || C.value), S = U({
       get: () => u.show,
       set: ($e) => {
-        $e || h("close");
+        $e || g("close");
       }
-    }), w = M(null), q = M(""), Z = M(""), b = M(""), T = M(""), te = M(!1), ue = M(!1), ye = M(!1), Me = M(0);
+    }), w = $(null), q = $(""), Z = $(""), b = $(""), T = $(""), te = $(!1), ue = $(!1), ye = $(!1), Me = $(0);
     let Ae = null;
-    const Se = D(() => (u.availableMfaMethods || []).filter(
+    const Se = U(() => (u.availableMfaMethods || []).filter(
       (re) => re.device_type !== "hardware" && re.device_type !== "passkey"
     ));
     Le(() => Se.value, ($e) => {
@@ -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 g(w.value.id), ue.value = !0, W();
+          await h(w.value.id), ue.value = !0, W();
         } catch (re) {
-          h("error", re instanceof Error ? re.message : "Failed to send email code");
+          g("error", re instanceof Error ? re.message : "Failed to send email code");
         }
       }, 100))) : w.value = null;
     }), Fa(() => {
       Ae && clearInterval(Ae);
     });
     const xe = () => {
-      h("close");
+      g("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 g(w.value.id), ue.value = !0, W();
+          await h(w.value.id), ue.value = !0, W();
         } catch ($e) {
-          h("error", $e instanceof Error ? $e.message : "Failed to send email code");
+          g("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), h("success");
+          await c(w.value.id, q.value), g("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), h("success");
+          await c("", b.value, !0), g("success");
         } catch ($e) {
           T.value = $e instanceof Error ? $e.message : "Invalid backup code";
         }
@@ -5218,15 +5218,15 @@ const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-c
           return V;
       }
     }, Ee = async () => {
-      const $e = u.sessionId || U.value;
+      const $e = u.sessionId || D.value;
       if (!w.value || w.value.device_type !== "hardware" && w.value.device_type !== "passkey" || !$e) {
-        h("error", "Missing requirements for hardware key authentication");
+        g("error", "Missing requirements for hardware key authentication");
         return;
       }
       try {
         if (!window.navigator.credentials || !window.PublicKeyCredential)
           throw new Error("Hardware keys are not supported in this browser");
-        const re = await H(w.value.id), ve = re.challenge.publicKey || re.challenge, Ie = (Ne) => {
+        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);
@@ -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)), h("success");
+        await c(w.value.id, JSON.stringify(He)), g("success");
       } catch (re) {
-        h("error", re instanceof Error ? re.message : "Hardware key authentication failed");
+        g("error", re instanceof Error ? re.message : "Hardware key authentication failed");
       }
     };
     return ($e, re) => (a(), o("div", Cn, [
@@ -5562,22 +5562,22 @@ 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 = M([]), z = M(!1), V = M(null), y = D(
+  const { getUrl: r, config: t } = pt(), l = $([]), z = $(!1), V = $(null), y = U(
     () => l.value.filter((c) => c.enabled)
   ), k = async () => {
-    const c = JSON.stringify(s), g = Pa.get(c);
-    if (g && Date.now() - g.timestamp < ti)
-      return l.value = g.data, g.data;
+    const c = JSON.stringify(s), h = Pa.get(c);
+    if (h && Date.now() - h.timestamp < ti)
+      return l.value = h.data, h.data;
     z.value = !0, V.value = null;
     try {
-      let H = r("oauthProviders");
-      const U = s.redirectUrl || t.value?.oauth2RedirectUrl;
-      if (U) {
+      let E = r("oauthProviders");
+      const D = s.redirectUrl || t.value?.oauth2RedirectUrl;
+      if (D) {
         const p = new URLSearchParams();
-        let L = U;
-        U.startsWith("/") && (L = `${window.location.origin}${U}`), p.append("redirect_url", L), H = `${H}?${p.toString()}`;
+        let L = D;
+        D.startsWith("/") && (L = `${window.location.origin}${D}`), p.append("redirect_url", L), E = `${E}?${p.toString()}`;
       }
-      const C = await fetch(H, {
+      const C = await fetch(E, {
         method: "GET",
         headers: {
           "Content-Type": "application/json"
@@ -5592,20 +5592,20 @@ function za(s = {}) {
         data: l.value,
         timestamp: Date.now()
       });
-    } catch (H) {
-      const U = H instanceof Error ? H.message : "Failed to fetch OAuth providers";
-      V.value = U;
+    } catch (E) {
+      const D = E instanceof Error ? E.message : "Failed to fetch OAuth providers";
+      V.value = D;
     } finally {
       z.value = !1;
     }
-  }, u = async (c, g) => {
-    const H = { ...s, ...g }, U = new URLSearchParams();
-    if (H.redirectUrl) {
-      let L = H.redirectUrl;
-      H.redirectUrl.startsWith("/") && (L = `${window.location.origin}${H.redirectUrl}`), U.append("redirect_url", L);
+  }, u = async (c, h) => {
+    const E = { ...s, ...h }, D = new URLSearchParams();
+    if (E.redirectUrl) {
+      let L = E.redirectUrl;
+      E.redirectUrl.startsWith("/") && (L = `${window.location.origin}${E.redirectUrl}`), D.append("redirect_url", L);
     }
-    H.scopes && H.scopes.length > 0 && U.append("scopes", H.scopes.join(","));
-    const C = U.toString(), N = r("oauthProvider").replace("{provider_id}", c), p = C ? `${N}?${C}` : N;
+    E.scopes && E.scopes.length > 0 && D.append("scopes", E.scopes.join(","));
+    const C = D.toString(), N = r("oauthProvider").replace("{provider_id}", c), p = C ? `${N}?${C}` : N;
     try {
       const L = await fetch(p, {
         method: "GET",
@@ -5625,18 +5625,18 @@ function za(s = {}) {
       const O = L instanceof Error ? L.message : "Failed to get OAuth auth URL";
       throw new Error(O);
     }
-  }, h = async (c, g) => {
+  }, g = async (c, h) => {
     try {
-      const H = l.value.find((U) => U.id === c);
-      if (!H)
+      const E = l.value.find((D) => D.id === c);
+      if (!E)
         throw new Error(`OAuth provider '${c}' not found`);
-      if (!H.auth_url)
+      if (!E.auth_url)
         throw new Error(`No auth URL configured for provider '${c}'`);
-      window.location.href = H.auth_url;
-    } catch (H) {
-      throw V.value = H instanceof Error ? H.message : "Failed to redirect to OAuth provider", H;
+      window.location.href = E.auth_url;
+    } catch (E) {
+      throw V.value = E instanceof Error ? E.message : "Failed to redirect to OAuth provider", E;
     }
-  }, $ = (c) => l.value.find((g) => g.id === c), A = (c) => {
+  }, M = (c) => l.value.find((h) => h.id === c), A = (c) => {
     if (c.iconUrl)
       return c.iconUrl;
     switch (c.id.toLowerCase()) {
@@ -5654,14 +5654,14 @@ function za(s = {}) {
     }
   };
   return {
-    providers: D(() => l.value),
+    providers: U(() => l.value),
     enabledProviders: y,
-    loading: D(() => z.value),
-    error: D(() => V.value),
+    loading: U(() => z.value),
+    error: U(() => V.value),
     fetchProviders: k,
     getProviderAuthUrl: u,
-    redirectToProvider: h,
-    getProviderById: $,
+    redirectToProvider: g,
+    getProviderById: M,
     getProviderIcon: A
   };
 }
@@ -5816,22 +5816,22 @@ const ai = {
     const t = s, l = r, { getUrl: z, getSupportEmail: V, config: y } = pt(t.config), {
       signIn: k,
       mfaRequired: u,
-      availableMfaMethods: h,
-      currentUser: $,
+      availableMfaMethods: g,
+      currentUser: M,
       loadingMessage: A
     } = ft(), {
       enabledProviders: c,
-      loading: g,
-      fetchProviders: H,
-      redirectToProvider: U
+      loading: h,
+      fetchProviders: E,
+      redirectToProvider: D
     } = za({
       redirectUrl: t.redirectUrl
     });
     We(() => {
-      H().catch((ae) => {
+      E().catch((ae) => {
       });
     });
-    const C = D(() => c.value), N = {
+    const C = U(() => c.value), N = {
       async signIn(ae, W) {
         const le = await fetch(z("signIn"), {
           method: "POST",
@@ -5861,20 +5861,20 @@ const ai = {
       async requestPasswordReset(ae) {
         throw new Error("Password reset functionality is not yet implemented in the API. Please contact support.");
       }
-    }, p = M(t.mode), L = M(!1), O = M(""), S = M(!1), w = M(!1), q = Ye({
+    }, p = $(t.mode), L = $(!1), O = $(""), S = $(!1), w = $(!1), q = Ye({
       firstName: "",
       lastName: "",
       email: "",
       password: "",
       confirmPassword: ""
-    }), Z = D(() => p.value === "signup"), b = D(() => p.value === "reset-password");
-    D(() => q.password === q.confirmPassword);
-    const T = D(() => b.value ? q.email.trim() && !S.value : Z.value ? q.email.trim() : q.email.trim() && q.password);
+    }), Z = U(() => p.value === "signup"), b = U(() => p.value === "reset-password");
+    U(() => q.password === q.confirmPassword);
+    const T = U(() => b.value ? q.email.trim() && !S.value : Z.value ? q.email.trim() : q.email.trim() && q.password);
     Le(u, (ae) => {
       ae && (w.value = !0);
     }, { immediate: !0 });
     const te = () => {
-      w.value = !1, l("success", $.value), y.value.onSignInUrl && typeof window < "u" && (window.location.href = y.value.onSignInUrl);
+      w.value = !1, l("success", M.value), y.value.onSignInUrl && typeof window < "u" && (window.location.href = y.value.onSignInUrl);
     }, ue = () => {
       w.value = !1;
     }, ye = (ae) => {
@@ -5907,7 +5907,7 @@ const ai = {
       }
     }, Ae = async (ae) => {
       try {
-        await U(ae, {
+        await D(ae, {
           redirectUrl: t.redirectUrl
         });
       } catch (W) {
@@ -6032,7 +6032,7 @@ const ai = {
                     key: le.id,
                     variant: "outline",
                     "full-width": "",
-                    disabled: n(g),
+                    disabled: n(h),
                     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(h),
+        "available-mfa-methods": n(g),
         onSuccess: te,
         onClose: ue,
         onError: ye
@@ -6326,12 +6326,12 @@ const ai = {
       mfaSessionId: y,
       availableMfaMethods: k,
       loading: u,
-      currentUser: h
+      currentUser: g
     } = ft(), {
-      enabledProviders: $,
+      enabledProviders: M,
       loading: A,
       fetchProviders: c,
-      redirectToProvider: g
+      redirectToProvider: h
     } = za({
       redirectUrl: t.redirectUrl,
       scopes: t.oauthScopes
@@ -6341,7 +6341,7 @@ const ai = {
         console.warn("Failed to fetch OAuth providers:", q);
       });
     });
-    const H = D(() => u.value), U = M(""), C = M(!1);
+    const E = U(() => u.value), D = $(""), C = $(!1);
     Le(V, (q) => {
       q && (C.value = !0);
     });
@@ -6349,7 +6349,7 @@ const ai = {
       email: "",
       password: ""
     }), p = async () => {
-      U.value = "";
+      D.value = "";
       try {
         const q = await z({
           email: N.email,
@@ -6362,25 +6362,25 @@ const ai = {
         }
       } catch (q) {
         const Z = q instanceof Error ? q.message : "Sign in failed";
-        U.value = Z, l("error", Z);
+        D.value = Z, l("error", Z);
       }
     }, L = () => {
-      C.value = !1, l("success", h.value);
+      C.value = !1, l("success", g.value);
       const { config: q } = pt(t.config);
       q.value.onSignInUrl && typeof window < "u" && (window.location.href = q.value.onSignInUrl);
     }, O = () => {
       C.value = !1;
     }, S = (q) => {
-      U.value = q, l("error", q);
+      D.value = q, l("error", q);
     }, w = async (q) => {
       try {
-        await g(q, {
+        await h(q, {
           redirectUrl: t.redirectUrl,
           scopes: t.oauthScopes
         });
       } catch (Z) {
         const b = Z instanceof Error ? Z.message : `Failed to sign in with ${q}`;
-        U.value = b, l("error", b);
+        D.value = b, l("error", b);
       }
     };
     return (q, Z) => (a(), o("div", Li, [
@@ -6399,8 +6399,8 @@ const ai = {
                 Q("to continue ")
               ])
             ], -1)),
-            n($)?.length ? (a(), o("div", Ni, [
-              (a(!0), o(Ue, null, Ke(n($), (b, T, te, ue) => {
+            n(M)?.length ? (a(), o("div", Ni, [
+              (a(!0), o(Ue, null, Ke(n(M), (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($)?.length ? (a(), o("div", qi, [...Z[7] || (Z[7] = [
+            n(M)?.length ? (a(), o("div", qi, [...Z[7] || (Z[7] = [
               e("span", { class: "divider-text" }, "Or sign in with email", -1)
             ])])) : I("", !0),
             e("form", {
@@ -6494,8 +6494,8 @@ const ai = {
                 type: "submit",
                 variant: "primary",
                 "full-width": "",
-                disabled: H.value || !N.email || !N.password,
-                loading: H.value,
+                disabled: E.value || !N.email || !N.password,
+                loading: E.value,
                 "loading-text": "Signing in...",
                 class: "accui-auth-submit"
               }, {
@@ -6505,13 +6505,13 @@ const ai = {
                 _: 1
               }, 8, ["disabled", "loading"])
             ], 32),
-            U.value ? (a(), Ce(n(Ht), {
+            D.value ? (a(), Ce(n(Ht), {
               key: 2,
               variant: "error",
-              message: U.value,
+              message: D.value,
               class: "accui-mt-4 accui-animate-fade-in",
               dismissible: "",
-              onDismiss: Z[4] || (Z[4] = (b) => U.value = "")
+              onDismiss: Z[4] || (Z[4] = (b) => D.value = "")
             }, null, 8, ["message"])) : I("", !0),
             e("div", Wi, [
               e("p", Qi, [
@@ -6594,7 +6594,7 @@ const ai = {
       enabledProviders: y,
       loading: k,
       fetchProviders: u,
-      redirectToProvider: h
+      redirectToProvider: g
     } = 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 = M(""), c = M(!1), g = M(""), H = M("Magic Link Sent!"), U = M(""), C = Ye({
+    const M = $(!1), A = $(""), c = $(!1), h = $(""), E = $("Magic Link Sent!"), D = $(""), C = Ye({
       email: ""
     });
-    D(() => C.email.trim() && C.email.includes("@"));
+    U(() => C.email.trim() && C.email.includes("@"));
     const N = async () => {
-      $.value = !0, A.value = "";
+      M.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, U.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") ? H.value = "Welcome Back!" : w.message.includes("Magic link sent") || w.message.includes("Check your email") ? H.value = "Magic Link Sent!" : H.value = "Success!"), l("success", {
+        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", {
           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 {
-        $.value = !1;
+        M.value = !1;
       }
     }, p = () => {
-      c.value = !1, g.value = "", H.value = "Magic Link Sent!", U.value = "", C.email = "", A.value = "";
+      c.value = !1, h.value = "", E.value = "Magic Link Sent!", D.value = "", C.email = "", A.value = "";
     }, L = async (O) => {
       try {
-        await h(O, {
+        await g(O, {
           redirectUrl: t.redirectUrl,
           scopes: t.oauthScopes
         });
@@ -6671,10 +6671,10 @@ const ai = {
           e("div", sr, [
             e("div", or, [
               S[4] || (S[4] = e("div", { class: "signup-success-icon" }, "📧", -1)),
-              e("h1", lr, R(H.value), 1),
-              e("p", nr, R(g.value), 1),
-              U.value ? (a(), o("div", ir, [
-                e("strong", null, R(U.value), 1)
+              e("h1", lr, R(E.value), 1),
+              e("p", nr, R(h.value), 1),
+              D.value ? (a(), o("div", ir, [
+                e("strong", null, R(D.value), 1)
               ])) : I("", !0),
               S[5] || (S[5] = e("p", { class: "signup-success-instructions" }, " Click the link in your email to complete your account setup. The link will expire in 24 hours. ", -1)),
               d(n(ce), {
@@ -6786,8 +6786,8 @@ const ai = {
                 type: "submit",
                 variant: "primary",
                 "full-width": "",
-                disabled: $.value || !C.email,
-                loading: $.value,
+                disabled: M.value || !C.email,
+                loading: M.value,
                 "loading-text": "Sending magic link...",
                 class: "accui-auth-submit"
               }, {
@@ -6876,25 +6876,25 @@ 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 = M(!1), u = M(!1), h = M(!1), $ = M(""), A = M(""), c = Ye({
+    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({
       firstName: "",
       lastName: "",
       password: ""
-    }), g = Ye({
+    }), h = Ye({
       firstName: "",
       lastName: "",
       password: ""
-    }), H = D(() => {
+    }), E = U(() => {
       const p = c.password.trim(), L = c.password.length >= 8, O = !!t.token;
       return p && L && O;
     });
     Le(
       () => c.password,
       (p) => {
-        p && p.length < 8 ? g.password = "Password must be at least 8 characters long" : g.password = "";
+        p && p.length < 8 ? h.password = "Password must be at least 8 characters long" : h.password = "";
       }
     );
-    const U = D(() => t.redirectUrl || window.location.origin);
+    const D = U(() => t.redirectUrl || window.location.origin);
     We(() => {
       if (t.token)
         try {
@@ -6908,19 +6908,19 @@ const ai = {
         }
     });
     const C = () => {
-      U.value && (window.location.href = U.value);
+      D.value && (window.location.href = D.value);
     }, N = async () => {
       if (!t.token) {
-        $.value = "Registration token is required";
+        M.value = "Registration token is required";
         return;
       }
-      if ($.value = "", Object.keys(g).forEach((p) => {
-        g[p] = "";
-      }), !H.value) {
-        $.value = "Please fill in all required fields correctly";
+      if (M.value = "", Object.keys(h).forEach((p) => {
+        h[p] = "";
+      }), !E.value) {
+        M.value = "Please fill in all required fields correctly";
         return;
       }
-      h.value = !0;
+      g.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") ? $.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);
+        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);
       } finally {
-        h.value = !1;
+        g.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: g.firstName
+                  error: h.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: g.lastName
+                  error: h.lastName
                 }, null, 8, ["modelValue", "error"])
               ]),
               e("div", null, [
@@ -7049,7 +7049,7 @@ const ai = {
                   autocomplete: "new-password",
                   required: "",
                   minlength: "8",
-                  error: g.password
+                  error: h.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: h.value || !H.value,
-                loading: h.value,
+                disabled: g.value || !E.value,
+                loading: g.value,
                 "loading-text": "Creating account..."
               }, {
                 default: x(() => [...L[20] || (L[20] = [
@@ -7067,13 +7067,13 @@ const ai = {
                 _: 1
               }, 8, ["disabled", "loading"])
             ], 32),
-            $.value ? (a(), Ce(n(Ht), {
+            M.value ? (a(), Ce(n(Ht), {
               key: 0,
               variant: "error",
-              message: $.value,
+              message: M.value,
               class: "complete-signup-error-alert",
               dismissible: "",
-              onDismiss: L[4] || (L[4] = (O) => $.value = "")
+              onDismiss: L[4] || (L[4] = (O) => M.value = "")
             }, null, 8, ["message"])) : I("", !0),
             d(Et, {
               config: t.config
@@ -7153,52 +7153,52 @@ const ai = {
   },
   emits: ["close", "success"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { setupTotp: z, verifyTotpSetup: V, loading: y } = Tt(), k = D({
+    const t = s, l = r, { setupTotp: z, verifyTotpSetup: V, loading: y } = Tt(), k = U({
       get: () => t.show,
       set: (S) => {
         S || l("close");
       }
-    }), u = M(1), h = M(""), $ = M(""), A = M(""), c = M(""), g = M(null), H = M("");
+    }), u = $(1), g = $(""), M = $(""), A = $(""), c = $(""), h = $(null), E = $("");
     Le(() => t.show, (S) => {
-      S && (u.value = 1, h.value = "", $.value = "", A.value = "", c.value = "", g.value = null, H.value = "");
-    }), Le(() => g.value, async (S) => {
+      S && (u.value = 1, g.value = "", M.value = "", A.value = "", c.value = "", h.value = null, E.value = "");
+    }), Le(() => h.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`;
-          H.value = w;
+          E.value = w;
         } catch (w) {
           console.error("Failed to generate QR code:", w);
         }
     });
-    const U = () => {
+    const D = () => {
       l("close");
     }, C = async () => {
-      if (!h.value.trim()) {
-        $.value = "Device name is required";
+      if (!g.value.trim()) {
+        M.value = "Device name is required";
         return;
       }
-      $.value = "";
+      M.value = "";
       try {
-        const S = await z(h.value.trim());
-        g.value = S, u.value = 2;
+        const S = await z(g.value.trim());
+        h.value = S, u.value = 2;
       } catch (S) {
-        console.error("Failed to setup TOTP:", S), $.value = S instanceof Error ? S.message : "Failed to setup TOTP";
+        console.error("Failed to setup TOTP:", S), M.value = S instanceof Error ? S.message : "Failed to setup TOTP";
       }
     }, N = (S) => {
       c.value = "", S.length === 6 && p();
     }, p = async () => {
-      if (!(!g.value || !A.value)) {
+      if (!(!h.value || !A.value)) {
         c.value = "";
         try {
-          await V(g.value.device_id, A.value), u.value = 4;
+          await V(h.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 (g.value?.backup_codes)
+      if (h.value?.backup_codes)
         try {
-          const S = g.value.backup_codes.join(`
+          const S = h.value.backup_codes.join(`
 `);
           await navigator.clipboard.writeText(S);
         } catch (S) {
@@ -7220,17 +7220,17 @@ const ai = {
             e("p", { class: "step-description" }, ' Give this authenticator a memorable name (e.g., "iPhone", "Work Phone") ')
           ], -1)),
           d(n(Ze), {
-            modelValue: h.value,
-            "onUpdate:modelValue": w[0] || (w[0] = (q) => h.value = q),
+            modelValue: g.value,
+            "onUpdate:modelValue": w[0] || (w[0] = (q) => g.value = q),
             label: "Device Name",
             placeholder: "My Authenticator",
-            error: $.value,
+            error: M.value,
             disabled: n(y)
           }, null, 8, ["modelValue", "error", "disabled"]),
           e("div", Gr, [
             d(n(ce), {
               variant: "secondary",
-              onClick: U,
+              onClick: D,
               disabled: n(y)
             }, {
               default: x(() => [...w[6] || (w[6] = [
@@ -7241,7 +7241,7 @@ const ai = {
             d(n(ce), {
               variant: "primary",
               onClick: C,
-              disabled: !h.value.trim() || n(y),
+              disabled: !g.value.trim() || n(y),
               loading: n(y)
             }, {
               default: x(() => [...w[7] || (w[7] = [
@@ -7257,9 +7257,9 @@ const ai = {
             e("p", { class: "step-description" }, " Scan this QR code with your authenticator app (Google Authenticator, Authy, etc.) ")
           ], -1)),
           e("div", Wr, [
-            H.value ? (a(), o("div", Qr, [
+            E.value ? (a(), o("div", Qr, [
               e("img", {
-                src: H.value,
+                src: E.value,
                 alt: "TOTP QR Code",
                 class: "qr-image",
                 width: "200",
@@ -7271,9 +7271,9 @@ const ai = {
           ]),
           e("div", e2, [
             w[9] || (w[9] = e("p", { class: "manual-label" }, " Can't scan? Enter this code manually: ", -1)),
-            e("code", t2, R(g.value?.secret || "..."), 1)
+            e("code", t2, R(h.value?.secret || "..."), 1)
           ]),
-          g.value?.backup_codes ? (a(), o("div", a2, [...w[10] || (w[10] = [
+          h.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(g.value?.backup_codes, (q, Z) => (a(), o("div", {
+                (a(!0), o(Ue, null, Ke(h.value?.backup_codes, (q, Z) => (a(), o("div", {
                   key: Z,
                   class: "totp-setup-backup-code"
                 }, R(q), 1))), 128))
@@ -7446,55 +7446,55 @@ const ai = {
   },
   emits: ["close", "success"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { setupEmailMfa: z, sendEmailMfaCode: V, verifyEmailMfaCode: y, loading: k } = Tt(), u = D({
+    const t = s, l = r, { setupEmailMfa: z, sendEmailMfaCode: V, verifyEmailMfaCode: y, loading: k } = Tt(), u = U({
       get: () => t.show,
       set: (b) => {
         b || l("close");
       }
-    }), h = M(1), $ = M(""), A = M(""), c = M(""), g = M(""), H = M(null), U = M(!1), C = M(0);
+    }), g = $(1), M = $(""), A = $(""), c = $(""), h = $(""), E = $(null), D = $(!1), C = $(0);
     let N = null;
     Le(() => t.show, (b) => {
-      b && (h.value = 1, $.value = "", A.value = "", c.value = "", g.value = "", H.value = null, U.value = !1, C.value = 0, N && (clearInterval(N), N = null));
+      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));
     }), Le(c, () => {
-      g.value && (g.value = "");
+      h.value && (h.value = "");
     }), Fa(() => {
       N && clearInterval(N);
     });
     const p = () => {
       l("close");
     }, L = async () => {
-      if (!$.value.trim()) {
+      if (!M.value.trim()) {
         A.value = "Device name is required";
         return;
       }
       A.value = "";
       try {
-        const b = await z($.value.trim());
-        H.value = b.device_id, await V(b.device_id), h.value = 2, q();
+        const b = await z(M.value.trim());
+        E.value = b.device_id, await V(b.device_id), g.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) => {
-      g.value = "", b.length === 6 && S();
+      h.value = "", b.length === 6 && S();
     }, S = async () => {
-      if (!(!H.value || !c.value)) {
-        g.value = "";
+      if (!(!E.value || !c.value)) {
+        h.value = "";
         try {
-          await y(H.value, c.value) ? h.value = 3 : g.value = "Invalid verification code";
+          await y(E.value, c.value) ? g.value = 3 : h.value = "Invalid verification code";
         } catch (b) {
-          console.error("Failed to verify email MFA code:", b), g.value = b instanceof Error ? b.message : "Invalid verification code";
+          console.error("Failed to verify email MFA code:", b), h.value = b instanceof Error ? b.message : "Invalid verification code";
         }
       }
     }, w = async () => {
-      if (!(!H.value || U.value))
+      if (!(!E.value || D.value))
         try {
-          await V(H.value), q();
+          await V(E.value), q();
         } catch (b) {
           console.warn("Failed to resend email MFA verification code:", b);
         }
     }, q = () => {
-      U.value = !0, C.value = 30, N = setInterval(() => {
-        C.value -= 1, C.value <= 0 && (U.value = !1, N && (clearInterval(N), N = null));
+      D.value = !0, C.value = 30, N = setInterval(() => {
+        C.value -= 1, C.value <= 0 && (D.value = !1, N && (clearInterval(N), N = null));
       }, 1e3);
     }, Z = () => {
       l("success");
@@ -7506,14 +7506,14 @@ const ai = {
       "card-class": "email-mfa-setup-modal"
     }, {
       default: x(() => [
-        h.value === 1 ? (a(), o("div", p2, [
+        g.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: $.value,
-            "onUpdate:modelValue": T[0] || (T[0] = (te) => $.value = te),
+            modelValue: M.value,
+            "onUpdate:modelValue": T[0] || (T[0] = (te) => M.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: !$.value.trim() || n(k),
+              disabled: !M.value.trim() || n(k),
               loading: n(k)
             }, {
               default: x(() => [...T[6] || (T[6] = [
@@ -7551,7 +7551,7 @@ const ai = {
             }, 8, ["disabled", "loading"])
           ])
         ])) : I("", !0),
-        h.value === 2 ? (a(), o("div", m2, [
+        g.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: g.value,
+            error: h.value,
             disabled: n(k),
             onComplete: O
           }, null, 8, ["modelValue", "error", "disabled"]),
@@ -7591,10 +7591,10 @@ const ai = {
               color: "secondary",
               size: "sm",
               onClick: w,
-              disabled: n(k) || U.value
+              disabled: n(k) || D.value
             }, {
               default: x(() => [
-                Q(R(U.value ? `Resend in ${C.value}s` : "Resend Code"), 1)
+                Q(R(D.value ? `Resend in ${C.value}s` : "Resend Code"), 1)
               ]),
               _: 1
             }, 8, ["disabled"])
@@ -7602,7 +7602,7 @@ const ai = {
           e("div", g2, [
             d(n(ce), {
               color: "secondary",
-              onClick: T[2] || (T[2] = (te) => h.value = 1),
+              onClick: T[2] || (T[2] = (te) => g.value = 1),
               disabled: n(k)
             }, {
               default: x(() => [...T[8] || (T[8] = [
@@ -7622,7 +7622,7 @@ const ai = {
             }, 8, ["disabled", "loading"])
           ])
         ])) : I("", !0),
-        h.value === 3 ? (a(), o("div", C2, [
+        g.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 = M(!1), h = D(() => z.value || u.value), $ = D(() => t.deviceType === "passkey" ? "Setup Passkey" : "Setup Hardware Key"), A = D({
+    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({
       get: () => t.show,
       set: (b) => {
         b || l("close");
       }
-    }), c = M(1), g = M(""), H = M(""), U = M("Please touch your hardware key when prompted"), C = M(""), N = M([]);
+    }), c = $(1), h = $(""), E = $(""), D = $("Please touch your hardware key when prompted"), C = $(""), N = $([]);
     Le(() => t.show, (b) => {
-      b && (c.value = 1, g.value = "", H.value = "", U.value = "Please touch your hardware key when prompted", C.value = "", N.value = []);
+      b && (c.value = 1, h.value = "", E.value = "", D.value = "Please touch your hardware key when prompted", C.value = "", N.value = []);
     });
     const p = () => {
       l("close");
@@ -7793,13 +7793,13 @@ const ai = {
         throw new Error("Unable to process WebAuthn challenge data");
       }
     }, S = async () => {
-      if (!g.value.trim()) {
-        H.value = "Device name is required";
+      if (!h.value.trim()) {
+        E.value = "Device name is required";
         return;
       }
-      H.value = "", c.value = 2;
+      E.value = "", c.value = 2;
     }, w = async () => {
-      u.value = !0, c.value = 3, U.value = `Starting ${t.deviceType === "passkey" ? "passkey" : "hardware key"} registration...`;
+      u.value = !0, c.value = 3, D.value = `Starting ${t.deviceType === "passkey" ? "passkey" : "hardware key"} registration...`;
       try {
         if (!window.navigator.credentials || !window.PublicKeyCredential)
           throw new Error("WebAuthn is not supported in this browser");
@@ -7809,17 +7809,17 @@ const ai = {
         }
         if (!k.value?.accessToken)
           throw new Error("Not authenticated. Please sign in again.");
-        const { device_id: b, challenge: T } = await V(g.value.trim(), k.value.accessToken);
+        const { device_id: b, challenge: T } = await V(h.value.trim(), k.value.accessToken);
         if (!T || typeof T != "object")
           throw new Error("Invalid challenge received from server");
         const te = O(T, t.deviceType);
-        U.value = "Please touch your hardware key now...";
+        D.value = "Please touch your hardware key now...";
         const ue = await navigator.credentials.create({
           publicKey: te
         });
         if (!ue)
           throw new Error("Hardware key registration was cancelled");
-        U.value = "Completing registration...";
+        D.value = "Completing registration...";
         const ye = ue.response;
         try {
           if (!ue.rawId)
@@ -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: $.value,
+      title: M.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: g.value,
-            "onUpdate:modelValue": T[0] || (T[0] = (te) => g.value = te),
+            modelValue: h.value,
+            "onUpdate:modelValue": T[0] || (T[0] = (te) => h.value = te),
             label: "Device Name",
             placeholder: "My Hardware Key",
-            error: H.value,
-            disabled: h.value
+            error: E.value,
+            disabled: g.value
           }, null, 8, ["modelValue", "error", "disabled"]),
           e("div", b2, [
             d(n(ce), {
               variant: "secondary",
               onClick: p,
-              disabled: h.value
+              disabled: g.value
             }, {
               default: x(() => [...T[4] || (T[4] = [
                 Q(" Cancel ", -1)
@@ -7896,8 +7896,8 @@ const ai = {
             d(n(ce), {
               variant: "primary",
               onClick: S,
-              disabled: !g.value.trim() || h.value,
-              loading: h.value
+              disabled: !h.value.trim() || g.value,
+              loading: g.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: h.value
+              disabled: g.value
             }, {
               default: x(() => [...T[15] || (T[15] = [
                 Q(" Back ", -1)
@@ -7975,8 +7975,8 @@ const ai = {
             d(n(ce), {
               variant: "primary",
               onClick: w,
-              disabled: h.value,
-              loading: h.value
+              disabled: g.value,
+              loading: g.value
             }, {
               default: x(() => [...T[16] || (T[16] = [
                 Q(" Register Key ", -1)
@@ -7994,7 +7994,7 @@ const ai = {
               })
             ]),
             T[19] || (T[19] = e("h3", { class: "hardware-key-setup-step-title" }, "Registering Hardware Key", -1)),
-            e("p", V2, R(U.value), 1)
+            e("p", V2, R(D.value), 1)
           ]),
           T[20] || (T[20] = e("div", { class: "hardware-key-setup-progress-indicator" }, [
             e("div", { class: "hardware-key-setup-progress-content" }, [
@@ -8155,41 +8155,41 @@ const ai = {
   },
   emits: ["close"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { regenerateBackupCodes: z, loading: V, getDeviceTypeName: y } = Tt(), k = D({
+    const t = s, l = r, { regenerateBackupCodes: z, loading: V, getDeviceTypeName: y } = Tt(), k = U({
       get: () => t.show,
-      set: (U) => {
-        U || l("close");
+      set: (D) => {
+        D || l("close");
       }
-    }), u = M([]), h = M(!1);
-    Le(() => t.show, async (U) => {
-      U && t.device && (h.value = !1, u.value = []);
+    }), u = $([]), g = $(!1);
+    Le(() => t.show, async (D) => {
+      D && t.device && (g.value = !1, u.value = []);
     }), We(async () => {
       t.show && t.device && (u.value = []);
     });
-    const $ = () => {
+    const M = () => {
       l("close");
     }, A = () => {
-      h.value = !0;
+      g.value = !0;
     }, c = async () => {
       if (t.device)
         try {
-          const U = await z(t.device.id);
-          u.value = U.backup_codes, h.value = !1;
-        } catch (U) {
-          console.error("Failed to regenerate backup codes:", U);
+          const D = await z(t.device.id);
+          u.value = D.backup_codes, g.value = !1;
+        } catch (D) {
+          console.error("Failed to regenerate backup codes:", D);
         }
-    }, g = async () => {
+    }, h = async () => {
       if (u.value.length !== 0)
         try {
-          const U = u.value.join(`
+          const D = u.value.join(`
 `);
-          await navigator.clipboard.writeText(U);
-        } catch (U) {
-          console.warn("Failed to copy backup codes to clipboard:", U);
+          await navigator.clipboard.writeText(D);
+        } catch (D) {
+          console.warn("Failed to copy backup codes to clipboard:", D);
         }
-    }, H = () => {
+    }, E = () => {
       if (u.value.length === 0) return;
-      const U = t.device?.device_name || "device", C = (/* @__PURE__ */ new Date()).toISOString().split("T")[0], N = `strands-backup-codes-${U}-${C}.txt`, p = [
+      const D = t.device?.device_name || "device", C = (/* @__PURE__ */ new Date()).toISOString().split("T")[0], N = `strands-backup-codes-${D}-${C}.txt`, p = [
         "Strands Account Backup Codes",
         "============================",
         "",
@@ -8209,7 +8209,7 @@ const ai = {
 `), L = new Blob([p], { type: "text/plain" }), O = URL.createObjectURL(L), S = document.createElement("a");
       S.href = O, S.download = N, document.body.appendChild(S), S.click(), document.body.removeChild(S), URL.revokeObjectURL(O);
     };
-    return (U, C) => (a(), o("div", R2, [
+    return (D, C) => (a(), o("div", R2, [
       d(ut, {
         modelValue: k.value,
         "onUpdate:modelValue": C[1] || (C[1] = (N) => k.value = N),
@@ -8268,7 +8268,7 @@ const ai = {
                 d(n(ce), {
                   variant: "secondary",
                   size: "sm",
-                  onClick: g
+                  onClick: h
                 }, {
                   default: x(() => [...C[4] || (C[4] = [
                     Q(" 📋 Copy All Codes ", -1)
@@ -8278,7 +8278,7 @@ const ai = {
                 d(n(ce), {
                   variant: "secondary",
                   size: "sm",
-                  onClick: H
+                  onClick: E
                 }, {
                   default: x(() => [...C[5] || (C[5] = [
                     Q(" 💾 Download ", -1)
@@ -8302,7 +8302,7 @@ const ai = {
                 }, 8, ["disabled", "loading"]),
                 d(n(ce), {
                   variant: "primary",
-                  onClick: $
+                  onClick: M
                 }, {
                   default: x(() => [...C[8] || (C[8] = [
                     Q(" Done ", -1)
@@ -8311,7 +8311,7 @@ const ai = {
                 })
               ])
             ]),
-            h.value ? (a(), o("div", a3, [
+            g.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) => h.value = !1)
+                      onClick: C[0] || (C[0] = (N) => g.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 = M(!1), V = D({
+    const t = s, l = r, z = $(!1), V = U({
       get: () => t.show,
       set: (u) => {
         u || l("cancel");
@@ -8382,10 +8382,10 @@ const ai = {
     }, k = () => {
       l("cancel");
     };
-    return (u, h) => (a(), o("div", i3, [
+    return (u, g) => (a(), o("div", i3, [
       d(ut, {
         modelValue: V.value,
-        "onUpdate:modelValue": h[0] || (h[0] = ($) => V.value = $),
+        "onUpdate:modelValue": g[0] || (g[0] = (M) => V.value = M),
         "card-class": "confirm-modal"
       }, {
         header: x(() => [
@@ -8464,8 +8464,8 @@ const ai = {
       activeMfaDevices: y,
       fetchMfaDevices: k,
       disableMfaDevice: u,
-      sendEmailMfaCode: h
-    } = Tt(), $ = {
+      sendEmailMfaCode: g
+    } = Tt(), M = {
       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" })
         ]);
       }
-    }, g = {
+    }, h = {
       props: ["size"],
       render() {
         return oe("svg", { width: this.size, height: this.size, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, [
@@ -8504,14 +8504,14 @@ const ai = {
           oe("path", { d: "M9 6.8a6 6 0 0 1 9 5.2c0 .47 0 1.17-.02 2" })
         ]);
       }
-    }, H = {
+    }, E = {
       props: ["size"],
       render() {
         return oe("svg", { width: this.size, height: this.size, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, [
           oe("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" })
         ]);
       }
-    }, U = {
+    }, D = {
       props: ["size"],
       render() {
         return oe("svg", { width: this.size, height: this.size, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, [
@@ -8520,10 +8520,10 @@ const ai = {
           oe("path", { d: "m12 17 .01 0" })
         ]);
       }
-    }, C = M("add"), N = Ye({}), p = Ye({}), L = M(!1), O = M(!1), S = M(!1), w = M(!1), q = D({
+    }, C = $("add"), N = Ye({}), p = Ye({}), L = $(!1), O = $(!1), S = $(!1), w = $(!1), q = U({
       get: () => t.modelValue || !1,
       set: (xe) => l("update:modelValue", xe)
-    }), Z = D(() => {
+    }), Z = U(() => {
       const xe = [
         { label: "Add Device", value: "add" }
       ];
@@ -8536,7 +8536,7 @@ const ai = {
     });
     const b = async (xe) => {
       try {
-        N[xe.id] = !0, await h(xe.id);
+        N[xe.id] = !0, await g(xe.id);
       } catch (ne) {
         console.error("Failed to send email MFA code:", ne);
       } finally {
@@ -8589,7 +8589,7 @@ const ai = {
                   ]),
                   e("div", y3, [
                     n(z) ? (a(), o("span", k3, [
-                      d(H, {
+                      d(E, {
                         size: 12,
                         class: "mfa-badge-icon"
                       }),
@@ -8612,7 +8612,7 @@ const ai = {
                         e("div", M3, [
                           e("div", $3, [
                             e("div", S3, [
-                              d($, { size: 24 })
+                              d(M, { 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(g, { size: 24 })
+                              d(h, { size: 24 })
                             ]),
                             ne[20] || (ne[20] = e("div", { class: "mfa-device-option-info" }, [
                               e("h4", { class: "mfa-device-option-title" }, "Passkey"),
@@ -8698,7 +8698,7 @@ const ai = {
                   ])) : j?.value === "manage" ? (a(), o("div", U3, [
                     n(y).length === 0 ? (a(), o("div", D3, [
                       e("div", N3, [
-                        d(H, { size: 48 })
+                        d(E, { size: 48 })
                       ]),
                       ne[24] || (ne[24] = e("h3", { class: "mfa-empty-title" }, "No MFA Devices", -1)),
                       ne[25] || (ne[25] = e("p", { class: "mfa-empty-description" }, "You haven't set up any multi-factor authentication devices yet.", -1)),
@@ -8719,7 +8719,7 @@ const ai = {
                         e("div", P3, [
                           e("div", j3, [
                             e("div", O3, [
-                              K.device_type === "totp" ? (a(), Ce($, {
+                              K.device_type === "totp" ? (a(), Ce(M, {
                                 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(g, {
+                              })) : K.device_type === "passkey" ? (a(), Ce(h, {
                                 key: 3,
                                 size: 20
                               })) : I("", !0)
@@ -8777,7 +8777,7 @@ const ai = {
                         K.device_type === "email" && !K.verified ? (a(), o("div", Z3, [
                           e("div", K3, [
                             e("div", G3, [
-                              d(U, { size: 16 })
+                              d(D, { size: 16 })
                             ]),
                             ne[26] || (ne[26] = e("span", { class: "mfa-warning-text" }, "Email not verified - click Test to verify", -1))
                           ])
@@ -8860,20 +8860,20 @@ const ai = {
   },
   emits: ["close", "settings-updated"],
   setup(s, { emit: r }) {
-    const t = r, { currentUser: l, updateUserSettings: z } = ft(), V = M(!1), y = M(null), k = Ye({
+    const t = r, { currentUser: l, updateUserSettings: z } = ft(), V = $(!1), y = $(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, g) => {
-      k[c] = g;
-    }, h = () => {
+    const u = (c, h) => {
+      k[c] = h;
+    }, g = () => {
       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,33 +8885,33 @@ const ai = {
             ...l.value?.settings,
             ...k
           }), t("settings-updated", { ...k });
-        } catch (g) {
-          console.warn("Failed to save settings:", g);
+        } catch (h) {
+          console.warn("Failed to save settings:", h);
         } finally {
           V.value = !1, c();
         }
       }
     };
-    return (c, g) => (a(), o("div", Q3, [
+    return (c, h) => (a(), o("div", Q3, [
       d(ut, {
         onClose: c.onClose,
         title: "Account Settings",
         "card-class": "max-w-lg"
       }, Zt({
-        footer: x(({ handleClose: H }) => [
+        footer: x(({ handleClose: E }) => [
           e("div", c4, [
             d(lt, {
               variant: "secondary",
-              onClick: H
+              onClick: E
             }, {
-              default: x(() => [...g[11] || (g[11] = [
+              default: x(() => [...h[11] || (h[11] = [
                 Q(" Close ", -1)
               ])]),
               _: 1
             }, 8, ["onClick"]),
             d(lt, {
               variant: "primary",
-              onClick: (U) => A(H),
+              onClick: (D) => A(E),
               loading: V.value
             }, {
               default: x(() => [
@@ -8924,10 +8924,10 @@ const ai = {
         default: x(() => [
           e("div", X3, [
             e("div", J3, [
-              g[10] || (g[10] = e("h3", { class: "settings-section-title" }, "Audio Preferences", -1)),
+              h[10] || (h[10] = e("h3", { class: "settings-section-title" }, "Audio Preferences", -1)),
               e("div", e4, [
                 e("div", t4, [
-                  g[6] || (g[6] = e("div", { class: "settings-option-info" }, [
+                  h[6] || (h[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: h,
+                      onClick: g,
                       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, [...g[4] || (g[4] = [
+                        y.value !== "regular" ? (a(), o("svg", s4, [...h[4] || (h[4] = [
                           e("path", { d: "M8 5v14l11-7z" }, null, -1)
-                        ])])) : (a(), o("svg", o4, [...g[5] || (g[5] = [
+                        ])])) : (a(), o("svg", o4, [...h[5] || (h[5] = [
                           e("rect", {
                             x: "6",
                             y: "6",
@@ -8961,8 +8961,8 @@ const ai = {
                       id: "level-up-sounds",
                       modelValue: k.levelUpSounds,
                       "onUpdate:modelValue": [
-                        g[0] || (g[0] = (H) => k.levelUpSounds = H),
-                        g[1] || (g[1] = (H) => u("levelUpSounds", H))
+                        h[0] || (h[0] = (E) => k.levelUpSounds = E),
+                        h[1] || (h[1] = (E) => u("levelUpSounds", E))
                       ]
                     }, null, 8, ["modelValue"])
                   ])
@@ -8970,7 +8970,7 @@ const ai = {
               ]),
               e("div", l4, [
                 e("div", n4, [
-                  g[9] || (g[9] = e("div", { class: "settings-option-info" }, [
+                  h[9] || (h[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: $,
+                      onClick: M,
                       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, [...g[7] || (g[7] = [
+                        y.value !== "milestone" ? (a(), o("svg", r4, [...h[7] || (h[7] = [
                           e("path", { d: "M8 5v14l11-7z" }, null, -1)
-                        ])])) : (a(), o("svg", u4, [...g[8] || (g[8] = [
+                        ])])) : (a(), o("svg", u4, [...h[8] || (h[8] = [
                           e("rect", {
                             x: "6",
                             y: "6",
@@ -9004,8 +9004,8 @@ const ai = {
                       id: "milestone-sounds",
                       modelValue: k.milestoneSounds,
                       "onUpdate:modelValue": [
-                        g[2] || (g[2] = (H) => k.milestoneSounds = H),
-                        g[3] || (g[3] = (H) => u("milestoneSounds", H))
+                        h[2] || (h[2] = (E) => k.milestoneSounds = E),
+                        h[3] || (h[3] = (E) => u("milestoneSounds", E))
                       ]
                     }, null, 8, ["modelValue"])
                   ])
@@ -9074,7 +9074,7 @@ const ai = {
           oe("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
         ]);
       }
-    }, h = {
+    }, g = {
       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 = M([]), g = M(null), H = M(!1), U = M(null), C = Ye({}), N = M(!1), p = D({
+    }, c = $([]), h = $(null), E = $(!1), D = $(null), C = Ye({}), N = $(!1), p = U({
       get: () => t.modelValue || !1,
       set: (T) => l("update:modelValue", T)
     });
@@ -9111,29 +9111,29 @@ const ai = {
       (typeof t.modelValue > "u" || t.modelValue) && L();
     });
     const L = async () => {
-      H.value = !0, U.value = null;
+      E.value = !0, D.value = null;
       try {
         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))];
-          g.value = {
+          h.value = {
             total_sessions: c.value.length,
             active_sessions: te.length,
             unique_locations: ue
           };
         } else
-          g.value = null;
+          h.value = null;
       } catch (T) {
-        U.value = T instanceof Error ? T.message : "Failed to load sessions", console.error("Failed to load sessions:", T);
+        D.value = T instanceof Error ? T.message : "Failed to load sessions", console.error("Failed to load sessions:", T);
       } finally {
-        H.value = !1;
+        E.value = !1;
       }
     }, O = async (T) => {
       C[T] = !0;
       try {
         await V(T), await L(), l("sessions-updated");
       } catch (te) {
-        console.error("Failed to revoke session:", te), U.value = te instanceof Error ? te.message : "Failed to revoke session";
+        console.error("Failed to revoke session:", te), D.value = te instanceof Error ? te.message : "Failed to revoke session";
       } finally {
         C[T] = !1;
       }
@@ -9142,7 +9142,7 @@ const ai = {
       try {
         await y(), await L(), l("sessions-updated");
       } catch (T) {
-        console.error("Failed to revoke all other sessions:", T), U.value = T instanceof Error ? T.message : "Failed to revoke sessions";
+        console.error("Failed to revoke all other sessions:", T), D.value = T instanceof Error ? T.message : "Failed to revoke sessions";
       } finally {
         N.value = !1;
       }
@@ -9172,7 +9172,7 @@ const ai = {
     }, {
       default: x(() => [
         e("div", p4, [
-          H.value ? (a(), o("div", f4, [
+          E.value ? (a(), o("div", f4, [
             d(n(ht), { 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] = [
@@ -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, [
-            g.value ? (a(), o("div", g4, [
+            h.value ? (a(), o("div", g4, [
               e("div", C4, [
                 te[3] || (te[3] = e("span", { class: "stat-label" }, "Total Sessions", -1)),
-                e("span", y4, R(g.value.total_sessions), 1)
+                e("span", y4, R(h.value.total_sessions), 1)
               ]),
               e("div", k4, [
                 te[4] || (te[4] = e("span", { class: "stat-label" }, "Active Devices", -1)),
-                e("span", w4, R(g.value.active_sessions), 1)
+                e("span", w4, R(h.value.active_sessions), 1)
               ]),
-              g.value.unique_locations && g.value.unique_locations.length > 0 ? (a(), o("div", b4, [
+              h.value.unique_locations && h.value.unique_locations.length > 0 ? (a(), o("div", b4, [
                 te[5] || (te[5] = e("span", { class: "stat-label" }, "Locations", -1)),
-                e("span", x4, R(g.value.unique_locations.length), 1)
+                e("span", x4, R(h.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(h, { size: 14 })
+                      d(g, { size: 14 })
                     ]),
                     e("span", D4, R(ue.ip_address), 1)
                   ]),
                   e("div", N4, [
                     e("span", B4, [
-                      d($, { size: 14 })
+                      d(M, { size: 14 })
                     ]),
                     e("span", P4, " Last active " + R(Z(ue.last_activity_at || ue.created_at)), 1)
                   ]),
@@ -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: h, updateProfile: $, changeEmail: A, changeUsername: c, getUsernameCooldown: g, checkUsernameAvailability: H, getUserSessions: U, currentUser: C, currentSession: N, isAuthenticated: p, refreshToken: L, signOut: O } = ft(), { activeMfaDevices: S, fetchMfaDevices: w } = Tt(), q = M(null), Z = M(!1), b = D(() => 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({
+    }, 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({
       canChange: !0,
       cooldownEnd: null,
       daysRemaining: 0
@@ -9399,7 +9399,7 @@ const ai = {
       available: !1,
       message: "",
       checking: !1
-    }), $e = M(), re = Ye({
+    }), $e = $(), re = Ye({
       firstName: "",
       lastName: "",
       email: ""
@@ -9423,13 +9423,13 @@ const ai = {
       firstName: "",
       lastName: "",
       email: ""
-    }), X = D(() => {
+    }), X = U(() => {
       const J = b.value;
       return J ? re.firstName !== (J.firstName || "") || re.lastName !== (J.lastName || "") : !1;
-    }), fe = D(() => Ie.current && Ie.new && Ie.confirm && Ie.new === Ie.confirm && Ie.new.length >= 8), pe = D(() => ve.newEmail && ve.password && ve.newEmail !== b.value?.email && ve.newEmail.includes("@")), He = D(() => {
+    }), fe = U(() => Ie.current && Ie.new && Ie.confirm && Ie.new === Ie.confirm && Ie.new.length >= 8), pe = U(() => ve.newEmail && ve.password && ve.newEmail !== b.value?.email && ve.newEmail.includes("@")), He = U(() => {
       const J = /^[a-zA-Z0-9_-]{3,30}$/;
       return G.username && J.test(G.username) && G.username !== b.value?.username && !Ee.checking;
-    }), Ne = D(() => {
+    }), Ne = U(() => {
       const J = b.value;
       if (!J) return "Never";
       const P = J.passwordUpdatedAt || J.createdAt;
@@ -9444,7 +9444,7 @@ const ai = {
       }
       const ct = Math.floor(tt / 365);
       return ct === 1 ? "1 year ago" : `${ct} years ago`;
-    }), Fe = D(() => {
+    }), Fe = U(() => {
       const J = S.value || [], P = {
         totp: 0,
         email: 0,
@@ -9454,7 +9454,7 @@ const ai = {
       return J.forEach((we) => {
         we.device_type in P && P[we.device_type]++;
       }), P;
-    }), gt = D(() => {
+    }), gt = U(() => {
       const J = [], P = Fe.value;
       if (P.totp > 0 && J.push({
         type: "totp",
@@ -9492,14 +9492,14 @@ const ai = {
         if (J < we || (P++, P > 1e3)) break;
       }
       return P;
-    }, at = D(() => Ut(b.value?.xp || 0)), ea = D(() => {
+    }, at = U(() => Ut(b.value?.xp || 0)), ea = U(() => {
       const J = at.value, P = Pe(J);
       return (b.value?.xp || 0) - P;
-    }), et = D(() => {
+    }), et = U(() => {
       const J = at.value, P = Pe(J);
       return Pe(J + 1) - P;
-    }), ta = D(() => Math.round(ea.value / et.value * 100)), Dt = D(() => 2 * Math.PI * 54), aa = D(() => ta.value / 100 * Dt.value);
-    D(() => {
+    }), ta = U(() => Math.round(ea.value / et.value * 100)), Dt = U(() => 2 * Math.PI * 54), aa = U(() => ta.value / 100 * Dt.value);
+    U(() => {
       const J = Dt.value * 5 / 360;
       return Dt.value - aa.value - J;
     });
@@ -9507,7 +9507,7 @@ const ai = {
       if (!(!V.autoFetch || V.user || !p.value)) {
         Z.value = !0;
         try {
-          await h(), p.value && await w();
+          await g(), p.value && await w();
         } catch (J) {
           console.error("Failed to load profile:", J);
           const P = J instanceof Error ? J.message : "Failed to load profile";
@@ -9520,7 +9520,7 @@ const ai = {
       if (p.value) {
         _e.value = !0;
         try {
-          const J = await U();
+          const J = await D();
           le.value = J || [];
         } catch (J) {
           console.warn("Failed to load sessions (non-critical):", J);
@@ -9549,7 +9549,7 @@ const ai = {
     }, zt = async () => {
       it(), T.value = !0;
       try {
-        const J = await $({
+        const J = await M({
           firstName: re.firstName,
           lastName: re.lastName
         });
@@ -9592,7 +9592,7 @@ const ai = {
       else {
         xe.value = !0;
         try {
-          const J = await g();
+          const J = await h();
           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;
@@ -9608,7 +9608,7 @@ const ai = {
         }
         Ee.checking = !0, Ee.message = "Checking availability...";
         try {
-          const P = await H(G.username);
+          const P = await E(G.username);
           if (Ee.available = P.available, Ee.message = P.message, !P.available) {
             G.errors.username = "Username is not available";
             return;
@@ -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 h();
+                  await g();
                 } 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 h();
+          await g();
         } catch {
         }
         ae.value = "Avatar updated successfully", b.value && y("profile-updated", b.value);
@@ -9713,7 +9713,7 @@ const ai = {
       }
     }, ua = async () => {
       try {
-        await h(), await w(), ae.value = "MFA settings updated successfully", y("mfa-toggle", b.value?.mfaEnabled || !1);
+        await g(), 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 g();
+          const J = await h();
           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);
@@ -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 = M(!1), y = M(""), k = M(!1), u = Ye({
+    const t = s, l = r, { getSupportEmail: z } = pt(t.config), V = $(!1), y = $(""), k = $(!1), u = Ye({
       email: ""
-    }), h = async () => {
+    }), g = async () => {
       V.value = !0, y.value = "";
       try {
-        await new Promise(($) => setTimeout($, 1e3)), k.value = !0, l("success", u.email);
+        await new Promise((M) => setTimeout(M, 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 ($, A) => (a(), o("div", Z0, [
+    return (M, 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(h, ["prevent"]),
+              onSubmit: Be(g, ["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) => $.$emit("back-to-signin")),
+                onClick: A[2] || (A[2] = (c) => M.$emit("back-to-signin")),
                 class: "accui-inline-flex accui-items-center accui-gap-2"
               }, {
                 default: x(() => [...A[3] || (A[3] = [
@@ -10376,44 +10376,52 @@ 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(), h = M(!1);
-    typeof window < "u" && (h.value = !0, k()), We(() => {
-      console.log("[SignedIn] onMounted called"), h.value = !0, k();
-    }), Le([u, z], ([H, U]) => {
-      console.log("[SignedIn] watch triggered - isInitialized:", H, "isInitializing:", U, "isAuthenticated:", l.value);
-    }, { immediate: !0 });
-    const $ = D(() => !!(!h.value || z.value || !u.value)), A = D(() => !$.value && l.value), c = D(() => !$.value && !l.value), g = () => {
+    const t = r, { isAuthenticated: l, isInitializing: z, user: V, signOut: y, initialize: k, isInitialized: u } = ft(), g = $(!1);
+    We(async () => {
+      console.log("[SignedIn] onMounted - starting initialization"), g.value = !0, await k(), console.log("[SignedIn] onMounted - initialization complete, 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 = () => {
       t("sign-in-required");
     };
-    return (H, U) => A.value ? (a(), o("div", {
-      key: 0,
-      class: be(["animate-fade-in", s.inline ? "is_inline" : ""])
-    }, [
-      je(H.$slots, "default", {
-        user: n(V),
-        signOut: n(y)
-      }, void 0, !0)
-    ], 2)) : c.value && s.showFallback ? (a(), o("div", X0, [
-      je(H.$slots, "fallback", { signIn: g }, () => [
-        e("div", { class: "signed-in-fallback" }, [
-          U[0] || (U[0] = Jt('<div class="signed-in-icon-container" data-v-1e42a31e><svg class="signed-in-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-v-1e42a31e><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-1e42a31e></path></svg></div><h3 class="signed-in-title" data-v-1e42a31e>Sign in required</h3><p class="signed-in-subtitle" data-v-1e42a31e>You need to be signed in to access this content.</p>', 3)),
-          e("button", {
-            onClick: g,
-            class: "signed-in-button"
-          }, " Sign in ")
-        ])
-      ], !0)
-    ])) : $.value ? (a(), o("div", J0, [
-      je(H.$slots, "loading", {}, () => [
-        d(n(ht), {
-          size: 30,
-          variant: "circle",
-          "show-particles": !0
-        })
-      ], !0)
-    ])) : I("", !0);
+    return (E, D) => (a(), o(Ue, null, [
+      A.value ? (a(), o("div", {
+        key: 0,
+        class: be(["animate-fade-in", s.inline ? "is_inline" : ""])
+      }, [
+        je(E.$slots, "default", {
+          user: n(V),
+          signOut: n(y)
+        }, void 0, !0)
+      ], 2)) : I("", !0),
+      c.value && s.showFallback ? (a(), o("div", X0, [
+        je(E.$slots, "fallback", { signIn: h }, () => [
+          e("div", { class: "signed-in-fallback" }, [
+            D[0] || (D[0] = Jt('<div class="signed-in-icon-container" data-v-6fe20c32><svg class="signed-in-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-v-6fe20c32><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-6fe20c32></path></svg></div><h3 class="signed-in-title" data-v-6fe20c32>Sign in required</h3><p class="signed-in-subtitle" data-v-6fe20c32>You need to be signed in to access this content.</p>', 3)),
+            e("button", {
+              onClick: h,
+              class: "signed-in-button"
+            }, " Sign in ")
+          ])
+        ], !0)
+      ])) : I("", !0),
+      M.value ? (a(), o("div", J0, [
+        je(E.$slots, "loading", {}, () => [
+          d(n(ht), {
+            size: 30,
+            variant: "circle",
+            "show-particles": !0
+          })
+        ], !0)
+      ])) : I("", !0)
+    ], 64));
   }
-}), tu = /* @__PURE__ */ De(eu, [["__scopeId", "data-v-1e42a31e"]]), Nc = /* @__PURE__ */ Ve({
+}), tu = /* @__PURE__ */ De(eu, [["__scopeId", "data-v-6fe20c32"]]), Nc = /* @__PURE__ */ Ve({
   __name: "StrandsConfigProvider",
   props: {
     config: {}
@@ -10441,7 +10449,7 @@ const ai = {
       md: "w-5 h-5",
       lg: "w-6 h-6",
       xl: "w-8 h-8"
-    }, l = D(() => `${t[r.size]} ${r.class}`), z = D(() => "0 0 24 24"), V = {
+    }, l = U(() => `${t[r.size]} ${r.class}`), z = U(() => "0 0 24 24"), V = {
       eye: () => oe("g", [
         oe("path", {
           "stroke-linecap": "round",
@@ -10536,7 +10544,7 @@ const ai = {
         d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z",
         "clip-rule": "evenodd"
       })
-    }, y = D(() => {
+    }, y = U(() => {
       const k = V[r.name];
       return k ? k() : oe("path", { d: "" });
     });
@@ -10600,8 +10608,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 = M(!1), u = M(!1), h = M(!1), $ = M(), A = M(), c = M(), g = D(() => A.value), { floatingStyle: H, updatePosition: U } = Oa({
-      trigger: g,
+    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,
       floating: c,
       placement: "bottom-end",
       offset: 8,
@@ -10612,7 +10620,7 @@ const ai = {
         enabled: !0,
         handler: () => w()
       }
-    }), C = D(() => {
+    }), C = U(() => {
       if (t.variant === "mini-profile")
         switch (t.size) {
           case "sm":
@@ -10634,7 +10642,7 @@ const ai = {
         default:
           return 32;
       }
-    }), N = D(() => {
+    }), N = U(() => {
       switch (t.size) {
         case "sm":
           return 48;
@@ -10645,9 +10653,9 @@ const ai = {
         default:
           return 64;
       }
-    }), p = D(() => t.user ? t.user : y.value ? z.value : null), L = D(() => 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 = () => {
+    }), 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(() => {
-        U();
+        D();
       });
     }, S = () => {
       k.value = !0;
@@ -10664,9 +10672,9 @@ const ai = {
       l("profile-updated");
     }, ye = () => {
     }, Me = () => {
-      h.value = !0;
+      g.value = !0;
     }, Ae = () => {
-      h.value = !1, l("signed-in");
+      g.value = !1, l("signed-in");
     }, Se = () => {
     }, xe = async () => {
       try {
@@ -10677,7 +10685,7 @@ const ai = {
     return (ne, j) => (a(), o("div", {
       class: "accui-component-scope",
       ref_key: "containerRef",
-      ref: $
+      ref: M
     }, [
       t.user ? (a(), o(Ue, { key: 0 }, [
         s.variant === "mini-profile" ? (a(), o("div", {
@@ -10818,7 +10826,7 @@ const ai = {
             ref_key: "dropdownRef",
             ref: c,
             class: "strands-user-dropdown",
-            style: Oe(n(H)),
+            style: Oe(n(E)),
             role: "menu",
             "aria-orientation": "vertical",
             onKeydown: [
@@ -10936,8 +10944,8 @@ const ai = {
             _: 1
           }),
           d(n(ut), {
-            modelValue: h.value,
-            "onUpdate:modelValue": j[2] || (j[2] = (K) => h.value = K)
+            modelValue: g.value,
+            "onUpdate:modelValue": j[2] || (j[2] = (K) => g.value = K)
           }, {
             default: x(() => [
               e("div", Ru, [
@@ -11097,7 +11105,7 @@ const ai = {
               ref_key: "dropdownRef",
               ref: c,
               class: "strands-user-dropdown",
-              style: Oe(n(H)),
+              style: Oe(n(E)),
               role: "menu",
               "aria-orientation": "vertical",
               onKeydown: [
@@ -11207,10 +11215,10 @@ const ai = {
     });
     Xt("userNavState", z);
     const V = (k) => {
-      const u = z.items.findIndex((h) => h.id === k.id);
+      const u = z.items.findIndex((g) => g.id === k.id);
       u >= 0 ? z.items[u] = k : z.items.push(k);
     }, y = (k) => {
-      const u = z.items.findIndex((h) => h.id === k);
+      const u = z.items.findIndex((g) => g.id === k);
       u >= 0 && z.items.splice(u, 1);
     };
     return Xt("registerNavItem", V), Xt("unregisterNavItem", y), r({
@@ -11255,36 +11263,36 @@ const ai = {
     align: {}
   },
   setup(s) {
-    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 = D(() => {
+    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(() => {
       if (typeof window < "u" && y) {
-        const g = y.vnode.el?.parentElement;
-        if (g)
-          return g.closest('[role="menu"]') !== null;
+        const h = y.vnode.el?.parentElement;
+        if (h)
+          return h.closest('[role="menu"]') !== null;
       }
       return !1;
     }), u = () => {
       try {
-        const g = t.default?.();
-        return g ? g.map((H) => typeof H.children == "string" ? H.children : H.children && Array.isArray(H.children) ? H.children.map(
-          (U) => typeof U == "string" ? U : ""
+        const h = t.default?.();
+        return h ? h.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 "";
       }
-    }, h = () => r.type === "button" ? "" : [
+    }, g = () => r.type === "button" ? "" : [
       "strands-nav-item",
       `strands-nav-item--color-${r.color}`,
       { "strands-nav-item--disabled": r.disabled }
-    ], $ = () => {
+    ], M = () => {
       r.disabled;
-    }, A = (g) => {
-      const H = {
+    }, A = (h) => {
+      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 H[g] || H.dashboard;
-    }, c = D(() => ({
+      return E[h] || E.dashboard;
+    }, c = U(() => ({
       id: V.value,
       label: u(),
       to: r.to,
@@ -11299,10 +11307,10 @@ const ai = {
       z && z(V.value);
     }), Le(() => [r.to, r.icon, r.disabled], () => {
       l && l(c.value);
-    }, { deep: !0 }), (g, H) => (a(), Ce(n(ce), {
+    }, { deep: !0 }), (h, E) => (a(), Ce(n(ce), {
       to: r.to,
-      onClick: $,
-      class: be(h()),
+      onClick: M,
+      class: be(g()),
       variant: r.variant,
       color: r.color,
       size: r.size,
@@ -11321,7 +11329,7 @@ const ai = {
             d: A(r.icon)
           }, null, 8, Wu)
         ])) : I("", !0),
-        je(g.$slots, "default")
+        je(h.$slots, "default")
       ]),
       _: 2
     }, [
@@ -11353,65 +11361,65 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
     overscan: { default: 5 }
   },
   setup(s, { expose: r }) {
-    const t = s, l = M(), z = M(0), V = D(() => {
-      const c = Math.floor(z.value / t.itemHeight), g = Math.min(
+    const t = s, l = $(), z = $(0), V = U(() => {
+      const c = Math.floor(z.value / t.itemHeight), h = 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, g + t.overscan)
+        end: Math.min(t.items.length - 1, h + t.overscan)
       };
-    }), y = D(() => {
-      const { start: c, end: g } = V.value, H = [];
-      for (let U = c; U <= g; U++)
-        H.push({
-          index: U,
-          data: t.items[U],
-          top: U * t.itemHeight
+    }), y = U(() => {
+      const { start: c, end: h } = V.value, E = [];
+      for (let D = c; D <= h; D++)
+        E.push({
+          index: D,
+          data: t.items[D],
+          top: D * t.itemHeight
         });
-      return H;
-    }), k = D(() => t.items.length * t.itemHeight), u = (c) => typeof t.itemKey == "function" ? t.itemKey(c) : c[t.itemKey] || c.id || Math.random();
-    let h = null;
-    const $ = (c) => {
-      h && clearTimeout(h), h = setTimeout(() => {
-        const g = c.target;
-        z.value = g.scrollTop;
+      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;
       }, 16);
     };
     return xt(() => {
-      h && clearTimeout(h);
+      g && clearTimeout(g);
     }), r({
-      scrollToItem: (c, g = "start") => {
+      scrollToItem: (c, h = "start") => {
         if (!l.value) return;
-        let H = c * t.itemHeight;
-        g === "center" ? H -= t.containerHeight / 2 - t.itemHeight / 2 : g === "end" && (H -= t.containerHeight - t.itemHeight), l.value.scrollTop = Math.max(0, H);
+        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);
       }
-    }), (c, g) => (a(), o("div", {
+    }), (c, h) => (a(), o("div", {
       ref_key: "scrollContainer",
       ref: l,
       style: Oe({ height: s.containerHeight + "px", overflowY: "auto" }),
-      onScroll: $,
+      onScroll: M,
       class: "accui-virtual-list"
     }, [
       e("div", {
         style: Oe({ height: k.value + "px", position: "relative" })
       }, [
-        (a(!0), o(Ue, null, Ke(y.value, (H) => (a(), o("div", {
-          key: u(H.data),
+        (a(!0), o(Ue, null, Ke(y.value, (E) => (a(), o("div", {
+          key: u(E.data),
           style: Oe({
             position: "absolute",
-            top: H.top + "px",
+            top: E.top + "px",
             left: 0,
             right: 0,
             height: s.itemHeight + "px"
           })
         }, [
           je(c.$slots, "default", {
-            item: H.data,
-            index: H.index
+            item: E.data,
+            index: E.index
           }, () => [
-            e("div", Xu, R(JSON.stringify(H.data)), 1)
+            e("div", Xu, R(JSON.stringify(E.data)), 1)
           ], !0)
         ], 4))), 128))
       ], 4)
@@ -11514,15 +11522,15 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
       }
     }, y = s, k = r, {
       mfaEnabled: u,
-      loading: h,
-      activeMfaDevices: $,
+      loading: g,
+      activeMfaDevices: M,
       fetchMfaDevices: A
-    } = Tt(), c = D({
+    } = Tt(), c = U({
       get: () => y.show,
       set: (q) => {
         q || k("close");
       }
-    }), g = M(!1), H = M(!1), U = M(!1), C = M(!1);
+    }), h = $(!1), E = $(!1), D = $(!1), C = $(!1);
     Le(() => y.show, async (q) => {
       q && await A();
     }), We(async () => {
@@ -11531,13 +11539,13 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
     const N = () => {
       k("close");
     }, p = () => {
-      g.value = !0;
+      h.value = !0;
     }, L = () => {
-      H.value = !0;
+      E.value = !0;
     }, O = () => {
       C.value = !0;
     }, S = async () => {
-      g.value = !1, H.value = !1, U.value = !1, await A(), k("success");
+      h.value = !1, E.value = !1, D.value = !1, await A(), k("success");
     }, w = async () => {
       await A();
     };
@@ -11555,8 +11563,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($).length > 0 ? "mfa-setup-status-enabled" : "mfa-setup-status-disabled"])
-              }, R(n(u) || n($).length > 0 ? "Enabled" : "Not Enabled"), 3)
+                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)
             ])
           ])
         ]),
@@ -11565,7 +11573,7 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
             d(n(ce), {
               variant: "secondary",
               onClick: N,
-              disabled: n(h)
+              disabled: n(g)
             }, {
               default: x(() => [...Z[15] || (Z[15] = [
                 Q(" Cancel ", -1)
@@ -11576,11 +11584,11 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
         ]),
         default: x(() => [
           e("div", sc, [
-            n(h) ? (a(), o("div", oc, [
+            n(g) ? (a(), o("div", oc, [
               d(n(ht), { size: 32 }),
               Z[6] || (Z[6] = e("span", { class: "mfa-setup-loading-text" }, "Loading MFA settings...", -1))
             ])) : (a(), o("div", lc, [
-              n(u) || n($).length > 0 ? (a(), o("div", nc, [
+              n(u) || n(M).length > 0 ? (a(), o("div", nc, [
                 e("div", ic, [
                   e("div", rc, [
                     d(z, {
@@ -11616,7 +11624,7 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
                         variant: "primary",
                         size: "md",
                         onClick: Be(p, ["stop"]),
-                        disabled: n(h),
+                        disabled: n(g),
                         class: "mfa-setup-method-button"
                       }, {
                         default: x(() => [...Z[8] || (Z[8] = [
@@ -11645,7 +11653,7 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
                         variant: "primary",
                         size: "md",
                         onClick: Be(L, ["stop"]),
-                        disabled: n(h),
+                        disabled: n(g),
                         class: "mfa-setup-method-button"
                       }, {
                         default: x(() => [...Z[10] || (Z[10] = [
@@ -11657,17 +11665,17 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
                   ])
                 ])
               ]),
-              n($).length > 0 ? (a(), o("div", fc, [
+              n(M).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($).length) + " device(s) currently active", 1)
+                    e("p", hc, R(n(M).length) + " device(s) currently active", 1)
                   ]),
                   d(n(ce), {
                     variant: "secondary",
                     size: "md",
                     onClick: O,
-                    disabled: n(h)
+                    disabled: n(g)
                   }, {
                     default: x(() => [
                       d(V, {
@@ -11685,22 +11693,22 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
         ]),
         _: 1
       }, 8, ["modelValue"]),
-      g.value ? (a(), Ce(Ga, {
+      h.value ? (a(), Ce(Ga, {
         key: 0,
-        show: g.value,
-        onClose: Z[1] || (Z[1] = (b) => g.value = !1),
+        show: h.value,
+        onClose: Z[1] || (Z[1] = (b) => h.value = !1),
         onSuccess: S
       }, null, 8, ["show"])) : I("", !0),
-      H.value ? (a(), Ce(Ya, {
+      E.value ? (a(), Ce(Ya, {
         key: 1,
-        show: H.value,
-        onClose: Z[2] || (Z[2] = (b) => H.value = !1),
+        show: E.value,
+        onClose: Z[2] || (Z[2] = (b) => E.value = !1),
         onSuccess: S
       }, null, 8, ["show"])) : I("", !0),
-      U.value ? (a(), Ce(Aa, {
+      D.value ? (a(), Ce(Aa, {
         key: 2,
-        show: U.value,
-        onClose: Z[3] || (Z[3] = (b) => U.value = !1),
+        show: D.value,
+        onClose: Z[3] || (Z[3] = (b) => D.value = !1),
         onSuccess: S
       }, null, 8, ["show"])) : I("", !0),
       C.value ? (a(), Ce(Wa, {
@@ -11713,19 +11721,19 @@ 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 ($, A = {}) => {
+  const { config: s } = pt(), { currentSession: r, refreshToken: t, getAuthHeaders: l } = ft(), z = async (M, A = {}) => {
     const {
       autoRefresh: c = !0,
-      requireAuth: g = !0,
-      baseURL: H,
-      ...U
+      requireAuth: h = !0,
+      baseURL: E,
+      ...D
     } = A;
-    if (g && !r.value?.accessToken)
+    if (h && !r.value?.accessToken)
       throw new Error("User is not authenticated");
-    let C = $;
-    const N = H || s.value.baseUrl;
-    N && typeof $ == "string" && !$.startsWith("http") && (C = new URL($, N).toString());
-    const p = new Headers(U.headers);
+    let C = M;
+    const N = E || s.value.baseUrl;
+    N && typeof M == "string" && !M.startsWith("http") && (C = new URL(M, N).toString());
+    const p = new Headers(D.headers);
     if (r.value?.accessToken)
       try {
         const S = l();
@@ -11733,11 +11741,11 @@ function Gt() {
           p.set(w, q);
         });
       } catch (S) {
-        if (console.warn("[Strands Auth] Failed to get auth headers:", S), g)
+        if (console.warn("[Strands Auth] Failed to get auth headers:", S), h)
           throw S;
       }
     const L = {
-      ...U,
+      ...D,
       headers: p
     };
     let O = await fetch(C, L);
@@ -11756,32 +11764,32 @@ function Gt() {
   };
   return {
     authenticatedFetch: z,
-    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($, {
+    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, {
         ...c,
         method: "POST",
-        headers: g,
+        headers: h,
         body: typeof A == "object" ? JSON.stringify(A) : A
       });
     },
-    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($, {
+    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, {
         ...c,
         method: "PUT",
-        headers: g,
+        headers: h,
         body: typeof A == "object" ? JSON.stringify(A) : A
       });
     },
-    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($, {
+    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, {
         ...c,
         method: "PATCH",
-        headers: g,
+        headers: h,
         body: typeof A == "object" ? JSON.stringify(A) : A
       });
     }