@strands.gg/accui 2.17.26 → 2.17.28

package/dist/index.es.js

@@ -1,8 +1,8 @@
-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 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 { _ as De, S as lt, U as Xa, a as Ja, b as es, c as ts, d as kt, M as as, e as _t, f as Yt, g as xa, u as Oa, C as _a, h as Ze, i as gt, j as Ra, k as mt, l as Ht } from "./StrandsUIPlugin-RTFzvRED.es.js";
+import { m as ad } from "./StrandsUIPlugin-RTFzvRED.es.js";
+import { defineComponent as Ve, computed as U, provide as Xt, onMounted as We, onUnmounted as xt, createElementBlock as o, openBlock as a, normalizeClass as be, createElementVNode as e, createBlock as Ce, renderSlot as je, Teleport as qt, createCommentVNode as I, toDisplayString as R, ref as M, watch as Le, createTextVNode as Q, reactive as Ye, withModifiers as Be, createStaticVNode as Jt, createVNode as d, withDirectives as Xe, withCtx as x, unref as n, vModelText as Je, nextTick as ht, Fragment as Ue, Transition as rt, createSlots as Zt, normalizeStyle as Oe, renderList as Ke, mergeProps as $a, useSlots as ga, inject as ma, resolveDynamicComponent as ot, onBeforeUnmount as Fa, withKeys as Re, h as oe, isMemoSame as ss, getCurrentInstance as os } from "vue";
 import { u as pt, p as La } from "./useStrandsConfig-CMKVW1p3.es.js";
-import { s as sd } from "./useStrandsConfig-CMKVW1p3.es.js";
+import { s as od } from "./useStrandsConfig-CMKVW1p3.es.js";
 import { u as ft } from "./useStrandsAuth-mv5zJr7L.es.js";
 const ls = { class: "app-content" }, ns = {
   key: 0,
@@ -54,7 +54,7 @@ const ls = { class: "app-content" }, ns = {
       ]))
     ], 2));
   }
-}), xc = /* @__PURE__ */ De(us, [["__scopeId", "data-v-f18c1706"]]), ce = lt;
+}), Mc = /* @__PURE__ */ De(us, [["__scopeId", "data-v-f18c1706"]]), ce = lt;
 ce.Content = Xa;
 ce.Anchor = Ja;
 ce.Nuxt = es;
@@ -136,9 +136,9 @@ const Ha = kt("users", [
   },
   emits: ["update:modelValue", "change"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = $(!1), V = U(() => t.modelValue !== void 0 ? !!t.modelValue : t.checked !== void 0 ? typeof t.checked == "string" ? t.checked === "" || t.checked === "true" : !!t.checked : z.value);
-    Le(() => t.checked, (M) => {
-      M !== void 0 && (typeof M == "string" ? z.value = M === "" || M === "true" : z.value = !!M);
+    const t = s, l = r, z = M(!1), V = U(() => t.modelValue !== void 0 ? !!t.modelValue : t.checked !== void 0 ? typeof t.checked == "string" ? t.checked === "" || t.checked === "true" : !!t.checked : z.value);
+    Le(() => t.checked, ($) => {
+      $ !== void 0 && (typeof $ == "string" ? z.value = $ === "" || $ === "true" : z.value = !!$);
     }, { immediate: !0 });
     const y = U(() => t.id || `ui-toggle-${Math.random().toString(36).substr(2, 9)}`), k = U(() => [
       "ui-toggle",
@@ -154,10 +154,10 @@ const Ha = kt("users", [
       }
     ]), g = () => {
       if (t.disabled) return;
-      const M = !V.value;
-      z.value = M, l("update:modelValue", M), l("change", M);
+      const $ = !V.value;
+      z.value = $, l("update:modelValue", $), l("change", $);
     };
-    return (M, A) => (a(), o("div", hs, [
+    return ($, A) => (a(), o("div", hs, [
       s.label ? (a(), o("label", {
         key: 0,
         for: y.value,
@@ -194,7 +194,7 @@ const Ha = kt("users", [
   },
   emits: ["upload", "error"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = $(), V = $(), y = $(), k = $(""), u = $(), g = $(t.size), M = $(t.previewSize), A = $(t.size / 2.5), c = Ye({ x: 0, y: 0 }), h = $(1), E = $(0.1), D = $(3), C = $(!1), N = $(!1), p = $(!1), L = Ye({ x: 0, y: 0, imageX: 0, imageY: 0 });
+    const t = s, l = r, z = M(), V = M(), y = M(), k = M(""), u = M(), g = M(t.size), $ = M(t.previewSize), A = M(t.size / 2.5), c = Ye({ x: 0, y: 0 }), h = M(1), H = M(0.1), D = M(3), C = M(!1), N = M(!1), p = M(!1), L = Ye({ x: 0, y: 0, imageX: 0, imageY: 0 });
     We(() => {
       if (V.value) {
         const j = V.value.getContext("2d");
@@ -233,11 +233,11 @@ const Ha = kt("users", [
           A.value * 2 / K.width,
           A.value * 2 / K.height
         ), ae = ie;
-        E.value = ie, D.value = Math.max(1, ie);
+        H.value = ie, D.value = Math.max(1, ie);
         const W = K.width * ae, le = K.height * ae;
-        c.x = (g.value - W) / 2, c.y = (g.value - le) / 2, h.value = ae, ue(), yt(() => {
+        c.x = (g.value - W) / 2, c.y = (g.value - le) / 2, h.value = ae, ue(), ht(() => {
           N.value = !1;
-        }), yt(() => {
+        }), ht(() => {
           b();
         });
       }, K.src = j;
@@ -252,7 +252,7 @@ const Ha = kt("users", [
       if (!u.value || !y.value || !V.value) return;
       const j = y.value.getContext("2d");
       if (!j) return;
-      j.fillStyle = "#ffffff", j.fillRect(0, 0, M.value, M.value), j.save(), j.beginPath(), j.arc(M.value / 2, M.value / 2, M.value / 2, 0, Math.PI * 2), j.clip();
+      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 = g.value / 2 - A.value, ie = g.value / 2 - A.value, ae = A.value * 2;
       j.drawImage(
         V.value,
@@ -262,8 +262,8 @@ const Ha = kt("users", [
         ae,
         0,
         0,
-        M.value,
-        M.value
+        $.value,
+        $.value
       ), j.restore();
     }, te = (j) => {
       u.value && (C.value = !0, L.x = j.clientX, L.y = j.clientY, L.imageX = c.x, L.imageY = c.y, document.addEventListener("mousemove", ye), document.addEventListener("mouseup", Me));
@@ -279,7 +279,7 @@ const Ha = kt("users", [
       C.value = !1, document.removeEventListener("mousemove", ye), document.removeEventListener("mouseup", Me);
     }, Ae = (j) => {
       j.preventDefault();
-      const K = j.deltaY > 0 ? -0.05 : 0.05, ie = Math.max(E.value, Math.min(D.value, h.value + K));
+      const K = j.deltaY > 0 ? -0.05 : 0.05, ie = Math.max(H.value, Math.min(D.value, h.value + K));
       if (ie !== h.value && u.value) {
         p.value = !0;
         const ae = u.value, W = g.value / 2, le = ae.width * h.value, _e = ae.height * h.value, Te = ae.width * ie, Ee = ae.height * ie, $e = c.x + le / 2 - W, re = c.y + _e / 2 - W, ve = ie / h.value, Ie = $e * ve, G = re * ve;
@@ -295,9 +295,9 @@ const Ha = kt("users", [
         A.value * 2 / j.width,
         A.value * 2 / j.height
       ), ie = K;
-      E.value = K, D.value = Math.max(1, K);
+      H.value = K, D.value = Math.max(1, K);
       const ae = j.width * ie, W = j.height * ie;
-      c.x = (g.value - ae) / 2, c.y = (g.value - W) / 2, h.value = ie, ue(), yt(() => {
+      c.x = (g.value - ae) / 2, c.y = (g.value - W) / 2, h.value = ie, ue(), ht(() => {
         N.value = !1;
       }), b();
     }, xe = async () => {
@@ -407,7 +407,7 @@ const Ha = kt("users", [
               e("div", Ds, [
                 d(lt, {
                   onClick: K[2] || (K[2] = (ie) => {
-                    h.value = Math.max(E.value, h.value - 0.1), ue(), b();
+                    h.value = Math.max(H.value, h.value - 0.1), ue(), b();
                   }),
                   icon: !0,
                   squircle: !0,
@@ -423,7 +423,7 @@ const Ha = kt("users", [
                 Xe(e("input", {
                   type: "range",
                   "onUpdate:modelValue": K[3] || (K[3] = (ie) => h.value = ie),
-                  min: E.value,
+                  min: H.value,
                   max: D.value,
                   step: 0.01,
                   class: "zoom-slider",
@@ -496,8 +496,8 @@ const Ha = kt("users", [
               e("canvas", {
                 ref_key: "previewCanvas",
                 ref: y,
-                width: M.value,
-                height: M.value,
+                width: $.value,
+                height: $.value,
                 class: "preview-canvas"
               }, null, 8, Os)
             ]),
@@ -559,8 +559,8 @@ class Sa {
       { freq: 783.99, time: 0.3 }
       // G5
     ].forEach((u) => {
-      const g = r.createOscillator(), M = r.createGain();
-      g.connect(M), M.connect(r.destination), g.type = "sine", g.frequency.setValueAtTime(u.freq, t + u.time), g.frequency.exponentialRampToValueAtTime(u.freq * 1.02, t + u.time + 0.1), g.frequency.exponentialRampToValueAtTime(u.freq, t + u.time + 0.4), M.gain.setValueAtTime(0, t + u.time), M.gain.linearRampToValueAtTime(0.08, t + u.time + 0.03), M.gain.linearRampToValueAtTime(0.06, t + u.time + 0.2), M.gain.exponentialRampToValueAtTime(0.01, t + u.time + 0.5), g.start(t + u.time), g.stop(t + u.time + 0.5);
+      const g = r.createOscillator(), $ = r.createGain();
+      g.connect($), $.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), $.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), 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 g = r.createOscillator(), M = r.createGain();
-      g.connect(M), M.connect(r.destination), g.type = "sine", g.frequency.setValueAtTime(u.freq, t + u.time), M.gain.setValueAtTime(0, t + u.time), M.gain.linearRampToValueAtTime(0.15, t + u.time + 0.05), M.gain.exponentialRampToValueAtTime(0.01, t + u.time + 0.8), g.start(t + u.time), g.stop(t + u.time + 0.8);
+      const g = r.createOscillator(), $ = r.createGain();
+      g.connect($), $.connect(r.destination), g.type = "sine", g.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), 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 g = r.createOscillator(), M = r.createGain();
-      g.connect(M), M.connect(r.destination), g.type = "triangle", g.frequency.setValueAtTime(u.freq, t + u.time), M.gain.setValueAtTime(0, t + u.time), M.gain.linearRampToValueAtTime(0.08, t + u.time + 0.3), M.gain.exponentialRampToValueAtTime(0.01, t + u.time + u.duration), g.start(t + u.time), g.stop(t + u.time + u.duration);
+      const g = r.createOscillator(), $ = r.createGain();
+      g.connect($), $.connect(r.destination), g.type = "triangle", g.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), 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 g = r.createOscillator(), M = r.createGain();
-      g.connect(M), M.connect(r.destination), g.type = "sine", g.frequency.setValueAtTime(u.freq, t + u.time), M.gain.setValueAtTime(0, t + u.time), M.gain.linearRampToValueAtTime(0.1, t + u.time + 0.02), M.gain.exponentialRampToValueAtTime(0.01, t + u.time + 0.4), g.start(t + u.time), g.stop(t + u.time + 0.4);
+      const g = r.createOscillator(), $ = r.createGain();
+      g.connect($), $.connect(r.destination), g.type = "sine", g.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), g.start(t + u.time), g.stop(t + u.time + 0.4);
     }), [261.63, 329.63, 392, 523.25].forEach((u) => {
-      const g = r.createOscillator(), M = r.createGain();
-      g.connect(M), M.connect(r.destination), g.type = "sine", g.frequency.setValueAtTime(u, t + 1.8), M.gain.setValueAtTime(0, t + 1.8), M.gain.linearRampToValueAtTime(0.12, t + 1.9), M.gain.exponentialRampToValueAtTime(0.01, t + l), g.start(t + 1.8), g.stop(t + l);
+      const g = r.createOscillator(), $ = r.createGain();
+      g.connect($), $.connect(r.destination), g.type = "sine", g.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), g.start(t + 1.8), g.stop(t + l);
     });
   }
   /**
@@ -701,9 +701,9 @@ const Fs = (s, r) => Sa.playLevelUp(s, r), qs = { class: "level-progress-contain
   },
   emits: ["levelup"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = $(!1), V = $(t.value), y = $("forward");
+    const t = s, l = r, z = M(!1), V = M(t.value), y = M("forward");
     let k = null, u = t.value, g = t.level;
-    const M = Kt, A = t.size ?? Kt, c = Kt / 2, h = U(() => t.thickness ?? 24), E = U(() => t.labelThickness ?? 46), D = U(() => t.gapAngle ?? 16), C = U(() => (Kt - h.value) / 2 - Da), N = U(() => (Kt - E.value) / 1.9 - Da), p = U(() => N.value + 10), L = U(() => C.value - h.value / 2 - so), O = U(() => t.levelLabel?.length ?? 0), S = U(() => O.value * no + lo), w = U(() => -S.value / 2), q = U(() => S.value / 2), Z = U(
+    const $ = Kt, A = t.size ?? Kt, c = Kt / 2, h = U(() => t.thickness ?? 24), H = U(() => t.labelThickness ?? 46), D = U(() => t.gapAngle ?? 16), C = U(() => (Kt - h.value) / 2 - Da), N = U(() => (Kt - H.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 = U(
       () => (
@@ -778,7 +778,7 @@ const Fs = (s, r) => Sa.playLevelUp(s, r), qs = { class: "level-progress-contain
       (a(), o("svg", {
         width: n(A),
         height: n(A),
-        viewBox: `0 0 ${n(M)} ${n(M)}`,
+        viewBox: `0 0 ${n($)} ${n($)}`,
         style: { position: "relative" }
       }, [
         z.value ? (a(), o("g", Ks, [
@@ -810,7 +810,7 @@ const Fs = (s, r) => Sa.playLevelUp(s, r), qs = { class: "level-progress-contain
         e("path", {
           d: Z.value,
           stroke: ue.value,
-          "stroke-width": E.value,
+          "stroke-width": H.value,
           fill: "none",
           "stroke-linecap": "round"
         }, null, 8, Qs),
@@ -953,7 +953,7 @@ function uo(s = {}) {
     closeOnEscape: r = !0,
     priority: t = "normal",
     component: l
-  } = s, z = $(null), V = $(!1), y = $(null), k = async (A) => {
+  } = s, z = M(null), V = M(!1), y = M(null), k = async (A) => {
     if (V.value) return;
     const c = /* @__PURE__ */ Symbol("modal");
     z.value = c;
@@ -964,10 +964,10 @@ function uo(s = {}) {
       priority: t,
       component: l
     });
-    return y.value = h, V.value = !0, await yt(), h;
+    return y.value = h, V.value = !0, await ht(), h;
   }, u = () => {
     !z.value || !V.value || (Ft.remove(z.value), z.value = null, y.value = null, V.value = !1);
-  }, g = () => z.value ? document.querySelector(`[data-modal-id="${z.value.toString()}"]`) : null, M = () => y.value ? document.querySelector(`.ui-app-modal-backdrop[style*="z-index: ${y.value.zIndex - 1}"]`) : null;
+  }, g = () => z.value ? document.querySelector(`[data-modal-id="${z.value.toString()}"]`) : null, $ = () => y.value ? document.querySelector(`.ui-app-modal-backdrop[style*="z-index: ${y.value.zIndex - 1}"]`) : null;
   try {
     xt(() => {
       V.value && u();
@@ -984,7 +984,7 @@ function uo(s = {}) {
     closeModal: u,
     // Utilities
     getModalContainer: g,
-    getModalBackdrop: M,
+    getModalBackdrop: $,
     // Computed values
     zIndex: () => y.value?.zIndex || 0,
     isTopModal: () => {
@@ -993,15 +993,15 @@ function uo(s = {}) {
     }
   };
 }
-function Mc(s) {
+function $c(s) {
   const r = () => `[data-modal-id="${s.toString()}"]`, t = () => document.querySelector(r()) !== null;
   return {
     target: r(),
     isAvailable: t
   };
 }
-function $c() {
-  const s = $(Ft.state), r = Ft.subscribe((t) => {
+function Sc() {
+  const s = M(Ft.state), r = Ft.subscribe((t) => {
     s.value = t;
   });
   try {
@@ -1046,13 +1046,13 @@ const co = {
   },
   emits: ["update:modelValue", "open", "close"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = $(!1), V = $(null), y = $(null), k = $(null), u = uo({
+    const t = s, l = r, z = M(!1), V = M(null), y = M(null), k = M(null), u = uo({
       closeOnEscape: t.closeOnEscape,
       priority: "normal",
       component: "UiModal"
     });
-    $(!0);
-    const g = U(() => t.modelValue !== void 0 ? t.modelValue : z.value), M = U(() => ({
+    M(!0);
+    const g = U(() => t.modelValue !== void 0 ? t.modelValue : z.value), $ = U(() => ({
       sm: "ui-modal-size-sm",
       md: "ui-modal-size-md",
       lg: "ui-modal-size-lg",
@@ -1069,14 +1069,14 @@ const co = {
     }, c = () => {
       V.value && (k.value = V.value.querySelector('button, [tabindex]:not([tabindex="-1"]), a[href], input, select, textarea'), k.value || (k.value = V.value)), A();
     }, h = () => {
-      t.modelValue !== void 0 ? l("update:modelValue", !1) : z.value = !1, l("close"), u.closeModal(), yt(() => {
+      t.modelValue !== void 0 ? l("update:modelValue", !1) : z.value = !1, l("close"), u.closeModal(), ht(() => {
         k.value && document.contains(k.value) && k.value.focus(), k.value = null;
       });
     };
     Le(g, async (D) => {
-      D ? (u.isOpen.value || await u.openModal(h), await yt(), y.value && y.value.focus()) : u.isOpen.value && u.closeModal();
+      D ? (u.isOpen.value || await u.openModal(h), await ht(), y.value && y.value.focus()) : u.isOpen.value && u.closeModal();
     });
-    const E = (D) => {
+    const H = (D) => {
       if (!g.value || D.key !== "Tab" || !y.value) return;
       const C = y.value.querySelectorAll(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
@@ -1086,9 +1086,9 @@ const co = {
       D.shiftKey ? document.activeElement === p && (D.preventDefault(), L.focus()) : document.activeElement === L && (D.preventDefault(), p.focus());
     };
     return We(() => {
-      document.addEventListener("keydown", E);
+      document.addEventListener("keydown", H);
     }), xt(() => {
-      document.removeEventListener("keydown", E);
+      document.removeEventListener("keydown", H);
     }), (D, C) => (a(), o(Ue, null, [
       D.$slots.trigger ? (a(), o("span", {
         key: 0,
@@ -1119,7 +1119,7 @@ const co = {
                   padding: s.cardPadding,
                   shadow: s.cardShadow,
                   color: s.cardColor,
-                  class: be([s.cardClass, M.value]),
+                  class: be([s.cardClass, $.value]),
                   tabindex: "-1"
                 }, Zt({
                   header: x(() => [
@@ -1837,12 +1837,12 @@ const co = {
       }
       return "#EA00A8";
     }
-    const l = s, z = r, V = $(), y = $(), k = $(), u = $(0), g = $(1), M = $(1), A = $(1), c = $(l.modelValue || t()), h = $({ r: 234, g: 0, b: 168 }), E = $(100), D = $(l.defaultColorFormat || "hex"), C = $({ h: 0, s: 0, l: 0 }), N = $({ l: 0, c: 0, h: 0 }), p = $(!1), L = $(!1), O = $(!1), S = $(!1), w = $(!1), q = U(() => p.value), Z = $(null), b = $(l.compareColor);
+    const l = s, z = r, V = M(), y = M(), k = M(), u = M(0), g = M(1), $ = M(1), A = M(1), c = M(l.modelValue || t()), h = M({ r: 234, g: 0, b: 168 }), H = M(100), D = M(l.defaultColorFormat || "hex"), C = M({ h: 0, s: 0, l: 0 }), N = M({ l: 0, c: 0, h: 0 }), p = M(!1), L = M(!1), O = M(!1), S = M(!1), w = M(!1), q = U(() => p.value), Z = M(null), b = M(l.compareColor);
     let T = null, te = null;
-    const ue = $(!1);
+    const ue = M(!1);
     let ye = "";
     Le(() => [l.showContrast, l.compareColor], ([v, i], m) => {
-      v && i && !S.value && (S.value = !0), typeof i == "string" && (b.value = i), m && i !== m[1] && (Ct.value = [], nt.value = [], it.value = "", zt.value = "", Vt.value = "", It.value = "");
+      v && i && !S.value && (S.value = !0), typeof i == "string" && (b.value = i), m && i !== m[1] && (yt.value = [], nt.value = [], it.value = "", zt.value = "", Vt.value = "", It.value = "");
     }, { immediate: !0 }), Le(S, (v) => {
       v && l.showContrast && l.compareColor && ea();
     });
@@ -1874,7 +1874,7 @@ const co = {
         if (ee.toLowerCase() === m && _.shades || _.shades?.some((Y) => Y.toLowerCase() === m))
           return ee;
       return null;
-    }), K = $([]), ie = $(""), ae = U(() => {
+    }), K = M([]), ie = M(""), ae = U(() => {
       if (!j.value)
         return K.value;
       const v = Ae.value[j.value], i = Se.value[j.value], m = v?.shades || i?.shades || [];
@@ -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), H = Math.pow(_ / 255, 2.4);
-      return 0.2126729 * Y + 0.7151522 * F + 0.072175 * H < 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), E = Math.pow(_ / 255, 2.4);
+      return 0.2126729 * Y + 0.7151522 * F + 0.072175 * E < 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 * _), H = m * (1 - i * (1 - _));
+      const ee = Math.floor(v / 60), _ = v / 60 - ee, Y = m * (1 - i), F = m * (1 - i * _), E = m * (1 - i * (1 - _));
       let f, B, se;
       switch (ee % 6) {
         case 0:
-          f = m, B = H, se = Y;
+          f = m, B = E, se = Y;
           break;
         case 1:
           f = F, B = m, se = Y;
           break;
         case 2:
-          f = Y, B = m, se = H;
+          f = Y, B = m, se = E;
           break;
         case 3:
           f = Y, B = F, se = m;
           break;
         case 4:
-          f = H, B = Y, se = m;
+          f = E, 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 H = ee === 0 ? 0 : Y / ee, f = ee;
+      const E = 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(H * 1e3) / 1e3,
+        s: Math.round(E * 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 H = 0, f = 0, B = F / 2;
+      let E = 0, f = 0, B = F / 2;
       if (Y !== 0)
         switch (f = B > 0.5 ? Y / (2 - F) : Y / F, ee) {
           case v:
-            H = ((i - m) / Y + (i < m ? 6 : 0)) / 6;
+            E = ((i - m) / Y + (i < m ? 6 : 0)) / 6;
             break;
           case i:
-            H = ((m - v) / Y + 2) / 6;
+            E = ((m - v) / Y + 2) / 6;
             break;
           case m:
-            H = ((v - i) / Y + 4) / 6;
+            E = ((v - i) / Y + 4) / 6;
             break;
         }
       return {
-        h: Math.round(H * 360),
+        h: Math.round(E * 360),
         s: Math.round(f * 100),
         l: Math.round(B * 100)
       };
     }, X = (v, i, m) => {
       v /= 360, i /= 100, m /= 100;
-      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);
+      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);
       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), 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);
+      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);
       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 * _, 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;
+      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;
       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,9 +2048,9 @@ 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), H = Math.min(_, Y);
-      return (F + 0.05) / (H + 0.05);
-    }, gt = (v, i = "normal") => {
+      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);
+    }, Ct = (v, i = "normal") => {
       if (i === "large") {
         if (v >= 4.5) return "AAA";
         if (v >= 3) return "AA";
@@ -2059,7 +2059,7 @@ const co = {
         if (v >= 4.5) return "AA";
       }
       return "FAIL";
-    }, Pe = U(() => re(u.value, g.value, M.value)), Ut = U(() => `rgb(${Pe.value.r}, ${Pe.value.g}, ${Pe.value.b})`), at = U(() => {
+    }, Pe = U(() => re(u.value, g.value, $.value)), Ut = U(() => `rgb(${Pe.value.r}, ${Pe.value.g}, ${Pe.value.b})`), at = U(() => {
       const { r: v, g: i, b: m } = Pe.value;
       return l.showAlpha && A.value < 0.99 ? `rgba(${v}, ${i}, ${m}, ${A.value})` : G(v, i, m);
     }), ea = () => {
@@ -2070,8 +2070,8 @@ const co = {
       const v = G(Pe.value.r, Pe.value.g, Pe.value.b), i = Fe(v, l.compareColor);
       Z.value = {
         ratio: i,
-        normalText: gt(i, "normal"),
-        largeText: gt(i, "large"),
+        normalText: Ct(i, "normal"),
+        largeText: Ct(i, "large"),
         currentColor: v,
         compareColor: l.compareColor
       };
@@ -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 H = `M ${F[0].x} ${F[0].y}`;
+      let E = `M ${F[0].x} ${F[0].y}`;
       if (F.length === 2)
-        H += ` L ${F[1].x} ${F[1].y}`;
+        E += ` 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;
-          H += ` Q ${se.x} ${se.y} ${ke} ${ge}`;
+          E += ` Q ${se.x} ${se.y} ${ke} ${ge}`;
         }
         const f = F[F.length - 1];
-        H += ` Q ${f.x} ${f.y} ${f.x} ${f.y}`;
+        E += ` Q ${f.x} ${f.y} ${f.x} ${f.y}`;
       }
-      return it.value = H, H;
+      return it.value = E, E;
     }), Dt = U(() => {
       if (!S.value || !b.value) return "";
       if (zt.value)
         return zt.value;
-      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);
+      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);
         return Fe(me, b.value);
       }, _ = [], Y = [];
-      for (let H = -20; H <= v + 20; H += 2) {
+      for (let E = -20; E <= v + 20; E += 2) {
         let f = !1, B = -1;
         for (let se = i - 1; se >= 1; se--) {
-          const de = ee(H, se), ke = ee(H, se - 1);
+          const de = ee(E, se), ke = ee(E, 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(H, qe);
+              const qe = (ge + me) / 2, Ge = ee(E, qe);
               if (Math.abs(Ge - m) < 0.01) {
                 B = qe, f = !0;
                 break;
@@ -2157,44 +2157,44 @@ const co = {
             break;
           }
         }
-        f && B >= 0 && Y.push({ x: H, y: B });
+        f && B >= 0 && Y.push({ x: E, y: B });
       }
       if (Y.length === 0) return "";
       if (Y.length > 4) {
         _.push(Y[0]);
-        const H = Math.floor(Y.length / 4);
-        for (let B = H; B < Y.length - H; B += H)
+        const E = Math.floor(Y.length / 4);
+        for (let B = E; B < Y.length - E; B += E)
           _.push(Y[B]);
         const f = Y[Y.length - 1];
         _.push(f);
       } else
         _.push(...Y);
       if (_.length > 0) {
-        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);
+        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);
       }
       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 H = 1; H < _.length; H++) {
-        const f = _[H];
+      for (let E = 1; E < _.length; E++) {
+        const f = _[E];
         if (_.length <= 3)
-          if (H === 1 && _.length === 3) {
+          if (E === 1 && _.length === 3) {
             F += ` Q ${f.x} ${f.y} ${_[2].x} ${_[2].y}`;
             break;
           } else
             F += ` L ${f.x} ${f.y}`;
         else {
-          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;
+          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;
             F += ` C ${de} ${ke}, ${ge} ${me}, ${f.x} ${f.y}`;
-          } 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;
+          } 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;
             F += ` C ${de} ${ke}, ${ge} ${me}, ${f.x} ${f.y}`;
           } else {
-            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;
+            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;
             F += ` C ${ke} ${ge}, ${me} ${ze}, ${f.x} ${f.y}`;
           }
         }
@@ -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 H = `M ${F[0].x} ${F[0].y}`;
+      let E = `M ${F[0].x} ${F[0].y}`;
       if (F.length === 2)
-        H += ` L ${F[1].x} ${F[1].y}`;
+        E += ` 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;
-          H += ` Q ${se.x} ${se.y} ${ke} ${ge}`;
+          E += ` Q ${se.x} ${se.y} ${ke} ${ge}`;
         }
         const f = F[F.length - 1];
-        H += ` Q ${f.x} ${f.y} ${f.x} ${f.y}`;
+        E += ` Q ${f.x} ${f.y} ${f.x} ${f.y}`;
       }
-      return Vt.value = H, H;
+      return Vt.value = E, E;
     }), sa = U(() => {
       if (!S.value || !b.value) return "";
       if (It.value)
         return It.value;
-      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);
+      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);
         return Fe(me, b.value);
       }, _ = [], Y = [];
-      for (let H = -20; H <= v + 20; H += 2) {
+      for (let E = -20; E <= v + 20; E += 2) {
         let f = !1, B = -1;
         for (let se = i - 1; se >= 1; se--) {
-          const de = ee(H, se), ke = ee(H, se - 1);
+          const de = ee(E, se), ke = ee(E, 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(H, qe);
+              const qe = (ge + me) / 2, Ge = ee(E, qe);
               if (Math.abs(Ge - m) < 0.01) {
                 B = qe, f = !0;
                 break;
@@ -2280,44 +2280,44 @@ const co = {
             break;
           }
         }
-        f && B >= 0 && Y.push({ x: H, y: B });
+        f && B >= 0 && Y.push({ x: E, y: B });
       }
       if (Y.length === 0) return "";
       if (Y.length > 4) {
         _.push(Y[0]);
-        const H = Math.floor(Y.length / 4);
-        for (let B = H; B < Y.length - H; B += H)
+        const E = Math.floor(Y.length / 4);
+        for (let B = E; B < Y.length - E; B += E)
           _.push(Y[B]);
         const f = Y[Y.length - 1];
         _.push(f);
       } else
         _.push(...Y);
       if (_.length > 0) {
-        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);
+        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);
       }
       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 H = 1; H < _.length; H++) {
-        const f = _[H];
+      for (let E = 1; E < _.length; E++) {
+        const f = _[E];
         if (_.length <= 3)
-          if (H === 1 && _.length === 3) {
+          if (E === 1 && _.length === 3) {
             F += ` Q ${f.x} ${f.y} ${_[2].x} ${_[2].y}`;
             break;
           } else
             F += ` L ${f.x} ${f.y}`;
         else {
-          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;
+          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;
             F += ` C ${de} ${ke}, ${ge} ${me}, ${f.x} ${f.y}`;
-          } 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;
+          } 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;
             F += ` C ${de} ${ke}, ${ge} ${me}, ${f.x} ${f.y}`;
           } else {
-            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;
+            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;
             F += ` C ${ke} ${ge}, ${me} ${ze}, ${f.x} ${f.y}`;
           }
         }
@@ -2327,21 +2327,21 @@ const co = {
     U(() => {
       if (!S.value || !et.value) return [];
       const v = dt, i = vt, m = (_, Y) => {
-        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);
+        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);
         return Fe(de, b.value);
       }, ee = [];
       for (let _ = 0; _ <= v; _ += 3)
         for (let Y = 0; Y < i; Y++) {
-          const F = m(_, Y), H = m(_, Y + 1);
-          if (F < 3.1 && H >= 3.1 || F >= 3.1 && H < 3.1) {
+          const F = m(_, Y), E = m(_, Y + 1);
+          if (F < 3.1 && E >= 3.1 || F >= 3.1 && E < 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, _), H = m(Y + 1, _);
-          if (F < 3.1 && H >= 3.1 || F >= 3.1 && H < 3.1) {
+          const F = m(Y, _), E = m(Y + 1, _);
+          if (F < 3.1 && E >= 3.1 || F >= 3.1 && E < 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 = $([]), nt = $([]), it = $(""), zt = $(""), Vt = $(""), It = $(""), oa = U(() => S.value && b.value && (!Ct.value.length || !nt.value.length)), Ca = U(() => S.value && b.value);
+    const yt = M([]), nt = M([]), it = M(""), zt = M(""), Vt = M(""), It = M(""), oa = U(() => S.value && b.value && (!yt.value.length || !nt.value.length)), Ca = U(() => S.value && b.value);
     U(() => Ca.value), U(() => {
       if (!S.value || !b.value) return [];
-      if (q.value && Ct.value.length > 0 || !oa.value && Ct.value.length > 0)
-        return Ct.value;
-      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);
+      if (q.value && yt.value.length > 0 || !oa.value && yt.value.length > 0)
+        return yt.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);
         return Fe(me, b.value);
       }, Y = [];
-      for (let H = 0; H <= i; H += 6)
+      for (let E = 0; E <= i; E += 6)
         for (let f = 0; f < m - 1; f += 1) {
-          const B = _(H, f), se = _(H, f + 1);
+          const B = _(E, f), se = _(E, 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 = _(H, me);
+              const me = (de + ke) / 2, ze = _(E, me);
               if (Math.abs(ze - 4.5) < 0.05) {
-                Y.push({ x: H, y: me });
+                Y.push({ x: E, y: me });
                 break;
               }
               ze > 4.5 ? de = me : ke = me;
             }
-            (Y.length === 0 || Y[Y.length - 1].x !== H) && Y.push({ x: H, y: (de + ke) / 2 });
+            (Y.length === 0 || Y[Y.length - 1].x !== E) && Y.push({ x: E, y: (de + ke) / 2 });
             break;
           }
         }
-      const F = (H, f) => {
+      const F = (E, f) => {
         if (Y.length === 0) return 50;
         let B = 1 / 0;
         for (const se of Y) {
           const de = Math.sqrt(
-            Math.pow(H - se.x, 2) + Math.pow(f - se.y, 2)
+            Math.pow(E - se.x, 2) + Math.pow(f - se.y, 2)
           );
           B = Math.min(B, de);
         }
         return B;
       };
-      for (let H = ee / 2; H < i; H += ee)
+      for (let E = ee / 2; E < i; E += ee)
         for (let f = ee / 2; f < m; f += ee)
-          if (_(H, f) < 4.5) {
-            const se = F(H, f), de = 4;
+          if (_(E, f) < 4.5) {
+            const se = F(E, 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: H,
+                x: E,
                 y: f,
                 radius: ba,
                 opacity: Ge,
@@ -2402,7 +2402,7 @@ const co = {
               });
             }
           }
-      return Ct.value = v, v;
+      return yt.value = v, v;
     }), U(() => {
       if (!S.value || !b.value) return [];
       if (q.value && nt.value.length > 0 || !oa.value && nt.value.length > 0)
@@ -2426,7 +2426,7 @@ const co = {
             }
           }
         }
-      const H = (f, B) => {
+      const E = (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 = H(f, B), ke = 4;
+            const de = E(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({
@@ -2454,19 +2454,19 @@ const co = {
     });
     const la = U(() => {
       if (!S.value || !b.value) return "";
-      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);
+      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);
         return Fe(ge, b.value);
       }, ee = [], _ = [];
       for (let F = -20; F <= v + 20; F += 2) {
-        for (let H = 0; H < i; H++)
-          if (m(F, H) < 4.5) {
-            ee.push({ x: F, y: H });
+        for (let E = 0; E < i; E++)
+          if (m(F, E) < 4.5) {
+            ee.push({ x: F, y: E });
             break;
           }
-        for (let H = i - 1; H >= 0; H--)
-          if (m(F, H) < 4.5) {
-            _.push({ x: F, y: H });
+        for (let E = i - 1; E >= 0; E--)
+          if (m(F, E) < 4.5) {
+            _.push({ x: F, y: E });
             break;
           }
       }
@@ -2474,41 +2474,41 @@ const co = {
         return "";
       let Y = "M";
       for (let F = 0; F < ee.length; F++) {
-        const H = ee[F];
-        F === 0 ? Y += ` ${H.x} ${H.y}` : Y += ` L ${H.x} ${H.y}`;
+        const E = ee[F];
+        F === 0 ? Y += ` ${E.x} ${E.y}` : Y += ` L ${E.x} ${E.y}`;
       }
       for (let F = _.length - 1; F >= 0; F--) {
-        const H = _[F];
-        Y += ` L ${H.x} ${H.y}`;
+        const E = _[F];
+        Y += ` L ${E.x} ${E.y}`;
       }
       return Y += " Z", Y;
     }), na = U(() => {
       if (!S.value || !b.value) return "";
-      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);
+      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);
         return Fe(me, b.value);
       }, _ = [], Y = [];
-      for (let H = -20; H <= v + 20; H += 2) {
+      for (let E = -20; E <= v + 20; E += 2) {
         for (let f = 0; f < i; f++)
-          if (ee(H, f) < m) {
-            _.push({ x: H, y: f });
+          if (ee(E, f) < m) {
+            _.push({ x: E, y: f });
             break;
           }
         for (let f = i - 1; f >= 0; f--)
-          if (ee(H, f) < m) {
-            Y.push({ x: H, y: f });
+          if (ee(E, f) < m) {
+            Y.push({ x: E, y: f });
             break;
           }
       }
       if (_.length < 3 || Y.length < 3)
         return "";
       let F = "M";
-      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 = 0; E < _.length; E++) {
+        const f = _[E];
+        E === 0 ? F += ` ${f.x} ${f.y}` : F += ` L ${f.x} ${f.y}`;
       }
-      for (let H = Y.length - 1; H >= 0; H--) {
-        const f = Y[H];
+      for (let E = Y.length - 1; E >= 0; E--) {
+        const f = Y[E];
         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));
-      g.value = _ / i.width, M.value = 1 - Y / i.height;
+      g.value = _ / i.width, $.value = 1 - Y / i.height;
     }, ua = (v) => {
       l.disabled || (L.value = !0, ca(v), document.addEventListener("mousemove", Nt), document.addEventListener("mouseup", Bt), document.addEventListener("touchmove", Nt), document.addEventListener("touchend", Bt));
     }, Nt = (v) => {
@@ -2541,14 +2541,14 @@ 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, E.value = Math.round(A.value * 100);
+      A.value = ee / i.width, H.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, g.value = m.s, M.value = m.v, Rt();
+          u.value = m.h, g.value = m.s, $.value = m.v, Rt();
         }
       }
     }, Pt = () => {
@@ -2558,23 +2558,23 @@ const co = {
       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, g.value = ee.s, M.value = ee.v, Ot(), ya(), ka();
+        u.value = ee.h, g.value = ee.s, $.value = ee.v, Ot(), ya(), ka();
       }
     }, ct = () => {
       const { h: v, s: i, l: m } = C.value;
       if (v >= 0 && v <= 360 && i >= 0 && i <= 100 && m >= 0 && m <= 100) {
         const ee = X(v, i, m), _ = ve(ee.r, ee.g, ee.b);
-        u.value = _.h, g.value = _.s, M.value = _.v, Ot(), Rt(), ka();
+        u.value = _.h, g.value = _.s, $.value = _.v, Ot(), Rt(), ka();
       }
     }, bt = () => {
       const { l: v, c: i, h: m } = N.value;
       if (v >= 0 && v <= 100 && i >= 0 && i <= 100 && m >= 0 && m <= 360) {
         const ee = pe(v, i, m), _ = ve(ee.r, ee.g, ee.b);
-        u.value = _.h, g.value = _.s, M.value = _.v, Ot(), Rt(), ya();
+        u.value = _.h, g.value = _.s, $.value = _.v, Ot(), Rt(), ya();
       }
     }, jt = () => {
-      const v = Math.max(0, Math.min(100, E.value));
-      A.value = v / 100, E.value = v;
+      const v = Math.max(0, Math.min(100, H.value));
+      A.value = v / 100, H.value = v;
     }, va = () => {
       const v = ["hex", "rgb", "hsl", "oklch"], m = (v.indexOf(D.value) + 1) % v.length;
       D.value = v[m];
@@ -2595,7 +2595,7 @@ const co = {
       const i = Ie(v);
       if (i) {
         const m = ve(i.r, i.g, i.b);
-        u.value = m.h, g.value = m.s, M.value = m.v, Ot(), Rt();
+        u.value = m.h, g.value = m.s, $.value = m.v, Ot(), Rt();
       }
     }, Qa = () => {
       S.value = !S.value;
@@ -2614,10 +2614,10 @@ const co = {
       }
       if (v) {
         const i = ve(v.r, v.g, v.b);
-        u.value = i.h, g.value = i.s, M.value = i.v, Ot(), Rt();
+        u.value = i.h, g.value = i.s, $.value = i.v, Ot(), Rt();
       }
     };
-    return Le([u, g, M, A], () => {
+    return Le([u, g, $, A], () => {
       Ot(), Rt(), ya(), ka();
       const v = He(at.value);
       v !== ye && (w.value ? (te && clearTimeout(te), te = setTimeout(() => {
@@ -2629,7 +2629,7 @@ const co = {
         ue.value = !1;
       }, 5)));
     }, { deep: !0 }), Le(u, () => {
-      S.value && l.compareColor && (Ct.value = [], nt.value = [], it.value = "", zt.value = "", Vt.value = "", It.value = "");
+      S.value && l.compareColor && (yt.value = [], nt.value = [], it.value = "", zt.value = "", Vt.value = "", It.value = "");
     }), Le(() => l.modelValue, (v) => {
       if (v && !ue.value) {
         const i = He(v), m = He(at.value);
@@ -2768,7 +2768,7 @@ const co = {
             class: "ui-color-picker-cursor",
             style: Oe({
               left: `${g.value * 100}%`,
-              top: `${(1 - M.value) * 100}%`,
+              top: `${(1 - $.value) * 100}%`,
               backgroundColor: at.value
             })
           }, [...i[15] || (i[15] = [
@@ -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) => E.value = m),
+              "onUpdate:modelValue": i[4] || (i[4] = (m) => H.value = m),
               onInput: jt,
               class: "ui-color-picker-input",
               type: "number",
@@ -2995,7 +2995,7 @@ const co = {
             }, null, 544), [
               [
                 Je,
-                E.value,
+                H.value,
                 void 0,
                 { number: !0 }
               ]
@@ -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) => E.value = m),
+              "onUpdate:modelValue": i[8] || (i[8] = (m) => H.value = m),
               onInput: jt,
               class: "ui-color-picker-input",
               type: "number",
@@ -3083,7 +3083,7 @@ const co = {
             }, null, 544), [
               [
                 Je,
-                E.value,
+                H.value,
                 void 0,
                 { number: !0 }
               ]
@@ -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) => E.value = m),
+              "onUpdate:modelValue": i[12] || (i[12] = (m) => H.value = m),
               onInput: jt,
               class: "ui-color-picker-input",
               type: "number",
@@ -3171,7 +3171,7 @@ const co = {
             }, null, 544), [
               [
                 Je,
-                E.value,
+                H.value,
                 void 0,
                 { number: !0 }
               ]
@@ -3289,12 +3289,12 @@ const co = {
   },
   emits: ["update:modelValue"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = $(), V = $(), y = $(!1), k = U({
+    const t = s, l = r, z = M(), V = M(), y = M(!1), k = U({
       get: () => t.modelValue,
       set: (h) => l("update:modelValue", h)
     }), u = U(() => t.modelValue || "#000000"), {
       floatingStyle: g,
-      updatePosition: M,
+      updatePosition: $,
       cleanup: A
     } = Oa({
       trigger: z,
@@ -3311,14 +3311,14 @@ const co = {
         }
       }
     }), c = async () => {
-      t.disabled || (y.value = !y.value, y.value && (await yt(), M()));
+      t.disabled || (y.value = !y.value, y.value && (await ht(), $()));
     };
     return Le(
       [() => t.showContrast, () => t.compareColor],
       () => {
-        y.value && yt(() => {
+        y.value && ht(() => {
           setTimeout(() => {
-            M();
+            $();
           }, 50);
         });
       },
@@ -3326,15 +3326,15 @@ const co = {
     ), Le(
       () => t.modelValue,
       () => {
-        y.value && t.showContrast && t.compareColor && yt(() => {
+        y.value && t.showContrast && t.compareColor && ht(() => {
           setTimeout(() => {
-            M();
+            $();
           }, 100);
         });
       }
     ), xt(() => {
       A();
-    }), (h, E) => (a(), o("div", {
+    }), (h, H) => (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(() => [
-          E[2] || (E[2] = Q(" Color ", -1))
+          H[2] || (H[2] = Q(" Color ", -1))
         ]),
         _: 1
       }, 8, ["disabled"]),
@@ -3370,15 +3370,15 @@ const co = {
         }, [
           d(Za, $a({
             modelValue: k.value,
-            "onUpdate:modelValue": E[0] || (E[0] = (D) => k.value = D)
+            "onUpdate:modelValue": H[0] || (H[0] = (D) => k.value = D)
           }, t, {
-            "onUpdate:modelValue": E[1] || (E[1] = (D) => h.$emit("update:modelValue", D))
+            "onUpdate:modelValue": H[1] || (H[1] = (D) => h.$emit("update:modelValue", D))
           }), null, 16, ["modelValue"])
         ], 4)) : I("", !0)
       ]))
     ], 512));
   }
-}), y1 = /* @__PURE__ */ De(C1, [["__scopeId", "data-v-2ccec31a"]]), Sc = /* @__PURE__ */ Ve({
+}), y1 = /* @__PURE__ */ De(C1, [["__scopeId", "data-v-2ccec31a"]]), Ac = /* @__PURE__ */ Ve({
   __name: "UiColorPicker",
   props: {
     modelValue: { default: "#EA00A8" },
@@ -3458,7 +3458,7 @@ const co = {
   },
   emits: ["rowClick", "rowSelect", "sort", "columnReorder", "cellUpdate"],
   setup(s, { expose: r, emit: t }) {
-    const l = s, z = t, V = ga(), y = $(null), k = $([...l.data]), u = $([...l.columns]);
+    const l = s, z = t, V = ga(), y = M(null), k = M([...l.data]), u = M([...l.columns]);
     Le(() => l.data, (G) => {
       k.value = [...G];
     }, { deep: !0 }), Le(() => l.columns, (G) => {
@@ -3466,9 +3466,9 @@ const co = {
     }, { deep: !0 });
     const g = () => {
       k.value = [...l.data], p.value.clear(), L.value.clear();
-    }, M = () => {
+    }, $ = () => {
       u.value = [...l.columns];
-    }, A = $(""), c = $("asc"), h = $({}), E = $({}), D = $(""), C = $(/* @__PURE__ */ new Set()), N = $(/* @__PURE__ */ new Set()), p = $(/* @__PURE__ */ new Set()), L = $(/* @__PURE__ */ new Map()), O = $(null), S = $(null), w = $(!1), q = $(0), Z = $(0), b = U(() => {
+    }, A = M(""), c = M("asc"), h = M({}), H = M({}), D = M(""), C = M(/* @__PURE__ */ new Set()), N = M(/* @__PURE__ */ new Set()), p = M(/* @__PURE__ */ new Set()), L = M(/* @__PURE__ */ new Map()), O = M(null), S = M(null), w = M(!1), q = M(0), Z = M(0), b = U(() => {
       const G = {
         "--_cols": l.columns.length.toString()
       };
@@ -3539,7 +3539,7 @@ const co = {
         fe != null && he.add(String(fe));
       }), Array.from(he).sort().map((X) => ({ label: X, value: X }));
     }, K = (G) => {
-      E.value[G] = !E.value[G];
+      H.value[G] = !H.value[G];
     }, ie = (G) => {
       D.value = D.value === G ? "" : G;
     }, ae = (G, he) => {
@@ -3557,8 +3557,8 @@ const co = {
       for (let Pe = 0; Pe < Ne.length - 1; Pe++)
         Fe = Fe[Ne[Pe]];
       Fe[Ne[Ne.length - 1]] = X;
-      const gt = L.value.get(He);
-      X !== gt ? p.value.add(He) : p.value.delete(He), z("cellUpdate", G, he, X, pe);
+      const Ct = L.value.get(He);
+      X !== Ct ? p.value.add(He) : p.value.delete(He), z("cellUpdate", G, he, X, pe);
     }, le = (G, he) => {
       if (l.reorderable) {
         if (O.value = he, w.value = !0, q.value = G.clientX, Z.value = G.clientX, G.dataTransfer) {
@@ -3597,7 +3597,7 @@ const co = {
       internalData: k,
       internalColumns: u,
       restoreData: g,
-      restoreColumns: M,
+      restoreColumns: $,
       modifiedCells: p,
       cellValues: L
     });
@@ -3698,7 +3698,7 @@ const co = {
                 ], 10, T1)) : I("", !0)
               ])
             ]),
-            E.value[X.key] ? (a(), o("div", z1, [
+            H.value[X.key] ? (a(), o("div", z1, [
               d(Ze, {
                 modelValue: h.value[X.key],
                 "onUpdate:modelValue": (pe) => h.value[X.key] = pe,
@@ -3857,7 +3857,7 @@ const co = {
       ], 6)
     ]));
   }
-}), Ac = /* @__PURE__ */ De(O1, [["__scopeId", "data-v-46867ee1"]]), R1 = { class: "ui-hero-content" }, F1 = {
+}), _c = /* @__PURE__ */ De(O1, [["__scopeId", "data-v-46867ee1"]]), R1 = { class: "ui-hero-content" }, F1 = {
   key: 0,
   class: "ui-hero-header"
 }, q1 = {
@@ -3906,12 +3906,12 @@ const co = {
       if (!r.gradient || r.variant !== "gradient" && r.variant !== "space") return null;
       const { angle: A = "135deg", stops: c = [] } = r.gradient;
       if (c.length === 0) return null;
-      const h = c.sort((E, D) => E.position - D.position).map((E) => `${E.color} ${E.position}%`).join(", ");
+      const h = c.sort((H, D) => H.position - D.position).map((H) => `${H.color} ${H.position}%`).join(", ");
       return `linear-gradient(${A}, ${h})`;
     }), g = U(() => {
       const A = {};
       return u.value && (A["--hero-custom-background"] = u.value), A;
-    }), M = U(() => {
+    }), $ = U(() => {
       const A = { ...k.value };
       return u.value && (A["--shadow-gradient"] = u.value), A["--border-color"] = r.borderColor, A;
     });
@@ -3920,7 +3920,7 @@ const co = {
         `ui-hero-wrapper--${s.variant}`,
         `ui-hero-wrapper--shadow-${s.shadow}`
       ]]),
-      style: Oe(M.value)
+      style: Oe($.value)
     }, [
       e("div", {
         class: be(["ui-hero", [
@@ -3954,7 +3954,7 @@ const co = {
       ], 6)
     ], 6));
   }
-}), _c = /* @__PURE__ */ De(Q1, [["__scopeId", "data-v-00e0d581"]]), At = $("system"), Ma = $(!1), Ta = "strands-ui-theme";
+}), Tc = /* @__PURE__ */ De(Q1, [["__scopeId", "data-v-00e0d581"]]), At = M("system"), Ma = M(!1), Ta = "strands-ui-theme";
 function X1() {
   return typeof window > "u" ? !1 : window.matchMedia("(prefers-color-scheme: dark)").matches;
 }
@@ -4086,13 +4086,13 @@ const ol = {
     includeLabel: { type: Boolean, default: !1 }
   },
   setup(s) {
-    const r = s, { isForced: t } = sl(), { currentTheme: l, themeLabel: z, setTheme: V, cycleTheme: y, themeOptions: k } = al(), u = U(() => t.value), g = $(!1), M = {
+    const r = s, { isForced: t } = sl(), { currentTheme: l, themeLabel: z, setTheme: V, cycleTheme: y, themeOptions: k } = al(), u = U(() => t.value), g = M(!1), $ = {
       sun: ms,
       moon: ps,
       monitor: Ea,
       "chevron-up": qa,
       "chevron-down": _a
-    }, A = (C) => M[C] || Ea, c = U(() => l.value === "dark" ? "moon" : l.value === "light" ? "sun" : "monitor"), h = U(() => l.value === "dark" ? "Light" : l.value === "light" ? "System" : "Dark"), E = () => {
+    }, A = (C) => $[C] || Ea, c = U(() => l.value === "dark" ? "moon" : l.value === "light" ? "sun" : "monitor"), h = U(() => l.value === "dark" ? "Light" : l.value === "light" ? "System" : "Dark"), H = () => {
       r.variant === "button" && y();
     }, D = (C) => {
       C.target.closest(".ui-theme-toggle-dropdown") || (g.value = !1);
@@ -4111,7 +4111,7 @@ const ol = {
         variant: "ghost",
         size: s.size,
         disabled: u.value,
-        onClick: N[0] || (N[0] = (p) => u.value ? null : E),
+        onClick: N[0] || (N[0] = (p) => u.value ? null : H),
         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({
@@ -4219,7 +4219,7 @@ const ol = {
       ])) : I("", !0)
     ], 2));
   }
-}), Tc = /* @__PURE__ */ De(rl, [["__scopeId", "data-v-1edc8bae"]]), ul = {
+}), zc = /* @__PURE__ */ De(rl, [["__scopeId", "data-v-1edc8bae"]]), ul = {
   key: 0,
   class: "slider-header"
 }, cl = ["for"], dl = {
@@ -4274,16 +4274,16 @@ const ol = {
   },
   emits: ["update:modelValue", "change", "input", "focus", "blur"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = $(), V = $(!1), y = $(0), k = $(null), u = $(0), g = U(() => t.modelValue !== void 0 ? Number(t.modelValue) : t.value !== void 0 ? Number(t.value) : u.value);
+    const t = s, l = r, z = M(), V = M(!1), y = M(0), k = M(null), u = M(0), 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 M = U(() => {
+    const $ = U(() => {
       const S = t.max - t.min, w = (g.value - t.min) / S * 100;
       return Math.max(0, Math.min(100, w));
-    }), A = U(() => g.value?.toFixed(t.step < 1 ? 1 : 0) || "0"), c = U(() => `slider-size-${t.size}`), h = U(() => t.color ? `slider-color-${t.color}` : ""), E = U(() => {
+    }), A = U(() => g.value?.toFixed(t.step < 1 ? 1 : 0) || "0"), c = U(() => `slider-size-${t.size}`), h = U(() => t.color ? `slider-color-${t.color}` : ""), H = 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++) {
@@ -4362,18 +4362,18 @@ const ol = {
           e("div", hl, [
             e("div", {
               class: "slider-progress",
-              style: Oe({ width: M.value + "%" })
+              style: Oe({ width: $.value + "%" })
             }, null, 4)
           ]),
           e("div", {
             class: "slider-thumb",
-            style: Oe({ left: M.value + "%" })
+            style: Oe({ left: $.value + "%" })
           }, null, 4)
         ]),
         s.showMinMax ? (a(), o("div", gl, R(s.max) + R(s.unit), 1)) : I("", !0)
       ], 2),
       s.showTicks ? (a(), o("div", Cl, [
-        (a(!0), o(Ue, null, Ke(E.value, (q) => (a(), o("div", {
+        (a(!0), o(Ue, null, Ke(H.value, (q) => (a(), o("div", {
           key: q.value,
           class: "slider-tick",
           style: Oe({ left: q.position + "%" })
@@ -4387,7 +4387,7 @@ const ol = {
       ])) : I("", !0)
     ], 2));
   }
-}), zc = /* @__PURE__ */ De(xl, [["__scopeId", "data-v-db4748a0"]]), Ml = {
+}), Vc = /* @__PURE__ */ De(xl, [["__scopeId", "data-v-db4748a0"]]), Ml = {
   key: 0,
   class: "radio-group-label"
 }, $l = {
@@ -4429,17 +4429,17 @@ const ol = {
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = U(() => `radio-group-size-${t.size}`), V = U(() => t.orientation === "horizontal" ? "radio-options-horizontal" : "radio-options-vertical"), y = (M) => {
-      t.disabled || M.disabled || t.modelValue !== M.value && (l("update:modelValue", M.value), l("change", M.value));
-    }, k = (M) => {
-      const c = M.target.value;
+    const t = s, l = r, z = U(() => `radio-group-size-${t.size}`), V = U(() => t.orientation === "horizontal" ? "radio-options-horizontal" : "radio-options-vertical"), y = ($) => {
+      t.disabled || $.disabled || t.modelValue !== $.value && (l("update:modelValue", $.value), l("change", $.value));
+    }, k = ($) => {
+      const c = $.target.value;
       l("update:modelValue", c), l("change", c);
-    }, u = (M) => {
-      l("focus", M);
-    }, g = (M) => {
-      l("blur", M);
+    }, u = ($) => {
+      l("focus", $);
+    }, g = ($) => {
+      l("blur", $);
     };
-    return (M, A) => (a(), o("div", {
+    return ($, A) => (a(), o("div", {
       class: be(["radio-group", [
         z.value,
         { "radio-group-disabled": s.disabled }
@@ -4500,7 +4500,7 @@ const ol = {
       ])) : I("", !0)
     ], 2));
   }
-}), Vc = /* @__PURE__ */ De(Ul, [["__scopeId", "data-v-c78c278d"]]), Dl = {
+}), Ic = /* @__PURE__ */ De(Ul, [["__scopeId", "data-v-c78c278d"]]), Dl = {
   key: 0,
   class: "checkbox-group-label"
 }, Nl = {
@@ -4572,7 +4572,7 @@ const ol = {
       return C.length > 0 && C.every(
         (N) => t.modelValue.includes(N.value)
       );
-    }), k = U(() => t.options.filter((N) => !N.disabled).some((N) => t.modelValue.includes(N.value))), u = (C) => t.modelValue.includes(C), g = (C) => t.options.find((p) => p.value === C)?.indeterminate || !1, M = (C) => {
+    }), k = U(() => t.options.filter((N) => !N.disabled).some((N) => t.modelValue.includes(N.value))), u = (C) => t.modelValue.includes(C), g = (C) => t.options.find((p) => p.value === C)?.indeterminate || !1, $ = (C) => {
       t.disabled || C.disabled || A(C);
     }, A = (C, N) => {
       const p = [...t.modelValue], L = p.indexOf(C.value);
@@ -4590,7 +4590,7 @@ const ol = {
         const N = C.map((L) => L.value), p = [.../* @__PURE__ */ new Set([...t.modelValue, ...N])];
         l("update:modelValue", p), l("change", p);
       }
-    }, E = (C) => {
+    }, H = (C) => {
       l("focus", C);
     }, D = (C) => {
       l("blur", C);
@@ -4622,7 +4622,7 @@ const ol = {
               "checkbox-option-indeterminate": g(p.value)
             }
           ]]),
-          onClick: (L) => M(p)
+          onClick: (L) => $(p)
         }, [
           e("input", {
             id: `${s.fieldId}-${p.value}`,
@@ -4635,7 +4635,7 @@ const ol = {
             indeterminate: g(p.value),
             class: "checkbox-input",
             onChange: (L) => A(p),
-            onFocus: E,
+            onFocus: H,
             onBlur: D
           }, null, 40, jl),
           e("div", Ol, [
@@ -4707,7 +4707,7 @@ const ol = {
       ])) : I("", !0)
     ], 2));
   }
-}), Ic = /* @__PURE__ */ De(on, [["__scopeId", "data-v-01e5e0f9"]]), ln = { class: "accui-component-scope" }, nn = {
+}), Lc = /* @__PURE__ */ De(on, [["__scopeId", "data-v-01e5e0f9"]]), ln = { class: "accui-component-scope" }, nn = {
   key: 0,
   class: "ui-pill-leading-icon"
 }, rn = {
@@ -4779,7 +4779,7 @@ const ol = {
       ], 6))
     ]));
   }
-}), Lc = /* @__PURE__ */ De(dn, [["__scopeId", "data-v-defab79f"]]), vn = (s, r) => {
+}), Ec = /* @__PURE__ */ De(dn, [["__scopeId", "data-v-defab79f"]]), vn = (s, r) => {
   const t = r[s];
   if (!t) return !1;
   if (typeof t == "function") {
@@ -4815,7 +4815,7 @@ const ol = {
       ], 2)) : I("", !0)
     ]));
   }
-}), Et = /* @__PURE__ */ De(gn, [["__scopeId", "data-v-fe426315"]]), fa = $([]), Ba = $(!1), Qe = $(!1);
+}), Et = /* @__PURE__ */ De(gn, [["__scopeId", "data-v-fe426315"]]), fa = M([]), Ba = M(!1), Qe = M(!1);
 function Tt() {
   const { getUrl: s } = pt(), { currentSession: r } = ft(), t = U(() => fa.value.length > 0), l = U(
     () => fa.value.filter(
@@ -4898,7 +4898,7 @@ function Tt() {
     } finally {
       Qe.value = !1;
     }
-  }, M = async (C, N) => {
+  }, $ = async (C, N) => {
     Qe.value = !0;
     try {
       return (await z(s("mfaEmailVerify"), {
@@ -4948,7 +4948,7 @@ function Tt() {
       default:
         return "🔒";
     }
-  }, E = (C) => {
+  }, H = (C) => {
     switch (C) {
       case "totp":
         return "Authenticator App";
@@ -4979,12 +4979,12 @@ function Tt() {
     verifyTotpSetup: k,
     setupEmailMfa: u,
     sendEmailMfaCode: g,
-    verifyEmailMfaCode: M,
+    verifyEmailMfaCode: $,
     disableMfaDevice: A,
     regenerateBackupCodes: c,
     // Helper methods
     getDeviceTypeIcon: h,
-    getDeviceTypeName: E,
+    getDeviceTypeName: H,
     formatLastUsed: D
   };
 }
@@ -5120,23 +5120,23 @@ const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-c
         ]);
       }
     }, u = s, g = r, {
-      loading: M,
+      loading: $,
       getDeviceTypeName: A
     } = Tt(), {
       verifyMfa: c,
       sendMfaEmailCode: h,
-      getMfaWebAuthnChallenge: E,
+      getMfaWebAuthnChallenge: H,
       mfaSessionId: D,
       loading: C,
       loadingMessage: N,
       isSendingMfaEmail: p,
       isVerifyingMfa: L
-    } = ft(), O = U(() => M.value || C.value), S = U({
+    } = ft(), O = U(() => $.value || C.value), S = U({
       get: () => u.show,
       set: ($e) => {
         $e || g("close");
       }
-    }), w = $(null), q = $(""), Z = $(""), b = $(""), T = $(""), te = $(!1), ue = $(!1), ye = $(!1), Me = $(0);
+    }), w = M(null), q = M(""), Z = M(""), b = M(""), T = M(""), te = M(!1), ue = M(!1), ye = M(!1), Me = M(0);
     let Ae = null;
     const Se = U(() => (u.availableMfaMethods || []).filter(
       (re) => re.device_type !== "hardware" && re.device_type !== "passkey"
@@ -5226,10 +5226,10 @@ const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-c
       try {
         if (!window.navigator.credentials || !window.PublicKeyCredential)
           throw new Error("Hardware keys are not supported in this browser");
-        const re = await E(w.value.id), ve = re.challenge.publicKey || re.challenge, Ie = (Ne) => {
+        const re = await H(w.value.id), ve = re.challenge.publicKey || re.challenge, Ie = (Ne) => {
           if (!Ne || typeof Ne != "string")
             return new Uint8Array(0);
-          const Fe = "=".repeat((4 - Ne.length % 4) % 4), gt = (Ne + Fe).replace(/-/g, "+").replace(/_/g, "/"), Pe = window.atob(gt), Ut = new Uint8Array(Pe.length);
+          const Fe = "=".repeat((4 - Ne.length % 4) % 4), Ct = (Ne + Fe).replace(/-/g, "+").replace(/_/g, "/"), Pe = window.atob(Ct), Ut = new Uint8Array(Pe.length);
           for (let at = 0; at < Pe.length; ++at)
             Ut[at] = Pe.charCodeAt(at);
           return Ut;
@@ -5324,7 +5324,7 @@ const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-c
         default: x(() => [
           e("div", yn, [
             O.value && !ue.value ? (a(), o("div", kn, [
-              d(n(ht), { size: 24 }),
+              d(n(gt), { size: 24 }),
               e("span", wn, R(n(p) || n(L) ? n(N) : "Loading..."), 1)
             ])) : (a(), o("div", bn, [
               Se.value.length > 1 ? (a(), o("div", xn, [
@@ -5562,7 +5562,7 @@ const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-c
   }
 }), Ka = /* @__PURE__ */ De(ei, [["__scopeId", "data-v-f0750b5a"]]), Pa = /* @__PURE__ */ new Map(), ti = 300 * 1e3;
 function za(s = {}) {
-  const { getUrl: r, config: t } = pt(), l = $([]), z = $(!1), V = $(null), y = U(
+  const { getUrl: r, config: t } = pt(), l = M([]), z = M(!1), V = M(null), y = U(
     () => l.value.filter((c) => c.enabled)
   ), k = async () => {
     const c = JSON.stringify(s), h = Pa.get(c);
@@ -5570,14 +5570,14 @@ function za(s = {}) {
       return l.value = h.data, h.data;
     z.value = !0, V.value = null;
     try {
-      let E = r("oauthProviders");
+      let H = r("oauthProviders");
       const D = s.redirectUrl || t.value?.oauth2RedirectUrl;
       if (D) {
         const p = new URLSearchParams();
         let L = D;
-        D.startsWith("/") && (L = `${window.location.origin}${D}`), p.append("redirect_url", L), E = `${E}?${p.toString()}`;
+        D.startsWith("/") && (L = `${window.location.origin}${D}`), p.append("redirect_url", L), H = `${H}?${p.toString()}`;
       }
-      const C = await fetch(E, {
+      const C = await fetch(H, {
         method: "GET",
         headers: {
           "Content-Type": "application/json"
@@ -5592,19 +5592,19 @@ function za(s = {}) {
         data: l.value,
         timestamp: Date.now()
       });
-    } catch (E) {
-      const D = E instanceof Error ? E.message : "Failed to fetch OAuth providers";
+    } catch (H) {
+      const D = H instanceof Error ? H.message : "Failed to fetch OAuth providers";
       V.value = D;
     } finally {
       z.value = !1;
     }
   }, 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);
+    const H = { ...s, ...h }, D = new URLSearchParams();
+    if (H.redirectUrl) {
+      let L = H.redirectUrl;
+      H.redirectUrl.startsWith("/") && (L = `${window.location.origin}${H.redirectUrl}`), D.append("redirect_url", L);
     }
-    E.scopes && E.scopes.length > 0 && D.append("scopes", E.scopes.join(","));
+    H.scopes && H.scopes.length > 0 && D.append("scopes", H.scopes.join(","));
     const C = D.toString(), N = r("oauthProvider").replace("{provider_id}", c), p = C ? `${N}?${C}` : N;
     try {
       const L = await fetch(p, {
@@ -5627,16 +5627,16 @@ function za(s = {}) {
     }
   }, g = async (c, h) => {
     try {
-      const E = l.value.find((D) => D.id === c);
-      if (!E)
+      const H = l.value.find((D) => D.id === c);
+      if (!H)
         throw new Error(`OAuth provider '${c}' not found`);
-      if (!E.auth_url)
+      if (!H.auth_url)
         throw new Error(`No auth URL configured for provider '${c}'`);
-      window.location.href = E.auth_url;
-    } catch (E) {
-      throw V.value = E instanceof Error ? E.message : "Failed to redirect to OAuth provider", E;
+      window.location.href = H.auth_url;
+    } catch (H) {
+      throw V.value = H instanceof Error ? H.message : "Failed to redirect to OAuth provider", H;
     }
-  }, M = (c) => l.value.find((h) => h.id === c), A = (c) => {
+  }, $ = (c) => l.value.find((h) => h.id === c), A = (c) => {
     if (c.iconUrl)
       return c.iconUrl;
     switch (c.id.toLowerCase()) {
@@ -5661,7 +5661,7 @@ function za(s = {}) {
     fetchProviders: k,
     getProviderAuthUrl: u,
     redirectToProvider: g,
-    getProviderById: M,
+    getProviderById: $,
     getProviderIcon: A
   };
 }
@@ -5817,18 +5817,18 @@ const ai = {
       signIn: k,
       mfaRequired: u,
       availableMfaMethods: g,
-      currentUser: M,
+      currentUser: $,
       loadingMessage: A
     } = ft(), {
       enabledProviders: c,
       loading: h,
-      fetchProviders: E,
+      fetchProviders: H,
       redirectToProvider: D
     } = za({
       redirectUrl: t.redirectUrl
     });
     We(() => {
-      E().catch((ae) => {
+      H().catch((ae) => {
       });
     });
     const C = U(() => c.value), N = {
@@ -5861,7 +5861,7 @@ const ai = {
       async requestPasswordReset(ae) {
         throw new Error("Password reset functionality is not yet implemented in the API. Please contact support.");
       }
-    }, p = $(t.mode), L = $(!1), O = $(""), S = $(!1), w = $(!1), q = Ye({
+    }, p = M(t.mode), L = M(!1), O = M(""), S = M(!1), w = M(!1), q = Ye({
       firstName: "",
       lastName: "",
       email: "",
@@ -5874,7 +5874,7 @@ const ai = {
       ae && (w.value = !0);
     }, { immediate: !0 });
     const te = () => {
-      w.value = !1, l("success", M.value), y.value.onSignInUrl && typeof window < "u" && (window.location.href = y.value.onSignInUrl);
+      w.value = !1, l("success", $.value), y.value.onSignInUrl && typeof window < "u" && (window.location.href = y.value.onSignInUrl);
     }, ue = () => {
       w.value = !1;
     }, ye = (ae) => {
@@ -6328,7 +6328,7 @@ const ai = {
       loading: u,
       currentUser: g
     } = ft(), {
-      enabledProviders: M,
+      enabledProviders: $,
       loading: A,
       fetchProviders: c,
       redirectToProvider: h
@@ -6341,7 +6341,7 @@ const ai = {
         console.warn("Failed to fetch OAuth providers:", q);
       });
     });
-    const E = U(() => u.value), D = $(""), C = $(!1);
+    const H = U(() => u.value), D = M(""), C = M(!1);
     Le(V, (q) => {
       q && (C.value = !0);
     });
@@ -6399,8 +6399,8 @@ const ai = {
                 Q("to continue ")
               ])
             ], -1)),
-            n(M)?.length ? (a(), o("div", Ni, [
-              (a(!0), o(Ue, null, Ke(n(M), (b, T, te, ue) => {
+            n($)?.length ? (a(), o("div", Ni, [
+              (a(!0), o(Ue, null, Ke(n($), (b, T, te, ue) => {
                 const ye = [b.id, b.name, b.displayName, n(A)];
                 if (ue && ue.key === b.id && ss(ue, ye)) return ue;
                 const Me = (a(), Ce(n(ce), {
@@ -6432,7 +6432,7 @@ const ai = {
                 return Me.memo = ye, Me;
               }, Z, 0), 128))
             ])) : I("", !0),
-            n(M)?.length ? (a(), o("div", qi, [...Z[7] || (Z[7] = [
+            n($)?.length ? (a(), o("div", qi, [...Z[7] || (Z[7] = [
               e("span", { class: "divider-text" }, "Or sign in with email", -1)
             ])])) : I("", !0),
             e("form", {
@@ -6494,8 +6494,8 @@ const ai = {
                 type: "submit",
                 variant: "primary",
                 "full-width": "",
-                disabled: E.value || !N.email || !N.password,
-                loading: E.value,
+                disabled: H.value || !N.email || !N.password,
+                loading: H.value,
                 "loading-text": "Signing in...",
                 class: "accui-auth-submit"
               }, {
@@ -6549,7 +6549,7 @@ const ai = {
       ])
     ]));
   }
-}), Ec = /* @__PURE__ */ De(Xi, [["__scopeId", "data-v-0ec23b52"]]), Ji = { class: "accui-component-scope" }, er = { class: "accui-auth-panel-container" }, tr = {
+}), Hc = /* @__PURE__ */ De(Xi, [["__scopeId", "data-v-0ec23b52"]]), Ji = { class: "accui-component-scope" }, er = { class: "accui-auth-panel-container" }, tr = {
   key: 0,
   class: "accui-auth-panel"
 }, ar = { class: "accui-auth-header" }, sr = { class: "accui-auth-content" }, or = { class: "signup-success" }, lr = { class: "signup-success-title" }, nr = { class: "signup-success-message" }, ir = {
@@ -6604,12 +6604,12 @@ const ai = {
         console.warn("Failed to fetch OAuth providers:", O);
       });
     });
-    const M = $(!1), A = $(""), c = $(!1), h = $(""), E = $("Magic Link Sent!"), D = $(""), C = Ye({
+    const $ = M(!1), A = M(""), c = M(!1), h = M(""), H = M("Magic Link Sent!"), D = M(""), C = Ye({
       email: ""
     });
     U(() => C.email.trim() && C.email.includes("@"));
     const N = async () => {
-      M.value = !0, A.value = "";
+      $.value = !0, A.value = "";
       try {
         const O = z("signUp"), S = await fetch(O, {
           method: "POST",
@@ -6631,7 +6631,7 @@ const ai = {
           throw new Error(q);
         }
         const w = await S.json();
-        c.value = !0, D.value = C.email, h.value = w.message || "Magic link sent! Check your email.", w.message && (w.message.includes("already have an account") || w.message.includes("Welcome back") ? E.value = "Welcome Back!" : w.message.includes("Magic link sent") || w.message.includes("Check your email") ? E.value = "Magic Link Sent!" : E.value = "Success!"), l("success", {
+        c.value = !0, D.value = C.email, h.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", {
           email: C.email,
           message: w.message || "Magic link sent! Check your email."
         });
@@ -6647,10 +6647,10 @@ const ai = {
             S = O.message;
         A.value = S, l("error", S);
       } finally {
-        M.value = !1;
+        $.value = !1;
       }
     }, p = () => {
-      c.value = !1, h.value = "", E.value = "Magic Link Sent!", D.value = "", C.email = "", A.value = "";
+      c.value = !1, h.value = "", H.value = "Magic Link Sent!", D.value = "", C.email = "", A.value = "";
     }, L = async (O) => {
       try {
         await g(O, {
@@ -6671,7 +6671,7 @@ const ai = {
           e("div", sr, [
             e("div", or, [
               S[4] || (S[4] = e("div", { class: "signup-success-icon" }, "📧", -1)),
-              e("h1", lr, R(E.value), 1),
+              e("h1", lr, R(H.value), 1),
               e("p", nr, R(h.value), 1),
               D.value ? (a(), o("div", ir, [
                 e("strong", null, R(D.value), 1)
@@ -6786,8 +6786,8 @@ const ai = {
                 type: "submit",
                 variant: "primary",
                 "full-width": "",
-                disabled: M.value || !C.email,
-                loading: M.value,
+                disabled: $.value || !C.email,
+                loading: $.value,
                 "loading-text": "Sending magic link...",
                 class: "accui-auth-submit"
               }, {
@@ -6849,7 +6849,7 @@ const ai = {
       ])
     ]));
   }
-}), Hc = /* @__PURE__ */ De(Vr, [["__scopeId", "data-v-505263b9"]]), Ir = { class: "accui-component-scope" }, Lr = {
+}), Uc = /* @__PURE__ */ De(Vr, [["__scopeId", "data-v-505263b9"]]), Ir = { class: "accui-component-scope" }, Lr = {
   key: 0,
   class: "complete-signup-container"
 }, Er = { class: "complete-signup-success" }, Hr = {
@@ -6876,7 +6876,7 @@ const ai = {
   },
   emits: ["success", "error", "invalid-token", "request-new-link", "start-registration"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { getUrl: z, getSupportEmail: V } = pt(t.config), { setAuthData: y } = ft(), k = $(!1), u = $(!1), g = $(!1), M = $(""), A = $(""), c = Ye({
+    const t = s, l = r, { getUrl: z, getSupportEmail: V } = pt(t.config), { setAuthData: y } = ft(), k = M(!1), u = M(!1), g = M(!1), $ = M(""), A = M(""), c = Ye({
       firstName: "",
       lastName: "",
       password: ""
@@ -6884,7 +6884,7 @@ const ai = {
       firstName: "",
       lastName: "",
       password: ""
-    }), E = U(() => {
+    }), H = U(() => {
       const p = c.password.trim(), L = c.password.length >= 8, O = !!t.token;
       return p && L && O;
     });
@@ -6911,13 +6911,13 @@ const ai = {
       D.value && (window.location.href = D.value);
     }, N = async () => {
       if (!t.token) {
-        M.value = "Registration token is required";
+        $.value = "Registration token is required";
         return;
       }
-      if (M.value = "", Object.keys(h).forEach((p) => {
+      if ($.value = "", Object.keys(h).forEach((p) => {
         h[p] = "";
-      }), !E.value) {
-        M.value = "Please fill in all required fields correctly";
+      }), !H.value) {
+        $.value = "Please fill in all required fields correctly";
         return;
       }
       g.value = !0;
@@ -6945,7 +6945,7 @@ const ai = {
           C();
         }, 2e3);
       } catch (p) {
-        p instanceof Error ? p.message.includes("CONFLICT") || p.message.includes("409") ? M.value = "This account already exists. Please try signing in instead." : p.message.includes("BAD_REQUEST") || p.message.includes("400") ? (M.value = "Invalid or expired registration link. Please request a new one.", u.value = !0, l("invalid-token")) : M.value = p.message : M.value = "Failed to complete registration. Please try again.", l("error", M.value);
+        p instanceof Error ? p.message.includes("CONFLICT") || p.message.includes("409") ? $.value = "This account already exists. Please try signing in instead." : p.message.includes("BAD_REQUEST") || p.message.includes("400") ? ($.value = "Invalid or expired registration link. Please request a new one.", u.value = !0, l("invalid-token")) : $.value = p.message : $.value = "Failed to complete registration. Please try again.", l("error", $.value);
       } finally {
         g.value = !1;
       }
@@ -7057,7 +7057,7 @@ const ai = {
                 type: "submit",
                 variant: "primary",
                 "full-width": "",
-                disabled: g.value || !E.value,
+                disabled: g.value || !H.value,
                 loading: g.value,
                 "loading-text": "Creating account..."
               }, {
@@ -7067,13 +7067,13 @@ const ai = {
                 _: 1
               }, 8, ["disabled", "loading"])
             ], 32),
-            M.value ? (a(), Ce(n(Ht), {
+            $.value ? (a(), Ce(n(Ht), {
               key: 0,
               variant: "error",
-              message: M.value,
+              message: $.value,
               class: "complete-signup-error-alert",
               dismissible: "",
-              onDismiss: L[4] || (L[4] = (O) => M.value = "")
+              onDismiss: L[4] || (L[4] = (O) => $.value = "")
             }, null, 8, ["message"])) : I("", !0),
             d(Et, {
               config: t.config
@@ -7125,7 +7125,7 @@ const ai = {
       ]))
     ]));
   }
-}), Uc = /* @__PURE__ */ De(Zr, [["__scopeId", "data-v-c7f95c2d"]]), Kr = {
+}), Dc = /* @__PURE__ */ De(Zr, [["__scopeId", "data-v-c7f95c2d"]]), Kr = {
   key: 0,
   class: "step-container"
 }, Gr = { class: "step-actions" }, Yr = {
@@ -7158,14 +7158,14 @@ const ai = {
       set: (S) => {
         S || l("close");
       }
-    }), u = $(1), g = $(""), M = $(""), A = $(""), c = $(""), h = $(null), E = $("");
+    }), u = M(1), g = M(""), $ = M(""), A = M(""), c = M(""), h = M(null), H = M("");
     Le(() => t.show, (S) => {
-      S && (u.value = 1, g.value = "", M.value = "", A.value = "", c.value = "", h.value = null, E.value = "");
+      S && (u.value = 1, g.value = "", $.value = "", A.value = "", c.value = "", h.value = null, H.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`;
-          E.value = w;
+          H.value = w;
         } catch (w) {
           console.error("Failed to generate QR code:", w);
         }
@@ -7174,15 +7174,15 @@ const ai = {
       l("close");
     }, C = async () => {
       if (!g.value.trim()) {
-        M.value = "Device name is required";
+        $.value = "Device name is required";
         return;
       }
-      M.value = "";
+      $.value = "";
       try {
         const S = await z(g.value.trim());
         h.value = S, u.value = 2;
       } catch (S) {
-        console.error("Failed to setup TOTP:", S), M.value = S instanceof Error ? S.message : "Failed to setup TOTP";
+        console.error("Failed to setup TOTP:", S), $.value = S instanceof Error ? S.message : "Failed to setup TOTP";
       }
     }, N = (S) => {
       c.value = "", S.length === 6 && p();
@@ -7224,7 +7224,7 @@ const ai = {
             "onUpdate:modelValue": w[0] || (w[0] = (q) => g.value = q),
             label: "Device Name",
             placeholder: "My Authenticator",
-            error: M.value,
+            error: $.value,
             disabled: n(y)
           }, null, 8, ["modelValue", "error", "disabled"]),
           e("div", Gr, [
@@ -7257,16 +7257,16 @@ const ai = {
             e("p", { class: "step-description" }, " Scan this QR code with your authenticator app (Google Authenticator, Authy, etc.) ")
           ], -1)),
           e("div", Wr, [
-            E.value ? (a(), o("div", Qr, [
+            H.value ? (a(), o("div", Qr, [
               e("img", {
-                src: E.value,
+                src: H.value,
                 alt: "TOTP QR Code",
                 class: "qr-image",
                 width: "200",
                 height: "200"
               }, null, 8, Xr)
             ])) : (a(), o("div", Jr, [
-              d(n(ht), { size: 24 })
+              d(n(gt), { size: 24 })
             ]))
           ]),
           e("div", e2, [
@@ -7451,10 +7451,10 @@ const ai = {
       set: (b) => {
         b || l("close");
       }
-    }), g = $(1), M = $(""), A = $(""), c = $(""), h = $(""), E = $(null), D = $(!1), C = $(0);
+    }), g = M(1), $ = M(""), A = M(""), c = M(""), h = M(""), H = M(null), D = M(!1), C = M(0);
     let N = null;
     Le(() => t.show, (b) => {
-      b && (g.value = 1, M.value = "", A.value = "", c.value = "", h.value = "", E.value = null, D.value = !1, C.value = 0, N && (clearInterval(N), N = null));
+      b && (g.value = 1, $.value = "", A.value = "", c.value = "", h.value = "", H.value = null, D.value = !1, C.value = 0, N && (clearInterval(N), N = null));
     }), Le(c, () => {
       h.value && (h.value = "");
     }), Fa(() => {
@@ -7463,32 +7463,32 @@ const ai = {
     const p = () => {
       l("close");
     }, L = async () => {
-      if (!M.value.trim()) {
+      if (!$.value.trim()) {
         A.value = "Device name is required";
         return;
       }
       A.value = "";
       try {
-        const b = await z(M.value.trim());
-        E.value = b.device_id, await V(b.device_id), g.value = 2, q();
+        const b = await z($.value.trim());
+        H.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) => {
       h.value = "", b.length === 6 && S();
     }, S = async () => {
-      if (!(!E.value || !c.value)) {
+      if (!(!H.value || !c.value)) {
         h.value = "";
         try {
-          await y(E.value, c.value) ? g.value = 3 : h.value = "Invalid verification code";
+          await y(H.value, c.value) ? g.value = 3 : h.value = "Invalid verification code";
         } catch (b) {
           console.error("Failed to verify email MFA code:", b), h.value = b instanceof Error ? b.message : "Invalid verification code";
         }
       }
     }, w = async () => {
-      if (!(!E.value || D.value))
+      if (!(!H.value || D.value))
         try {
-          await V(E.value), q();
+          await V(H.value), q();
         } catch (b) {
           console.warn("Failed to resend email MFA verification code:", b);
         }
@@ -7512,8 +7512,8 @@ const ai = {
             e("p", { class: "email-mfa-setup-step-description" }, ' Give this email 2FA method a memorable name (e.g., "Personal Email", "Work Email") ')
           ], -1)),
           d(n(Ze), {
-            modelValue: M.value,
-            "onUpdate:modelValue": T[0] || (T[0] = (te) => M.value = te),
+            modelValue: $.value,
+            "onUpdate:modelValue": T[0] || (T[0] = (te) => $.value = te),
             label: "Device Name",
             placeholder: "Personal Email",
             error: A.value,
@@ -7541,7 +7541,7 @@ const ai = {
             }, 8, ["disabled"]),
             d(n(ce), {
               onClick: L,
-              disabled: !M.value.trim() || n(k),
+              disabled: !$.value.trim() || n(k),
               loading: n(k)
             }, {
               default: x(() => [...T[6] || (T[6] = [
@@ -7700,14 +7700,14 @@ const ai = {
   },
   emits: ["close", "success"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { loading: z } = Tt(), { registerHardwareKey: V, completeHardwareKeyRegistration: y, currentSession: k } = ft(), u = $(!1), g = U(() => z.value || u.value), M = U(() => t.deviceType === "passkey" ? "Setup Passkey" : "Setup Hardware Key"), A = U({
+    const t = s, l = r, { loading: z } = Tt(), { registerHardwareKey: V, completeHardwareKeyRegistration: y, currentSession: k } = ft(), u = M(!1), g = U(() => z.value || u.value), $ = U(() => t.deviceType === "passkey" ? "Setup Passkey" : "Setup Hardware Key"), A = U({
       get: () => t.show,
       set: (b) => {
         b || l("close");
       }
-    }), c = $(1), h = $(""), E = $(""), D = $("Please touch your hardware key when prompted"), C = $(""), N = $([]);
+    }), c = M(1), h = M(""), H = M(""), D = M("Please touch your hardware key when prompted"), C = M(""), N = M([]);
     Le(() => t.show, (b) => {
-      b && (c.value = 1, h.value = "", E.value = "", D.value = "Please touch your hardware key when prompted", C.value = "", N.value = []);
+      b && (c.value = 1, h.value = "", H.value = "", D.value = "Please touch your hardware key when prompted", C.value = "", N.value = []);
     });
     const p = () => {
       l("close");
@@ -7794,10 +7794,10 @@ const ai = {
       }
     }, S = async () => {
       if (!h.value.trim()) {
-        E.value = "Device name is required";
+        H.value = "Device name is required";
         return;
       }
-      E.value = "", c.value = 2;
+      H.value = "", c.value = 2;
     }, w = async () => {
       u.value = !0, c.value = 3, D.value = `Starting ${t.deviceType === "passkey" ? "passkey" : "hardware key"} registration...`;
       try {
@@ -7865,7 +7865,7 @@ const ai = {
     return (b, T) => (a(), Ce(ut, {
       modelValue: A.value,
       "onUpdate:modelValue": T[3] || (T[3] = (te) => A.value = te),
-      title: M.value,
+      title: $.value,
       "card-class": "hardware-key-setup-modal"
     }, {
       default: x(() => [
@@ -7879,7 +7879,7 @@ const ai = {
             "onUpdate:modelValue": T[0] || (T[0] = (te) => h.value = te),
             label: "Device Name",
             placeholder: "My Hardware Key",
-            error: E.value,
+            error: H.value,
             disabled: g.value
           }, null, 8, ["modelValue", "error", "disabled"]),
           e("div", b2, [
@@ -7988,7 +7988,7 @@ const ai = {
         c.value === 3 ? (a(), o("div", _2, [
           e("div", T2, [
             e("div", z2, [
-              d(n(ht), {
+              d(n(gt), {
                 size: 24,
                 class: "hardware-key-setup-loader"
               })
@@ -8160,13 +8160,13 @@ const ai = {
       set: (D) => {
         D || l("close");
       }
-    }), u = $([]), g = $(!1);
+    }), u = M([]), g = M(!1);
     Le(() => t.show, async (D) => {
       D && t.device && (g.value = !1, u.value = []);
     }), We(async () => {
       t.show && t.device && (u.value = []);
     });
-    const M = () => {
+    const $ = () => {
       l("close");
     }, A = () => {
       g.value = !0;
@@ -8187,7 +8187,7 @@ const ai = {
         } catch (D) {
           console.warn("Failed to copy backup codes to clipboard:", D);
         }
-    }, E = () => {
+    }, H = () => {
       if (u.value.length === 0) return;
       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",
@@ -8218,7 +8218,7 @@ const ai = {
       }, {
         default: x(() => [
           n(V) ? (a(), o("div", F2, [
-            d(n(ht), { size: 24 }),
+            d(n(gt), { size: 24 }),
             C[2] || (C[2] = e("span", { class: "backup-codes-loading-text" }, "Loading backup codes...", -1))
           ])) : (a(), o("div", q2, [
             s.device ? (a(), o("div", Z2, [
@@ -8278,7 +8278,7 @@ const ai = {
                 d(n(ce), {
                   variant: "secondary",
                   size: "sm",
-                  onClick: E
+                  onClick: H
                 }, {
                   default: x(() => [...C[5] || (C[5] = [
                     Q(" 💾 Download ", -1)
@@ -8302,7 +8302,7 @@ const ai = {
                 }, 8, ["disabled", "loading"]),
                 d(n(ce), {
                   variant: "primary",
-                  onClick: M
+                  onClick: $
                 }, {
                   default: x(() => [...C[8] || (C[8] = [
                     Q(" Done ", -1)
@@ -8372,7 +8372,7 @@ const ai = {
   },
   emits: ["confirm", "cancel"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = $(!1), V = U({
+    const t = s, l = r, z = M(!1), V = U({
       get: () => t.show,
       set: (u) => {
         u || l("cancel");
@@ -8385,7 +8385,7 @@ const ai = {
     return (u, g) => (a(), o("div", i3, [
       d(ut, {
         modelValue: V.value,
-        "onUpdate:modelValue": g[0] || (g[0] = (M) => V.value = M),
+        "onUpdate:modelValue": g[0] || (g[0] = ($) => V.value = $),
         "card-class": "confirm-modal"
       }, {
         header: x(() => [
@@ -8465,7 +8465,7 @@ const ai = {
       fetchMfaDevices: k,
       disableMfaDevice: u,
       sendEmailMfaCode: g
-    } = Tt(), M = {
+    } = Tt(), $ = {
       props: ["size"],
       render() {
         return oe("svg", { width: this.size, height: this.size, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, [
@@ -8504,7 +8504,7 @@ const ai = {
           oe("path", { d: "M9 6.8a6 6 0 0 1 9 5.2c0 .47 0 1.17-.02 2" })
         ]);
       }
-    }, E = {
+    }, H = {
       props: ["size"],
       render() {
         return oe("svg", { width: this.size, height: this.size, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, [
@@ -8520,7 +8520,7 @@ const ai = {
           oe("path", { d: "m12 17 .01 0" })
         ]);
       }
-    }, C = $("add"), N = Ye({}), p = Ye({}), L = $(!1), O = $(!1), S = $(!1), w = $(!1), q = U({
+    }, C = M("add"), N = Ye({}), p = Ye({}), L = M(!1), O = M(!1), S = M(!1), w = M(!1), q = U({
       get: () => t.modelValue || !1,
       set: (xe) => l("update:modelValue", xe)
     }), Z = U(() => {
@@ -8578,7 +8578,7 @@ const ai = {
         default: x(() => [
           e("div", p3, [
             n(V) ? (a(), o("div", f3, [
-              d(n(ht), { size: 32 }),
+              d(n(gt), { size: 32 }),
               ne[11] || (ne[11] = e("span", { class: "mfa-loading-text" }, "Loading MFA settings...", -1))
             ])) : (a(), o("div", m3, [
               e("div", h3, [
@@ -8589,7 +8589,7 @@ const ai = {
                   ]),
                   e("div", y3, [
                     n(z) ? (a(), o("span", k3, [
-                      d(E, {
+                      d(H, {
                         size: 12,
                         class: "mfa-badge-icon"
                       }),
@@ -8612,7 +8612,7 @@ const ai = {
                         e("div", M3, [
                           e("div", $3, [
                             e("div", S3, [
-                              d(M, { size: 24 })
+                              d($, { size: 24 })
                             ]),
                             ne[14] || (ne[14] = e("div", { class: "mfa-device-option-info" }, [
                               e("h4", { class: "mfa-device-option-title" }, "Authenticator App"),
@@ -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(E, { size: 48 })
+                        d(H, { 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(M, {
+                              K.device_type === "totp" ? (a(), Ce($, {
                                 key: 0,
                                 size: 20
                               })) : K.device_type === "email" ? (a(), Ce(A, {
@@ -8860,7 +8860,7 @@ const ai = {
   },
   emits: ["close", "settings-updated"],
   setup(s, { emit: r }) {
-    const t = r, { currentUser: l, updateUserSettings: z } = ft(), V = $(!1), y = $(null), k = Ye({
+    const t = r, { currentUser: l, updateUserSettings: z } = ft(), V = M(!1), y = M(null), k = Ye({
       levelUpSounds: l.value?.settings?.levelUpSounds ?? !0,
       milestoneSounds: l.value?.settings?.milestoneSounds ?? !0
     });
@@ -8873,7 +8873,7 @@ const ai = {
       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));
@@ -8898,11 +8898,11 @@ const ai = {
         title: "Account Settings",
         "card-class": "max-w-lg"
       }, Zt({
-        footer: x(({ handleClose: E }) => [
+        footer: x(({ handleClose: H }) => [
           e("div", c4, [
             d(lt, {
               variant: "secondary",
-              onClick: E
+              onClick: H
             }, {
               default: x(() => [...h[11] || (h[11] = [
                 Q(" Close ", -1)
@@ -8911,7 +8911,7 @@ const ai = {
             }, 8, ["onClick"]),
             d(lt, {
               variant: "primary",
-              onClick: (D) => A(E),
+              onClick: (D) => A(H),
               loading: V.value
             }, {
               default: x(() => [
@@ -8961,8 +8961,8 @@ const ai = {
                       id: "level-up-sounds",
                       modelValue: k.levelUpSounds,
                       "onUpdate:modelValue": [
-                        h[0] || (h[0] = (E) => k.levelUpSounds = E),
-                        h[1] || (h[1] = (E) => u("levelUpSounds", E))
+                        h[0] || (h[0] = (H) => k.levelUpSounds = H),
+                        h[1] || (h[1] = (H) => u("levelUpSounds", H))
                       ]
                     }, null, 8, ["modelValue"])
                   ])
@@ -8981,7 +8981,7 @@ const ai = {
                     d(lt, {
                       variant: "outline",
                       size: "sm",
-                      onClick: M,
+                      onClick: $,
                       disabled: y.value === "milestone",
                       "aria-label": y.value === "milestone" ? "Stop preview" : "Play preview",
                       class: "preview-icon-button"
@@ -9004,8 +9004,8 @@ const ai = {
                       id: "milestone-sounds",
                       modelValue: k.milestoneSounds,
                       "onUpdate:modelValue": [
-                        h[2] || (h[2] = (E) => k.milestoneSounds = E),
-                        h[3] || (h[3] = (E) => u("milestoneSounds", E))
+                        h[2] || (h[2] = (H) => k.milestoneSounds = H),
+                        h[3] || (h[3] = (H) => u("milestoneSounds", H))
                       ]
                     }, null, 8, ["modelValue"])
                   ])
@@ -9083,7 +9083,7 @@ const ai = {
           oe("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
         ]);
       }
-    }, M = {
+    }, $ = {
       props: ["size"],
       render() {
         return oe("svg", { width: this.size, height: this.size, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, [
@@ -9101,7 +9101,7 @@ const ai = {
           oe("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
         ]);
       }
-    }, c = $([]), h = $(null), E = $(!1), D = $(null), C = Ye({}), N = $(!1), p = U({
+    }, c = M([]), h = M(null), H = M(!1), D = M(null), C = Ye({}), N = M(!1), p = U({
       get: () => t.modelValue || !1,
       set: (T) => l("update:modelValue", T)
     });
@@ -9111,7 +9111,7 @@ const ai = {
       (typeof t.modelValue > "u" || t.modelValue) && L();
     });
     const L = async () => {
-      E.value = !0, D.value = null;
+      H.value = !0, D.value = null;
       try {
         const T = await z();
         if (c.value = T || [], c.value.length > 0) {
@@ -9126,7 +9126,7 @@ const ai = {
       } catch (T) {
         D.value = T instanceof Error ? T.message : "Failed to load sessions", console.error("Failed to load sessions:", T);
       } finally {
-        E.value = !1;
+        H.value = !1;
       }
     }, O = async (T) => {
       C[T] = !0;
@@ -9172,8 +9172,8 @@ const ai = {
     }, {
       default: x(() => [
         e("div", p4, [
-          E.value ? (a(), o("div", f4, [
-            d(n(ht), { size: 40 }),
+          H.value ? (a(), o("div", f4, [
+            d(n(gt), { size: 40 }),
             te[1] || (te[1] = e("p", { class: "loading-text" }, "Loading sessions...", -1))
           ])) : c.value.length === 0 ? (a(), o("div", m4, [...te[2] || (te[2] = [
             e("div", { class: "empty-icon" }, [
@@ -9268,7 +9268,7 @@ const ai = {
                   ]),
                   e("div", N4, [
                     e("span", B4, [
-                      d(M, { size: 14 })
+                      d($, { size: 14 })
                     ]),
                     e("span", P4, " Last active " + R(Z(ue.last_activity_at || ue.created_at)), 1)
                   ]),
@@ -9288,7 +9288,7 @@ const ai = {
                 disabled: N.value
               }, {
                 default: x(() => [
-                  N.value ? (a(), Ce(n(ht), {
+                  N.value ? (a(), Ce(n(gt), {
                     key: 0,
                     size: 16
                   })) : (a(), o("span", q4, "End All Other Sessions"))
@@ -9391,7 +9391,7 @@ const ai = {
           oe("circle", { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor" })
         ]);
       }
-    }, V = s, y = r, { getSupportEmail: k, getUrl: u } = pt(V.config), { fetchProfile: g, updateProfile: M, changeEmail: A, changeUsername: c, getUsernameCooldown: h, checkUsernameAvailability: E, getUserSessions: D, currentUser: C, currentSession: N, isAuthenticated: p, refreshToken: L, signOut: O } = ft(), { activeMfaDevices: S, fetchMfaDevices: w } = Tt(), q = $(null), Z = $(!1), b = U(() => C.value || V.user || q.value), T = $(!1), te = $(!1), ue = $(!1), ye = $(!1), Me = $(!1), Ae = $(!1), Se = $(!1), xe = $(!1), ne = $(!1), j = $(!1), K = $(!1), ie = $(null), ae = $(""), W = $(""), le = $([]), _e = $(!1), Te = Ye({
+    }, V = s, y = r, { getSupportEmail: k, getUrl: u } = pt(V.config), { fetchProfile: g, updateProfile: $, changeEmail: A, changeUsername: c, getUsernameCooldown: h, checkUsernameAvailability: H, getUserSessions: D, currentUser: C, currentSession: N, isAuthenticated: p, refreshToken: L, signOut: O } = ft(), { activeMfaDevices: S, fetchMfaDevices: w } = Tt(), q = M(null), Z = M(!1), b = U(() => C.value || V.user || q.value), T = M(!1), te = M(!1), ue = M(!1), ye = M(!1), Me = M(!1), Ae = M(!1), Se = M(!1), xe = M(!1), ne = M(!1), j = M(!1), K = M(!1), ie = M(null), ae = M(""), W = M(""), le = M([]), _e = M(!1), Te = Ye({
       canChange: !0,
       cooldownEnd: null,
       daysRemaining: 0
@@ -9399,7 +9399,7 @@ const ai = {
       available: !1,
       message: "",
       checking: !1
-    }), $e = $(), re = Ye({
+    }), $e = M(), re = Ye({
       firstName: "",
       lastName: "",
       email: ""
@@ -9454,7 +9454,7 @@ const ai = {
       return J.forEach((we) => {
         we.device_type in P && P[we.device_type]++;
       }), P;
-    }), gt = U(() => {
+    }), Ct = U(() => {
       const J = [], P = Fe.value;
       if (P.totp > 0 && J.push({
         type: "totp",
@@ -9503,7 +9503,7 @@ const ai = {
       const J = Dt.value * 5 / 360;
       return Dt.value - aa.value - J;
     });
-    const sa = (J, P) => !J && !P ? "U" : `${J?.[0] || ""}${P?.[0] || ""}`.toUpperCase(), Ct = async () => {
+    const sa = (J, P) => !J && !P ? "U" : `${J?.[0] || ""}${P?.[0] || ""}`.toUpperCase(), yt = async () => {
       if (!(!V.autoFetch || V.user || !p.value)) {
         Z.value = !0;
         try {
@@ -9540,7 +9540,7 @@ const ai = {
         nt();
       }, 100);
     }), We(() => {
-      Ct(), nt();
+      yt(), nt();
     });
     const it = () => {
       ae.value = "", W.value = "", Object.keys(he).forEach((J) => {
@@ -9549,7 +9549,7 @@ const ai = {
     }, zt = async () => {
       it(), T.value = !0;
       try {
-        const J = await M({
+        const J = await $({
           firstName: re.firstName,
           lastName: re.lastName
         });
@@ -9608,7 +9608,7 @@ const ai = {
         }
         Ee.checking = !0, Ee.message = "Checking availability...";
         try {
-          const P = await E(G.username);
+          const P = await H(G.username);
           if (Ee.available = P.available, Ee.message = P.message, !P.available) {
             G.errors.username = "Username is not available";
             return;
@@ -9781,7 +9781,7 @@ const ai = {
                       onClick: la,
                       disabled: te.value
                     }, [
-                      te.value ? (a(), Ce(n(ht), {
+                      te.value ? (a(), Ce(n(gt), {
                         key: 0,
                         size: 24,
                         variant: "spinner"
@@ -10008,8 +10008,8 @@ const ai = {
                             P[20] || (P[20] = e("h4", { class: "profile-field-title" }, "Two-Factor Authentication", -1)),
                             e("p", b0, R(b.value?.mfaEnabled ? "Enabled" : "Add extra security to your account"), 1)
                           ]),
-                          gt.value.length > 0 ? (a(), o("div", x0, [
-                            (a(!0), o(Ue, null, Ke(gt.value, (we) => (a(), o("div", {
+                          Ct.value.length > 0 ? (a(), o("div", x0, [
+                            (a(!0), o(Ue, null, Ke(Ct.value, (we) => (a(), o("div", {
                               key: we.type,
                               class: be([
                                 "mfa-device-chip",
@@ -10244,19 +10244,19 @@ const ai = {
   },
   emits: ["success", "error", "back-to-signin"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { getSupportEmail: z } = pt(t.config), V = $(!1), y = $(""), k = $(!1), u = Ye({
+    const t = s, l = r, { getSupportEmail: z } = pt(t.config), V = M(!1), y = M(""), k = M(!1), u = Ye({
       email: ""
     }), g = async () => {
       V.value = !0, y.value = "";
       try {
-        await new Promise((M) => setTimeout(M, 1e3)), k.value = !0, l("success", u.email);
+        await new Promise(($) => setTimeout($, 1e3)), k.value = !0, l("success", u.email);
       } catch {
         y.value = "Failed to send password reset email. Please try again.", l("error", y.value);
       } finally {
         V.value = !1;
       }
     };
-    return (M, A) => (a(), o("div", Z0, [
+    return ($, A) => (a(), o("div", Z0, [
       e("div", K0, [
         d(n(_t), {
           variant: "modern",
@@ -10313,7 +10313,7 @@ const ai = {
             }, null, 8, ["message"])) : I("", !0),
             e("div", G0, [
               d(n(mt), {
-                onClick: A[2] || (A[2] = (c) => M.$emit("back-to-signin")),
+                onClick: A[2] || (A[2] = (c) => $.$emit("back-to-signin")),
                 class: "accui-inline-flex accui-items-center accui-gap-2"
               }, {
                 default: x(() => [...A[3] || (A[3] = [
@@ -10362,13 +10362,13 @@ const ai = {
       ])
     ]));
   }
-}), Dc = /* @__PURE__ */ De(Q0, [["__scopeId", "data-v-d5af9f1c"]]), X0 = {
-  key: 1,
-  class: "animate-fade-in"
-}, J0 = {
+}), Nc = /* @__PURE__ */ De(Q0, [["__scopeId", "data-v-d5af9f1c"]]), X0 = { class: "signed-in-wrapper" }, J0 = {
+  key: 0,
+  class: "animate-fade-in signed-in-loading"
+}, eu = {
   key: 2,
-  class: "animate-fade-in"
-}, eu = /* @__PURE__ */ Ve({
+  class: "animate-fade-in signed-in-fallback-wrapper"
+}, tu = /* @__PURE__ */ Ve({
   __name: "SignedIn",
   props: {
     showFallback: { type: Boolean, default: !0 },
@@ -10376,52 +10376,44 @@ const ai = {
   },
   emits: ["sign-in-required"],
   setup(s, { emit: r }) {
-    const t = r, { isAuthenticated: l, isInitializing: z, user: V, signOut: y, initialize: k, isInitialized: u } = ft(), g = $(!1);
+    const t = r, { isAuthenticated: l, isInitializing: z, user: V, signOut: y, initialize: k, isInitialized: u } = ft(), g = M(!1);
     We(async () => {
-      console.log("[SignedIn] onMounted - starting initialization"), g.value = !0, await k(), console.log("[SignedIn] onMounted - initialization complete, isAuthenticated:", l.value);
+      g.value = !0, await k(), await ht();
     });
-    const M = U(() => !!(!g.value || z.value || !u.value)), A = U(() => {
-      const E = !M.value && l.value;
-      return console.log("[SignedIn] isSignedIn computed:", E, "(isLoading:", M.value, "isAuthenticated:", l.value, ")"), E;
-    }), c = U(() => {
-      const E = !M.value && !l.value;
-      return console.log("[SignedIn] isSignedOut computed:", E), E;
-    }), h = () => {
+    const $ = U(() => g.value ? z.value || !u.value : !0), A = U(() => !$.value && l.value), c = U(() => !$.value && !l.value), h = () => {
       t("sign-in-required");
     };
-    return (E, D) => (a(), o(Ue, null, [
-      A.value ? (a(), o("div", {
-        key: 0,
+    return (H, D) => (a(), o("div", X0, [
+      $.value ? (a(), o("div", J0, [
+        je(H.$slots, "loading", {}, () => [
+          d(n(gt), {
+            size: 30,
+            variant: "circle",
+            "show-particles": !0
+          })
+        ], !0)
+      ])) : A.value ? (a(), o("div", {
+        key: 1,
         class: be(["animate-fade-in", s.inline ? "is_inline" : ""])
       }, [
-        je(E.$slots, "default", {
+        je(H.$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 }, () => [
+      ], 2)) : c.value && s.showFallback ? (a(), o("div", eu, [
+        je(H.$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)),
+            D[0] || (D[0] = Jt('<div class="signed-in-icon-container" data-v-9ef0aaac><svg class="signed-in-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-v-9ef0aaac><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-9ef0aaac></path></svg></div><h3 class="signed-in-title" data-v-9ef0aaac>Sign in required</h3><p class="signed-in-subtitle" data-v-9ef0aaac>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-6fe20c32"]]), Nc = /* @__PURE__ */ Ve({
+}), au = /* @__PURE__ */ De(tu, [["__scopeId", "data-v-9ef0aaac"]]), Bc = /* @__PURE__ */ Ve({
   __name: "StrandsConfigProvider",
   props: {
     config: {}
@@ -10432,7 +10424,7 @@ const ai = {
       La(r.config);
     }), La(r.config), (t, l) => je(t.$slots, "default");
   }
-}), au = ["fill", "stroke", "viewBox", "aria-hidden"], Bc = /* @__PURE__ */ Ve({
+}), su = ["fill", "stroke", "viewBox", "aria-hidden"], Pc = /* @__PURE__ */ Ve({
   __name: "SvgIcon",
   props: {
     name: {},
@@ -10556,45 +10548,45 @@ const ai = {
       "aria-hidden": s.ariaHidden
     }, [
       (a(), Ce(ot(y.value)))
-    ], 10, au));
+    ], 10, su));
   }
-}), su = ["onKeydown", "aria-expanded"], ou = { class: "mini-profile-avatar-container" }, lu = ["src", "alt", "width", "height"], nu = {
+}), ou = ["onKeydown", "aria-expanded"], lu = { class: "mini-profile-avatar-container" }, nu = ["src", "alt", "width", "height"], iu = {
   key: 1,
   class: "mini-profile-avatar-default"
-}, iu = { class: "mini-profile-content" }, ru = { class: "mini-profile-name" }, uu = { class: "mini-profile-email" }, cu = ["src", "alt", "width", "height"], du = {
+}, ru = { class: "mini-profile-content" }, uu = { class: "mini-profile-name" }, cu = { class: "mini-profile-email" }, du = ["src", "alt", "width", "height"], vu = {
   key: 1,
   class: "avatar-default"
-}, vu = { key: 0 }, pu = ["onKeydown"], fu = { class: "dropdown-content" }, mu = {
+}, pu = { key: 0 }, fu = ["onKeydown"], mu = { class: "dropdown-content" }, hu = {
   key: 0,
   class: "dropdown-header"
-}, hu = {
+}, gu = {
   key: 0,
   class: "dropdown-avatar-container"
-}, gu = ["src", "alt"], Cu = {
+}, Cu = ["src", "alt"], yu = {
   key: 1,
   class: "dropdown-avatar-default"
-}, yu = { class: "dropdown-user-details" }, ku = { class: "dropdown-user-name" }, wu = { class: "dropdown-user-email" }, bu = {
+}, ku = { class: "dropdown-user-details" }, wu = { class: "dropdown-user-name" }, bu = { class: "dropdown-user-email" }, xu = {
   key: 1,
   class: "dropdown-divider"
-}, xu = ["onKeydown", "aria-expanded"], Mu = { class: "mini-profile-avatar-container" }, $u = ["src", "alt", "width", "height"], Su = {
+}, Mu = ["onKeydown", "aria-expanded"], $u = { class: "mini-profile-avatar-container" }, Su = ["src", "alt", "width", "height"], Au = {
   key: 1,
   class: "mini-profile-avatar-default"
-}, Au = { class: "mini-profile-content" }, _u = { class: "mini-profile-name" }, Tu = { class: "mini-profile-email" }, zu = ["src", "alt", "width", "height"], Vu = {
+}, _u = { class: "mini-profile-content" }, Tu = { class: "mini-profile-name" }, zu = { class: "mini-profile-email" }, Vu = ["src", "alt", "width", "height"], Iu = {
   key: 1,
   class: "avatar-default"
-}, Iu = { key: 0 }, Lu = ["onKeydown"], Eu = { class: "dropdown-content" }, Hu = {
+}, Lu = { key: 0 }, Eu = ["onKeydown"], Hu = { class: "dropdown-content" }, Uu = {
   key: 0,
   class: "dropdown-header"
-}, Uu = {
+}, Du = {
   key: 0,
   class: "dropdown-avatar-container"
-}, Du = ["src", "alt"], Nu = {
+}, Nu = ["src", "alt"], Bu = {
   key: 1,
   class: "dropdown-avatar-default"
-}, Bu = { class: "dropdown-user-details" }, Pu = { class: "dropdown-user-name" }, ju = { class: "dropdown-user-email" }, Ou = {
+}, Pu = { class: "dropdown-user-details" }, ju = { class: "dropdown-user-name" }, Ou = { class: "dropdown-user-email" }, Ru = {
   key: 1,
   class: "dropdown-divider"
-}, Ru = { class: "sign-in-auth-wrapper" }, Fu = /* @__PURE__ */ Ve({
+}, Fu = { class: "sign-in-auth-wrapper" }, qu = /* @__PURE__ */ Ve({
   __name: "StrandsUserButton",
   props: {
     hideUser: { type: Boolean, default: !1 },
@@ -10608,7 +10600,7 @@ const ai = {
   },
   emits: ["profile-updated", "signed-out", "signed-in"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { currentUser: z, signOut: V, isAuthenticated: y } = ft(), k = $(!1), u = $(!1), g = $(!1), M = $(), A = $(), c = $(), h = U(() => A.value), { floatingStyle: E, updatePosition: D } = Oa({
+    const t = s, l = r, { currentUser: z, signOut: V, isAuthenticated: y } = ft(), k = M(!1), u = M(!1), g = M(!1), $ = M(), A = M(), c = M(), h = U(() => A.value), { floatingStyle: H, updatePosition: D } = Oa({
       trigger: h,
       floating: c,
       placement: "bottom-end",
@@ -10654,7 +10646,7 @@ const ai = {
           return 64;
       }
     }), p = U(() => t.user ? t.user : y.value ? z.value : null), L = U(() => p.value ? p.value.username ? p.value.username : p.value.firstName && p.value.lastName ? `${p.value.firstName} ${p.value.lastName}` : p.value.firstName ? p.value.firstName : p.value.email || "User" : "User"), O = () => {
-      k.value = !k.value, k.value && yt(() => {
+      k.value = !k.value, k.value && ht(() => {
         D();
       });
     }, S = () => {
@@ -10685,7 +10677,7 @@ const ai = {
     return (ne, j) => (a(), o("div", {
       class: "accui-component-scope",
       ref_key: "containerRef",
-      ref: M
+      ref: $
     }, [
       t.user ? (a(), o(Ue, { key: 0 }, [
         s.variant === "mini-profile" ? (a(), o("div", {
@@ -10706,7 +10698,7 @@ const ai = {
           "aria-expanded": k.value,
           "aria-label": "User menu"
         }, [
-          e("div", ou, [
+          e("div", lu, [
             d(n(Qt), {
               size: N.value,
               value: p.value?.xp || 0,
@@ -10724,7 +10716,7 @@ const ai = {
               width: C.value,
               height: C.value,
               loading: "eager"
-            }, null, 8, lu)) : (a(), o("div", nu, [...j[3] || (j[3] = [
+            }, null, 8, nu)) : (a(), o("div", iu, [...j[3] || (j[3] = [
               e("svg", {
                 class: "mini-profile-avatar-icon",
                 fill: "currentColor",
@@ -10738,9 +10730,9 @@ const ai = {
               ], -1)
             ])]))
           ]),
-          e("div", iu, [
-            e("div", ru, R(L.value), 1),
-            e("div", uu, R(p.value?.email), 1)
+          e("div", ru, [
+            e("div", uu, R(L.value), 1),
+            e("div", cu, R(p.value?.email), 1)
           ]),
           (a(), o("svg", {
             class: be(["mini-profile-dropdown-arrow", { "dropdown-arrow-open": k.value }]),
@@ -10755,7 +10747,7 @@ const ai = {
               d: "M19 9l-7 7-7-7"
             }, null, -1)
           ])], 2))
-        ], 42, su)) : (a(), o("div", {
+        ], 42, ou)) : (a(), o("div", {
           key: 1,
           ref_key: "triggerRef",
           ref: A,
@@ -10785,7 +10777,7 @@ const ai = {
                 width: C.value,
                 height: C.value,
                 loading: "eager"
-              }, null, 8, cu)) : (a(), o("div", du, [...j[5] || (j[5] = [
+              }, null, 8, du)) : (a(), o("div", vu, [...j[5] || (j[5] = [
                 e("svg", {
                   class: "avatar-icon",
                   fill: "currentColor",
@@ -10815,7 +10807,7 @@ const ai = {
               ])], 2))
             ]),
             default: x(() => [
-              s.hideUser ? I("", !0) : (a(), o("span", vu, R(L.value), 1))
+              s.hideUser ? I("", !0) : (a(), o("span", pu, R(L.value), 1))
             ]),
             _: 1
           }, 8, ["size", "active", "onKeydown", "aria-expanded"])
@@ -10826,7 +10818,7 @@ const ai = {
             ref_key: "dropdownRef",
             ref: c,
             class: "strands-user-dropdown",
-            style: Oe(n(E)),
+            style: Oe(n(H)),
             role: "menu",
             "aria-orientation": "vertical",
             onKeydown: [
@@ -10837,9 +10829,9 @@ const ai = {
               Re(Be(T, ["prevent"]), ["end"])
             ]
           }, [
-            e("div", fu, [
-              s.variant !== "mini-profile" ? (a(), o("div", mu, [
-                p.value ? (a(), o("div", hu, [
+            e("div", mu, [
+              s.variant !== "mini-profile" ? (a(), o("div", hu, [
+                p.value ? (a(), o("div", gu, [
                   d(n(Qt), {
                     size: 80,
                     value: p.value.xp,
@@ -10856,7 +10848,7 @@ const ai = {
                     class: "dropdown-avatar-image",
                     width: "64",
                     height: "64"
-                  }, null, 8, gu)) : (a(), o("div", Cu, [...j[7] || (j[7] = [
+                  }, null, 8, Cu)) : (a(), o("div", yu, [...j[7] || (j[7] = [
                     e("svg", {
                       class: "dropdown-avatar-icon",
                       fill: "currentColor",
@@ -10870,13 +10862,13 @@ const ai = {
                     ], -1)
                   ])]))
                 ])) : I("", !0),
-                e("div", yu, [
-                  e("div", ku, R(L.value), 1),
-                  e("div", wu, R(p.value?.email), 1)
+                e("div", ku, [
+                  e("div", wu, R(L.value), 1),
+                  e("div", bu, R(p.value?.email), 1)
                 ])
               ])) : I("", !0),
               je(ne.$slots, "default", {}, void 0, !0),
-              s.variant !== "mini-profile" ? (a(), o("div", bu)) : I("", !0),
+              s.variant !== "mini-profile" ? (a(), o("div", xu)) : I("", !0),
               d(n(Lt), null, {
                 default: x(() => [
                   d(n(Lt).Item, {
@@ -10901,7 +10893,7 @@ const ai = {
                 _: 1
               })
             ])
-          ], 44, pu)) : I("", !0)
+          ], 44, fu)) : I("", !0)
         ])),
         d(n(ut), {
           modelValue: u.value,
@@ -10917,7 +10909,7 @@ const ai = {
           ]),
           _: 1
         }, 8, ["modelValue"])
-      ], 64)) : (a(), Ce(tu, { key: 1 }, {
+      ], 64)) : (a(), Ce(au, { key: 1 }, {
         fallback: x(() => [
           d(n(ce), {
             onClick: Me,
@@ -10948,7 +10940,7 @@ const ai = {
             "onUpdate:modelValue": j[2] || (j[2] = (K) => g.value = K)
           }, {
             default: x(() => [
-              e("div", Ru, [
+              e("div", Fu, [
                 d(n(_i), {
                   onSignedIn: Ae,
                   onError: Se,
@@ -10961,7 +10953,7 @@ const ai = {
           }, 8, ["modelValue"])
         ]),
         loading: x(() => [
-          d(ht, {
+          d(gt, {
             variant: "circle",
             size: 30
           })
@@ -10985,7 +10977,7 @@ const ai = {
             "aria-expanded": k.value,
             "aria-label": "User menu"
           }, [
-            e("div", Mu, [
+            e("div", $u, [
               d(n(Qt), {
                 size: N.value,
                 value: p.value?.xp || 0,
@@ -11003,7 +10995,7 @@ const ai = {
                 width: C.value,
                 height: C.value,
                 loading: "eager"
-              }, null, 8, $u)) : (a(), o("div", Su, [...j[10] || (j[10] = [
+              }, null, 8, Su)) : (a(), o("div", Au, [...j[10] || (j[10] = [
                 e("svg", {
                   class: "mini-profile-avatar-icon",
                   fill: "currentColor",
@@ -11017,9 +11009,9 @@ const ai = {
                 ], -1)
               ])]))
             ]),
-            e("div", Au, [
-              e("div", _u, R(L.value), 1),
-              e("div", Tu, R(p.value?.email), 1)
+            e("div", _u, [
+              e("div", Tu, R(L.value), 1),
+              e("div", zu, R(p.value?.email), 1)
             ]),
             (a(), o("svg", {
               class: be(["mini-profile-dropdown-arrow", { "dropdown-arrow-open": k.value }]),
@@ -11034,7 +11026,7 @@ const ai = {
                 d: "M19 9l-7 7-7-7"
               }, null, -1)
             ])], 2))
-          ], 42, xu)) : (a(), o("div", {
+          ], 42, Mu)) : (a(), o("div", {
             key: 1,
             ref_key: "triggerRef",
             ref: A,
@@ -11064,7 +11056,7 @@ const ai = {
                   width: C.value,
                   height: C.value,
                   loading: "eager"
-                }, null, 8, zu)) : (a(), o("div", Vu, [...j[12] || (j[12] = [
+                }, null, 8, Vu)) : (a(), o("div", Iu, [...j[12] || (j[12] = [
                   e("svg", {
                     class: "avatar-icon",
                     fill: "currentColor",
@@ -11094,7 +11086,7 @@ const ai = {
                 ])], 2))
               ]),
               default: x(() => [
-                s.hideUser ? I("", !0) : (a(), o("span", Iu, R(L.value), 1))
+                s.hideUser ? I("", !0) : (a(), o("span", Lu, R(L.value), 1))
               ]),
               _: 1
             }, 8, ["size", "active", "onKeydown", "aria-expanded"])
@@ -11105,7 +11097,7 @@ const ai = {
               ref_key: "dropdownRef",
               ref: c,
               class: "strands-user-dropdown",
-              style: Oe(n(E)),
+              style: Oe(n(H)),
               role: "menu",
               "aria-orientation": "vertical",
               onKeydown: [
@@ -11116,9 +11108,9 @@ const ai = {
                 Re(Be(T, ["prevent"]), ["end"])
               ]
             }, [
-              e("div", Eu, [
-                s.variant !== "mini-profile" ? (a(), o("div", Hu, [
-                  p.value ? (a(), o("div", Uu, [
+              e("div", Hu, [
+                s.variant !== "mini-profile" ? (a(), o("div", Uu, [
+                  p.value ? (a(), o("div", Du, [
                     d(n(Qt), {
                       size: 80,
                       value: p.value.xp,
@@ -11135,7 +11127,7 @@ const ai = {
                       class: "dropdown-avatar-image",
                       width: "64",
                       height: "64"
-                    }, null, 8, Du)) : (a(), o("div", Nu, [...j[14] || (j[14] = [
+                    }, null, 8, Nu)) : (a(), o("div", Bu, [...j[14] || (j[14] = [
                       e("svg", {
                         class: "dropdown-avatar-icon",
                         fill: "currentColor",
@@ -11149,13 +11141,13 @@ const ai = {
                       ], -1)
                     ])]))
                   ])) : I("", !0),
-                  e("div", Bu, [
-                    e("div", Pu, R(L.value), 1),
-                    e("div", ju, R(p.value?.email), 1)
+                  e("div", Pu, [
+                    e("div", ju, R(L.value), 1),
+                    e("div", Ou, R(p.value?.email), 1)
                   ])
                 ])) : I("", !0),
                 je(ne.$slots, "default", {}, void 0, !0),
-                s.variant !== "mini-profile" ? (a(), o("div", Ou)) : I("", !0),
+                s.variant !== "mini-profile" ? (a(), o("div", Ru)) : I("", !0),
                 d(n(Lt), null, {
                   default: x(() => [
                     d(n(Lt).Item, {
@@ -11180,7 +11172,7 @@ const ai = {
                   _: 1
                 })
               ])
-            ], 44, Lu)) : I("", !0)
+            ], 44, Eu)) : I("", !0)
           ])),
           d(n(ut), {
             modelValue: u.value,
@@ -11201,7 +11193,7 @@ const ai = {
       }))
     ], 512));
   }
-}), Pc = /* @__PURE__ */ De(Fu, [["__scopeId", "data-v-28bdd12c"]]), qu = /* @__PURE__ */ Ve({
+}), jc = /* @__PURE__ */ De(qu, [["__scopeId", "data-v-28bdd12c"]]), Zu = /* @__PURE__ */ Ve({
   __name: "StrandsNav",
   props: {
     direction: { default: "column" }
@@ -11229,19 +11221,19 @@ const ai = {
       je(k.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Zu = /* @__PURE__ */ De(qu, [["__scopeId", "data-v-dfb31e47"]]), Ku = {
+}), Ku = /* @__PURE__ */ De(Zu, [["__scopeId", "data-v-dfb31e47"]]), Gu = {
   key: 0,
   class: "strands-nav-item-icon",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, Gu = ["d"], Yu = {
+}, Yu = ["d"], Wu = {
   key: 0,
   class: "strands-nav-item-icon",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, Wu = ["d"], Qu = /* @__PURE__ */ Ve({
+}, Qu = ["d"], Xu = /* @__PURE__ */ Ve({
   __name: "StrandsNavItem",
   props: {
     variant: { default: "primary" },
@@ -11263,7 +11255,7 @@ const ai = {
     align: {}
   },
   setup(s) {
-    const r = s, t = ga(), l = ma("registerNavItem"), z = ma("unregisterNavItem"), V = $(`nav-item-${Math.random().toString(36).substring(2, 11)}`), y = os(), k = U(() => {
+    const r = s, t = ga(), l = ma("registerNavItem"), z = ma("unregisterNavItem"), V = M(`nav-item-${Math.random().toString(36).substring(2, 11)}`), y = os(), k = U(() => {
       if (typeof window < "u" && y) {
         const h = y.vnode.el?.parentElement;
         if (h)
@@ -11273,7 +11265,7 @@ const ai = {
     }), u = () => {
       try {
         const h = t.default?.();
-        return h ? h.map((E) => typeof E.children == "string" ? E.children : E.children && Array.isArray(E.children) ? E.children.map(
+        return h ? h.map((H) => typeof H.children == "string" ? H.children : H.children && Array.isArray(H.children) ? H.children.map(
           (D) => typeof D == "string" ? D : ""
         ).join("") : "").join("").trim() : "";
       } catch {
@@ -11283,15 +11275,15 @@ const ai = {
       "strands-nav-item",
       `strands-nav-item--color-${r.color}`,
       { "strands-nav-item--disabled": r.disabled }
-    ], M = () => {
+    ], $ = () => {
       r.disabled;
     }, A = (h) => {
-      const E = {
+      const H = {
         dashboard: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6",
         settings: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z M15 12a3 3 0 11-6 0 3 3 0 016 0z",
         help: "M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
       };
-      return E[h] || E.dashboard;
+      return H[h] || H.dashboard;
     }, c = U(() => ({
       id: V.value,
       label: u(),
@@ -11307,9 +11299,9 @@ const ai = {
       z && z(V.value);
     }), Le(() => [r.to, r.icon, r.disabled], () => {
       l && l(c.value);
-    }, { deep: !0 }), (h, E) => (a(), Ce(n(ce), {
+    }, { deep: !0 }), (h, H) => (a(), Ce(n(ce), {
       to: r.to,
-      onClick: M,
+      onClick: $,
       class: be(g()),
       variant: r.variant,
       color: r.color,
@@ -11321,13 +11313,13 @@ const ai = {
       tabindex: "-1"
     }, Zt({
       default: x(() => [
-        r.icon && r.type !== "button" ? (a(), o("svg", Yu, [
+        r.icon && r.type !== "button" ? (a(), o("svg", Wu, [
           e("path", {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             "stroke-width": "2",
             d: A(r.icon)
-          }, null, 8, Wu)
+          }, null, 8, Qu)
         ])) : I("", !0),
         je(h.$slots, "default")
       ]),
@@ -11336,22 +11328,22 @@ const ai = {
       r.type === "button" ? {
         name: "icon",
         fn: x(() => [
-          r.icon ? (a(), o("svg", Ku, [
+          r.icon ? (a(), o("svg", Gu, [
             e("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "2",
               d: A(r.icon)
-            }, null, 8, Gu)
+            }, null, 8, Yu)
           ])) : I("", !0)
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["to", "class", "variant", "color", "size", "squircle", "disabled", "role"]));
   }
-}), Lt = Zu;
-Lt.Item = Qu;
-const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
+}), Lt = Ku;
+Lt.Item = Xu;
+const Ju = { class: "accui-p-2 accui-border-b" }, ec = /* @__PURE__ */ Ve({
   __name: "VirtualList",
   props: {
     items: {},
@@ -11361,7 +11353,7 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
     overscan: { default: 5 }
   },
   setup(s, { expose: r }) {
-    const t = s, l = $(), z = $(0), V = U(() => {
+    const t = s, l = M(), z = M(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
@@ -11371,17 +11363,17 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
         end: Math.min(t.items.length - 1, h + t.overscan)
       };
     }), y = U(() => {
-      const { start: c, end: h } = V.value, E = [];
+      const { start: c, end: h } = V.value, H = [];
       for (let D = c; D <= h; D++)
-        E.push({
+        H.push({
           index: D,
           data: t.items[D],
           top: D * t.itemHeight
         });
-      return E;
+      return H;
     }), 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) => {
+    const $ = (c) => {
       g && clearTimeout(g), g = setTimeout(() => {
         const h = c.target;
         z.value = h.scrollTop;
@@ -11392,53 +11384,53 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
     }), r({
       scrollToItem: (c, h = "start") => {
         if (!l.value) return;
-        let E = c * t.itemHeight;
-        h === "center" ? E -= t.containerHeight / 2 - t.itemHeight / 2 : h === "end" && (E -= t.containerHeight - t.itemHeight), l.value.scrollTop = Math.max(0, E);
+        let H = c * t.itemHeight;
+        h === "center" ? H -= t.containerHeight / 2 - t.itemHeight / 2 : h === "end" && (H -= t.containerHeight - t.itemHeight), l.value.scrollTop = Math.max(0, H);
       }
     }), (c, h) => (a(), o("div", {
       ref_key: "scrollContainer",
       ref: l,
       style: Oe({ height: s.containerHeight + "px", overflowY: "auto" }),
-      onScroll: M,
+      onScroll: $,
       class: "accui-virtual-list"
     }, [
       e("div", {
         style: Oe({ height: k.value + "px", position: "relative" })
       }, [
-        (a(!0), o(Ue, null, Ke(y.value, (E) => (a(), o("div", {
-          key: u(E.data),
+        (a(!0), o(Ue, null, Ke(y.value, (H) => (a(), o("div", {
+          key: u(H.data),
           style: Oe({
             position: "absolute",
-            top: E.top + "px",
+            top: H.top + "px",
             left: 0,
             right: 0,
             height: s.itemHeight + "px"
           })
         }, [
           je(c.$slots, "default", {
-            item: E.data,
-            index: E.index
+            item: H.data,
+            index: H.index
           }, () => [
-            e("div", Xu, R(JSON.stringify(E.data)), 1)
+            e("div", Ju, R(JSON.stringify(H.data)), 1)
           ], !0)
         ], 4))), 128))
       ], 4)
     ], 36));
   }
-}), jc = /* @__PURE__ */ De(Ju, [["__scopeId", "data-v-1561f0b5"]]), Oc = () => {
-}, ec = { class: "accui-component-scope" }, tc = { class: "mfa-setup-header" }, ac = { class: "mfa-setup-status-container" }, sc = { class: "mfa-setup-content" }, oc = {
+}), Oc = /* @__PURE__ */ De(ec, [["__scopeId", "data-v-1561f0b5"]]), Rc = () => {
+}, tc = { class: "accui-component-scope" }, ac = { class: "mfa-setup-header" }, sc = { class: "mfa-setup-status-container" }, oc = { class: "mfa-setup-content" }, lc = {
   key: 0,
   class: "mfa-setup-loading"
-}, lc = {
+}, nc = {
   key: 1,
   class: "mfa-setup-sections"
-}, nc = {
+}, ic = {
   key: 0,
   class: "mfa-setup-status-alert"
-}, ic = { class: "mfa-setup-status-content" }, rc = { class: "mfa-setup-status-icon" }, uc = { class: "mfa-setup-methods-grid" }, cc = { class: "mfa-setup-method-content" }, dc = { class: "mfa-setup-method-icon mfa-setup-totp-icon" }, vc = { class: "mfa-setup-method-content" }, pc = { class: "mfa-setup-method-icon mfa-setup-email-icon" }, fc = {
+}, rc = { class: "mfa-setup-status-content" }, uc = { class: "mfa-setup-status-icon" }, cc = { class: "mfa-setup-methods-grid" }, dc = { class: "mfa-setup-method-content" }, vc = { class: "mfa-setup-method-icon mfa-setup-totp-icon" }, pc = { class: "mfa-setup-method-content" }, fc = { class: "mfa-setup-method-icon mfa-setup-email-icon" }, mc = {
   key: 1,
   class: "mfa-setup-manage-section"
-}, mc = { class: "mfa-setup-manage-header" }, hc = { class: "mfa-setup-manage-description" }, gc = { class: "mfa-setup-footer" }, Cc = /* @__PURE__ */ Ve({
+}, hc = { class: "mfa-setup-manage-header" }, gc = { class: "mfa-setup-manage-description" }, Cc = { class: "mfa-setup-footer" }, yc = /* @__PURE__ */ Ve({
   __name: "StrandsMFASetup",
   props: {
     show: { type: Boolean, default: !1 }
@@ -11523,14 +11515,14 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
     }, y = s, k = r, {
       mfaEnabled: u,
       loading: g,
-      activeMfaDevices: M,
+      activeMfaDevices: $,
       fetchMfaDevices: A
     } = Tt(), c = U({
       get: () => y.show,
       set: (q) => {
         q || k("close");
       }
-    }), h = $(!1), E = $(!1), D = $(!1), C = $(!1);
+    }), h = M(!1), H = M(!1), D = M(!1), C = M(!1);
     Le(() => y.show, async (q) => {
       q && await A();
     }), We(async () => {
@@ -11541,35 +11533,35 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
     }, p = () => {
       h.value = !0;
     }, L = () => {
-      E.value = !0;
+      H.value = !0;
     }, O = () => {
       C.value = !0;
     }, S = async () => {
-      h.value = !1, E.value = !1, D.value = !1, await A(), k("success");
+      h.value = !1, H.value = !1, D.value = !1, await A(), k("success");
     }, w = async () => {
       await A();
     };
-    return (q, Z) => (a(), o("div", ec, [
+    return (q, Z) => (a(), o("div", tc, [
       d(ut, {
         modelValue: c.value,
         "onUpdate:modelValue": Z[0] || (Z[0] = (b) => c.value = b),
         "card-class": "mfa-setup-modal"
       }, {
         header: x(() => [
-          e("div", tc, [
+          e("div", ac, [
             Z[5] || (Z[5] = e("div", null, [
               e("h2", { class: "mfa-setup-title" }, "Two-Factor Authentication"),
               e("p", { class: "mfa-setup-subtitle" }, "Add extra security to your account")
             ], -1)),
-            e("div", ac, [
+            e("div", sc, [
               e("span", {
-                class: be(["mfa-setup-status-badge", n(u) || n(M).length > 0 ? "mfa-setup-status-enabled" : "mfa-setup-status-disabled"])
-              }, R(n(u) || n(M).length > 0 ? "Enabled" : "Not Enabled"), 3)
+                class: be(["mfa-setup-status-badge", n(u) || n($).length > 0 ? "mfa-setup-status-enabled" : "mfa-setup-status-disabled"])
+              }, R(n(u) || n($).length > 0 ? "Enabled" : "Not Enabled"), 3)
             ])
           ])
         ]),
         footer: x(() => [
-          e("div", gc, [
+          e("div", Cc, [
             d(n(ce), {
               variant: "secondary",
               onClick: N,
@@ -11583,14 +11575,14 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
           ])
         ]),
         default: x(() => [
-          e("div", sc, [
-            n(g) ? (a(), o("div", oc, [
-              d(n(ht), { size: 32 }),
+          e("div", oc, [
+            n(g) ? (a(), o("div", lc, [
+              d(n(gt), { size: 32 }),
               Z[6] || (Z[6] = e("span", { class: "mfa-setup-loading-text" }, "Loading MFA settings...", -1))
-            ])) : (a(), o("div", lc, [
-              n(u) || n(M).length > 0 ? (a(), o("div", nc, [
-                e("div", ic, [
-                  e("div", rc, [
+            ])) : (a(), o("div", nc, [
+              n(u) || n($).length > 0 ? (a(), o("div", ic, [
+                e("div", rc, [
+                  e("div", uc, [
                     d(z, {
                       size: 20,
                       class: "mfa-setup-shield-icon"
@@ -11604,13 +11596,13 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
               ])) : I("", !0),
               e("div", null, [
                 Z[12] || (Z[12] = e("h3", { class: "mfa-setup-methods-title" }, "Choose Your Authentication Method", -1)),
-                e("div", uc, [
+                e("div", cc, [
                   e("div", {
                     class: "mfa-setup-method-card",
                     onClick: p
                   }, [
-                    e("div", cc, [
-                      e("div", dc, [
+                    e("div", dc, [
+                      e("div", vc, [
                         d(t, {
                           size: 28,
                           class: "mfa-setup-icon-svg"
@@ -11638,8 +11630,8 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
                     class: "mfa-setup-method-card",
                     onClick: L
                   }, [
-                    e("div", vc, [
-                      e("div", pc, [
+                    e("div", pc, [
+                      e("div", fc, [
                         d(l, {
                           size: 28,
                           class: "mfa-setup-icon-svg"
@@ -11665,11 +11657,11 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
                   ])
                 ])
               ]),
-              n(M).length > 0 ? (a(), o("div", fc, [
-                e("div", mc, [
+              n($).length > 0 ? (a(), o("div", mc, [
+                e("div", hc, [
                   e("div", null, [
                     Z[13] || (Z[13] = e("h3", { class: "mfa-setup-manage-title" }, "Manage Existing Methods", -1)),
-                    e("p", hc, R(n(M).length) + " device(s) currently active", 1)
+                    e("p", gc, R(n($).length) + " device(s) currently active", 1)
                   ]),
                   d(n(ce), {
                     variant: "secondary",
@@ -11699,10 +11691,10 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
         onClose: Z[1] || (Z[1] = (b) => h.value = !1),
         onSuccess: S
       }, null, 8, ["show"])) : I("", !0),
-      E.value ? (a(), Ce(Ya, {
+      H.value ? (a(), Ce(Ya, {
         key: 1,
-        show: E.value,
-        onClose: Z[2] || (Z[2] = (b) => E.value = !1),
+        show: H.value,
+        onClose: Z[2] || (Z[2] = (b) => H.value = !1),
         onSuccess: S
       }, null, 8, ["show"])) : I("", !0),
       D.value ? (a(), Ce(Aa, {
@@ -11719,20 +11711,20 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
       }, null, 8, ["show"])) : I("", !0)
     ]));
   }
-}), Rc = /* @__PURE__ */ De(Cc, [["__scopeId", "data-v-5e4af8e5"]]);
+}), Fc = /* @__PURE__ */ De(yc, [["__scopeId", "data-v-5e4af8e5"]]);
 function Gt() {
-  const { config: s } = pt(), { currentSession: r, refreshToken: t, getAuthHeaders: l } = ft(), z = async (M, A = {}) => {
+  const { config: s } = pt(), { currentSession: r, refreshToken: t, getAuthHeaders: l } = ft(), z = async ($, A = {}) => {
     const {
       autoRefresh: c = !0,
       requireAuth: h = !0,
-      baseURL: E,
+      baseURL: H,
       ...D
     } = A;
     if (h && !r.value?.accessToken)
       throw new Error("User is not authenticated");
-    let C = M;
-    const N = E || s.value.baseUrl;
-    N && typeof M == "string" && !M.startsWith("http") && (C = new URL(M, N).toString());
+    let C = $;
+    const N = H || s.value.baseUrl;
+    N && typeof $ == "string" && !$.startsWith("http") && (C = new URL($, N).toString());
     const p = new Headers(D.headers);
     if (r.value?.accessToken)
       try {
@@ -11764,29 +11756,29 @@ function Gt() {
   };
   return {
     authenticatedFetch: z,
-    get: (M, A) => z(M, { ...A, method: "GET" }),
-    post: (M, A, c) => {
+    get: ($, A) => z($, { ...A, method: "GET" }),
+    post: ($, 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, {
+      return A && typeof A == "object" && !h.has("Content-Type") && h.set("Content-Type", "application/json"), z($, {
         ...c,
         method: "POST",
         headers: h,
         body: typeof A == "object" ? JSON.stringify(A) : A
       });
     },
-    put: (M, A, c) => {
+    put: ($, 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, {
+      return A && typeof A == "object" && !h.has("Content-Type") && h.set("Content-Type", "application/json"), z($, {
         ...c,
         method: "PUT",
         headers: h,
         body: typeof A == "object" ? JSON.stringify(A) : A
       });
     },
-    delete: (M, A) => z(M, { ...A, method: "DELETE" }),
-    patch: (M, A, c) => {
+    delete: ($, A) => z($, { ...A, method: "DELETE" }),
+    patch: ($, 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, {
+      return A && typeof A == "object" && !h.has("Content-Type") && h.set("Content-Type", "application/json"), z($, {
         ...c,
         method: "PATCH",
         headers: h,
@@ -11795,7 +11787,7 @@ function Gt() {
     }
   };
 }
-const Fc = {
+const qc = {
   get: async (s, r) => {
     const { get: t } = Gt();
     return t(s, r);
@@ -11816,120 +11808,120 @@ const Fc = {
     const { patch: l } = Gt();
     return l(s, r, t);
   }
-}, qc = (s) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s), Zc = (s) => {
+}, Zc = (s) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s), Kc = (s) => {
   const r = [];
   let t = 0;
   s.length < 8 ? r.push("Password must be at least 8 characters long") : t += 1, /[A-Z]/.test(s) ? t += 1 : r.push("Password must contain at least one uppercase letter"), /[a-z]/.test(s) ? t += 1 : r.push("Password must contain at least one lowercase letter"), /\d/.test(s) ? t += 1 : r.push("Password must contain at least one number"), /[!@#$%^&*(),.?":{}|<>]/.test(s) ? t += 1 : r.push("Password must contain at least one special character");
   const l = r.length === 0;
   let z = "weak";
   return t >= 4 ? z = "strong" : t >= 3 && (z = "medium"), { isValid: l, strength: z, errors: r };
-}, Kc = (s) => s.trim().length >= 2, Gc = (s) => s.trim().length > 0, Yc = (s, r) => s === r, Wc = (s, r) => {
+}, Gc = (s) => s.trim().length >= 2, Yc = (s) => s.trim().length > 0, Wc = (s, r) => s === r, Qc = (s, r) => {
   const t = s?.charAt(0).toUpperCase() || "", l = r?.charAt(0).toUpperCase() || "";
   return t + l || "U";
-}, Qc = (s) => (typeof s == "string" ? new Date(s) : s).toLocaleDateString("en-US", {
+}, Xc = (s) => (typeof s == "string" ? new Date(s) : s).toLocaleDateString("en-US", {
   year: "numeric",
   month: "long",
   day: "numeric"
-}), Xc = (s, r) => {
+}), Jc = (s, r) => {
   let t;
   return (...l) => {
     clearTimeout(t), t = setTimeout(() => s(...l), r);
   };
 };
 export {
-  Fc as $authFetch,
+  qc as $authFetch,
   Ii as IconGithub,
   zi as IconGoogle,
-  tu as SignedIn,
+  au as SignedIn,
   _i as StrandsAuth,
   n3 as StrandsBackupCodesModal,
-  Uc as StrandsCompleteSignUp,
-  Nc as StrandsConfigProvider,
+  Dc as StrandsCompleteSignUp,
+  Bc as StrandsConfigProvider,
   v3 as StrandsConfirmModal,
   Ya as StrandsEmailMfaSetupModal,
   Aa as StrandsHardwareKeySetupModal,
   ha as StrandsLogo,
-  Rc as StrandsMFASetup,
+  Fc as StrandsMFASetup,
   Wa as StrandsMfaModal,
   Ka as StrandsMfaVerification,
   Lt as StrandsNav,
-  Qu as StrandsNavItem,
-  Dc as StrandsPasswordReset,
+  Xu as StrandsNavItem,
+  Nc as StrandsPasswordReset,
   Et as StrandsSecuredFooter,
   K4 as StrandsSessionsModal,
   v4 as StrandsSettingsModal,
-  Ec as StrandsSignIn,
-  Hc as StrandsSignUp,
+  Hc as StrandsSignIn,
+  Uc as StrandsSignUp,
   Ga as StrandsTotpSetupModal,
-  td as StrandsUIPlugin,
+  ad as StrandsUIPlugin,
   Ht as StrandsUiAlert,
-  xc as StrandsUiApp,
+  Mc as StrandsUiApp,
   Rs as StrandsUiAvatarEditor,
   ce as StrandsUiButton,
   _t as StrandsUiCard,
-  Ic as StrandsUiCheckboxGroup,
-  Sc as StrandsUiColorPicker,
+  Lc as StrandsUiCheckboxGroup,
+  Ac as StrandsUiColorPicker,
   xa as StrandsUiDivider,
-  _c as StrandsUiHero,
+  Tc as StrandsUiHero,
   Ze as StrandsUiInput,
   Qt as StrandsUiLevelProgress,
   mt as StrandsUiLink,
-  ht as StrandsUiLoader,
+  gt as StrandsUiLoader,
   ut as StrandsUiModal,
-  Lc as StrandsUiPill,
-  Vc as StrandsUiRadioGroup,
-  zc as StrandsUiSlider,
-  Ac as StrandsUiTable,
+  Ec as StrandsUiPill,
+  Ic as StrandsUiRadioGroup,
+  Vc as StrandsUiSlider,
+  _c as StrandsUiTable,
   Ra as StrandsUiTabs,
-  Tc as StrandsUiThemeToggle,
+  zc as StrandsUiThemeToggle,
   Ua as StrandsUiToggle,
   Yt as StrandsUiTooltip,
-  Pc as StrandsUserButton,
+  jc as StrandsUserButton,
   ja as StrandsUserProfile,
-  Bc as SvgIcon,
+  Pc as SvgIcon,
   Ht as UiAlert,
-  xc as UiApp,
+  Mc as UiApp,
   Rs as UiAvatarEditor,
   Rs as UiAvatarEditorSimple,
   ce as UiButton,
   _t as UiCard,
-  Ic as UiCheckboxGroup,
-  Sc as UiColorPicker,
+  Lc as UiCheckboxGroup,
+  Ac as UiColorPicker,
   xa as UiDivider,
-  _c as UiHero,
+  Tc as UiHero,
   Ze as UiInput,
   Qt as UiLevelProgress,
   mt as UiLink,
-  ht as UiLoader,
+  gt as UiLoader,
   ut as UiModal,
-  Lc as UiPill,
-  Vc as UiRadioGroup,
-  zc as UiSlider,
-  Ac as UiTable,
+  Ec as UiPill,
+  Ic as UiRadioGroup,
+  Vc as UiSlider,
+  _c as UiTable,
   Ra as UiTabs,
-  Tc as UiThemeToggle,
+  zc as UiThemeToggle,
   Ua as UiToggle,
   Yt as UiTooltip,
-  jc as VirtualList,
-  Xc as debounce,
-  Qc as formatDate,
-  Wc as getInitials,
-  Gc as isRequired,
-  qc as isValidEmail,
-  Kc as isValidName,
-  Yc as passwordsMatch,
-  Oc as preloadCriticalComponents,
+  Oc as VirtualList,
+  Jc as debounce,
+  Xc as formatDate,
+  Qc as getInitials,
+  Yc as isRequired,
+  Zc as isValidEmail,
+  Gc as isValidName,
+  Wc as passwordsMatch,
+  Rc as preloadCriticalComponents,
   La as provideStrandsConfig,
-  sd as setStrandsConfig,
+  od as setStrandsConfig,
   Co as tailwindColors,
   Gt as useAuthenticatedFetch,
   Oa as useFloatingPosition,
-  $c as useGlobalModalStack,
+  Sc as useGlobalModalStack,
   uo as useModalStack,
-  Mc as useModalTeleport,
+  $c as useModalTeleport,
   za as useOAuthProviders,
   ft as useStrandsAuth,
   pt as useStrandsConfig,
   sl as useTheme,
-  Zc as validatePassword
+  Kc as validatePassword
 };