@strands.gg/accui 2.17.27 → 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 gt, j as Ra, k as mt, l as Ht } from "./StrandsUIPlugin-RTFzvRED.es.js";
-import { m as td } from "./StrandsUIPlugin-RTFzvRED.es.js";
+import { 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;
@@ -152,7 +152,7 @@ const Ha = kt("users", [
         "ui-toggle-thumb--on": V.value,
         "ui-toggle-thumb--off": !V.value
       }
-    ]), h = () => {
+    ]), g = () => {
       if (t.disabled) return;
       const $ = !V.value;
       z.value = $, l("update:modelValue", $), l("change", $);
@@ -172,7 +172,7 @@ const Ha = kt("users", [
         class: be(k.value),
         "aria-pressed": V.value,
         "aria-labelledby": s.label ? `${y.value}-label` : void 0,
-        onClick: h
+        onClick: g
       }, [
         e("span", {
           class: be(["ui-toggle-thumb", u.value])
@@ -194,11 +194,11 @@ const Ha = kt("users", [
   },
   emits: ["upload", "error"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = M(), V = M(), y = M(), k = M(""), u = M(), h = M(t.size), $ = M(t.previewSize), A = M(t.size / 2.5), c = Ye({ x: 0, y: 0 }), g = M(1), E = M(0.1), D = M(3), C = M(!1), N = M(!1), p = M(!1), L = Ye({ x: 0, y: 0, imageX: 0, imageY: 0 });
+    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");
-        j && (j.fillStyle = "#f9fafb", j.fillRect(0, 0, h.value, h.value));
+        j && (j.fillStyle = "#f9fafb", j.fillRect(0, 0, g.value, g.value));
       }
     });
     const O = () => {
@@ -233,9 +233,9 @@ const Ha = kt("users", [
           A.value * 2 / K.width,
           A.value * 2 / K.height
         ), ae = ie;
-        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 = (h.value - W) / 2, c.y = (h.value - le) / 2, g.value = ae, ue(), ht(() => {
+        c.x = (g.value - W) / 2, c.y = (g.value - le) / 2, h.value = ae, ue(), ht(() => {
           N.value = !1;
         }), ht(() => {
           b();
@@ -245,15 +245,15 @@ const Ha = kt("users", [
       if (!u.value || !V.value) return;
       const j = V.value.getContext("2d");
       if (!j) return;
-      j.fillStyle = "#f9fafb", j.fillRect(0, 0, h.value, h.value);
-      const K = u.value, ie = K.width * g.value, ae = K.height * g.value;
+      j.fillStyle = "#f9fafb", j.fillRect(0, 0, g.value, g.value);
+      const K = u.value, ie = K.width * h.value, ae = K.height * h.value;
       j.drawImage(K, c.x, c.y, ie, ae), T();
     }, T = () => {
       if (!u.value || !y.value || !V.value) return;
       const j = y.value.getContext("2d");
       if (!j) return;
       j.fillStyle = "#ffffff", j.fillRect(0, 0, $.value, $.value), j.save(), j.beginPath(), j.arc($.value / 2, $.value / 2, $.value / 2, 0, Math.PI * 2), j.clip();
-      const K = h.value / 2 - A.value, ie = h.value / 2 - A.value, ae = A.value * 2;
+      const K = g.value / 2 - A.value, ie = g.value / 2 - A.value, ae = A.value * 2;
       j.drawImage(
         V.value,
         K,
@@ -269,7 +269,7 @@ const Ha = kt("users", [
       u.value && (C.value = !0, L.x = j.clientX, L.y = j.clientY, L.imageX = c.x, L.imageY = c.y, document.addEventListener("mousemove", ye), document.addEventListener("mouseup", Me));
     }, ue = () => {
       if (!u.value) return;
-      const j = u.value, K = j.width * g.value, ie = j.height * g.value, ae = h.value / 2 - A.value, W = h.value / 2 - A.value, le = h.value / 2 + A.value, _e = h.value / 2 + A.value, Te = le - K, Ee = ae, $e = _e - ie, re = W;
+      const j = u.value, K = j.width * h.value, ie = j.height * h.value, ae = g.value / 2 - A.value, W = g.value / 2 - A.value, le = g.value / 2 + A.value, _e = g.value / 2 + A.value, Te = le - K, Ee = ae, $e = _e - ie, re = W;
       c.x = Math.min(Ee, Math.max(Te, c.x)), c.y = Math.min(re, Math.max($e, c.y));
     }, ye = (j) => {
       if (!C.value) return;
@@ -279,11 +279,11 @@ const Ha = kt("users", [
       C.value = !1, document.removeEventListener("mousemove", ye), document.removeEventListener("mouseup", Me);
     }, Ae = (j) => {
       j.preventDefault();
-      const K = j.deltaY > 0 ? -0.05 : 0.05, ie = Math.max(E.value, Math.min(D.value, g.value + K));
-      if (ie !== g.value && u.value) {
+      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 = h.value / 2, le = ae.width * g.value, _e = ae.height * g.value, Te = ae.width * ie, Ee = ae.height * ie, $e = c.x + le / 2 - W, re = c.y + _e / 2 - W, ve = ie / g.value, Ie = $e * ve, G = re * ve;
-        c.x = W + Ie - Te / 2, c.y = W + G - Ee / 2, g.value = ie, ue(), b(), setTimeout(() => {
+        const ae = u.value, W = g.value / 2, le = ae.width * h.value, _e = ae.height * h.value, Te = ae.width * ie, Ee = ae.height * ie, $e = c.x + le / 2 - W, re = c.y + _e / 2 - W, ve = ie / h.value, Ie = $e * ve, G = re * ve;
+        c.x = W + Ie - Te / 2, c.y = W + G - Ee / 2, h.value = ie, ue(), b(), setTimeout(() => {
           p.value = !1;
         }, 16);
       }
@@ -295,9 +295,9 @@ const Ha = kt("users", [
         A.value * 2 / j.width,
         A.value * 2 / j.height
       ), ie = K;
-      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 = (h.value - ae) / 2, c.y = (h.value - W) / 2, g.value = ie, ue(), ht(() => {
+      c.x = (g.value - ae) / 2, c.y = (g.value - W) / 2, h.value = ie, ue(), ht(() => {
         N.value = !1;
       }), b();
     }, xe = async () => {
@@ -307,7 +307,7 @@ const Ha = kt("users", [
       const K = j.getContext("2d");
       if (!K) return;
       K.fillStyle = "#ffffff", K.fillRect(0, 0, 256, 256), K.save(), K.beginPath(), K.arc(128, 128, 128, 0, Math.PI * 2), K.clip();
-      const ie = h.value / 2 - A.value, ae = h.value / 2 - A.value, W = A.value * 2;
+      const ie = g.value / 2 - A.value, ae = g.value / 2 - A.value, W = A.value * 2;
       K.drawImage(
         V.value,
         ie,
@@ -327,10 +327,10 @@ const Ha = kt("users", [
     }, ne = () => {
       O();
     };
-    return Le(g, (j, K) => {
+    return Le(h, (j, K) => {
       if (!(N.value || p.value)) {
         if (j !== K && u.value && K > 0 && K !== 1) {
-          const ie = u.value, ae = h.value / 2, W = ie.width * K, le = ie.height * K, _e = ie.width * j, Te = ie.height * j, Ee = c.x + W / 2 - ae, $e = c.y + le / 2 - ae, re = j / K, ve = Ee * re, Ie = $e * re;
+          const ie = u.value, ae = g.value / 2, W = ie.width * K, le = ie.height * K, _e = ie.width * j, Te = ie.height * j, Ee = c.x + W / 2 - ae, $e = c.y + le / 2 - ae, re = j / K, ve = Ee * re, Ie = $e * re;
           c.x = ae + ve - _e / 2, c.y = ae + Ie - Te / 2;
         }
         b();
@@ -353,8 +353,8 @@ const Ha = kt("users", [
               e("canvas", {
                 ref_key: "canvas",
                 ref: V,
-                width: h.value,
-                height: h.value,
+                width: g.value,
+                height: g.value,
                 class: "canvas",
                 onMousedown: te,
                 onWheel: Ae
@@ -367,13 +367,13 @@ const Ha = kt("users", [
                         e("rect", {
                           x: "0",
                           y: "0",
-                          width: h.value,
-                          height: h.value,
+                          width: g.value,
+                          height: g.value,
                           fill: "white"
                         }, null, 8, Vs),
                         e("circle", {
-                          cx: h.value / 2,
-                          cy: h.value / 2,
+                          cx: g.value / 2,
+                          cy: g.value / 2,
                           r: A.value,
                           fill: "black"
                         }, null, 8, Is)
@@ -382,8 +382,8 @@ const Ha = kt("users", [
                     e("rect", {
                       x: "0",
                       y: "0",
-                      width: h.value,
-                      height: h.value,
+                      width: g.value,
+                      height: g.value,
                       fill: "black",
                       opacity: "0.5",
                       mask: "url(#backdrop-mask)"
@@ -392,8 +392,8 @@ const Ha = kt("users", [
                 ]),
                 (a(), o("svg", Es, [
                   e("circle", {
-                    cx: h.value / 2,
-                    cy: h.value / 2,
+                    cx: g.value / 2,
+                    cy: g.value / 2,
                     r: A.value,
                     fill: "none",
                     stroke: "white",
@@ -407,7 +407,7 @@ const Ha = kt("users", [
               e("div", Ds, [
                 d(lt, {
                   onClick: K[2] || (K[2] = (ie) => {
-                    g.value = Math.max(E.value, g.value - 0.1), ue(), b();
+                    h.value = Math.max(H.value, h.value - 0.1), ue(), b();
                   }),
                   icon: !0,
                   squircle: !0,
@@ -422,8 +422,8 @@ const Ha = kt("users", [
                 }),
                 Xe(e("input", {
                   type: "range",
-                  "onUpdate:modelValue": K[3] || (K[3] = (ie) => g.value = ie),
-                  min: E.value,
+                  "onUpdate:modelValue": K[3] || (K[3] = (ie) => h.value = ie),
+                  min: H.value,
                   max: D.value,
                   step: 0.01,
                   class: "zoom-slider",
@@ -433,14 +433,14 @@ const Ha = kt("users", [
                 }, null, 40, Ns), [
                   [
                     Je,
-                    g.value,
+                    h.value,
                     void 0,
                     { number: !0 }
                   ]
                 ]),
                 d(lt, {
                   onClick: K[5] || (K[5] = (ie) => {
-                    g.value = Math.min(D.value, g.value + 0.1), ue(), b();
+                    h.value = Math.min(D.value, h.value + 0.1), ue(), b();
                   }),
                   icon: !0,
                   squircle: !0,
@@ -559,8 +559,8 @@ class Sa {
       { freq: 783.99, time: 0.3 }
       // G5
     ].forEach((u) => {
-      const h = r.createOscillator(), $ = r.createGain();
-      h.connect($), $.connect(r.destination), h.type = "sine", h.frequency.setValueAtTime(u.freq, t + u.time), h.frequency.exponentialRampToValueAtTime(u.freq * 1.02, t + u.time + 0.1), h.frequency.exponentialRampToValueAtTime(u.freq, t + u.time + 0.4), $.gain.setValueAtTime(0, t + u.time), $.gain.linearRampToValueAtTime(0.08, t + u.time + 0.03), $.gain.linearRampToValueAtTime(0.06, t + u.time + 0.2), $.gain.exponentialRampToValueAtTime(0.01, t + u.time + 0.5), h.start(t + u.time), h.stop(t + u.time + 0.5);
+      const g = r.createOscillator(), $ = 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 h = r.createOscillator(), $ = r.createGain();
-      h.connect($), $.connect(r.destination), h.type = "sine", h.frequency.setValueAtTime(u.freq, t + u.time), $.gain.setValueAtTime(0, t + u.time), $.gain.linearRampToValueAtTime(0.15, t + u.time + 0.05), $.gain.exponentialRampToValueAtTime(0.01, t + u.time + 0.8), h.start(t + u.time), h.stop(t + u.time + 0.8);
+      const g = r.createOscillator(), $ = 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 h = r.createOscillator(), $ = r.createGain();
-      h.connect($), $.connect(r.destination), h.type = "triangle", h.frequency.setValueAtTime(u.freq, t + u.time), $.gain.setValueAtTime(0, t + u.time), $.gain.linearRampToValueAtTime(0.08, t + u.time + 0.3), $.gain.exponentialRampToValueAtTime(0.01, t + u.time + u.duration), h.start(t + u.time), h.stop(t + u.time + u.duration);
+      const g = r.createOscillator(), $ = 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 h = r.createOscillator(), $ = r.createGain();
-      h.connect($), $.connect(r.destination), h.type = "sine", h.frequency.setValueAtTime(u.freq, t + u.time), $.gain.setValueAtTime(0, t + u.time), $.gain.linearRampToValueAtTime(0.1, t + u.time + 0.02), $.gain.exponentialRampToValueAtTime(0.01, t + u.time + 0.4), h.start(t + u.time), h.stop(t + u.time + 0.4);
+      const g = r.createOscillator(), $ = 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 h = r.createOscillator(), $ = r.createGain();
-      h.connect($), $.connect(r.destination), h.type = "sine", h.frequency.setValueAtTime(u, t + 1.8), $.gain.setValueAtTime(0, t + 1.8), $.gain.linearRampToValueAtTime(0.12, t + 1.9), $.gain.exponentialRampToValueAtTime(0.01, t + l), h.start(t + 1.8), h.stop(t + l);
+      const g = r.createOscillator(), $ = 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);
     });
   }
   /**
@@ -623,8 +623,8 @@ class Sa {
     [659.25, 830.61].forEach((z, V) => {
       const y = r.createOscillator(), k = r.createGain();
       y.connect(k), k.connect(r.destination), y.type = "sine", y.frequency.setValueAtTime(z, t);
-      const u = V * 0.1, h = 0.15;
-      k.gain.setValueAtTime(0, t), k.gain.linearRampToValueAtTime(0.2, t + u + 0.01), k.gain.exponentialRampToValueAtTime(0.01, t + u + h), y.start(t + u), y.stop(t + u + h);
+      const u = V * 0.1, g = 0.15;
+      k.gain.setValueAtTime(0, t), k.gain.linearRampToValueAtTime(0.2, t + u + 0.01), k.gain.exponentialRampToValueAtTime(0.01, t + u + g), y.start(t + u), y.stop(t + u + g);
     });
   }
   /**
@@ -702,8 +702,8 @@ const Fs = (s, r) => Sa.playLevelUp(s, r), qs = { class: "level-progress-contain
   emits: ["levelup"],
   setup(s, { emit: r }) {
     const t = s, l = r, z = M(!1), V = M(t.value), y = M("forward");
-    let k = null, u = t.value, h = t.level;
-    const $ = Kt, A = t.size ?? Kt, c = Kt / 2, g = U(() => t.thickness ?? 24), E = U(() => t.labelThickness ?? 46), D = U(() => t.gapAngle ?? 16), C = U(() => (Kt - g.value) / 2 - Da), N = U(() => (Kt - E.value) / 1.9 - Da), p = U(() => N.value + 10), L = U(() => C.value - g.value / 2 - so), O = U(() => t.levelLabel?.length ?? 0), S = U(() => O.value * no + lo), w = U(() => -S.value / 2), q = U(() => S.value / 2), Z = U(
+    let k = null, u = t.value, g = t.level;
+    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(
       () => (
@@ -773,7 +773,7 @@ const Fs = (s, r) => Sa.playLevelUp(s, r), qs = { class: "level-progress-contain
     return Le(() => t.value, (ie) => {
       y.value = ie >= u ? "forward" : "backward", j(ie, u), u = ie;
     }), Le(() => t.level, (ie) => {
-      ie !== h && ie > h && K(), h = ie;
+      ie !== g && ie > g && K(), g = ie;
     }), (ie, ae) => (a(), o("div", qs, [
       (a(), o("svg", {
         width: n(A),
@@ -803,14 +803,14 @@ const Fs = (s, r) => Sa.playLevelUp(s, r), qs = { class: "level-progress-contain
           key: 1,
           d: te.value,
           stroke: "#ddd",
-          "stroke-width": g.value,
+          "stroke-width": h.value,
           fill: "none",
           "stroke-linecap": "round"
         }, null, 8, Ws)) : I("", !0),
         e("path", {
           d: Z.value,
           stroke: ue.value,
-          "stroke-width": E.value,
+          "stroke-width": H.value,
           fill: "none",
           "stroke-linecap": "round"
         }, null, 8, Qs),
@@ -825,7 +825,7 @@ const Fs = (s, r) => Sa.playLevelUp(s, r), qs = { class: "level-progress-contain
           key: 2,
           d: T.value,
           stroke: ye.value,
-          "stroke-width": g.value,
+          "stroke-width": h.value,
           fill: "none",
           "stroke-linecap": "round"
         }, null, 8, Js)) : I("", !0),
@@ -957,17 +957,17 @@ function uo(s = {}) {
     if (V.value) return;
     const c = /* @__PURE__ */ Symbol("modal");
     z.value = c;
-    const g = Ft.add({
+    const h = Ft.add({
       id: c,
       closeModal: A || u,
       closeOnEscape: r,
       priority: t,
       component: l
     });
-    return y.value = g, V.value = !0, await ht(), g;
+    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);
-  }, h = () => z.value ? document.querySelector(`[data-modal-id="${z.value.toString()}"]`) : null, $ = () => y.value ? document.querySelector(`.ui-app-modal-backdrop[style*="z-index: ${y.value.zIndex - 1}"]`) : null;
+  }, g = () => z.value ? document.querySelector(`[data-modal-id="${z.value.toString()}"]`) : null, $ = () => y.value ? document.querySelector(`.ui-app-modal-backdrop[style*="z-index: ${y.value.zIndex - 1}"]`) : null;
   try {
     xt(() => {
       V.value && u();
@@ -983,7 +983,7 @@ function uo(s = {}) {
     openModal: k,
     closeModal: u,
     // Utilities
-    getModalContainer: h,
+    getModalContainer: g,
     getModalBackdrop: $,
     // Computed values
     zIndex: () => y.value?.zIndex || 0,
@@ -993,14 +993,14 @@ 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() {
+function Sc() {
   const s = M(Ft.state), r = Ft.subscribe((t) => {
     s.value = t;
   });
@@ -1052,7 +1052,7 @@ const co = {
       component: "UiModal"
     });
     M(!0);
-    const h = U(() => t.modelValue !== void 0 ? t.modelValue : z.value), $ = U(() => ({
+    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",
@@ -1065,19 +1065,19 @@ const co = {
       full: "ui-modal-size-full",
       auto: "ui-modal-size-auto"
     })[t.size]), A = async () => {
-      k.value = document.activeElement, await u.openModal(g), t.modelValue !== void 0 ? l("update:modelValue", !0) : z.value = !0, l("open");
+      k.value = document.activeElement, await u.openModal(h), t.modelValue !== void 0 ? l("update:modelValue", !0) : z.value = !0, l("open");
     }, c = () => {
       V.value && (k.value = V.value.querySelector('button, [tabindex]:not([tabindex="-1"]), a[href], input, select, textarea'), k.value || (k.value = V.value)), A();
-    }, g = () => {
+    }, h = () => {
       t.modelValue !== void 0 ? l("update:modelValue", !1) : z.value = !1, l("close"), u.closeModal(), ht(() => {
         k.value && document.contains(k.value) && k.value.focus(), k.value = null;
       });
     };
-    Le(h, async (D) => {
-      D ? (u.isOpen.value || await u.openModal(g), await ht(), y.value && y.value.focus()) : u.isOpen.value && u.closeModal();
+    Le(g, async (D) => {
+      D ? (u.isOpen.value || await u.openModal(h), await ht(), y.value && y.value.focus()) : u.isOpen.value && u.closeModal();
     });
-    const E = (D) => {
-      if (!h.value || D.key !== "Tab" || !y.value) return;
+    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"])'
       ), N = Array.from(C);
@@ -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,
@@ -1098,17 +1098,17 @@ const co = {
       }, [
         je(D.$slots, "trigger", {
           open: c,
-          close: g,
-          isOpen: h.value
+          close: h,
+          isOpen: g.value
         }, void 0, !0)
       ], 512)) : I("", !0),
-      h.value ? (a(), Ce(qt, {
+      g.value ? (a(), Ce(qt, {
         key: 1,
         to: "body"
       }, [
         d(rt, { name: "modal" }, {
           default: x(() => [
-            h.value ? (a(), o("div", co, [
+            g.value ? (a(), o("div", co, [
               e("div", {
                 class: "ui-modal-container",
                 ref_key: "modalContainer",
@@ -1126,8 +1126,8 @@ const co = {
                     e("div", vo, [
                       e("div", po, [
                         je(D.$slots, "header", {
-                          handleClose: g,
-                          isOpen: h.value,
+                          handleClose: h,
+                          isOpen: g.value,
                           openModal: A
                         }, () => [
                           D.$props.title ? (a(), o("h2", fo, R(D.$props.title), 1)) : I("", !0),
@@ -1138,7 +1138,7 @@ const co = {
                         key: 0,
                         type: "button",
                         class: "ui-modal-close-button",
-                        onClick: g,
+                        onClick: h,
                         "aria-label": "Close modal"
                       }, [...C[0] || (C[0] = [
                         e("svg", {
@@ -1165,8 +1165,8 @@ const co = {
                     name: "footer",
                     fn: x(() => [
                       je(D.$slots, "footer", {
-                        handleClose: g,
-                        isOpen: h.value,
+                        handleClose: h,
+                        isOpen: g.value,
                         openModal: A
                       }, void 0, !0)
                     ]),
@@ -1837,7 +1837,7 @@ const co = {
       }
       return "#EA00A8";
     }
-    const l = s, z = r, V = M(), y = M(), k = M(), u = M(0), h = M(1), $ = M(1), A = M(1), c = M(l.modelValue || t()), g = M({ r: 234, g: 0, b: 168 }), E = M(100), D = M(l.defaultColorFormat || "hex"), C = M({ h: 0, s: 0, l: 0 }), N = M({ l: 0, c: 0, h: 0 }), p = M(!1), L = M(!1), O = M(!1), S = M(!1), w = M(!1), q = U(() => p.value), Z = M(null), b = M(l.compareColor);
+    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 = M(!1);
     let ye = "";
@@ -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,8 +2048,8 @@ const co = {
     }, Fe = (v, i) => {
       const m = Ie(v), ee = Ie(i);
       if (!m || !ee) return 1;
-      const _ = Ne(m.r, m.g, m.b), Y = Ne(ee.r, ee.g, ee.b), F = Math.max(_, Y), H = Math.min(_, Y);
-      return (F + 0.05) / (H + 0.05);
+      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";
@@ -2059,7 +2059,7 @@ const co = {
         if (v >= 4.5) return "AA";
       }
       return "FAIL";
-    }, Pe = U(() => re(u.value, h.value, $.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 = () => {
@@ -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: _ });
@@ -2355,46 +2355,46 @@ const co = {
       if (!S.value || !b.value) return [];
       if (q.value && yt.value.length > 0 || !oa.value && yt.value.length > 0)
         return yt.value;
-      const v = [], i = dt, m = vt, ee = 6, _ = (H, f) => {
-        const B = Math.max(0, Math.min(i, H)), se = Math.max(0, Math.min(m, f)), de = Math.max(0, Math.min(1, B / i)), ke = Math.max(0, Math.min(1, 1 - se / m)), ge = re(u.value, de, ke), me = G(ge.r, ge.g, ge.b);
+      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,
@@ -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));
-      h.value = _ / i.width, $.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,40 +2541,40 @@ 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, h.value = m.s, $.value = m.v, Rt();
+          u.value = m.h, g.value = m.s, $.value = m.v, Rt();
         }
       }
     }, Pt = () => {
       const { r: v, g: i, b: m } = Pe.value;
       c.value = G(v, i, m);
     }, tt = () => {
-      const { r: v, g: i, b: m } = g.value;
+      const { r: v, g: i, b: m } = h.value;
       if (v >= 0 && v <= 255 && i >= 0 && i <= 255 && m >= 0 && m <= 255) {
         const ee = ve(v, i, m);
-        u.value = ee.h, h.value = ee.s, $.value = ee.v, Ot(), ya(), ka();
+        u.value = ee.h, g.value = ee.s, $.value = ee.v, Ot(), ya(), ka();
       }
     }, ct = () => {
       const { h: v, s: i, l: m } = C.value;
       if (v >= 0 && v <= 360 && i >= 0 && i <= 100 && m >= 0 && m <= 100) {
         const ee = X(v, i, m), _ = ve(ee.r, ee.g, ee.b);
-        u.value = _.h, h.value = _.s, $.value = _.v, Ot(), Rt(), ka();
+        u.value = _.h, g.value = _.s, $.value = _.v, Ot(), Rt(), ka();
       }
     }, bt = () => {
       const { l: v, c: i, h: m } = N.value;
       if (v >= 0 && v <= 100 && i >= 0 && i <= 100 && m >= 0 && m <= 360) {
         const ee = pe(v, i, m), _ = ve(ee.r, ee.g, ee.b);
-        u.value = _.h, h.value = _.s, $.value = _.v, Ot(), Rt(), ya();
+        u.value = _.h, g.value = _.s, $.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];
@@ -2583,7 +2583,7 @@ const co = {
       c.value = G(v, i, m);
     }, Rt = () => {
       const { r: v, g: i, b: m } = Pe.value;
-      g.value = { r: v, g: i, b: m };
+      h.value = { r: v, g: i, b: m };
     }, ya = () => {
       const { r: v, g: i, b: m } = Pe.value, ee = he(v, i, m);
       C.value = ee;
@@ -2595,7 +2595,7 @@ const co = {
       const i = Ie(v);
       if (i) {
         const m = ve(i.r, i.g, i.b);
-        u.value = m.h, h.value = m.s, $.value = m.v, Ot(), Rt();
+        u.value = m.h, g.value = m.s, $.value = m.v, Ot(), Rt();
       }
     }, Qa = () => {
       S.value = !S.value;
@@ -2614,10 +2614,10 @@ const co = {
       }
       if (v) {
         const i = ve(v.r, v.g, v.b);
-        u.value = i.h, h.value = i.s, $.value = i.v, Ot(), Rt();
+        u.value = i.h, g.value = i.s, $.value = i.v, Ot(), Rt();
       }
     };
-    return Le([u, h, $, A], () => {
+    return Le([u, g, $, A], () => {
       Ot(), Rt(), ya(), ka();
       const v = He(at.value);
       v !== ye && (w.value ? (te && clearTimeout(te), te = setTimeout(() => {
@@ -2767,7 +2767,7 @@ const co = {
           e("div", {
             class: "ui-color-picker-cursor",
             style: Oe({
-              left: `${h.value * 100}%`,
+              left: `${g.value * 100}%`,
               top: `${(1 - $.value) * 100}%`,
               backgroundColor: at.value
             })
@@ -2932,7 +2932,7 @@ const co = {
           e("div", qo, [
             i[25] || (i[25] = e("label", { class: "ui-color-picker-label" }, "R", -1)),
             Xe(e("input", {
-              "onUpdate:modelValue": i[1] || (i[1] = (m) => g.value.r = m),
+              "onUpdate:modelValue": i[1] || (i[1] = (m) => h.value.r = m),
               onInput: tt,
               class: "ui-color-picker-input",
               type: "number",
@@ -2941,7 +2941,7 @@ const co = {
             }, null, 544), [
               [
                 Je,
-                g.value.r,
+                h.value.r,
                 void 0,
                 { number: !0 }
               ]
@@ -2950,7 +2950,7 @@ const co = {
           e("div", Zo, [
             i[26] || (i[26] = e("label", { class: "ui-color-picker-label" }, "G", -1)),
             Xe(e("input", {
-              "onUpdate:modelValue": i[2] || (i[2] = (m) => g.value.g = m),
+              "onUpdate:modelValue": i[2] || (i[2] = (m) => h.value.g = m),
               onInput: tt,
               class: "ui-color-picker-input",
               type: "number",
@@ -2959,7 +2959,7 @@ const co = {
             }, null, 544), [
               [
                 Je,
-                g.value.g,
+                h.value.g,
                 void 0,
                 { number: !0 }
               ]
@@ -2968,7 +2968,7 @@ const co = {
           e("div", Ko, [
             i[27] || (i[27] = e("label", { class: "ui-color-picker-label" }, "B", -1)),
             Xe(e("input", {
-              "onUpdate:modelValue": i[3] || (i[3] = (m) => g.value.b = m),
+              "onUpdate:modelValue": i[3] || (i[3] = (m) => h.value.b = m),
               onInput: tt,
               class: "ui-color-picker-input",
               type: "number",
@@ -2977,7 +2977,7 @@ const co = {
             }, null, 544), [
               [
                 Je,
-                g.value.b,
+                h.value.b,
                 void 0,
                 { number: !0 }
               ]
@@ -2986,7 +2986,7 @@ const co = {
           l.showAlpha ? (a(), o("div", Go, [
             i[28] || (i[28] = e("label", { class: "ui-color-picker-label" }, "A", -1)),
             Xe(e("input", {
-              "onUpdate:modelValue": i[4] || (i[4] = (m) => 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 }
               ]
@@ -3291,9 +3291,9 @@ const co = {
   setup(s, { emit: r }) {
     const t = s, l = r, z = M(), V = M(), y = M(!1), k = U({
       get: () => t.modelValue,
-      set: (g) => l("update:modelValue", g)
+      set: (h) => l("update:modelValue", h)
     }), u = U(() => t.modelValue || "#000000"), {
-      floatingStyle: h,
+      floatingStyle: g,
       updatePosition: $,
       cleanup: A
     } = Oa({
@@ -3334,7 +3334,7 @@ const co = {
       }
     ), xt(() => {
       A();
-    }), (g, 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"]),
@@ -3366,19 +3366,19 @@ const co = {
           ref_key: "popoverRef",
           ref: V,
           class: "ui-color-picker-popover",
-          style: Oe(n(h))
+          style: Oe(n(g))
         }, [
           d(Za, $a({
             modelValue: k.value,
-            "onUpdate:modelValue": 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) => g.$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" },
@@ -3464,11 +3464,11 @@ const co = {
     }, { deep: !0 }), Le(() => l.columns, (G) => {
       u.value = [...G];
     }, { deep: !0 });
-    const h = () => {
+    const g = () => {
       k.value = [...l.data], p.value.clear(), L.value.clear();
     }, $ = () => {
       u.value = [...l.columns];
-    }, A = M(""), c = M("asc"), g = M({}), E = M({}), D = M(""), C = M(/* @__PURE__ */ new Set()), N = M(/* @__PURE__ */ new Set()), p = M(/* @__PURE__ */ new Set()), L = M(/* @__PURE__ */ new Map()), O = M(null), S = M(null), w = M(!1), q = M(0), Z = M(0), b = U(() => {
+    }, 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()
       };
@@ -3489,7 +3489,7 @@ const co = {
       zIndex: 10
     }, ye = U(() => {
       let G = [...k.value];
-      if (l.filterable && Object.keys(g.value).length > 0 && (G = G.filter((he) => Object.entries(g.value).every(([X, fe]) => {
+      if (l.filterable && Object.keys(h.value).length > 0 && (G = G.filter((he) => Object.entries(h.value).every(([X, fe]) => {
         if (!fe || fe === "") return !0;
         const pe = u.value.find((Fe) => Fe.key === X), He = Me(he, X, pe), Ne = String(He || "").toLowerCase();
         return Array.isArray(fe) ? fe.some((Fe) => Ne.includes(String(Fe).toLowerCase())) : Ne.includes(String(fe).toLowerCase());
@@ -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) => {
@@ -3596,7 +3596,7 @@ const co = {
     r({
       internalData: k,
       internalColumns: u,
-      restoreData: h,
+      restoreData: g,
       restoreColumns: $,
       modifiedCells: p,
       cellValues: L
@@ -3685,7 +3685,7 @@ const co = {
                 s.filterable || X.filterable ? (a(), o("button", {
                   key: 0,
                   onClick: (pe) => K(X.key),
-                  class: be(["ui-table-filter-btn", { "ui-table-filter-btn--active": g.value[X.key] }])
+                  class: be(["ui-table-filter-btn", { "ui-table-filter-btn--active": h.value[X.key] }])
                 }, [
                   d(n(ds), { size: 14 })
                 ], 10, _1)) : I("", !0),
@@ -3698,10 +3698,10 @@ 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: g.value[X.key],
-                "onUpdate:modelValue": (pe) => g.value[X.key] = pe,
+                modelValue: h.value[X.key],
+                "onUpdate:modelValue": (pe) => h.value[X.key] = pe,
                 type: X.filterType,
                 options: X.filterType === "select" ? j(X) : void 0,
                 placeholder: `Filter ${X.label}...`,
@@ -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,9 +3906,9 @@ 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 g = c.sort((E, D) => E.position - D.position).map((E) => `${E.color} ${E.position}%`).join(", ");
-      return `linear-gradient(${A}, ${g})`;
-    }), h = U(() => {
+      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;
     }), $ = U(() => {
@@ -3930,7 +3930,7 @@ const co = {
             "ui-hero--sticky": !!s.sticky
           }
         ]]),
-        style: Oe(h.value)
+        style: Oe(g.value)
       }, [
         e("div", R1, [
           z.value || s.title || s.description ? (a(), o("div", F1, [
@@ -3954,7 +3954,7 @@ const co = {
       ], 6)
     ], 6));
   }
-}), _c = /* @__PURE__ */ De(Q1, [["__scopeId", "data-v-00e0d581"]]), At = M("system"), Ma = M(!1), Ta = "strands-ui-theme";
+}), 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;
 }
@@ -4019,13 +4019,13 @@ function tl() {
   function V() {
     if (typeof window > "u") return;
     Ma.value = X1();
-    const y = window.matchMedia("(prefers-color-scheme: dark)"), k = (h) => {
-      Ma.value = h.matches;
+    const y = window.matchMedia("(prefers-color-scheme: dark)"), k = (g) => {
+      Ma.value = g.matches;
     };
     y.addEventListener ? y.addEventListener("change", k) : y.addListener(k);
     const u = J1();
-    At.value = u, Na(s.value), Le(s, (h) => {
-      Na(h);
+    At.value = u, Na(s.value), Le(s, (g) => {
+      Na(g);
     }, { immediate: !1 });
   }
   return We(() => {
@@ -4086,16 +4086,16 @@ const ol = {
     includeLabel: { type: Boolean, default: !1 }
   },
   setup(s) {
-    const r = s, { isForced: t } = sl(), { currentTheme: l, themeLabel: z, setTheme: V, cycleTheme: y, themeOptions: k } = al(), u = U(() => t.value), h = M(!1), $ = {
+    const r = s, { isForced: t } = sl(), { currentTheme: l, themeLabel: z, setTheme: V, cycleTheme: y, themeOptions: k } = al(), u = U(() => t.value), g = M(!1), $ = {
       sun: ms,
       moon: ps,
       monitor: Ea,
       "chevron-up": qa,
       "chevron-down": _a
-    }, A = (C) => $[C] || Ea, c = U(() => l.value === "dark" ? "moon" : l.value === "light" ? "sun" : "monitor"), g = U(() => l.value === "dark" ? "Light" : l.value === "light" ? "System" : "Dark"), E = () => {
+    }, 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") || (h.value = !1);
+      C.target.closest(".ui-theme-toggle-dropdown") || (g.value = !1);
     };
     return We(() => {
       document.addEventListener("click", D);
@@ -4111,8 +4111,8 @@ const ol = {
         variant: "ghost",
         size: s.size,
         disabled: u.value,
-        onClick: N[0] || (N[0] = (p) => u.value ? null : E),
-        title: u.value ? "Theme is locked by app settings" : `Switch to ${g.value.toLowerCase()} theme`,
+        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({
         default: x(() => [
@@ -4141,7 +4141,7 @@ const ol = {
           variant: "ghost",
           size: s.size,
           disabled: u.value,
-          onClick: N[1] || (N[1] = (p) => u.value ? null : h.value = !h.value),
+          onClick: N[1] || (N[1] = (p) => u.value ? null : g.value = !g.value),
           class: be(["ui-theme-toggle-trigger", { "ui-theme-toggle--disabled": u.value }]),
           title: u.value ? "Theme is locked by app settings" : void 0
         }, {
@@ -4149,17 +4149,17 @@ const ol = {
             (a(), Ce(ot(A(c.value))))
           ]),
           "trailing-icon": x(() => [
-            (a(), Ce(ot(A(h.value ? "chevron-up" : "chevron-down"))))
+            (a(), Ce(ot(A(g.value ? "chevron-up" : "chevron-down"))))
           ]),
           default: x(() => [
             Q(" " + R(n(z)) + R(u.value ? " (Locked)" : "") + " ", 1)
           ]),
           _: 1
         }, 8, ["size", "disabled", "class", "title"]),
-        h.value ? (a(), o("div", {
+        g.value ? (a(), o("div", {
           key: 0,
           class: "ui-theme-toggle-menu",
-          onClick: N[2] || (N[2] = (p) => h.value = !1)
+          onClick: N[2] || (N[2] = (p) => g.value = !1)
         }, [
           (a(!0), o(Ue, null, Ke(n(k), (p) => (a(), o("button", {
             key: p.value,
@@ -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 = M(), V = M(!1), y = M(0), k = M(null), u = M(0), h = U(() => t.modelValue !== void 0 ? Number(t.modelValue) : t.value !== void 0 ? Number(t.value) : u.value);
+    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 $ = U(() => {
-      const S = t.max - t.min, w = (h.value - t.min) / S * 100;
+      const S = t.max - t.min, w = (g.value - t.min) / S * 100;
       return Math.max(0, Math.min(100, w));
-    }), A = U(() => h.value?.toFixed(t.step < 1 ? 1 : 0) || "0"), c = U(() => `slider-size-${t.size}`), g = U(() => t.color ? `slider-color-${t.color}` : ""), E = U(() => {
+    }), 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++) {
@@ -4315,7 +4315,7 @@ const ol = {
     return (S, w) => (a(), o("div", {
       class: be(["slider-wrapper", [
         c.value,
-        g.value,
+        h.value,
         {
           "slider-disabled": s.disabled,
           "slider-dragging": V.value
@@ -4343,7 +4343,7 @@ const ol = {
             ref_key: "sliderRef",
             ref: z,
             type: "range",
-            value: h.value,
+            value: g.value,
             min: s.min,
             max: s.max,
             step: s.step,
@@ -4373,7 +4373,7 @@ const ol = {
         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 = {
@@ -4436,7 +4436,7 @@ const ol = {
       l("update:modelValue", c), l("change", c);
     }, u = ($) => {
       l("focus", $);
-    }, h = ($) => {
+    }, g = ($) => {
       l("blur", $);
     };
     return ($, A) => (a(), o("div", {
@@ -4465,7 +4465,7 @@ const ol = {
               "radio-option-card": s.variant === "card"
             }
           ]]),
-          onClick: (g) => y(c)
+          onClick: (h) => y(c)
         }, [
           e("input", {
             id: `${s.fieldId}-${c.value}`,
@@ -4478,7 +4478,7 @@ const ol = {
             class: "radio-input",
             onChange: k,
             onFocus: u,
-            onBlur: h
+            onBlur: g
           }, null, 40, _l),
           A[0] || (A[0] = e("div", { class: "radio-button" }, [
             e("div", { class: "radio-button-inner" })
@@ -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,14 +4572,14 @@ const ol = {
       return C.length > 0 && C.every(
         (N) => t.modelValue.includes(N.value)
       );
-    }), k = U(() => t.options.filter((N) => !N.disabled).some((N) => t.modelValue.includes(N.value))), u = (C) => t.modelValue.includes(C), h = (C) => t.options.find((p) => p.value === C)?.indeterminate || !1, $ = (C) => {
+    }), k = U(() => t.options.filter((N) => !N.disabled).some((N) => t.modelValue.includes(N.value))), u = (C) => t.modelValue.includes(C), g = (C) => t.options.find((p) => p.value === C)?.indeterminate || !1, $ = (C) => {
       t.disabled || C.disabled || A(C);
     }, A = (C, N) => {
       const p = [...t.modelValue], L = p.indexOf(C.value);
       L > -1 ? p.splice(L, 1) : p.push(C.value), l("update:modelValue", p), l("change", p);
     }, c = () => {
-      t.disabled || g();
-    }, g = () => {
+      t.disabled || h();
+    }, h = () => {
       const C = t.options.filter((N) => !N.disabled);
       if (y.value) {
         const N = t.modelValue.filter(
@@ -4590,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);
@@ -4619,7 +4619,7 @@ const ol = {
               "checkbox-option-selected": u(p.value),
               "checkbox-option-disabled": s.disabled || p.disabled,
               "checkbox-option-card": s.variant === "card",
-              "checkbox-option-indeterminate": h(p.value)
+              "checkbox-option-indeterminate": g(p.value)
             }
           ]]),
           onClick: (L) => $(p)
@@ -4632,10 +4632,10 @@ const ol = {
             checked: u(p.value),
             disabled: s.disabled || p.disabled,
             required: s.required && s.modelValue.length === 0,
-            indeterminate: h(p.value),
+            indeterminate: g(p.value),
             class: "checkbox-input",
             onChange: (L) => A(p),
-            onFocus: E,
+            onFocus: H,
             onBlur: D
           }, null, 40, jl),
           e("div", Ol, [
@@ -4645,7 +4645,7 @@ const ol = {
                 d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
                 "clip-rule": "evenodd"
               }, null, -1)
-            ])])) : h(p.value) ? (a(), o("svg", Fl, [...N[1] || (N[1] = [
+            ])])) : g(p.value) ? (a(), o("svg", Fl, [...N[1] || (N[1] = [
               e("path", {
                 "fill-rule": "evenodd",
                 d: "M4 10a1 1 0 011-1h10a1 1 0 110 2H5a1 1 0 01-1-1z",
@@ -4679,7 +4679,7 @@ const ol = {
             checked: y.value,
             indeterminate: k.value && !y.value,
             class: "checkbox-input select-all-input",
-            onChange: g
+            onChange: h
           }, null, 40, Wl),
           e("div", Ql, [
             y.value ? (a(), o("svg", Xl, [...N[2] || (N[2] = [
@@ -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") {
@@ -4888,7 +4888,7 @@ function Tt() {
     } finally {
       Qe.value = !1;
     }
-  }, h = async (C) => {
+  }, g = async (C) => {
     Qe.value = !0;
     try {
       await z(s("mfaEmailSend"), {
@@ -4931,7 +4931,7 @@ function Tt() {
     } finally {
       Qe.value = !1;
     }
-  }, g = (C) => {
+  }, h = (C) => {
     switch (C) {
       case "totp":
         return "📱";
@@ -4948,7 +4948,7 @@ function Tt() {
       default:
         return "🔒";
     }
-  }, E = (C) => {
+  }, H = (C) => {
     switch (C) {
       case "totp":
         return "Authenticator App";
@@ -4978,13 +4978,13 @@ function Tt() {
     setupTotp: y,
     verifyTotpSetup: k,
     setupEmailMfa: u,
-    sendEmailMfaCode: h,
+    sendEmailMfaCode: g,
     verifyEmailMfaCode: $,
     disableMfaDevice: A,
     regenerateBackupCodes: c,
     // Helper methods
-    getDeviceTypeIcon: g,
-    getDeviceTypeName: E,
+    getDeviceTypeIcon: h,
+    getDeviceTypeName: H,
     formatLastUsed: D
   };
 }
@@ -5119,13 +5119,13 @@ const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-c
           oe("path", { d: "m12 17 .01 0" })
         ]);
       }
-    }, u = s, h = r, {
+    }, u = s, g = r, {
       loading: $,
       getDeviceTypeName: A
     } = Tt(), {
       verifyMfa: c,
-      sendMfaEmailCode: g,
-      getMfaWebAuthnChallenge: E,
+      sendMfaEmailCode: h,
+      getMfaWebAuthnChallenge: H,
       mfaSessionId: D,
       loading: C,
       loadingMessage: N,
@@ -5134,7 +5134,7 @@ const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-c
     } = ft(), O = U(() => $.value || C.value), S = U({
       get: () => u.show,
       set: ($e) => {
-        $e || h("close");
+        $e || g("close");
       }
     }), w = M(null), q = M(""), Z = M(""), b = M(""), T = M(""), te = M(!1), ue = M(!1), ye = M(!1), Me = M(0);
     let Ae = null;
@@ -5146,16 +5146,16 @@ const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-c
     }, { immediate: !0 }), Le(() => u.show, async ($e) => {
       $e ? (q.value = "", Z.value = "", b.value = "", T.value = "", te.value = !1, ue.value = !1, ye.value = !1, Me.value = 0, Ae && (clearInterval(Ae), Ae = null), Se.value.length === 1 && (w.value = Se.value[0], w.value.device_type === "email" && setTimeout(async () => {
         try {
-          await g(w.value.id), ue.value = !0, W();
+          await h(w.value.id), ue.value = !0, W();
         } catch (re) {
-          h("error", re instanceof Error ? re.message : "Failed to send email code");
+          g("error", re instanceof Error ? re.message : "Failed to send email code");
         }
       }, 100))) : w.value = null;
     }), Fa(() => {
       Ae && clearInterval(Ae);
     });
     const xe = () => {
-      h("close");
+      g("close");
     }, ne = ($e) => {
       w.value = $e, q.value = "", Z.value = "", ue.value = !1, te.value = !1;
     }, j = ($e) => {
@@ -5178,9 +5178,9 @@ const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-c
     }, ae = async () => {
       if (!(!w.value || w.value.device_type !== "email"))
         try {
-          await g(w.value.id), ue.value = !0, W();
+          await h(w.value.id), ue.value = !0, W();
         } catch ($e) {
-          h("error", $e instanceof Error ? $e.message : "Failed to send email code");
+          g("error", $e instanceof Error ? $e.message : "Failed to send email code");
         }
     }, W = () => {
       ye.value = !0, Me.value = 30, Ae = setInterval(() => {
@@ -5190,7 +5190,7 @@ const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-c
       if (!(!w.value || !q.value)) {
         Z.value = "";
         try {
-          await c(w.value.id, q.value), h("success");
+          await c(w.value.id, q.value), g("success");
         } catch ($e) {
           Z.value = $e instanceof Error ? $e.message : "Invalid verification code";
         }
@@ -5199,7 +5199,7 @@ const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-c
       if (b.value) {
         T.value = "";
         try {
-          await c("", b.value, !0), h("success");
+          await c("", b.value, !0), g("success");
         } catch ($e) {
           T.value = $e instanceof Error ? $e.message : "Invalid backup code";
         }
@@ -5220,13 +5220,13 @@ const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-c
     }, Ee = async () => {
       const $e = u.sessionId || D.value;
       if (!w.value || w.value.device_type !== "hardware" && w.value.device_type !== "passkey" || !$e) {
-        h("error", "Missing requirements for hardware key authentication");
+        g("error", "Missing requirements for hardware key authentication");
         return;
       }
       try {
         if (!window.navigator.credentials || !window.PublicKeyCredential)
           throw new Error("Hardware keys are not supported in this browser");
-        const re = await 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), Ct = (Ne + Fe).replace(/-/g, "+").replace(/_/g, "/"), Pe = window.atob(Ct), Ut = new Uint8Array(Pe.length);
@@ -5277,9 +5277,9 @@ const Cn = { class: "accui-component-scope" }, yn = { class: "mfa-verification-c
           deviceInfo: pe
           // Include detected device info
         };
-        await c(w.value.id, JSON.stringify(He)), h("success");
+        await c(w.value.id, JSON.stringify(He)), g("success");
       } catch (re) {
-        h("error", re instanceof Error ? re.message : "Hardware key authentication failed");
+        g("error", re instanceof Error ? re.message : "Hardware key authentication failed");
       }
     };
     return ($e, re) => (a(), o("div", Cn, [
@@ -5565,19 +5565,19 @@ function za(s = {}) {
   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), g = Pa.get(c);
-    if (g && Date.now() - g.timestamp < ti)
-      return l.value = g.data, g.data;
+    const c = JSON.stringify(s), h = Pa.get(c);
+    if (h && Date.now() - h.timestamp < ti)
+      return l.value = h.data, h.data;
     z.value = !0, V.value = null;
     try {
-      let 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, g) => {
-    const E = { ...s, ...g }, D = new URLSearchParams();
-    if (E.redirectUrl) {
-      let L = E.redirectUrl;
-      E.redirectUrl.startsWith("/") && (L = `${window.location.origin}${E.redirectUrl}`), D.append("redirect_url", L);
+  }, u = async (c, h) => {
+    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, {
@@ -5625,18 +5625,18 @@ function za(s = {}) {
       const O = L instanceof Error ? L.message : "Failed to get OAuth auth URL";
       throw new Error(O);
     }
-  }, h = async (c, g) => {
+  }, g = async (c, h) => {
     try {
-      const 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;
     }
-  }, $ = (c) => l.value.find((g) => g.id === c), A = (c) => {
+  }, $ = (c) => l.value.find((h) => h.id === c), A = (c) => {
     if (c.iconUrl)
       return c.iconUrl;
     switch (c.id.toLowerCase()) {
@@ -5660,7 +5660,7 @@ function za(s = {}) {
     error: U(() => V.value),
     fetchProviders: k,
     getProviderAuthUrl: u,
-    redirectToProvider: h,
+    redirectToProvider: g,
     getProviderById: $,
     getProviderIcon: A
   };
@@ -5816,19 +5816,19 @@ const ai = {
     const t = s, l = r, { getUrl: z, getSupportEmail: V, config: y } = pt(t.config), {
       signIn: k,
       mfaRequired: u,
-      availableMfaMethods: h,
+      availableMfaMethods: g,
       currentUser: $,
       loadingMessage: A
     } = ft(), {
       enabledProviders: c,
-      loading: g,
-      fetchProviders: E,
+      loading: h,
+      fetchProviders: H,
       redirectToProvider: D
     } = za({
       redirectUrl: t.redirectUrl
     });
     We(() => {
-      E().catch((ae) => {
+      H().catch((ae) => {
       });
     });
     const C = U(() => c.value), N = {
@@ -6032,7 +6032,7 @@ const ai = {
                     key: le.id,
                     variant: "outline",
                     "full-width": "",
-                    disabled: n(g),
+                    disabled: n(h),
                     onClick: (_e) => Ae(le.id),
                     class: "auth-oauth-button"
                   }, {
@@ -6255,7 +6255,7 @@ const ai = {
       }, 8, ["variant", "color", "class"]),
       d(Ka, {
         show: w.value,
-        "available-mfa-methods": n(h),
+        "available-mfa-methods": n(g),
         onSuccess: te,
         onClose: ue,
         onError: ye
@@ -6326,12 +6326,12 @@ const ai = {
       mfaSessionId: y,
       availableMfaMethods: k,
       loading: u,
-      currentUser: h
+      currentUser: g
     } = ft(), {
       enabledProviders: $,
       loading: A,
       fetchProviders: c,
-      redirectToProvider: g
+      redirectToProvider: h
     } = za({
       redirectUrl: t.redirectUrl,
       scopes: t.oauthScopes
@@ -6341,7 +6341,7 @@ const ai = {
         console.warn("Failed to fetch OAuth providers:", q);
       });
     });
-    const E = U(() => u.value), D = M(""), C = M(!1);
+    const H = U(() => u.value), D = M(""), C = M(!1);
     Le(V, (q) => {
       q && (C.value = !0);
     });
@@ -6365,7 +6365,7 @@ const ai = {
         D.value = Z, l("error", Z);
       }
     }, L = () => {
-      C.value = !1, l("success", h.value);
+      C.value = !1, l("success", g.value);
       const { config: q } = pt(t.config);
       q.value.onSignInUrl && typeof window < "u" && (window.location.href = q.value.onSignInUrl);
     }, O = () => {
@@ -6374,7 +6374,7 @@ const ai = {
       D.value = q, l("error", q);
     }, w = async (q) => {
       try {
-        await g(q, {
+        await h(q, {
           redirectUrl: t.redirectUrl,
           scopes: t.oauthScopes
         });
@@ -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 = {
@@ -6594,7 +6594,7 @@ const ai = {
       enabledProviders: y,
       loading: k,
       fetchProviders: u,
-      redirectToProvider: h
+      redirectToProvider: g
     } = za({
       redirectUrl: t.redirectUrl,
       scopes: t.oauthScopes
@@ -6604,7 +6604,7 @@ const ai = {
         console.warn("Failed to fetch OAuth providers:", O);
       });
     });
-    const $ = M(!1), A = M(""), c = M(!1), g = M(""), E = M("Magic Link Sent!"), D = M(""), 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("@"));
@@ -6631,7 +6631,7 @@ const ai = {
           throw new Error(q);
         }
         const w = await S.json();
-        c.value = !0, D.value = C.email, g.value = w.message || "Magic link sent! Check your email.", w.message && (w.message.includes("already have an account") || w.message.includes("Welcome back") ? E.value = "Welcome Back!" : w.message.includes("Magic link sent") || w.message.includes("Check your email") ? E.value = "Magic Link Sent!" : E.value = "Success!"), l("success", {
+        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."
         });
@@ -6650,10 +6650,10 @@ const ai = {
         $.value = !1;
       }
     }, p = () => {
-      c.value = !1, g.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 h(O, {
+        await g(O, {
           redirectUrl: t.redirectUrl,
           scopes: t.oauthScopes
         });
@@ -6671,8 +6671,8 @@ 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("p", nr, R(g.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)
               ])) : I("", !0),
@@ -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,22 +6876,22 @@ const ai = {
   },
   emits: ["success", "error", "invalid-token", "request-new-link", "start-registration"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { getUrl: z, getSupportEmail: V } = pt(t.config), { setAuthData: y } = ft(), k = M(!1), u = M(!1), h = M(!1), $ = M(""), A = M(""), c = Ye({
+    const t = s, l = r, { getUrl: z, getSupportEmail: V } = pt(t.config), { setAuthData: y } = ft(), k = M(!1), u = M(!1), g = M(!1), $ = M(""), A = M(""), c = Ye({
       firstName: "",
       lastName: "",
       password: ""
-    }), g = Ye({
+    }), h = Ye({
       firstName: "",
       lastName: "",
       password: ""
-    }), E = U(() => {
+    }), H = U(() => {
       const p = c.password.trim(), L = c.password.length >= 8, O = !!t.token;
       return p && L && O;
     });
     Le(
       () => c.password,
       (p) => {
-        p && p.length < 8 ? g.password = "Password must be at least 8 characters long" : g.password = "";
+        p && p.length < 8 ? h.password = "Password must be at least 8 characters long" : h.password = "";
       }
     );
     const D = U(() => t.redirectUrl || window.location.origin);
@@ -6914,13 +6914,13 @@ const ai = {
         $.value = "Registration token is required";
         return;
       }
-      if ($.value = "", Object.keys(g).forEach((p) => {
-        g[p] = "";
-      }), !E.value) {
+      if ($.value = "", Object.keys(h).forEach((p) => {
+        h[p] = "";
+      }), !H.value) {
         $.value = "Please fill in all required fields correctly";
         return;
       }
-      h.value = !0;
+      g.value = !0;
       try {
         const p = {
           "Content-Type": "application/json"
@@ -6947,7 +6947,7 @@ const ai = {
       } catch (p) {
         p instanceof Error ? p.message.includes("CONFLICT") || p.message.includes("409") ? $.value = "This account already exists. Please try signing in instead." : p.message.includes("BAD_REQUEST") || p.message.includes("400") ? ($.value = "Invalid or expired registration link. Please request a new one.", u.value = !0, l("invalid-token")) : $.value = p.message : $.value = "Failed to complete registration. Please try again.", l("error", $.value);
       } finally {
-        h.value = !1;
+        g.value = !1;
       }
     };
     return (p, L) => (a(), o("div", Ir, [
@@ -7023,7 +7023,7 @@ const ai = {
                   label: "First Name (Optional)",
                   placeholder: "Enter your first name",
                   autocomplete: "given-name",
-                  error: g.firstName
+                  error: h.firstName
                 }, null, 8, ["modelValue", "error"])
               ]),
               e("div", null, [
@@ -7035,7 +7035,7 @@ const ai = {
                   label: "Last Name (Optional)",
                   placeholder: "Enter your last name",
                   autocomplete: "family-name",
-                  error: g.lastName
+                  error: h.lastName
                 }, null, 8, ["modelValue", "error"])
               ]),
               e("div", null, [
@@ -7049,7 +7049,7 @@ const ai = {
                   autocomplete: "new-password",
                   required: "",
                   minlength: "8",
-                  error: g.password
+                  error: h.password
                 }, null, 8, ["modelValue", "error"]),
                 L[19] || (L[19] = e("div", { class: "complete-signup-password-hint" }, " Password must be at least 8 characters long ", -1))
               ]),
@@ -7057,8 +7057,8 @@ const ai = {
                 type: "submit",
                 variant: "primary",
                 "full-width": "",
-                disabled: h.value || !E.value,
-                loading: h.value,
+                disabled: g.value || !H.value,
+                loading: g.value,
                 "loading-text": "Creating account..."
               }, {
                 default: x(() => [...L[20] || (L[20] = [
@@ -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 = M(1), h = M(""), $ = M(""), A = M(""), c = M(""), g = M(null), E = M("");
+    }), u = M(1), g = M(""), $ = M(""), A = M(""), c = M(""), h = M(null), H = M("");
     Le(() => t.show, (S) => {
-      S && (u.value = 1, h.value = "", $.value = "", A.value = "", c.value = "", g.value = null, E.value = "");
-    }), Le(() => g.value, async (S) => {
+      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);
         }
@@ -7173,32 +7173,32 @@ const ai = {
     const D = () => {
       l("close");
     }, C = async () => {
-      if (!h.value.trim()) {
+      if (!g.value.trim()) {
         $.value = "Device name is required";
         return;
       }
       $.value = "";
       try {
-        const S = await z(h.value.trim());
-        g.value = S, u.value = 2;
+        const S = await z(g.value.trim());
+        h.value = S, u.value = 2;
       } catch (S) {
         console.error("Failed to setup TOTP:", S), $.value = S instanceof Error ? S.message : "Failed to setup TOTP";
       }
     }, N = (S) => {
       c.value = "", S.length === 6 && p();
     }, p = async () => {
-      if (!(!g.value || !A.value)) {
+      if (!(!h.value || !A.value)) {
         c.value = "";
         try {
-          await V(g.value.device_id, A.value), u.value = 4;
+          await V(h.value.device_id, A.value), u.value = 4;
         } catch (S) {
           console.error("Failed to verify TOTP code:", S), c.value = S instanceof Error ? S.message : "Invalid verification code";
         }
       }
     }, L = async () => {
-      if (g.value?.backup_codes)
+      if (h.value?.backup_codes)
         try {
-          const S = g.value.backup_codes.join(`
+          const S = h.value.backup_codes.join(`
 `);
           await navigator.clipboard.writeText(S);
         } catch (S) {
@@ -7220,8 +7220,8 @@ const ai = {
             e("p", { class: "step-description" }, ' Give this authenticator a memorable name (e.g., "iPhone", "Work Phone") ')
           ], -1)),
           d(n(Ze), {
-            modelValue: h.value,
-            "onUpdate:modelValue": w[0] || (w[0] = (q) => h.value = q),
+            modelValue: g.value,
+            "onUpdate:modelValue": w[0] || (w[0] = (q) => g.value = q),
             label: "Device Name",
             placeholder: "My Authenticator",
             error: $.value,
@@ -7241,7 +7241,7 @@ const ai = {
             d(n(ce), {
               variant: "primary",
               onClick: C,
-              disabled: !h.value.trim() || n(y),
+              disabled: !g.value.trim() || n(y),
               loading: n(y)
             }, {
               default: x(() => [...w[7] || (w[7] = [
@@ -7257,9 +7257,9 @@ const ai = {
             e("p", { class: "step-description" }, " Scan this QR code with your authenticator app (Google Authenticator, Authy, etc.) ")
           ], -1)),
           e("div", Wr, [
-            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",
@@ -7271,9 +7271,9 @@ const ai = {
           ]),
           e("div", e2, [
             w[9] || (w[9] = e("p", { class: "manual-label" }, " Can't scan? Enter this code manually: ", -1)),
-            e("code", t2, R(g.value?.secret || "..."), 1)
+            e("code", t2, R(h.value?.secret || "..."), 1)
           ]),
-          g.value?.backup_codes ? (a(), o("div", a2, [...w[10] || (w[10] = [
+          h.value?.backup_codes ? (a(), o("div", a2, [...w[10] || (w[10] = [
             e("div", { class: "flex items-start space-x-2" }, [
               e("svg", {
                 class: "w-5 h-5 text-yellow-600 mt-0.5 flex-shrink-0",
@@ -7395,7 +7395,7 @@ const ai = {
             ], -1)),
             e("div", r2, [
               e("div", u2, [
-                (a(!0), o(Ue, null, Ke(g.value?.backup_codes, (q, Z) => (a(), o("div", {
+                (a(!0), o(Ue, null, Ke(h.value?.backup_codes, (q, Z) => (a(), o("div", {
                   key: Z,
                   class: "totp-setup-backup-code"
                 }, R(q), 1))), 128))
@@ -7451,12 +7451,12 @@ const ai = {
       set: (b) => {
         b || l("close");
       }
-    }), h = M(1), $ = M(""), A = M(""), c = M(""), g = M(""), E = M(null), D = M(!1), C = M(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 && (h.value = 1, $.value = "", A.value = "", c.value = "", g.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, () => {
-      g.value && (g.value = "");
+      h.value && (h.value = "");
     }), Fa(() => {
       N && clearInterval(N);
     });
@@ -7470,25 +7470,25 @@ const ai = {
       A.value = "";
       try {
         const b = await z($.value.trim());
-        E.value = b.device_id, await V(b.device_id), h.value = 2, q();
+        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) => {
-      g.value = "", b.length === 6 && S();
+      h.value = "", b.length === 6 && S();
     }, S = async () => {
-      if (!(!E.value || !c.value)) {
-        g.value = "";
+      if (!(!H.value || !c.value)) {
+        h.value = "";
         try {
-          await y(E.value, c.value) ? h.value = 3 : g.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), g.value = b instanceof Error ? b.message : "Invalid verification code";
+          console.error("Failed to verify email MFA code:", b), h.value = b instanceof Error ? b.message : "Invalid verification code";
         }
       }
     }, w = async () => {
-      if (!(!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);
         }
@@ -7506,7 +7506,7 @@ const ai = {
       "card-class": "email-mfa-setup-modal"
     }, {
       default: x(() => [
-        h.value === 1 ? (a(), o("div", p2, [
+        g.value === 1 ? (a(), o("div", p2, [
           T[7] || (T[7] = e("div", null, [
             e("h3", { class: "email-mfa-setup-step-title" }, "Name Your Email 2FA"),
             e("p", { class: "email-mfa-setup-step-description" }, ' Give this email 2FA method a memorable name (e.g., "Personal Email", "Work Email") ')
@@ -7551,7 +7551,7 @@ const ai = {
             }, 8, ["disabled", "loading"])
           ])
         ])) : I("", !0),
-        h.value === 2 ? (a(), o("div", m2, [
+        g.value === 2 ? (a(), o("div", m2, [
           T[10] || (T[10] = e("div", null, [
             e("h3", { class: "email-mfa-setup-step-title" }, "Test Email 2FA"),
             e("p", { class: "email-mfa-setup-step-description" }, " We've sent a test verification code to your email. Enter it below to complete setup. ")
@@ -7582,7 +7582,7 @@ const ai = {
             label: "Verification Code",
             "max-length": 6,
             variant: "numeric",
-            error: g.value,
+            error: h.value,
             disabled: n(k),
             onComplete: O
           }, null, 8, ["modelValue", "error", "disabled"]),
@@ -7602,7 +7602,7 @@ const ai = {
           e("div", g2, [
             d(n(ce), {
               color: "secondary",
-              onClick: T[2] || (T[2] = (te) => h.value = 1),
+              onClick: T[2] || (T[2] = (te) => g.value = 1),
               disabled: n(k)
             }, {
               default: x(() => [...T[8] || (T[8] = [
@@ -7622,7 +7622,7 @@ const ai = {
             }, 8, ["disabled", "loading"])
           ])
         ])) : I("", !0),
-        h.value === 3 ? (a(), o("div", C2, [
+        g.value === 3 ? (a(), o("div", C2, [
           T[13] || (T[13] = e("div", { class: "email-mfa-setup-completion" }, [
             e("div", { class: "email-mfa-setup-completion-icon" }, [
               e("svg", {
@@ -7700,14 +7700,14 @@ const ai = {
   },
   emits: ["close", "success"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { loading: z } = Tt(), { registerHardwareKey: V, completeHardwareKeyRegistration: y, currentSession: k } = ft(), u = M(!1), h = U(() => z.value || u.value), $ = 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 = M(1), g = M(""), E = M(""), D = M("Please touch your hardware key when prompted"), C = M(""), N = M([]);
+    }), 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, g.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");
@@ -7793,11 +7793,11 @@ const ai = {
         throw new Error("Unable to process WebAuthn challenge data");
       }
     }, S = async () => {
-      if (!g.value.trim()) {
-        E.value = "Device name is required";
+      if (!h.value.trim()) {
+        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 {
@@ -7809,7 +7809,7 @@ const ai = {
         }
         if (!k.value?.accessToken)
           throw new Error("Not authenticated. Please sign in again.");
-        const { device_id: b, challenge: T } = await V(g.value.trim(), k.value.accessToken);
+        const { device_id: b, challenge: T } = await V(h.value.trim(), k.value.accessToken);
         if (!T || typeof T != "object")
           throw new Error("Invalid challenge received from server");
         const te = O(T, t.deviceType);
@@ -7875,18 +7875,18 @@ const ai = {
             e("p", { class: "hardware-key-setup-step-description" }, ' Give your hardware key a memorable name (e.g., "YubiKey 5", "Work Security Key") ')
           ], -1)),
           d(n(Ze), {
-            modelValue: g.value,
-            "onUpdate:modelValue": T[0] || (T[0] = (te) => g.value = te),
+            modelValue: h.value,
+            "onUpdate:modelValue": T[0] || (T[0] = (te) => h.value = te),
             label: "Device Name",
             placeholder: "My Hardware Key",
-            error: E.value,
-            disabled: h.value
+            error: H.value,
+            disabled: g.value
           }, null, 8, ["modelValue", "error", "disabled"]),
           e("div", b2, [
             d(n(ce), {
               variant: "secondary",
               onClick: p,
-              disabled: h.value
+              disabled: g.value
             }, {
               default: x(() => [...T[4] || (T[4] = [
                 Q(" Cancel ", -1)
@@ -7896,8 +7896,8 @@ const ai = {
             d(n(ce), {
               variant: "primary",
               onClick: S,
-              disabled: !g.value.trim() || h.value,
-              loading: h.value
+              disabled: !h.value.trim() || g.value,
+              loading: g.value
             }, {
               default: x(() => [...T[5] || (T[5] = [
                 Q(" Continue ", -1)
@@ -7965,7 +7965,7 @@ const ai = {
             d(n(ce), {
               variant: "secondary",
               onClick: T[1] || (T[1] = (te) => c.value = 1),
-              disabled: h.value
+              disabled: g.value
             }, {
               default: x(() => [...T[15] || (T[15] = [
                 Q(" Back ", -1)
@@ -7975,8 +7975,8 @@ const ai = {
             d(n(ce), {
               variant: "primary",
               onClick: w,
-              disabled: h.value,
-              loading: h.value
+              disabled: g.value,
+              loading: g.value
             }, {
               default: x(() => [...T[16] || (T[16] = [
                 Q(" Register Key ", -1)
@@ -8160,25 +8160,25 @@ const ai = {
       set: (D) => {
         D || l("close");
       }
-    }), u = M([]), h = M(!1);
+    }), u = M([]), g = M(!1);
     Le(() => t.show, async (D) => {
-      D && t.device && (h.value = !1, u.value = []);
+      D && t.device && (g.value = !1, u.value = []);
     }), We(async () => {
       t.show && t.device && (u.value = []);
     });
     const $ = () => {
       l("close");
     }, A = () => {
-      h.value = !0;
+      g.value = !0;
     }, c = async () => {
       if (t.device)
         try {
           const D = await z(t.device.id);
-          u.value = D.backup_codes, h.value = !1;
+          u.value = D.backup_codes, g.value = !1;
         } catch (D) {
           console.error("Failed to regenerate backup codes:", D);
         }
-    }, g = async () => {
+    }, h = async () => {
       if (u.value.length !== 0)
         try {
           const D = u.value.join(`
@@ -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",
@@ -8268,7 +8268,7 @@ const ai = {
                 d(n(ce), {
                   variant: "secondary",
                   size: "sm",
-                  onClick: g
+                  onClick: h
                 }, {
                   default: x(() => [...C[4] || (C[4] = [
                     Q(" 📋 Copy All Codes ", -1)
@@ -8278,7 +8278,7 @@ const ai = {
                 d(n(ce), {
                   variant: "secondary",
                   size: "sm",
-                  onClick: E
+                  onClick: H
                 }, {
                   default: x(() => [...C[5] || (C[5] = [
                     Q(" 💾 Download ", -1)
@@ -8311,7 +8311,7 @@ const ai = {
                 })
               ])
             ]),
-            h.value ? (a(), o("div", a3, [
+            g.value ? (a(), o("div", a3, [
               e("div", s3, [
                 C[13] || (C[13] = e("svg", {
                   class: "backup-codes-regenerate-icon",
@@ -8343,7 +8343,7 @@ const ai = {
                     d(n(ce), {
                       variant: "secondary",
                       size: "sm",
-                      onClick: C[0] || (C[0] = (N) => h.value = !1)
+                      onClick: C[0] || (C[0] = (N) => g.value = !1)
                     }, {
                       default: x(() => [...C[10] || (C[10] = [
                         Q(" Cancel ", -1)
@@ -8382,10 +8382,10 @@ const ai = {
     }, k = () => {
       l("cancel");
     };
-    return (u, h) => (a(), o("div", i3, [
+    return (u, g) => (a(), o("div", i3, [
       d(ut, {
         modelValue: V.value,
-        "onUpdate:modelValue": h[0] || (h[0] = ($) => V.value = $),
+        "onUpdate:modelValue": g[0] || (g[0] = ($) => V.value = $),
         "card-class": "confirm-modal"
       }, {
         header: x(() => [
@@ -8464,7 +8464,7 @@ const ai = {
       activeMfaDevices: y,
       fetchMfaDevices: k,
       disableMfaDevice: u,
-      sendEmailMfaCode: h
+      sendEmailMfaCode: g
     } = Tt(), $ = {
       props: ["size"],
       render() {
@@ -8489,7 +8489,7 @@ const ai = {
           oe("circle", { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor" })
         ]);
       }
-    }, g = {
+    }, h = {
       props: ["size"],
       render() {
         return oe("svg", { width: this.size, height: this.size, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, [
@@ -8504,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" }, [
@@ -8536,7 +8536,7 @@ const ai = {
     });
     const b = async (xe) => {
       try {
-        N[xe.id] = !0, await h(xe.id);
+        N[xe.id] = !0, await g(xe.id);
       } catch (ne) {
         console.error("Failed to send email MFA code:", ne);
       } finally {
@@ -8589,7 +8589,7 @@ const ai = {
                   ]),
                   e("div", y3, [
                     n(z) ? (a(), o("span", k3, [
-                      d(E, {
+                      d(H, {
                         size: 12,
                         class: "mfa-badge-icon"
                       }),
@@ -8675,7 +8675,7 @@ const ai = {
                         e("div", L3, [
                           e("div", E3, [
                             e("div", H3, [
-                              d(g, { size: 24 })
+                              d(h, { size: 24 })
                             ]),
                             ne[20] || (ne[20] = e("div", { class: "mfa-device-option-info" }, [
                               e("h4", { class: "mfa-device-option-title" }, "Passkey"),
@@ -8698,7 +8698,7 @@ const ai = {
                   ])) : j?.value === "manage" ? (a(), o("div", U3, [
                     n(y).length === 0 ? (a(), o("div", D3, [
                       e("div", N3, [
-                        d(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)),
@@ -8728,7 +8728,7 @@ const ai = {
                               })) : K.device_type === "hardware" ? (a(), Ce(c, {
                                 key: 2,
                                 size: 20
-                              })) : K.device_type === "passkey" ? (a(), Ce(g, {
+                              })) : K.device_type === "passkey" ? (a(), Ce(h, {
                                 key: 3,
                                 size: 20
                               })) : I("", !0)
@@ -8867,9 +8867,9 @@ const ai = {
     Le(() => l.value?.settings, (c) => {
       c && (k.levelUpSounds = c.levelUpSounds ?? !0, k.milestoneSounds = c.milestoneSounds ?? !0);
     }, { deep: !0 });
-    const u = (c, g) => {
-      k[c] = g;
-    }, h = () => {
+    const u = (c, h) => {
+      k[c] = h;
+    }, g = () => {
       y.value || (y.value = "regular", Sa.playLevelUp(5), setTimeout(() => {
         y.value === "regular" && (y.value = null);
       }, 800));
@@ -8885,33 +8885,33 @@ const ai = {
             ...l.value?.settings,
             ...k
           }), t("settings-updated", { ...k });
-        } catch (g) {
-          console.warn("Failed to save settings:", g);
+        } catch (h) {
+          console.warn("Failed to save settings:", h);
         } finally {
           V.value = !1, c();
         }
       }
     };
-    return (c, g) => (a(), o("div", Q3, [
+    return (c, h) => (a(), o("div", Q3, [
       d(ut, {
         onClose: c.onClose,
         title: "Account Settings",
         "card-class": "max-w-lg"
       }, Zt({
-        footer: x(({ handleClose: E }) => [
+        footer: x(({ handleClose: H }) => [
           e("div", c4, [
             d(lt, {
               variant: "secondary",
-              onClick: E
+              onClick: H
             }, {
-              default: x(() => [...g[11] || (g[11] = [
+              default: x(() => [...h[11] || (h[11] = [
                 Q(" Close ", -1)
               ])]),
               _: 1
             }, 8, ["onClick"]),
             d(lt, {
               variant: "primary",
-              onClick: (D) => A(E),
+              onClick: (D) => A(H),
               loading: V.value
             }, {
               default: x(() => [
@@ -8924,10 +8924,10 @@ const ai = {
         default: x(() => [
           e("div", X3, [
             e("div", J3, [
-              g[10] || (g[10] = e("h3", { class: "settings-section-title" }, "Audio Preferences", -1)),
+              h[10] || (h[10] = e("h3", { class: "settings-section-title" }, "Audio Preferences", -1)),
               e("div", e4, [
                 e("div", t4, [
-                  g[6] || (g[6] = e("div", { class: "settings-option-info" }, [
+                  h[6] || (h[6] = e("div", { class: "settings-option-info" }, [
                     e("label", {
                       for: "level-up-sounds",
                       class: "settings-option-label"
@@ -8938,15 +8938,15 @@ const ai = {
                     d(lt, {
                       variant: "outline",
                       size: "sm",
-                      onClick: h,
+                      onClick: g,
                       disabled: y.value === "regular",
                       "aria-label": y.value === "regular" ? "Stop preview" : "Play preview",
                       class: "preview-icon-button"
                     }, {
                       default: x(() => [
-                        y.value !== "regular" ? (a(), o("svg", s4, [...g[4] || (g[4] = [
+                        y.value !== "regular" ? (a(), o("svg", s4, [...h[4] || (h[4] = [
                           e("path", { d: "M8 5v14l11-7z" }, null, -1)
-                        ])])) : (a(), o("svg", o4, [...g[5] || (g[5] = [
+                        ])])) : (a(), o("svg", o4, [...h[5] || (h[5] = [
                           e("rect", {
                             x: "6",
                             y: "6",
@@ -8961,8 +8961,8 @@ const ai = {
                       id: "level-up-sounds",
                       modelValue: k.levelUpSounds,
                       "onUpdate:modelValue": [
-                        g[0] || (g[0] = (E) => k.levelUpSounds = E),
-                        g[1] || (g[1] = (E) => u("levelUpSounds", E))
+                        h[0] || (h[0] = (H) => k.levelUpSounds = H),
+                        h[1] || (h[1] = (H) => u("levelUpSounds", H))
                       ]
                     }, null, 8, ["modelValue"])
                   ])
@@ -8970,7 +8970,7 @@ const ai = {
               ]),
               e("div", l4, [
                 e("div", n4, [
-                  g[9] || (g[9] = e("div", { class: "settings-option-info" }, [
+                  h[9] || (h[9] = e("div", { class: "settings-option-info" }, [
                     e("label", {
                       for: "milestone-sounds",
                       class: "settings-option-label"
@@ -8987,9 +8987,9 @@ const ai = {
                       class: "preview-icon-button"
                     }, {
                       default: x(() => [
-                        y.value !== "milestone" ? (a(), o("svg", r4, [...g[7] || (g[7] = [
+                        y.value !== "milestone" ? (a(), o("svg", r4, [...h[7] || (h[7] = [
                           e("path", { d: "M8 5v14l11-7z" }, null, -1)
-                        ])])) : (a(), o("svg", u4, [...g[8] || (g[8] = [
+                        ])])) : (a(), o("svg", u4, [...h[8] || (h[8] = [
                           e("rect", {
                             x: "6",
                             y: "6",
@@ -9004,8 +9004,8 @@ const ai = {
                       id: "milestone-sounds",
                       modelValue: k.milestoneSounds,
                       "onUpdate:modelValue": [
-                        g[2] || (g[2] = (E) => k.milestoneSounds = E),
-                        g[3] || (g[3] = (E) => u("milestoneSounds", E))
+                        h[2] || (h[2] = (H) => k.milestoneSounds = H),
+                        h[3] || (h[3] = (H) => u("milestoneSounds", H))
                       ]
                     }, null, 8, ["modelValue"])
                   ])
@@ -9074,7 +9074,7 @@ const ai = {
           oe("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
         ]);
       }
-    }, h = {
+    }, g = {
       props: ["size"],
       render() {
         return oe("svg", { width: this.size, height: this.size, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, [
@@ -9101,7 +9101,7 @@ const ai = {
           oe("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
         ]);
       }
-    }, c = M([]), g = M(null), E = M(!1), D = M(null), C = Ye({}), N = M(!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,22 +9111,22 @@ 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) {
           const te = c.value.filter((ye) => ye.is_current || ye.last_activity_at), ue = [...new Set(c.value.map((ye) => q(ye)).filter(Boolean))];
-          g.value = {
+          h.value = {
             total_sessions: c.value.length,
             active_sessions: te.length,
             unique_locations: ue
           };
         } else
-          g.value = null;
+          h.value = null;
       } catch (T) {
         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,7 +9172,7 @@ const ai = {
     }, {
       default: x(() => [
         e("div", p4, [
-          E.value ? (a(), o("div", f4, [
+          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] = [
@@ -9209,18 +9209,18 @@ const ai = {
             e("h3", { class: "empty-title" }, "No Active Sessions", -1),
             e("p", { class: "empty-description" }, "You don't have any active sessions at the moment.", -1)
           ])])) : (a(), o("div", h4, [
-            g.value ? (a(), o("div", g4, [
+            h.value ? (a(), o("div", g4, [
               e("div", C4, [
                 te[3] || (te[3] = e("span", { class: "stat-label" }, "Total Sessions", -1)),
-                e("span", y4, R(g.value.total_sessions), 1)
+                e("span", y4, R(h.value.total_sessions), 1)
               ]),
               e("div", k4, [
                 te[4] || (te[4] = e("span", { class: "stat-label" }, "Active Devices", -1)),
-                e("span", w4, R(g.value.active_sessions), 1)
+                e("span", w4, R(h.value.active_sessions), 1)
               ]),
-              g.value.unique_locations && g.value.unique_locations.length > 0 ? (a(), o("div", b4, [
+              h.value.unique_locations && h.value.unique_locations.length > 0 ? (a(), o("div", b4, [
                 te[5] || (te[5] = e("span", { class: "stat-label" }, "Locations", -1)),
-                e("span", x4, R(g.value.unique_locations.length), 1)
+                e("span", x4, R(h.value.unique_locations.length), 1)
               ])) : I("", !0)
             ])) : I("", !0),
             e("div", M4, [
@@ -9262,7 +9262,7 @@ const ai = {
                   ]),
                   e("div", H4, [
                     e("span", U4, [
-                      d(h, { size: 14 })
+                      d(g, { size: 14 })
                     ]),
                     e("span", D4, R(ue.ip_address), 1)
                   ]),
@@ -9391,7 +9391,7 @@ const ai = {
           oe("circle", { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor" })
         ]);
       }
-    }, V = s, y = r, { getSupportEmail: k, getUrl: u } = pt(V.config), { fetchProfile: h, updateProfile: $, changeEmail: A, changeUsername: c, getUsernameCooldown: g, checkUsernameAvailability: E, getUserSessions: D, currentUser: C, currentSession: N, isAuthenticated: p, refreshToken: L, signOut: O } = ft(), { activeMfaDevices: S, fetchMfaDevices: w } = Tt(), q = M(null), Z = M(!1), b = U(() => C.value || V.user || q.value), T = M(!1), te = M(!1), ue = M(!1), ye = M(!1), Me = M(!1), Ae = M(!1), Se = M(!1), xe = M(!1), ne = M(!1), j = M(!1), K = M(!1), ie = M(null), ae = M(""), W = M(""), le = M([]), _e = M(!1), Te = Ye({
+    }, 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
@@ -9507,7 +9507,7 @@ const ai = {
       if (!(!V.autoFetch || V.user || !p.value)) {
         Z.value = !0;
         try {
-          await h(), p.value && await w();
+          await g(), p.value && await w();
         } catch (J) {
           console.error("Failed to load profile:", J);
           const P = J instanceof Error ? J.message : "Failed to load profile";
@@ -9592,7 +9592,7 @@ const ai = {
       else {
         xe.value = !0;
         try {
-          const J = await g();
+          const J = await h();
           Te.canChange = J.can_change, Te.cooldownEnd = J.cooldown_end ? new Date(J.cooldown_end) : null, Te.daysRemaining = J.days_remaining || 0, Te.canChange ? (Se.value = !0, G.username = b.value?.username || "") : W.value = `You can change your username again in ${Te.daysRemaining} days`;
         } catch (J) {
           console.error("Failed to check username cooldown:", J), W.value = "Failed to check username cooldown", Se.value = !0;
@@ -9608,7 +9608,7 @@ const ai = {
         }
         Ee.checking = !0, Ee.message = "Checking availability...";
         try {
-          const P = await 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;
@@ -9683,7 +9683,7 @@ const ai = {
                 const bt = await ct.json();
                 C.value && (C.value.avatar = bt.avatar_url, typeof window < "u" && localStorage.setItem("strands_auth_user", JSON.stringify(C.value))), q.value && (q.value.avatar = bt.avatar_url);
                 try {
-                  await h();
+                  await g();
                 } catch {
                 }
                 ae.value = "Avatar updated successfully", b.value && y("profile-updated", b.value);
@@ -9700,7 +9700,7 @@ const ai = {
         const Pt = await wt.json();
         C.value && (C.value.avatar = Pt.avatar_url, typeof window < "u" && localStorage.setItem("strands_auth_user", JSON.stringify(C.value))), q.value && (q.value.avatar = Pt.avatar_url);
         try {
-          await h();
+          await g();
         } catch {
         }
         ae.value = "Avatar updated successfully", b.value && y("profile-updated", b.value);
@@ -9713,7 +9713,7 @@ const ai = {
       }
     }, ua = async () => {
       try {
-        await h(), await w(), ae.value = "MFA settings updated successfully", y("mfa-toggle", b.value?.mfaEnabled || !1);
+        await g(), await w(), ae.value = "MFA settings updated successfully", y("mfa-toggle", b.value?.mfaEnabled || !1);
       } catch (J) {
         console.warn("Failed to refresh profile after MFA update:", J);
       }
@@ -9737,7 +9737,7 @@ const ai = {
     return We(async () => {
       if (b.value && p.value)
         try {
-          const J = await g();
+          const J = await h();
           Te.canChange = J.can_change, Te.cooldownEnd = J.cooldown_end ? new Date(J.cooldown_end) : null, Te.daysRemaining = J.days_remaining || 0;
         } catch (J) {
           console.warn("Failed to fetch username cooldown:", J);
@@ -10246,7 +10246,7 @@ const ai = {
   setup(s, { emit: r }) {
     const t = s, l = r, { getSupportEmail: z } = pt(t.config), V = M(!1), y = M(""), k = M(!1), u = Ye({
       email: ""
-    }), h = async () => {
+    }), g = async () => {
       V.value = !0, y.value = "";
       try {
         await new Promise(($) => setTimeout($, 1e3)), k.value = !0, l("success", u.email);
@@ -10268,7 +10268,7 @@ const ai = {
               e("p", { class: "accui-text-neutral-600" }, "Enter your email address and we'll send you a link to reset your password")
             ], -1)),
             e("form", {
-              onSubmit: Be(h, ["prevent"]),
+              onSubmit: Be(g, ["prevent"]),
               class: "accui-space-y-6"
             }, [
               d(n(Ze), {
@@ -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,45 +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(), h = M(!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 called"), h.value = !0, await k(), await ht(), console.log("[SignedIn] onMounted complete - hasMounted:", h.value, "isInitialized:", u.value, "isInitializing:", z.value, "isAuthenticated:", l.value);
+      g.value = !0, await k(), await ht();
     });
-    const $ = U(() => {
-      const E = !h.value || z.value || !u.value;
-      return console.log("[SignedIn] isLoading:", E, "(hasMounted:", h.value, "isInitializing:", z.value, "isInitialized:", u.value, ")"), E;
-    }), A = U(() => !$.value && l.value), c = U(() => !$.value && !l.value), g = () => {
+    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.value ? (a(), o("div", {
-      key: 0,
-      class: be(["animate-fade-in", s.inline ? "is_inline" : ""])
-    }, [
-      je(E.$slots, "default", {
-        user: n(V),
-        signOut: n(y)
-      }, void 0, !0)
-    ], 2)) : c.value && s.showFallback ? (a(), o("div", X0, [
-      je(E.$slots, "fallback", { signIn: g }, () => [
-        e("div", { class: "signed-in-fallback" }, [
-          D[0] || (D[0] = Jt('<div class="signed-in-icon-container" data-v-12faa289><svg class="signed-in-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-v-12faa289><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" data-v-12faa289></path></svg></div><h3 class="signed-in-title" data-v-12faa289>Sign in required</h3><p class="signed-in-subtitle" data-v-12faa289>You need to be signed in to access this content.</p>', 3)),
-          e("button", {
-            onClick: g,
-            class: "signed-in-button"
-          }, " Sign in ")
-        ])
-      ], !0)
-    ])) : $.value ? (a(), o("div", J0, [
-      je(E.$slots, "loading", {}, () => [
-        d(n(gt), {
-          size: 30,
-          variant: "circle",
-          "show-particles": !0
-        })
-      ], !0)
-    ])) : I("", !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(H.$slots, "default", {
+          user: n(V),
+          signOut: n(y)
+        }, void 0, !0)
+      ], 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-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)
+    ]));
   }
-}), tu = /* @__PURE__ */ De(eu, [["__scopeId", "data-v-12faa289"]]), Nc = /* @__PURE__ */ Ve({
+}), au = /* @__PURE__ */ De(tu, [["__scopeId", "data-v-9ef0aaac"]]), Bc = /* @__PURE__ */ Ve({
   __name: "StrandsConfigProvider",
   props: {
     config: {}
@@ -10425,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: {},
@@ -10549,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 },
@@ -10601,8 +10600,8 @@ const ai = {
   },
   emits: ["profile-updated", "signed-out", "signed-in"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { currentUser: z, signOut: V, isAuthenticated: y } = ft(), k = M(!1), u = M(!1), h = M(!1), $ = M(), A = M(), c = M(), g = U(() => A.value), { floatingStyle: E, updatePosition: D } = Oa({
-      trigger: g,
+    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",
       offset: 8,
@@ -10665,9 +10664,9 @@ const ai = {
       l("profile-updated");
     }, ye = () => {
     }, Me = () => {
-      h.value = !0;
+      g.value = !0;
     }, Ae = () => {
-      h.value = !1, l("signed-in");
+      g.value = !1, l("signed-in");
     }, Se = () => {
     }, xe = async () => {
       try {
@@ -10699,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,
@@ -10717,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",
@@ -10731,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 }]),
@@ -10748,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,
@@ -10778,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",
@@ -10808,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"])
@@ -10819,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: [
@@ -10830,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,
@@ -10849,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",
@@ -10863,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, {
@@ -10894,7 +10893,7 @@ const ai = {
                 _: 1
               })
             ])
-          ], 44, pu)) : I("", !0)
+          ], 44, fu)) : I("", !0)
         ])),
         d(n(ut), {
           modelValue: u.value,
@@ -10910,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,
@@ -10937,11 +10936,11 @@ const ai = {
             _: 1
           }),
           d(n(ut), {
-            modelValue: h.value,
-            "onUpdate:modelValue": j[2] || (j[2] = (K) => h.value = K)
+            modelValue: g.value,
+            "onUpdate:modelValue": j[2] || (j[2] = (K) => g.value = K)
           }, {
             default: x(() => [
-              e("div", Ru, [
+              e("div", Fu, [
                 d(n(_i), {
                   onSignedIn: Ae,
                   onError: Se,
@@ -10978,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,
@@ -10996,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",
@@ -11010,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 }]),
@@ -11027,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,
@@ -11057,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",
@@ -11087,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"])
@@ -11098,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: [
@@ -11109,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,
@@ -11128,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",
@@ -11142,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, {
@@ -11173,7 +11172,7 @@ const ai = {
                   _: 1
                 })
               ])
-            ], 44, Lu)) : I("", !0)
+            ], 44, Eu)) : I("", !0)
           ])),
           d(n(ut), {
             modelValue: u.value,
@@ -11194,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" }
@@ -11208,10 +11207,10 @@ const ai = {
     });
     Xt("userNavState", z);
     const V = (k) => {
-      const u = z.items.findIndex((h) => h.id === k.id);
+      const u = z.items.findIndex((g) => g.id === k.id);
       u >= 0 ? z.items[u] = k : z.items.push(k);
     }, y = (k) => {
-      const u = z.items.findIndex((h) => h.id === k);
+      const u = z.items.findIndex((g) => g.id === k);
       u >= 0 && z.items.splice(u, 1);
     };
     return Xt("registerNavItem", V), Xt("unregisterNavItem", y), r({
@@ -11222,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" },
@@ -11258,33 +11257,33 @@ const ai = {
   setup(s) {
     const r = s, t = ga(), l = ma("registerNavItem"), z = ma("unregisterNavItem"), V = M(`nav-item-${Math.random().toString(36).substring(2, 11)}`), y = os(), k = U(() => {
       if (typeof window < "u" && y) {
-        const g = y.vnode.el?.parentElement;
-        if (g)
-          return g.closest('[role="menu"]') !== null;
+        const h = y.vnode.el?.parentElement;
+        if (h)
+          return h.closest('[role="menu"]') !== null;
       }
       return !1;
     }), u = () => {
       try {
-        const g = t.default?.();
-        return g ? g.map((E) => typeof E.children == "string" ? E.children : E.children && Array.isArray(E.children) ? E.children.map(
+        const h = t.default?.();
+        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 {
         return "";
       }
-    }, h = () => r.type === "button" ? "" : [
+    }, g = () => r.type === "button" ? "" : [
       "strands-nav-item",
       `strands-nav-item--color-${r.color}`,
       { "strands-nav-item--disabled": r.disabled }
     ], $ = () => {
       r.disabled;
-    }, A = (g) => {
-      const E = {
+    }, A = (h) => {
+      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[g] || E.dashboard;
+      return H[h] || H.dashboard;
     }, c = U(() => ({
       id: V.value,
       label: u(),
@@ -11300,10 +11299,10 @@ const ai = {
       z && z(V.value);
     }), Le(() => [r.to, r.icon, r.disabled], () => {
       l && l(c.value);
-    }, { deep: !0 }), (g, E) => (a(), Ce(n(ce), {
+    }, { deep: !0 }), (h, H) => (a(), Ce(n(ce), {
       to: r.to,
       onClick: $,
-      class: be(h()),
+      class: be(g()),
       variant: r.variant,
       color: r.color,
       size: r.size,
@@ -11314,37 +11313,37 @@ 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(g.$slots, "default")
+        je(h.$slots, "default")
       ]),
       _: 2
     }, [
       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: {},
@@ -11355,40 +11354,40 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
   },
   setup(s, { expose: r }) {
     const t = s, l = M(), z = M(0), V = U(() => {
-      const c = Math.floor(z.value / t.itemHeight), g = Math.min(
+      const c = Math.floor(z.value / t.itemHeight), h = Math.min(
         c + Math.ceil(t.containerHeight / t.itemHeight),
         t.items.length - 1
       );
       return {
         start: Math.max(0, c - t.overscan),
-        end: Math.min(t.items.length - 1, g + t.overscan)
+        end: Math.min(t.items.length - 1, h + t.overscan)
       };
     }), y = U(() => {
-      const { start: c, end: g } = V.value, E = [];
-      for (let D = c; D <= g; D++)
-        E.push({
+      const { start: c, end: h } = V.value, H = [];
+      for (let D = c; D <= h; D++)
+        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 h = null;
+    let g = null;
     const $ = (c) => {
-      h && clearTimeout(h), h = setTimeout(() => {
-        const g = c.target;
-        z.value = g.scrollTop;
+      g && clearTimeout(g), g = setTimeout(() => {
+        const h = c.target;
+        z.value = h.scrollTop;
       }, 16);
     };
     return xt(() => {
-      h && clearTimeout(h);
+      g && clearTimeout(g);
     }), r({
-      scrollToItem: (c, g = "start") => {
+      scrollToItem: (c, h = "start") => {
         if (!l.value) return;
-        let E = c * t.itemHeight;
-        g === "center" ? E -= t.containerHeight / 2 - t.itemHeight / 2 : g === "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, g) => (a(), o("div", {
+    }), (c, h) => (a(), o("div", {
       ref_key: "scrollContainer",
       ref: l,
       style: Oe({ height: s.containerHeight + "px", overflowY: "auto" }),
@@ -11398,40 +11397,40 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
       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 }
@@ -11515,7 +11514,7 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
       }
     }, y = s, k = r, {
       mfaEnabled: u,
-      loading: h,
+      loading: g,
       activeMfaDevices: $,
       fetchMfaDevices: A
     } = Tt(), c = U({
@@ -11523,7 +11522,7 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
       set: (q) => {
         q || k("close");
       }
-    }), g = M(!1), E = M(!1), D = M(!1), C = M(!1);
+    }), h = M(!1), H = M(!1), D = M(!1), C = M(!1);
     Le(() => y.show, async (q) => {
       q && await A();
     }), We(async () => {
@@ -11532,29 +11531,29 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
     const N = () => {
       k("close");
     }, p = () => {
-      g.value = !0;
+      h.value = !0;
     }, L = () => {
-      E.value = !0;
+      H.value = !0;
     }, O = () => {
       C.value = !0;
     }, S = async () => {
-      g.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($).length > 0 ? "mfa-setup-status-enabled" : "mfa-setup-status-disabled"])
               }, R(n(u) || n($).length > 0 ? "Enabled" : "Not Enabled"), 3)
@@ -11562,11 +11561,11 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
           ])
         ]),
         footer: x(() => [
-          e("div", gc, [
+          e("div", Cc, [
             d(n(ce), {
               variant: "secondary",
               onClick: N,
-              disabled: n(h)
+              disabled: n(g)
             }, {
               default: x(() => [...Z[15] || (Z[15] = [
                 Q(" Cancel ", -1)
@@ -11576,14 +11575,14 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
           ])
         ]),
         default: x(() => [
-          e("div", sc, [
-            n(h) ? (a(), o("div", oc, [
+          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($).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"
@@ -11597,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"
@@ -11617,7 +11616,7 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
                         variant: "primary",
                         size: "md",
                         onClick: Be(p, ["stop"]),
-                        disabled: n(h),
+                        disabled: n(g),
                         class: "mfa-setup-method-button"
                       }, {
                         default: x(() => [...Z[8] || (Z[8] = [
@@ -11631,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"
@@ -11646,7 +11645,7 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
                         variant: "primary",
                         size: "md",
                         onClick: Be(L, ["stop"]),
-                        disabled: n(h),
+                        disabled: n(g),
                         class: "mfa-setup-method-button"
                       }, {
                         default: x(() => [...Z[10] || (Z[10] = [
@@ -11658,17 +11657,17 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
                   ])
                 ])
               ]),
-              n($).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($).length) + " device(s) currently active", 1)
+                    e("p", gc, R(n($).length) + " device(s) currently active", 1)
                   ]),
                   d(n(ce), {
                     variant: "secondary",
                     size: "md",
                     onClick: O,
-                    disabled: n(h)
+                    disabled: n(g)
                   }, {
                     default: x(() => [
                       d(V, {
@@ -11686,16 +11685,16 @@ const Xu = { class: "accui-p-2 accui-border-b" }, Ju = /* @__PURE__ */ Ve({
         ]),
         _: 1
       }, 8, ["modelValue"]),
-      g.value ? (a(), Ce(Ga, {
+      h.value ? (a(), Ce(Ga, {
         key: 0,
-        show: g.value,
-        onClose: Z[1] || (Z[1] = (b) => g.value = !1),
+        show: h.value,
+        onClose: Z[1] || (Z[1] = (b) => h.value = !1),
         onSuccess: S
       }, null, 8, ["show"])) : I("", !0),
-      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, {
@@ -11712,19 +11711,19 @@ 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 ($, A = {}) => {
     const {
       autoRefresh: c = !0,
-      requireAuth: g = !0,
-      baseURL: E,
+      requireAuth: h = !0,
+      baseURL: H,
       ...D
     } = A;
-    if (g && !r.value?.accessToken)
+    if (h && !r.value?.accessToken)
       throw new Error("User is not authenticated");
     let C = $;
-    const N = E || s.value.baseUrl;
+    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)
@@ -11734,7 +11733,7 @@ function Gt() {
           p.set(w, q);
         });
       } catch (S) {
-        if (console.warn("[Strands Auth] Failed to get auth headers:", S), g)
+        if (console.warn("[Strands Auth] Failed to get auth headers:", S), h)
           throw S;
       }
     const L = {
@@ -11759,36 +11758,36 @@ function Gt() {
     authenticatedFetch: z,
     get: ($, A) => z($, { ...A, method: "GET" }),
     post: ($, A, c) => {
-      const g = new Headers(c?.headers);
-      return A && typeof A == "object" && !g.has("Content-Type") && g.set("Content-Type", "application/json"), z($, {
+      const h = new Headers(c?.headers);
+      return A && typeof A == "object" && !h.has("Content-Type") && h.set("Content-Type", "application/json"), z($, {
         ...c,
         method: "POST",
-        headers: g,
+        headers: h,
         body: typeof A == "object" ? JSON.stringify(A) : A
       });
     },
     put: ($, A, c) => {
-      const g = new Headers(c?.headers);
-      return A && typeof A == "object" && !g.has("Content-Type") && g.set("Content-Type", "application/json"), z($, {
+      const h = new Headers(c?.headers);
+      return A && typeof A == "object" && !h.has("Content-Type") && h.set("Content-Type", "application/json"), z($, {
         ...c,
         method: "PUT",
-        headers: g,
+        headers: h,
         body: typeof A == "object" ? JSON.stringify(A) : A
       });
     },
     delete: ($, A) => z($, { ...A, method: "DELETE" }),
     patch: ($, A, c) => {
-      const g = new Headers(c?.headers);
-      return A && typeof A == "object" && !g.has("Content-Type") && g.set("Content-Type", "application/json"), z($, {
+      const h = new Headers(c?.headers);
+      return A && typeof A == "object" && !h.has("Content-Type") && h.set("Content-Type", "application/json"), z($, {
         ...c,
         method: "PATCH",
-        headers: g,
+        headers: h,
         body: typeof A == "object" ? JSON.stringify(A) : A
       });
     }
   };
 }
-const Fc = {
+const qc = {
   get: async (s, r) => {
     const { get: t } = Gt();
     return t(s, r);
@@ -11809,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,
   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,
   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
 };