@strands.gg/accui 2.17.11 → 2.17.12

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { _ as Ue, S as lt, U as Qa, a as Xa, b as Ja, c as es, d as kt, M as ts, e as _t, f as Kt, g as ba, u as ja, C as _a, h as Fe, i as ht, j as Oa, k as mt, l as Et } from "./StrandsUIPlugin-RTFzvRED.es.js";
 import { m as Hu } from "./StrandsUIPlugin-RTFzvRED.es.js";
-import { defineComponent as Ve, computed as H, provide as Yt, onMounted as Ye, onUnmounted as Mt, createElementBlock as o, openBlock as a, normalizeClass as Me, createElementVNode as e, createBlock as ye, renderSlot as Pe, Teleport as Wt, createCommentVNode as I, toDisplayString as R, ref as M, watch as Le, createTextVNode as J, reactive as Ge, withModifiers as qe, createStaticVNode as Qt, createVNode as d, withDirectives as Qe, withCtx as _, unref as n, vModelText as Xe, nextTick as yt, Fragment as De, Transition as rt, createSlots as Ft, normalizeStyle as je, renderList as Ze, mergeProps as xa, useSlots as ha, inject as fa, resolveDynamicComponent as ot, onBeforeUnmount as Ra, withKeys as st, h as oe, isMemoSame as as, getCurrentInstance as ss } from "vue";
+import { defineComponent as Ve, computed as H, provide as Yt, onMounted as Ye, onUnmounted as Mt, createElementBlock as o, openBlock as a, normalizeClass as Me, createElementVNode as e, createBlock as ye, renderSlot as Pe, Teleport as Wt, createCommentVNode as I, toDisplayString as R, ref as M, watch as Le, createTextVNode as J, reactive as Ge, withModifiers as qe, createStaticVNode as Qt, createVNode as d, withDirectives as Qe, withCtx as _, unref as i, vModelText as Xe, nextTick as yt, Fragment as De, Transition as rt, createSlots as Ft, normalizeStyle as je, renderList as Ze, mergeProps as xa, useSlots as ha, inject as fa, resolveDynamicComponent as ot, onBeforeUnmount as Ra, withKeys as st, h as oe, isMemoSame as as, getCurrentInstance as ss } from "vue";
 import { u as vt, p as La } from "./useStrandsConfig-CMKVW1p3.es.js";
 import { s as Du } from "./useStrandsConfig-CMKVW1p3.es.js";
 import { u as ft } from "./useStrandsAuth-C2WOjQ2Z.es.js";
@@ -194,7 +194,7 @@ const Ha = kt("users", [
   },
   emits: ["upload", "error"],
   setup(s, { emit: r }) {
-    const t = s, l = r, z = M(), V = M(), C = M(), w = M(""), c = M(), h = M(t.size), x = M(t.previewSize), S = M(t.size / 2.5), u = Ge({ x: 0, y: 0 }), m = M(1), D = M(0.1), U = M(3), g = M(!1), N = M(!1), y = M(!1), L = Ge({ x: 0, y: 0, imageX: 0, imageY: 0 });
+    const t = s, l = r, z = M(), V = M(), C = M(), w = M(""), c = M(), h = M(t.size), x = M(t.previewSize), S = M(t.size / 2.5), u = Ge({ x: 0, y: 0 }), m = M(1), U = M(0.1), D = M(3), g = M(!1), N = M(!1), y = M(!1), L = Ge({ x: 0, y: 0, imageX: 0, imageY: 0 });
     Ye(() => {
       if (V.value) {
         const W = V.value.getContext("2d");
@@ -233,7 +233,7 @@ const Ha = kt("users", [
           S.value * 2 / Z.width,
           S.value * 2 / Z.height
         ), te = ie;
-        D.value = ie, U.value = Math.max(1, ie);
+        U.value = ie, D.value = Math.max(1, ie);
         const Y = Z.width * te, le = Z.height * te;
         u.x = (h.value - Y) / 2, u.y = (h.value - le) / 2, m.value = te, ce(), yt(() => {
           N.value = !1;
@@ -279,7 +279,7 @@ const Ha = kt("users", [
       g.value = !1, document.removeEventListener("mousemove", Ce), document.removeEventListener("mouseup", xe);
     }, Ae = (W) => {
       W.preventDefault();
-      const Z = W.deltaY > 0 ? -0.05 : 0.05, ie = Math.max(D.value, Math.min(U.value, m.value + Z));
+      const Z = W.deltaY > 0 ? -0.05 : 0.05, ie = Math.max(U.value, Math.min(D.value, m.value + Z));
       if (ie !== m.value && c.value) {
         y.value = !0;
         const te = c.value, Y = h.value / 2, le = te.width * m.value, _e = te.height * m.value, Te = te.width * ie, Ee = te.height * ie, $e = u.x + le / 2 - Y, re = u.y + _e / 2 - Y, ve = ie / m.value, Ie = $e * ve, K = re * ve;
@@ -295,7 +295,7 @@ const Ha = kt("users", [
         S.value * 2 / W.width,
         S.value * 2 / W.height
       ), ie = Z;
-      D.value = Z, U.value = Math.max(1, Z);
+      U.value = Z, D.value = Math.max(1, Z);
       const te = W.width * ie, Y = W.height * ie;
       u.x = (h.value - te) / 2, u.y = (h.value - Y) / 2, m.value = ie, ce(), yt(() => {
         N.value = !1;
@@ -407,7 +407,7 @@ const Ha = kt("users", [
               e("div", Us, [
                 d(lt, {
                   onClick: Z[2] || (Z[2] = (ie) => {
-                    m.value = Math.max(D.value, m.value - 0.1), ce(), b();
+                    m.value = Math.max(U.value, m.value - 0.1), ce(), b();
                   }),
                   icon: !0,
                   squircle: !0,
@@ -416,15 +416,15 @@ const Ha = kt("users", [
                   "aria-label": "Zoom out"
                 }, {
                   icon: _(() => [
-                    d(n(ts))
+                    d(i(ts))
                   ]),
                   _: 1
                 }),
                 Qe(e("input", {
                   type: "range",
                   "onUpdate:modelValue": Z[3] || (Z[3] = (ie) => m.value = ie),
-                  min: D.value,
-                  max: U.value,
+                  min: U.value,
+                  max: D.value,
                   step: 0.01,
                   class: "zoom-slider",
                   onInput: Z[4] || (Z[4] = (ie) => {
@@ -440,7 +440,7 @@ const Ha = kt("users", [
                 ]),
                 d(lt, {
                   onClick: Z[5] || (Z[5] = (ie) => {
-                    m.value = Math.min(U.value, m.value + 0.1), ce(), b();
+                    m.value = Math.min(D.value, m.value + 0.1), ce(), b();
                   }),
                   icon: !0,
                   squircle: !0,
@@ -449,7 +449,7 @@ const Ha = kt("users", [
                   "aria-label": "Zoom in"
                 }, {
                   icon: _(() => [
-                    d(n(ps))
+                    d(i(ps))
                   ]),
                   _: 1
                 })
@@ -703,7 +703,7 @@ const Rs = (s, r) => $a.playLevelUp(s, r), Fs = { class: "level-progress-contain
   setup(s, { emit: r }) {
     const t = s, l = r, z = M(!1), V = M(t.value), C = M("forward");
     let w = null, c = t.value, h = t.level;
-    const x = qt, S = t.size ?? qt, u = qt / 2, m = H(() => t.thickness ?? 24), D = H(() => t.labelThickness ?? 46), U = H(() => t.gapAngle ?? 16), g = H(() => (qt - m.value) / 2 - Da), N = H(() => (qt - D.value) / 1.9 - Da), y = H(() => N.value + 10), L = H(() => g.value - m.value / 2 - ao), F = H(() => t.levelLabel?.length ?? 0), $ = H(() => F.value * lo + oo), k = H(() => -$.value / 2), O = H(() => $.value / 2), q = H(
+    const x = qt, S = t.size ?? qt, u = qt / 2, m = H(() => t.thickness ?? 24), U = H(() => t.labelThickness ?? 46), D = H(() => t.gapAngle ?? 16), g = H(() => (qt - m.value) / 2 - Da), N = H(() => (qt - U.value) / 1.9 - Da), y = H(() => N.value + 10), L = H(() => g.value - m.value / 2 - ao), F = H(() => t.levelLabel?.length ?? 0), $ = H(() => F.value * lo + oo), k = H(() => -$.value / 2), O = H(() => $.value / 2), q = H(
       () => be(u, u, N.value, k.value, O.value)
     ), b = H(
       () => (
@@ -711,21 +711,21 @@ const Rs = (s, r) => $a.playLevelUp(s, r), Fs = { class: "level-progress-contain
         be(u, u, y.value, -90, 90)
       )
     ), T = H(() => {
-      const ie = Math.max(0, Math.min(1, V.value / t.max)), te = O.value + U.value, Y = 360 - $.value - 3 * U.value;
+      const ie = Math.max(0, Math.min(1, V.value / t.max)), te = O.value + D.value, Y = 360 - $.value - 3 * D.value;
       if (ie >= 1) {
-        const Te = k.value - U.value + 360;
+        const Te = k.value - D.value + 360;
         return be(u, u, g.value, te, Te);
       }
       const le = Y * ie, _e = te + le;
       return be(u, u, g.value, te, _e);
     }), ae = H(() => {
-      const ie = O.value + U.value, te = 360 - $.value - 3 * U.value, Y = Math.max(0, Math.min(1, V.value / t.max)), le = te * Y, _e = ie + le, Te = Y === 0 ? ie : _e + U.value, Ee = k.value - U.value + 360;
+      const ie = O.value + D.value, te = 360 - $.value - 3 * D.value, Y = Math.max(0, Math.min(1, V.value / t.max)), le = te * Y, _e = ie + le, Te = Y === 0 ? ie : _e + D.value, Ee = k.value - D.value + 360;
       return be(u, u, g.value, Te, Ee);
     }), ce = H(() => "url(#staticGradient)"), Ce = H(() => "url(#progressGradient)"), xe = H(() => {
-      const ie = O.value + U.value;
+      const ie = O.value + D.value;
       return Se(u, u, g.value, ie);
     }), Ae = H(() => {
-      const ie = O.value + U.value, te = 360 - $.value - 3 * U.value, Y = Math.max(0, Math.min(1, V.value / t.max)), le = te * Y, _e = ie + le;
+      const ie = O.value + D.value, te = 360 - $.value - 3 * D.value, Y = Math.max(0, Math.min(1, V.value / t.max)), le = te * Y, _e = ie + le;
       return Se(u, u, g.value, _e);
     });
     function Se(ie, te, Y, le) {
@@ -776,9 +776,9 @@ const Rs = (s, r) => $a.playLevelUp(s, r), Fs = { class: "level-progress-contain
       ie !== h && ie > h && Z(), h = ie;
     }), (ie, te) => (a(), o("div", Fs, [
       (a(), o("svg", {
-        width: n(S),
-        height: n(S),
-        viewBox: `0 0 ${n(x)} ${n(x)}`,
+        width: i(S),
+        height: i(S),
+        viewBox: `0 0 ${i(x)} ${i(x)}`,
         style: { position: "relative" }
       }, [
         z.value ? (a(), o("g", Zs, [
@@ -810,7 +810,7 @@ const Rs = (s, r) => $a.playLevelUp(s, r), Fs = { class: "level-progress-contain
         e("path", {
           d: q.value,
           stroke: ce.value,
-          "stroke-width": D.value,
+          "stroke-width": U.value,
           fill: "none",
           "stroke-linecap": "round"
         }, null, 8, Ws),
@@ -1073,30 +1073,30 @@ const co = {
         w.value && document.contains(w.value) && w.value.focus(), w.value = null;
       });
     };
-    Le(h, async (U) => {
-      U ? (c.isOpen.value || await c.openModal(m), await yt(), C.value && C.value.focus()) : c.isOpen.value && c.closeModal();
+    Le(h, async (D) => {
+      D ? (c.isOpen.value || await c.openModal(m), await yt(), C.value && C.value.focus()) : c.isOpen.value && c.closeModal();
     });
-    const D = (U) => {
-      if (!h.value || U.key !== "Tab" || !C.value) return;
+    const U = (D) => {
+      if (!h.value || D.key !== "Tab" || !C.value) return;
       const g = C.value.querySelectorAll(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
       ), N = Array.from(g);
       if (N.length === 0) return;
       const y = N[0], L = N[N.length - 1];
-      U.shiftKey ? document.activeElement === y && (U.preventDefault(), L.focus()) : document.activeElement === L && (U.preventDefault(), y.focus());
+      D.shiftKey ? document.activeElement === y && (D.preventDefault(), L.focus()) : document.activeElement === L && (D.preventDefault(), y.focus());
     };
     return Ye(() => {
-      document.addEventListener("keydown", D);
+      document.addEventListener("keydown", U);
     }), Mt(() => {
-      document.removeEventListener("keydown", D);
-    }), (U, g) => (a(), o(De, null, [
-      U.$slots.trigger ? (a(), o("span", {
+      document.removeEventListener("keydown", U);
+    }), (D, g) => (a(), o(De, null, [
+      D.$slots.trigger ? (a(), o("span", {
         key: 0,
         ref_key: "triggerElement",
         ref: V,
         onClick: u
       }, [
-        Pe(U.$slots, "trigger", {
+        Pe(D.$slots, "trigger", {
           open: u,
           close: m,
           isOpen: h.value
@@ -1125,13 +1125,13 @@ const co = {
                   header: _(() => [
                     e("div", uo, [
                       e("div", vo, [
-                        Pe(U.$slots, "header", {
+                        Pe(D.$slots, "header", {
                           handleClose: m,
                           isOpen: h.value,
                           openModal: S
                         }, () => [
-                          U.$props.title ? (a(), o("h2", po, R(U.$props.title), 1)) : I("", !0),
-                          U.$props.subtitle ? (a(), o("p", fo, R(U.$props.subtitle), 1)) : I("", !0)
+                          D.$props.title ? (a(), o("h2", po, R(D.$props.title), 1)) : I("", !0),
+                          D.$props.subtitle ? (a(), o("p", fo, R(D.$props.subtitle), 1)) : I("", !0)
                         ], !0)
                       ]),
                       s.showCloseButton ? (a(), o("button", {
@@ -1156,15 +1156,15 @@ const co = {
                   ]),
                   default: _(() => [
                     e("div", mo, [
-                      Pe(U.$slots, "default", {}, void 0, !0)
+                      Pe(D.$slots, "default", {}, void 0, !0)
                     ])
                   ]),
                   _: 2
                 }, [
-                  U.$slots.footer ? {
+                  D.$slots.footer ? {
                     name: "footer",
                     fn: _(() => [
-                      Pe(U.$slots, "footer", {
+                      Pe(D.$slots, "footer", {
                         handleClose: m,
                         isOpen: h.value,
                         openModal: S
@@ -1837,82 +1837,82 @@ const co = {
       }
       return "#EA00A8";
     }
-    const l = s, z = r, V = M(), C = M(), w = M(), c = M(0), h = M(1), x = M(1), S = M(1), u = M(l.modelValue || t()), m = M({ r: 234, g: 0, b: 168 }), D = M(100), U = M(l.defaultColorFormat || "hex"), g = M({ h: 0, s: 0, l: 0 }), N = M({ l: 0, c: 0, h: 0 }), y = M(!1), L = M(!1), F = M(!1), $ = M(!1), k = M(!1), O = H(() => y.value), q = M(null), b = M(l.compareColor);
+    const l = s, z = r, V = M(), C = M(), w = M(), c = M(0), h = M(1), x = M(1), S = M(1), u = M(l.modelValue || t()), m = M({ r: 234, g: 0, b: 168 }), U = M(100), D = M(l.defaultColorFormat || "hex"), g = M({ h: 0, s: 0, l: 0 }), N = M({ l: 0, c: 0, h: 0 }), y = M(!1), L = M(!1), F = M(!1), $ = M(!1), k = M(!1), O = H(() => y.value), q = M(null), b = M(l.compareColor);
     let T = null, ae = null;
     const ce = M(!1);
     let Ce = "";
-    Le(() => [l.showContrast, l.compareColor], ([v, i], f) => {
-      v && i && !$.value && ($.value = !0), typeof i == "string" && (b.value = i), f && i !== f[1] && (Ct.value = [], nt.value = [], it.value = "", zt.value = "", Vt.value = "", It.value = "");
+    Le(() => [l.showContrast, l.compareColor], ([v, n], f) => {
+      v && n && !$.value && ($.value = !0), typeof n == "string" && (b.value = n), f && n !== f[1] && (Ct.value = [], nt.value = [], it.value = "", zt.value = "", Vt.value = "", It.value = "");
     }, { immediate: !0 }), Le($, (v) => {
       v && l.showContrast && l.compareColor && Xt();
     });
     const xe = H(() => l.swatches ? l.swatches : go), Ae = H(() => {
       const v = xe.value;
       if (Array.isArray(v)) {
-        const i = {};
+        const n = {};
         return v.forEach((f) => {
-          i[f] = { label: f };
-        }), i;
+          n[f] = { label: f };
+        }), n;
       }
       return v;
     }), Se = H(() => {
       if (!l.additionalSwatches) return {};
       const v = l.additionalSwatches;
       if (Array.isArray(v)) {
-        const i = {};
+        const n = {};
         return v.forEach((f) => {
-          i[f] = { label: f };
-        }), i;
+          n[f] = { label: f };
+        }), n;
       }
       return v;
     }), be = H(() => Object.keys(Ae.value)), ne = H(() => Object.keys(Se.value)), W = H(() => {
-      const v = Ae.value, i = Se.value, f = tt.value.toLowerCase();
+      const v = Ae.value, n = Se.value, f = tt.value.toLowerCase();
       for (const [ee, A] of Object.entries(v))
         if (ee.toLowerCase() === f && A.shades || A.shades?.some((G) => G.toLowerCase() === f))
           return ee;
-      for (const [ee, A] of Object.entries(i))
+      for (const [ee, A] of Object.entries(n))
         if (ee.toLowerCase() === f && A.shades || A.shades?.some((G) => G.toLowerCase() === f))
           return ee;
       return null;
     }), Z = M([]), ie = M(""), te = H(() => {
       if (!W.value)
         return Z.value;
-      const v = Ae.value[W.value], i = Se.value[W.value], f = v?.shades || i?.shades || [];
+      const v = Ae.value[W.value], n = Se.value[W.value], f = v?.shades || n?.shades || [];
       return f.length > 0 && (Z.value = f), f;
     }), Y = H(() => W.value !== null), le = H(() => {
       if (!W.value)
         return ie.value;
-      const v = Ae.value, i = Se.value;
+      const v = Ae.value, n = Se.value;
       let f = "";
       const ee = v[W.value];
       if (ee?.label)
         f = ee.label;
       else {
-        const A = i[W.value];
+        const A = n[W.value];
         A?.label ? f = A.label : f = W.value;
       }
       return f && (ie.value = f), f;
     }), _e = (v) => v.toLowerCase() === tt.value.toLowerCase(), Te = (v) => {
-      const i = v.replace("#", ""), f = parseInt(i.substring(0, 2), 16), ee = parseInt(i.substring(2, 4), 16), A = parseInt(i.substring(4, 6), 16), G = Math.pow(f / 255, 2.4), j = Math.pow(ee / 255, 2.4), E = Math.pow(A / 255, 2.4);
+      const n = v.replace("#", ""), f = parseInt(n.substring(0, 2), 16), ee = parseInt(n.substring(2, 4), 16), A = parseInt(n.substring(4, 6), 16), G = Math.pow(f / 255, 2.4), j = Math.pow(ee / 255, 2.4), E = Math.pow(A / 255, 2.4);
       return 0.2126729 * G + 0.7151522 * j + 0.072175 * E < 0.3 ? "#ffffff" : "#000000";
     }, Ee = (v) => {
-      const i = {
+      const n = {
         "--_color": v
       };
       if (_e(v)) {
         const f = Te(v);
         return {
-          ...i,
+          ...n,
           outlineColor: f,
           outlineOffset: "-4px"
         };
       }
-      return i;
+      return n;
     }, $e = (v) => {
-      const i = Ae.value, f = Se.value, ee = i[v] || f[v];
+      const n = Ae.value, f = Se.value, ee = n[v] || f[v];
       if (ee && ee.label)
         return `${ee.label} (${v})`;
-      for (const [A, G] of Object.entries(i))
+      for (const [A, G] of Object.entries(n))
         if (G.shades && G.shades.includes(v)) {
           const j = G.shades.indexOf(v), p = ["50", "100", "200", "300", "400", "500", "600", "700", "800", "900", "950"][j] || `${j + 1}`;
           return G.label ? `${G.label} ${p} (${v})` : `${A} ${p} (${v})`;
@@ -1923,9 +1923,9 @@ const co = {
           return G.label ? `${G.label} ${p} (${v})` : `${A} ${p} (${v})`;
         }
       return v;
-    }, re = (v, i, f) => {
-      v = Math.round(v * 1e3) / 1e3, i = Math.round(i * 1e3) / 1e3, f = Math.round(f * 1e3) / 1e3;
-      const ee = Math.floor(v / 60), A = v / 60 - ee, G = f * (1 - i), j = f * (1 - i * A), E = f * (1 - i * (1 - A));
+    }, re = (v, n, f) => {
+      v = Math.round(v * 1e3) / 1e3, n = Math.round(n * 1e3) / 1e3, f = Math.round(f * 1e3) / 1e3;
+      const ee = Math.floor(v / 60), A = v / 60 - ee, G = f * (1 - n), j = f * (1 - n * A), E = f * (1 - n * (1 - A));
       let p, B, se;
       switch (ee % 6) {
         case 0:
@@ -1954,21 +1954,21 @@ const co = {
         g: Math.round(B * 255),
         b: Math.round(se * 255)
       };
-    }, ve = (v, i, f) => {
-      v /= 255, i /= 255, f /= 255;
-      const ee = Math.max(v, i, f), A = Math.min(v, i, f), G = ee - A;
+    }, ve = (v, n, f) => {
+      v /= 255, n /= 255, f /= 255;
+      const ee = Math.max(v, n, f), A = Math.min(v, n, f), G = ee - A;
       let j = 0;
       const E = ee === 0 ? 0 : G / ee, p = ee;
       if (G !== 0)
         switch (ee) {
           case v:
-            j = ((i - f) / G + (i < f ? 6 : 0)) * 60;
+            j = ((n - f) / G + (n < f ? 6 : 0)) * 60;
             break;
-          case i:
+          case n:
             j = ((f - v) / G + 2) * 60;
             break;
           case f:
-            j = ((v - i) / G + 4) * 60;
+            j = ((v - n) / G + 4) * 60;
             break;
         }
       return {
@@ -1978,26 +1978,26 @@ const co = {
         v: Math.round(p * 1e3) / 1e3
       };
     }, Ie = (v) => {
-      const i = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(v);
-      return i ? {
-        r: parseInt(i[1], 16),
-        g: parseInt(i[2], 16),
-        b: parseInt(i[3], 16)
+      const n = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(v);
+      return n ? {
+        r: parseInt(n[1], 16),
+        g: parseInt(n[2], 16),
+        b: parseInt(n[3], 16)
       } : null;
-    }, K = (v, i, f) => `#${((1 << 24) + (v << 16) + (i << 8) + f).toString(16).slice(1)}`, he = (v, i, f) => {
-      v /= 255, i /= 255, f /= 255;
-      const ee = Math.max(v, i, f), A = Math.min(v, i, f), G = ee - A, j = ee + A;
+    }, K = (v, n, f) => `#${((1 << 24) + (v << 16) + (n << 8) + f).toString(16).slice(1)}`, he = (v, n, f) => {
+      v /= 255, n /= 255, f /= 255;
+      const ee = Math.max(v, n, f), A = Math.min(v, n, f), G = ee - A, j = ee + A;
       let E = 0, p = 0, B = j / 2;
       if (G !== 0)
         switch (p = B > 0.5 ? G / (2 - j) : G / j, ee) {
           case v:
-            E = ((i - f) / G + (i < f ? 6 : 0)) / 6;
+            E = ((n - f) / G + (n < f ? 6 : 0)) / 6;
             break;
-          case i:
+          case n:
             E = ((f - v) / G + 2) / 6;
             break;
           case f:
-            E = ((v - i) / G + 4) / 6;
+            E = ((v - n) / G + 4) / 6;
             break;
         }
       return {
@@ -2005,28 +2005,28 @@ const co = {
         s: Math.round(p * 100),
         l: Math.round(B * 100)
       };
-    }, Q = (v, i, f) => {
-      v /= 360, i /= 100, f /= 100;
+    }, Q = (v, n, f) => {
+      v /= 360, n /= 100, f /= 100;
       const ee = (j, E, p) => (p < 0 && (p += 1), p > 1 && (p -= 1), p < 1 / 6 ? j + (E - j) * 6 * p : p < 1 / 2 ? E : p < 2 / 3 ? j + (E - j) * (2 / 3 - p) * 6 : j);
-      if (i === 0)
+      if (n === 0)
         return { r: Math.round(f * 255), g: Math.round(f * 255), b: Math.round(f * 255) };
-      const A = f < 0.5 ? f * (1 + i) : f + i - f * i, G = 2 * f - A;
+      const A = f < 0.5 ? f * (1 + n) : f + n - f * n, G = 2 * f - A;
       return {
         r: Math.round(ee(G, A, v + 1 / 3) * 255),
         g: Math.round(ee(G, A, v) * 255),
         b: Math.round(ee(G, A, v - 1 / 3) * 255)
       };
-    }, fe = (v, i, f) => {
-      const ee = (St) => (St /= 255, St <= 0.04045 ? St / 12.92 : Math.pow((St + 0.055) / 1.055, 2.4)), A = ee(v), G = ee(i), j = ee(f), E = 0.4122214708 * A + 0.5363325363 * G + 0.0514459929 * j, p = 0.2119034982 * A + 0.6806995451 * G + 0.1073969566 * j, B = 0.0883024619 * A + 0.2817188376 * G + 0.6299787005 * j, se = Math.sign(E) * Math.pow(Math.abs(E), 1 / 3), de = Math.sign(p) * Math.pow(Math.abs(p), 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, Re = ge, Ke = Math.sqrt(me * me + ze * ze);
+    }, fe = (v, n, f) => {
+      const ee = (St) => (St /= 255, St <= 0.04045 ? St / 12.92 : Math.pow((St + 0.055) / 1.055, 2.4)), A = ee(v), G = ee(n), j = ee(f), E = 0.4122214708 * A + 0.5363325363 * G + 0.0514459929 * j, p = 0.2119034982 * A + 0.6806995451 * G + 0.1073969566 * j, B = 0.0883024619 * A + 0.2817188376 * G + 0.6299787005 * j, se = Math.sign(E) * Math.pow(Math.abs(E), 1 / 3), de = Math.sign(p) * Math.pow(Math.abs(p), 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, Re = ge, Ke = Math.sqrt(me * me + ze * ze);
       let at = Math.atan2(ze, me) * 180 / Math.PI;
       return at < 0 && (at += 360), {
         l: Math.round(Re * 100),
         c: Math.round(Ke * 100),
         h: Math.round(at)
       };
-    }, pe = (v, i, f) => {
-      v /= 100, i /= 100, f = f * Math.PI / 180;
-      const ee = i * Math.cos(f), A = i * Math.sin(f), G = v + 0.3963377774 * ee + 0.2158037573 * A, j = v - 0.1055613458 * ee - 0.0638541728 * A, E = v - 0.0894841775 * ee - 1.291485548 * A, p = G * G * G, B = j * j * j, se = E * E * E, de = 4.0767416621 * p - 3.3077115913 * B + 0.2309699292 * se, ke = -1.2684380046 * p + 2.6097574011 * B - 0.3413193965 * se, ge = -0.0041960863 * p - 0.7034186147 * B + 1.707614701 * se, me = (ze) => ze <= 31308e-7 ? ze * 12.92 : 1.055 * Math.pow(ze, 1 / 2.4) - 0.055;
+    }, pe = (v, n, f) => {
+      v /= 100, n /= 100, f = f * Math.PI / 180;
+      const ee = n * Math.cos(f), A = n * Math.sin(f), G = v + 0.3963377774 * ee + 0.2158037573 * A, j = v - 0.1055613458 * ee - 0.0638541728 * A, E = v - 0.0894841775 * ee - 1.291485548 * A, p = G * G * G, B = j * j * j, se = E * E * E, de = 4.0767416621 * p - 3.3077115913 * B + 0.2309699292 * se, ke = -1.2684380046 * p + 2.6097574011 * B - 0.3413193965 * se, ge = -0.0041960863 * p - 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))),
@@ -2034,24 +2034,24 @@ const co = {
       };
     }, He = (v) => {
       if (!v) return v;
-      const i = Ie(v);
-      if (!i) return v;
+      const n = Ie(v);
+      if (!n) return v;
       const f = {
-        r: Math.round(i.r),
-        g: Math.round(i.g),
-        b: Math.round(i.b)
+        r: Math.round(n.r),
+        g: Math.round(n.g),
+        b: Math.round(n.b)
       };
       return K(f.r, f.g, f.b);
-    }, Ne = (v, i, f) => {
-      const [ee, A, G] = [v, i, f].map((j) => (j = j / 255, j <= 0.03928 ? j / 12.92 : Math.pow((j + 0.055) / 1.055, 2.4)));
+    }, Ne = (v, n, f) => {
+      const [ee, A, G] = [v, n, f].map((j) => (j = j / 255, j <= 0.03928 ? j / 12.92 : Math.pow((j + 0.055) / 1.055, 2.4)));
       return 0.2126 * ee + 0.7152 * A + 0.0722 * G;
-    }, Oe = (v, i) => {
-      const f = Ie(v), ee = Ie(i);
+    }, Oe = (v, n) => {
+      const f = Ie(v), ee = Ie(n);
       if (!f || !ee) return 1;
       const A = Ne(f.r, f.g, f.b), G = Ne(ee.r, ee.g, ee.b), j = Math.max(A, G), E = Math.min(A, G);
       return (j + 0.05) / (E + 0.05);
-    }, gt = (v, i = "normal") => {
-      if (i === "large") {
+    }, gt = (v, n = "normal") => {
+      if (n === "large") {
         if (v >= 4.5) return "AAA";
         if (v >= 3) return "AA";
       } else {
@@ -2060,18 +2060,18 @@ const co = {
       }
       return "FAIL";
     }, Be = H(() => re(c.value, h.value, x.value)), Ht = H(() => `rgb(${Be.value.r}, ${Be.value.g}, ${Be.value.b})`), tt = H(() => {
-      const { r: v, g: i, b: f } = Be.value;
-      return l.showAlpha && S.value < 0.99 ? `rgba(${v}, ${i}, ${f}, ${S.value})` : K(v, i, f);
+      const { r: v, g: n, b: f } = Be.value;
+      return l.showAlpha && S.value < 0.99 ? `rgba(${v}, ${n}, ${f}, ${S.value})` : K(v, n, f);
     }), Xt = () => {
       if (!l.showContrast || !l.compareColor) {
         q.value = null;
         return;
       }
-      const v = K(Be.value.r, Be.value.g, Be.value.b), i = Oe(v, l.compareColor);
+      const v = K(Be.value.r, Be.value.g, Be.value.b), n = Oe(v, l.compareColor);
       q.value = {
-        ratio: i,
-        normalText: gt(i, "normal"),
-        largeText: gt(i, "large"),
+        ratio: n,
+        normalText: gt(n, "normal"),
+        largeText: gt(n, "large"),
         currentColor: v,
         compareColor: l.compareColor
       };
@@ -2081,13 +2081,13 @@ const co = {
       if (!$.value || !b.value) return "";
       if (it.value)
         return it.value;
-      const v = ut, i = dt, f = 4.5, ee = (p, B) => {
-        const se = Math.max(0, Math.min(v, p)), de = Math.max(0, Math.min(i, B)), ke = Math.max(0, Math.min(1, se / v)), ge = Math.max(0, Math.min(1, 1 - de / i)), me = re(c.value, ke, ge), ze = K(me.r, me.g, me.b);
+      const v = ut, n = dt, f = 4.5, ee = (p, B) => {
+        const se = Math.max(0, Math.min(v, p)), de = Math.max(0, Math.min(n, B)), ke = Math.max(0, Math.min(1, se / v)), ge = Math.max(0, Math.min(1, 1 - de / n)), me = re(c.value, ke, ge), ze = K(me.r, me.g, me.b);
         return Oe(ze, b.value);
       }, A = [], G = [];
       for (let p = -20; p <= v + 20; p += 2) {
         let B = !1, se = -1;
-        for (let de = 0; de < i - 1; de++) {
+        for (let de = 0; de < n - 1; de++) {
           const ke = ee(p, de), ge = ee(p, de + 1);
           if (ke >= f && ge < f) {
             let me = de, ze = de + 1;
@@ -2108,7 +2108,7 @@ const co = {
       if (G.length === 0) return "";
       if (A.push(...G), A.length > 0) {
         const p = A[0], B = A[A.length - 1];
-        p.x < 0 && (p.x = 0), B.x < v && B.y > 5 && B.y < i - 5 ? A.push({ x: v, y: B.y }) : B.x > v && (B.x = v);
+        p.x < 0 && (p.x = 0), B.x < v && B.y > 5 && B.y < n - 5 ? A.push({ x: v, y: B.y }) : B.x > v && (B.x = v);
       }
       if (A.length < 2) return "";
       if (A.length === 2)
@@ -2135,13 +2135,13 @@ const co = {
       if (!$.value || !b.value) return "";
       if (zt.value)
         return zt.value;
-      const v = ut, i = dt, f = 4.5, ee = (E, p) => {
-        const B = Math.max(0, Math.min(v, E)), se = Math.max(0, Math.min(i, p)), de = Math.max(0, Math.min(1, B / v)), ke = Math.max(0, Math.min(1, 1 - se / i)), ge = re(c.value, de, ke), me = K(ge.r, ge.g, ge.b);
+      const v = ut, n = dt, f = 4.5, ee = (E, p) => {
+        const B = Math.max(0, Math.min(v, E)), se = Math.max(0, Math.min(n, p)), de = Math.max(0, Math.min(1, B / v)), ke = Math.max(0, Math.min(1, 1 - se / n)), ge = re(c.value, de, ke), me = K(ge.r, ge.g, ge.b);
         return Oe(me, b.value);
       }, A = [], G = [];
       for (let E = -20; E <= v + 20; E += 2) {
         let p = !1, B = -1;
-        for (let se = i - 1; se >= 1; se--) {
+        for (let se = n - 1; se >= 1; se--) {
           const de = ee(E, se), ke = ee(E, se - 1);
           if (de >= f && ke < f) {
             let ge = se - 1, me = se;
@@ -2171,7 +2171,7 @@ const co = {
         A.push(...G);
       if (A.length > 0) {
         const E = A[0], p = A[A.length - 1];
-        E.x < 0 && (E.x = 0), p.x < v && p.y > 5 && p.y < i - 5 ? A.push({ x: v, y: p.y }) : p.x > v && (p.x = v);
+        E.x < 0 && (E.x = 0), p.x < v && p.y > 5 && p.y < n - 5 ? A.push({ x: v, y: p.y }) : p.x > v && (p.x = v);
       }
       if (A.length < 2) return "";
       if (A.length === 2)
@@ -2204,13 +2204,13 @@ const co = {
       if (!$.value || !b.value) return "";
       if (Vt.value)
         return Vt.value;
-      const v = ut, i = dt, f = 3, ee = (p, B) => {
-        const se = Math.max(0, Math.min(v, p)), de = Math.max(0, Math.min(i, B)), ke = Math.max(0, Math.min(1, se / v)), ge = Math.max(0, Math.min(1, 1 - de / i)), me = re(c.value, ke, ge), ze = K(me.r, me.g, me.b);
+      const v = ut, n = dt, f = 3, ee = (p, B) => {
+        const se = Math.max(0, Math.min(v, p)), de = Math.max(0, Math.min(n, B)), ke = Math.max(0, Math.min(1, se / v)), ge = Math.max(0, Math.min(1, 1 - de / n)), me = re(c.value, ke, ge), ze = K(me.r, me.g, me.b);
         return Oe(ze, b.value);
       }, A = [], G = [];
       for (let p = -20; p <= v + 20; p += 2) {
         let B = !1, se = -1;
-        for (let de = 0; de < i - 1; de++) {
+        for (let de = 0; de < n - 1; de++) {
           const ke = ee(p, de), ge = ee(p, de + 1);
           if (ke >= f && ge < f) {
             let me = de, ze = de + 1;
@@ -2231,7 +2231,7 @@ const co = {
       if (G.length === 0) return "";
       if (A.push(...G), A.length > 0) {
         const p = A[0], B = A[A.length - 1];
-        p.x < 0 && (p.x = 0), B.x < v && B.y > 5 && B.y < i - 5 ? A.push({ x: v, y: B.y }) : B.x > v && (B.x = v);
+        p.x < 0 && (p.x = 0), B.x < v && B.y > 5 && B.y < n - 5 ? A.push({ x: v, y: B.y }) : B.x > v && (B.x = v);
       }
       if (A.length < 2) return "";
       if (A.length === 2)
@@ -2258,13 +2258,13 @@ const co = {
       if (!$.value || !b.value) return "";
       if (It.value)
         return It.value;
-      const v = ut, i = dt, f = 3, ee = (E, p) => {
-        const B = Math.max(0, Math.min(v, E)), se = Math.max(0, Math.min(i, p)), de = Math.max(0, Math.min(1, B / v)), ke = Math.max(0, Math.min(1, 1 - se / i)), ge = re(c.value, de, ke), me = K(ge.r, ge.g, ge.b);
+      const v = ut, n = dt, f = 3, ee = (E, p) => {
+        const B = Math.max(0, Math.min(v, E)), se = Math.max(0, Math.min(n, p)), de = Math.max(0, Math.min(1, B / v)), ke = Math.max(0, Math.min(1, 1 - se / n)), ge = re(c.value, de, ke), me = K(ge.r, ge.g, ge.b);
         return Oe(me, b.value);
       }, A = [], G = [];
       for (let E = -20; E <= v + 20; E += 2) {
         let p = !1, B = -1;
-        for (let se = i - 1; se >= 1; se--) {
+        for (let se = n - 1; se >= 1; se--) {
           const de = ee(E, se), ke = ee(E, se - 1);
           if (de >= f && ke < f) {
             let ge = se - 1, me = se;
@@ -2294,7 +2294,7 @@ const co = {
         A.push(...G);
       if (A.length > 0) {
         const E = A[0], p = A[A.length - 1];
-        E.x < 0 && (E.x = 0), p.x < v && p.y > 5 && p.y < i - 5 ? A.push({ x: v, y: p.y }) : p.x > v && (p.x = v);
+        E.x < 0 && (E.x = 0), p.x < v && p.y > 5 && p.y < n - 5 ? A.push({ x: v, y: p.y }) : p.x > v && (p.x = v);
       }
       if (A.length < 2) return "";
       if (A.length === 2)
@@ -2326,19 +2326,19 @@ const co = {
     });
     H(() => {
       if (!$.value || !Je.value) return [];
-      const v = ut, i = dt, f = (A, G) => {
-        const j = Math.max(0, Math.min(v, A)), E = Math.max(0, Math.min(i, G)), p = Math.max(0, Math.min(1, j / v)), B = Math.max(0, Math.min(1, 1 - E / i)), se = re(c.value, p, B), de = K(se.r, se.g, se.b);
+      const v = ut, n = dt, f = (A, G) => {
+        const j = Math.max(0, Math.min(v, A)), E = Math.max(0, Math.min(n, G)), p = Math.max(0, Math.min(1, j / v)), B = Math.max(0, Math.min(1, 1 - E / n)), se = re(c.value, p, B), de = K(se.r, se.g, se.b);
         return Oe(de, b.value);
       }, ee = [];
       for (let A = 0; A <= v; A += 3)
-        for (let G = 0; G < i; G++) {
+        for (let G = 0; G < n; G++) {
           const j = f(A, G), E = f(A, G + 1);
           if (j < 3.1 && E >= 3.1 || j >= 3.1 && E < 3.1) {
             ee.push({ x: A, y: G });
             break;
           }
         }
-      for (let A = i - 3; A >= 0; A -= 3)
+      for (let A = n - 3; A >= 0; A -= 3)
         for (let G = 0; G < v; G++) {
           const j = f(G, A), E = f(G + 1, A);
           if (j < 3.1 && E >= 3.1 || j >= 3.1 && E < 3.1) {
@@ -2355,11 +2355,11 @@ const co = {
       if (!$.value || !b.value) return [];
       if (O.value && Ct.value.length > 0 || !aa.value && Ct.value.length > 0)
         return Ct.value;
-      const v = [], i = ut, f = dt, ee = 6, A = (E, p) => {
-        const B = Math.max(0, Math.min(i, E)), se = Math.max(0, Math.min(f, p)), de = Math.max(0, Math.min(1, B / i)), ke = Math.max(0, Math.min(1, 1 - se / f)), ge = re(c.value, de, ke), me = K(ge.r, ge.g, ge.b);
+      const v = [], n = ut, f = dt, ee = 6, A = (E, p) => {
+        const B = Math.max(0, Math.min(n, E)), se = Math.max(0, Math.min(f, p)), de = Math.max(0, Math.min(1, B / n)), ke = Math.max(0, Math.min(1, 1 - se / f)), ge = re(c.value, de, ke), me = K(ge.r, ge.g, ge.b);
         return Oe(me, b.value);
       }, G = [];
-      for (let E = 0; E <= i; E += 6)
+      for (let E = 0; E <= n; E += 6)
         for (let p = 0; p < f - 1; p += 1) {
           const B = A(E, p), se = A(E, p + 1);
           if (B >= 4.5 && se < 4.5 || B < 4.5 && se >= 4.5) {
@@ -2387,7 +2387,7 @@ const co = {
         }
         return B;
       };
-      for (let E = ee / 2; E < i; E += ee)
+      for (let E = ee / 2; E < n; E += ee)
         for (let p = ee / 2; p < f; p += ee)
           if (A(E, p) < 4.5) {
             const se = j(E, p), de = 4;
@@ -2407,11 +2407,11 @@ const co = {
       if (!$.value || !b.value) return [];
       if (O.value && nt.value.length > 0 || !aa.value && nt.value.length > 0)
         return nt.value;
-      const v = [], i = ut, f = dt, ee = 3, A = 6, G = (p, B) => {
-        const se = Math.max(0, Math.min(i, p)), de = Math.max(0, Math.min(f, B)), ke = Math.max(0, Math.min(1, se / i)), ge = Math.max(0, Math.min(1, 1 - de / f)), me = re(c.value, ke, ge), ze = K(me.r, me.g, me.b);
+      const v = [], n = ut, f = dt, ee = 3, A = 6, G = (p, B) => {
+        const se = Math.max(0, Math.min(n, p)), de = Math.max(0, Math.min(f, B)), ke = Math.max(0, Math.min(1, se / n)), ge = Math.max(0, Math.min(1, 1 - de / f)), me = re(c.value, ke, ge), ze = K(me.r, me.g, me.b);
         return Oe(ze, b.value);
       }, j = [];
-      for (let p = 0; p <= i; p += 6)
+      for (let p = 0; p <= n; p += 6)
         for (let B = 0; B < f - 1; B += 1) {
           const se = G(p, B), de = G(p, B + 1);
           if (se >= ee && de < ee || se < ee && de >= ee) {
@@ -2434,7 +2434,7 @@ const co = {
         }
         return se;
       };
-      for (let p = A / 2; p < i; p += A)
+      for (let p = A / 2; p < n; p += A)
         for (let B = A / 2; B < f; B += A)
           if (G(p, B) < ee) {
             const de = E(p, B), ke = 4;
@@ -2454,17 +2454,17 @@ const co = {
     });
     const sa = H(() => {
       if (!$.value || !b.value) return "";
-      const v = ut, i = dt, f = (j, E) => {
-        const p = Math.max(0, Math.min(v, j)), B = Math.max(0, Math.min(i, E)), se = Math.max(0, Math.min(1, p / v)), de = Math.max(0, Math.min(1, 1 - B / i)), ke = re(c.value, se, de), ge = K(ke.r, ke.g, ke.b);
+      const v = ut, n = dt, f = (j, E) => {
+        const p = Math.max(0, Math.min(v, j)), B = Math.max(0, Math.min(n, E)), se = Math.max(0, Math.min(1, p / v)), de = Math.max(0, Math.min(1, 1 - B / n)), ke = re(c.value, se, de), ge = K(ke.r, ke.g, ke.b);
         return Oe(ge, b.value);
       }, ee = [], A = [];
       for (let j = -20; j <= v + 20; j += 2) {
-        for (let E = 0; E < i; E++)
+        for (let E = 0; E < n; E++)
           if (f(j, E) < 4.5) {
             ee.push({ x: j, y: E });
             break;
           }
-        for (let E = i - 1; E >= 0; E--)
+        for (let E = n - 1; E >= 0; E--)
           if (f(j, E) < 4.5) {
             A.push({ x: j, y: E });
             break;
@@ -2484,17 +2484,17 @@ const co = {
       return G += " Z", G;
     }), oa = H(() => {
       if (!$.value || !b.value) return "";
-      const v = ut, i = dt, f = 3, ee = (E, p) => {
-        const B = Math.max(0, Math.min(v, E)), se = Math.max(0, Math.min(i, p)), de = Math.max(0, Math.min(1, B / v)), ke = Math.max(0, Math.min(1, 1 - se / i)), ge = re(c.value, de, ke), me = K(ge.r, ge.g, ge.b);
+      const v = ut, n = dt, f = 3, ee = (E, p) => {
+        const B = Math.max(0, Math.min(v, E)), se = Math.max(0, Math.min(n, p)), de = Math.max(0, Math.min(1, B / v)), ke = Math.max(0, Math.min(1, 1 - se / n)), ge = re(c.value, de, ke), me = K(ge.r, ge.g, ge.b);
         return Oe(me, b.value);
       }, A = [], G = [];
       for (let E = -20; E <= v + 20; E += 2) {
-        for (let p = 0; p < i; p++)
+        for (let p = 0; p < n; p++)
           if (ee(E, p) < f) {
             A.push({ x: E, y: p });
             break;
           }
-        for (let p = i - 1; p >= 0; p--)
+        for (let p = n - 1; p >= 0; p--)
           if (ee(E, p) < f) {
             G.push({ x: E, y: p });
             break;
@@ -2520,8 +2520,8 @@ const co = {
       y.value = !1, document.removeEventListener("mousemove", xt), document.removeEventListener("mouseup", $t), document.removeEventListener("touchmove", xt), document.removeEventListener("touchend", $t);
     }, na = (v) => {
       if (!V.value) return;
-      const i = V.value.getBoundingClientRect(), f = "touches" in v ? v.touches[0].clientX : v.clientX, ee = "touches" in v ? v.touches[0].clientY : v.clientY, A = Math.max(0, Math.min(i.width, f - i.left)), G = Math.max(0, Math.min(i.height, ee - i.top));
-      h.value = A / i.width, x.value = 1 - G / i.height;
+      const n = V.value.getBoundingClientRect(), f = "touches" in v ? v.touches[0].clientX : v.clientX, ee = "touches" in v ? v.touches[0].clientY : v.clientY, A = Math.max(0, Math.min(n.width, f - n.left)), G = Math.max(0, Math.min(n.height, ee - n.top));
+      h.value = A / n.width, x.value = 1 - G / n.height;
     }, ia = (v) => {
       l.disabled || (L.value = !0, ra(v), document.addEventListener("mousemove", Dt), document.addEventListener("mouseup", Nt), document.addEventListener("touchmove", Dt), document.addEventListener("touchend", Nt));
     }, Dt = (v) => {
@@ -2530,8 +2530,8 @@ const co = {
       L.value = !1, document.removeEventListener("mousemove", Dt), document.removeEventListener("mouseup", Nt), document.removeEventListener("touchmove", Dt), document.removeEventListener("touchend", Nt);
     }, ra = (v) => {
       if (!C.value) return;
-      const i = C.value.getBoundingClientRect(), f = "touches" in v ? v.touches[0].clientY : v.clientY, ee = Math.max(0, Math.min(i.height, f - i.top));
-      c.value = ee / i.height * 360;
+      const n = C.value.getBoundingClientRect(), f = "touches" in v ? v.touches[0].clientY : v.clientY, ee = Math.max(0, Math.min(n.height, f - n.top));
+      c.value = ee / n.height * 360;
     }, ca = (v) => {
       l.disabled || !l.showAlpha || (F.value = !0, we(v), document.addEventListener("mousemove", X), document.addEventListener("mouseup", P), document.addEventListener("touchmove", X), document.addEventListener("touchend", P));
     }, X = (v) => {
@@ -2540,61 +2540,61 @@ const co = {
       F.value = !1, document.removeEventListener("mousemove", X), document.removeEventListener("mouseup", P), document.removeEventListener("touchmove", X), document.removeEventListener("touchend", P);
     }, we = (v) => {
       if (!w.value) return;
-      const i = w.value.getBoundingClientRect(), f = "touches" in v ? v.touches[0].clientX : v.clientX, ee = Math.max(0, Math.min(i.width, f - i.left));
-      S.value = ee / i.width, D.value = Math.round(S.value * 100);
+      const n = w.value.getBoundingClientRect(), f = "touches" in v ? v.touches[0].clientX : v.clientX, ee = Math.max(0, Math.min(n.width, f - n.left));
+      S.value = ee / n.width, U.value = Math.round(S.value * 100);
     }, wt = () => {
       const v = u.value;
       if (v.length === 7 && v.startsWith("#")) {
-        const i = Ie(v);
-        if (i) {
-          const f = ve(i.r, i.g, i.b);
+        const n = Ie(v);
+        if (n) {
+          const f = ve(n.r, n.g, n.b);
           c.value = f.h, h.value = f.s, x.value = f.v, Ot();
         }
       }
     }, Bt = () => {
-      const { r: v, g: i, b: f } = Be.value;
-      u.value = K(v, i, f);
+      const { r: v, g: n, b: f } = Be.value;
+      u.value = K(v, n, f);
     }, et = () => {
-      const { r: v, g: i, b: f } = m.value;
-      if (v >= 0 && v <= 255 && i >= 0 && i <= 255 && f >= 0 && f <= 255) {
-        const ee = ve(v, i, f);
+      const { r: v, g: n, b: f } = m.value;
+      if (v >= 0 && v <= 255 && n >= 0 && n <= 255 && f >= 0 && f <= 255) {
+        const ee = ve(v, n, f);
         c.value = ee.h, h.value = ee.s, x.value = ee.v, jt(), Ca(), ya();
       }
     }, ct = () => {
-      const { h: v, s: i, l: f } = g.value;
-      if (v >= 0 && v <= 360 && i >= 0 && i <= 100 && f >= 0 && f <= 100) {
-        const ee = Q(v, i, f), A = ve(ee.r, ee.g, ee.b);
+      const { h: v, s: n, l: f } = g.value;
+      if (v >= 0 && v <= 360 && n >= 0 && n <= 100 && f >= 0 && f <= 100) {
+        const ee = Q(v, n, f), A = ve(ee.r, ee.g, ee.b);
         c.value = A.h, h.value = A.s, x.value = A.v, jt(), Ot(), ya();
       }
     }, bt = () => {
-      const { l: v, c: i, h: f } = N.value;
-      if (v >= 0 && v <= 100 && i >= 0 && i <= 100 && f >= 0 && f <= 360) {
-        const ee = pe(v, i, f), A = ve(ee.r, ee.g, ee.b);
+      const { l: v, c: n, h: f } = N.value;
+      if (v >= 0 && v <= 100 && n >= 0 && n <= 100 && f >= 0 && f <= 360) {
+        const ee = pe(v, n, f), A = ve(ee.r, ee.g, ee.b);
         c.value = A.h, h.value = A.s, x.value = A.v, jt(), Ot(), Ca();
       }
     }, Pt = () => {
-      const v = Math.max(0, Math.min(100, D.value));
-      S.value = v / 100, D.value = v;
+      const v = Math.max(0, Math.min(100, U.value));
+      S.value = v / 100, U.value = v;
     }, ua = () => {
-      const v = ["hex", "rgb", "hsl", "oklch"], f = (v.indexOf(U.value) + 1) % v.length;
-      U.value = v[f];
+      const v = ["hex", "rgb", "hsl", "oklch"], f = (v.indexOf(D.value) + 1) % v.length;
+      D.value = v[f];
     }, jt = () => {
-      const { r: v, g: i, b: f } = Be.value;
-      u.value = K(v, i, f);
+      const { r: v, g: n, b: f } = Be.value;
+      u.value = K(v, n, f);
     }, Ot = () => {
-      const { r: v, g: i, b: f } = Be.value;
-      m.value = { r: v, g: i, b: f };
+      const { r: v, g: n, b: f } = Be.value;
+      m.value = { r: v, g: n, b: f };
     }, Ca = () => {
-      const { r: v, g: i, b: f } = Be.value, ee = he(v, i, f);
+      const { r: v, g: n, b: f } = Be.value, ee = he(v, n, f);
       g.value = ee;
     }, ya = () => {
-      const { r: v, g: i, b: f } = Be.value, ee = fe(v, i, f);
+      const { r: v, g: n, b: f } = Be.value, ee = fe(v, n, f);
       N.value = ee;
     }, ka = (v) => {
       if (l.disabled) return;
-      const i = Ie(v);
-      if (i) {
-        const f = ve(i.r, i.g, i.b);
+      const n = Ie(v);
+      if (n) {
+        const f = ve(n.r, n.g, n.b);
         c.value = f.h, h.value = f.s, x.value = f.v, jt(), Ot();
       }
     }, Wa = () => {
@@ -2605,24 +2605,24 @@ const co = {
       if (l.modelValue.startsWith("#"))
         v = Ie(l.modelValue), u.value = l.modelValue;
       else {
-        const i = l.modelValue.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*[\d.]+)?\)/);
-        i && (v = {
-          r: parseInt(i[1]),
-          g: parseInt(i[2]),
-          b: parseInt(i[3])
+        const n = l.modelValue.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*[\d.]+)?\)/);
+        n && (v = {
+          r: parseInt(n[1]),
+          g: parseInt(n[2]),
+          b: parseInt(n[3])
         }, u.value = K(v.r, v.g, v.b));
       }
       if (v) {
-        const i = ve(v.r, v.g, v.b);
-        c.value = i.h, h.value = i.s, x.value = i.v, jt(), Ot();
+        const n = ve(v.r, v.g, v.b);
+        c.value = n.h, h.value = n.s, x.value = n.v, jt(), Ot();
       }
     };
     return Le([c, h, x, S], () => {
       jt(), Ot(), Ca(), ya();
       const v = He(tt.value);
       v !== Ce && (k.value ? (ae && clearTimeout(ae), ae = setTimeout(() => {
-        const i = He(tt.value);
-        i !== Ce && (ce.value = !0, Ce = i, z("update:modelValue", i), z("change", i), setTimeout(() => {
+        const n = He(tt.value);
+        n !== Ce && (ce.value = !0, Ce = n, z("update:modelValue", n), z("change", n), setTimeout(() => {
           ce.value = !1;
         }, 5));
       }, 16)) : (ce.value = !0, Ce = v, z("update:modelValue", v), z("change", v), setTimeout(() => {
@@ -2632,14 +2632,14 @@ const co = {
       $.value && l.compareColor && (Ct.value = [], nt.value = [], it.value = "", zt.value = "", Vt.value = "", It.value = "");
     }), Le(() => l.modelValue, (v) => {
       if (v && !ce.value) {
-        const i = He(v), f = He(tt.value);
-        i !== f && Va();
+        const n = He(v), f = He(tt.value);
+        n !== f && Va();
       }
     }), Ye(() => {
       Va();
     }), Mt(() => {
       T && clearTimeout(T), document.removeEventListener("mousemove", xt), document.removeEventListener("mouseup", $t), document.removeEventListener("touchmove", xt), document.removeEventListener("touchend", $t);
-    }), (v, i) => (a(), o("div", Co, [
+    }), (v, n) => (a(), o("div", Co, [
       e("div", yo, [
         e("div", {
           ref_key: "colorAreaRef",
@@ -2649,8 +2649,8 @@ const co = {
           onMousedown: la,
           onTouchstart: la
         }, [
-          i[16] || (i[16] = e("div", { class: "ui-color-picker-saturation" }, null, -1)),
-          i[17] || (i[17] = e("div", { class: "ui-color-picker-brightness" }, null, -1)),
+          n[16] || (n[16] = e("div", { class: "ui-color-picker-saturation" }, null, -1)),
+          n[17] || (n[17] = e("div", { class: "ui-color-picker-brightness" }, null, -1)),
           b.value ? (a(), o("div", {
             key: 0,
             class: Me(["ui-color-picker-contrast-overlay", { "contrast-overlay-visible": $.value }])
@@ -2669,7 +2669,7 @@ const co = {
                     height: dt
                   })
                 ]),
-                i[13] || (i[13] = e("pattern", {
+                n[13] || (n[13] = e("pattern", {
                   id: "orangeDotsPattern",
                   x: "0",
                   y: "0",
@@ -2685,7 +2685,7 @@ const co = {
                     opacity: "0.3"
                   })
                 ], -1)),
-                i[14] || (i[14] = e("pattern", {
+                n[14] || (n[14] = e("pattern", {
                   id: "redDotsPattern",
                   x: "0",
                   y: "0",
@@ -2771,7 +2771,7 @@ const co = {
               top: `${(1 - x.value) * 100}%`,
               backgroundColor: tt.value
             })
-          }, [...i[15] || (i[15] = [
+          }, [...n[15] || (n[15] = [
             e("div", { class: "ui-color-picker-cursor-inner" }, null, -1)
           ])], 4)
         ], 36),
@@ -2792,14 +2792,14 @@ const co = {
             class: "ui-color-picker-preview-color",
             style: je({ "--background-color": tt.value })
           }, null, 4),
-          l.showContrast && l.compareColor ? (a(), ye(n(Kt), {
+          l.showContrast && l.compareColor ? (a(), ye(i(Kt), {
             key: 0,
             content: $.value ? "Hide contrast analysis" : "Show contrast analysis",
             position: "top",
             delay: 300
           }, {
             default: _(() => [
-              d(n(ue), {
+              d(i(ue), {
                 onClick: Wa,
                 icon: !0,
                 squircle: !0,
@@ -2807,7 +2807,7 @@ const co = {
                 variant: $.value ? "primary" : "ghost"
               }, {
                 icon: _(() => [
-                  d(n(cs))
+                  d(i(cs))
                 ]),
                 _: 1
               }, 8, ["variant"])
@@ -2821,7 +2821,7 @@ const co = {
       }, [
         Je.value ? (a(), o("div", _o, [
           e("div", To, [
-            i[18] || (i[18] = e("h4", { class: "ui-color-picker-contrast-title" }, "Contrast Check", -1)),
+            n[18] || (n[18] = e("h4", { class: "ui-color-picker-contrast-title" }, "Contrast Check", -1)),
             e("div", zo, [
               e("div", Vo, [
                 e("div", {
@@ -2842,7 +2842,7 @@ const co = {
                 "ui-color-picker-contrast-level--fail": Je.value.normalText === "FAIL"
               }])
             }, [
-              i[19] || (i[19] = e("div", { class: "ui-color-picker-contrast-level-indicator" }, [
+              n[19] || (n[19] = e("div", { class: "ui-color-picker-contrast-level-indicator" }, [
                 e("div", { class: "ui-color-picker-contrast-level-line ui-color-picker-contrast-level-line--solid" }),
                 e("span", { class: "ui-color-picker-contrast-level-label" }, "Normal Text")
               ], -1)),
@@ -2854,7 +2854,7 @@ const co = {
                 "ui-color-picker-contrast-level--fail": Je.value.largeText === "FAIL"
               }])
             }, [
-              i[20] || (i[20] = e("div", { class: "ui-color-picker-contrast-level-indicator" }, [
+              n[20] || (n[20] = e("div", { class: "ui-color-picker-contrast-level-indicator" }, [
                 e("div", { class: "ui-color-picker-contrast-level-line ui-color-picker-contrast-level-line--dashed" }),
                 e("span", { class: "ui-color-picker-contrast-level-label" }, "Large Text")
               ], -1)),
@@ -2863,7 +2863,7 @@ const co = {
           ]),
           e("div", Uo, [
             (a(), o("svg", Do, [
-              i[21] || (i[21] = Qt('<defs data-v-24473a61><linearGradient id="contrastGradientDefault" x1="0%" y1="0%" x2="100%" y2="0%" data-v-24473a61><stop offset="0%" stop-color="#ef4444" data-v-24473a61></stop><stop offset="21.4%" stop-color="#ef4444" data-v-24473a61></stop><stop offset="21.4%" stop-color="#f59e0b" data-v-24473a61></stop><stop offset="64.3%" stop-color="#f59e0b" data-v-24473a61></stop><stop offset="64.3%" stop-color="#22c55e" data-v-24473a61></stop><stop offset="100%" stop-color="#22c55e" data-v-24473a61></stop></linearGradient></defs><rect x="0" y="15" width="280" height="10" fill="url(#contrastGradientDefault)" rx="5" data-v-24473a61></rect><line x1="60" y1="10" x2="60" y2="30" stroke="#666" stroke-width="1" opacity="0.5" data-v-24473a61></line><line x1="180" y1="10" x2="180" y2="30" stroke="#666" stroke-width="1" opacity="0.5" data-v-24473a61></line>', 4)),
+              n[21] || (n[21] = Qt('<defs data-v-24473a61><linearGradient id="contrastGradientDefault" x1="0%" y1="0%" x2="100%" y2="0%" data-v-24473a61><stop offset="0%" stop-color="#ef4444" data-v-24473a61></stop><stop offset="21.4%" stop-color="#ef4444" data-v-24473a61></stop><stop offset="21.4%" stop-color="#f59e0b" data-v-24473a61></stop><stop offset="64.3%" stop-color="#f59e0b" data-v-24473a61></stop><stop offset="64.3%" stop-color="#22c55e" data-v-24473a61></stop><stop offset="100%" stop-color="#22c55e" data-v-24473a61></stop></linearGradient></defs><rect x="0" y="15" width="280" height="10" fill="url(#contrastGradientDefault)" rx="5" data-v-24473a61></rect><line x1="60" y1="10" x2="60" y2="30" stroke="#666" stroke-width="1" opacity="0.5" data-v-24473a61></line><line x1="180" y1="10" x2="180" y2="30" stroke="#666" stroke-width="1" opacity="0.5" data-v-24473a61></line>', 4)),
               e("circle", {
                 cx: Math.min(270, Math.max(10, Math.min(Je.value.ratio, 14) / 14 * 260 + 10)),
                 cy: "20",
@@ -2873,7 +2873,7 @@ const co = {
                 "stroke-width": "2"
               }, null, 8, No)
             ])),
-            i[22] || (i[22] = Qt('<div class="ui-color-picker-contrast-labels" data-v-24473a61><span class="ui-color-picker-contrast-label" data-v-24473a61>1:1</span><span class="ui-color-picker-contrast-label" style="left:60px;" data-v-24473a61>3:1</span><span class="ui-color-picker-contrast-label" style="left:180px;" data-v-24473a61>4.5:1</span><span class="ui-color-picker-contrast-label" style="right:0;" data-v-24473a61>14:1+</span></div>', 1))
+            n[22] || (n[22] = Qt('<div class="ui-color-picker-contrast-labels" data-v-24473a61><span class="ui-color-picker-contrast-label" data-v-24473a61>1:1</span><span class="ui-color-picker-contrast-label" style="left:60px;" data-v-24473a61>3:1</span><span class="ui-color-picker-contrast-label" style="left:180px;" data-v-24473a61>4.5:1</span><span class="ui-color-picker-contrast-label" style="right:0;" data-v-24473a61>14:1+</span></div>', 1))
           ])
         ])) : I("", !0)
       ], 2),
@@ -2885,7 +2885,7 @@ const co = {
         onMousedown: ca,
         onTouchstart: ca
       }, [
-        i[23] || (i[23] = e("div", { class: "ui-color-picker-alpha-bg" }, null, -1)),
+        n[23] || (n[23] = e("div", { class: "ui-color-picker-alpha-bg" }, null, -1)),
         e("div", {
           class: "ui-color-picker-alpha-gradient",
           style: je({
@@ -2898,11 +2898,11 @@ const co = {
         }, null, 4)
       ], 544)) : I("", !0),
       e("div", Bo, [
-        U.value === "hex" ? (a(), o("div", Po, [
+        D.value === "hex" ? (a(), o("div", Po, [
           e("div", jo, [
-            i[24] || (i[24] = e("label", { class: "ui-color-picker-label" }, "Hex", -1)),
+            n[24] || (n[24] = e("label", { class: "ui-color-picker-label" }, "Hex", -1)),
             Qe(e("input", {
-              "onUpdate:modelValue": i[0] || (i[0] = (f) => u.value = f),
+              "onUpdate:modelValue": n[0] || (n[0] = (f) => u.value = f),
               onInput: wt,
               onBlur: Bt,
               class: "ui-color-picker-input",
@@ -2914,7 +2914,7 @@ const co = {
             ])
           ]),
           e("div", Oo, [
-            d(n(ue), {
+            d(i(ue), {
               color: "secondary",
               size: "xs",
               icon: "",
@@ -2923,16 +2923,16 @@ const co = {
               "aria-label": "Switch color format"
             }, {
               icon: _(() => [
-                d(n(Gt))
+                d(i(Gt))
               ]),
               _: 1
             })
           ])
-        ])) : U.value === "rgb" ? (a(), o("div", Ro, [
+        ])) : D.value === "rgb" ? (a(), o("div", Ro, [
           e("div", Fo, [
-            i[25] || (i[25] = e("label", { class: "ui-color-picker-label" }, "R", -1)),
+            n[25] || (n[25] = e("label", { class: "ui-color-picker-label" }, "R", -1)),
             Qe(e("input", {
-              "onUpdate:modelValue": i[1] || (i[1] = (f) => m.value.r = f),
+              "onUpdate:modelValue": n[1] || (n[1] = (f) => m.value.r = f),
               onInput: et,
               class: "ui-color-picker-input",
               type: "number",
@@ -2948,9 +2948,9 @@ const co = {
             ])
           ]),
           e("div", qo, [
-            i[26] || (i[26] = e("label", { class: "ui-color-picker-label" }, "G", -1)),
+            n[26] || (n[26] = e("label", { class: "ui-color-picker-label" }, "G", -1)),
             Qe(e("input", {
-              "onUpdate:modelValue": i[2] || (i[2] = (f) => m.value.g = f),
+              "onUpdate:modelValue": n[2] || (n[2] = (f) => m.value.g = f),
               onInput: et,
               class: "ui-color-picker-input",
               type: "number",
@@ -2966,9 +2966,9 @@ const co = {
             ])
           ]),
           e("div", Zo, [
-            i[27] || (i[27] = e("label", { class: "ui-color-picker-label" }, "B", -1)),
+            n[27] || (n[27] = e("label", { class: "ui-color-picker-label" }, "B", -1)),
             Qe(e("input", {
-              "onUpdate:modelValue": i[3] || (i[3] = (f) => m.value.b = f),
+              "onUpdate:modelValue": n[3] || (n[3] = (f) => m.value.b = f),
               onInput: et,
               class: "ui-color-picker-input",
               type: "number",
@@ -2984,9 +2984,9 @@ const co = {
             ])
           ]),
           l.showAlpha ? (a(), o("div", Ko, [
-            i[28] || (i[28] = e("label", { class: "ui-color-picker-label" }, "A", -1)),
+            n[28] || (n[28] = e("label", { class: "ui-color-picker-label" }, "A", -1)),
             Qe(e("input", {
-              "onUpdate:modelValue": i[4] || (i[4] = (f) => D.value = f),
+              "onUpdate:modelValue": n[4] || (n[4] = (f) => U.value = f),
               onInput: Pt,
               class: "ui-color-picker-input",
               type: "number",
@@ -2995,14 +2995,14 @@ const co = {
             }, null, 544), [
               [
                 Xe,
-                D.value,
+                U.value,
                 void 0,
                 { number: !0 }
               ]
             ])
           ])) : I("", !0),
           e("div", Go, [
-            d(n(ue), {
+            d(i(ue), {
               color: "secondary",
               size: "xs",
               icon: "",
@@ -3011,16 +3011,16 @@ const co = {
               "aria-label": "Switch color format"
             }, {
               icon: _(() => [
-                d(n(Gt))
+                d(i(Gt))
               ]),
               _: 1
             })
           ])
-        ])) : U.value === "hsl" ? (a(), o("div", Yo, [
+        ])) : D.value === "hsl" ? (a(), o("div", Yo, [
           e("div", Wo, [
-            i[29] || (i[29] = e("label", { class: "ui-color-picker-label" }, "H", -1)),
+            n[29] || (n[29] = e("label", { class: "ui-color-picker-label" }, "H", -1)),
             Qe(e("input", {
-              "onUpdate:modelValue": i[5] || (i[5] = (f) => g.value.h = f),
+              "onUpdate:modelValue": n[5] || (n[5] = (f) => g.value.h = f),
               onInput: ct,
               class: "ui-color-picker-input",
               type: "number",
@@ -3036,9 +3036,9 @@ const co = {
             ])
           ]),
           e("div", Qo, [
-            i[30] || (i[30] = e("label", { class: "ui-color-picker-label" }, "S", -1)),
+            n[30] || (n[30] = e("label", { class: "ui-color-picker-label" }, "S", -1)),
             Qe(e("input", {
-              "onUpdate:modelValue": i[6] || (i[6] = (f) => g.value.s = f),
+              "onUpdate:modelValue": n[6] || (n[6] = (f) => g.value.s = f),
               onInput: ct,
               class: "ui-color-picker-input",
               type: "number",
@@ -3054,9 +3054,9 @@ const co = {
             ])
           ]),
           e("div", Xo, [
-            i[31] || (i[31] = e("label", { class: "ui-color-picker-label" }, "L", -1)),
+            n[31] || (n[31] = e("label", { class: "ui-color-picker-label" }, "L", -1)),
             Qe(e("input", {
-              "onUpdate:modelValue": i[7] || (i[7] = (f) => g.value.l = f),
+              "onUpdate:modelValue": n[7] || (n[7] = (f) => g.value.l = f),
               onInput: ct,
               class: "ui-color-picker-input",
               type: "number",
@@ -3072,9 +3072,9 @@ const co = {
             ])
           ]),
           l.showAlpha ? (a(), o("div", Jo, [
-            i[32] || (i[32] = e("label", { class: "ui-color-picker-label" }, "A", -1)),
+            n[32] || (n[32] = e("label", { class: "ui-color-picker-label" }, "A", -1)),
             Qe(e("input", {
-              "onUpdate:modelValue": i[8] || (i[8] = (f) => D.value = f),
+              "onUpdate:modelValue": n[8] || (n[8] = (f) => U.value = f),
               onInput: Pt,
               class: "ui-color-picker-input",
               type: "number",
@@ -3083,14 +3083,14 @@ const co = {
             }, null, 544), [
               [
                 Xe,
-                D.value,
+                U.value,
                 void 0,
                 { number: !0 }
               ]
             ])
           ])) : I("", !0),
           e("div", e1, [
-            d(n(ue), {
+            d(i(ue), {
               color: "secondary",
               size: "xs",
               icon: "",
@@ -3099,16 +3099,16 @@ const co = {
               "aria-label": "Switch color format"
             }, {
               icon: _(() => [
-                d(n(Gt))
+                d(i(Gt))
               ]),
               _: 1
             })
           ])
-        ])) : U.value === "oklch" ? (a(), o("div", t1, [
+        ])) : D.value === "oklch" ? (a(), o("div", t1, [
           e("div", a1, [
-            i[33] || (i[33] = e("label", { class: "ui-color-picker-label" }, "L", -1)),
+            n[33] || (n[33] = e("label", { class: "ui-color-picker-label" }, "L", -1)),
             Qe(e("input", {
-              "onUpdate:modelValue": i[9] || (i[9] = (f) => N.value.l = f),
+              "onUpdate:modelValue": n[9] || (n[9] = (f) => N.value.l = f),
               onInput: bt,
               class: "ui-color-picker-input",
               type: "number",
@@ -3124,9 +3124,9 @@ const co = {
             ])
           ]),
           e("div", s1, [
-            i[34] || (i[34] = e("label", { class: "ui-color-picker-label" }, "C", -1)),
+            n[34] || (n[34] = e("label", { class: "ui-color-picker-label" }, "C", -1)),
             Qe(e("input", {
-              "onUpdate:modelValue": i[10] || (i[10] = (f) => N.value.c = f),
+              "onUpdate:modelValue": n[10] || (n[10] = (f) => N.value.c = f),
               onInput: bt,
               class: "ui-color-picker-input",
               type: "number",
@@ -3142,9 +3142,9 @@ const co = {
             ])
           ]),
           e("div", o1, [
-            i[35] || (i[35] = e("label", { class: "ui-color-picker-label" }, "H", -1)),
+            n[35] || (n[35] = e("label", { class: "ui-color-picker-label" }, "H", -1)),
             Qe(e("input", {
-              "onUpdate:modelValue": i[11] || (i[11] = (f) => N.value.h = f),
+              "onUpdate:modelValue": n[11] || (n[11] = (f) => N.value.h = f),
               onInput: bt,
               class: "ui-color-picker-input",
               type: "number",
@@ -3160,9 +3160,9 @@ const co = {
             ])
           ]),
           l.showAlpha ? (a(), o("div", l1, [
-            i[36] || (i[36] = e("label", { class: "ui-color-picker-label" }, "A", -1)),
+            n[36] || (n[36] = e("label", { class: "ui-color-picker-label" }, "A", -1)),
             Qe(e("input", {
-              "onUpdate:modelValue": i[12] || (i[12] = (f) => D.value = f),
+              "onUpdate:modelValue": n[12] || (n[12] = (f) => U.value = f),
               onInput: Pt,
               class: "ui-color-picker-input",
               type: "number",
@@ -3171,14 +3171,14 @@ const co = {
             }, null, 544), [
               [
                 Xe,
-                D.value,
+                U.value,
                 void 0,
                 { number: !0 }
               ]
             ])
           ])) : I("", !0),
           e("div", n1, [
-            d(n(ue), {
+            d(i(ue), {
               color: "secondary",
               size: "xs",
               icon: "",
@@ -3187,7 +3187,7 @@ const co = {
               "aria-label": "Switch color format"
             }, {
               icon: _(() => [
-                d(n(Gt))
+                d(i(Gt))
               ]),
               _: 1
             })
@@ -3196,14 +3196,14 @@ const co = {
       ]),
       l.showSwatches ? (a(), o("div", i1, [
         ne.value.length > 0 ? (a(), o(De, { key: 0 }, [
-          d(n(ba), {
+          d(i(ba), {
             text: s.additionalSwatchesLabel || "Custom Colors",
             "text-position": "left",
             color: "#d1d5db",
             margin: 12
           }, null, 8, ["text"]),
           e("div", r1, [
-            (a(!0), o(De, null, Ze(ne.value, (f) => (a(), ye(n(Kt), {
+            (a(!0), o(De, null, Ze(ne.value, (f) => (a(), ye(i(Kt), {
               key: f,
               content: $e(f),
               position: "top",
@@ -3220,12 +3220,12 @@ const co = {
             }, 1032, ["content"]))), 128))
           ])
         ], 64)) : I("", !0),
-        d(n(ba), {
+        d(i(ba), {
           color: "#d1d5db",
           margin: 8
         }),
         e("div", u1, [
-          (a(!0), o(De, null, Ze(be.value, (f) => (a(), ye(n(Kt), {
+          (a(!0), o(De, null, Ze(be.value, (f) => (a(), ye(i(Kt), {
             key: f,
             content: $e(f),
             position: "top",
@@ -3245,14 +3245,14 @@ const co = {
           class: Me(["ui-color-picker-shades-container", { "ui-color-picker-shades-container--expanded": Y.value }])
         }, [
           e("div", v1, [
-            d(n(ba), {
+            d(i(ba), {
               text: `${le.value} Shades`,
               "text-position": "left",
               color: "#d1d5db",
               margin: 8
             }, null, 8, ["text"]),
             e("div", p1, [
-              (a(!0), o(De, null, Ze(te.value, (f) => (a(), ye(n(Kt), {
+              (a(!0), o(De, null, Ze(te.value, (f) => (a(), ye(i(Kt), {
                 key: f,
                 content: $e(f),
                 position: "top",
@@ -3334,7 +3334,7 @@ const co = {
       }
     ), Mt(() => {
       S();
-    }), (m, D) => (a(), o("div", {
+    }), (m, U) => (a(), o("div", {
       ref_key: "containerRef",
       ref: z,
       class: "ui-color-picker-button-container"
@@ -3353,10 +3353,10 @@ const co = {
           ])
         ]),
         "trailing-icon": _(() => [
-          d(n(_a))
+          d(i(_a))
         ]),
         default: _(() => [
-          D[2] || (D[2] = J(" Color ", -1))
+          U[2] || (U[2] = J(" Color ", -1))
         ]),
         _: 1
       }, 8, ["disabled"]),
@@ -3366,13 +3366,13 @@ const co = {
           ref_key: "popoverRef",
           ref: V,
           class: "ui-color-picker-popover",
-          style: je(n(h))
+          style: je(i(h))
         }, [
           d(qa, xa({
             modelValue: w.value,
-            "onUpdate:modelValue": D[0] || (D[0] = (U) => w.value = U)
+            "onUpdate:modelValue": U[0] || (U[0] = (D) => w.value = D)
           }, t, {
-            "onUpdate:modelValue": D[1] || (D[1] = (U) => m.$emit("update:modelValue", U))
+            "onUpdate:modelValue": U[1] || (U[1] = (D) => m.$emit("update:modelValue", D))
           }), null, 16, ["modelValue"])
         ], 4)) : I("", !0)
       ]))
@@ -3468,7 +3468,7 @@ const co = {
       w.value = [...l.data], y.value.clear(), L.value.clear();
     }, x = () => {
       c.value = [...l.columns];
-    }, S = M(""), u = M("asc"), m = M({}), D = M({}), U = M(""), g = M(/* @__PURE__ */ new Set()), N = M(/* @__PURE__ */ new Set()), y = M(/* @__PURE__ */ new Set()), L = M(/* @__PURE__ */ new Map()), F = M(null), $ = M(null), k = M(!1), O = M(0), q = M(0), b = H(() => {
+    }, S = M(""), u = M("asc"), m = M({}), U = M({}), D = M(""), g = M(/* @__PURE__ */ new Set()), N = M(/* @__PURE__ */ new Set()), y = M(/* @__PURE__ */ new Set()), L = M(/* @__PURE__ */ new Map()), F = M(null), $ = M(null), k = M(!1), O = M(0), q = M(0), b = H(() => {
       const K = {
         "--_cols": l.columns.length.toString()
       };
@@ -3500,9 +3500,9 @@ const co = {
           return pe < He ? u.value === "asc" ? -1 : 1 : pe > He ? u.value === "asc" ? 1 : -1 : 0;
         });
       }
-      if (U.value && l.groupable) {
-        const he = l.columns.find((fe) => fe.key === U.value), Q = K.reduce((fe, pe) => {
-          const He = xe(pe, U.value, he), Ne = String(He || "Ungrouped");
+      if (D.value && l.groupable) {
+        const he = l.columns.find((fe) => fe.key === D.value), Q = K.reduce((fe, pe) => {
+          const He = xe(pe, D.value, he), Ne = String(He || "Ungrouped");
           return fe[Ne] || (fe[Ne] = []), fe[Ne].push(pe), fe;
         }, {});
         return Object.entries(Q).flatMap(([fe, pe]) => [
@@ -3539,9 +3539,9 @@ const co = {
         fe != null && he.add(String(fe));
       }), Array.from(he).sort().map((Q) => ({ label: Q, value: Q }));
     }, Z = (K) => {
-      D.value[K] = !D.value[K];
+      U.value[K] = !U.value[K];
     }, ie = (K) => {
-      U.value = U.value === K ? "" : K;
+      D.value = D.value === K ? "" : K;
     }, te = (K, he) => {
       K._isGroupHeader || (l.expandable && (g.value.has(he) ? g.value.delete(he) : g.value.add(he)), l.selectable && (N.value.has(he) ? N.value.delete(he) : N.value.add(he), z("rowSelect", N.value)), z("rowClick", K, he));
     }, Y = (K, he, Q, fe) => {
@@ -3660,7 +3660,7 @@ const co = {
                   onDragstart: (pe) => le(pe, fe),
                   onDragend: re
                 }, [
-                  d(n(ds), { size: 14 })
+                  d(i(ds), { size: 14 })
                 ], 40, x1)) : I("", !0),
                 Pe(K.$slots, `col-${Q.key}`, {
                   column: Q,
@@ -3669,13 +3669,13 @@ const co = {
                   e("span", null, R(Q.label), 1)
                 ], !0),
                 Q.sortable ? (a(), o("span", $1, [
-                  S.value === Q.key && u.value === "asc" ? (a(), ye(n(Fa), {
+                  S.value === Q.key && u.value === "asc" ? (a(), ye(i(Fa), {
                     key: 0,
                     size: 16
-                  })) : S.value === Q.key && u.value === "desc" ? (a(), ye(n(_a), {
+                  })) : S.value === Q.key && u.value === "desc" ? (a(), ye(i(_a), {
                     key: 1,
                     size: 16
-                  })) : (a(), ye(n(Gt), {
+                  })) : (a(), ye(i(Gt), {
                     key: 2,
                     size: 16
                   }))
@@ -3687,18 +3687,18 @@ const co = {
                   onClick: (pe) => Z(Q.key),
                   class: Me(["ui-table-filter-btn", { "ui-table-filter-btn--active": m.value[Q.key] }])
                 }, [
-                  d(n(us), { size: 14 })
+                  d(i(us), { size: 14 })
                 ], 10, A1)) : I("", !0),
                 s.groupable || Q.groupable ? (a(), o("button", {
                   key: 1,
                   onClick: (pe) => ie(Q.key),
-                  class: Me(["ui-table-group-btn", { "ui-table-group-btn--active": U.value === Q.key }])
+                  class: Me(["ui-table-group-btn", { "ui-table-group-btn--active": D.value === Q.key }])
                 }, [
-                  d(n(Ha), { size: 14 })
+                  d(i(Ha), { size: 14 })
                 ], 10, _1)) : I("", !0)
               ])
             ]),
-            D.value[Q.key] ? (a(), o("div", T1, [
+            U.value[Q.key] ? (a(), o("div", T1, [
               d(Fe, {
                 modelValue: m.value[Q.key],
                 "onUpdate:modelValue": (pe) => m.value[Q.key] = pe,
@@ -3721,7 +3721,7 @@ const co = {
               style: je({ "--group-index": Ie(fe) })
             }, [
               e("div", V1, [
-                d(n(Ha), { size: 16 }),
+                d(i(Ha), { size: 16 }),
                 e("span", I1, R(Q._groupName), 1),
                 e("span", L1, "(" + R(Q._groupCount) + " items)", 1)
               ])
@@ -3906,7 +3906,7 @@ const co = {
       if (!r.gradient || r.variant !== "gradient" && r.variant !== "space") return null;
       const { angle: S = "135deg", stops: u = [] } = r.gradient;
       if (u.length === 0) return null;
-      const m = u.sort((D, U) => D.position - U.position).map((D) => `${D.color} ${D.position}%`).join(", ");
+      const m = u.sort((U, D) => U.position - D.position).map((U) => `${U.color} ${U.position}%`).join(", ");
       return `linear-gradient(${S}, ${m})`;
     }), h = H(() => {
       const S = {};
@@ -4092,15 +4092,15 @@ const sl = {
       monitor: Ea,
       "chevron-up": Fa,
       "chevron-down": _a
-    }, S = (g) => x[g] || Ea, u = H(() => l.value === "dark" ? "moon" : l.value === "light" ? "sun" : "monitor"), m = H(() => l.value === "dark" ? "Light" : l.value === "light" ? "System" : "Dark"), D = () => {
+    }, S = (g) => x[g] || Ea, u = H(() => l.value === "dark" ? "moon" : l.value === "light" ? "sun" : "monitor"), m = H(() => l.value === "dark" ? "Light" : l.value === "light" ? "System" : "Dark"), U = () => {
       r.variant === "button" && C();
-    }, U = (g) => {
+    }, D = (g) => {
       g.target.closest(".ui-theme-toggle-dropdown") || (h.value = !1);
     };
     return Ye(() => {
-      document.addEventListener("click", U);
+      document.addEventListener("click", D);
     }), Mt(() => {
-      document.removeEventListener("click", U);
+      document.removeEventListener("click", D);
     }), (g, N) => (a(), o("div", {
       class: Me(["ui-theme-toggle", { "ui-theme-toggle--full-width": s.fullWidth }])
     }, [
@@ -4111,13 +4111,13 @@ const sl = {
         variant: "ghost",
         size: s.size,
         disabled: c.value,
-        onClick: N[0] || (N[0] = (y) => c.value ? null : D),
+        onClick: N[0] || (N[0] = (y) => c.value ? null : U),
         title: c.value ? "Theme is locked by app settings" : `Switch to ${m.value.toLowerCase()} theme`,
         class: Me(["ui-theme-toggle-button", { "ui-theme-toggle--disabled": c.value }])
       }, Ft({
         default: _(() => [
           s.includeLabel ? (a(), o(De, { key: 0 }, [
-            J(R(n(z)) + R(c.value ? " (Locked)" : ""), 1)
+            J(R(i(z)) + R(c.value ? " (Locked)" : ""), 1)
           ], 64)) : I("", !0)
         ]),
         _: 2
@@ -4152,7 +4152,7 @@ const sl = {
             (a(), ye(ot(S(h.value ? "chevron-up" : "chevron-down"))))
           ]),
           default: _(() => [
-            J(" " + R(n(z)) + R(c.value ? " (Locked)" : "") + " ", 1)
+            J(" " + R(i(z)) + R(c.value ? " (Locked)" : "") + " ", 1)
           ]),
           _: 1
         }, 8, ["size", "disabled", "class", "title"]),
@@ -4161,38 +4161,38 @@ const sl = {
           class: "ui-theme-toggle-menu",
           onClick: N[2] || (N[2] = (y) => h.value = !1)
         }, [
-          (a(!0), o(De, null, Ze(n(w), (y) => (a(), o("button", {
+          (a(!0), o(De, null, Ze(i(w), (y) => (a(), o("button", {
             key: y.value,
             class: Me([
               "ui-theme-toggle-option",
               {
-                "ui-theme-toggle-option--active": n(l) === y.value,
+                "ui-theme-toggle-option--active": i(l) === y.value,
                 "ui-theme-toggle-option--disabled": c.value
               }
             ]),
             disabled: c.value,
-            onClick: (L) => c.value ? null : n(V)(y.value)
+            onClick: (L) => c.value ? null : i(V)(y.value)
           }, [
             (a(), ye(ot(S(y.icon)), { class: "ui-theme-toggle-option-icon" })),
             e("span", null, R(y.label), 1),
-            n(l) === y.value ? (a(), o("div", ll)) : I("", !0)
+            i(l) === y.value ? (a(), o("div", ll)) : I("", !0)
           ], 10, ol))), 128))
         ])) : I("", !0)
       ])) : s.variant === "segmented" ? (a(), o("div", nl, [
-        (a(!0), o(De, null, Ze(n(w), (y) => (a(), ye(lt, {
+        (a(!0), o(De, null, Ze(i(w), (y) => (a(), ye(lt, {
           key: y.value,
-          variant: n(l) === y.value ? "primary" : "ghost",
+          variant: i(l) === y.value ? "primary" : "ghost",
           size: s.size,
           squircle: "",
           icon: !s.includeLabel,
           "full-width": "",
           class: Me([
             "ui-theme-toggle-segment",
-            { "ui-theme-toggle-segment--active": n(l) === y.value }
+            { "ui-theme-toggle-segment--active": i(l) === y.value }
           ]),
-          "aria-pressed": n(l) === y.value,
+          "aria-pressed": i(l) === y.value,
           "aria-label": `${y.label} theme`,
-          onClick: (L) => n(V)(y.value),
+          onClick: (L) => i(V)(y.value),
           title: `Switch to ${y.label.toLowerCase()} theme`
         }, Ft({
           default: _(() => [
@@ -4283,7 +4283,7 @@ const sl = {
     const x = H(() => {
       const $ = t.max - t.min, k = (h.value - t.min) / $ * 100;
       return Math.max(0, Math.min(100, k));
-    }), S = H(() => h.value?.toFixed(t.step < 1 ? 1 : 0) || "0"), u = H(() => `slider-size-${t.size}`), m = H(() => t.color ? `slider-color-${t.color}` : ""), D = H(() => {
+    }), S = H(() => h.value?.toFixed(t.step < 1 ? 1 : 0) || "0"), u = H(() => `slider-size-${t.size}`), m = H(() => t.color ? `slider-color-${t.color}` : ""), U = H(() => {
       if (!t.showTicks) return [];
       const $ = [], k = t.max - t.min, O = k / (t.tickCount - 1);
       for (let q = 0; q < t.tickCount; q++) {
@@ -4295,7 +4295,7 @@ const sl = {
         });
       }
       return $;
-    }), U = ($) => {
+    }), D = ($) => {
       const k = $.target, O = parseFloat(k.value);
       C.value++, C.value > 1 && (V.value = !0, w.value && clearTimeout(w.value), w.value = setTimeout(() => {
         V.value = !1, C.value = 0;
@@ -4350,7 +4350,7 @@ const sl = {
             disabled: s.disabled,
             required: s.required,
             class: "slider-input",
-            onInput: U,
+            onInput: D,
             onChange: g,
             onFocus: N,
             onBlur: y,
@@ -4373,7 +4373,7 @@ const sl = {
         s.showMinMax ? (a(), o("div", hl, R(s.max) + R(s.unit), 1)) : I("", !0)
       ], 2),
       s.showTicks ? (a(), o("div", gl, [
-        (a(!0), o(De, null, Ze(D.value, (O) => (a(), o("div", {
+        (a(!0), o(De, null, Ze(U.value, (O) => (a(), o("div", {
           key: O.value,
           class: "slider-tick",
           style: je({ left: O.position + "%" })
@@ -4590,9 +4590,9 @@ const sl = {
         const N = g.map((L) => L.value), y = [.../* @__PURE__ */ new Set([...t.modelValue, ...N])];
         l("update:modelValue", y), l("change", y);
       }
-    }, D = (g) => {
-      l("focus", g);
     }, U = (g) => {
+      l("focus", g);
+    }, D = (g) => {
       l("blur", g);
     };
     return (g, N) => (a(), o("div", {
@@ -4635,8 +4635,8 @@ const sl = {
             indeterminate: h(y.value),
             class: "checkbox-input",
             onChange: (L) => S(y),
-            onFocus: D,
-            onBlur: U
+            onFocus: U,
+            onBlur: D
           }, null, 40, Pl),
           e("div", jl, [
             c(y.value) ? (a(), o("svg", Ol, [...N[0] || (N[0] = [
@@ -4805,7 +4805,7 @@ const sl = {
         Pe(C.$slots, "default", {}, void 0, !0),
         l.value ? (a(), o("div", fn, [
           e("img", {
-            src: n(vn),
+            src: i(vn),
             alt: "Secured by Strands Services",
             class: "secured-logo-image",
             width: "91.2",
@@ -4948,7 +4948,7 @@ function Tt() {
       default:
         return "🔒";
     }
-  }, D = (g) => {
+  }, U = (g) => {
     switch (g) {
       case "totp":
         return "Authenticator App";
@@ -4961,7 +4961,7 @@ function Tt() {
       default:
         return "Unknown";
     }
-  }, U = (g) => {
+  }, D = (g) => {
     if (!g) return "Never";
     const N = new Date(g), L = (/* @__PURE__ */ new Date()).getTime() - N.getTime(), F = Math.floor(L / (1e3 * 60 * 60 * 24));
     return F === 0 ? "Today" : F === 1 ? "Yesterday" : F < 30 ? `${F} days ago` : N.toLocaleDateString();
@@ -4984,8 +4984,8 @@ function Tt() {
     regenerateBackupCodes: u,
     // Helper methods
     getDeviceTypeIcon: m,
-    getDeviceTypeName: D,
-    formatLastUsed: U
+    getDeviceTypeName: U,
+    formatLastUsed: D
   };
 }
 const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-content" }, yn = {
@@ -5125,8 +5125,8 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
     } = Tt(), {
       verifyMfa: u,
       sendMfaEmailCode: m,
-      getMfaWebAuthnChallenge: D,
-      mfaSessionId: U,
+      getMfaWebAuthnChallenge: U,
+      mfaSessionId: D,
       loading: g,
       loadingMessage: N,
       isSendingMfaEmail: y,
@@ -5218,7 +5218,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
           return V;
       }
     }, Ee = async () => {
-      const $e = c.sessionId || U.value;
+      const $e = c.sessionId || D.value;
       if (!k.value || k.value.device_type !== "hardware" && k.value.device_type !== "passkey" || !$e) {
         h("error", "Missing requirements for hardware key authentication");
         return;
@@ -5226,7 +5226,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
       try {
         if (!window.navigator.credentials || !window.PublicKeyCredential)
           throw new Error("Hardware keys are not supported in this browser");
-        const re = await D(k.value.id), ve = re.challenge.publicKey || re.challenge, Ie = (Ne) => {
+        const re = await U(k.value.id), ve = re.challenge.publicKey || re.challenge, Ie = (Ne) => {
           if (!Ne || typeof Ne != "string")
             return new Uint8Array(0);
           const Oe = "=".repeat((4 - Ne.length % 4) % 4), gt = (Ne + Oe).replace(/-/g, "+").replace(/_/g, "/"), Be = window.atob(gt), Ht = new Uint8Array(Be.length);
@@ -5297,7 +5297,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
         ])]),
         footer: _(() => [
           e("div", Xn, [
-            d(n(ue), {
+            d(i(ue), {
               variant: "secondary",
               onClick: be,
               disabled: F.value
@@ -5307,7 +5307,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
               ])]),
               _: 1
             }, 8, ["disabled"]),
-            k.value && k.value.device_type !== "hardware" && k.value.device_type !== "passkey" && (k.value.device_type !== "email" || ce.value) || (k.value?.device_type === "hardware" || k.value?.device_type === "passkey") && ae.value ? (a(), ye(n(ue), {
+            k.value && k.value.device_type !== "hardware" && k.value.device_type !== "passkey" && (k.value.device_type !== "email" || ce.value) || (k.value?.device_type === "hardware" || k.value?.device_type === "passkey") && ae.value ? (a(), ye(i(ue), {
               key: 0,
               variant: "primary",
               onClick: re[5] || (re[5] = (ve) => ae.value ? _e() : le()),
@@ -5324,8 +5324,8 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
         default: _(() => [
           e("div", Cn, [
             F.value && !ce.value ? (a(), o("div", yn, [
-              d(n(ht), { size: 24 }),
-              e("span", kn, R(n(y) || n(L) ? n(N) : "Loading..."), 1)
+              d(i(ht), { size: 24 }),
+              e("span", kn, R(i(y) || i(L) ? i(N) : "Loading..."), 1)
             ])) : (a(), o("div", wn, [
               Se.value.length > 1 ? (a(), o("div", bn, [
                 re[8] || (re[8] = e("p", { class: "mfa-methods-title" }, "Choose verification method:", -1)),
@@ -5344,7 +5344,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
                     })),
                     e("div", $n, [
                       e("p", Sn, R(ve.device_name), 1),
-                      e("p", An, R(n(S)(ve.device_type)), 1)
+                      e("p", An, R(i(S)(ve.device_type)), 1)
                     ]),
                     k.value?.id === ve.id ? (a(), o("div", _n, [
                       d(C, { size: 20 })
@@ -5359,13 +5359,13 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
                   })),
                   e("div", null, [
                     e("h3", Vn, R(k.value.device_name), 1),
-                    e("p", In, R(n(S)(k.value.device_type)), 1)
+                    e("p", In, R(i(S)(k.value.device_type)), 1)
                   ])
                 ])
               ])) : I("", !0),
               k.value?.device_type === "email" && !ce.value ? (a(), o("div", Ln, [
                 re[10] || (re[10] = e("p", { class: "mfa-email-request-text" }, "Click below to receive your verification code", -1)),
-                d(n(ue), {
+                d(i(ue), {
                   variant: "primary",
                   onClick: te,
                   disabled: F.value,
@@ -5392,7 +5392,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
                     ])
                   ])
                 ]),
-                d(n(ue), {
+                d(i(ue), {
                   variant: "primary",
                   onClick: Ee,
                   disabled: F.value,
@@ -5404,7 +5404,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
                   _: 1
                 }, 8, ["disabled", "loading"]),
                 e("div", jn, [
-                  d(n(ue), {
+                  d(i(ue), {
                     variant: "ghost",
                     size: "sm",
                     onClick: re[0] || (re[0] = (ve) => ae.value = !ae.value),
@@ -5431,7 +5431,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
                       e("p", { class: "mfa-backup-warning-description" }, " Enter one of your backup codes. Each code can only be used once. ")
                     ], -1))
                   ]),
-                  d(n(Fe), {
+                  d(i(Fe), {
                     modelValue: b.value,
                     "onUpdate:modelValue": re[1] || (re[1] = (ve) => b.value = ve),
                     label: "Backup Code",
@@ -5470,7 +5470,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
                     ], -1))
                   ])
                 ])) : I("", !0),
-                d(n(Fe), {
+                d(i(Fe), {
                   modelValue: O.value,
                   "onUpdate:modelValue": re[2] || (re[2] = (ve) => O.value = ve),
                   type: "pincode",
@@ -5492,7 +5492,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
                   e("span", Kn, '"' + R(k.value.device_name) + '"', 1)
                 ])) : I("", !0),
                 k.value.device_type === "email" ? (a(), o("div", Gn, [
-                  d(n(ue), {
+                  d(i(ue), {
                     variant: "ghost",
                     size: "sm",
                     onClick: te,
@@ -5506,7 +5506,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
                   }, 8, ["disabled"])
                 ])) : I("", !0),
                 e("div", Yn, [
-                  d(n(ue), {
+                  d(i(ue), {
                     variant: "ghost",
                     size: "sm",
                     onClick: re[3] || (re[3] = (ve) => ae.value = !ae.value),
@@ -5533,7 +5533,7 @@ const gn = { class: "accui-component-scope" }, Cn = { class: "mfa-verification-c
                       e("p", { class: "mfa-backup-warning-description" }, " Enter one of your backup codes. Each code can only be used once. ")
                     ], -1))
                   ]),
-                  d(n(Fe), {
+                  d(i(Fe), {
                     modelValue: b.value,
                     "onUpdate:modelValue": re[4] || (re[4] = (ve) => b.value = ve),
                     label: "Backup Code",
@@ -5570,14 +5570,14 @@ function za(s = {}) {
       return l.value = m.data, m.data;
     z.value = !0, V.value = null;
     try {
-      let D = r("oauthProviders");
-      const U = s.redirectUrl || t.value?.oauth2RedirectUrl;
-      if (U) {
+      let U = r("oauthProviders");
+      const D = s.redirectUrl || t.value?.oauth2RedirectUrl;
+      if (D) {
         const y = new URLSearchParams();
-        let L = U;
-        U.startsWith("/") && (L = `${window.location.origin}${U}`), y.append("redirect_url", L), D = `${D}?${y.toString()}`;
+        let L = D;
+        D.startsWith("/") && (L = `${window.location.origin}${D}`), y.append("redirect_url", L), U = `${U}?${y.toString()}`;
       }
-      const g = await fetch(D, {
+      const g = await fetch(U, {
         method: "GET",
         headers: {
           "Content-Type": "application/json"
@@ -5592,20 +5592,20 @@ function za(s = {}) {
         data: l.value,
         timestamp: Date.now()
       });
-    } catch (D) {
-      const U = D instanceof Error ? D.message : "Failed to fetch OAuth providers";
-      V.value = U;
+    } catch (U) {
+      const D = U instanceof Error ? U.message : "Failed to fetch OAuth providers";
+      V.value = D;
     } finally {
       z.value = !1;
     }
   }, c = async (u, m) => {
-    const D = { ...s, ...m }, U = new URLSearchParams();
-    if (D.redirectUrl) {
-      let L = D.redirectUrl;
-      D.redirectUrl.startsWith("/") && (L = `${window.location.origin}${D.redirectUrl}`), U.append("redirect_url", L);
+    const U = { ...s, ...m }, D = new URLSearchParams();
+    if (U.redirectUrl) {
+      let L = U.redirectUrl;
+      U.redirectUrl.startsWith("/") && (L = `${window.location.origin}${U.redirectUrl}`), D.append("redirect_url", L);
     }
-    D.scopes && D.scopes.length > 0 && U.append("scopes", D.scopes.join(","));
-    const g = U.toString(), N = r("oauthProvider").replace("{provider_id}", u), y = g ? `${N}?${g}` : N;
+    U.scopes && U.scopes.length > 0 && D.append("scopes", U.scopes.join(","));
+    const g = D.toString(), N = r("oauthProvider").replace("{provider_id}", u), y = g ? `${N}?${g}` : N;
     try {
       const L = await fetch(y, {
         method: "GET",
@@ -5627,14 +5627,14 @@ function za(s = {}) {
     }
   }, h = async (u, m) => {
     try {
-      const D = l.value.find((U) => U.id === u);
-      if (!D)
+      const U = l.value.find((D) => D.id === u);
+      if (!U)
         throw new Error(`OAuth provider '${u}' not found`);
-      if (!D.auth_url)
+      if (!U.auth_url)
         throw new Error(`No auth URL configured for provider '${u}'`);
-      window.location.href = D.auth_url;
-    } catch (D) {
-      throw V.value = D instanceof Error ? D.message : "Failed to redirect to OAuth provider", D;
+      window.location.href = U.auth_url;
+    } catch (U) {
+      throw V.value = U instanceof Error ? U.message : "Failed to redirect to OAuth provider", U;
     }
   }, x = (u) => l.value.find((m) => m.id === u), S = (u) => {
     if (u.iconUrl)
@@ -5822,13 +5822,13 @@ const ti = {
     } = ft(), {
       enabledProviders: u,
       loading: m,
-      fetchProviders: D,
-      redirectToProvider: U
+      fetchProviders: U,
+      redirectToProvider: D
     } = za({
       redirectUrl: t.redirectUrl
     });
     Ye(() => {
-      D().catch((te) => {
+      U().catch((te) => {
       });
     });
     const g = H(() => u.value), N = {
@@ -5907,7 +5907,7 @@ const ti = {
       }
     }, Ae = async (te) => {
       try {
-        await U(te, {
+        await D(te, {
           redirectUrl: t.redirectUrl
         });
       } catch (Y) {
@@ -5952,7 +5952,7 @@ const ti = {
       Y.style.height = "", Y.style.opacity = "", Y.style.margin = "", Y.style.padding = "", Y.style.transition = "", Y.style.overflow = "";
     };
     return (te, Y) => (a(), o(De, null, [
-      d(n(_t), {
+      d(i(_t), {
         variant: t.inModal ? "simple" : "modern",
         color: t.inModal ? "default" : "secondary",
         padding: "sm",
@@ -6005,7 +6005,7 @@ const ti = {
             }, {
               default: _(() => [
                 b.value ? I("", !0) : (a(), o("div", di, [
-                  d(n(Oa), {
+                  d(i(Oa), {
                     modelValue: y.value,
                     "onUpdate:modelValue": Y[0] || (Y[0] = (le) => y.value = le),
                     "underline-width": "50%",
@@ -6028,11 +6028,11 @@ const ti = {
             }, {
               default: _(() => [
                 !b.value && g.value?.length ? (a(), o("div", vi, [
-                  (a(!0), o(De, null, Ze(g.value, (le) => (a(), ye(n(ue), {
+                  (a(!0), o(De, null, Ze(g.value, (le) => (a(), ye(i(ue), {
                     key: le.id,
                     variant: "outline",
                     "full-width": "",
-                    disabled: n(m),
+                    disabled: i(m),
                     onClick: (_e) => Ae(le.id),
                     class: "auth-oauth-button"
                   }, {
@@ -6100,7 +6100,7 @@ const ti = {
                 e("div", {
                   class: Me(["email-field-spacing", !b.value && !q.value ? "has-password" : "no-password"])
                 }, [
-                  d(n(Fe), {
+                  d(i(Fe), {
                     modelValue: O.email,
                     "onUpdate:modelValue": Y[1] || (Y[1] = (le) => O.email = le),
                     type: "email",
@@ -6121,7 +6121,7 @@ const ti = {
                 }, {
                   default: _(() => [
                     !b.value && !q.value ? (a(), o("div", Mi, [
-                      d(n(Fe), {
+                      d(i(Fe), {
                         modelValue: O.password,
                         "onUpdate:modelValue": Y[3] || (Y[3] = (le) => O.password = le),
                         type: "password",
@@ -6132,7 +6132,7 @@ const ti = {
                         error: F.value && !O.password ? "Password is required" : ""
                       }, {
                         hint: _(() => [
-                          d(n(mt), {
+                          d(i(mt), {
                             variant: "primary",
                             size: "sm",
                             onClick: Y[2] || (Y[2] = (le) => y.value = "reset-password")
@@ -6150,13 +6150,13 @@ const ti = {
                   _: 1
                 })
               ]),
-              d(n(ue), {
+              d(i(ue), {
                 type: "submit",
                 variant: "primary",
                 "full-width": "",
                 disabled: L.value || !T.value,
                 loading: L.value,
-                "loading-text": n(S)
+                "loading-text": i(S)
               }, {
                 default: _(() => [
                   J(R(b.value ? $.value ? "Link sent!" : "Send reset link" : q.value ? "Send magic link" : "Sign in"), 1)
@@ -6169,7 +6169,7 @@ const ti = {
               mode: "out-in"
             }, {
               default: _(() => [
-                b.value && $.value ? (a(), ye(n(Et), {
+                b.value && $.value ? (a(), ye(i(Et), {
                   key: "reset-success",
                   variant: "success",
                   message: `Check your email - We've sent a password reset link to ${O.email}`,
@@ -6188,7 +6188,7 @@ const ti = {
             }, {
               default: _(() => [
                 b.value ? (a(), o("div", xi, [
-                  d(n(mt), {
+                  d(i(mt), {
                     onClick: Y[4] || (Y[4] = (le) => y.value = "signin"),
                     class: "auth-back-link"
                   }, {
@@ -6214,7 +6214,7 @@ const ti = {
               ]),
               _: 1
             }),
-            F.value ? (a(), ye(n(Et), {
+            F.value ? (a(), ye(i(Et), {
               key: 1,
               variant: "error",
               message: F.value,
@@ -6226,16 +6226,16 @@ const ti = {
               config: t.config
             }, {
               default: _(() => [
-                n(V)() ? (a(), ye(rt, {
+                i(V)() ? (a(), ye(rt, {
                   key: 0,
                   name: "support-fade"
                 }, {
                   default: _(() => [
                     e("p", $i, [
                       Y[12] || (Y[12] = J(" Need help? ", -1)),
-                      d(n(mt), {
+                      d(i(mt), {
                         variant: "primary",
-                        href: `mailto:${n(V)()}`
+                        href: `mailto:${i(V)()}`
                       }, {
                         default: _(() => [...Y[11] || (Y[11] = [
                           J(" Contact Support ", -1)
@@ -6255,7 +6255,7 @@ const ti = {
       }, 8, ["variant", "color", "class"]),
       d(Za, {
         show: k.value,
-        "available-mfa-methods": n(h),
+        "available-mfa-methods": i(h),
         onSuccess: ae,
         onClose: ce,
         onError: Ce
@@ -6341,7 +6341,7 @@ const ti = {
         console.warn("Failed to fetch OAuth providers:", O);
       });
     });
-    const D = H(() => c.value), U = M(""), g = M(!1);
+    const U = H(() => c.value), D = M(""), g = M(!1);
     Le(V, (O) => {
       O && (g.value = !0);
     });
@@ -6349,7 +6349,7 @@ const ti = {
       email: "",
       password: ""
     }), y = async () => {
-      U.value = "";
+      D.value = "";
       try {
         const O = await z({
           email: N.email,
@@ -6362,7 +6362,7 @@ const ti = {
         }
       } catch (O) {
         const q = O instanceof Error ? O.message : "Sign in failed";
-        U.value = q, l("error", q);
+        D.value = q, l("error", q);
       }
     }, L = () => {
       g.value = !1, l("success", h.value);
@@ -6371,7 +6371,7 @@ const ti = {
     }, F = () => {
       g.value = !1;
     }, $ = (O) => {
-      U.value = O, l("error", O);
+      D.value = O, l("error", O);
     }, k = async (O) => {
       try {
         await m(O, {
@@ -6380,7 +6380,7 @@ const ti = {
         });
       } catch (q) {
         const b = q instanceof Error ? q.message : `Failed to sign in with ${O}`;
-        U.value = b, l("error", b);
+        D.value = b, l("error", b);
       }
     };
     return (O, q) => (a(), o("div", Ii, [
@@ -6399,15 +6399,15 @@ const ti = {
                 J("to continue ")
               ])
             ], -1)),
-            n(x)?.length ? (a(), o("div", Di, [
-              (a(!0), o(De, null, Ze(n(x), (b, T, ae, ce) => {
-                const Ce = [b.id, b.name, b.displayName, n(S)];
+            i(x)?.length ? (a(), o("div", Di, [
+              (a(!0), o(De, null, Ze(i(x), (b, T, ae, ce) => {
+                const Ce = [b.id, b.name, b.displayName, i(S)];
                 if (ce && ce.key === b.id && as(ce, Ce)) return ce;
-                const xe = (a(), ye(n(ue), {
+                const xe = (a(), ye(i(ue), {
                   key: b.id,
                   variant: "outline",
                   "full-width": "",
-                  disabled: n(S),
+                  disabled: i(S),
                   onClick: (Ae) => k(b.id),
                   class: "btn-oauth accui-group"
                 }, {
@@ -6421,7 +6421,7 @@ const ti = {
                           width: "20",
                           height: "20"
                         }, null, 8, Pi)
-                      ])) : b.id === "google" ? (a(), ye(n(Ti), { key: 1 })) : b.id === "github" ? (a(), ye(n(Vi), { key: 2 })) : (a(), o("div", ji, [
+                      ])) : b.id === "google" ? (a(), ye(i(Ti), { key: 1 })) : b.id === "github" ? (a(), ye(i(Vi), { key: 2 })) : (a(), o("div", ji, [
                         e("span", Oi, R((b.displayName || b.name).charAt(0).toUpperCase()), 1)
                       ]))
                     ]),
@@ -6432,7 +6432,7 @@ const ti = {
                 return xe.memo = Ce, xe;
               }, q, 0), 128))
             ])) : I("", !0),
-            n(x)?.length ? (a(), o("div", Fi, [...q[7] || (q[7] = [
+            i(x)?.length ? (a(), o("div", Fi, [...q[7] || (q[7] = [
               e("span", { class: "divider-text" }, "Or sign in with email", -1)
             ])])) : I("", !0),
             e("form", {
@@ -6490,12 +6490,12 @@ const ti = {
                   ])
                 ])
               ]),
-              d(n(ue), {
+              d(i(ue), {
                 type: "submit",
                 variant: "primary",
                 "full-width": "",
-                disabled: D.value || !N.email || !N.password,
-                loading: D.value,
+                disabled: U.value || !N.email || !N.password,
+                loading: U.value,
                 "loading-text": "Signing in...",
                 class: "accui-auth-submit"
               }, {
@@ -6505,18 +6505,18 @@ const ti = {
                 _: 1
               }, 8, ["disabled", "loading"])
             ], 32),
-            U.value ? (a(), ye(n(Et), {
+            D.value ? (a(), ye(i(Et), {
               key: 2,
               variant: "error",
-              message: U.value,
+              message: D.value,
               class: "accui-mt-4 accui-animate-fade-in",
               dismissible: "",
-              onDismiss: q[4] || (q[4] = (b) => U.value = "")
+              onDismiss: q[4] || (q[4] = (b) => D.value = "")
             }, null, 8, ["message"])) : I("", !0),
             e("div", Yi, [
               e("p", Wi, [
                 q[14] || (q[14] = J(" Don't have an account? ", -1)),
-                d(n(mt), {
+                d(i(mt), {
                   onClick: q[5] || (q[5] = (b) => O.$emit("switch-to-signup")),
                   class: "accui-text-primary"
                 }, {
@@ -6526,7 +6526,7 @@ const ti = {
                   _: 1
                 })
               ]),
-              d(n(mt), {
+              d(i(mt), {
                 onClick: q[6] || (q[6] = (b) => O.$emit("forgot-password")),
                 class: "accui-auth-link-text accui-mt-2 accui-block"
               }, {
@@ -6540,8 +6540,8 @@ const ti = {
         ]),
         d(Za, {
           show: g.value,
-          "available-mfa-methods": n(w),
-          "session-id": n(C),
+          "available-mfa-methods": i(w),
+          "session-id": i(C),
           onSuccess: L,
           onClose: F,
           onError: $
@@ -6604,7 +6604,7 @@ const ti = {
         console.warn("Failed to fetch OAuth providers:", F);
       });
     });
-    const x = M(!1), S = M(""), u = M(!1), m = M(""), D = M("Magic Link Sent!"), U = M(""), g = Ge({
+    const x = M(!1), S = M(""), u = M(!1), m = M(""), U = M("Magic Link Sent!"), D = M(""), g = Ge({
       email: ""
     });
     H(() => g.email.trim() && g.email.includes("@"));
@@ -6631,7 +6631,7 @@ const ti = {
           throw new Error(O);
         }
         const k = await $.json();
-        u.value = !0, U.value = g.email, m.value = k.message || "Magic link sent! Check your email.", k.message && (k.message.includes("already have an account") || k.message.includes("Welcome back") ? D.value = "Welcome Back!" : k.message.includes("Magic link sent") || k.message.includes("Check your email") ? D.value = "Magic Link Sent!" : D.value = "Success!"), l("success", {
+        u.value = !0, D.value = g.email, m.value = k.message || "Magic link sent! Check your email.", k.message && (k.message.includes("already have an account") || k.message.includes("Welcome back") ? U.value = "Welcome Back!" : k.message.includes("Magic link sent") || k.message.includes("Check your email") ? U.value = "Magic Link Sent!" : U.value = "Success!"), l("success", {
           email: g.email,
           message: k.message || "Magic link sent! Check your email."
         });
@@ -6650,7 +6650,7 @@ const ti = {
         x.value = !1;
       }
     }, y = () => {
-      u.value = !1, m.value = "", D.value = "Magic Link Sent!", U.value = "", g.email = "", S.value = "";
+      u.value = !1, m.value = "", U.value = "Magic Link Sent!", D.value = "", g.email = "", S.value = "";
     }, L = async (F) => {
       try {
         await h(F, {
@@ -6671,13 +6671,13 @@ const ti = {
           e("div", ar, [
             e("div", sr, [
               $[4] || ($[4] = e("div", { class: "signup-success-icon" }, "📧", -1)),
-              e("h1", or, R(D.value), 1),
+              e("h1", or, R(U.value), 1),
               e("p", lr, R(m.value), 1),
-              U.value ? (a(), o("div", nr, [
-                e("strong", null, R(U.value), 1)
+              D.value ? (a(), o("div", nr, [
+                e("strong", null, R(D.value), 1)
               ])) : I("", !0),
               $[5] || ($[5] = e("p", { class: "signup-success-instructions" }, " Click the link in your email to complete your account setup. The link will expire in 24 hours. ", -1)),
-              d(n(ue), {
+              d(i(ue), {
                 variant: "outline",
                 "full-width": "",
                 onClick: y,
@@ -6704,12 +6704,12 @@ const ti = {
                 J("We'll send you a magic link to get started ")
               ])
             ], -1)),
-            n(C)?.length ? (a(), o("div", ur, [
-              (a(!0), o(De, null, Ze(n(C), (k) => (a(), ye(n(ue), {
+            i(C)?.length ? (a(), o("div", ur, [
+              (a(!0), o(De, null, Ze(i(C), (k) => (a(), ye(i(ue), {
                 key: k.id,
                 variant: "outline",
                 "full-width": "",
-                disabled: n(w),
+                disabled: i(w),
                 onClick: (O) => L(k.id),
                 class: "btn-oauth group"
               }, {
@@ -6751,7 +6751,7 @@ const ti = {
                 _: 2
               }, 1032, ["disabled", "onClick"]))), 128))
             ])) : I("", !0),
-            n(C)?.length ? (a(), o("div", yr, [...$[8] || ($[8] = [
+            i(C)?.length ? (a(), o("div", yr, [...$[8] || ($[8] = [
               e("span", { class: "divider-text" }, "Or create account with email", -1)
             ])])) : I("", !0),
             e("form", {
@@ -6782,7 +6782,7 @@ const ti = {
                   ])
                 ])
               ]),
-              d(n(ue), {
+              d(i(ue), {
                 type: "submit",
                 variant: "primary",
                 "full-width": "",
@@ -6818,7 +6818,7 @@ const ti = {
             e("div", Sr, [
               e("p", Ar, [
                 $[14] || ($[14] = J(" Already have an account? ", -1)),
-                d(n(mt), {
+                d(i(mt), {
                   variant: "primary",
                   onClick: $[1] || ($[1] = (k) => F.$emit("switch-to-signin")),
                   class: "signup-signin-link"
@@ -6833,7 +6833,7 @@ const ti = {
             e("div", _r, [
               e("p", Tr, [
                 $[16] || ($[16] = J(" Already have an account? ", -1)),
-                d(n(mt), {
+                d(i(mt), {
                   onClick: $[2] || ($[2] = (k) => F.$emit("switch-to-signin")),
                   class: "accui-text-primary"
                 }, {
@@ -6884,7 +6884,7 @@ const ti = {
       firstName: "",
       lastName: "",
       password: ""
-    }), D = H(() => {
+    }), U = H(() => {
       const y = u.password.trim(), L = u.password.length >= 8, F = !!t.token;
       return y && L && F;
     });
@@ -6894,7 +6894,7 @@ const ti = {
         y && y.length < 8 ? m.password = "Password must be at least 8 characters long" : m.password = "";
       }
     );
-    const U = H(() => t.redirectUrl || window.location.origin);
+    const D = H(() => t.redirectUrl || window.location.origin);
     Ye(() => {
       if (t.token)
         try {
@@ -6908,7 +6908,7 @@ const ti = {
         }
     });
     const g = () => {
-      U.value && (window.location.href = U.value);
+      D.value && (window.location.href = D.value);
     }, N = async () => {
       if (!t.token) {
         x.value = "Registration token is required";
@@ -6916,7 +6916,7 @@ const ti = {
       }
       if (x.value = "", Object.keys(m).forEach((y) => {
         m[y] = "";
-      }), !D.value) {
+      }), !U.value) {
         x.value = "Please fill in all required fields correctly";
         return;
       }
@@ -6952,14 +6952,14 @@ const ti = {
     };
     return (y, L) => (a(), o("div", Vr, [
       w.value ? (a(), o("div", Ir, [
-        d(n(_t), { variant: "modern" }, {
+        d(i(_t), { variant: "modern" }, {
           default: _(() => [
             e("div", Lr, [
               L[7] || (L[7] = e("div", { class: "complete-signup-success-icon" }, "🎉", -1)),
               L[8] || (L[8] = e("h1", { class: "complete-signup-success-title" }, "Welcome to Strands!", -1)),
               L[9] || (L[9] = e("p", { class: "complete-signup-success-message" }, " Your account has been created successfully. ", -1)),
               L[10] || (L[10] = e("p", { class: "complete-signup-success-instructions" }, " You are now signed in and can access your dashboard. ", -1)),
-              d(n(ue), {
+              d(i(ue), {
                 variant: "primary",
                 "full-width": "",
                 onClick: g
@@ -6975,14 +6975,14 @@ const ti = {
           _: 1
         })
       ])) : c.value ? (a(), o("div", Er, [
-        d(n(_t), { variant: "modern" }, {
+        d(i(_t), { variant: "modern" }, {
           default: _(() => [
             e("div", Hr, [
               L[12] || (L[12] = e("div", { class: "complete-signup-error-icon" }, "❌", -1)),
               L[13] || (L[13] = e("h1", { class: "complete-signup-error-title" }, "Invalid Link", -1)),
               L[14] || (L[14] = e("p", { class: "complete-signup-error-message" }, " This registration link is invalid or has expired. ", -1)),
               L[15] || (L[15] = e("p", { class: "complete-signup-error-instructions" }, " Please request a new magic link to complete your registration. ", -1)),
-              d(n(ue), {
+              d(i(ue), {
                 variant: "primary",
                 "full-width": "",
                 onClick: L[0] || (L[0] = (F) => y.$emit("request-new-link"))
@@ -6998,7 +6998,7 @@ const ti = {
           _: 1
         })
       ])) : s.token ? (a(), o("div", Ur, [
-        d(n(_t), { variant: "modern" }, {
+        d(i(_t), { variant: "modern" }, {
           default: _(() => [
             e("div", Dr, [
               L[17] || (L[17] = e("h1", { class: "complete-signup-title" }, "Complete Your Registration", -1)),
@@ -7015,7 +7015,7 @@ const ti = {
               class: "complete-signup-form"
             }, [
               e("div", null, [
-                d(n(Fe), {
+                d(i(Fe), {
                   id: "firstName",
                   modelValue: u.firstName,
                   "onUpdate:modelValue": L[1] || (L[1] = (F) => u.firstName = F),
@@ -7027,7 +7027,7 @@ const ti = {
                 }, null, 8, ["modelValue", "error"])
               ]),
               e("div", null, [
-                d(n(Fe), {
+                d(i(Fe), {
                   id: "lastName",
                   modelValue: u.lastName,
                   "onUpdate:modelValue": L[2] || (L[2] = (F) => u.lastName = F),
@@ -7039,7 +7039,7 @@ const ti = {
                 }, null, 8, ["modelValue", "error"])
               ]),
               e("div", null, [
-                d(n(Fe), {
+                d(i(Fe), {
                   id: "password",
                   modelValue: u.password,
                   "onUpdate:modelValue": L[3] || (L[3] = (F) => u.password = F),
@@ -7053,11 +7053,11 @@ const ti = {
                 }, null, 8, ["modelValue", "error"]),
                 L[19] || (L[19] = e("div", { class: "complete-signup-password-hint" }, " Password must be at least 8 characters long ", -1))
               ]),
-              d(n(ue), {
+              d(i(ue), {
                 type: "submit",
                 variant: "primary",
                 "full-width": "",
-                disabled: h.value || !D.value,
+                disabled: h.value || !U.value,
                 loading: h.value,
                 "loading-text": "Creating account..."
               }, {
@@ -7067,7 +7067,7 @@ const ti = {
                 _: 1
               }, 8, ["disabled", "loading"])
             ], 32),
-            x.value ? (a(), ye(n(Et), {
+            x.value ? (a(), ye(i(Et), {
               key: 0,
               variant: "error",
               message: x.value,
@@ -7079,12 +7079,12 @@ const ti = {
               config: t.config
             }, {
               default: _(() => [
-                n(V)() ? (a(), o("div", jr, [
+                i(V)() ? (a(), o("div", jr, [
                   e("p", Or, [
                     L[22] || (L[22] = J(" Need help? ", -1)),
-                    d(n(mt), {
+                    d(i(mt), {
                       variant: "primary",
-                      href: `mailto:${n(V)()}`
+                      href: `mailto:${i(V)()}`
                     }, {
                       default: _(() => [...L[21] || (L[21] = [
                         J(" Contact Support ", -1)
@@ -7100,14 +7100,14 @@ const ti = {
           _: 1
         })
       ])) : (a(), o("div", Rr, [
-        d(n(_t), { variant: "modern" }, {
+        d(i(_t), { variant: "modern" }, {
           default: _(() => [
             e("div", Fr, [
               L[24] || (L[24] = e("div", { class: "complete-signup-warning-icon" }, "⚠️", -1)),
               L[25] || (L[25] = e("h1", { class: "complete-signup-warning-title" }, "Missing Token", -1)),
               L[26] || (L[26] = e("p", { class: "complete-signup-warning-message" }, " No registration token was provided. ", -1)),
               L[27] || (L[27] = e("p", { class: "complete-signup-warning-instructions" }, " This page requires a valid registration token from the magic link in your email. ", -1)),
-              d(n(ue), {
+              d(i(ue), {
                 variant: "primary",
                 "full-width": "",
                 onClick: L[5] || (L[5] = (F) => y.$emit("start-registration"))
@@ -7158,19 +7158,19 @@ const ti = {
       set: ($) => {
         $ || l("close");
       }
-    }), c = M(1), h = M(""), x = M(""), S = M(""), u = M(""), m = M(null), D = M("");
+    }), c = M(1), h = M(""), x = M(""), S = M(""), u = M(""), m = M(null), U = M("");
     Le(() => t.show, ($) => {
-      $ && (c.value = 1, h.value = "", x.value = "", S.value = "", u.value = "", m.value = null, D.value = "");
+      $ && (c.value = 1, h.value = "", x.value = "", S.value = "", u.value = "", m.value = null, U.value = "");
     }), Le(() => m.value, async ($) => {
       if ($?.qr_code_url)
         try {
           const k = `https://api.qrserver.com/v1/create-qr-code/?size=192x192&data=${encodeURIComponent($.qr_code_url)}&bgcolor=ffffff&color=000000`;
-          D.value = k;
+          U.value = k;
         } catch (k) {
           console.error("Failed to generate QR code:", k);
         }
     });
-    const U = () => {
+    const D = () => {
       l("close");
     }, g = async () => {
       if (!h.value.trim()) {
@@ -7219,30 +7219,30 @@ const ti = {
             e("h3", { class: "step-title" }, "Name Your Device"),
             e("p", { class: "step-description" }, ' Give this authenticator a memorable name (e.g., "iPhone", "Work Phone") ')
           ], -1)),
-          d(n(Fe), {
+          d(i(Fe), {
             modelValue: h.value,
             "onUpdate:modelValue": k[0] || (k[0] = (O) => h.value = O),
             label: "Device Name",
             placeholder: "My Authenticator",
             error: x.value,
-            disabled: n(C)
+            disabled: i(C)
           }, null, 8, ["modelValue", "error", "disabled"]),
           e("div", Kr, [
-            d(n(ue), {
+            d(i(ue), {
               variant: "secondary",
-              onClick: U,
-              disabled: n(C)
+              onClick: D,
+              disabled: i(C)
             }, {
               default: _(() => [...k[6] || (k[6] = [
                 J(" Cancel ", -1)
               ])]),
               _: 1
             }, 8, ["disabled"]),
-            d(n(ue), {
+            d(i(ue), {
               variant: "primary",
               onClick: g,
-              disabled: !h.value.trim() || n(C),
-              loading: n(C)
+              disabled: !h.value.trim() || i(C),
+              loading: i(C)
             }, {
               default: _(() => [...k[7] || (k[7] = [
                 J(" Continue ", -1)
@@ -7257,16 +7257,16 @@ const ti = {
             e("p", { class: "step-description" }, " Scan this QR code with your authenticator app (Google Authenticator, Authy, etc.) ")
           ], -1)),
           e("div", Yr, [
-            D.value ? (a(), o("div", Wr, [
+            U.value ? (a(), o("div", Wr, [
               e("img", {
-                src: D.value,
+                src: U.value,
                 alt: "TOTP QR Code",
                 class: "qr-image",
                 width: "200",
                 height: "200"
               }, null, 8, Qr)
             ])) : (a(), o("div", Xr, [
-              d(n(ht), { size: 24 })
+              d(i(ht), { size: 24 })
             ]))
           ]),
           e("div", Jr, [
@@ -7293,20 +7293,20 @@ const ti = {
             ], -1)
           ])])) : I("", !0),
           e("div", a2, [
-            d(n(ue), {
+            d(i(ue), {
               variant: "secondary",
               onClick: k[1] || (k[1] = (O) => c.value = 1),
-              disabled: n(C)
+              disabled: i(C)
             }, {
               default: _(() => [...k[11] || (k[11] = [
                 J(" Back ", -1)
               ])]),
               _: 1
             }, 8, ["disabled"]),
-            d(n(ue), {
+            d(i(ue), {
               variant: "primary",
               onClick: k[2] || (k[2] = (O) => c.value = 3),
-              disabled: n(C)
+              disabled: i(C)
             }, {
               default: _(() => [...k[12] || (k[12] = [
                 J(" I've Added It ", -1)
@@ -7320,7 +7320,7 @@ const ti = {
             e("h3", { class: "text-lg font-semibold text-gray-900 mb-2" }, "Verify Setup"),
             e("p", { class: "text-sm text-gray-600 mb-4" }, " Enter the 6-digit code from your authenticator app to complete setup ")
           ], -1)),
-          d(n(Fe), {
+          d(i(Fe), {
             modelValue: S.value,
             "onUpdate:modelValue": k[3] || (k[3] = (O) => S.value = O),
             type: "pincode",
@@ -7328,25 +7328,25 @@ const ti = {
             "max-length": 6,
             variant: "numeric",
             error: u.value,
-            disabled: n(C),
+            disabled: i(C),
             onComplete: N
           }, null, 8, ["modelValue", "error", "disabled"]),
           e("div", o2, [
-            d(n(ue), {
+            d(i(ue), {
               variant: "secondary",
               onClick: k[4] || (k[4] = (O) => c.value = 2),
-              disabled: n(C)
+              disabled: i(C)
             }, {
               default: _(() => [...k[14] || (k[14] = [
                 J(" Back ", -1)
               ])]),
               _: 1
             }, 8, ["disabled"]),
-            d(n(ue), {
+            d(i(ue), {
               variant: "primary",
               onClick: y,
-              disabled: S.value.length !== 6 || n(C),
-              loading: n(C)
+              disabled: S.value.length !== 6 || i(C),
+              loading: i(C)
             }, {
               default: _(() => [...k[15] || (k[15] = [
                 J(" Verify & Enable ", -1)
@@ -7402,7 +7402,7 @@ const ti = {
               ])
             ]),
             e("div", c2, [
-              d(n(ue), {
+              d(i(ue), {
                 variant: "secondary",
                 size: "sm",
                 onClick: L
@@ -7415,7 +7415,7 @@ const ti = {
             ])
           ]),
           e("div", u2, [
-            d(n(ue), {
+            d(i(ue), {
               variant: "primary",
               onClick: F
             }, {
@@ -7451,10 +7451,10 @@ const ti = {
       set: (b) => {
         b || l("close");
       }
-    }), h = M(1), x = M(""), S = M(""), u = M(""), m = M(""), D = M(null), U = M(!1), g = M(0);
+    }), h = M(1), x = M(""), S = M(""), u = M(""), m = M(""), U = M(null), D = M(!1), g = M(0);
     let N = null;
     Le(() => t.show, (b) => {
-      b && (h.value = 1, x.value = "", S.value = "", u.value = "", m.value = "", D.value = null, U.value = !1, g.value = 0, N && (clearInterval(N), N = null));
+      b && (h.value = 1, x.value = "", S.value = "", u.value = "", m.value = "", U.value = null, D.value = !1, g.value = 0, N && (clearInterval(N), N = null));
     }), Le(u, () => {
       m.value && (m.value = "");
     }), Ra(() => {
@@ -7470,31 +7470,31 @@ const ti = {
       S.value = "";
       try {
         const b = await z(x.value.trim());
-        D.value = b.device_id, await V(b.device_id), h.value = 2, O();
+        U.value = b.device_id, await V(b.device_id), h.value = 2, O();
       } catch (b) {
         console.error("Failed to setup email MFA:", b), S.value = b instanceof Error ? b.message : "Failed to setup email MFA";
       }
     }, F = (b) => {
       m.value = "", b.length === 6 && $();
     }, $ = async () => {
-      if (!(!D.value || !u.value)) {
+      if (!(!U.value || !u.value)) {
         m.value = "";
         try {
-          await C(D.value, u.value) ? h.value = 3 : m.value = "Invalid verification code";
+          await C(U.value, u.value) ? h.value = 3 : m.value = "Invalid verification code";
         } catch (b) {
           console.error("Failed to verify email MFA code:", b), m.value = b instanceof Error ? b.message : "Invalid verification code";
         }
       }
     }, k = async () => {
-      if (!(!D.value || U.value))
+      if (!(!U.value || D.value))
         try {
-          await V(D.value), O();
+          await V(U.value), O();
         } catch (b) {
           console.warn("Failed to resend email MFA verification code:", b);
         }
     }, O = () => {
-      U.value = !0, g.value = 30, N = setInterval(() => {
-        g.value -= 1, g.value <= 0 && (U.value = !1, N && (clearInterval(N), N = null));
+      D.value = !0, g.value = 30, N = setInterval(() => {
+        g.value -= 1, g.value <= 0 && (D.value = !1, N && (clearInterval(N), N = null));
       }, 1e3);
     }, q = () => {
       l("success");
@@ -7511,15 +7511,15 @@ const ti = {
             e("h3", { class: "email-mfa-setup-step-title" }, "Name Your Email 2FA"),
             e("p", { class: "email-mfa-setup-step-description" }, ' Give this email 2FA method a memorable name (e.g., "Personal Email", "Work Email") ')
           ], -1)),
-          d(n(Fe), {
+          d(i(Fe), {
             modelValue: x.value,
             "onUpdate:modelValue": T[0] || (T[0] = (ae) => x.value = ae),
             label: "Device Name",
             placeholder: "Personal Email",
             error: S.value,
-            disabled: n(w)
+            disabled: i(w)
           }, null, 8, ["modelValue", "error", "disabled"]),
-          d(n(Et), {
+          d(i(Et), {
             variant: "info",
             title: "Email 2FA"
           }, {
@@ -7529,20 +7529,20 @@ const ti = {
             _: 1
           }),
           e("div", p2, [
-            d(n(ue), {
+            d(i(ue), {
               color: "secondary",
               onClick: y,
-              disabled: n(w)
+              disabled: i(w)
             }, {
               default: _(() => [...T[5] || (T[5] = [
                 J(" Cancel ", -1)
               ])]),
               _: 1
             }, 8, ["disabled"]),
-            d(n(ue), {
+            d(i(ue), {
               onClick: L,
-              disabled: !x.value.trim() || n(w),
-              loading: n(w)
+              disabled: !x.value.trim() || i(w),
+              loading: i(w)
             }, {
               default: _(() => [...T[6] || (T[6] = [
                 J(" Setup Email 2FA ", -1)
@@ -7575,7 +7575,7 @@ const ti = {
               ])
             ])
           ], -1)),
-          d(n(Fe), {
+          d(i(Fe), {
             modelValue: u.value,
             "onUpdate:modelValue": T[1] || (T[1] = (ae) => u.value = ae),
             type: "pincode",
@@ -7583,37 +7583,37 @@ const ti = {
             "max-length": 6,
             variant: "numeric",
             error: m.value,
-            disabled: n(w),
+            disabled: i(w),
             onComplete: F
           }, null, 8, ["modelValue", "error", "disabled"]),
           e("div", m2, [
-            d(n(ue), {
+            d(i(ue), {
               color: "secondary",
               size: "sm",
               onClick: k,
-              disabled: n(w) || U.value
+              disabled: i(w) || D.value
             }, {
               default: _(() => [
-                J(R(U.value ? `Resend in ${g.value}s` : "Resend Code"), 1)
+                J(R(D.value ? `Resend in ${g.value}s` : "Resend Code"), 1)
               ]),
               _: 1
             }, 8, ["disabled"])
           ]),
           e("div", h2, [
-            d(n(ue), {
+            d(i(ue), {
               color: "secondary",
               onClick: T[2] || (T[2] = (ae) => h.value = 1),
-              disabled: n(w)
+              disabled: i(w)
             }, {
               default: _(() => [...T[8] || (T[8] = [
                 J(" Back ", -1)
               ])]),
               _: 1
             }, 8, ["disabled"]),
-            d(n(ue), {
+            d(i(ue), {
               onClick: $,
-              disabled: u.value.length !== 6 || n(w),
-              loading: n(w)
+              disabled: u.value.length !== 6 || i(w),
+              loading: i(w)
             }, {
               default: _(() => [...T[9] || (T[9] = [
                 J(" Verify & Enable ", -1)
@@ -7662,7 +7662,7 @@ const ti = {
             ])
           ], -1)),
           e("div", C2, [
-            d(n(ue), {
+            d(i(ue), {
               variant: "primary",
               onClick: q
             }, {
@@ -7705,9 +7705,9 @@ const ti = {
       set: (b) => {
         b || l("close");
       }
-    }), u = M(1), m = M(""), D = M(""), U = M("Please touch your hardware key when prompted"), g = M(""), N = M([]);
+    }), u = M(1), m = M(""), U = M(""), D = M("Please touch your hardware key when prompted"), g = M(""), N = M([]);
     Le(() => t.show, (b) => {
-      b && (u.value = 1, m.value = "", D.value = "", U.value = "Please touch your hardware key when prompted", g.value = "", N.value = []);
+      b && (u.value = 1, m.value = "", U.value = "", D.value = "Please touch your hardware key when prompted", g.value = "", N.value = []);
     });
     const y = () => {
       l("close");
@@ -7794,12 +7794,12 @@ const ti = {
       }
     }, $ = async () => {
       if (!m.value.trim()) {
-        D.value = "Device name is required";
+        U.value = "Device name is required";
         return;
       }
-      D.value = "", u.value = 2;
+      U.value = "", u.value = 2;
     }, k = async () => {
-      c.value = !0, u.value = 3, U.value = `Starting ${t.deviceType === "passkey" ? "passkey" : "hardware key"} registration...`;
+      c.value = !0, u.value = 3, D.value = `Starting ${t.deviceType === "passkey" ? "passkey" : "hardware key"} registration...`;
       try {
         if (!window.navigator.credentials || !window.PublicKeyCredential)
           throw new Error("WebAuthn is not supported in this browser");
@@ -7813,13 +7813,13 @@ const ti = {
         if (!T || typeof T != "object")
           throw new Error("Invalid challenge received from server");
         const ae = F(T, t.deviceType);
-        U.value = "Please touch your hardware key now...";
+        D.value = "Please touch your hardware key now...";
         const ce = await navigator.credentials.create({
           publicKey: ae
         });
         if (!ce)
           throw new Error("Hardware key registration was cancelled");
-        U.value = "Completing registration...";
+        D.value = "Completing registration...";
         const Ce = ce.response;
         try {
           if (!ce.rawId)
@@ -7874,16 +7874,16 @@ const ti = {
             e("h3", { class: "hardware-key-setup-step-title" }, "Name Your Hardware Key"),
             e("p", { class: "hardware-key-setup-step-description" }, ' Give your hardware key a memorable name (e.g., "YubiKey 5", "Work Security Key") ')
           ], -1)),
-          d(n(Fe), {
+          d(i(Fe), {
             modelValue: m.value,
             "onUpdate:modelValue": T[0] || (T[0] = (ae) => m.value = ae),
             label: "Device Name",
             placeholder: "My Hardware Key",
-            error: D.value,
+            error: U.value,
             disabled: h.value
           }, null, 8, ["modelValue", "error", "disabled"]),
           e("div", w2, [
-            d(n(ue), {
+            d(i(ue), {
               variant: "secondary",
               onClick: y,
               disabled: h.value
@@ -7893,7 +7893,7 @@ const ti = {
               ])]),
               _: 1
             }, 8, ["disabled"]),
-            d(n(ue), {
+            d(i(ue), {
               variant: "primary",
               onClick: $,
               disabled: !m.value.trim() || h.value,
@@ -7962,7 +7962,7 @@ const ti = {
             ])
           ]),
           e("div", S2, [
-            d(n(ue), {
+            d(i(ue), {
               variant: "secondary",
               onClick: T[1] || (T[1] = (ae) => u.value = 1),
               disabled: h.value
@@ -7972,7 +7972,7 @@ const ti = {
               ])]),
               _: 1
             }, 8, ["disabled"]),
-            d(n(ue), {
+            d(i(ue), {
               variant: "primary",
               onClick: k,
               disabled: h.value,
@@ -7988,13 +7988,13 @@ const ti = {
         u.value === 3 ? (a(), o("div", A2, [
           e("div", _2, [
             e("div", T2, [
-              d(n(ht), {
+              d(i(ht), {
                 size: 24,
                 class: "hardware-key-setup-loader"
               })
             ]),
             T[19] || (T[19] = e("h3", { class: "hardware-key-setup-step-title" }, "Registering Hardware Key", -1)),
-            e("p", z2, R(U.value), 1)
+            e("p", z2, R(D.value), 1)
           ]),
           T[20] || (T[20] = e("div", { class: "hardware-key-setup-progress-indicator" }, [
             e("div", { class: "hardware-key-setup-progress-content" }, [
@@ -8066,7 +8066,7 @@ const ti = {
               ])
             ]),
             e("div", H2, [
-              d(n(ue), {
+              d(i(ue), {
                 variant: "secondary",
                 size: "sm",
                 onClick: O
@@ -8079,7 +8079,7 @@ const ti = {
             ])
           ]),
           e("div", U2, [
-            d(n(ue), {
+            d(i(ue), {
               variant: "primary",
               onClick: q
             }, {
@@ -8111,7 +8111,7 @@ const ti = {
             e("p", B2, R(g.value), 1)
           ]),
           e("div", P2, [
-            d(n(ue), {
+            d(i(ue), {
               variant: "secondary",
               onClick: T[2] || (T[2] = (ae) => u.value = 1)
             }, {
@@ -8120,7 +8120,7 @@ const ti = {
               ])]),
               _: 1
             }),
-            d(n(ue), {
+            d(i(ue), {
               variant: "primary",
               onClick: y
             }, {
@@ -8157,12 +8157,12 @@ const ti = {
   setup(s, { emit: r }) {
     const t = s, l = r, { regenerateBackupCodes: z, loading: V, getDeviceTypeName: C } = Tt(), w = H({
       get: () => t.show,
-      set: (U) => {
-        U || l("close");
+      set: (D) => {
+        D || l("close");
       }
     }), c = M([]), h = M(!1);
-    Le(() => t.show, async (U) => {
-      U && t.device && (h.value = !1, c.value = []);
+    Le(() => t.show, async (D) => {
+      D && t.device && (h.value = !1, c.value = []);
     }), Ye(async () => {
       t.show && t.device && (c.value = []);
     });
@@ -8173,23 +8173,23 @@ const ti = {
     }, u = async () => {
       if (t.device)
         try {
-          const U = await z(t.device.id);
-          c.value = U.backup_codes, h.value = !1;
-        } catch (U) {
-          console.error("Failed to regenerate backup codes:", U);
+          const D = await z(t.device.id);
+          c.value = D.backup_codes, h.value = !1;
+        } catch (D) {
+          console.error("Failed to regenerate backup codes:", D);
         }
     }, m = async () => {
       if (c.value.length !== 0)
         try {
-          const U = c.value.join(`
+          const D = c.value.join(`
 `);
-          await navigator.clipboard.writeText(U);
-        } catch (U) {
-          console.warn("Failed to copy backup codes to clipboard:", U);
+          await navigator.clipboard.writeText(D);
+        } catch (D) {
+          console.warn("Failed to copy backup codes to clipboard:", D);
         }
-    }, D = () => {
+    }, U = () => {
       if (c.value.length === 0) return;
-      const U = t.device?.device_name || "device", g = (/* @__PURE__ */ new Date()).toISOString().split("T")[0], N = `strands-backup-codes-${U}-${g}.txt`, y = [
+      const D = t.device?.device_name || "device", g = (/* @__PURE__ */ new Date()).toISOString().split("T")[0], N = `strands-backup-codes-${D}-${g}.txt`, y = [
         "Strands Account Backup Codes",
         "============================",
         "",
@@ -8209,7 +8209,7 @@ const ti = {
 `), L = new Blob([y], { type: "text/plain" }), F = URL.createObjectURL(L), $ = document.createElement("a");
       $.href = F, $.download = N, document.body.appendChild($), $.click(), document.body.removeChild($), URL.revokeObjectURL(F);
     };
-    return (U, g) => (a(), o("div", O2, [
+    return (D, g) => (a(), o("div", O2, [
       d(pt, {
         modelValue: w.value,
         "onUpdate:modelValue": g[1] || (g[1] = (N) => w.value = N),
@@ -8217,8 +8217,8 @@ const ti = {
         "card-class": "backup-codes-modal"
       }, {
         default: _(() => [
-          n(V) ? (a(), o("div", R2, [
-            d(n(ht), { size: 24 }),
+          i(V) ? (a(), o("div", R2, [
+            d(i(ht), { size: 24 }),
             g[2] || (g[2] = e("span", { class: "backup-codes-loading-text" }, "Loading backup codes...", -1))
           ])) : (a(), o("div", F2, [
             s.device ? (a(), o("div", q2, [
@@ -8226,7 +8226,7 @@ const ti = {
                 g[3] || (g[3] = e("span", { class: "backup-codes-device-icon" }, "📱", -1)),
                 e("div", null, [
                   e("h3", K2, R(s.device.device_name), 1),
-                  e("p", G2, R(n(C)(s.device.device_type)), 1)
+                  e("p", G2, R(i(C)(s.device.device_type)), 1)
                 ])
               ])
             ])) : I("", !0),
@@ -8265,7 +8265,7 @@ const ti = {
                 ])
               ]),
               e("div", X2, [
-                d(n(ue), {
+                d(i(ue), {
                   variant: "secondary",
                   size: "sm",
                   onClick: m
@@ -8275,10 +8275,10 @@ const ti = {
                   ])]),
                   _: 1
                 }),
-                d(n(ue), {
+                d(i(ue), {
                   variant: "secondary",
                   size: "sm",
-                  onClick: D
+                  onClick: U
                 }, {
                   default: _(() => [...g[5] || (g[5] = [
                     J(" 💾 Download ", -1)
@@ -8289,18 +8289,18 @@ const ti = {
             ])) : I("", !0),
             e("div", J2, [
               e("div", e3, [
-                d(n(ue), {
+                d(i(ue), {
                   variant: "secondary",
                   onClick: S,
-                  disabled: n(V),
-                  loading: n(V)
+                  disabled: i(V),
+                  loading: i(V)
                 }, {
                   default: _(() => [...g[7] || (g[7] = [
                     J(" 🔄 Regenerate Codes ", -1)
                   ])]),
                   _: 1
                 }, 8, ["disabled", "loading"]),
-                d(n(ue), {
+                d(i(ue), {
                   variant: "primary",
                   onClick: x
                 }, {
@@ -8328,19 +8328,19 @@ const ti = {
                   g[11] || (g[11] = e("p", { class: "backup-codes-regenerate-title" }, "Regenerate Backup Codes?", -1)),
                   g[12] || (g[12] = e("p", { class: "backup-codes-regenerate-description" }, " This will invalidate all current backup codes. Make sure to save the new ones. ", -1)),
                   e("div", s3, [
-                    d(n(ue), {
+                    d(i(ue), {
                       variant: "primary",
                       size: "sm",
                       onClick: u,
-                      disabled: n(V),
-                      loading: n(V)
+                      disabled: i(V),
+                      loading: i(V)
                     }, {
                       default: _(() => [...g[9] || (g[9] = [
                         J(" Yes, Regenerate ", -1)
                       ])]),
                       _: 1
                     }, 8, ["disabled", "loading"]),
-                    d(n(ue), {
+                    d(i(ue), {
                       variant: "secondary",
                       size: "sm",
                       onClick: g[0] || (g[0] = (N) => h.value = !1)
@@ -8394,7 +8394,7 @@ const ti = {
         default: _(() => [
           e("p", r3, R(s.message), 1),
           e("div", c3, [
-            d(n(ue), {
+            d(i(ue), {
               variant: "secondary",
               onClick: w,
               disabled: z.value
@@ -8404,7 +8404,7 @@ const ti = {
               ]),
               _: 1
             }, 8, ["disabled"]),
-            d(n(ue), {
+            d(i(ue), {
               variant: s.variant,
               onClick: C,
               disabled: z.value,
@@ -8504,14 +8504,14 @@ const ti = {
           oe("path", { d: "M9 6.8a6 6 0 0 1 9 5.2c0 .47 0 1.17-.02 2" })
         ]);
       }
-    }, D = {
+    }, U = {
       props: ["size"],
       render() {
         return oe("svg", { width: this.size, height: this.size, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, [
           oe("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" })
         ]);
       }
-    }, U = {
+    }, D = {
       props: ["size"],
       render() {
         return oe("svg", { width: this.size, height: this.size, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, [
@@ -8569,7 +8569,7 @@ const ti = {
       return ie < 1 ? "Just now" : ie < 60 ? `${ie}m ago` : te < 24 ? `${te}h ago` : Y < 7 ? `${Y}d ago` : Y < 30 ? `${Math.floor(Y / 7)}w ago` : Y < 365 ? `${Math.floor(Y / 30)}mo ago` : `${Math.floor(Y / 365)}y ago`;
     };
     return (be, ne) => (a(), o(De, null, [
-      d(n(pt), {
+      d(i(pt), {
         modelValue: O.value,
         "onUpdate:modelValue": ne[6] || (ne[6] = (W) => O.value = W),
         title: "Two-Factor Authentication",
@@ -8577,19 +8577,19 @@ const ti = {
       }, {
         default: _(() => [
           e("div", v3, [
-            n(V) ? (a(), o("div", p3, [
-              d(n(ht), { size: 32 }),
+            i(V) ? (a(), o("div", p3, [
+              d(i(ht), { size: 32 }),
               ne[11] || (ne[11] = e("span", { class: "mfa-loading-text" }, "Loading MFA settings...", -1))
             ])) : (a(), o("div", f3, [
               e("div", m3, [
                 e("div", h3, [
                   e("div", null, [
                     ne[12] || (ne[12] = e("h3", { class: "mfa-status-title" }, "Two-Factor Authentication", -1)),
-                    e("p", g3, R(n(z) ? "Enabled" : "Add extra security to your account"), 1)
+                    e("p", g3, R(i(z) ? "Enabled" : "Add extra security to your account"), 1)
                   ]),
                   e("div", C3, [
-                    n(z) ? (a(), o("span", y3, [
-                      d(D, {
+                    i(z) ? (a(), o("span", y3, [
+                      d(U, {
                         size: 12,
                         class: "mfa-badge-icon"
                       }),
@@ -8598,7 +8598,7 @@ const ti = {
                   ])
                 ])
               ]),
-              d(n(Oa), {
+              d(i(Oa), {
                 modelValue: g.value,
                 "onUpdate:modelValue": ne[5] || (ne[5] = (W) => g.value = W),
                 tabs: q.value,
@@ -8619,7 +8619,7 @@ const ti = {
                               e("p", { class: "mfa-device-option-description" }, "Use apps like Google Authenticator, or Authy")
                             ], -1))
                           ]),
-                          d(n(ue), {
+                          d(i(ue), {
                             variant: "outline",
                             size: "sm",
                             onClick: ne[0] || (ne[0] = (Z) => L.value = !0)
@@ -8640,7 +8640,7 @@ const ti = {
                               e("p", { class: "mfa-device-option-description" }, "Receive verification codes via email")
                             ], -1))
                           ]),
-                          d(n(ue), {
+                          d(i(ue), {
                             variant: "outline",
                             size: "sm",
                             onClick: ne[1] || (ne[1] = (Z) => F.value = !0)
@@ -8661,7 +8661,7 @@ const ti = {
                               e("p", { class: "mfa-device-option-description" }, "Use a physical security key (YubiKey, etc.)")
                             ], -1))
                           ]),
-                          d(n(ue), {
+                          d(i(ue), {
                             variant: "outline",
                             size: "sm",
                             onClick: ne[2] || (ne[2] = (Z) => $.value = !0)
@@ -8682,7 +8682,7 @@ const ti = {
                               e("p", { class: "mfa-device-option-description" }, "Use biometric authentication or device PIN")
                             ], -1))
                           ]),
-                          d(n(ue), {
+                          d(i(ue), {
                             variant: "outline",
                             size: "sm",
                             onClick: ne[3] || (ne[3] = (Z) => k.value = !0)
@@ -8696,13 +8696,13 @@ const ti = {
                       ])
                     ])
                   ])) : W?.value === "manage" ? (a(), o("div", H3, [
-                    n(C).length === 0 ? (a(), o("div", U3, [
+                    i(C).length === 0 ? (a(), o("div", U3, [
                       e("div", D3, [
-                        d(D, { size: 48 })
+                        d(U, { 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)),
-                      d(n(ue), {
+                      d(i(ue), {
                         onClick: ne[4] || (ne[4] = (Z) => g.value = "add"),
                         variant: "primary"
                       }, {
@@ -8712,7 +8712,7 @@ const ti = {
                         _: 1
                       })
                     ])) : (a(), o("div", N3, [
-                      (a(!0), o(De, null, Ze(n(C), (Z) => (a(), o("div", {
+                      (a(!0), o(De, null, Ze(i(C), (Z) => (a(), o("div", {
                         key: Z.id,
                         class: "mfa-device-card"
                       }, [
@@ -8739,7 +8739,7 @@ const ti = {
                             ])
                           ]),
                           e("div", F3, [
-                            Z.device_type === "email" && !Z.verified ? (a(), ye(n(ue), {
+                            Z.device_type === "email" && !Z.verified ? (a(), ye(i(ue), {
                               key: 0,
                               variant: "outline",
                               size: "xs",
@@ -8759,7 +8759,7 @@ const ti = {
                               onConfirm: (ie) => T(Z)
                             }, {
                               trigger: _(() => [
-                                d(n(ue), {
+                                d(i(ue), {
                                   variant: "ghost",
                                   size: "xs",
                                   disabled: y[Z.id]
@@ -8777,7 +8777,7 @@ const ti = {
                         Z.device_type === "email" && !Z.verified ? (a(), o("div", q3, [
                           e("div", Z3, [
                             e("div", K3, [
-                              d(U, { size: 16 })
+                              d(D, { size: 16 })
                             ]),
                             ne[26] || (ne[26] = e("span", { class: "mfa-warning-text" }, "Email not verified - click Test to verify", -1))
                           ])
@@ -8785,7 +8785,7 @@ const ti = {
                         Z.backup_codes && Z.backup_codes.length > 0 ? (a(), o("div", G3, [
                           d(l3, { device: Z }, {
                             trigger: _(() => [
-                              d(n(ue), {
+                              d(i(ue), {
                                 variant: "outline",
                                 size: "xs"
                               }, {
@@ -8898,11 +8898,11 @@ const ti = {
         title: "Account Settings",
         "card-class": "max-w-lg"
       }, Ft({
-        footer: _(({ handleClose: D }) => [
+        footer: _(({ handleClose: U }) => [
           e("div", c4, [
             d(lt, {
               variant: "secondary",
-              onClick: D
+              onClick: U
             }, {
               default: _(() => [...m[11] || (m[11] = [
                 J(" Close ", -1)
@@ -8911,7 +8911,7 @@ const ti = {
             }, 8, ["onClick"]),
             d(lt, {
               variant: "primary",
-              onClick: (U) => S(D),
+              onClick: (D) => S(U),
               loading: V.value
             }, {
               default: _(() => [
@@ -8961,8 +8961,8 @@ const ti = {
                       id: "level-up-sounds",
                       modelValue: w.levelUpSounds,
                       "onUpdate:modelValue": [
-                        m[0] || (m[0] = (D) => w.levelUpSounds = D),
-                        m[1] || (m[1] = (D) => c("levelUpSounds", D))
+                        m[0] || (m[0] = (U) => w.levelUpSounds = U),
+                        m[1] || (m[1] = (U) => c("levelUpSounds", U))
                       ]
                     }, null, 8, ["modelValue"])
                   ])
@@ -9004,8 +9004,8 @@ const ti = {
                       id: "milestone-sounds",
                       modelValue: w.milestoneSounds,
                       "onUpdate:modelValue": [
-                        m[2] || (m[2] = (D) => w.milestoneSounds = D),
-                        m[3] || (m[3] = (D) => c("milestoneSounds", D))
+                        m[2] || (m[2] = (U) => w.milestoneSounds = U),
+                        m[3] || (m[3] = (U) => c("milestoneSounds", U))
                       ]
                     }, null, 8, ["modelValue"])
                   ])
@@ -9101,7 +9101,7 @@ const ti = {
           oe("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
         ]);
       }
-    }, u = M([]), m = M(null), D = M(!1), U = M(null), g = Ge({}), N = M(!1), y = H({
+    }, u = M([]), m = M(null), U = M(!1), D = M(null), g = Ge({}), N = M(!1), y = H({
       get: () => t.modelValue || !1,
       set: (T) => l("update:modelValue", T)
     });
@@ -9111,7 +9111,7 @@ const ti = {
       (typeof t.modelValue > "u" || t.modelValue) && L();
     });
     const L = async () => {
-      D.value = !0, U.value = null;
+      U.value = !0, D.value = null;
       try {
         const T = await z();
         if (u.value = T || [], u.value.length > 0) {
@@ -9124,16 +9124,16 @@ const ti = {
         } else
           m.value = null;
       } catch (T) {
-        U.value = T instanceof Error ? T.message : "Failed to load sessions", console.error("Failed to load sessions:", T);
+        D.value = T instanceof Error ? T.message : "Failed to load sessions", console.error("Failed to load sessions:", T);
       } finally {
-        D.value = !1;
+        U.value = !1;
       }
     }, F = async (T) => {
       g[T] = !0;
       try {
         await V(T), await L(), l("sessions-updated");
       } catch (ae) {
-        console.error("Failed to revoke session:", ae), U.value = ae instanceof Error ? ae.message : "Failed to revoke session";
+        console.error("Failed to revoke session:", ae), D.value = ae instanceof Error ? ae.message : "Failed to revoke session";
       } finally {
         g[T] = !1;
       }
@@ -9142,7 +9142,7 @@ const ti = {
       try {
         await C(), await L(), l("sessions-updated");
       } catch (T) {
-        console.error("Failed to revoke all other sessions:", T), U.value = T instanceof Error ? T.message : "Failed to revoke sessions";
+        console.error("Failed to revoke all other sessions:", T), D.value = T instanceof Error ? T.message : "Failed to revoke sessions";
       } finally {
         N.value = !1;
       }
@@ -9164,7 +9164,7 @@ const ti = {
       hour: "2-digit",
       minute: "2-digit"
     }) : "Unknown";
-    return (T, ae) => (a(), ye(n(pt), {
+    return (T, ae) => (a(), ye(i(pt), {
       modelValue: y.value,
       "onUpdate:modelValue": ae[0] || (ae[0] = (ce) => y.value = ce),
       title: "Active Sessions",
@@ -9172,8 +9172,8 @@ const ti = {
     }, {
       default: _(() => [
         e("div", v4, [
-          D.value ? (a(), o("div", p4, [
-            d(n(ht), { size: 40 }),
+          U.value ? (a(), o("div", p4, [
+            d(i(ht), { size: 40 }),
             ae[1] || (ae[1] = e("p", { class: "loading-text" }, "Loading sessions...", -1))
           ])) : u.value.length === 0 ? (a(), o("div", f4, [...ae[2] || (ae[2] = [
             e("div", { class: "empty-icon" }, [
@@ -9240,7 +9240,7 @@ const ti = {
                     ])
                   ]),
                   ce.is_current ? I("", !0) : (a(), o("div", T4, [
-                    d(n(ue), {
+                    d(i(ue), {
                       variant: "outline",
                       size: "xs",
                       onClick: (Ce) => F(ce.id),
@@ -9282,13 +9282,13 @@ const ti = {
               ], 2))), 128))
             ]),
             u.value.length > 1 ? (a(), o("div", R4, [
-              d(n(ue), {
+              d(i(ue), {
                 variant: "outline",
                 onClick: $,
                 disabled: N.value
               }, {
                 default: _(() => [
-                  N.value ? (a(), ye(n(ht), {
+                  N.value ? (a(), ye(i(ht), {
                     key: 0,
                     size: 16
                   })) : (a(), o("span", F4, "End All Other Sessions"))
@@ -9391,7 +9391,7 @@ const ti = {
           oe("circle", { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor" })
         ]);
       }
-    }, V = s, C = r, { getSupportEmail: w, getUrl: c } = vt(V.config), { fetchProfile: h, updateProfile: x, changeEmail: S, changeUsername: u, getUsernameCooldown: m, checkUsernameAvailability: D, getUserSessions: U, currentUser: g, currentSession: N, isAuthenticated: y, refreshToken: L, signOut: F } = ft(), { activeMfaDevices: $, fetchMfaDevices: k } = Tt(), O = M(null), q = M(!1), b = H(() => g.value || V.user || O.value), T = M(!1), ae = M(!1), ce = M(!1), Ce = M(!1), xe = M(!1), Ae = M(!1), Se = M(!1), be = M(!1), ne = M(!1), W = M(!1), Z = M(!1), ie = M(null), te = M(""), Y = M(""), le = M([]), _e = M(!1), Te = Ge({
+    }, V = s, C = r, { getSupportEmail: w, getUrl: c } = vt(V.config), { fetchProfile: h, updateProfile: x, changeEmail: S, changeUsername: u, getUsernameCooldown: m, checkUsernameAvailability: U, getUserSessions: D, currentUser: g, currentSession: N, isAuthenticated: y, refreshToken: L, signOut: F } = ft(), { activeMfaDevices: $, fetchMfaDevices: k } = Tt(), O = M(null), q = M(!1), b = H(() => g.value || V.user || O.value), T = M(!1), ae = M(!1), ce = M(!1), Ce = M(!1), xe = M(!1), Ae = M(!1), Se = M(!1), be = M(!1), ne = M(!1), W = M(!1), Z = M(!1), ie = M(null), te = M(""), Y = M(""), le = M([]), _e = M(!1), Te = Ge({
       canChange: !0,
       cooldownEnd: null,
       daysRemaining: 0
@@ -9520,7 +9520,7 @@ const ti = {
       if (y.value) {
         _e.value = !0;
         try {
-          const X = await U();
+          const X = await D();
           le.value = X || [];
         } catch (X) {
           console.warn("Failed to load sessions (non-critical):", X);
@@ -9608,7 +9608,7 @@ const ti = {
         }
         Ee.checking = !0, Ee.message = "Checking availability...";
         try {
-          const P = await D(K.username);
+          const P = await U(K.username);
           if (Ee.available = P.available, Ee.message = P.message, !P.available) {
             K.errors.username = "Username is not available";
             return;
@@ -9744,7 +9744,7 @@ const ti = {
         }
     }), (X, P) => (a(), o(De, null, [
       e("div", K4, [
-        d(n(_t), {
+        d(i(_t), {
           variant: s.inModal ? "simple" : "modern",
           color: s.inModal ? "default" : "secondary",
           class: Me(s.inModal ? "profile-container-modal profile-container-width" : "profile-container profile-container-width profile-max-width profile-centered profile-animated")
@@ -9758,7 +9758,7 @@ const ti = {
               e("div", Y4, [
                 e("div", W4, [
                   e("div", Q4, [
-                    d(n(Sa), {
+                    d(i(Sa), {
                       size: 140,
                       value: b.value?.xp || 0,
                       max: b.value?.next_level_xp || 1,
@@ -9781,7 +9781,7 @@ const ti = {
                       onClick: sa,
                       disabled: ae.value
                     }, [
-                      ae.value ? (a(), ye(n(ht), {
+                      ae.value ? (a(), ye(i(ht), {
                         key: 0,
                         size: 24,
                         variant: "spinner"
@@ -9818,7 +9818,7 @@ const ti = {
                 e("div", s0, [
                   e("div", o0, [
                     P[17] || (P[17] = e("h3", { class: "profile-section-title" }, "Personal Information", -1)),
-                    d(n(Fe), {
+                    d(i(Fe), {
                       id: "firstName",
                       modelValue: re.firstName,
                       "onUpdate:modelValue": P[0] || (P[0] = (we) => re.firstName = we),
@@ -9829,7 +9829,7 @@ const ti = {
                       disabled: T.value || q.value,
                       error: he.firstName
                     }, null, 8, ["modelValue", "disabled", "error"]),
-                    d(n(Fe), {
+                    d(i(Fe), {
                       id: "lastName",
                       modelValue: re.lastName,
                       "onUpdate:modelValue": P[1] || (P[1] = (we) => re.lastName = we),
@@ -9846,7 +9846,7 @@ const ti = {
                           P[15] || (P[15] = e("h4", { class: "profile-setting-title" }, "Email Address", -1)),
                           e("p", i0, R(b.value?.email), 1)
                         ]),
-                        d(n(ue), {
+                        d(i(ue), {
                           color: "secondary",
                           size: "sm",
                           onClick: P[2] || (P[2] = (we) => xe.value = !xe.value)
@@ -9860,7 +9860,7 @@ const ti = {
                       d(rt, { name: "expand" }, {
                         default: _(() => [
                           xe.value ? (a(), o("div", r0, [
-                            d(n(Fe), {
+                            d(i(Fe), {
                               modelValue: ve.newEmail,
                               "onUpdate:modelValue": P[3] || (P[3] = (we) => ve.newEmail = we),
                               type: "email",
@@ -9868,7 +9868,7 @@ const ti = {
                               autocomplete: "email",
                               error: ve.errors.newEmail
                             }, null, 8, ["modelValue", "error"]),
-                            d(n(Fe), {
+                            d(i(Fe), {
                               modelValue: ve.password,
                               "onUpdate:modelValue": P[4] || (P[4] = (we) => ve.password = we),
                               type: "password",
@@ -9876,7 +9876,7 @@ const ti = {
                               autocomplete: "current-password",
                               error: ve.errors.password
                             }, null, 8, ["modelValue", "error"]),
-                            d(n(ue), {
+                            d(i(ue), {
                               color: "secondary",
                               size: "sm",
                               onClick: It,
@@ -9898,7 +9898,7 @@ const ti = {
                           P[16] || (P[16] = e("h4", { class: "profile-field-title" }, "Username", -1)),
                           e("p", d0, R(b.value?.username || "No username set"), 1)
                         ]),
-                        d(n(ue), {
+                        d(i(ue), {
                           color: "secondary",
                           size: "sm",
                           disabled: !Te.canChange || be.value,
@@ -9913,7 +9913,7 @@ const ti = {
                       d(rt, { name: "expand" }, {
                         default: _(() => [
                           Se.value ? (a(), o("div", v0, [
-                            d(n(Fe), {
+                            d(i(Fe), {
                               modelValue: K.username,
                               "onUpdate:modelValue": P[5] || (P[5] = (we) => K.username = we),
                               type: "text",
@@ -9925,7 +9925,7 @@ const ti = {
                               key: 0,
                               class: Me(["profile-availability-message", Ee.available ? "success" : "error"])
                             }, R(Ee.message), 3)) : I("", !0),
-                            d(n(ue), {
+                            d(i(ue), {
                               color: "secondary",
                               size: "sm",
                               onClick: ga,
@@ -9950,7 +9950,7 @@ const ti = {
                           P[18] || (P[18] = e("h4", { class: "profile-field-title" }, "Password", -1)),
                           e("p", h0, "Last updated " + R(Ne.value), 1)
                         ]),
-                        d(n(ue), {
+                        d(i(ue), {
                           color: "secondary",
                           size: "sm",
                           onClick: P[6] || (P[6] = (we) => Ce.value = !Ce.value)
@@ -9964,28 +9964,28 @@ const ti = {
                       d(rt, { name: "expand" }, {
                         default: _(() => [
                           Ce.value ? (a(), o("div", g0, [
-                            d(n(Fe), {
+                            d(i(Fe), {
                               modelValue: Ie.current,
                               "onUpdate:modelValue": P[7] || (P[7] = (we) => Ie.current = we),
                               type: "password",
                               placeholder: "Current password",
                               autocomplete: "current-password"
                             }, null, 8, ["modelValue"]),
-                            d(n(Fe), {
+                            d(i(Fe), {
                               modelValue: Ie.new,
                               "onUpdate:modelValue": P[8] || (P[8] = (we) => Ie.new = we),
                               type: "password",
                               placeholder: "New password",
                               autocomplete: "new-password"
                             }, null, 8, ["modelValue"]),
-                            d(n(Fe), {
+                            d(i(Fe), {
                               modelValue: Ie.confirm,
                               "onUpdate:modelValue": P[9] || (P[9] = (we) => Ie.confirm = we),
                               type: "password",
                               placeholder: "Confirm new password",
                               autocomplete: "new-password"
                             }, null, 8, ["modelValue"]),
-                            d(n(ue), {
+                            d(i(ue), {
                               color: "secondary",
                               size: "sm",
                               onClick: Vt,
@@ -10022,7 +10022,7 @@ const ti = {
                             ], 2))), 128))
                           ])) : I("", !0)
                         ]),
-                        d(n(ue), {
+                        d(i(ue), {
                           color: "secondary",
                           size: "sm",
                           class: "profile-toggle-container",
@@ -10044,7 +10044,7 @@ const ti = {
                           ])
                         ]),
                         e("div", _0, [
-                          d(n(ue), {
+                          d(i(ue), {
                             color: "secondary",
                             size: "sm",
                             disabled: _e.value,
@@ -10061,7 +10061,7 @@ const ti = {
                   ])
                 ]),
                 Q.value ? (a(), o("div", T0, [
-                  d(n(ue), {
+                  d(i(ue), {
                     type: "submit",
                     disabled: T.value,
                     loading: T.value
@@ -10071,7 +10071,7 @@ const ti = {
                     ]),
                     _: 1
                   }, 8, ["disabled", "loading"]),
-                  d(n(ue), {
+                  d(i(ue), {
                     color: "secondary",
                     onClick: ra,
                     disabled: T.value
@@ -10124,7 +10124,7 @@ const ti = {
               }, {
                 default: _(() => [
                   e("div", N0, [
-                    d(n(ue), {
+                    d(i(ue), {
                       color: "danger",
                       onClick: ca,
                       disabled: ce.value
@@ -10136,7 +10136,7 @@ const ti = {
                     }, 8, ["disabled"]),
                     d(d4, { onSettingsUpdated: Dt }, {
                       trigger: _(() => [
-                        d(n(ue), {
+                        d(i(ue), {
                           color: "secondary",
                           icon: ""
                         }, {
@@ -10167,12 +10167,12 @@ const ti = {
                       _: 1
                     })
                   ]),
-                  n(w)() ? (a(), o("div", B0, [
+                  i(w)() ? (a(), o("div", B0, [
                     e("p", P0, [
                       P[29] || (P[29] = J(" Need help? ", -1)),
-                      d(n(mt), {
+                      d(i(mt), {
                         variant: "primary",
-                        href: `mailto:${n(w)()}`
+                        href: `mailto:${i(w)()}`
                       }, {
                         default: _(() => [...P[28] || (P[28] = [
                           J(" Contact Support ", -1)
@@ -10209,7 +10209,7 @@ const ti = {
                       ], -1)
                     ])])
                   ]),
-                  d(n(Os), {
+                  d(i(Os), {
                     uploading: ae.value,
                     "preselected-file": ie.value,
                     onUpload: la,
@@ -10258,7 +10258,7 @@ const ti = {
     };
     return (x, S) => (a(), o("div", Z0, [
       e("div", K0, [
-        d(n(_t), {
+        d(i(_t), {
           variant: "modern",
           color: "secondary"
         }, {
@@ -10271,7 +10271,7 @@ const ti = {
               onSubmit: qe(h, ["prevent"]),
               class: "accui-space-y-6"
             }, [
-              d(n(Fe), {
+              d(i(Fe), {
                 id: "email",
                 modelValue: c.email,
                 "onUpdate:modelValue": S[0] || (S[0] = (u) => c.email = u),
@@ -10283,7 +10283,7 @@ const ti = {
                 disabled: V.value || w.value,
                 error: C.value ? "Email address not found" : void 0
               }, null, 8, ["modelValue", "disabled", "error"]),
-              d(n(ue), {
+              d(i(ue), {
                 type: "submit",
                 variant: "primary",
                 "full-width": "",
@@ -10297,13 +10297,13 @@ const ti = {
                 _: 1
               }, 8, ["disabled", "loading"])
             ], 32),
-            w.value ? (a(), ye(n(Et), {
+            w.value ? (a(), ye(i(Et), {
               key: 0,
               variant: "success",
               message: `Check your email - We've sent a password reset link to ${c.email}`,
               class: "accui-mt-6 accui-animate-fade-in"
             }, null, 8, ["message"])) : I("", !0),
-            C.value ? (a(), ye(n(Et), {
+            C.value ? (a(), ye(i(Et), {
               key: 1,
               variant: "error",
               message: C.value,
@@ -10312,7 +10312,7 @@ const ti = {
               onDismiss: S[1] || (S[1] = (u) => C.value = "")
             }, null, 8, ["message"])) : I("", !0),
             e("div", G0, [
-              d(n(mt), {
+              d(i(mt), {
                 onClick: S[2] || (S[2] = (u) => x.$emit("back-to-signin")),
                 class: "accui-inline-flex accui-items-center accui-gap-2"
               }, {
@@ -10339,12 +10339,12 @@ const ti = {
               config: t.config
             }, {
               default: _(() => [
-                n(z)() ? (a(), o("div", Y0, [
+                i(z)() ? (a(), o("div", Y0, [
                   e("p", W0, [
                     S[5] || (S[5] = J(" Need help? ", -1)),
-                    d(n(mt), {
+                    d(i(mt), {
                       variant: "primary",
-                      href: `mailto:${n(z)()}`
+                      href: `mailto:${i(z)()}`
                     }, {
                       default: _(() => [...S[4] || (S[4] = [
                         J(" Contact Support ", -1)
@@ -10372,42 +10372,38 @@ const ti = {
   __name: "SignedIn",
   props: {
     showFallback: { type: Boolean, default: !0 },
-    invert: { type: Boolean, default: !1 },
     inline: { type: Boolean, default: !1 }
   },
   emits: ["sign-in-required"],
   setup(s, { emit: r }) {
-    const t = s, l = t.invert ?? !1, z = H(() => (c.value && !l || !c.value && l) && !m.value), V = H(() => (c.value && l || !c.value && !l) && t.showFallback && !m.value), C = r, w = M(!1), { isAuthenticated: c, isInitializing: h, isSigningIn: x, user: S, signOut: u } = ft(), m = H(() => h.value && !x.value || !w.value);
-    Ye(() => {
-      setTimeout(() => {
-        w.value = !0;
-      }, 100);
+    const t = r, l = M(!1), { isAuthenticated: z, isInitializing: V, user: C, signOut: w, initialize: c } = ft(), h = H(() => V.value || !l.value), x = H(() => !h.value && z.value), S = H(() => !h.value && !z.value);
+    Ye(async () => {
+      await c(), l.value = !0;
     });
-    const D = () => {
-      C("sign-in-required");
+    const u = () => {
+      t("sign-in-required");
     };
-    return (U, g) => z.value ? (a(), o("div", {
+    return (m, U) => x.value ? (a(), o("div", {
       key: 0,
       class: Me(["animate-fade-in", s.inline ? "is_inline" : ""])
     }, [
-      Pe(U.$slots, "default", {
-        user: n(S),
-        signOut: n(u),
-        invert: n(l)
+      Pe(m.$slots, "default", {
+        user: i(C),
+        signOut: i(w)
       }, void 0, !0)
-    ], 2)) : V.value ? (a(), o("div", X0, [
-      Pe(U.$slots, "fallback", { signIn: D }, () => [
+    ], 2)) : S.value && s.showFallback ? (a(), o("div", X0, [
+      Pe(m.$slots, "fallback", { signIn: u }, () => [
         e("div", { class: "signed-in-fallback" }, [
-          g[0] || (g[0] = Qt('<div class="signed-in-icon-container" data-v-f5c1d7c2><svg class="signed-in-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-v-f5c1d7c2><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-f5c1d7c2></path></svg></div><h3 class="signed-in-title" data-v-f5c1d7c2>Sign in required</h3><p class="signed-in-subtitle" data-v-f5c1d7c2>You need to be signed in to access this content.</p>', 3)),
+          U[0] || (U[0] = Qt('<div class="signed-in-icon-container" data-v-91532ed4><svg class="signed-in-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-v-91532ed4><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-91532ed4></path></svg></div><h3 class="signed-in-title" data-v-91532ed4>Sign in required</h3><p class="signed-in-subtitle" data-v-91532ed4>You need to be signed in to access this content.</p>', 3)),
           e("button", {
-            onClick: D,
+            onClick: u,
             class: "signed-in-button"
           }, " Sign in ")
         ])
       ], !0)
-    ])) : m.value ? (a(), o("div", J0, [
-      Pe(U.$slots, "loading", {}, () => [
-        d(n(ht), {
+    ])) : h.value ? (a(), o("div", J0, [
+      Pe(m.$slots, "loading", {}, () => [
+        d(i(ht), {
           size: 30,
           variant: "circle",
           "show-particles": !0
@@ -10415,7 +10411,7 @@ const ti = {
       ], !0)
     ])) : I("", !0);
   }
-}), tc = /* @__PURE__ */ Ue(ec, [["__scopeId", "data-v-f5c1d7c2"]]), Cu = /* @__PURE__ */ Ve({
+}), tc = /* @__PURE__ */ Ue(ec, [["__scopeId", "data-v-91532ed4"]]), Cu = /* @__PURE__ */ Ve({
   __name: "StrandsConfigProvider",
   props: {
     config: {}
@@ -10584,7 +10580,7 @@ const ti = {
   },
   emits: ["profile-updated", "signed-out", "signed-in"],
   setup(s, { emit: r }) {
-    const t = s, l = r, { currentUser: z, signOut: V, isAuthenticated: C } = ft(), w = M(!1), c = M(!1), h = M(!1), x = M(), S = M(), u = M(), m = H(() => S.value), { floatingStyle: D, updatePosition: U } = ja({
+    const t = s, l = r, { currentUser: z, signOut: V, isAuthenticated: C } = ft(), w = M(!1), c = M(!1), h = M(!1), x = M(), S = M(), u = M(), m = H(() => S.value), { floatingStyle: U, updatePosition: D } = ja({
       trigger: m,
       floating: u,
       placement: "bottom-end",
@@ -10631,7 +10627,7 @@ const ti = {
       }
     }), y = H(() => t.user ? t.user : C.value ? z.value : null), L = H(() => y.value ? y.value.username ? y.value.username : y.value.firstName && y.value.lastName ? `${y.value.firstName} ${y.value.lastName}` : y.value.firstName ? y.value.firstName : y.value.email || "User" : "User"), F = () => {
       w.value = !w.value, w.value && yt(() => {
-        U();
+        D();
       });
     }, $ = () => {
       w.value = !0;
@@ -10667,7 +10663,7 @@ const ti = {
         invert: !!t.user
       }, {
         fallback: _(() => [
-          d(n(ue), {
+          d(i(ue), {
             onClick: xe,
             "aria-label": "Sign in"
           }, {
@@ -10691,13 +10687,13 @@ const ti = {
             ]),
             _: 1
           }),
-          d(n(pt), {
+          d(i(pt), {
             modelValue: h.value,
             "onUpdate:modelValue": W[1] || (W[1] = (Z) => h.value = Z)
           }, {
             default: _(() => [
               e("div", Mc, [
-                d(n(Ai), {
+                d(i(Ai), {
                   onSignedIn: Ae,
                   onError: Se,
                   "redirect-url": s.redirectUrl,
@@ -10734,7 +10730,7 @@ const ti = {
             "aria-label": "User menu"
           }, [
             e("div", oc, [
-              d(n(Sa), {
+              d(i(Sa), {
                 size: N.value,
                 value: y.value?.xp || 0,
                 max: y.value?.next_level_xp || 100,
@@ -10788,7 +10784,7 @@ const ti = {
             ref: S,
             class: Me(["user-button-wrapper", { "full-width": s.fullWidth }])
           }, [
-            d(n(ue), {
+            d(i(ue), {
               color: "secondary",
               size: s.size,
               active: w.value,
@@ -10853,7 +10849,7 @@ const ti = {
               ref_key: "dropdownRef",
               ref: u,
               class: "strands-user-dropdown",
-              style: je(n(D)),
+              style: je(i(U)),
               role: "menu",
               "aria-orientation": "vertical",
               onKeydown: [
@@ -10867,7 +10863,7 @@ const ti = {
               e("div", fc, [
                 s.variant !== "mini-profile" ? (a(), o("div", mc, [
                   y.value ? (a(), o("div", hc, [
-                    d(n(Sa), {
+                    d(i(Sa), {
                       size: 80,
                       value: y.value.xp,
                       max: y.value.next_level_xp,
@@ -10904,9 +10900,9 @@ const ti = {
                 ])) : I("", !0),
                 Pe(ne.$slots, "default", {}, void 0, !0),
                 s.variant !== "mini-profile" ? (a(), o("div", bc)) : I("", !0),
-                d(n(pa), null, {
+                d(i(pa), null, {
                   default: _(() => [
-                    d(n(pa).Item, {
+                    d(i(pa).Item, {
                       color: "secondary",
                       onClick: ae
                     }, {
@@ -10915,7 +10911,7 @@ const ti = {
                       ])]),
                       _: 1
                     }),
-                    d(n(pa).Item, {
+                    d(i(pa).Item, {
                       color: "danger",
                       onClick: be
                     }, {
@@ -10930,12 +10926,12 @@ const ti = {
               ])
             ], 44, pc)) : I("", !0)
           ])),
-          d(n(pt), {
+          d(i(pt), {
             modelValue: c.value,
             "onUpdate:modelValue": W[0] || (W[0] = (Z) => c.value = Z)
           }, {
             default: _(() => [
-              d(n(q0), {
+              d(i(q0), {
                 user: y.value,
                 onProfileUpdated: ce,
                 onError: Ce,
@@ -11021,8 +11017,8 @@ const ti = {
     }), c = () => {
       try {
         const m = t.default?.();
-        return m ? m.map((D) => typeof D.children == "string" ? D.children : D.children && Array.isArray(D.children) ? D.children.map(
-          (U) => typeof U == "string" ? U : ""
+        return m ? m.map((U) => typeof U.children == "string" ? U.children : U.children && Array.isArray(U.children) ? U.children.map(
+          (D) => typeof D == "string" ? D : ""
         ).join("") : "").join("").trim() : "";
       } catch {
         return "";
@@ -11034,12 +11030,12 @@ const ti = {
     ], x = () => {
       r.disabled;
     }, S = (m) => {
-      const D = {
+      const U = {
         dashboard: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6",
         settings: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z M15 12a3 3 0 11-6 0 3 3 0 016 0z",
         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 D[m] || D.dashboard;
+      return U[m] || U.dashboard;
     }, u = H(() => ({
       id: V.value,
       label: c(),
@@ -11055,7 +11051,7 @@ const ti = {
       z && z(V.value);
     }), Le(() => [r.to, r.icon, r.disabled], () => {
       l && l(u.value);
-    }, { deep: !0 }), (m, D) => (a(), ye(n(ue), {
+    }, { deep: !0 }), (m, U) => (a(), ye(i(ue), {
       to: r.to,
       onClick: x,
       class: Me(h()),
@@ -11119,14 +11115,14 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
         end: Math.min(t.items.length - 1, m + t.overscan)
       };
     }), C = H(() => {
-      const { start: u, end: m } = V.value, D = [];
-      for (let U = u; U <= m; U++)
-        D.push({
-          index: U,
-          data: t.items[U],
-          top: U * t.itemHeight
+      const { start: u, end: m } = V.value, U = [];
+      for (let D = u; D <= m; D++)
+        U.push({
+          index: D,
+          data: t.items[D],
+          top: D * t.itemHeight
         });
-      return D;
+      return U;
     }), w = H(() => t.items.length * t.itemHeight), c = (u) => typeof t.itemKey == "function" ? t.itemKey(u) : u[t.itemKey] || u.id || Math.random();
     let h = null;
     const x = (u) => {
@@ -11140,8 +11136,8 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
     }), r({
       scrollToItem: (u, m = "start") => {
         if (!l.value) return;
-        let D = u * t.itemHeight;
-        m === "center" ? D -= t.containerHeight / 2 - t.itemHeight / 2 : m === "end" && (D -= t.containerHeight - t.itemHeight), l.value.scrollTop = Math.max(0, D);
+        let U = u * t.itemHeight;
+        m === "center" ? U -= t.containerHeight / 2 - t.itemHeight / 2 : m === "end" && (U -= t.containerHeight - t.itemHeight), l.value.scrollTop = Math.max(0, U);
       }
     }), (u, m) => (a(), o("div", {
       ref_key: "scrollContainer",
@@ -11153,21 +11149,21 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
       e("div", {
         style: je({ height: w.value + "px", position: "relative" })
       }, [
-        (a(!0), o(De, null, Ze(C.value, (D) => (a(), o("div", {
-          key: c(D.data),
+        (a(!0), o(De, null, Ze(C.value, (U) => (a(), o("div", {
+          key: c(U.data),
           style: je({
             position: "absolute",
-            top: D.top + "px",
+            top: U.top + "px",
             left: 0,
             right: 0,
             height: s.itemHeight + "px"
           })
         }, [
           Pe(u.$slots, "default", {
-            item: D.data,
-            index: D.index
+            item: U.data,
+            index: U.index
           }, () => [
-            e("div", Ic, R(JSON.stringify(D.data)), 1)
+            e("div", Ic, R(JSON.stringify(U.data)), 1)
           ], !0)
         ], 4))), 128))
       ], 4)
@@ -11278,7 +11274,7 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
       set: (O) => {
         O || w("close");
       }
-    }), m = M(!1), D = M(!1), U = M(!1), g = M(!1);
+    }), m = M(!1), U = M(!1), D = M(!1), g = M(!1);
     Le(() => C.show, async (O) => {
       O && await S();
     }), Ye(async () => {
@@ -11289,11 +11285,11 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
     }, y = () => {
       m.value = !0;
     }, L = () => {
-      D.value = !0;
+      U.value = !0;
     }, F = () => {
       g.value = !0;
     }, $ = async () => {
-      m.value = !1, D.value = !1, U.value = !1, await S(), w("success");
+      m.value = !1, U.value = !1, D.value = !1, await S(), w("success");
     }, k = async () => {
       await S();
     };
@@ -11311,17 +11307,17 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
             ], -1)),
             e("div", Uc, [
               e("span", {
-                class: Me(["mfa-setup-status-badge", n(c) || n(x).length > 0 ? "mfa-setup-status-enabled" : "mfa-setup-status-disabled"])
-              }, R(n(c) || n(x).length > 0 ? "Enabled" : "Not Enabled"), 3)
+                class: Me(["mfa-setup-status-badge", i(c) || i(x).length > 0 ? "mfa-setup-status-enabled" : "mfa-setup-status-disabled"])
+              }, R(i(c) || i(x).length > 0 ? "Enabled" : "Not Enabled"), 3)
             ])
           ])
         ]),
         footer: _(() => [
           e("div", Qc, [
-            d(n(ue), {
+            d(i(ue), {
               variant: "secondary",
               onClick: N,
-              disabled: n(h)
+              disabled: i(h)
             }, {
               default: _(() => [...q[15] || (q[15] = [
                 J(" Cancel ", -1)
@@ -11332,11 +11328,11 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
         ]),
         default: _(() => [
           e("div", Dc, [
-            n(h) ? (a(), o("div", Nc, [
-              d(n(ht), { size: 32 }),
+            i(h) ? (a(), o("div", Nc, [
+              d(i(ht), { size: 32 }),
               q[6] || (q[6] = e("span", { class: "mfa-setup-loading-text" }, "Loading MFA settings...", -1))
             ])) : (a(), o("div", Bc, [
-              n(c) || n(x).length > 0 ? (a(), o("div", Pc, [
+              i(c) || i(x).length > 0 ? (a(), o("div", Pc, [
                 e("div", jc, [
                   e("div", Oc, [
                     d(z, {
@@ -11368,11 +11364,11 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
                         e("h4", { class: "mfa-setup-method-title" }, "Authenticator App"),
                         e("p", { class: "mfa-setup-method-description" }, "Use Google Authenticator, Authy, or any TOTP-compatible app to generate secure codes")
                       ], -1)),
-                      d(n(ue), {
+                      d(i(ue), {
                         variant: "primary",
                         size: "md",
                         onClick: qe(y, ["stop"]),
-                        disabled: n(h),
+                        disabled: i(h),
                         class: "mfa-setup-method-button"
                       }, {
                         default: _(() => [...q[8] || (q[8] = [
@@ -11397,11 +11393,11 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
                         e("h4", { class: "mfa-setup-method-title" }, "Email Verification"),
                         e("p", { class: "mfa-setup-method-description" }, "Receive verification codes directly in your email inbox for easy access")
                       ], -1)),
-                      d(n(ue), {
+                      d(i(ue), {
                         variant: "primary",
                         size: "md",
                         onClick: qe(L, ["stop"]),
-                        disabled: n(h),
+                        disabled: i(h),
                         class: "mfa-setup-method-button"
                       }, {
                         default: _(() => [...q[10] || (q[10] = [
@@ -11413,17 +11409,17 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
                   ])
                 ])
               ]),
-              n(x).length > 0 ? (a(), o("div", Gc, [
+              i(x).length > 0 ? (a(), o("div", Gc, [
                 e("div", Yc, [
                   e("div", null, [
                     q[13] || (q[13] = e("h3", { class: "mfa-setup-manage-title" }, "Manage Existing Methods", -1)),
-                    e("p", Wc, R(n(x).length) + " device(s) currently active", 1)
+                    e("p", Wc, R(i(x).length) + " device(s) currently active", 1)
                   ]),
-                  d(n(ue), {
+                  d(i(ue), {
                     variant: "secondary",
                     size: "md",
                     onClick: F,
-                    disabled: n(h)
+                    disabled: i(h)
                   }, {
                     default: _(() => [
                       d(V, {
@@ -11447,16 +11443,16 @@ const Ic = { class: "accui-p-2 accui-border-b" }, Lc = /* @__PURE__ */ Ve({
         onClose: q[1] || (q[1] = (b) => m.value = !1),
         onSuccess: $
       }, null, 8, ["show"])) : I("", !0),
-      D.value ? (a(), ye(Ga, {
+      U.value ? (a(), ye(Ga, {
         key: 1,
-        show: D.value,
-        onClose: q[2] || (q[2] = (b) => D.value = !1),
+        show: U.value,
+        onClose: q[2] || (q[2] = (b) => U.value = !1),
         onSuccess: $
       }, null, 8, ["show"])) : I("", !0),
-      U.value ? (a(), ye(Aa, {
+      D.value ? (a(), ye(Aa, {
         key: 2,
-        show: U.value,
-        onClose: q[3] || (q[3] = (b) => U.value = !1),
+        show: D.value,
+        onClose: q[3] || (q[3] = (b) => D.value = !1),
         onSuccess: $
       }, null, 8, ["show"])) : I("", !0),
       g.value ? (a(), ye(Ya, {
@@ -11473,15 +11469,15 @@ function Zt() {
     const {
       autoRefresh: u = !0,
       requireAuth: m = !0,
-      baseURL: D,
-      ...U
+      baseURL: U,
+      ...D
     } = S;
     if (m && !r.value?.accessToken)
       throw new Error("User is not authenticated");
     let g = x;
-    const N = D || s.value.baseUrl;
+    const N = U || s.value.baseUrl;
     N && typeof x == "string" && !x.startsWith("http") && (g = new URL(x, N).toString());
-    const y = new Headers(U.headers);
+    const y = new Headers(D.headers);
     if (r.value?.accessToken)
       try {
         const $ = l();
@@ -11493,7 +11489,7 @@ function Zt() {
           throw $;
       }
     const L = {
-      ...U,
+      ...D,
       headers: y
     };
     let F = await fetch(g, L);