@roku-ui/vue 0.19.0 → 0.20.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as W, openBlock as w, createElementBlock as A, normalizeStyle as P, renderSlot as L, computed as m, shallowRef as Ye, ref as M, watch as Q, isRef as St, getCurrentScope as er, onScopeDispose as tr, unref as h, onMounted as he, nextTick as dt, customRef as Mr, getCurrentInstance as et, readonly as kt, reactive as Fe, watchEffect as de, onUpdated as Ar, inject as $e, createBlock as G, resolveDynamicComponent as xe, mergeProps as Z, Fragment as J, createTextVNode as Ze, toDisplayString as ne, createCommentVNode as F, normalizeClass as D, withCtx as ee, mergeModels as re, useModel as ie, renderList as fe, createElementVNode as O, useAttrs as rr, withDirectives as ft, vModelText as Hr, createVNode as U, provide as Re, Teleport as nr, Transition as We, useSlots as vt, resolveComponent as Tr, TransitionGroup as Rr, vModelDynamic as Ir, withModifiers as lr, withKeys as yt, vModelCheckbox as Er, vShow as zr, h as Lt } from "vue";
+import { defineComponent as W, openBlock as x, createElementBlock as A, normalizeStyle as P, renderSlot as L, computed as m, shallowRef as Ye, ref as M, watch as Z, isRef as St, getCurrentScope as er, onScopeDispose as tr, unref as p, onMounted as he, nextTick as dt, customRef as Mr, getCurrentInstance as et, readonly as kt, reactive as Fe, watchEffect as de, onUpdated as Ar, inject as $e, createBlock as G, resolveDynamicComponent as xe, mergeProps as Q, Fragment as J, createTextVNode as Ze, toDisplayString as ne, createCommentVNode as F, normalizeClass as D, withCtx as ee, mergeModels as re, useModel as ie, renderList as fe, createElementVNode as O, useAttrs as rr, withDirectives as ft, vModelText as Hr, createVNode as U, provide as Re, Teleport as nr, Transition as We, useSlots as vt, resolveComponent as Tr, TransitionGroup as Rr, vModelDynamic as Ir, withModifiers as lr, withKeys as yt, vModelCheckbox as Er, vShow as zr, h as Lt } from "vue";
 const qa = /* @__PURE__ */ W({
   __name: "AspectRatio",
   props: {
@@ -9,7 +9,7 @@ const qa = /* @__PURE__ */ W({
     maxHeight: {}
   },
   setup(e) {
-    return (r, t) => (w(), A("div", {
+    return (r, t) => (x(), A("div", {
       style: P({
         "--ar-ratio": r.ratio,
         width: r.width,
@@ -64,8 +64,8 @@ E.prototype = {
     return (r.r * 299 + r.g * 587 + r.b * 114) / 1e3;
   },
   getLuminance: function() {
-    var r = this.toRgb(), t, n, a, l, i, s;
-    return t = r.r / 255, n = r.g / 255, a = r.b / 255, t <= 0.03928 ? l = t / 12.92 : l = Math.pow((t + 0.055) / 1.055, 2.4), n <= 0.03928 ? i = n / 12.92 : i = Math.pow((n + 0.055) / 1.055, 2.4), a <= 0.03928 ? s = a / 12.92 : s = Math.pow((a + 0.055) / 1.055, 2.4), 0.2126 * l + 0.7152 * i + 0.0722 * s;
+    var r = this.toRgb(), t, n, l, a, i, s;
+    return t = r.r / 255, n = r.g / 255, l = r.b / 255, t <= 0.03928 ? a = t / 12.92 : a = Math.pow((t + 0.055) / 1.055, 2.4), n <= 0.03928 ? i = n / 12.92 : i = Math.pow((n + 0.055) / 1.055, 2.4), l <= 0.03928 ? s = l / 12.92 : s = Math.pow((l + 0.055) / 1.055, 2.4), 0.2126 * a + 0.7152 * i + 0.0722 * s;
   },
   setAlpha: function(r) {
     return this._a = ar(r), this._roundA = Math.round(100 * this._a) / 100, this;
@@ -80,8 +80,8 @@ E.prototype = {
     };
   },
   toHsvString: function() {
-    var r = Wt(this._r, this._g, this._b), t = Math.round(r.h * 360), n = Math.round(r.s * 100), a = Math.round(r.v * 100);
-    return this._a == 1 ? "hsv(" + t + ", " + n + "%, " + a + "%)" : "hsva(" + t + ", " + n + "%, " + a + "%, " + this._roundA + ")";
+    var r = Wt(this._r, this._g, this._b), t = Math.round(r.h * 360), n = Math.round(r.s * 100), l = Math.round(r.v * 100);
+    return this._a == 1 ? "hsv(" + t + ", " + n + "%, " + l + "%)" : "hsva(" + t + ", " + n + "%, " + l + "%, " + this._roundA + ")";
   },
   toHsl: function() {
     var r = Ft(this._r, this._g, this._b);
@@ -93,8 +93,8 @@ E.prototype = {
     };
   },
   toHslString: function() {
-    var r = Ft(this._r, this._g, this._b), t = Math.round(r.h * 360), n = Math.round(r.s * 100), a = Math.round(r.l * 100);
-    return this._a == 1 ? "hsl(" + t + ", " + n + "%, " + a + "%)" : "hsla(" + t + ", " + n + "%, " + a + "%, " + this._roundA + ")";
+    var r = Ft(this._r, this._g, this._b), t = Math.round(r.h * 360), n = Math.round(r.s * 100), l = Math.round(r.l * 100);
+    return this._a == 1 ? "hsl(" + t + ", " + n + "%, " + l + "%)" : "hsla(" + t + ", " + n + "%, " + l + "%, " + this._roundA + ")";
   },
   toHex: function(r) {
     return Nt(this._r, this._g, this._b, r);
@@ -134,18 +134,18 @@ E.prototype = {
     return this._a === 0 ? "transparent" : this._a < 1 ? !1 : Qr[Nt(this._r, this._g, this._b, !0)] || !1;
   },
   toFilter: function(r) {
-    var t = "#" + jt(this._r, this._g, this._b, this._a), n = t, a = this._gradientType ? "GradientType = 1, " : "";
+    var t = "#" + jt(this._r, this._g, this._b, this._a), n = t, l = this._gradientType ? "GradientType = 1, " : "";
     if (r) {
-      var l = E(r);
-      n = "#" + jt(l._r, l._g, l._b, l._a);
+      var a = E(r);
+      n = "#" + jt(a._r, a._g, a._b, a._a);
     }
-    return "progid:DXImageTransform.Microsoft.gradient(" + a + "startColorstr=" + t + ",endColorstr=" + n + ")";
+    return "progid:DXImageTransform.Microsoft.gradient(" + l + "startColorstr=" + t + ",endColorstr=" + n + ")";
   },
   toString: function(r) {
     var t = !!r;
     r = r || this._format;
-    var n = !1, a = this._a < 1 && this._a >= 0, l = !t && a && (r === "hex" || r === "hex6" || r === "hex3" || r === "hex4" || r === "hex8" || r === "name");
-    return l ? r === "name" && this._a === 0 ? this.toName() : this.toRgbString() : (r === "rgb" && (n = this.toRgbString()), r === "prgb" && (n = this.toPercentageRgbString()), (r === "hex" || r === "hex6") && (n = this.toHexString()), r === "hex3" && (n = this.toHexString(!0)), r === "hex4" && (n = this.toHex8String(!0)), r === "hex8" && (n = this.toHex8String()), r === "name" && (n = this.toName()), r === "hsl" && (n = this.toHslString()), r === "hsv" && (n = this.toHsvString()), n || this.toHexString());
+    var n = !1, l = this._a < 1 && this._a >= 0, a = !t && l && (r === "hex" || r === "hex6" || r === "hex3" || r === "hex4" || r === "hex8" || r === "name");
+    return a ? r === "name" && this._a === 0 ? this.toName() : this.toRgbString() : (r === "rgb" && (n = this.toRgbString()), r === "prgb" && (n = this.toPercentageRgbString()), (r === "hex" || r === "hex6") && (n = this.toHexString()), r === "hex3" && (n = this.toHexString(!0)), r === "hex4" && (n = this.toHex8String(!0)), r === "hex8" && (n = this.toHex8String()), r === "name" && (n = this.toName()), r === "hsl" && (n = this.toHslString()), r === "hsv" && (n = this.toHsvString()), n || this.toHexString());
   },
   clone: function() {
     return E(this.toString());
@@ -215,8 +215,8 @@ function Dr(e) {
     r: 0,
     g: 0,
     b: 0
-  }, t = 1, n = null, a = null, l = null, i = !1, s = !1;
-  return typeof e == "string" && (e = nn(e)), it(e) == "object" && (_e(e.r) && _e(e.g) && _e(e.b) ? (r = Pr(e.r, e.g, e.b), i = !0, s = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : _e(e.h) && _e(e.s) && _e(e.v) ? (n = Je(e.s), a = Je(e.v), r = Lr(e.h, n, a), i = !0, s = "hsv") : _e(e.h) && _e(e.s) && _e(e.l) && (n = Je(e.s), l = Je(e.l), r = Or(e.h, n, l), i = !0, s = "hsl"), e.hasOwnProperty("a") && (t = e.a)), t = ar(t), {
+  }, t = 1, n = null, l = null, a = null, i = !1, s = !1;
+  return typeof e == "string" && (e = nn(e)), it(e) == "object" && (_e(e.r) && _e(e.g) && _e(e.b) ? (r = Pr(e.r, e.g, e.b), i = !0, s = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : _e(e.h) && _e(e.s) && _e(e.v) ? (n = Je(e.s), l = Je(e.v), r = Lr(e.h, n, l), i = !0, s = "hsv") : _e(e.h) && _e(e.s) && _e(e.l) && (n = Je(e.s), a = Je(e.l), r = Or(e.h, n, a), i = !0, s = "hsl"), e.hasOwnProperty("a") && (t = e.a)), t = ar(t), {
     ok: i,
     format: e.format || s,
     r: Math.min(255, Math.max(r.r, 0)),
@@ -234,76 +234,76 @@ function Pr(e, r, t) {
 }
 function Ft(e, r, t) {
   e = q(e, 255), r = q(r, 255), t = q(t, 255);
-  var n = Math.max(e, r, t), a = Math.min(e, r, t), l, i, s = (n + a) / 2;
-  if (n == a)
-    l = i = 0;
+  var n = Math.max(e, r, t), l = Math.min(e, r, t), a, i, s = (n + l) / 2;
+  if (n == l)
+    a = i = 0;
   else {
-    var o = n - a;
-    switch (i = s > 0.5 ? o / (2 - n - a) : o / (n + a), n) {
+    var o = n - l;
+    switch (i = s > 0.5 ? o / (2 - n - l) : o / (n + l), n) {
       case e:
-        l = (r - t) / o + (r < t ? 6 : 0);
+        a = (r - t) / o + (r < t ? 6 : 0);
         break;
       case r:
-        l = (t - e) / o + 2;
+        a = (t - e) / o + 2;
         break;
       case t:
-        l = (e - r) / o + 4;
+        a = (e - r) / o + 4;
         break;
     }
-    l /= 6;
+    a /= 6;
   }
   return {
-    h: l,
+    h: a,
     s: i,
     l: s
   };
 }
 function Or(e, r, t) {
-  var n, a, l;
+  var n, l, a;
   e = q(e, 360), r = q(r, 100), t = q(t, 100);
   function i(c, d, u) {
     return u < 0 && (u += 1), u > 1 && (u -= 1), u < 1 / 6 ? c + (d - c) * 6 * u : u < 1 / 2 ? d : u < 2 / 3 ? c + (d - c) * (2 / 3 - u) * 6 : c;
   }
   if (r === 0)
-    n = a = l = t;
+    n = l = a = t;
   else {
     var s = t < 0.5 ? t * (1 + r) : t + r - t * r, o = 2 * t - s;
-    n = i(o, s, e + 1 / 3), a = i(o, s, e), l = i(o, s, e - 1 / 3);
+    n = i(o, s, e + 1 / 3), l = i(o, s, e), a = i(o, s, e - 1 / 3);
   }
   return {
     r: n * 255,
-    g: a * 255,
-    b: l * 255
+    g: l * 255,
+    b: a * 255
   };
 }
 function Wt(e, r, t) {
   e = q(e, 255), r = q(r, 255), t = q(t, 255);
-  var n = Math.max(e, r, t), a = Math.min(e, r, t), l, i, s = n, o = n - a;
-  if (i = n === 0 ? 0 : o / n, n == a)
-    l = 0;
+  var n = Math.max(e, r, t), l = Math.min(e, r, t), a, i, s = n, o = n - l;
+  if (i = n === 0 ? 0 : o / n, n == l)
+    a = 0;
   else {
     switch (n) {
       case e:
-        l = (r - t) / o + (r < t ? 6 : 0);
+        a = (r - t) / o + (r < t ? 6 : 0);
         break;
       case r:
-        l = (t - e) / o + 2;
+        a = (t - e) / o + 2;
         break;
       case t:
-        l = (e - r) / o + 4;
+        a = (e - r) / o + 4;
         break;
     }
-    l /= 6;
+    a /= 6;
   }
   return {
-    h: l,
+    h: a,
     s: i,
     v: s
   };
 }
 function Lr(e, r, t) {
   e = q(e, 360) * 6, r = q(r, 100), t = q(t, 100);
-  var n = Math.floor(e), a = e - n, l = t * (1 - r), i = t * (1 - a * r), s = t * (1 - (1 - a) * r), o = n % 6, c = [t, i, l, l, s, t][o], d = [s, t, t, i, l, l][o], u = [l, l, s, t, t, i][o];
+  var n = Math.floor(e), l = e - n, a = t * (1 - r), i = t * (1 - l * r), s = t * (1 - (1 - l) * r), o = n % 6, c = [t, i, a, a, s, t][o], d = [s, t, t, i, a, a][o], u = [a, a, s, t, t, i][o];
   return {
     r: c * 255,
     g: d * 255,
@@ -311,16 +311,16 @@ function Lr(e, r, t) {
   };
 }
 function Nt(e, r, t, n) {
-  var a = [be(Math.round(e).toString(16)), be(Math.round(r).toString(16)), be(Math.round(t).toString(16))];
-  return n && a[0].charAt(0) == a[0].charAt(1) && a[1].charAt(0) == a[1].charAt(1) && a[2].charAt(0) == a[2].charAt(1) ? a[0].charAt(0) + a[1].charAt(0) + a[2].charAt(0) : a.join("");
+  var l = [be(Math.round(e).toString(16)), be(Math.round(r).toString(16)), be(Math.round(t).toString(16))];
+  return n && l[0].charAt(0) == l[0].charAt(1) && l[1].charAt(0) == l[1].charAt(1) && l[2].charAt(0) == l[2].charAt(1) ? l[0].charAt(0) + l[1].charAt(0) + l[2].charAt(0) : l.join("");
 }
-function Fr(e, r, t, n, a) {
-  var l = [be(Math.round(e).toString(16)), be(Math.round(r).toString(16)), be(Math.round(t).toString(16)), be(or(n))];
-  return a && l[0].charAt(0) == l[0].charAt(1) && l[1].charAt(0) == l[1].charAt(1) && l[2].charAt(0) == l[2].charAt(1) && l[3].charAt(0) == l[3].charAt(1) ? l[0].charAt(0) + l[1].charAt(0) + l[2].charAt(0) + l[3].charAt(0) : l.join("");
+function Fr(e, r, t, n, l) {
+  var a = [be(Math.round(e).toString(16)), be(Math.round(r).toString(16)), be(Math.round(t).toString(16)), be(or(n))];
+  return l && a[0].charAt(0) == a[0].charAt(1) && a[1].charAt(0) == a[1].charAt(1) && a[2].charAt(0) == a[2].charAt(1) && a[3].charAt(0) == a[3].charAt(1) ? a[0].charAt(0) + a[1].charAt(0) + a[2].charAt(0) + a[3].charAt(0) : a.join("");
 }
 function jt(e, r, t, n) {
-  var a = [be(or(n)), be(Math.round(e).toString(16)), be(Math.round(r).toString(16)), be(Math.round(t).toString(16))];
-  return a.join("");
+  var l = [be(or(n)), be(Math.round(e).toString(16)), be(Math.round(r).toString(16)), be(Math.round(t).toString(16))];
+  return l.join("");
 }
 E.equals = function(e, r) {
   return !e || !r ? !1 : E(e).toRgbString() == E(r).toRgbString();
@@ -371,9 +371,9 @@ function qr(e) {
 function Xt(e, r) {
   if (isNaN(r) || r <= 0)
     throw new Error("Argument to polyad must be a positive number");
-  for (var t = E(e).toHsl(), n = [E(e)], a = 360 / r, l = 1; l < r; l++)
+  for (var t = E(e).toHsl(), n = [E(e)], l = 360 / r, a = 1; a < r; a++)
     n.push(E({
-      h: (t.h + l * a) % 360,
+      h: (t.h + a * l) % 360,
       s: t.s,
       l: t.l
     }));
@@ -393,28 +393,28 @@ function Kr(e) {
 }
 function Jr(e, r, t) {
   r = r || 6, t = t || 30;
-  var n = E(e).toHsl(), a = 360 / t, l = [E(e)];
-  for (n.h = (n.h - (a * r >> 1) + 720) % 360; --r; )
-    n.h = (n.h + a) % 360, l.push(E(n));
-  return l;
+  var n = E(e).toHsl(), l = 360 / t, a = [E(e)];
+  for (n.h = (n.h - (l * r >> 1) + 720) % 360; --r; )
+    n.h = (n.h + l) % 360, a.push(E(n));
+  return a;
 }
 function Zr(e, r) {
   r = r || 6;
-  for (var t = E(e).toHsv(), n = t.h, a = t.s, l = t.v, i = [], s = 1 / r; r--; )
+  for (var t = E(e).toHsv(), n = t.h, l = t.s, a = t.v, i = [], s = 1 / r; r--; )
     i.push(E({
       h: n,
-      s: a,
-      v: l
-    })), l = (l + s) % 1;
+      s: l,
+      v: a
+    })), a = (a + s) % 1;
   return i;
 }
 E.mix = function(e, r, t) {
   t = t === 0 ? 0 : t || 50;
-  var n = E(e).toRgb(), a = E(r).toRgb(), l = t / 100, i = {
-    r: (a.r - n.r) * l + n.r,
-    g: (a.g - n.g) * l + n.g,
-    b: (a.b - n.b) * l + n.b,
-    a: (a.a - n.a) * l + n.a
+  var n = E(e).toRgb(), l = E(r).toRgb(), a = t / 100, i = {
+    r: (l.r - n.r) * a + n.r,
+    g: (l.g - n.g) * a + n.g,
+    b: (l.b - n.b) * a + n.b,
+    a: (l.a - n.a) * a + n.a
   };
   return E(i);
 };
@@ -423,26 +423,26 @@ E.readability = function(e, r) {
   return (Math.max(t.getLuminance(), n.getLuminance()) + 0.05) / (Math.min(t.getLuminance(), n.getLuminance()) + 0.05);
 };
 E.isReadable = function(e, r, t) {
-  var n = E.readability(e, r), a, l;
-  switch (l = !1, a = ln(t), a.level + a.size) {
+  var n = E.readability(e, r), l, a;
+  switch (a = !1, l = ln(t), l.level + l.size) {
     case "AAsmall":
     case "AAAlarge":
-      l = n >= 4.5;
+      a = n >= 4.5;
       break;
     case "AAlarge":
-      l = n >= 3;
+      a = n >= 3;
       break;
     case "AAAsmall":
-      l = n >= 7;
+      a = n >= 7;
       break;
   }
-  return l;
+  return a;
 };
 E.mostReadable = function(e, r, t) {
-  var n = null, a = 0, l, i, s, o;
+  var n = null, l = 0, a, i, s, o;
   t = t || {}, i = t.includeFallbackColors, s = t.level, o = t.size;
   for (var c = 0; c < r.length; c++)
-    l = E.readability(e, r[c]), l > a && (a = l, n = E(r[c]));
+    a = E.readability(e, r[c]), a > l && (l = a, n = E(r[c]));
   return E.isReadable(e, n, {
     level: s,
     size: o
@@ -638,15 +638,15 @@ function Yt(e) {
   return ce(e) / 255;
 }
 var ye = function() {
-  var e = "[-\\+]?\\d+%?", r = "[-\\+]?\\d*\\.\\d+%?", t = "(?:" + r + ")|(?:" + e + ")", n = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?", a = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?";
+  var e = "[-\\+]?\\d+%?", r = "[-\\+]?\\d*\\.\\d+%?", t = "(?:" + r + ")|(?:" + e + ")", n = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?", l = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?";
   return {
     CSS_UNIT: new RegExp(t),
     rgb: new RegExp("rgb" + n),
-    rgba: new RegExp("rgba" + a),
+    rgba: new RegExp("rgba" + l),
     hsl: new RegExp("hsl" + n),
-    hsla: new RegExp("hsla" + a),
+    hsla: new RegExp("hsla" + l),
     hsv: new RegExp("hsv" + n),
-    hsva: new RegExp("hsva" + a),
+    hsva: new RegExp("hsva" + l),
     hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
     hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
     hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
@@ -759,9 +759,9 @@ function Ut(e) {
     get: () => {
       if (typeof e != "number" || e <= 0)
         return Ve.value;
-      const r = Ve.value.reduce((n, a) => {
-        const { position: l } = a;
-        return n[l] || (n[l] = []), n[l].push(a), n;
+      const r = Ve.value.reduce((n, l) => {
+        const { position: a } = l;
+        return n[a] || (n[a] = []), n[a].push(l), n;
       }, {}), t = [];
       for (const n in r)
         t.push(...r[n].slice(-e));
@@ -791,24 +791,24 @@ function sn(e, r = me) {
   return { ...t, colors: t.colors.map((n) => n.toHexString()) };
 }
 function ke(e, r = me) {
-  const t = E(e), n = on(t), a = r.findIndex((i) => i === n), l = r.map((i) => {
+  const t = E(e), n = on(t), l = r.findIndex((i) => i === n), a = r.map((i) => {
     const s = E({ h: t.toHsl().h, s: t.toHsl().s, l: i }), o = 0;
     return t.toHsl().h >= 20 && t.toHsl().h <= 200 && s.darken(2), s.saturate(o * 100), s;
   });
-  return { baseColorIndex: a, colors: l.map((i) => i) };
+  return { baseColorIndex: l, colors: a.map((i) => i) };
 }
 function Ke(e, r = me) {
   return sn(e, r).colors;
 }
 function un(e, r) {
-  let t, n, a;
-  const l = M(!0), i = () => {
-    l.value = !0, a();
+  let t, n, l;
+  const a = M(!0), i = () => {
+    a.value = !0, l();
   };
-  Q(e, i, { flush: "sync" });
-  const s = typeof r == "function" ? r : r.get, o = typeof r == "function" ? void 0 : r.set, c = Mr((d, u) => (n = d, a = u, {
+  Z(e, i, { flush: "sync" });
+  const s = typeof r == "function" ? r : r.get, o = typeof r == "function" ? void 0 : r.set, c = Mr((d, u) => (n = d, l = u, {
     get() {
-      return l.value && (t = s(t), l.value = !1), n(), t;
+      return a.value && (t = s(t), a.value = !1), n(), t;
     },
     set(f) {
       o == null || o(f);
@@ -820,23 +820,23 @@ function Ue(e) {
   return er() ? (tr(e), !0) : !1;
 }
 function Gt() {
-  const e = /* @__PURE__ */ new Set(), r = (a) => {
-    e.delete(a);
+  const e = /* @__PURE__ */ new Set(), r = (l) => {
+    e.delete(l);
   };
   return {
-    on: (a) => {
-      e.add(a);
-      const l = () => r(a);
-      return Ue(l), {
-        off: l
+    on: (l) => {
+      e.add(l);
+      const a = () => r(l);
+      return Ue(a), {
+        off: a
       };
     },
     off: r,
-    trigger: (...a) => Promise.all(Array.from(e).map((l) => l(...a)))
+    trigger: (...l) => Promise.all(Array.from(e).map((a) => a(...l)))
   };
 }
 function K(e) {
-  return typeof e == "function" ? e() : h(e);
+  return typeof e == "function" ? e() : p(e);
 }
 const Me = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -848,42 +848,42 @@ function hn() {
 }
 function _t(e, r) {
   function t(...n) {
-    return new Promise((a, l) => {
-      Promise.resolve(e(() => r.apply(this, n), { fn: r, thisArg: this, args: n })).then(a).catch(l);
+    return new Promise((l, a) => {
+      Promise.resolve(e(() => r.apply(this, n), { fn: r, thisArg: this, args: n })).then(l).catch(a);
     });
   }
   return t;
 }
 const cr = (e) => e();
 function mn(e, r = {}) {
-  let t, n, a = we;
-  const l = (s) => {
-    clearTimeout(s), a(), a = we;
+  let t, n, l = we;
+  const a = (s) => {
+    clearTimeout(s), l(), l = we;
   };
   return (s) => {
     const o = K(e), c = K(r.maxWait);
-    return t && l(t), o <= 0 || c !== void 0 && c <= 0 ? (n && (l(n), n = null), Promise.resolve(s())) : new Promise((d, u) => {
-      a = r.rejectOnCancel ? u : d, c && !n && (n = setTimeout(() => {
-        t && l(t), n = null, d(s());
+    return t && a(t), o <= 0 || c !== void 0 && c <= 0 ? (n && (a(n), n = null), Promise.resolve(s())) : new Promise((d, u) => {
+      l = r.rejectOnCancel ? u : d, c && !n && (n = setTimeout(() => {
+        t && a(t), n = null, d(s());
       }, c)), t = setTimeout(() => {
-        n && l(n), n = null, d(s());
+        n && a(n), n = null, d(s());
       }, o);
     });
   };
 }
 function gn(...e) {
-  let r = 0, t, n = !0, a = we, l, i, s, o, c;
+  let r = 0, t, n = !0, l = we, a, i, s, o, c;
   !St(e[0]) && typeof e[0] == "object" ? { delay: i, trailing: s = !0, leading: o = !0, rejectOnCancel: c = !1 } = e[0] : [i, s = !0, o = !0, c = !1] = e;
   const d = () => {
-    t && (clearTimeout(t), t = void 0, a(), a = we);
+    t && (clearTimeout(t), t = void 0, l(), l = we);
   };
   return (f) => {
-    const g = K(i), C = Date.now() - r, v = () => l = f();
-    return d(), g <= 0 ? (r = Date.now(), v()) : (C > g && (o || !n) ? (r = Date.now(), v()) : s && (l = new Promise((b, x) => {
-      a = c ? x : b, t = setTimeout(() => {
+    const g = K(i), C = Date.now() - r, v = () => a = f();
+    return d(), g <= 0 ? (r = Date.now(), v()) : (C > g && (o || !n) ? (r = Date.now(), v()) : s && (a = new Promise((b, $) => {
+      l = c ? $ : b, t = setTimeout(() => {
         r = Date.now(), n = !0, b(v()), d();
       }, Math.max(0, g - C));
-    })), !o && !t && (t = setTimeout(() => n = !0, g)), n = !1, l);
+    })), !o && !t && (t = setTimeout(() => n = !0, g)), n = !1, a);
   };
 }
 function yn(e = cr) {
@@ -894,10 +894,10 @@ function yn(e = cr) {
   function n() {
     r.value = !0;
   }
-  const a = (...l) => {
-    r.value && e(...l);
+  const l = (...a) => {
+    r.value && e(...a);
   };
-  return { isActive: kt(r), pause: t, resume: n, eventFilter: a };
+  return { isActive: kt(r), pause: t, resume: n, eventFilter: l };
 }
 function bn(e) {
   return et();
@@ -909,42 +909,42 @@ function dr(e, r = 200, t = {}) {
   );
 }
 function wn(e, r = 200, t = {}) {
-  const n = M(e.value), a = dr(() => {
+  const n = M(e.value), l = dr(() => {
     n.value = e.value;
   }, r, t);
-  return Q(e, () => a()), n;
+  return Z(e, () => l()), n;
 }
-function xn(e, r = 200, t = !1, n = !0, a = !1) {
+function xn(e, r = 200, t = !1, n = !0, l = !1) {
   return _t(
-    gn(r, t, n, a),
+    gn(r, t, n, l),
     e
   );
 }
 function Sn(e, r, t = {}) {
   const {
     eventFilter: n = cr,
-    ...a
+    ...l
   } = t;
-  return Q(
+  return Z(
     e,
     _t(
       n,
       r
     ),
-    a
+    l
   );
 }
 function kn(e, r, t = {}) {
   const {
     eventFilter: n,
-    ...a
-  } = t, { eventFilter: l, pause: i, resume: s, isActive: o } = yn(n);
+    ...l
+  } = t, { eventFilter: a, pause: i, resume: s, isActive: o } = yn(n);
   return { stop: Sn(
     e,
     r,
     {
-      ...a,
-      eventFilter: l
+      ...l,
+      eventFilter: a
     }
   ), pause: i, resume: s, isActive: o };
 }
@@ -955,16 +955,16 @@ function _n(e = !1, r = {}) {
   const {
     truthyValue: t = !0,
     falsyValue: n = !1
-  } = r, a = St(e), l = M(e);
+  } = r, l = St(e), a = M(e);
   function i(s) {
     if (arguments.length)
-      return l.value = s, l.value;
+      return a.value = s, a.value;
     {
       const o = K(t);
-      return l.value = l.value === o ? K(n) : o, l.value;
+      return a.value = a.value === o ? K(n) : o, a.value;
     }
   }
-  return a ? i : [l, i];
+  return l ? i : [a, i];
 }
 const se = Me ? window : void 0, $n = Me ? window.document : void 0;
 function oe(e) {
@@ -973,19 +973,19 @@ function oe(e) {
   return (r = t == null ? void 0 : t.$el) != null ? r : t;
 }
 function N(...e) {
-  let r, t, n, a;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, n, a] = e, r = se) : [r, t, n, a] = e, !r)
+  let r, t, n, l;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, n, l] = e, r = se) : [r, t, n, l] = e, !r)
     return we;
   Array.isArray(t) || (t = [t]), Array.isArray(n) || (n = [n]);
-  const l = [], i = () => {
-    l.forEach((d) => d()), l.length = 0;
-  }, s = (d, u, f, g) => (d.addEventListener(u, f, g), () => d.removeEventListener(u, f, g)), o = Q(
-    () => [oe(r), K(a)],
+  const a = [], i = () => {
+    a.forEach((d) => d()), a.length = 0;
+  }, s = (d, u, f, g) => (d.addEventListener(u, f, g), () => d.removeEventListener(u, f, g)), o = Z(
+    () => [oe(r), K(l)],
     ([d, u]) => {
       if (i(), !d)
         return;
       const f = fn(u) ? { ...u } : u;
-      l.push(
+      a.push(
         ...t.flatMap((g) => n.map((C) => s(d, g, C, f)))
       );
     },
@@ -997,17 +997,17 @@ function N(...e) {
 }
 let qt = !1;
 function $t(e, r, t = {}) {
-  const { window: n = se, ignore: a = [], capture: l = !0, detectIframe: i = !1 } = t;
+  const { window: n = se, ignore: l = [], capture: a = !0, detectIframe: i = !1 } = t;
   if (!n)
     return we;
   pn && !qt && (qt = !0, Array.from(n.document.body.children).forEach((v) => v.addEventListener("click", we)), n.document.documentElement.addEventListener("click", we));
   let s = !0;
-  const o = (v) => K(a).some((b) => {
+  const o = (v) => K(l).some((b) => {
     if (typeof b == "string")
-      return Array.from(n.document.querySelectorAll(b)).some((x) => x === v.target || v.composedPath().includes(x));
+      return Array.from(n.document.querySelectorAll(b)).some(($) => $ === v.target || v.composedPath().includes($));
     {
-      const x = oe(b);
-      return x && (v.target === x || v.composedPath().includes(x));
+      const $ = oe(b);
+      return $ && (v.target === $ || v.composedPath().includes($));
     }
   });
   function c(v) {
@@ -1015,8 +1015,8 @@ function $t(e, r, t = {}) {
     return b && b.$.subTree.shapeFlag === 16;
   }
   function d(v, b) {
-    const x = K(v), p = x.$.subTree && x.$.subTree.children;
-    return p == null || !Array.isArray(p) ? !1 : p.some((S) => S.el === b.target || b.composedPath().includes(S.el));
+    const $ = K(v), h = $.$.subTree && $.$.subTree.children;
+    return h == null || !Array.isArray(h) ? !1 : h.some((w) => w.el === b.target || b.composedPath().includes(w.el));
   }
   const u = (v) => {
     const b = oe(e);
@@ -1034,7 +1034,7 @@ function $t(e, r, t = {}) {
       f || (f = !0, setTimeout(() => {
         f = !1;
       }, 0), u(v));
-    }, { passive: !0, capture: l }),
+    }, { passive: !0, capture: a }),
     N(n, "pointerdown", (v) => {
       const b = oe(e);
       s = !o(v) && !!(b && !v.composedPath().includes(b));
@@ -1042,8 +1042,8 @@ function $t(e, r, t = {}) {
     i && N(n, "blur", (v) => {
       setTimeout(() => {
         var b;
-        const x = oe(e);
-        ((b = n.document.activeElement) == null ? void 0 : b.tagName) === "IFRAME" && !(x != null && x.contains(n.document.activeElement)) && r(v);
+        const $ = oe(e);
+        ((b = n.document.activeElement) == null ? void 0 : b.tagName) === "IFRAME" && !($ != null && $.contains(n.document.activeElement)) && r(v);
       }, 0);
     })
   ].filter(Boolean);
@@ -1056,12 +1056,12 @@ function pe(...e) {
   let r, t, n = {};
   e.length === 3 ? (r = e[0], t = e[1], n = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (r = !0, t = e[0], n = e[1]) : (r = e[0], t = e[1]) : (r = !0, t = e[0]);
   const {
-    target: a = se,
-    eventName: l = "keydown",
+    target: l = se,
+    eventName: a = "keydown",
     passive: i = !1,
     dedupe: s = !1
   } = n, o = Cn(r);
-  return N(a, l, (d) => {
+  return N(l, a, (d) => {
     d.repeat && K(s) || o(d) && t(d);
   }, i);
 }
@@ -1076,20 +1076,20 @@ function Ct(e) {
   return m(() => (r.value, !!e()));
 }
 function Mt(e, r, t = {}) {
-  const { window: n = se, ...a } = t;
-  let l;
+  const { window: n = se, ...l } = t;
+  let a;
   const i = Ct(() => n && "MutationObserver" in n), s = () => {
-    l && (l.disconnect(), l = void 0);
+    a && (a.disconnect(), a = void 0);
   }, o = m(() => {
     const f = K(e), g = (Array.isArray(f) ? f : [f]).map(oe).filter(cn);
     return new Set(g);
-  }), c = Q(
+  }), c = Z(
     () => o.value,
     (f) => {
-      s(), i.value && f.size && (l = new MutationObserver(r), f.forEach((g) => l.observe(g, a)));
+      s(), i.value && f.size && (a = new MutationObserver(r), f.forEach((g) => a.observe(g, l)));
     },
     { immediate: !0, flush: "post" }
-  ), d = () => l == null ? void 0 : l.takeRecords(), u = () => {
+  ), d = () => a == null ? void 0 : a.takeRecords(), u = () => {
     c(), s();
   };
   return Ue(u), {
@@ -1102,45 +1102,45 @@ function An(e, r = {}) {
   const {
     immediate: t = !0,
     fpsLimit: n = void 0,
-    window: a = se
-  } = r, l = M(!1), i = n ? 1e3 / n : null;
+    window: l = se
+  } = r, a = M(!1), i = n ? 1e3 / n : null;
   let s = 0, o = null;
   function c(f) {
-    if (!l.value || !a)
+    if (!a.value || !l)
       return;
     s || (s = f);
     const g = f - s;
     if (i && g < i) {
-      o = a.requestAnimationFrame(c);
+      o = l.requestAnimationFrame(c);
       return;
     }
-    s = f, e({ delta: g, timestamp: f }), o = a.requestAnimationFrame(c);
+    s = f, e({ delta: g, timestamp: f }), o = l.requestAnimationFrame(c);
   }
   function d() {
-    !l.value && a && (l.value = !0, s = 0, o = a.requestAnimationFrame(c));
+    !a.value && l && (a.value = !0, s = 0, o = l.requestAnimationFrame(c));
   }
   function u() {
-    l.value = !1, o != null && a && (a.cancelAnimationFrame(o), o = null);
+    a.value = !1, o != null && l && (l.cancelAnimationFrame(o), o = null);
   }
   return t && d(), Ue(u), {
-    isActive: kt(l),
+    isActive: kt(a),
     pause: u,
     resume: d
   };
 }
 function Hn(e, r = {}) {
   const { window: t = se } = r, n = Ct(() => t && "matchMedia" in t && typeof t.matchMedia == "function");
-  let a;
-  const l = M(!1), i = (c) => {
-    l.value = c.matches;
+  let l;
+  const a = M(!1), i = (c) => {
+    a.value = c.matches;
   }, s = () => {
-    a && ("removeEventListener" in a ? a.removeEventListener("change", i) : a.removeListener(i));
+    l && ("removeEventListener" in l ? l.removeEventListener("change", i) : l.removeListener(i));
   }, o = de(() => {
-    n.value && (s(), a = t.matchMedia(K(e)), "addEventListener" in a ? a.addEventListener("change", i) : a.addListener(i), l.value = a.matches);
+    n.value && (s(), l = t.matchMedia(K(e)), "addEventListener" in l ? l.addEventListener("change", i) : l.addListener(i), a.value = l.matches);
   });
   return Ue(() => {
-    o(), s(), a = void 0;
-  }), l;
+    o(), s(), l = void 0;
+  }), a;
 }
 const ot = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, st = "__vueuse_ssr_handlers__", Tn = /* @__PURE__ */ Rn();
 function Rn() {
@@ -1187,9 +1187,9 @@ const zn = {
   }
 }, Kt = "vueuse-storage";
 function Bn(e, r, t, n = {}) {
-  var a;
+  var l;
   const {
-    flush: l = "pre",
+    flush: a = "pre",
     deep: i = !0,
     listenToStorageChanges: s = !0,
     writeDefaults: o = !0,
@@ -1213,15 +1213,15 @@ function Bn(e, r, t, n = {}) {
     }
   if (!t)
     return v;
-  const b = K(r), x = En(b), p = (a = n.serializer) != null ? a : zn[x], { pause: S, resume: $ } = kn(
+  const b = K(r), $ = En(b), h = (l = n.serializer) != null ? l : zn[$], { pause: w, resume: S } = kn(
     v,
     () => H(v.value),
-    { flush: l, deep: i, eventFilter: f }
+    { flush: a, deep: i, eventFilter: f }
   );
   u && s && Ge(() => {
-    t instanceof Storage ? N(u, "storage", k) : N(u, Kt, T), C && k();
+    t instanceof Storage ? N(u, "storage", k) : N(u, Kt, R), C && k();
   }), C || k();
-  function R(_, I) {
+  function T(_, I) {
     if (u) {
       const B = {
         key: e,
@@ -1238,10 +1238,10 @@ function Bn(e, r, t, n = {}) {
     try {
       const I = t.getItem(e);
       if (_ == null)
-        R(I, null), t.removeItem(e);
+        T(I, null), t.removeItem(e);
       else {
-        const B = p.write(_);
-        I !== B && (t.setItem(e, B), R(I, B));
+        const B = h.write(_);
+        I !== B && (t.setItem(e, B), T(I, B));
       }
     } catch (I) {
       g(I);
@@ -1250,11 +1250,11 @@ function Bn(e, r, t, n = {}) {
   function y(_) {
     const I = _ ? _.newValue : t.getItem(e);
     if (I == null)
-      return o && b != null && t.setItem(e, p.write(b)), b;
+      return o && b != null && t.setItem(e, h.write(b)), b;
     if (!_ && c) {
-      const B = p.read(I);
-      return typeof c == "function" ? c(B, b) : x === "object" && !Array.isArray(B) ? { ...b, ...B } : B;
-    } else return typeof I != "string" ? I : p.read(I);
+      const B = h.read(I);
+      return typeof c == "function" ? c(B, b) : $ === "object" && !Array.isArray(B) ? { ...b, ...B } : B;
+    } else return typeof I != "string" ? I : h.read(I);
   }
   function k(_) {
     if (!(_ && _.storageArea !== t)) {
@@ -1263,18 +1263,18 @@ function Bn(e, r, t, n = {}) {
         return;
       }
       if (!(_ && _.key !== e)) {
-        S();
+        w();
         try {
-          (_ == null ? void 0 : _.newValue) !== p.write(v.value) && (v.value = y(_));
+          (_ == null ? void 0 : _.newValue) !== h.write(v.value) && (v.value = y(_));
         } catch (I) {
           g(I);
         } finally {
-          _ ? dt($) : $();
+          _ ? dt(S) : S();
         }
       }
     }
   }
-  function T(_) {
+  function R(_) {
     k(_.detail);
   }
   return v;
@@ -1288,68 +1288,68 @@ function Vn(e) {
 }
 function Dn(e, r = {}) {
   var t, n;
-  const a = M(!1), l = Ye(null);
+  const l = M(!1), a = Ye(null);
   let i = 0, s = !0;
   if (Me) {
     const o = typeof r == "function" ? { onDrop: r } : r, c = (t = o.multiple) != null ? t : !0, d = (n = o.preventDefaultForUnhandled) != null ? n : !1, u = (v) => {
-      var b, x;
-      const p = Array.from((x = (b = v.dataTransfer) == null ? void 0 : b.files) != null ? x : []);
-      return p.length === 0 ? null : c ? p : [p[0]];
+      var b, $;
+      const h = Array.from(($ = (b = v.dataTransfer) == null ? void 0 : b.files) != null ? $ : []);
+      return h.length === 0 ? null : c ? h : [h[0]];
     }, f = (v) => {
       if (o.dataTypes) {
-        const b = h(o.dataTypes);
-        return typeof b == "function" ? b(v) : b ? b.some((x) => v.includes(x)) : !0;
+        const b = p(o.dataTypes);
+        return typeof b == "function" ? b(v) : b ? b.some(($) => v.includes($)) : !0;
       }
       return !0;
     }, g = (v) => {
-      var b, x;
-      const p = Array.from((x = (b = v.dataTransfer) == null ? void 0 : b.items) != null ? x : []), S = p.map((H) => H.type), $ = f(S), R = c || p.length <= 1;
-      return $ && R;
+      var b, $;
+      const h = Array.from(($ = (b = v.dataTransfer) == null ? void 0 : b.items) != null ? $ : []), w = h.map((H) => H.type), S = f(w), T = c || h.length <= 1;
+      return S && T;
     }, C = (v, b) => {
-      var x, p, S, $;
+      var $, h, w, S;
       if (s = g(v), !s) {
         d && v.preventDefault(), v.dataTransfer && (v.dataTransfer.dropEffect = "none");
         return;
       }
       v.preventDefault(), v.dataTransfer && (v.dataTransfer.dropEffect = "copy");
-      const R = u(v);
+      const T = u(v);
       switch (b) {
         case "enter":
-          i += 1, a.value = !0, (x = o.onEnter) == null || x.call(o, null, v);
+          i += 1, l.value = !0, ($ = o.onEnter) == null || $.call(o, null, v);
           break;
         case "over":
-          (p = o.onOver) == null || p.call(o, null, v);
+          (h = o.onOver) == null || h.call(o, null, v);
           break;
         case "leave":
-          i -= 1, i === 0 && (a.value = !1), (S = o.onLeave) == null || S.call(o, null, v);
+          i -= 1, i === 0 && (l.value = !1), (w = o.onLeave) == null || w.call(o, null, v);
           break;
         case "drop":
-          i = 0, a.value = !1, s && (l.value = R, ($ = o.onDrop) == null || $.call(o, R, v));
+          i = 0, l.value = !1, s && (a.value = T, (S = o.onDrop) == null || S.call(o, T, v));
           break;
       }
     };
     N(e, "dragenter", (v) => C(v, "enter")), N(e, "dragover", (v) => C(v, "over")), N(e, "dragleave", (v) => C(v, "leave")), N(e, "drop", (v) => C(v, "drop"));
   }
   return {
-    files: l,
-    isOverDropZone: a
+    files: a,
+    isOverDropZone: l
   };
 }
 function At(e, r, t = {}) {
-  const { window: n = se, ...a } = t;
-  let l;
+  const { window: n = se, ...l } = t;
+  let a;
   const i = Ct(() => n && "ResizeObserver" in n), s = () => {
-    l && (l.disconnect(), l = void 0);
+    a && (a.disconnect(), a = void 0);
   }, o = m(() => {
     const u = K(e);
     return Array.isArray(u) ? u.map((f) => oe(f)) : [oe(u)];
-  }), c = Q(
+  }), c = Z(
     o,
     (u) => {
       if (s(), i.value && n) {
-        l = new ResizeObserver(r);
+        a = new ResizeObserver(r);
         for (const f of u)
-          f && l.observe(f, a);
+          f && a.observe(f, l);
       }
     },
     { immediate: !0, flush: "post" }
@@ -1365,26 +1365,26 @@ function Ae(e, r = {}) {
   const {
     reset: t = !0,
     windowResize: n = !0,
-    windowScroll: a = !0,
-    immediate: l = !0,
+    windowScroll: l = !0,
+    immediate: a = !0,
     updateTiming: i = "sync"
   } = r, s = M(0), o = M(0), c = M(0), d = M(0), u = M(0), f = M(0), g = M(0), C = M(0);
   function v() {
-    const x = oe(e);
-    if (!x) {
+    const $ = oe(e);
+    if (!$) {
       t && (s.value = 0, o.value = 0, c.value = 0, d.value = 0, u.value = 0, f.value = 0, g.value = 0, C.value = 0);
       return;
     }
-    const p = x.getBoundingClientRect();
-    s.value = p.height, o.value = p.bottom, c.value = p.left, d.value = p.right, u.value = p.top, f.value = p.width, g.value = p.x, C.value = p.y;
+    const h = $.getBoundingClientRect();
+    s.value = h.height, o.value = h.bottom, c.value = h.left, d.value = h.right, u.value = h.top, f.value = h.width, g.value = h.x, C.value = h.y;
   }
   function b() {
     i === "sync" ? v() : i === "next-frame" && requestAnimationFrame(() => v());
   }
-  return At(e, b), Q(() => oe(e), (x) => !x && b()), Mt(e, b, {
+  return At(e, b), Z(() => oe(e), ($) => !$ && b()), Mt(e, b, {
     attributeFilter: ["style", "class"]
-  }), a && N("scroll", b, { capture: !0, passive: !0 }), n && N("resize", b, { passive: !0 }), Ge(() => {
-    l && b();
+  }), l && N("scroll", b, { capture: !0, passive: !0 }), n && N("resize", b, { passive: !0 }), Ge(() => {
+    a && b();
   }), {
     height: s,
     bottom: o,
@@ -1401,14 +1401,14 @@ function Se(e, r = {}) {
   const {
     delayEnter: t = 0,
     delayLeave: n = 0,
-    window: a = se
-  } = r, l = M(!1);
+    window: l = se
+  } = r, a = M(!1);
   let i;
   const s = (o) => {
     const c = o ? t : n;
-    i && (clearTimeout(i), i = void 0), c ? i = setTimeout(() => l.value = o, c) : l.value = o;
+    i && (clearTimeout(i), i = void 0), c ? i = setTimeout(() => a.value = o, c) : a.value = o;
   };
-  return a && (N(e, "mouseenter", () => s(!0), { passive: !0 }), N(e, "mouseleave", () => s(!1), { passive: !0 })), l;
+  return l && (N(e, "mouseenter", () => s(!0), { passive: !0 }), N(e, "mouseleave", () => s(!1), { passive: !0 })), a;
 }
 const Pn = {
   multiple: !0,
@@ -1419,16 +1419,16 @@ const Pn = {
 function On(e = {}) {
   const {
     document: r = $n
-  } = e, t = M(null), { on: n, trigger: a } = Gt(), { on: l, trigger: i } = Gt();
+  } = e, t = M(null), { on: n, trigger: l } = Gt(), { on: a, trigger: i } = Gt();
   let s;
   r && (s = r.createElement("input"), s.type = "file", s.onchange = (d) => {
     const u = d.target;
-    t.value = u.files, a(t.value);
+    t.value = u.files, l(t.value);
   }, s.oncancel = () => {
     i();
   });
   const o = () => {
-    t.value = null, s && s.value && (s.value = "", a(null));
+    t.value = null, s && s.value && (s.value = "", l(null));
   }, c = (d) => {
     if (!s)
       return;
@@ -1443,7 +1443,7 @@ function On(e = {}) {
     files: kt(t),
     open: c,
     reset: o,
-    onCancel: l,
+    onCancel: a,
     onChange: n
   };
 }
@@ -1452,8 +1452,8 @@ function Ln(e, r = {}) {
   const {
     throttle: t = 0,
     idle: n = 200,
-    onStop: a = we,
-    onScroll: l = we,
+    onStop: l = we,
+    onScroll: a = we,
     offset: i = {
       left: 0,
       right: 0,
@@ -1485,50 +1485,50 @@ function Ln(e, r = {}) {
     }
   });
   function v(y, k) {
-    var T, _, I, B;
+    var R, _, I, B;
     if (!c)
       return;
     const z = K(e);
     if (!z)
       return;
     (I = z instanceof Document ? c.document.body : z) == null || I.scrollTo({
-      top: (T = K(k)) != null ? T : C.value,
+      top: (R = K(k)) != null ? R : C.value,
       left: (_ = K(y)) != null ? _ : g.value,
       behavior: K(o)
     });
     const j = ((B = z == null ? void 0 : z.document) == null ? void 0 : B.documentElement) || (z == null ? void 0 : z.documentElement) || z;
     g != null && (u.value = j.scrollLeft), C != null && (f.value = j.scrollTop);
   }
-  const b = M(!1), x = Fe({
+  const b = M(!1), $ = Fe({
     left: !0,
     right: !1,
     top: !0,
     bottom: !1
-  }), p = Fe({
+  }), h = Fe({
     left: !1,
     right: !1,
     top: !1,
     bottom: !1
-  }), S = (y) => {
-    b.value && (b.value = !1, p.left = !1, p.right = !1, p.top = !1, p.bottom = !1, a(y));
-  }, $ = dr(S, t + n), R = (y) => {
+  }), w = (y) => {
+    b.value && (b.value = !1, h.left = !1, h.right = !1, h.top = !1, h.bottom = !1, l(y));
+  }, S = dr(w, t + n), T = (y) => {
     var k;
     if (!c)
       return;
-    const T = ((k = y == null ? void 0 : y.document) == null ? void 0 : k.documentElement) || (y == null ? void 0 : y.documentElement) || oe(y), { display: _, flexDirection: I } = getComputedStyle(T), B = T.scrollLeft;
-    p.left = B < u.value, p.right = B > u.value;
-    const z = Math.abs(B) <= (i.left || 0), j = Math.abs(B) + T.clientWidth >= T.scrollWidth - (i.right || 0) - Jt;
-    _ === "flex" && I === "row-reverse" ? (x.left = j, x.right = z) : (x.left = z, x.right = j), u.value = B;
-    let X = T.scrollTop;
-    y === c.document && !X && (X = c.document.body.scrollTop), p.top = X < f.value, p.bottom = X > f.value;
-    const le = Math.abs(X) <= (i.top || 0), V = Math.abs(X) + T.clientHeight >= T.scrollHeight - (i.bottom || 0) - Jt;
-    _ === "flex" && I === "column-reverse" ? (x.top = V, x.bottom = le) : (x.top = le, x.bottom = V), f.value = X;
+    const R = ((k = y == null ? void 0 : y.document) == null ? void 0 : k.documentElement) || (y == null ? void 0 : y.documentElement) || oe(y), { display: _, flexDirection: I } = getComputedStyle(R), B = R.scrollLeft;
+    h.left = B < u.value, h.right = B > u.value;
+    const z = Math.abs(B) <= (i.left || 0), j = Math.abs(B) + R.clientWidth >= R.scrollWidth - (i.right || 0) - Jt;
+    _ === "flex" && I === "row-reverse" ? ($.left = j, $.right = z) : ($.left = z, $.right = j), u.value = B;
+    let X = R.scrollTop;
+    y === c.document && !X && (X = c.document.body.scrollTop), h.top = X < f.value, h.bottom = X > f.value;
+    const le = Math.abs(X) <= (i.top || 0), V = Math.abs(X) + R.clientHeight >= R.scrollHeight - (i.bottom || 0) - Jt;
+    _ === "flex" && I === "column-reverse" ? ($.top = V, $.bottom = le) : ($.top = le, $.bottom = V), f.value = X;
   }, H = (y) => {
     var k;
     if (!c)
       return;
-    const T = (k = y.target.documentElement) != null ? k : y.target;
-    R(T), b.value = !0, $(y), l(y);
+    const R = (k = y.target.documentElement) != null ? k : y.target;
+    T(R), b.value = !0, S(y), a(y);
   };
   return N(
     e,
@@ -1540,24 +1540,24 @@ function Ln(e, r = {}) {
       const y = K(e);
       if (!y)
         return;
-      R(y);
+      T(y);
     } catch (y) {
       d(y);
     }
   }), N(
     e,
     "scrollend",
-    S,
+    w,
     s
   ), {
     x: g,
     y: C,
     isScrolling: b,
-    arrivedState: x,
-    directions: p,
+    arrivedState: $,
+    directions: h,
     measure() {
       const y = K(e);
-      c && y && R(y);
+      c && y && T(y);
     }
   };
 }
@@ -1580,8 +1580,8 @@ function Wn(e = {}) {
     reactive: r = !1,
     target: t = se,
     aliasMap: n = Fn,
-    passive: a = !0,
-    onEventFired: l = we
+    passive: l = !0,
+    onEventFired: a = we
   } = e, i = Fe(/* @__PURE__ */ new Set()), s = {
     toJSON() {
       return {};
@@ -1597,30 +1597,30 @@ function Wn(e = {}) {
       u(v, !1);
   }
   function g(v, b) {
-    var x, p;
-    const S = (x = v.key) == null ? void 0 : x.toLowerCase(), R = [(p = v.code) == null ? void 0 : p.toLowerCase(), S].filter(Boolean);
-    S && (b ? i.add(S) : i.delete(S));
-    for (const H of R)
+    var $, h;
+    const w = ($ = v.key) == null ? void 0 : $.toLowerCase(), T = [(h = v.code) == null ? void 0 : h.toLowerCase(), w].filter(Boolean);
+    w && (b ? i.add(w) : i.delete(w));
+    for (const H of T)
       d.add(H), u(H, b);
-    S === "meta" && !b ? (c.forEach((H) => {
+    w === "meta" && !b ? (c.forEach((H) => {
       i.delete(H), u(H, !1);
-    }), c.clear()) : typeof v.getModifierState == "function" && v.getModifierState("Meta") && b && [...i, ...R].forEach((H) => c.add(H));
+    }), c.clear()) : typeof v.getModifierState == "function" && v.getModifierState("Meta") && b && [...i, ...T].forEach((H) => c.add(H));
   }
-  N(t, "keydown", (v) => (g(v, !0), l(v)), { passive: a }), N(t, "keyup", (v) => (g(v, !1), l(v)), { passive: a }), N("blur", f, { passive: !0 }), N("focus", f, { passive: !0 });
+  N(t, "keydown", (v) => (g(v, !0), a(v)), { passive: l }), N(t, "keyup", (v) => (g(v, !1), a(v)), { passive: l }), N("blur", f, { passive: !0 }), N("focus", f, { passive: !0 });
   const C = new Proxy(
     o,
     {
-      get(v, b, x) {
+      get(v, b, $) {
         if (typeof b != "string")
-          return Reflect.get(v, b, x);
+          return Reflect.get(v, b, $);
         if (b = b.toLowerCase(), b in n && (b = n[b]), !(b in o))
           if (/[+_-]/.test(b)) {
-            const S = b.split(/[+_-]/g).map(($) => $.trim());
-            o[b] = m(() => S.every(($) => K(C[$])));
+            const w = b.split(/[+_-]/g).map((S) => S.trim());
+            o[b] = m(() => w.every((S) => K(C[S])));
           } else
             o[b] = M(!1);
-        const p = Reflect.get(v, b, x);
-        return r ? K(p) : p;
+        const h = Reflect.get(v, b, $);
+        return r ? K(h) : h;
       }
     }
   );
@@ -1637,32 +1637,32 @@ function ht(e = {}) {
     type: r = "page",
     touch: t = !0,
     resetOnTouchEnds: n = !1,
-    initialValue: a = { x: 0, y: 0 },
-    window: l = se,
-    target: i = l,
+    initialValue: l = { x: 0, y: 0 },
+    window: a = se,
+    target: i = a,
     scroll: s = !0,
     eventFilter: o
   } = e;
   let c = null, d = 0, u = 0;
-  const f = M(a.x), g = M(a.y), C = M(null), v = typeof r == "function" ? r : Nn[r], b = (y) => {
+  const f = M(l.x), g = M(l.y), C = M(null), v = typeof r == "function" ? r : Nn[r], b = (y) => {
     const k = v(y);
-    c = y, k && ([f.value, g.value] = k, C.value = "mouse"), l && (d = l.scrollX, u = l.scrollY);
-  }, x = (y) => {
+    c = y, k && ([f.value, g.value] = k, C.value = "mouse"), a && (d = a.scrollX, u = a.scrollY);
+  }, $ = (y) => {
     if (y.touches.length > 0) {
       const k = v(y.touches[0]);
       k && ([f.value, g.value] = k, C.value = "touch");
     }
-  }, p = () => {
-    if (!c || !l)
+  }, h = () => {
+    if (!c || !a)
       return;
     const y = v(c);
-    c instanceof MouseEvent && y && (f.value = y[0] + l.scrollX - d, g.value = y[1] + l.scrollY - u);
-  }, S = () => {
-    f.value = a.x, g.value = a.y;
-  }, $ = o ? (y) => o(() => b(y), {}) : (y) => b(y), R = o ? (y) => o(() => x(y), {}) : (y) => x(y), H = o ? () => o(() => p(), {}) : () => p();
+    c instanceof MouseEvent && y && (f.value = y[0] + a.scrollX - d, g.value = y[1] + a.scrollY - u);
+  }, w = () => {
+    f.value = l.x, g.value = l.y;
+  }, S = o ? (y) => o(() => b(y), {}) : (y) => b(y), T = o ? (y) => o(() => $(y), {}) : (y) => $(y), H = o ? () => o(() => h(), {}) : () => h();
   if (i) {
     const y = { passive: !0 };
-    N(i, ["mousemove", "dragover"], $, y), t && r !== "movement" && (N(i, ["touchstart", "touchmove"], R, y), n && N(i, "touchend", S, y)), s && r === "page" && N(l, "scroll", H, { passive: !0 });
+    N(i, ["mousemove", "dragover"], S, y), t && r !== "movement" && (N(i, ["touchstart", "touchmove"], T, y), n && N(i, "touchend", w, y)), s && r === "page" && N(a, "scroll", H, { passive: !0 });
   }
   return {
     x: f,
@@ -1675,7 +1675,7 @@ function vr(e = Vn()) {
     const n = oe(e);
     n && (r.value = n.parentElement);
   };
-  return Ge(t), Q(() => K(e), t), r;
+  return Ge(t), Z(() => K(e), t), r;
 }
 function jn(e) {
   const r = M(0), t = m(() => oe(e)), n = () => {
@@ -1691,18 +1691,18 @@ function Xn(e, r = {}) {
   const {
     initialWidth: t = Number.POSITIVE_INFINITY,
     listenOrientation: n = !0
-  } = r, a = M(t), l = m(() => oe(e)), i = () => {
-    l.value && (a.value = l.value.clientHeight);
+  } = r, l = M(t), a = m(() => oe(e)), i = () => {
+    a.value && (l.value = a.value.clientHeight);
   };
-  if (i(), Ge(i), N("resize", i, { passive: !0 }), At(() => l.value, i), Mt(() => l.value, i, {
+  if (i(), Ge(i), N("resize", i, { passive: !0 }), At(() => a.value, i), Mt(() => a.value, i, {
     childList: !0,
     subtree: !0,
     attributes: !0
   }), n) {
     const s = Hn("(orientation: portrait)");
-    Q(s, () => i());
+    Z(s, () => i());
   }
-  return a;
+  return l;
 }
 const me = [
   0.98,
@@ -1752,21 +1752,21 @@ function eo() {
   return $e("currentThemeName", M("default"));
 }
 function Un(e, r, t = {}) {
-  const n = me, a = qe;
-  return t.primary === void 0 && (t.primary = n), t.secondary === void 0 && (t.secondary = n), t.tertiary === void 0 && (t.tertiary = n), t.error === void 0 && (t.error = n), t.surface === void 0 && (t.surface = a), m(() => ({
+  const n = me, l = qe;
+  return t.primary === void 0 && (t.primary = n), t.secondary === void 0 && (t.secondary = n), t.tertiary === void 0 && (t.tertiary = n), t.error === void 0 && (t.error = n), t.surface === void 0 && (t.surface = l), m(() => ({
     name: e,
     colors: {
-      primary: Ke(h(r.primary), t.primary),
-      secondary: Ke(h(r.secondary), t.secondary),
-      tertiary: Ke(h(r.tertiary), t.tertiary),
-      error: Ke(h(r.error), t.error),
-      surface: Ke(h(r.surface), t.surface)
+      primary: Ke(p(r.primary), t.primary),
+      secondary: Ke(p(r.secondary), t.secondary),
+      tertiary: Ke(p(r.tertiary), t.tertiary),
+      error: Ke(p(r.error), t.error),
+      surface: Ke(p(r.surface), t.surface)
     }
   }));
 }
 function Gn(e, r = me) {
   return m(() => {
-    const t = h(e);
+    const t = p(e);
     return typeof t == "string" ? Be(t, r).value.map((n) => n.toHexString()) : t;
   });
 }
@@ -1774,14 +1774,14 @@ function pr(e) {
   const r = M(e);
   return {
     ...{
-      ...Object.keys(r.value.colors).map((l) => {
-        const i = l, s = r.value.colors[i];
+      ...Object.keys(r.value.colors).map((a) => {
+        const i = a, s = r.value.colors[i];
         return Gn(s, i === "surface" ? qe : me).value.reduce((d, u, f) => {
           const g = E(u).toRgb();
           return d[`--r-color-${i}-${f}`] = `${g.r} ${g.g} ${g.b}`, d;
         }, {});
-      }).reduce((l, i) => ({
-        ...l,
+      }).reduce((a, i) => ({
+        ...a,
         ...i
       }), {})
     },
@@ -1822,7 +1822,7 @@ function sl(e) {
     light: je
   });
 }
-const to = m(() => ke(h(De), me).colors), ro = m(() => ke(h(Pe), me).colors), no = m(() => ke(h(Oe), me).colors), lo = m(() => ke(h(Le), me).colors), ao = m(() => ke(h(Ce), qe).colors), gr = Un("default", {
+const to = m(() => ke(p(De), me).colors), ro = m(() => ke(p(Pe), me).colors), no = m(() => ke(p(Oe), me).colors), lo = m(() => ke(p(Le), me).colors), ao = m(() => ke(p(Ce), qe).colors), gr = Un("default", {
   primary: De,
   secondary: Pe,
   tertiary: Oe,
@@ -1831,7 +1831,7 @@ const to = m(() => ke(h(De), me).colors), ro = m(() => ke(h(Pe), me).colors), no
 });
 function nt(e, r) {
   return m(() => {
-    switch (h(e)) {
+    switch (p(e)) {
       case "filled":
         return at(r).value;
       case "light":
@@ -1843,18 +1843,18 @@ function nt(e, r) {
 }
 function il(e) {
   return m(() => {
-    const r = h(e);
+    const r = p(e);
     switch (r) {
       case "surface":
-        return E(h(Ce));
+        return E(p(Ce));
       case "primary":
-        return E(h(De));
+        return E(p(De));
       case "secondary":
-        return E(h(Pe));
+        return E(p(Pe));
       case "tertiary":
-        return E(h(Oe));
+        return E(p(Oe));
       case "error":
-        return E(h(Le));
+        return E(p(Le));
       default:
         return E(r);
     }
@@ -1866,15 +1866,15 @@ function Be(e, r = me) {
     const n = il(e).value.toHexString();
     if (bt.has(n))
       return bt.get(n);
-    function a() {
-      const l = ke(n, r).colors;
-      return bt.set(n, l), l;
+    function l() {
+      const a = ke(n, r).colors;
+      return bt.set(n, a), a;
     }
-    return a();
+    return l();
   });
 }
 function ul() {
-  return m(() => ke(h(Ce), qe).colors);
+  return m(() => ke(p(Ce), qe).colors);
 }
 function Et() {
   return m(() => {
@@ -2002,69 +2002,69 @@ function dl(e) {
     return lt(r, t, n).value;
   });
 }
-function ut(e, r, t, n, a = 1) {
+function ut(e, r, t, n, l = 1) {
   switch (r) {
     case "outline":
       return {
         style: {
-          "--d-outline": e[t].clone().setAlpha(a).toHex8String(),
-          "--l-outline": e[n].clone().setAlpha(a).toHex8String()
+          "--d-outline": e[t].clone().setAlpha(l).toHex8String(),
+          "--l-outline": e[n].clone().setAlpha(l).toHex8String()
         },
         class: ["dark:focus-visible:outline-[--d-outline]", "focus-visible:outline-[--l-outline]"]
       };
     case "bg":
       return {
         style: {
-          "--d-bg": e[t].clone().setAlpha(a).toHex8String(),
-          "--l-bg": e[n].clone().setAlpha(a).toHex8String()
+          "--d-bg": e[t].clone().setAlpha(l).toHex8String(),
+          "--l-bg": e[n].clone().setAlpha(l).toHex8String()
         },
         class: ["dark:bg-[--d-bg]", "bg-[--l-bg]"]
       };
     case "border":
       return {
         style: {
-          "--d-border": e[t].clone().setAlpha(a).toHex8String(),
-          "--l-border": e[n].clone().setAlpha(a).toHex8String()
+          "--d-border": e[t].clone().setAlpha(l).toHex8String(),
+          "--l-border": e[n].clone().setAlpha(l).toHex8String()
         },
         class: ["dark:border-[--d-border]", "border-[--l-border]"]
       };
     case "text":
       return {
         style: {
-          "--d-text": e[t].clone().setAlpha(a).toHex8String(),
-          "--l-text": e[n].clone().setAlpha(a).toHex8String()
+          "--d-text": e[t].clone().setAlpha(l).toHex8String(),
+          "--l-text": e[n].clone().setAlpha(l).toHex8String()
         },
         class: ["dark:text-[--d-text]", "text-[--l-text]"]
       };
     case "placeholder":
       return {
         style: {
-          "--d-placeholder": e[t].clone().setAlpha(a).toHex8String(),
-          "--l-placeholder": e[n].clone().setAlpha(a).toHex8String()
+          "--d-placeholder": e[t].clone().setAlpha(l).toHex8String(),
+          "--l-placeholder": e[n].clone().setAlpha(l).toHex8String()
         },
         class: ["dark:placeholder-[--d-placeholder]", "placeholder-[--l-placeholder]"]
       };
     case "hover:bg":
       return {
         style: {
-          "--d-bg-h": e[t].clone().setAlpha(a).toHexString(),
-          "--l-bg-h": e[n].clone().setAlpha(a).toHexString()
+          "--d-bg-h": e[t].clone().setAlpha(l).toHexString(),
+          "--l-bg-h": e[n].clone().setAlpha(l).toHexString()
         },
         class: ["dark:hover:bg-[--d-bg-h]", "hover:bg-[--l-bg-h]"]
       };
     case "hover:border":
       return {
         style: {
-          "--d-border-h": e[t].clone().setAlpha(a).toHexString(),
-          "--l-border-h": e[n].clone().setAlpha(a).toHexString()
+          "--d-border-h": e[t].clone().setAlpha(l).toHexString(),
+          "--l-border-h": e[n].clone().setAlpha(l).toHexString()
         },
         class: ["dark:hover:border-[--d-border-h]", "hover:border-[--l-border-h]"]
       };
     case "hover:text":
       return {
         style: {
-          "--d-text-h": e[t].clone().setAlpha(a).toHexString(),
-          "--l-text-h": e[n].clone().setAlpha(a).toHexString()
+          "--d-text-h": e[t].clone().setAlpha(l).toHexString(),
+          "--l-text-h": e[n].clone().setAlpha(l).toHexString()
         },
         class: ["dark:hover:text-[--d-text-h]", "hover:text-[--l-text-h]"]
       };
@@ -2075,15 +2075,15 @@ function te(e) {
 }
 function ct(e, r, t, n = 1) {
   return m(() => {
-    const a = Be(e);
-    return typeof t == "number" ? ut(h(a), r, t, t, n) : ut(h(a), r, t.dark, t.light, n);
+    const l = Be(e);
+    return typeof t == "number" ? ut(p(l), r, t, t, n) : ut(p(l), r, t.dark, t.light, n);
   });
 }
 function Qe(e, r, t = 1) {
   return m(() => {
     const {
       colors: n
-    } = ke(h(Ce), qe);
+    } = ke(p(Ce), qe);
     return typeof r == "number" ? ut(n, e, r, r, t) : ut(n, e, r.dark, r.light, t);
   });
 }
@@ -2099,7 +2099,7 @@ function zt(e) {
 }
 function Bt(e = "default", r = "primary") {
   return m(() => {
-    const t = Be(r).value, n = ke(h(Ce), qe).colors;
+    const t = Be(r).value, n = ke(p(Ce), qe).colors;
     return {
       style: {
         default: () => fl(n),
@@ -2110,7 +2110,7 @@ function Bt(e = "default", r = "primary") {
         subtle: () => gl(t),
         contrast: () => yl(t),
         white: () => bl(t)
-      }[h(e)](),
+      }[p(e)](),
       class: "custom-colors"
     };
   });
@@ -2223,7 +2223,7 @@ function bl(e) {
 function br(e, r = "default") {
   return m(() => {
     const t = Be(e).value, n = ul().value;
-    switch (h(r)) {
+    switch (p(r)) {
       case "default":
         return {
           "--d-bg": n[Tt].toHexString(),
@@ -2265,7 +2265,7 @@ const wl = {
     skeleton: { type: Boolean }
   },
   setup(e) {
-    const r = e, t = ae(r), n = m(() => r.name || ""), a = m(() => {
+    const r = e, t = ae(r), n = m(() => r.name || ""), l = m(() => {
       switch (r.size) {
         case "xs":
           return "--size: 2rem; --font-size: 1rem;";
@@ -2280,9 +2280,9 @@ const wl = {
         default:
           return typeof r.size == "number" && !Number.isNaN(Number(r.size)) ? `--size: ${r.size}rem; --font-size: ${r.size / 2}rem;` : "--size: 4rem;";
       }
-    }), l = M(!1), i = M(null);
+    }), a = M(!1), i = M(null);
     function s() {
-      l.value = !0;
+      a.value = !0;
     }
     he(() => {
       var u;
@@ -2292,26 +2292,26 @@ const wl = {
       return u.split(" ").map((f) => f[0]).join("").toUpperCase().slice(0, 2);
     }
     const c = m(() => r.color), d = nt(r.variant, c);
-    return (u, f) => u.skeleton ? (w(), A("div", {
+    return (u, f) => u.skeleton ? (x(), A("div", {
       key: 0,
       class: "inline-block min-h-[--size] min-w-[--size] animate-pulse rounded-full bg-surface-variant-1",
-      style: P([h(t).style, a.value])
-    }, null, 4)) : u.src ? (w(), G(xe(u.is), Z({
+      style: P([p(t).style, l.value])
+    }, null, 4)) : u.src ? (x(), G(xe(u.is), Q({
       key: 1,
       ref_key: "img",
       ref: i,
       alt: n.value,
-      class: [[h(t).class, h(d).class, { hidden: !l.value }], "inline-block h-[var(--size)] w-[var(--size)] rounded-full object-cover"],
-      style: [h(t).style, h(d).style, a.value],
+      class: [[p(t).class, p(d).class, { hidden: !a.value }], "inline-block h-[var(--size)] w-[var(--size)] rounded-full object-cover"],
+      style: [p(t).style, p(d).style, l.value],
       src: u.src
-    }, u.$attrs, { onLoad: s }), null, 16, ["alt", "class", "style", "src"])) : !l.value || !u.src ? (w(), A("div", Z({
+    }, u.$attrs, { onLoad: s }), null, 16, ["alt", "class", "style", "src"])) : !a.value || !u.src ? (x(), A("div", Q({
       key: 2,
-      class: ["inline-block h-[--size] w-[--size] flex items-center justify-center border-4 rounded-full object-cover font-size-[--font-size]", [h(t).class, h(d).class]],
-      style: [h(t).style, h(d).style, a.value]
+      class: ["inline-block h-[--size] w-[--size] flex items-center justify-center border-4 rounded-full object-cover font-size-[--font-size]", [p(t).class, p(d).class]],
+      style: [p(t).style, p(d).style, l.value]
     }, u.$attrs), [
-      u.$slots.default ? L(u.$slots, "default", { key: 0 }) : n.value ? (w(), A(J, { key: 1 }, [
+      u.$slots.default ? L(u.$slots, "default", { key: 0 }) : n.value ? (x(), A(J, { key: 1 }, [
         Ze(ne(o(n.value)), 1)
-      ], 64)) : (w(), A("i", wl))
+      ], 64)) : (x(), A("i", wl))
     ], 16)) : F("", !0);
   }
 }), Vt = /* @__PURE__ */ W({
@@ -2350,23 +2350,23 @@ const wl = {
             iconContent: "h-8 w-8 p-2"
           };
       }
-    }), a = M(null), l = Se(a), i = m(() => r.hoverVariant && l.value ? r.hoverVariant : r.variant ?? "default"), s = m(() => r.color ?? "primary"), o = Bt(i, s), c = m(() => r.outlineColor ?? s.value), d = zt(c);
-    return (u, f) => u.skeleton ? (w(), A("div", {
+    }), l = M(null), a = Se(l), i = m(() => r.hoverVariant && a.value ? r.hoverVariant : r.variant ?? "default"), s = m(() => r.color ?? "primary"), o = Bt(i, s), c = m(() => r.outlineColor ?? s.value), d = zt(c);
+    return (u, f) => u.skeleton ? (x(), A("div", {
       key: 0,
       style: P([
-        h(t).style
+        p(t).style
       ]),
       class: D([n.value.normalContent, "inline-block animate-pulse rounded-md bg-surface-variant-1"])
-    }, null, 6)) : (w(), G(xe(u.is), Z({
+    }, null, 6)) : (x(), G(xe(u.is), Q({
       key: 1,
       ref_key: "btn",
-      ref: a,
+      ref: l,
       "data-size": u.size,
       type: u.type,
       class: ["flex items-center justify-center gap-1 decoration-none outline-none", [
-        h(o).class,
-        h(t).class,
-        h(d).class,
+        p(o).class,
+        p(t).class,
+        p(d).class,
         u.icon ? n.value.iconContent : n.value.normalContent,
         {
           "opacity-60 pointer-events-none select-none": u.disabled,
@@ -2374,9 +2374,9 @@ const wl = {
         }
       ]],
       style: [
-        h(o).style,
-        h(t).style,
-        h(d).style
+        p(o).style,
+        p(t).style,
+        p(d).style
       ],
       disabled: u.disabled
     }, u.$attrs), {
@@ -2405,26 +2405,26 @@ const wl = {
     function n(d) {
       return typeof d == "string" ? d : d.label ?? d.value;
     }
-    function a(d) {
+    function l(d) {
       return typeof d == "string" ? d : d.value;
     }
-    function l(d) {
+    function a(d) {
       return typeof d == "string" ? void 0 : d.icon;
     }
     const i = ie(e, "modelValue");
     function s(d) {
-      a(d) === i.value && t.value ? i.value = void 0 : i.value = a(d);
+      l(d) === i.value && t.value ? i.value = void 0 : i.value = l(d);
     }
     const o = m(() => r.selections.length === 1), c = m(() => o.value ? null : "first-children:rounded-r-0 first-children:border-r-none last-children:rounded-l-0 last-children:border-l-none not-first-children:rounded-l-0 not-last-children:rounded-r-0");
     return (d, u) => {
       const f = Vt;
-      return w(), A("div", {
+      return x(), A("div", {
         class: D(["w-auto inline-flex container", [c.value]])
       }, [
-        (w(!0), A(J, null, fe(r.selections, (g, C) => (w(), G(f, {
-          key: a(g),
+        (x(!0), A(J, null, fe(r.selections, (g, C) => (x(), G(f, {
+          key: l(g),
           model: i.value,
-          variant: a(g) === i.value ? "filled" : void 0,
+          variant: l(g) === i.value ? "filled" : void 0,
           color: r.color,
           class: D({
             "border-x-none": C !== 0 && C !== r.selections.length - 1
@@ -2432,9 +2432,9 @@ const wl = {
           onClick: (v) => s(g)
         }, {
           default: ee(() => [
-            l(g) ? (w(), A("i", {
+            a(g) ? (x(), A("i", {
               key: 0,
-              class: D(l(g))
+              class: D(a(g))
             }, null, 2)) : F("", !0),
             Ze(" " + ne(n(g)), 1)
           ]),
@@ -2445,12 +2445,12 @@ const wl = {
   }
 }), Sl = (e, r) => {
   const t = e.__vccOpts || e;
-  for (const [n, a] of r)
-    t[n] = a;
+  for (const [n, l] of r)
+    t[n] = l;
   return t;
 }, kl = {}, _l = { class: "flex flex-col gap-4 container" };
 function $l(e, r) {
-  return w(), A("div", _l, [
+  return x(), A("div", _l, [
     L(e.$slots, "default")
   ]);
 }
@@ -2464,34 +2464,34 @@ const so = /* @__PURE__ */ Sl(kl, [["render", $l]]), io = /* @__PURE__ */ W({
     withBorder: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const r = e, t = m(() => r.variant), n = m(() => r.color), a = nt(t, n);
-    return (l, i) => {
+    const r = e, t = m(() => r.variant), n = m(() => r.color), l = nt(t, n);
+    return (a, i) => {
       const s = xl;
-      return w(), A("div", {
+      return x(), A("div", {
         class: D(["flex items-start gap-2", [
           {
-            "flex-row-reverse": l.position === "right",
-            "flex-row": l.position === "left"
+            "flex-row-reverse": a.position === "right",
+            "flex-row": a.position === "left"
           }
         ]])
       }, [
-        l.$slots.avatar ? L(l.$slots, "avatar", { key: 0 }) : l.avatar ? (w(), G(s, {
+        a.$slots.avatar ? L(a.$slots, "avatar", { key: 0 }) : a.avatar ? (x(), G(s, {
           key: 1,
           size: "xs",
-          src: l.avatar
+          src: a.avatar
         }, null, 8, ["src"])) : F("", !0),
         O("div", {
           class: D(["flex flex-col gap-1 rounded-xl p-2", [
             {
-              "rounded-tr": l.position === "right",
-              "rounded-tl": l.position === "left",
-              border: l.withBorder
+              "rounded-tr": a.position === "right",
+              "rounded-tl": a.position === "left",
+              border: a.withBorder
             },
-            h(a).class
+            p(l).class
           ]]),
-          style: P([h(a).style])
+          style: P([p(l).style])
         }, [
-          L(l.$slots, "default")
+          L(a.$slots, "default")
         ], 6)
       ], 2);
     };
@@ -2505,15 +2505,15 @@ const so = /* @__PURE__ */ Sl(kl, [["render", $l]]), io = /* @__PURE__ */ W({
     withBorder: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const r = e, t = m(() => r.variant), n = m(() => r.color), a = nt(t, n);
-    return (l, i) => (w(), A("div", Cl, [
+    const r = e, t = m(() => r.variant), n = m(() => r.color), l = nt(t, n);
+    return (a, i) => (x(), A("div", Cl, [
       O("div", {
         class: D(["w-full rounded-xl px-3 py-2", [
-          h(a).class
+          p(l).class
         ]]),
-        style: P(h(a).style)
+        style: P(p(l).style)
       }, [
-        L(l.$slots, "default")
+        L(a.$slots, "default")
       ], 6)
     ]));
   }
@@ -2539,10 +2539,10 @@ const so = /* @__PURE__ */ Sl(kl, [["render", $l]]), io = /* @__PURE__ */ W({
         default:
           return "";
       }
-    }), a = m(() => r.variant), l = m(() => r.color), i = nt(a, l);
-    return (s, o) => (w(), A("span", {
-      class: D(["inline-block h-fit inline-flex items-center gap-1", [h(t).class, h(i).class, n.value]]),
-      style: P([h(t).style, h(i).style])
+    }), l = m(() => r.variant), a = m(() => r.color), i = nt(l, a);
+    return (s, o) => (x(), A("span", {
+      class: D(["inline-block h-fit inline-flex items-center gap-1", [p(t).class, p(i).class, n.value]]),
+      style: P([p(t).style, p(i).style])
     }, [
       s.$slots.leftSection ? L(s.$slots, "leftSection", { key: 0 }) : F("", !0),
       L(s.$slots, "default"),
@@ -2557,11 +2557,11 @@ const so = /* @__PURE__ */ Sl(kl, [["render", $l]]), io = /* @__PURE__ */ W({
     withBorder: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (r, t) => (w(), G(xe(r.is), Z({
+    return (r, t) => (x(), G(xe(r.is), Q({
       class: ["h-6 w-6 border rounded-full", [{
         border: r.withBorder
       }]]
-    }, h(ol), {
+    }, p(ol), {
       style: {
         backgroundColor: r.color
       }
@@ -2578,14 +2578,14 @@ const so = /* @__PURE__ */ Sl(kl, [["render", $l]]), io = /* @__PURE__ */ W({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const r = ie(e, "modelValue"), t = rr(), n = Ht(t), a = M(null);
-    return (l, i) => {
+    const r = ie(e, "modelValue"), t = rr(), n = Ht(t), l = M(null);
+    return (a, i) => {
       const s = Ml;
-      return w(), A("div", null, [
+      return x(), A("div", null, [
         ft(O("input", {
-          id: h(n),
+          id: p(n),
           ref_key: "input",
-          ref: a,
+          ref: l,
           "onUpdate:modelValue": i[0] || (i[0] = (o) => r.value = o),
           alt: r.value,
           type: "color",
@@ -2595,14 +2595,14 @@ const so = /* @__PURE__ */ Sl(kl, [["render", $l]]), io = /* @__PURE__ */ W({
         ]),
         O("label", {
           class: "flex items-center gap-2",
-          for: h(n)
+          for: p(n)
         }, [
           U(s, {
-            "with-border": l.withBorder,
+            "with-border": a.withBorder,
             class: "cursor-pointer",
             color: r.value ?? "#222"
           }, null, 8, ["with-border", "color"]),
-          l.label ? (w(), A("span", Tl, ne(l.label), 1)) : F("", !0)
+          a.label ? (x(), A("span", Tl, ne(a.label), 1)) : F("", !0)
         ], 8, Hl)
       ]);
     };
@@ -2627,10 +2627,10 @@ const Dt = /* @__PURE__ */ W({
   emits: ["update:modelValue"],
   setup(e) {
     const r = e, t = ie(e, "modelValue"), n = M(null);
-    function a(o) {
+    function l(o) {
       r.persistent || o.target === n.value && (t.value = !1);
     }
-    const l = m(() => {
+    const a = m(() => {
       switch (r.blur) {
         case "sm":
           return "backdrop-blur-sm";
@@ -2654,17 +2654,17 @@ const Dt = /* @__PURE__ */ W({
       }).observe(document.body);
     });
     const s = Rl();
-    return (o, c) => (w(), G(nr, {
-      to: h(s) ?? "body"
+    return (o, c) => (x(), G(nr, {
+      to: p(s) ?? "body"
     }, [
       O("div", {
         ref_key: "wrapperRef",
         ref: n,
-        class: D(["fixed left-0 top-0 z-100 h-full w-full bg-surface-10/50 p-2 transition-all duration-100", [l.value, o.wrapperClass, {
+        class: D(["fixed left-0 top-0 z-100 h-full w-full bg-surface-10/50 p-2 transition-all duration-100", [a.value, o.wrapperClass, {
           "op-0 pointer-events-none": !t.value,
           "op-100": t.value
         }]]),
-        onClick: a
+        onClick: l
       }, [
         L(o.$slots, "default")
       ], 2)
@@ -2683,11 +2683,11 @@ const Dt = /* @__PURE__ */ W({
   emits: ["update:modelValue"],
   setup(e) {
     const r = e, t = ie(e, "modelValue");
-    return (n, a) => {
-      const l = Vt, i = Dt;
-      return w(), G(i, {
+    return (n, l) => {
+      const a = Vt, i = Dt;
+      return x(), G(i, {
         modelValue: t.value,
-        "onUpdate:modelValue": a[1] || (a[1] = (s) => t.value = s),
+        "onUpdate:modelValue": l[1] || (l[1] = (s) => t.value = s),
         blur: r.blur,
         persistent: r.persistent
       }, {
@@ -2701,18 +2701,18 @@ const Dt = /* @__PURE__ */ W({
             "leave-active-class": "transition ease-in duration-200"
           }, {
             default: ee(() => [
-              t.value ? (w(), A("div", {
+              t.value ? (x(), A("div", {
                 key: 0,
                 class: D(["bg-surface-low fixed h-full w-full md:w-md", n.position === "left" ? "left-0" : "right-0"])
               }, [
                 O("div", El, [
-                  U(l, {
+                  U(a, {
                     icon: "",
                     variant: "transparent",
                     class: "text-surface-on hover:text-surface-on",
-                    onPointerup: a[0] || (a[0] = (s) => t.value = !1)
+                    onPointerup: l[0] || (l[0] = (s) => t.value = !1)
                   }, {
-                    default: ee(() => a[2] || (a[2] = [
+                    default: ee(() => l[2] || (l[2] = [
                       O("i", { class: "i-fluent-dismiss-12-filled" }, null, -1)
                     ])),
                     _: 1
@@ -2738,30 +2738,30 @@ const Dt = /* @__PURE__ */ W({
   },
   emits: ["drop"],
   setup(e, { emit: r }) {
-    const t = e, n = r, a = M(), { onChange: l, open: i } = On({
+    const t = e, n = r, l = M(), { onChange: a, open: i } = On({
       accept: t.accept
     });
-    l((d) => {
+    a((d) => {
       d ? n("drop", Array.from(d)) : n("drop", null);
     });
-    const { isOverDropZone: s } = Dn(a, {
+    const { isOverDropZone: s } = Dn(l, {
       onDrop: (d) => {
         n("drop", d);
       }
     }), o = Bt("default"), c = yr();
-    return (d, u) => (w(), A("div", {
+    return (d, u) => (x(), A("div", {
       ref_key: "dropZoneRef",
-      ref: a,
+      ref: l,
       class: D([[
-        h(o).class,
-        h(s) && h(c).class,
+        p(o).class,
+        p(s) && p(c).class,
         {
-          "bg-surface-low": !h(s),
+          "bg-surface-low": !p(s),
           "border-dashed": d.dashed
         }
       ], "h-full w-full flex cursor-pointer items-center justify-center border rounded"]),
-      style: P([h(o).style, h(s) && h(c).style]),
-      onPointerup: u[0] || (u[0] = () => h(i)())
+      style: P([p(o).style, p(s) && p(c).style]),
+      onPointerup: u[0] || (u[0] = () => p(i)())
     }, [
       L(d.$slots, "default")
     ], 38));
@@ -2781,15 +2781,15 @@ const Dt = /* @__PURE__ */ W({
   },
   setup(e) {
     const r = e, t = M(!1), n = M(null);
-    function a() {
+    function l() {
       t.value = !0;
     }
     he(() => {
       var i;
-      (i = n.value) != null && i.complete && a();
+      (i = n.value) != null && i.complete && l();
     });
-    const l = ae(r);
-    return (i, s) => (w(), A("div", {
+    const a = ae(r);
+    return (i, s) => (x(), A("div", {
       style: P({
         height: i.height,
         width: i.width,
@@ -2797,32 +2797,32 @@ const Dt = /* @__PURE__ */ W({
         maxWidth: i.maxWidth
       })
     }, [
-      i.src ? (w(), G(xe(i.is), Z({
+      i.src ? (x(), G(xe(i.is), Q({
         key: 0,
         ref_key: "img",
         ref: n,
         style: [
           i.style,
-          h(l).style
+          p(a).style
         ],
         src: i.src,
         class: ["h-full w-full object-cover", [
           r.class,
-          h(l).class,
+          p(a).class,
           {
             hidden: !t.value
           }
         ]]
-      }, i.$attrs, { onLoad: a }), null, 16, ["style", "src", "class"])) : F("", !0),
-      t.value ? F("", !0) : (w(), A("div", {
+      }, i.$attrs, { onLoad: l }), null, 16, ["style", "src", "class"])) : F("", !0),
+      t.value ? F("", !0) : (x(), A("div", {
         key: 1,
         class: D(["h-full w-full animate-pulse border-transparent object-cover", [
           r.class,
-          h(l).class
+          p(a).class
         ]]),
         style: P([
           i.style,
-          h(l).style
+          p(a).style
         ])
       }, null, 6))
     ], 4));
@@ -2847,7 +2847,7 @@ const Dt = /* @__PURE__ */ W({
         default:
           return typeof r.size == "number" || !Number.isNaN(Number(r.size)) ? `w-${r.size} h-${r.size}` : r.size;
       }
-    }), n = vt(), a = m(() => {
+    }), n = vt(), l = m(() => {
       if (!n.label)
         return "";
       switch (r.size) {
@@ -2859,7 +2859,7 @@ const Dt = /* @__PURE__ */ W({
         default:
           return "text-md children:px-2";
       }
-    }), l = m(() => {
+    }), a = m(() => {
       switch (r.position) {
         case "bottom-left":
           return "bottom-0 left-0 -translate-x-1/2 translate-y-1/2";
@@ -2872,19 +2872,19 @@ const Dt = /* @__PURE__ */ W({
           return "top-0 right-0 translate-x-1/2 -translate-y-1/2";
       }
     }), i = m(() => r.color), s = cl(i);
-    return (o, c) => (w(), A("div", Bl, [
+    return (o, c) => (x(), A("div", Bl, [
       O("div", {
-        class: D([[l.value, a.value], "absolute z-1"])
+        class: D([[a.value, l.value], "absolute z-1"])
       }, [
-        r.ping ? (w(), A("div", {
+        r.ping ? (x(), A("div", {
           key: 0,
           class: D(["absolute box-content animate-ping border-2 border-transparent rounded-full", [
             {
               [t.value]: !o.$slots.label
             },
-            h(s).class
+            p(s).class
           ]]),
-          style: P([h(s).style])
+          style: P([p(s).style])
         }, [
           o.$slots.label ? L(o.$slots, "label", { key: 0 }) : F("", !0)
         ], 6)) : F("", !0),
@@ -2893,9 +2893,9 @@ const Dt = /* @__PURE__ */ W({
             {
               [t.value]: !o.$slots.label
             },
-            h(s).class
+            p(s).class
           ]]),
-          style: P(h(s).style)
+          style: P(p(s).style)
         }, [
           o.$slots.label ? L(o.$slots, "label", { key: 0 }) : F("", !0)
         ], 6)
@@ -2940,62 +2940,62 @@ const Vl = {
   setup(e) {
     const r = e, t = M(null), n = Se(t, {
       delayLeave: 100
-    }), a = ae({ rounded: r.rounded }), l = $e("menuCurrentIdx", M([])), i = m(() => l.value.join() === r.idx.join());
+    }), l = ae({ rounded: r.rounded }), a = $e("menuCurrentIdx", M([])), i = m(() => a.value.join() === r.idx.join());
     de(() => {
       var g;
       i.value && ((g = t.value) == null || g.focus());
     });
-    const s = m(() => l.value.length > r.idx.length && l.value.slice(0, r.idx.length).join() === r.idx.join()), o = m(() => r.color), c = zt(o), d = $e("selectMenuItem", () => {
+    const s = m(() => a.value.length > r.idx.length && a.value.slice(0, r.idx.length).join() === r.idx.join()), o = m(() => r.color), c = zt(o), d = $e("selectMenuItem", () => {
       console.error("selectMenuItem is not provided");
     }), u = M(null), f = m(() => {
-      var R, H, y, k;
-      const g = window.innerWidth, C = ((R = u.value) == null ? void 0 : R.clientWidth) ?? 0, v = ((H = u.value) == null ? void 0 : H.getBoundingClientRect().left) ?? 0, b = g - v > C, x = window.innerHeight, p = ((y = u.value) == null ? void 0 : y.clientHeight) ?? 0, S = ((k = u.value) == null ? void 0 : k.getBoundingClientRect().top) ?? 0, $ = x - S > p;
+      var T, H, y, k;
+      const g = window.innerWidth, C = ((T = u.value) == null ? void 0 : T.clientWidth) ?? 0, v = ((H = u.value) == null ? void 0 : H.getBoundingClientRect().left) ?? 0, b = g - v > C, $ = window.innerHeight, h = ((y = u.value) == null ? void 0 : y.clientHeight) ?? 0, w = ((k = u.value) == null ? void 0 : k.getBoundingClientRect().top) ?? 0, S = $ - w > h;
       return {
         left: b ? "100%" : "auto",
         right: b ? "auto" : "100%",
-        top: $ ? "0" : "auto",
-        bottom: $ ? "auto" : "0"
+        top: S ? "0" : "auto",
+        bottom: S ? "auto" : "0"
       };
     });
     return (g, C) => {
       const v = Tr("MenuItem", !0);
-      return h(Ot)(g.data) ? (w(), A("div", Vl, ne(g.data.title), 1)) : h(Pt)(g.data) ? (w(), A("div", Dl)) : (w(), A("button", Z({
+      return p(Ot)(g.data) ? (x(), A("div", Vl, ne(g.data.title), 1)) : p(Pt)(g.data) ? (x(), A("div", Dl)) : (x(), A("button", Q({
         key: 2,
         ref_key: "menuItemRef",
         ref: t,
         tabindex: -1,
         class: ["relative inline-block h-8 w-full flex cursor-pointer items-center gap-2 hover:bg-surface-variant-2 px-2 outline-2 focus-visible:outline", [
-          h(a).class,
+          p(l).class,
           {
             "z-1": i.value,
             "bg-surface-variant-2": s.value
           }
         ]]
-      }, h(c), {
-        style: [h(a).style],
+      }, p(c), {
+        style: [p(l).style],
         onPointerdown: C[0] || (C[0] = () => {
           const b = g.data;
-          b.value && h(d)(b.value);
+          b.value && p(d)(b.value);
         })
       }), [
-        g.data.icon ? (w(), A("i", {
+        g.data.icon ? (x(), A("i", {
           key: 0,
           class: D([g.data.icon, "w-5 flex-shrink-0"])
-        }, null, 2)) : r.hasIcon ? (w(), A("i", Pl)) : F("", !0),
+        }, null, 2)) : r.hasIcon ? (x(), A("i", Pl)) : F("", !0),
         O("div", Ol, ne(g.data.title), 1),
-        g.data.children ? (w(), A("i", Ll)) : F("", !0),
-        g.data.children && (h(n) || s.value) ? (w(), A("menu", {
+        g.data.children ? (x(), A("i", Ll)) : F("", !0),
+        g.data.children && (p(n) || s.value) ? (x(), A("menu", {
           key: 3,
           ref_key: "menuDropdownRef",
           ref: u,
-          class: D(["absolute left-100% top-0 ml-1 w-64 border border bg-surface bg-surface p-2", h(a).class]),
-          style: P([h(a).style, f.value])
+          class: D(["absolute left-100% top-0 ml-1 w-64 border border bg-surface bg-surface p-2", p(l).class]),
+          style: P([p(l).style, f.value])
         }, [
-          (w(!0), A(J, null, fe(g.data.children, (b, x) => (w(), G(v, {
-            key: x,
-            "has-icon": h(xr)(g.data.children),
+          (x(!0), A(J, null, fe(g.data.children, (b, $) => (x(), G(v, {
+            key: $,
+            "has-icon": p(xr)(g.data.children),
             data: b,
-            idx: [...g.idx, x]
+            idx: [...g.idx, $]
           }, null, 8, ["has-icon", "data", "idx"]))), 128))
         ], 6)) : F("", !0)
       ], 16));
@@ -3038,7 +3038,7 @@ const Vl = {
   setup(e, {
     emit: r
   }) {
-    const t = e, n = r, a = ie(e, "modelValue"), l = m(() => a.value), [i, s] = _n(), o = m(() => l.value === void 0 ? i.value : l.value), c = ae(t), d = M(null), u = M(null), f = M(null);
+    const t = e, n = r, l = ie(e, "modelValue"), a = m(() => l.value), [i, s] = _n(), o = m(() => a.value === void 0 ? i.value : a.value), c = ae(t), d = M(null), u = M(null), f = M(null);
     N(u, "pointerup", (y) => {
       t.trigger !== "click" || y.button !== 0 || (y.stopPropagation(), y.preventDefault(), s());
     });
@@ -3058,10 +3058,10 @@ const Vl = {
       if (t.trigger !== "contextmenu")
         return;
       y.stopPropagation(), y.preventDefault(), s();
-      const k = d.value, T = k == null ? void 0 : k.getBoundingClientRect();
-      T && (v.value = {
-        x: y.clientX - T.left,
-        y: y.clientY - T.top
+      const k = d.value, R = k == null ? void 0 : k.getBoundingClientRect();
+      R && (v.value = {
+        x: y.clientX - R.left,
+        y: y.clientY - R.top
       });
     }), $t(f, () => {
       s(!1);
@@ -3074,48 +3074,48 @@ const Vl = {
     de(() => {
       o.value || (b.value = [-1]);
     }), Re("menuCurrentIdx", b);
-    function x(y, k) {
-      const T = y;
+    function $(y, k) {
+      const R = y;
       if (k.length <= 1)
-        return T.length;
-      const _ = T[k[0]];
+        return R.length;
+      const _ = R[k[0]];
       if (!He(_) || _.children === void 0)
         return 0;
       const I = _.children;
-      return x(I, k.slice(1));
+      return $(I, k.slice(1));
     }
-    const p = m(() => t.data === void 0 ? 0 : x(t.data, b.value)), S = m(() => t.data);
+    const h = m(() => t.data === void 0 ? 0 : $(t.data, b.value)), w = m(() => t.data);
     pe("ArrowDown", (y) => {
       var I;
       if (!o.value)
         return;
       y.preventDefault();
       const k = b.value;
-      let _ = (k[k.length - 1] + 1) % p.value;
-      for (; !He($(S.value, [...k.slice(0, k.length - 1), _])) || (I = $(S.value, [...k.slice(0, k.length - 1), _])) != null && I.render; )
-        _ = (_ + 1) % p.value;
+      let _ = (k[k.length - 1] + 1) % h.value;
+      for (; !He(S(w.value, [...k.slice(0, k.length - 1), _])) || (I = S(w.value, [...k.slice(0, k.length - 1), _])) != null && I.render; )
+        _ = (_ + 1) % h.value;
       b.value = [...k.slice(0, k.length - 1), _];
     }), pe("ArrowUp", (y) => {
       var I;
       if (!o.value)
         return;
       y.preventDefault();
-      const k = b.value, T = k[k.length - 1];
-      if (T === -1 && k.length === 1) {
-        b.value = [p.value - 1];
+      const k = b.value, R = k[k.length - 1];
+      if (R === -1 && k.length === 1) {
+        b.value = [h.value - 1];
         return;
       }
-      let _ = (T - 1 + p.value) % p.value;
-      for (; !He($(S.value, [...k.slice(0, k.length - 1), _])) || (I = $(S.value, [...k.slice(0, k.length - 1), _])) != null && I.render; )
-        _ = (_ - 1 + p.value) % p.value;
+      let _ = (R - 1 + h.value) % h.value;
+      for (; !He(S(w.value, [...k.slice(0, k.length - 1), _])) || (I = S(w.value, [...k.slice(0, k.length - 1), _])) != null && I.render; )
+        _ = (_ - 1 + h.value) % h.value;
       b.value = [...k.slice(0, k.length - 1), _];
     }), pe("ArrowRight", (y) => {
-      if (o.value && (y.preventDefault(), !!He($(S.value, b.value)) && b.value[b.value.length - 1] !== -1)) {
-        let k = S.value;
-        for (let T = 0; T < b.value.length; T++) {
+      if (o.value && (y.preventDefault(), !!He(S(w.value, b.value)) && b.value[b.value.length - 1] !== -1)) {
+        let k = w.value;
+        for (let R = 0; R < b.value.length; R++) {
           if (k === void 0)
             return;
-          const _ = k[b.value[T]];
+          const _ = k[b.value[R]];
           if (!He(_) || _.children === void 0)
             return;
           k = _.children;
@@ -3123,40 +3123,40 @@ const Vl = {
         k !== void 0 && (b.value = [...b.value, 0]);
       }
     }), pe("ArrowLeft", (y) => {
-      o.value && (y.preventDefault(), He($(S.value, b.value)) && b.value.length > 1 && (b.value = b.value.slice(0, b.value.length - 1)));
+      o.value && (y.preventDefault(), He(S(w.value, b.value)) && b.value.length > 1 && (b.value = b.value.slice(0, b.value.length - 1)));
     });
-    function $(y, k) {
+    function S(y, k) {
       if (k.length === 0)
         return;
-      let T = y;
+      let R = y;
       for (let _ = 0; _ < k.length - 1; _++) {
-        if (T === void 0)
+        if (R === void 0)
           return;
-        const I = T[k[_]];
+        const I = R[k[_]];
         if (!He(I) || I.children === void 0)
           return;
-        T = I.children;
+        R = I.children;
       }
-      if (T !== void 0)
-        return T[k[k.length - 1]];
+      if (R !== void 0)
+        return R[k[k.length - 1]];
     }
     Re("selectMenuItem", (y) => {
       n("select", y), s(!1);
     }), pe("Enter", (y) => {
-      var T;
+      var R;
       if (!o.value)
         return;
       y.preventDefault();
-      const k = (T = $(S.value, b.value)) == null ? void 0 : T.value;
+      const k = (R = S(w.value, b.value)) == null ? void 0 : R.value;
       k && (n("select", k), s(!1));
     });
-    const R = m(() => t.trigger === "contextmenu" ? "" : "absolute mt-2");
+    const T = m(() => t.trigger === "contextmenu" ? "" : "absolute mt-2");
     N(window, "scroll", () => {
       o.value && s(!1);
     });
     const H = m(() => {
       var X, le, V, Y;
-      const y = window.innerWidth, k = ((X = f.value) == null ? void 0 : X.clientWidth) ?? 0, T = ((le = f.value) == null ? void 0 : le.getBoundingClientRect().left) ?? 0, _ = y - T > k, I = window.innerHeight, B = ((V = f.value) == null ? void 0 : V.clientHeight) ?? 0, z = ((Y = f.value) == null ? void 0 : Y.getBoundingClientRect().top) ?? 0, j = I - z > B;
+      const y = window.innerWidth, k = ((X = f.value) == null ? void 0 : X.clientWidth) ?? 0, R = ((le = f.value) == null ? void 0 : le.getBoundingClientRect().left) ?? 0, _ = y - R > k, I = window.innerHeight, B = ((V = f.value) == null ? void 0 : V.clientHeight) ?? 0, z = ((Y = f.value) == null ? void 0 : Y.getBoundingClientRect().top) ?? 0, j = I - z > B;
       return t.trigger === "contextmenu" ? {
         left: `${_ ? v.value.x : v.value.x - k}px`,
         top: `${j ? v.value.y : v.value.y - B}px`,
@@ -3165,8 +3165,8 @@ const Vl = {
     });
     return (y, k) => {
       var _, I, B, z;
-      const T = Fl;
-      return w(), A("div", {
+      const R = Fl;
+      return x(), A("div", {
         ref_key: "menuWrapperRef",
         ref: d,
         class: D([(_ = t.classes) == null ? void 0 : _.wrapper, {
@@ -3182,22 +3182,22 @@ const Vl = {
         "enter-active-class": t.enterActiveClass,
         "leave-active-class": t.leaveActiveClass
       }, {
-        default: ee(() => [o.value && y.data ? (w(), A("menu", {
+        default: ee(() => [o.value && y.data ? (x(), A("menu", {
           key: 0,
           class: "relative z-1 flex justify-center",
           style: P(H.value)
         }, [O("div", {
           ref_key: "menuDropdownRef",
           ref: f,
-          class: D([[h(c).class, R.value], "w-64 border bg-surface p-2"]),
-          style: P([h(c).style])
-        }, [(w(!0), A(J, null, fe(t.data, (j, X) => (w(), A(J, {
+          class: D([[p(c).class, T.value], "w-64 border bg-surface p-2"]),
+          style: P([p(c).style])
+        }, [(x(!0), A(J, null, fe(t.data, (j, X) => (x(), A(J, {
           key: X
-        }, [h(Ot)(j) ? (w(), A("div", Wl, ne(j.title), 1)) : h(Pt)(j) ? (w(), A("div", Nl)) : (w(), A(J, {
+        }, [p(Ot)(j) ? (x(), A("div", Wl, ne(j.title), 1)) : p(Pt)(j) ? (x(), A("div", Nl)) : (x(), A(J, {
           key: 2
-        }, [j.render ? (w(), G(xe(j.render), {
+        }, [j.render ? (x(), G(xe(j.render), {
           key: 0
-        })) : (w(), G(T, Z({
+        })) : (x(), G(R, Q({
           key: 1,
           ref_for: !0
         }, {
@@ -3205,7 +3205,7 @@ const Vl = {
           data: j
         }, {
           idx: [X],
-          "has-icon": h(xr)(t.data)
+          "has-icon": p(xr)(t.data)
         }), null, 16, ["idx", "has-icon"]))], 64))], 64))), 128))], 6)], 4)) : F("", !0)]),
         _: 1
       }, 8, ["enter-active-class", "leave-active-class"])], 2);
@@ -3223,7 +3223,7 @@ const Vl = {
     noPadding: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const r = e, t = m(() => r.color), n = m(() => r.loading), a = ae(r), { x: l, y: i } = ht({ type: "client" }), s = M(null), { width: o, height: c, top: d, left: u } = Ae(s), f = m(() => Math.min(o.value, c.value)), g = m(() => !o.value || !c.value ? [] : n.value ? [
+    const r = e, t = m(() => r.color), n = m(() => r.loading), l = ae(r), { x: a, y: i } = ht({ type: "client" }), s = M(null), { width: o, height: c, top: d, left: u } = Ae(s), f = m(() => Math.min(o.value, c.value)), g = m(() => !o.value || !c.value ? [] : n.value ? [
       {
         backgroundPosition: "0% 0%",
         offset: 0
@@ -3243,8 +3243,8 @@ const Vl = {
     ] : []);
     let C;
     const v = m(() => Be(t.value).value[5]), b = m(() => {
-      var p;
-      return r.loading ? (C ? C.play() : C = (p = s.value) == null ? void 0 : p.animate(g.value, {
+      var h;
+      return r.loading ? (C ? C.play() : C = (h = s.value) == null ? void 0 : h.animate(g.value, {
         duration: 1e3,
         iterations: Number.POSITIVE_INFINITY
       }), {
@@ -3259,21 +3259,21 @@ const Vl = {
       }) : (C && C.pause(), {
         background: "var(--r-surface-background-color)"
       });
-    }), x = m(() => {
+    }), $ = m(() => {
       if (r.traceAnimate) {
-        const p = m(() => ({
+        const h = m(() => ({
           x: u.value + o.value / 2,
           y: d.value + c.value / 2
-        })), S = m(() => {
-          if (l.value < u.value || l.value > u.value + o.value || i.value < d.value || i.value > d.value + c.value)
+        })), w = m(() => {
+          if (a.value < u.value || a.value > u.value + o.value || i.value < d.value || i.value > d.value + c.value)
             return {
-              x: l.value,
+              x: a.value,
               y: i.value
             };
-          const $ = p.value.x, R = p.value.y;
+          const S = h.value.x, T = h.value.y;
           let H, y;
-          const k = (i.value - R) / (l.value - $);
-          return l.value < $ ? (H = u.value, y = R + k * (u.value - $)) : (H = u.value + o.value, y = R + k * (H - $)), y < d.value ? (y = d.value, H = $ + (y - R) / k) : y > d.value + c.value && (y = d.value + c.value, H = $ + (y - R) / k), {
+          const k = (i.value - T) / (a.value - S);
+          return a.value < S ? (H = u.value, y = T + k * (u.value - S)) : (H = u.value + o.value, y = T + k * (H - S)), y < d.value ? (y = d.value, H = S + (y - T) / k) : y > d.value + c.value && (y = d.value + c.value, H = S + (y - T) / k), {
             x: H,
             y
           };
@@ -3282,7 +3282,7 @@ const Vl = {
           "--main-color": v.value,
           "--border-color": "var(--r-surface-border-color)",
           "--bg": "var(--r-surface-background-color)",
-          "--gradient": `radial-gradient(circle at ${S.value.x - u.value}px ${S.value.y - d.value}px, var(--main-color) ${f.value * 0.5}px, var(--border-color) ${f.value * 0.5}px)`,
+          "--gradient": `radial-gradient(circle at ${w.value.x - u.value}px ${w.value.y - d.value}px, var(--main-color) ${f.value * 0.5}px, var(--border-color) ${f.value * 0.5}px)`,
           background: "linear-gradient(var(--bg), var(--bg)) padding-box, var(--gradient) border-box",
           "background-size": "200% 200%",
           "background-color": "var(--bg)"
@@ -3290,27 +3290,27 @@ const Vl = {
       } else
         return {};
     });
-    return (p, S) => (w(), G(xe(p.is), Z({
+    return (h, w) => (x(), G(xe(h.is), Q({
       ref_key: "paperRef",
       ref: s,
       class: ["relative border", [
         {
-          "p-4": !p.noPadding
+          "p-4": !h.noPadding
         },
-        h(a).class
+        p(l).class
       ]],
       style: [
-        h(a).style,
+        p(l).style,
         b.value,
-        x.value
+        $.value
       ]
-    }, p.withBorder && !p.traceAnimate && !n.value ? {
+    }, h.withBorder && !h.traceAnimate && !n.value ? {
       class: "border-[var(--r-surface-border-color)]"
     } : {
       class: "border-transparent"
     }), {
       default: ee(() => [
-        L(p.$slots, "default")
+        L(h.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "style"]));
@@ -3331,11 +3331,11 @@ const Vl = {
   emits: ["update:modelValue"],
   setup(e) {
     const r = e, t = ie(e, "modelValue");
-    return (n, a) => {
-      const l = Sr, i = Dt;
-      return w(), G(i, {
+    return (n, l) => {
+      const a = Sr, i = Dt;
+      return x(), G(i, {
         modelValue: t.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (s) => t.value = s),
+        "onUpdate:modelValue": l[0] || (l[0] = (s) => t.value = s),
         blur: r.blur,
         persistent: r.persistent,
         "wrapper-class": "flex justify-center items-end md:items-start md:pt-5%"
@@ -3350,15 +3350,15 @@ const Vl = {
             "leave-active-class": "transition ease-in duration-100"
           }, {
             default: ee(() => [
-              t.value ? (w(), A(J, { key: 0 }, [
-                n.$slots.default ? L(n.$slots, "default", { key: 0 }) : (w(), G(l, {
+              t.value ? (x(), A(J, { key: 0 }, [
+                n.$slots.default ? L(n.$slots, "default", { key: 0 }) : (x(), G(a, {
                   key: 1,
                   "with-border": "",
                   class: "w-full flex flex flex-col gap-2 md:w-md"
                 }, {
                   default: ee(() => [
-                    n.title || n.$slots.title ? (w(), A("div", jl, [
-                      n.title ? (w(), A("div", Xl, ne(n.title), 1)) : L(n.$slots, "title", { key: 1 })
+                    n.title || n.$slots.title ? (x(), A("div", jl, [
+                      n.title ? (x(), A("div", Xl, ne(n.title), 1)) : L(n.$slots, "title", { key: 1 })
                     ])) : F("", !0),
                     O("div", null, [
                       L(n.$slots, "body")
@@ -3388,15 +3388,15 @@ const bo = /* @__PURE__ */ W({
       console.log(r.value);
     });
     const t = m(() => r.value.length > 0);
-    return (n, a) => {
-      const l = Dt;
-      return w(), G(l, {
+    return (n, l) => {
+      const a = Dt;
+      return x(), G(a, {
         "model-value": t.value,
         persistent: !0,
         "wrapper-class": "flex justify-center items-end md:items-start md:pt-5%"
       }, {
         default: ee(() => [
-          O("div", null, ne(h(r)), 1)
+          O("div", null, ne(p(r)), 1)
         ]),
         _: 1
       }, 8, ["model-value"]);
@@ -3425,18 +3425,18 @@ const bo = /* @__PURE__ */ W({
         default:
           return "h-0.5";
       }
-    }), n = m(() => r.color), a = at(n), l = Qe("bg", { dark: 7, light: 3 }), i = ae(r);
-    return (s, o) => (w(), A("div", Z({
-      class: ["relative w-full self-center overflow-hidden", [t.value, h(i).class]],
-      style: [h(i).style]
-    }, h(l)), [
-      s.loading ? (w(), A("div", Z({
+    }), n = m(() => r.color), l = at(n), a = Qe("bg", { dark: 7, light: 3 }), i = ae(r);
+    return (s, o) => (x(), A("div", Q({
+      class: ["relative w-full self-center overflow-hidden", [t.value, p(i).class]],
+      style: [p(i).style]
+    }, p(a)), [
+      s.loading ? (x(), A("div", Q({
         key: 1,
         class: "loading-progress h-full"
-      }, h(a)), null, 16)) : (w(), A("div", Z({
+      }, p(l)), null, 16)) : (x(), A("div", Q({
         key: 0,
         class: "h-full"
-      }, h(a), {
+      }, p(l), {
         style: [{
           width: `${(Number(s.value) - Number(s.min)) / (Number(s.max) - Number(s.min)) * 100}%`
         }]
@@ -3467,7 +3467,7 @@ const bo = /* @__PURE__ */ W({
   },
   emits: ["close"],
   setup(e) {
-    const r = e, t = ae(r), n = m(() => r.color), a = at(n), l = sl(n), i = Et(), s = m(() => {
+    const r = e, t = ae(r), n = m(() => r.color), l = at(n), a = sl(n), i = Et(), s = m(() => {
       switch (r.size) {
         case "sm":
           return "min-h-10 p-1";
@@ -3480,47 +3480,47 @@ const bo = /* @__PURE__ */ W({
     });
     return (o, c) => {
       const d = Vt, u = Gl;
-      return w(), A("div", Z({
+      return x(), A("div", Q({
         class: ["overflow-hidden", [
           { "border-0": !o.withBorder },
-          h(t).class,
+          p(t).class,
           {
             "max-w-100": !o.block,
             "w-full": o.block
           }
         ]],
-        style: [h(t).style]
-      }, h(i)), [
+        style: [p(t).style]
+      }, p(i)), [
         O("div", {
-          class: D(["relative min-w-80 w-full flex items-center gap-2 pl-4", [s.value, h(l).class]])
+          class: D(["relative min-w-80 w-full flex items-center gap-2 pl-4", [s.value, p(a).class]])
         }, [
-          o.icon ? (w(), A("div", {
+          o.icon ? (x(), A("div", {
             key: 0,
-            class: D([[h(l).class], "leading-0"]),
-            style: P(h(l).style)
+            class: D([[p(a).class], "leading-0"]),
+            style: P(p(a).style)
           }, [
-            o.loading ? (w(), A("i", ql)) : (w(), A("i", {
+            o.loading ? (x(), A("i", ql)) : (x(), A("i", {
               key: 1,
               class: D(["h-container w-container shrink-0", o.icon])
             }, null, 2))
-          ], 6)) : (w(), A("div", Kl, [
-            O("div", Z({
+          ], 6)) : (x(), A("div", Kl, [
+            O("div", Q({
               class: ["absolute left-[0.25rem] top-[0.25rem] h-[calc(100%-0.5rem)] w-1 rounded-full bg-[var(--d-bg)] dark:bg-[var(--d-bg)]", [{
                 "animate-pulse": o.loading
               }]]
-            }, h(a)), null, 16)
+            }, p(l)), null, 16)
           ])),
           O("div", Jl, [
-            o.title ? (w(), A("div", {
+            o.title ? (x(), A("div", {
               key: 0,
               class: D(["text-[var(--l-text)] dark:text-[var(--d-text)]", [{
                 "text-xs": o.size === "sm",
                 "text-sm": o.size === "md",
                 "text-base": o.size === "lg"
-              }, h(l).class]]),
-              style: P(h(l).style)
+              }, p(a).class]]),
+              style: P(p(a).style)
             }, ne(o.title), 7)) : F("", !0),
-            o.$slots.message ? L(o.$slots, "message", { key: 1 }) : o.message ? (w(), A("div", {
+            o.$slots.message ? L(o.$slots, "message", { key: 1 }) : o.message ? (x(), A("div", {
               key: 2,
               class: D(["text-surface-dimmed", {
                 "text-xs": o.size === "sm",
@@ -3528,7 +3528,7 @@ const bo = /* @__PURE__ */ W({
               }])
             }, ne(o.message), 3)) : F("", !0)
           ]),
-          o.closeable ? (w(), G(d, {
+          o.closeable ? (x(), G(d, {
             key: 2,
             icon: "",
             variant: "transparent",
@@ -3536,12 +3536,12 @@ const bo = /* @__PURE__ */ W({
             onClick: c[0] || (c[0] = (f) => o.$emit("close"))
           }, {
             default: ee(() => [
-              o.$slots.closeIcon ? L(o.$slots, "close-icon", { key: 0 }) : (w(), A("i", Zl))
+              o.$slots.closeIcon ? L(o.$slots, "close-icon", { key: 0 }) : (x(), A("i", Zl))
             ]),
             _: 3
           })) : F("", !0)
         ], 2),
-        o.complete ? (w(), G(u, {
+        o.complete ? (x(), G(u, {
           key: 0,
           value: o.complete,
           max: o.total
@@ -3562,20 +3562,20 @@ const bo = /* @__PURE__ */ W({
     pb: { default: 8 }
   },
   setup(e) {
-    const r = e, t = Ut(r.topN), n = M([]), a = m(() => n.value.map((p) => p.getBoundingClientRect())), l = Ut(), i = Ye({});
-    Q([n.value], () => {
-      for (const p of n.value) {
-        const S = p.dataset.hash;
-        if (S && !i.value[S]) {
-          const $ = Se(p, {});
-          i.value[S] = $;
+    const r = e, t = Ut(r.topN), n = M([]), l = m(() => n.value.map((h) => h.getBoundingClientRect())), a = Ut(), i = Ye({});
+    Z([n.value], () => {
+      for (const h of n.value) {
+        const w = h.dataset.hash;
+        if (w && !i.value[w]) {
+          const S = Se(h, {});
+          i.value[w] = S;
         }
       }
-    }), r.progress && An(({ delta: p }) => {
-      l.value = l.value.map((S) => i.value[S.hash] && i.value[S.hash].value || !t.value.includes(S) ? S : { ...S, durationMS: S.durationMS - p }).filter((S) => S.durationMS > 0);
+    }), r.progress && An(({ delta: h }) => {
+      a.value = a.value.map((w) => i.value[w.hash] && i.value[w.hash].value || !t.value.includes(w) ? w : { ...w, durationMS: w.durationMS - h }).filter((w) => w.durationMS > 0);
     }, {});
     const s = m(() => {
-      const p = {
+      const h = {
         "top-left": 0,
         "top-right": 0,
         top: 0,
@@ -3583,76 +3583,76 @@ const bo = /* @__PURE__ */ W({
         "bottom-right": 0,
         bottom: 0
       };
-      return t.value.map((S, $) => {
-        const R = S.position || r.position, H = p[R];
-        return a.value[$] && (p[R] += a.value[$].height + r.gap), H;
+      return t.value.map((w, S) => {
+        const T = w.position || r.position, H = h[T];
+        return l.value[S] && (h[T] += l.value[S].height + r.gap), H;
       });
     });
-    function o(p) {
-      return ["top-left", "top-right", "top"].includes(p);
+    function o(h) {
+      return ["top-left", "top-right", "top"].includes(h);
     }
-    function c(p = 0, S) {
-      return S || (S = r.position), o(S) ? {
-        top: `${p + r.pt}px`
+    function c(h = 0, w) {
+      return w || (w = r.position), o(w) ? {
+        top: `${h + r.pt}px`
       } : {
-        bottom: `${p + r.pb}px`
+        bottom: `${h + r.pb}px`
       };
     }
-    function d(p) {
-      return p.includes("right") ? {
+    function d(h) {
+      return h.includes("right") ? {
         transform: "translateX(-100%)"
-      } : p.includes("left") ? {} : {
+      } : h.includes("left") ? {} : {
         transform: "translateX(-50%)"
       };
     }
-    function u(p) {
-      return p.includes("right") ? {
+    function u(h) {
+      return h.includes("right") ? {
         right: `${r.pr}px`
-      } : p.includes("left") ? {
+      } : h.includes("left") ? {
         left: `${r.pl}px`
       } : {
         left: "50%"
       };
     }
-    function f(p) {
-      return p.includes("top") ? {
+    function f(h) {
+      return h.includes("top") ? {
         top: `${r.pt}px`
       } : {
         bottom: `${r.pb}px`
       };
     }
-    const g = function(p) {
-      return o(p) ? "animate-keyframes-fade-in-down animate-duration-0.3s" : "animate-keyframes-fade-in-up animate-duration-0.3s";
-    }, C = function(p) {
-      return o(p) ? "animate-keyframes-fade-out-down animate-duration-0.3s" : "animate-keyframes-fade-out-up animate-duration-0.3s";
+    const g = function(h) {
+      return o(h) ? "animate-keyframes-fade-in-down animate-duration-0.3s" : "animate-keyframes-fade-in-up animate-duration-0.3s";
+    }, C = function(h) {
+      return o(h) ? "animate-keyframes-fade-out-down animate-duration-0.3s" : "animate-keyframes-fade-out-up animate-duration-0.3s";
     };
-    function v(p) {
-      t.value.indexOf(p) !== -1 && (l.value = l.value.filter(($) => $.hash !== p.hash));
+    function v(h) {
+      t.value.indexOf(h) !== -1 && (a.value = a.value.filter((S) => S.hash !== h.hash));
     }
-    function b(p) {
-      if (!p.durationMS || p.durationMS <= 0)
+    function b(h) {
+      if (!h.durationMS || h.durationMS <= 0)
         return 0;
-      const S = p.durationMS, $ = p.initialDurationMS;
-      return ($ - S) / $;
+      const w = h.durationMS, S = h.initialDurationMS;
+      return (S - w) / S;
     }
-    const x = ["top-left", "top-right", "top", "bottom-left", "bottom-right", "bottom"];
-    return (p, S) => {
-      const $ = Ql;
-      return w(), A("div", ea, [
-        (w(), A(J, null, fe(x, (R) => O("div", {
-          key: R,
-          style: P([f(R), u(R)]),
+    const $ = ["top-left", "top-right", "top", "bottom-left", "bottom-right", "bottom"];
+    return (h, w) => {
+      const S = Ql;
+      return x(), A("div", ea, [
+        (x(), A(J, null, fe($, (T) => O("div", {
+          key: T,
+          style: P([f(T), u(T)]),
           class: "absolute"
         }, [
           U(Rr, {
-            "enter-active-class": g(R),
-            "leave-active-class": C(R)
+            "enter-active-class": g(T),
+            "leave-active-class": C(T)
           }, {
             default: ee(() => [
-              (w(!0), A(J, null, fe(h(t), (H, y) => (w(), A(J, {
+              (x(!0), A(J, null, fe(p(t), (H, y) => (x(), A(J, {
                 key: H.hash
               }, [
-                H.position === R ? (w(), A("div", {
+                H.position === T ? (x(), A("div", {
                   key: 0,
                   class: "absolute transition-top,bottom,transform duration-0.3s",
                   style: P([c(s.value[y], H.position)])
@@ -3662,9 +3662,9 @@ const bo = /* @__PURE__ */ W({
                     ref_key: "notificationRefs",
                     ref: n,
                     "data-hash": H.hash,
-                    style: P([d(R), c(s.value[y], H.position)])
+                    style: P([d(T), c(s.value[y], H.position)])
                   }, [
-                    U($, {
+                    U(S, {
                       "with-border": "",
                       closeable: "",
                       title: H.title,
@@ -3672,7 +3672,7 @@ const bo = /* @__PURE__ */ W({
                       icon: H.icon,
                       loading: H.loading,
                       color: H.color,
-                      complete: p.progress ? b(H) * 100 : void 0,
+                      complete: h.progress ? b(H) * 100 : void 0,
                       onClose: (k) => v(H)
                     }, null, 8, ["title", "message", "icon", "loading", "color", "complete", "onClose"])
                   ], 12, ta)
@@ -3706,16 +3706,16 @@ const bo = /* @__PURE__ */ W({
         default:
           return "";
       }
-    }), n = ae(r), a = M(null), l = E(r.color).toRgb(), i = m(() => ({
-      backgroundColor: `rgba(${l.r}, ${l.g}, ${l.b}, ${r.opacity / 100})`
+    }), n = ae(r), l = M(null), a = E(r.color).toRgb(), i = m(() => ({
+      backgroundColor: `rgba(${a.r}, ${a.g}, ${a.b}, ${r.opacity / 100})`
     }));
-    return (s, o) => (w(), A("div", ra, [
+    return (s, o) => (x(), A("div", ra, [
       L(s.$slots, "default"),
-      O("div", Z(s.$attrs, {
+      O("div", Q(s.$attrs, {
         ref_key: "wrapperRef",
-        ref: a,
-        class: [[t.value, h(n).class], "absolute left-0 top-0 h-full w-full overflow-hidden md:items-center"],
-        style: [h(n).style, i.value]
+        ref: l,
+        class: [[t.value, p(n).class], "absolute left-0 top-0 h-full w-full overflow-hidden md:items-center"],
+        style: [p(n).style, i.value]
       }), [
         L(s.$slots, "content")
       ], 16)
@@ -3739,7 +3739,7 @@ const bo = /* @__PURE__ */ W({
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: r }) {
-    const t = e, n = ie(e, "modelValue"), a = m(() => {
+    const t = e, n = ie(e, "modelValue"), l = m(() => {
       switch (t.size) {
         case "sm":
           return {
@@ -3755,7 +3755,7 @@ const bo = /* @__PURE__ */ W({
             base: "h-8 px-3 py-1 text-sm"
           };
       }
-    }), l = m(() => {
+    }), a = m(() => {
       switch (t.size) {
         case "sm":
           return "text-xs";
@@ -3770,23 +3770,23 @@ const bo = /* @__PURE__ */ W({
       el: d
     });
     const u = rr(), f = Ht(u);
-    return (g, C) => (w(), A("div", {
-      style: P([h(s)])
+    return (g, C) => (x(), A("div", {
+      style: P([p(s)])
     }, [
-      g.$slots.label || g.label ? (w(), A("label", {
+      g.$slots.label || g.label ? (x(), A("label", {
         key: 0,
-        for: h(f),
-        class: D(["mb-1 block", [l.value]])
+        for: p(f),
+        class: D(["mb-1 block", [a.value]])
       }, [
-        g.$slots.label ? L(g.$slots, "label", { key: 0 }) : (w(), A("span", aa, ne(g.label), 1))
+        g.$slots.label ? L(g.$slots, "label", { key: 0 }) : (x(), A("span", aa, ne(g.label), 1))
       ], 10, la)) : F("", !0),
-      ft(O("input", Z({ id: h(f) }, g.$attrs, {
+      ft(O("input", Q({ id: p(f) }, g.$attrs, {
         ref_key: "input",
         ref: d,
         "onUpdate:modelValue": C[0] || (C[0] = (v) => n.value = v),
         disabled: g.disabled,
-        class: ["w-full border px-2 py-1 outline-none custom-input-colors", [o.value, h(c).class, a.value.base]],
-        style: [h(c).style],
+        class: ["w-full border px-2 py-1 outline-none custom-input-colors", [o.value, p(c).class, l.value.base]],
+        style: [p(c).style],
         placeholder: g.placeholder,
         type: t.password ? "password" : "text"
       }), null, 16, oa), [
@@ -3811,14 +3811,14 @@ const bo = /* @__PURE__ */ W({
         o + u >= t.value.length || (t.value[o + u].el.value = d, o + u + 1 < t.value.length ? (t.value[o + u + 1].el.focus(), t.value[o + u + 1].el.select()) : t.value[o + u].el.blur());
       });
     }
-    function a(s) {
+    function l(s) {
       s.preventDefault(), s.stopPropagation();
       const o = s.target.value !== "";
       s.target.value = "";
       const c = t.value.findIndex((d) => d.el === s.target);
       c !== 0 && (t.value[c - 1].el.focus(), t.value[c - 1].el.select(), o || (t.value[c - 1].el.value = ""));
     }
-    function l(s) {
+    function a(s) {
       s.preventDefault(), s.stopPropagation();
       const o = t.value.findIndex((c) => c.el === s.target);
       o > 0 && (t.value[o - 1].el.focus(), t.value[o - 1].el.select());
@@ -3828,8 +3828,8 @@ const bo = /* @__PURE__ */ W({
       const o = t.value.findIndex((c) => c.el === s.target);
       o < t.value.length - 1 && (t.value[o + 1].el.focus(), t.value[o + 1].el.select());
     }
-    return (s, o) => (w(), A("div", ia, [
-      (w(!0), A(J, null, fe(r.length, (c) => (w(), G(sa, {
+    return (s, o) => (x(), A("div", ia, [
+      (x(!0), A(J, null, fe(r.length, (c) => (x(), G(sa, {
         ref_for: !0,
         ref_key: "inputs",
         ref: t,
@@ -3840,8 +3840,8 @@ const bo = /* @__PURE__ */ W({
         onPointerup: o[0] || (o[0] = (d) => d.target.select()),
         onInput: lr(n, ["stop", "prevent"]),
         onKeydown: [
-          yt(a, ["backspace"]),
-          yt(l, ["arrow-left"]),
+          yt(l, ["backspace"]),
+          yt(a, ["arrow-left"]),
           yt(i, ["arrow-right"])
         ]
       }, null, 8, ["password"]))), 128))
@@ -3863,7 +3863,7 @@ const bo = /* @__PURE__ */ W({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const r = e, t = M(null), n = M(null), a = Ae(t), l = Ae(n), i = m(() => {
+    const r = e, t = M(null), n = M(null), l = Ae(t), a = Ae(n), i = m(() => {
       switch (r.position) {
         case "top-start":
           return "top-0 left-0";
@@ -3883,12 +3883,12 @@ const bo = /* @__PURE__ */ W({
         case "top-start":
         case "top-end":
           return {
-            top: `${-l.height.value - r.offset}px`
+            top: `${-a.height.value - r.offset}px`
           };
         case "top":
           return {
-            top: `${-l.height.value - r.offset}px`,
-            left: `${-l.width.value / 2 + a.width.value / 2}px`
+            top: `${-a.height.value - r.offset}px`,
+            left: `${-a.width.value / 2 + l.width.value / 2}px`
           };
         case "bottom-start":
         case "bottom-end":
@@ -3897,38 +3897,38 @@ const bo = /* @__PURE__ */ W({
           };
         case "bottom":
           return {
-            top: `${a.height.value + r.offset}px`,
-            left: `${-l.width.value / 2 + a.width.value / 2}px`
+            top: `${l.height.value + r.offset}px`,
+            left: `${-a.width.value / 2 + l.width.value / 2}px`
           };
         case "left-start":
           return {
-            left: `${-l.width.value - r.offset}px`,
+            left: `${-a.width.value - r.offset}px`,
             top: 0
           };
         case "left-end":
           return {
-            left: `${-l.width.value - r.offset}px`,
-            top: `${-l.height.value + a.height.value}px`
+            left: `${-a.width.value - r.offset}px`,
+            top: `${-a.height.value + l.height.value}px`
           };
         case "left":
           return {
-            left: `${-l.width.value - r.offset}px`,
-            top: `${-l.height.value / 2 + a.height.value / 2}px`
+            left: `${-a.width.value - r.offset}px`,
+            top: `${-a.height.value / 2 + l.height.value / 2}px`
           };
         case "right-start":
           return {
-            left: `${r.offset + a.width.value}px`,
+            left: `${r.offset + l.width.value}px`,
             top: 0
           };
         case "right-end":
           return {
-            left: `${r.offset + a.width.value}px`,
-            top: `${-l.height.value + a.height.value}px`
+            left: `${r.offset + l.width.value}px`,
+            top: `${-a.height.value + l.height.value}px`
           };
         case "right":
           return {
-            left: `${a.width.value + r.offset}px`,
-            top: `${-l.height.value / 2 + a.height.value / 2}px`
+            left: `${l.width.value + r.offset}px`,
+            top: `${-a.height.value / 2 + l.height.value / 2}px`
           };
         default:
           return {};
@@ -3943,7 +3943,7 @@ const bo = /* @__PURE__ */ W({
       (g = t.value) != null && g.contains(f.target) ? c.value = !0 : c.value = !1;
     }), (f, g) => {
       const C = na;
-      return w(), A("div", {
+      return x(), A("div", {
         ref_key: "wrapperRef",
         ref: t,
         class: "relative"
@@ -3951,7 +3951,7 @@ const bo = /* @__PURE__ */ W({
         O("div", { onPointerup: u }, [
           L(f.$slots, "default")
         ], 32),
-        d.value && f.overlay ? (w(), G(C, {
+        d.value && f.overlay ? (x(), G(C, {
           key: 0,
           opacity: 0,
           class: "fixed inset-0 z-10",
@@ -3960,7 +3960,7 @@ const bo = /* @__PURE__ */ W({
           }),
           onPointerup: g[0] || (g[0] = (v) => c.value = !1)
         }, null, 8, ["style"])) : F("", !0),
-        d.value ? (w(), A("div", {
+        d.value ? (x(), A("div", {
           key: 1,
           ref_key: "contentRef",
           ref: n,
@@ -3989,55 +3989,55 @@ const bo = /* @__PURE__ */ W({
   }),
   emits: /* @__PURE__ */ re(["select"], ["update:modelValue"]),
   setup(e, { emit: r }) {
-    const t = e, n = r, a = m(() => t.count ?? 5), l = ie(e, "modelValue"), i = m(() => t.highlightSelectedOnly ?? !1), s = m(() => t.unselectable ?? !1), o = M(-1), c = m(() => d(t.icons, a.value, pa, ha));
-    function d(p, S, $, R) {
+    const t = e, n = r, l = m(() => t.count ?? 5), a = ie(e, "modelValue"), i = m(() => t.highlightSelectedOnly ?? !1), s = m(() => t.unselectable ?? !1), o = M(-1), c = m(() => d(t.icons, l.value, pa, ha));
+    function d(h, w, S, T) {
       function H(k) {
-        return typeof k == "string" ? { active: k, normal: k } : k === void 0 ? { active: R, normal: $ } : {
-          active: k.active || R,
-          normal: k.normal || $
+        return typeof k == "string" ? { active: k, normal: k } : k === void 0 ? { active: T, normal: S } : {
+          active: k.active || T,
+          normal: k.normal || S
         };
       }
-      if (p === void 0)
-        return Array.from({ length: S }, () => ({ active: R, normal: $ }));
+      if (h === void 0)
+        return Array.from({ length: w }, () => ({ active: T, normal: S }));
       let y;
-      if (typeof p == "string")
-        y = { active: p, normal: p };
-      else if (Array.isArray(p)) {
-        const k = p.map((T) => H(T));
-        return k.length === 1 ? (y = k[0], Array.from({ length: S }, () => ({ ...y }))) : k.slice(0, S).concat(
+      if (typeof h == "string")
+        y = { active: h, normal: h };
+      else if (Array.isArray(h)) {
+        const k = h.map((R) => H(R));
+        return k.length === 1 ? (y = k[0], Array.from({ length: w }, () => ({ ...y }))) : k.slice(0, w).concat(
           // Fill remaining with default values
-          Array.from({ length: Math.max(0, S - k.length) }, () => ({ active: R, normal: $ }))
+          Array.from({ length: Math.max(0, w - k.length) }, () => ({ active: T, normal: S }))
         );
       } else
         y = {
-          active: p.active || R,
-          normal: p.normal || $
+          active: h.active || T,
+          normal: h.normal || S
         };
-      return Array.from({ length: S }, () => ({ ...y }));
+      return Array.from({ length: w }, () => ({ ...y }));
     }
-    function u(p) {
-      return i.value ? o.value !== -1 ? o.value === p + 1 : l.value === p + 1 : o.value !== -1 ? o.value > p : l.value >= p + 1;
+    function u(h) {
+      return i.value ? o.value !== -1 ? o.value === h + 1 : a.value === h + 1 : o.value !== -1 ? o.value > h : a.value >= h + 1;
     }
-    function f(p) {
-      const S = c.value[p].normal, $ = c.value[p].active;
-      return u(p) ? [i.value ? va : da, $] : [fa, S];
+    function f(h) {
+      const w = c.value[h].normal, S = c.value[h].active;
+      return u(h) ? [i.value ? va : da, S] : [fa, w];
     }
     const C = m(() => {
       if (typeof t.color == "string")
-        return Array.from({ length: a.value }).map(() => t.color);
-      const p = Array.from({ length: a.value }).map(() => ca);
-      return t.color.forEach((S, $) => {
-        S && (p[$] = S);
-      }), p;
-    }).value.map((p) => nt("filled", p)), v = te({
+        return Array.from({ length: l.value }).map(() => t.color);
+      const h = Array.from({ length: l.value }).map(() => ca);
+      return t.color.forEach((w, S) => {
+        w && (h[S] = w);
+      }), h;
+    }).value.map((h) => nt("filled", h)), v = te({
       color: "surface",
       type: "text",
       index: { dark: 6, light: 4 }
     });
-    function b(p) {
-      l.value === p && s.value ? (n("select", 0), l.value = 0) : (n("select", p + 1), l.value = p + 1);
+    function b(h) {
+      a.value === h && s.value ? (n("select", 0), a.value = 0) : (n("select", h + 1), a.value = h + 1);
     }
-    const x = m(() => {
+    const $ = m(() => {
       switch (t.size) {
         case "sm":
           return "text-xs";
@@ -4048,18 +4048,18 @@ const bo = /* @__PURE__ */ W({
           return "text-base";
       }
     });
-    return (p, S) => (w(), A("div", {
-      class: D(["flex cursor-pointer", x.value])
+    return (h, w) => (x(), A("div", {
+      class: D(["flex cursor-pointer", $.value])
     }, [
-      (w(!0), A(J, null, fe(a.value, ($, R) => (w(), A("div", {
-        key: R,
+      (x(!0), A(J, null, fe(l.value, (S, T) => (x(), A("div", {
+        key: T,
         class: "pr-1",
-        onMouseover: (H) => o.value = R + 1,
-        onMouseleave: S[0] || (S[0] = (H) => o.value = -1),
-        onPointerdown: (H) => b(R)
+        onMouseover: (H) => o.value = T + 1,
+        onMouseleave: w[0] || (w[0] = (H) => o.value = -1),
+        onPointerdown: (H) => b(T)
       }, [
-        O("i", Z({ ref_for: !0 }, u(R) ? h(C)[R].value : h(v), {
-          class: ["active:translate-y-1px", [f(R)]]
+        O("i", Q({ ref_for: !0 }, u(T) ? p(C)[T].value : p(v), {
+          class: ["active:translate-y-1px", [f(T)]]
         }), null, 16)
       ], 40, ua))), 128))
     ], 2));
@@ -4078,7 +4078,7 @@ const bo = /* @__PURE__ */ W({
     de(() => {
       Ce.value = typeof n.value.colors.surface == "string" ? n.value.colors.surface : Ce.value, De.value = typeof n.value.colors.primary == "string" ? n.value.colors.primary : De.value, Pe.value = typeof n.value.colors.secondary == "string" ? n.value.colors.secondary : Pe.value, Oe.value = typeof n.value.colors.tertiary == "string" ? n.value.colors.tertiary : Oe.value, Le.value = typeof n.value.colors.error == "string" ? n.value.colors.error : Le.value;
     });
-    const a = M(null), l = m(() => pr({
+    const l = M(null), a = m(() => pr({
       colors: {
         surface: Ce.value,
         primary: De.value,
@@ -4088,11 +4088,11 @@ const bo = /* @__PURE__ */ W({
       },
       name: n.value.name
     }));
-    return Re(qn, t), Re("currentThemeData", m(() => n.value)), Il(a), (i, s) => (w(), G(xe(i.is), {
+    return Re(qn, t), Re("currentThemeData", m(() => n.value)), Il(l), (i, s) => (x(), G(xe(i.is), {
       ref_key: "wrapperRef",
-      ref: a,
+      ref: l,
       style: P([
-        l.value
+        a.value
       ])
     }, {
       default: ee(() => [
@@ -4115,101 +4115,100 @@ const bo = /* @__PURE__ */ W({
     disabled: { type: Boolean },
     offIcon: {},
     onIcon: {},
-    value: { type: Boolean },
     indicatorIcon: {},
     onIndicatorIcon: {},
     offIndicatorIcon: {}
   }, {
-    modelValue: { type: Boolean },
+    modelValue: { type: Boolean, default: !1 },
     modelModifiers: {}
   }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const r = e, t = ie(e, "modelValue");
-    r.value && (t.value = r.value);
-    const n = M(null), a = M(!1), l = m(() => {
-      switch (r.size) {
+  emits: /* @__PURE__ */ re(["change"], ["update:modelValue"]),
+  setup(e, { emit: r }) {
+    const t = e, n = r, l = ie(e, "modelValue"), a = M(null), i = M(!1), s = m(() => {
+      switch (t.size) {
         case "sm":
           return {
             icon: "text-xs mx-0.5",
             wrapper: "h-4 w-8",
-            indicator: a.value ? "h-3 w-4" : "h-3 w-3",
+            indicator: i.value ? "h-3 w-4" : "h-3 w-3",
             inactive: "left-[calc(0.125rem-1px)]",
-            active: a.value ? "left-[calc(0.875rem-1px)]" : "left-[calc(1.125rem-1px)]"
+            active: i.value ? "left-[calc(0.875rem-1px)]" : "left-[calc(1.125rem-1px)]"
           };
         case "lg":
           return {
             icon: "text-lg mx-2",
             wrapper: "h-8 w-16",
-            indicator: a.value ? "h-6 w-8" : "h-6 w-6",
+            indicator: i.value ? "h-6 w-8" : "h-6 w-6",
             inactive: "left-[calc(0.25rem-1px)]",
-            active: a.value ? "left-[calc(1.75rem-1px)]" : "left-[calc(2.25rem-1px)]"
+            active: i.value ? "left-[calc(1.75rem-1px)]" : "left-[calc(2.25rem-1px)]"
           };
         case "md":
         default:
           return {
             icon: "text-sm mx-1",
             wrapper: "h-6 w-12",
-            indicator: a.value ? "h-4 w-5" : "h-4 w-4",
+            indicator: i.value ? "h-4 w-5" : "h-4 w-4",
             inactive: "left-[calc(0.25rem-1px)]",
-            active: a.value ? "left-[calc(1.5rem-1px)]" : "left-[calc(1.75rem-1px)]"
+            active: i.value ? "left-[calc(1.5rem-1px)]" : "left-[calc(1.75rem-1px)]"
           };
       }
-    }), i = m(() => r.animate ? {
+    }), o = m(() => t.animate ? {
       indicator: "transition-all",
       progress: "transition-width"
     } : {
       indicator: "",
       progress: ""
-    }), s = Ht(r), o = Qe("bg", { dark: 7, light: 3 }), c = ct(r.color, "bg", 5), d = ct(r.color, "text", 5), u = m(() => ({
-      wrapper: t.value ? [c.value.class] : [o.value.class],
+    }), c = Ht(t), d = Qe("bg", { dark: 7, light: 3 }), u = ct(t.color, "bg", 5), f = ct(t.color, "text", 5), g = m(() => ({
+      wrapper: l.value ? [u.value.class] : [d.value.class],
       indicator: "bg-white shadow"
-    })), f = m(() => ({
-      wrapper: t.value ? c.value.style : o.value.style,
-      indicator: t.value ? {} : ""
-    })), g = ae(r), C = m(() => r.color), v = zt(C), b = M(null);
-    return N(b, "keydown", (x) => {
-      (x.key === "Enter" || x.key === " ") && (t.value = !t.value);
-    }), (x, p) => (w(), A("div", {
+    })), C = m(() => ({
+      wrapper: l.value ? u.value.style : d.value.style,
+      indicator: l.value ? {} : ""
+    })), v = ae(t), b = m(() => t.color), $ = zt(b), h = M(null);
+    return N(h, "keydown", (w) => {
+      (w.key === "Enter" || w.key === " ") && (l.value = !l.value);
+    }), Z(l, (w) => {
+      n("change", w);
+    }), (w, S) => (x(), A("div", {
       ref_key: "wrapperRef",
-      ref: b,
+      ref: h,
       role: "switch",
       tabindex: "0",
       class: D(["relative flex items-center gap-2 outline-none", [
-        h(v).class,
-        h(g).class,
+        p($).class,
+        p(v).class,
         {
-          "pointer-events-none filter-grayscale op-60": r.disabled
+          "pointer-events-none filter-grayscale op-60": t.disabled
         }
       ]]),
-      style: P([h(v).style, h(g).style])
+      style: P([p($).style, p(v).style])
     }, [
-      ft(O("input", Z({
-        id: h(s),
-        "onUpdate:modelValue": p[0] || (p[0] = (S) => t.value = S)
-      }, x.$attrs, {
+      ft(O("input", Q({
+        id: p(c),
+        "onUpdate:modelValue": S[0] || (S[0] = (T) => l.value = T)
+      }, w.$attrs, {
         class: "hidden",
         type: "checkbox"
       }), null, 16, ma), [
-        [Er, t.value]
+        [Er, l.value]
       ]),
       O("label", {
         class: "leading-0 cursor-pointer!",
-        for: h(s)
+        for: p(c)
       }, [
         O("div", {
           ref_key: "wrapper",
-          ref: n,
-          class: D([[l.value.wrapper, ...u.value.wrapper, h(g).class], "relative inline-block"]),
-          style: P([h(g).style, f.value.wrapper]),
-          onPointerdown: p[1] || (p[1] = (S) => a.value = !0),
-          onPointerup: p[2] || (p[2] = (S) => a.value = !1),
-          onPointerleave: p[3] || (p[3] = (S) => a.value = !1),
-          onPointerenter: p[4] || (p[4] = (S) => S.buttons === 1 && (a.value = !0))
+          ref: a,
+          class: D([[s.value.wrapper, ...g.value.wrapper, p(v).class], "relative inline-block"]),
+          style: P([p(v).style, C.value.wrapper]),
+          onPointerdown: S[1] || (S[1] = (T) => i.value = !0),
+          onPointerup: S[2] || (S[2] = (T) => i.value = !1),
+          onPointerleave: S[3] || (S[3] = (T) => i.value = !1),
+          onPointerenter: S[4] || (S[4] = (T) => T.buttons === 1 && (i.value = !0))
         }, [
           O("div", {
-            class: D(["absolute top-50% -translate-y-50%", [l.value.indicator, u.value.indicator, i.value.indicator, t.value ? l.value.active : l.value.inactive, h(g).class]]),
-            style: P([h(g).style, f.value.indicator])
+            class: D(["absolute top-50% -translate-y-50%", [s.value.indicator, g.value.indicator, o.value.indicator, l.value ? s.value.active : s.value.inactive, p(v).class]]),
+            style: P([p(v).style, C.value.indicator])
           }, [
             U(We, {
               name: "fade",
@@ -4222,18 +4221,18 @@ const bo = /* @__PURE__ */ W({
               "leave-to-class": "scale-0"
             }, {
               default: ee(() => [
-                r.indicatorIcon ? (w(), A("i", {
+                t.indicatorIcon ? (x(), A("i", {
                   key: 0,
-                  class: D(["h-full w-full", [r.indicatorIcon, t.value ? h(d).class : "text-black"]]),
-                  style: P(h(d).style)
-                }, null, 6)) : t.value && r.onIndicatorIcon ? (w(), A("i", {
+                  class: D(["h-full w-full", [t.indicatorIcon, l.value ? p(f).class : "text-black"]]),
+                  style: P(p(f).style)
+                }, null, 6)) : l.value && t.onIndicatorIcon ? (x(), A("i", {
                   key: 1,
-                  class: D(["h-full w-full", [r.onIndicatorIcon, t.value ? h(d).class : "text-black"]]),
-                  style: P(h(d).style)
-                }, null, 6)) : !t.value && r.offIndicatorIcon ? (w(), A("i", {
+                  class: D(["h-full w-full", [t.onIndicatorIcon, l.value ? p(f).class : "text-black"]]),
+                  style: P(p(f).style)
+                }, null, 6)) : !l.value && t.offIndicatorIcon ? (x(), A("i", {
                   key: 2,
-                  class: D(["h-full w-full", [r.offIndicatorIcon, t.value ? h(d).class : "text-black"]]),
-                  style: P(h(d).style)
+                  class: D(["h-full w-full", [t.offIndicatorIcon, l.value ? p(f).class : "text-black"]]),
+                  style: P(p(f).style)
                 }, null, 6)) : F("", !0)
               ]),
               _: 1
@@ -4250,19 +4249,19 @@ const bo = /* @__PURE__ */ W({
             "leave-to-class": "scale-0 rotate-50 "
           }, {
             default: ee(() => [
-              t.value ? (w(), A("i", {
+              l.value ? (x(), A("i", {
                 key: "on",
-                class: D(["absolute top-1/2 -translate-y-50%", [l.value.icon, {
-                  [`left-0 text-${x.color}-on-container-low`]: t.value,
-                  [x.onIcon ?? ""]: t.value && x.onIcon,
-                  [x.offIcon ?? ""]: !t.value && x.offIcon
+                class: D(["absolute top-1/2 -translate-y-50%", [s.value.icon, {
+                  [`left-0 text-${w.color}-on-container-low`]: l.value,
+                  [w.onIcon ?? ""]: l.value && w.onIcon,
+                  [w.offIcon ?? ""]: !l.value && w.offIcon
                 }]])
-              }, null, 2)) : (w(), A("i", {
+              }, null, 2)) : (x(), A("i", {
                 key: "off",
-                class: D(["absolute top-1/2 -translate-y-50%", [l.value.icon, {
-                  "right-0": !t.value,
-                  [x.onIcon ?? ""]: t.value && x.onIcon,
-                  [x.offIcon ?? ""]: !t.value && x.offIcon
+                class: D(["absolute top-1/2 -translate-y-50%", [s.value.icon, {
+                  "right-0": !l.value,
+                  [w.onIcon ?? ""]: l.value && w.onIcon,
+                  [w.offIcon ?? ""]: !l.value && w.offIcon
                 }]])
               }, null, 2))
             ]),
@@ -4270,10 +4269,10 @@ const bo = /* @__PURE__ */ W({
           })
         ], 38)
       ], 8, ga),
-      x.label ? (w(), A("label", {
+      w.label ? (x(), A("label", {
         key: 0,
-        for: h(s)
-      }, ne(x.label), 9, ya)) : F("", !0)
+        for: p(c)
+      }, ne(w.label), 9, ya)) : F("", !0)
     ], 6));
   }
 }), wa = { class: "scheme-switch inline-block" }, xa = { class: "dark:hidden" }, Sa = { class: "light:hidden" }, $o = /* @__PURE__ */ W({
@@ -4285,7 +4284,7 @@ const bo = /* @__PURE__ */ W({
   setup(e) {
     const r = e, t = M(!1);
     let n;
-    N("click", (i) => n = i), Q([t], () => {
+    N("click", (i) => n = i), Z([t], () => {
       if (Me) {
         const i = (n == null ? void 0 : n.clientX) ?? innerWidth / 2, s = (n == null ? void 0 : n.clientY) ?? innerHeight / 2, o = Math.hypot(
           Math.max(i, innerWidth - i),
@@ -4315,16 +4314,16 @@ const bo = /* @__PURE__ */ W({
         }
       }
     });
-    const a = M(!0), l = M(!1);
+    const l = M(!0), a = M(!1);
     return he(() => {
-      Me && (t.value = localStorage.getItem("scheme") === "dark"), a.value = !1;
+      Me && (t.value = localStorage.getItem("scheme") === "dark"), l.value = !1;
     }), dt(() => {
-      l.value = !0;
+      a.value = !0;
     }), (i, s) => {
       const o = ba;
-      return w(), A("div", wa, [
+      return x(), A("div", wa, [
         O("div", {
-          class: D({ hidden: !a.value })
+          class: D({ hidden: !l.value })
         }, [
           O("div", xa, [
             U(o, {
@@ -4343,12 +4342,12 @@ const bo = /* @__PURE__ */ W({
           ])
         ], 2),
         O("div", {
-          class: D({ hidden: a.value })
+          class: D({ hidden: l.value })
         }, [
           U(o, {
             modelValue: t.value,
             "onUpdate:modelValue": s[0] || (s[0] = (c) => t.value = c),
-            animate: l.value,
+            animate: a.value,
             color: "secondary",
             "on-icon": "i-line-md-moon-twotone-alt-loop",
             "off-icon": "i-line-md-sunny-outline-twotone-loop"
@@ -4367,15 +4366,15 @@ const bo = /* @__PURE__ */ W({
     autoHide: { type: Boolean }
   },
   setup(e, { expose: r }) {
-    const t = e, n = vr(), a = Ae(n), l = M(), i = Ae(() => l.value), s = m(() => {
+    const t = e, n = vr(), l = Ae(n), a = M(), i = Ae(() => a.value), s = m(() => {
       if (t.height)
         return typeof t.height == "number" ? `${t.height}px` : t.height;
       const z = n.value ? Number.parseFloat(getComputedStyle(n.value).paddingTop) + Number.parseFloat(getComputedStyle(n.value).paddingBottom) : 0, j = n.value ? Number.parseFloat(getComputedStyle(n.value).marginTop) + Number.parseFloat(getComputedStyle(n.value).marginBottom) : 0;
-      return `${a.height.value - z - j}px`;
+      return `${l.height.value - z - j}px`;
     }), o = M(), c = Xn(() => o.value), { x: d, y: u } = Ln(() => o.value), f = m(() => {
       var z;
       return (((z = o.value) == null ? void 0 : z.scrollHeight) ?? 0) - (c.value ?? 0);
-    }), g = jn(() => o.value), C = m(() => u.value / f.value || 0), v = m(() => o.value ? c.value / g.value * c.value : 0), b = m(() => c.value - v.value), x = m(() => {
+    }), g = jn(() => o.value), C = m(() => u.value / f.value || 0), v = m(() => o.value ? c.value / g.value * c.value : 0), b = m(() => c.value - v.value), $ = m(() => {
       if (!o.value)
         return null;
       const z = C.value * b.value;
@@ -4385,24 +4384,24 @@ const bo = /* @__PURE__ */ W({
         barHeight: v.value,
         barTop: z
       };
-    }), p = M(!1), S = M(0), $ = M(""), R = M(0), H = ht({ type: "client" });
-    N(() => l.value, "pointerdown", (z) => {
-      p.value = !0, S.value = z.clientY, R.value = u.value, $.value = document.body.style.userSelect, document.body.style.userSelect = "none";
+    }), h = M(!1), w = M(0), S = M(""), T = M(0), H = ht({ type: "client" });
+    N(() => a.value, "pointerdown", (z) => {
+      h.value = !0, w.value = z.clientY, T.value = u.value, S.value = document.body.style.userSelect, document.body.style.userSelect = "none";
     }), N(() => document, "pointermove", () => {
-      if (!p.value)
+      if (!h.value)
         return;
       if (t.threshold < i.left.value - H.x.value || H.x.value - i.right.value > t.threshold) {
-        u.value = R.value;
+        u.value = T.value;
         return;
       }
-      const j = (H.y.value - S.value) / b.value;
-      u.value = R.value + j * f.value;
+      const j = (H.y.value - w.value) / b.value;
+      u.value = T.value + j * f.value;
     }), N(() => document, "pointerup", () => {
-      p.value = !1, document.body.style.userSelect = $.value;
+      h.value = !1, document.body.style.userSelect = S.value;
     }), r({
       $el: o
     });
-    const y = M(), k = Se(y), T = Se(() => l.value), _ = Qe("bg", { dark: 2, light: 7 }, 0.5), I = Qe("bg", { dark: 2, light: 7 }, 0.75);
+    const y = M(), k = Se(y), R = Se(() => a.value), _ = Qe("bg", { dark: 2, light: 7 }, 0.5), I = Qe("bg", { dark: 2, light: 7 }, 0.75);
     function B(z) {
       var Ie;
       const { clientY: j } = z, { top: X, height: le } = i, V = X.value, Y = le.value, ue = V + Y / 2, ge = j - ue;
@@ -4411,7 +4410,7 @@ const bo = /* @__PURE__ */ W({
         behavior: "smooth"
       });
     }
-    return (z, j) => (w(), A("div", {
+    return (z, j) => (x(), A("div", {
       ref_key: "wrapperRef",
       ref: y,
       style: P({
@@ -4419,7 +4418,7 @@ const bo = /* @__PURE__ */ W({
       }),
       class: "relative max-h-fit overflow-hidden"
     }, [
-      x.value ? (w(), A("div", {
+      $.value ? (x(), A("div", {
         key: 0,
         style: P({
           width: `${z.barWidth}px`
@@ -4429,26 +4428,26 @@ const bo = /* @__PURE__ */ W({
       }, [
         ft(O("div", {
           ref_key: "scrollBarIndicatorRef",
-          ref: l,
+          ref: a,
           class: D([[
-            h(_).class,
+            p(_).class,
             {
-              "op-0": !h(k) && z.autoHide,
-              "op-100": h(k) && z.autoHide
+              "op-0": !p(k) && z.autoHide,
+              "op-100": p(k) && z.autoHide
             }
           ], "absolute right-0 z-1 rounded-full transition-background-color,opacity"]),
           style: P([
             {
               right: "0px",
               width: `${z.barWidth}px`,
-              top: `${x.value.barTop}px`,
-              height: `${x.value.barHeight}px`
+              top: `${$.value.barTop}px`,
+              height: `${$.value.barHeight}px`
             },
-            !h(T) && !p.value && h(_).style,
-            (h(T) || p.value) && h(I).style
+            !p(R) && !h.value && p(_).style,
+            (p(R) || h.value) && p(I).style
           ])
         }, null, 6), [
-          [zr, x.value.barHeight < h(c)]
+          [zr, $.value.barHeight < p(c)]
         ])
       ], 36)) : F("", !0),
       O("div", {
@@ -4492,18 +4491,18 @@ const bo = /* @__PURE__ */ W({
   }),
   emits: /* @__PURE__ */ re(["change", "input"], ["update:modelValue"]),
   setup(e, { emit: r }) {
-    const t = e, n = r, a = ae(t), l = ie(e, "modelValue"), i = M(null), s = M(null), o = M(!1);
+    const t = e, n = r, l = ae(t), a = ie(e, "modelValue"), i = M(null), s = M(null), o = M(!1);
     $t(s, () => {
       o.value = !1;
     });
     const c = M(-1), d = M(-1);
     de(() => {
       o.value || (d.value = -1);
-    }), Q(l, () => {
-      n("change", l.value);
+    }), Z(a, () => {
+      n("change", a.value);
     });
-    const u = m(() => l.value), f = m(() => v(u.value)), g = m(() => t.options.findIndex((V) => I(V, u.value))), C = M(f.value);
-    Q(f, () => {
+    const u = m(() => a.value), f = m(() => v(u.value)), g = m(() => t.options.findIndex((V) => I(V, u.value))), C = M(f.value);
+    Z(f, () => {
       C.value = f.value;
     });
     function v(V) {
@@ -4513,27 +4512,27 @@ const bo = /* @__PURE__ */ W({
       if (V)
         return typeof V == "string" || typeof V == "symbol" || typeof V == "number" ? V : V.id;
     }
-    function x(V) {
+    function $(V) {
       o.value = !0;
       const Y = V.target;
       C.value = Y.value, n("input", C.value);
     }
-    const p = m(() => t.searchable && C.value !== f.value ? t.options.filter((V) => t.filter(v(V), C.value)) : t.options);
+    const h = m(() => t.searchable && C.value !== f.value ? t.options.filter((V) => t.filter(v(V), C.value)) : t.options);
     pe("ArrowDown", (V) => {
       o.value && (V.preventDefault(), d.value === -1 && c.value !== -1 ? d.value = c.value : d.value === -1 && c.value === -1 && g.value !== -1 && (d.value = g.value), d.value = (d.value + 1) % t.options.length);
     }), pe("ArrowUp", (V) => {
       o.value && (V.preventDefault(), d.value === -1 && c.value !== -1 ? d.value = c.value : d.value === -1 && c.value === -1 && g.value !== -1 && (d.value = g.value), d.value = (d.value - 1 + t.options.length) % t.options.length);
     }), pe("Enter", () => {
-      o.value && d.value !== -1 && (l.value = p.value[d.value], i.value.focus(), o.value = !1);
+      o.value && d.value !== -1 && (a.value = h.value[d.value], i.value.focus(), o.value = !1);
     });
-    function S(V) {
+    function w(V) {
       if (i.value.focus(), !o.value) {
         o.value = !0;
         return;
       }
-      l.value = V, o.value = !1;
+      a.value = V, o.value = !1;
     }
-    const $ = m(() => t.color), R = br($, "default"), H = m(() => {
+    const S = m(() => t.color), T = br(S, "default"), H = m(() => {
       switch (t.size) {
         case "sm":
           return {
@@ -4551,66 +4550,66 @@ const bo = /* @__PURE__ */ W({
             dropdown: "text-base children:py-1"
           };
       }
-    }), y = M(null), { height: k } = Ae(y), { bottom: T } = Ae(i);
-    Q([o], () => {
+    }), y = M(null), { height: k } = Ae(y), { bottom: R } = Ae(i);
+    Z([o], () => {
       d.value = -1, c.value = -1;
     });
-    const _ = m(() => o.value && Me ? k.value === 0 ? !1 : document.documentElement.clientHeight - T.value > k.value : !1);
+    const _ = m(() => o.value && Me ? k.value === 0 ? !1 : document.documentElement.clientHeight - R.value > k.value : !1);
     function I(V, Y) {
       return Y ? typeof V == "string" || typeof V == "symbol" || typeof V == "number" ? V === Y : typeof Y == "string" || typeof Y == "symbol" || typeof Y == "number" ? !1 : V.id === Y.id : !1;
     }
-    const B = m(() => t.searchable ? "cursor-text" : "cursor-pointer"), z = Et(), j = yr(), X = at($);
+    const B = m(() => t.searchable ? "cursor-text" : "cursor-pointer"), z = Et(), j = yr(), X = at(S);
     function le(V) {
       c.value = V, d.value = -1;
     }
-    return (V, Y) => (w(), A("div", {
+    return (V, Y) => (x(), A("div", {
       ref_key: "wrapperRef",
       ref: s,
       class: "relative",
-      style: P(h(R))
+      style: P(p(T))
     }, [
       O("div", ka, [
         O("input", {
           ref_key: "inputRef",
           ref: i,
-          class: D([[H.value.wrapper, h(a).class, B.value], "border outline-none outline-none focus-visible:outline-2 custom-input-colors"]),
+          class: D([[H.value.wrapper, p(l).class, B.value], "border outline-none outline-none focus-visible:outline-2 custom-input-colors"]),
           placeholder: V.placeholder,
-          style: P([h(a).style, h(R)]),
+          style: P([p(l).style, p(T)]),
           readonly: !V.searchable,
           value: C.value,
           "aria-label": V.ariaLabel,
           "aria-haspopup": "listbox",
           autocomplete: "off",
-          onInput: x,
+          onInput: $,
           onClick: Y[0] || (Y[0] = (ue) => o.value = !0)
         }, null, 46, _a),
         Y[2] || (Y[2] = O("i", { class: "i-fluent-chevron-down-12-filled pointer-events-none absolute right-2" }, null, -1))
       ]),
-      o.value ? (w(), A("div", {
+      o.value ? (x(), A("div", {
         key: 0,
         ref_key: "dropdownRef",
         ref: y,
-        class: D(["absolute z-10 mt-2 w-full flex-col overflow-hidden border rounded p-1", [h(z).class, H.value.dropdown, {
+        class: D(["absolute z-10 mt-2 w-full flex-col overflow-hidden border rounded p-1", [p(z).class, H.value.dropdown, {
           "bottom-10": !_.value
         }]]),
-        style: P([h(z).style])
+        style: P([p(z).style])
       }, [
-        V.options.length === 0 ? (w(), A("div", $a, [
+        V.options.length === 0 ? (x(), A("div", $a, [
           L(V.$slots, "none", {}, () => [
             Ze(ne(V.noneText), 1)
           ])
-        ])) : (w(), A(J, { key: 1 }, [
-          (w(!0), A(J, null, fe(p.value, (ue, ge) => (w(), A("div", {
+        ])) : (x(), A(J, { key: 1 }, [
+          (x(!0), A(J, null, fe(h.value, (ue, ge) => (x(), A("div", {
             key: b(ue),
             class: D([[
-              d.value === ge && h(X).class,
-              c.value === ge && d.value === -1 && h(j).class
+              d.value === ge && p(X).class,
+              c.value === ge && d.value === -1 && p(j).class
             ], "flex cursor-pointer items-center justify-between gap-2 rounded p-1 px-2"]),
             style: P([
-              d.value === ge && h(X).style,
-              c.value === ge && d.value === -1 && h(j).style
+              d.value === ge && p(X).style,
+              c.value === ge && d.value === -1 && p(j).style
             ]),
-            onPointerdown: (Ie) => S(ue),
+            onPointerdown: (Ie) => w(ue),
             onMousemove: (Ie) => le(ge),
             onMouseleave: Y[1] || (Y[1] = (Ie) => c.value = -1)
           }, [
@@ -4620,11 +4619,11 @@ const bo = /* @__PURE__ */ W({
             }, () => [
               Ze(ne(v(ue)), 1)
             ]),
-            I(ue, u.value) ? (w(), A("div", Ma, Y[3] || (Y[3] = [
+            I(ue, u.value) ? (x(), A("div", Ma, Y[3] || (Y[3] = [
               O("i", { class: "i-fluent-checkmark-12-filled h-3 w-3" }, null, -1)
             ]))) : F("", !0)
           ], 46, Ca))), 128)),
-          V.searchable && p.value.length === 0 ? (w(), A("div", Aa, [
+          V.searchable && h.value.length === 0 ? (x(), A("div", Aa, [
             L(V.$slots, "not-found", {}, () => [
               Ze(ne(V.notFoundText), 1)
             ])
@@ -4641,45 +4640,45 @@ const bo = /* @__PURE__ */ W({
   },
   emits: ["selectStart", "selectChange", "selectEnd"],
   setup(e, { emit: r }) {
-    const t = e, n = r, a = m(() => t.color), l = Be(a), i = m(() => {
-      const x = l.value[5].setAlpha(0.5).toHex8String(), p = l.value[5].setAlpha(0.1).toHex8String();
+    const t = e, n = r, l = m(() => t.color), a = Be(l), i = m(() => {
+      const $ = a.value[5].setAlpha(0.5).toHex8String(), h = a.value[5].setAlpha(0.1).toHex8String();
       return {
-        "--border-color": x,
-        "--fill-color": p
+        "--border-color": $,
+        "--fill-color": h
       };
     }), { shift: s, control: o } = Wn(), c = vr(), d = m(() => t.target ?? c.value), u = ht(), f = M({ x: 0, y: 0 }), g = M({ x: 0, y: 0 }), C = M(!1), v = Ae(d);
-    N(d, "pointerdown", (x) => {
-      if (x.button !== 0)
+    N(d, "pointerdown", ($) => {
+      if ($.button !== 0)
         return;
-      const p = x.pageX - v.left.value, S = x.pageY - v.top.value;
+      const h = $.pageX - v.left.value, w = $.pageY - v.top.value;
       f.value = {
-        x: p,
-        y: S
+        x: h,
+        y: w
       }, g.value = {
-        x: p,
-        y: S
-      }, C.value = !0, n("selectStart", { target: x.target, shift: s.value, ctrl: o.value });
-    }, { capture: !0 }), N(window, "pointerup", (x) => {
+        x: h,
+        y: w
+      }, C.value = !0, n("selectStart", { target: $.target, shift: s.value, ctrl: o.value });
+    }, { capture: !0 }), N(window, "pointerup", ($) => {
       C.value = !1, n("selectEnd", {
         left: Math.min(f.value.x, g.value.x),
         top: Math.min(f.value.y, g.value.y),
         right: Math.max(f.value.x, g.value.x),
         bottom: Math.max(f.value.y, g.value.y)
-      }, { target: x.target, shift: s.value, ctrl: o.value });
-    }), N(d, "pointermove", (x) => {
-      const p = x.pageX - v.left.value, S = x.pageY - v.top.value;
+      }, { target: $.target, shift: s.value, ctrl: o.value });
+    }), N(d, "pointermove", ($) => {
+      const h = $.pageX - v.left.value, w = $.pageY - v.top.value;
       C.value && (g.value = {
-        x: p,
-        y: S
+        x: h,
+        y: w
       }, n("selectChange", {
         left: Math.min(f.value.x, g.value.x),
         top: Math.min(f.value.y, g.value.y),
         right: Math.max(f.value.x, g.value.x),
         bottom: Math.max(f.value.y, g.value.y)
-      }, { target: x.target, shift: s.value, ctrl: o.value }));
+      }, { target: $.target, shift: s.value, ctrl: o.value }));
     });
     const b = m(() => d.value ? d.value.parentElement : null);
-    return N(b, "scroll", (x) => {
+    return N(b, "scroll", ($) => {
       C.value && (g.value = {
         x: u.x.value - v.left.value,
         y: u.y.value - v.top.value
@@ -4688,14 +4687,14 @@ const bo = /* @__PURE__ */ W({
         top: Math.min(f.value.y, g.value.y),
         right: Math.max(f.value.x, g.value.x),
         bottom: Math.max(f.value.y, g.value.y)
-      }, { target: x.target, shift: s.value, ctrl: o.value }));
+      }, { target: $.target, shift: s.value, ctrl: o.value }));
     }), N(window, "dragend", () => {
       C.value = !1;
-    }), (x, p) => d.value ? (w(), G(nr, {
+    }), ($, h) => d.value ? (x(), G(nr, {
       key: 0,
       to: d.value
     }, [
-      C.value ? (w(), A("div", {
+      C.value ? (x(), A("div", {
         key: 0,
         class: "absolute z-10000 h-1 border border border-[var(--border-color)] bg-[var(--fill-color)]",
         style: P([{
@@ -4730,30 +4729,30 @@ const bo = /* @__PURE__ */ W({
   setup(e) {
     const r = e;
     function t(H, y, k) {
-      const T = [];
+      const R = [];
       for (let _ = H; _ <= y; _ += k)
-        T.push(_);
-      return T[T.length - 1] !== y && T.push(y), T;
+        R.push(_);
+      return R[R.length - 1] !== y && R.push(y), R;
     }
     function n(H, y) {
       const k = [];
       if (H === 0)
         return k;
       k.push(y[0]);
-      const T = (y.length - 1) / (H - 1);
+      const R = (y.length - 1) / (H - 1);
       for (let _ = 1; _ < H - 1; _++)
-        k.push(y[Math.round(_ * T)]);
+        k.push(y[Math.round(_ * R)]);
       return k.push(y[y.length - 1]), k;
     }
-    const a = m(() => r.options ? r.options.length : r.tickNum ?? 0), l = m(() => r.options === void 0 ? t(r.min, r.max, r.step) : r.options), i = m(() => n(a.value, l.value)), s = ie(e, "modelValue"), o = m(() => l.value.length ?? 0), c = M(l.value.includes(s.value) ? l.value.indexOf(s.value) : 0);
+    const l = m(() => r.options ? r.options.length : r.tickNum ?? 0), a = m(() => r.options === void 0 ? t(r.min, r.max, r.step) : r.options), i = m(() => n(l.value, a.value)), s = ie(e, "modelValue"), o = m(() => a.value.length ?? 0), c = M(a.value.includes(s.value) ? a.value.indexOf(s.value) : 0);
     function d(H) {
-      let y = l.value.indexOf(H);
+      let y = a.value.indexOf(H);
       if (y === -1)
         if (typeof H == "number") {
           let k = 1 / 0;
-          for (let T = 0; T < l.value.length; T++) {
-            const _ = Math.abs(l.value[T] - H);
-            _ < k && (k = _, y = T);
+          for (let R = 0; R < a.value.length; R++) {
+            const _ = Math.abs(a.value[R] - H);
+            _ < k && (k = _, y = R);
           }
         } else
           y = 0;
@@ -4761,20 +4760,20 @@ const bo = /* @__PURE__ */ W({
     }
     const u = m(() => r.color), f = Be(u.value), g = m(() => f.value[4]), C = at(u);
     de(() => {
-      c.value < 0 || (s.value = l.value[c.value]);
+      c.value < 0 || (s.value = a.value[c.value]);
     }), de(() => {
       c.value = d(s.value);
     });
-    const v = M(), b = M(), x = M(!1);
-    function p(H) {
-      if (!x.value)
+    const v = M(), b = M(), $ = M(!1);
+    function h(H) {
+      if (!$.value)
         return;
       if (!(H.buttons === 1)) {
-        x.value = !1;
+        $.value = !1;
         return;
       }
       H.preventDefault(), H.stopPropagation();
-      const k = Ae(v), { clientX: T } = H, _ = k.left.value, B = k.right.value - _, z = Math.round((T - _) / B * (o.value - 1));
+      const k = Ae(v), { clientX: R } = H, _ = k.left.value, B = k.right.value - _, z = Math.round((R - _) / B * (o.value - 1));
       if (z < 0) {
         c.value = 0;
         return;
@@ -4788,13 +4787,13 @@ const bo = /* @__PURE__ */ W({
     de(() => {
       c.value = d(s.value);
     });
-    function S(H) {
-      H.preventDefault(), H.stopPropagation(), x.value = !0, p(H);
+    function w(H) {
+      H.preventDefault(), H.stopPropagation(), $.value = !0, h(H);
     }
-    N(v, "pointerdown", S), he(() => {
-      N(document, "pointermove", p), c.value = Math.max(0, d(s.value));
+    N(v, "pointerdown", w), he(() => {
+      N(document, "pointermove", h), c.value = Math.max(0, d(s.value));
     });
-    const $ = m(() => {
+    const S = m(() => {
       switch (r.size) {
         case "sm":
           return {
@@ -4828,44 +4827,44 @@ const bo = /* @__PURE__ */ W({
             progress: "-mx-1"
           };
       }
-    }), R = m(() => r.animate ? {
+    }), T = m(() => r.animate ? {
       indicator: "transition-left",
       progress: "transition-width"
     } : {
       indicator: "",
       progress: ""
     });
-    return (H, y) => (w(), A("div", Ha, [
+    return (H, y) => (x(), A("div", Ha, [
       O("div", {
         ref_key: "wrapper",
         ref: v,
         type: "size",
-        class: D(["w-full flex cursor-pointer items-center", $.value.wrapper]),
+        class: D(["w-full flex cursor-pointer items-center", S.value.wrapper]),
         onTouchmove: y[0] || (y[0] = lr(() => {
         }, ["prevent"]))
       }, [
         O("div", {
-          class: D(["w-full rounded-full bg-surface-3 transition-background-color,border-color,color dark:bg-surface-7", $.value.innerWrapper])
+          class: D(["w-full rounded-full bg-surface-3 transition-background-color,border-color,color dark:bg-surface-7", S.value.innerWrapper])
         }, [
           O("div", {
-            class: D(["relative flex", $.value.content]),
+            class: D(["relative flex", S.value.content]),
             style: P({
               width: `${r.width}rem`,
               minWidth: `${r.minWidth}rem`
             })
           }, [
-            (w(!0), A(J, null, fe(i.value, (k) => (w(), A("div", {
+            (x(!0), A(J, null, fe(i.value, (k) => (x(), A("div", {
               key: k,
               style: P({
                 left: `${d(k) / (o.value - 1) * 100}%`
               }),
-              class: D(["absolute top-50% rounded-full bg-surface-0", $.value.tick])
+              class: D(["absolute top-50% rounded-full bg-surface-0", S.value.tick])
             }, null, 6))), 128)),
-            c.value !== -1 ? (w(), A("div", {
+            c.value !== -1 ? (x(), A("div", {
               key: 0,
               ref_key: "indicator",
               ref: b,
-              class: D(["absolute top-50% cursor-pointer rounded-full transition-background-color,border-color,color", [$.value.indicator, R.value.indicator, Ta]]),
+              class: D(["absolute top-50% cursor-pointer rounded-full transition-background-color,border-color,color", [S.value.indicator, T.value.indicator, Ta]]),
               style: P([
                 `--i-bg: ${g.value}`,
                 {
@@ -4874,17 +4873,17 @@ const bo = /* @__PURE__ */ W({
               ])
             }, [
               O("div", {
-                class: D(["pointer-events-none absolute left-50% top-50% rounded-full", [$.value.indicatorInner, Ra]])
+                class: D(["pointer-events-none absolute left-50% top-50% rounded-full", [S.value.indicatorInner, Ra]])
               }, null, 2)
             ], 6)) : F("", !0),
             O("div", {
               class: D(["pointer-events-none h-full rounded-full", [
-                h(C).class,
-                $.value.progress,
-                R.value.progress
+                p(C).class,
+                S.value.progress,
+                T.value.progress
               ]]),
               style: P([
-                h(C).style,
+                p(C).style,
                 {
                   width: `${c.value / (o.value - 1) * 100}%`
                 }
@@ -4893,19 +4892,19 @@ const bo = /* @__PURE__ */ W({
           ], 6)
         ], 2)
       ], 34),
-      i.value.length > 0 ? (w(), A("div", {
+      i.value.length > 0 ? (x(), A("div", {
         key: 0,
         class: "relative mx-1 h-1em text-xs text-surface-dimmed",
         style: P({
           width: `${r.width}rem`
         })
       }, [
-        (w(!0), A(J, null, fe(i.value, (k, T) => (w(), A("div", {
-          key: T,
+        (x(!0), A(J, null, fe(i.value, (k, R) => (x(), A("div", {
+          key: R,
           style: P({
             left: `${d(k) / (o.value - 1) * 100}%`
           }),
-          class: D(["absolute w-auto flex rounded-full -translate-x-50%", $.value.tick])
+          class: D(["absolute w-auto flex rounded-full -translate-x-50%", S.value.tick])
         }, ne(k), 7))), 128))
       ], 4)) : F("", !0)
     ]));
@@ -4917,13 +4916,13 @@ const bo = /* @__PURE__ */ W({
     color: { default: "primary" }
   },
   setup(e) {
-    const r = e, t = m(() => r.color), n = $e(sr, M("")), a = M(null), l = m(() => n.value === r.value);
+    const r = e, t = m(() => r.color), n = $e(sr, M("")), l = M(null), a = m(() => n.value === r.value);
     function i() {
       n.value = r.value;
     }
     const s = $e(ur, /* @__PURE__ */ new Map());
     he(() => {
-      s.set(r.value, a);
+      s.set(r.value, l);
     });
     const o = $e(ir, m(() => "horizontal")), c = m(() => {
       switch (o.value) {
@@ -4950,17 +4949,17 @@ const bo = /* @__PURE__ */ W({
       type: "outline",
       index: 5
     });
-    return (g, C) => (w(), A("button", Z({
+    return (g, C) => (x(), A("button", Q({
       ref_key: "tabRef",
-      ref: a,
+      ref: l,
       type: "button",
       class: ["rutline-none relative min-w-20 flex items-center justify-center outline-none focus-visible:outline-2 outline-offset-0!", [c.value]]
-    }, h(f), { onClick: i }), [
-      l.value ? (w(), A("div", {
+    }, p(f), { onClick: i }), [
+      a.value ? (x(), A("div", {
         key: 0,
-        class: D([h(u).class, d.value]),
-        style: P([h(u).style])
-      }, null, 6)) : (w(), A("div", {
+        class: D([p(u).class, d.value]),
+        style: P([p(u).style])
+      }, null, 6)) : (x(), A("div", {
         key: 1,
         class: D([d.value])
       }, null, 2)),
@@ -4987,21 +4986,21 @@ const bo = /* @__PURE__ */ W({
         var g;
         return ((g = f == null ? void 0 : f.props) == null ? void 0 : g.value) !== void 0;
       }).map((f) => f.props.value)) ?? [];
-    }), a = ie(e, "modelValue");
-    !a.value && n.value.length > 0 && (a.value = n.value[0]);
-    const l = M(null);
+    }), l = ie(e, "modelValue");
+    !l.value && n.value.length > 0 && (l.value = n.value[0]);
+    const a = M(null);
     he(() => {
-      r.defaultValue && (a.value = r.defaultValue);
-    }), Re(sr, a);
+      r.defaultValue && (l.value = r.defaultValue);
+    }), Re(sr, l);
     const i = m(() => r.direction);
     Re(ir, i);
     const s = /* @__PURE__ */ new Map();
     Re(ur, s), pe("ArrowLeft", (c) => {
       var g;
-      if (!((g = l.value) != null && g.contains(document.activeElement)) || (c.preventDefault(), r.direction !== "horizontal"))
+      if (!((g = a.value) != null && g.contains(document.activeElement)) || (c.preventDefault(), r.direction !== "horizontal"))
         return;
-      const d = a.value ? n.value.indexOf(a.value) : 0, u = d > 0 ? n.value[d - 1] : n.value[n.value.length - 1];
-      a.value = u;
+      const d = l.value ? n.value.indexOf(l.value) : 0, u = d > 0 ? n.value[d - 1] : n.value[n.value.length - 1];
+      l.value = u;
       const f = s.get(u);
       if (f) {
         const C = f.value;
@@ -5009,10 +5008,10 @@ const bo = /* @__PURE__ */ W({
       }
     }), pe("ArrowRight", (c) => {
       var g;
-      if (!((g = l.value) != null && g.contains(document.activeElement)) || (c.preventDefault(), r.direction !== "horizontal"))
+      if (!((g = a.value) != null && g.contains(document.activeElement)) || (c.preventDefault(), r.direction !== "horizontal"))
         return;
-      const d = a.value ? n.value.indexOf(a.value) : 0, u = d < n.value.length - 1 ? a.value = n.value[d + 1] : a.value = n.value[0];
-      a.value = u;
+      const d = l.value ? n.value.indexOf(l.value) : 0, u = d < n.value.length - 1 ? l.value = n.value[d + 1] : l.value = n.value[0];
+      l.value = u;
       const f = s.get(u);
       if (f) {
         const C = f.value;
@@ -5020,10 +5019,10 @@ const bo = /* @__PURE__ */ W({
       }
     }), pe("ArrowUp", (c) => {
       var g;
-      if (!((g = l.value) != null && g.contains(document.activeElement)) || (c.preventDefault(), r.direction !== "vertical"))
+      if (!((g = a.value) != null && g.contains(document.activeElement)) || (c.preventDefault(), r.direction !== "vertical"))
         return;
-      const d = a.value ? n.value.indexOf(a.value) : 0, u = d > 0 ? n.value[d - 1] : n.value[n.value.length - 1];
-      a.value = u;
+      const d = l.value ? n.value.indexOf(l.value) : 0, u = d > 0 ? n.value[d - 1] : n.value[n.value.length - 1];
+      l.value = u;
       const f = s.get(u);
       if (f) {
         const C = f.value;
@@ -5031,10 +5030,10 @@ const bo = /* @__PURE__ */ W({
       }
     }), pe("ArrowDown", (c) => {
       var g;
-      if (!((g = l.value) != null && g.contains(document.activeElement)) || (c.preventDefault(), r.direction !== "vertical"))
+      if (!((g = a.value) != null && g.contains(document.activeElement)) || (c.preventDefault(), r.direction !== "vertical"))
         return;
-      const d = a.value ? n.value.indexOf(a.value) : 0, u = d < n.value.length - 1 ? n.value[d + 1] : n.value[0];
-      a.value = u;
+      const d = l.value ? n.value.indexOf(l.value) : 0, u = d < n.value.length - 1 ? n.value[d + 1] : n.value[0];
+      l.value = u;
       const f = s.get(u);
       if (f) {
         const C = f.value;
@@ -5051,9 +5050,9 @@ const bo = /* @__PURE__ */ W({
           return "flex-row";
       }
     });
-    return (c, d) => (w(), A("div", {
+    return (c, d) => (x(), A("div", {
       ref_key: "tabRef",
-      ref: l,
+      ref: a,
       class: D(["flex", [o.value]])
     }, [
       L(c.$slots, "default")
@@ -5080,18 +5079,18 @@ const bo = /* @__PURE__ */ W({
         default:
           return "px-3 py-0.5 text-sm";
       }
-    }), n = ae(r), a = m(() => r.color ?? "primary"), l = m(() => r.variant), i = Bt(l, a);
-    return (s, o) => (w(), A("span", {
+    }), n = ae(r), l = m(() => r.color ?? "primary"), a = m(() => r.variant), i = Bt(a, l);
+    return (s, o) => (x(), A("span", {
       tabindex: -1,
-      style: P([h(i).style, h(n).style]),
-      class: D([[h(i).class, h(n).class, t.value], "inline-block h-fit flex cursor-pointer gap-1 border"])
+      style: P([p(i).style, p(n).style]),
+      class: D([[p(i).class, p(n).class, t.value], "inline-block h-fit flex cursor-pointer gap-1 border"])
     }, [
-      r.leftIcon ? (w(), A("i", {
+      r.leftIcon ? (x(), A("i", {
         key: 0,
         class: D([r.leftIcon, "shrink-0"])
       }, null, 2)) : s.$slots.leftIcon ? L(s.$slots, "left-icon", { key: 1 }) : F("", !0),
       L(s.$slots, "default"),
-      r.rightIcon ? (w(), A("i", {
+      r.rightIcon ? (x(), A("i", {
         key: 2,
         class: D([r.rightIcon, "h-container w-container shrink-0"])
       }, null, 2)) : s.$slots.rightIcon ? L(s.$slots, "right-icon", { key: 3 }) : F("", !0)
@@ -5104,11 +5103,11 @@ const bo = /* @__PURE__ */ W({
     scheme: {}
   },
   setup(e) {
-    const r = e, t = Yn(), n = m(() => pr(r.theme ? r.theme : t.value)), a = fr("scheme", "light"), l = m(() => r.scheme ? r.scheme : a.value);
-    return (i, s) => (w(), A("div", {
+    const r = e, t = Yn(), n = m(() => pr(r.theme ? r.theme : t.value)), l = fr("scheme", "light"), a = m(() => r.scheme ? r.scheme : l.value);
+    return (i, s) => (x(), A("div", {
       style: P([n.value]),
-      "data-scheme": l.value,
-      "data-theme": h(t).name
+      "data-scheme": a.value,
+      "data-theme": p(t).name
     }, [
       L(i.$slots, "default")
     ], 12, Ea));
@@ -5119,19 +5118,19 @@ const bo = /* @__PURE__ */ W({
     timeout: { default: 200 }
   },
   setup(e) {
-    const r = e, t = ht(), n = M(null), a = Se(n), l = wn(a, r.timeout), i = M(0), s = M(0), o = M(null), c = Se(o);
-    return Q(l, (d, u) => {
-      l.value && d !== u && (i.value = t.x.value, s.value = t.y.value);
+    const r = e, t = ht(), n = M(null), l = Se(n), a = wn(l, r.timeout), i = M(0), s = M(0), o = M(null), c = Se(o);
+    return Z(a, (d, u) => {
+      a.value && d !== u && (i.value = t.x.value, s.value = t.y.value);
     }), (d, u) => {
       const f = Sr;
-      return w(), A("div", null, [
+      return x(), A("div", null, [
         O("div", {
           ref_key: "hoverableRef",
           ref: n
         }, [
           L(d.$slots, "default")
         ], 512),
-        i.value && s.value && (h(l) || h(c)) ? (w(), A("div", {
+        i.value && s.value && (p(a) || p(c)) ? (x(), A("div", {
           key: 0,
           ref_key: "tooltipRef",
           ref: o,
@@ -5165,30 +5164,30 @@ const bo = /* @__PURE__ */ W({
   emits: ["update:modelValue"],
   setup(e) {
     const r = e, t = ae(r), n = ie(e, "modelValue");
-    function a(v) {
+    function l(v) {
       return "children" in v;
     }
-    function l(v) {
+    function a(v) {
       return "value" in v;
     }
     const i = m(() => `${wt} hover:bg-surface-variant-1 hover:text-surface text-surface-dimmed`), s = m(() => `${wt} text-primary before:border-primary bg-surface-variant-1`), o = m(() => [wt, "text-surface font-bold hover:bg-surface-variant-1"]), c = M(null), d = M(/* @__PURE__ */ new Map());
     function u(v, b) {
-      a(v) && (d.value.set(v, v.open ?? !1), v.children.forEach((x) => {
-        u(x);
+      l(v) && (d.value.set(v, v.open ?? !1), v.children.forEach(($) => {
+        u($);
       }));
     }
     de(() => {
       r.items.forEach((v) => {
-        a(v) && u(v);
+        l(v) && u(v);
       });
     });
     function f({
       data: v,
       level: b
     }) {
-      return U("li", null, [U((p) => v.is ? Lt(v.is, p, {
+      return U("li", null, [U((h) => v.is ? Lt(v.is, h, {
         default: () => v.title
-      }) : Lt("a", p, v.title), Z({
+      }) : Lt("a", h, v.title), Q({
         tabindex: 0,
         class: [t.value.class, za, {
           [i.value]: n.value !== v.value,
@@ -5198,8 +5197,8 @@ const bo = /* @__PURE__ */ W({
           paddingLeft: `${32 + b * 4}px`
         }, t.value.style],
         onClick: () => n.value = v.value,
-        onKeyup: (p) => {
-          p.key === "Enter" && (n.value = v.value);
+        onKeyup: (h) => {
+          h.key === "Enter" && (n.value = v.value);
         }
       }, v.attrs), {
         default: () => [v.title]
@@ -5224,65 +5223,65 @@ const bo = /* @__PURE__ */ W({
       data: v,
       level: b
     }) {
-      const x = m(() => d.value.get(v)), p = M(null), S = M(null);
+      const $ = m(() => d.value.get(v)), h = M(null), w = M(null);
       return U("li", {
         class: "transition-height",
-        ref: p
+        ref: h
       }, [U("button", {
-        ref: S,
+        ref: w,
         onClick: () => d.value.set(v, !d.value.get(v)),
         class: [t.value.class, o.value],
         style: [{
           paddingLeft: `${32 + b * 4}px`
         }, t.value.style]
       }, [U("i", {
-        class: ["i-tabler-chevron-down absolute left-2 h-4 w-4 py-1 transition-transform", x.value ? "rotate-0" : "-rotate-90"]
+        class: ["i-tabler-chevron-down absolute left-2 h-4 w-4 py-1 transition-transform", $.value ? "rotate-0" : "-rotate-90"]
       }, null), v.title]), U(We, {
-        onBeforeEnter: ($) => {
-          $ instanceof HTMLElement && ($.style.height = "0px");
+        onBeforeEnter: (S) => {
+          S instanceof HTMLElement && (S.style.height = "0px");
         },
-        onEnter: ($) => {
-          $ instanceof HTMLElement && ($.style.height = `${$.scrollHeight}px`);
+        onEnter: (S) => {
+          S instanceof HTMLElement && (S.style.height = `${S.scrollHeight}px`);
         },
-        onAfterEnter: ($) => {
-          $ instanceof HTMLElement && ($.style.height = "auto");
+        onAfterEnter: (S) => {
+          S instanceof HTMLElement && (S.style.height = "auto");
         },
-        onBeforeLeave: ($) => {
-          $ instanceof HTMLElement && ($.style.height = `${$.scrollHeight}px`);
+        onBeforeLeave: (S) => {
+          S instanceof HTMLElement && (S.style.height = `${S.scrollHeight}px`);
         },
-        onLeave: ($) => {
-          $ instanceof HTMLElement && ($.style.height = "0px");
+        onLeave: (S) => {
+          S instanceof HTMLElement && (S.style.height = "0px");
         },
         css: !0,
         mode: "out-in"
       }, {
         default: () => [d.value.get(v) && U("ul", {
           class: "overflow-hidden transition-height"
-        }, [v.children.map(($) => l($) ? U(f, {
-          data: $,
+        }, [v.children.map((S) => a(S) ? U(f, {
+          data: S,
           level: b + 1
-        }, null) : a($) ? U(C, {
-          data: $,
+        }, null) : l(S) ? U(C, {
+          data: S,
           level: b + 1
         }, null) : U(g, {
-          data: $,
+          data: S,
           level: b + 1
         }, null))])]
       })]);
     }
-    return (v, b) => (w(), A("ul", {
+    return (v, b) => (x(), A("ul", {
       ref_key: "treeListRef",
       ref: c,
       class: "flex flex-col text-sm"
-    }, [(w(!0), A(J, null, fe(v.items, (x, p) => (w(), A(J, {
-      key: p
-    }, [l(x) ? (w(), G(f, {
+    }, [(x(!0), A(J, null, fe(v.items, ($, h) => (x(), A(J, {
+      key: h
+    }, [a($) ? (x(), G(f, {
       key: 0,
-      data: x,
+      data: $,
       level: 0
-    }, null, 8, ["data"])) : a(x) ? (w(), G(C, {
+    }, null, 8, ["data"])) : l($) ? (x(), G(C, {
       key: 1,
-      data: x,
+      data: $,
       level: 0
     }, null, 8, ["data"])) : F("", !0)], 64))), 128))], 512));
   }
@@ -5291,7 +5290,7 @@ function kr(e) {
   return er() ? (tr(e), !0) : !1;
 }
 function ve(e) {
-  return typeof e == "function" ? e() : h(e);
+  return typeof e == "function" ? e() : p(e);
 }
 const Ba = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -5299,41 +5298,41 @@ const Va = Object.prototype.toString, Da = (e) => Va.call(e) === "[object Object
 };
 function _r(e, r) {
   function t(...n) {
-    return new Promise((a, l) => {
-      Promise.resolve(e(() => r.apply(this, n), { fn: r, thisArg: this, args: n })).then(a).catch(l);
+    return new Promise((l, a) => {
+      Promise.resolve(e(() => r.apply(this, n), { fn: r, thisArg: this, args: n })).then(l).catch(a);
     });
   }
   return t;
 }
 function Pa(e, r = {}) {
-  let t, n, a = ze;
-  const l = (i) => {
-    clearTimeout(i), a(), a = ze;
+  let t, n, l = ze;
+  const a = (i) => {
+    clearTimeout(i), l(), l = ze;
   };
   return (i) => {
     const s = ve(e), o = ve(r.maxWait);
-    return t && l(t), s <= 0 || o !== void 0 && o <= 0 ? (n && (l(n), n = null), Promise.resolve(i())) : new Promise((c, d) => {
-      a = r.rejectOnCancel ? d : c, o && !n && (n = setTimeout(() => {
-        t && l(t), n = null, c(i());
+    return t && a(t), s <= 0 || o !== void 0 && o <= 0 ? (n && (a(n), n = null), Promise.resolve(i())) : new Promise((c, d) => {
+      l = r.rejectOnCancel ? d : c, o && !n && (n = setTimeout(() => {
+        t && a(t), n = null, c(i());
       }, o)), t = setTimeout(() => {
-        n && l(n), n = null, c(i());
+        n && a(n), n = null, c(i());
       }, s);
     });
   };
 }
 function Oa(...e) {
-  let r = 0, t, n = !0, a = ze, l, i, s, o, c;
+  let r = 0, t, n = !0, l = ze, a, i, s, o, c;
   !St(e[0]) && typeof e[0] == "object" ? { delay: i, trailing: s = !0, leading: o = !0, rejectOnCancel: c = !1 } = e[0] : [i, s = !0, o = !0, c = !1] = e;
   const d = () => {
-    t && (clearTimeout(t), t = void 0, a(), a = ze);
+    t && (clearTimeout(t), t = void 0, l(), l = ze);
   };
   return (u) => {
-    const f = ve(i), g = Date.now() - r, C = () => l = u();
-    return d(), f <= 0 ? (r = Date.now(), C()) : (g > f && (o || !n) ? (r = Date.now(), C()) : s && (l = new Promise((v, b) => {
-      a = c ? b : v, t = setTimeout(() => {
+    const f = ve(i), g = Date.now() - r, C = () => a = u();
+    return d(), f <= 0 ? (r = Date.now(), C()) : (g > f && (o || !n) ? (r = Date.now(), C()) : s && (a = new Promise((v, b) => {
+      l = c ? b : v, t = setTimeout(() => {
         r = Date.now(), n = !0, v(C()), d();
       }, Math.max(0, f - g));
-    })), !o && !t && (t = setTimeout(() => n = !0, f)), n = !1, l);
+    })), !o && !t && (t = setTimeout(() => n = !0, f)), n = !1, a);
   };
 }
 function La(e) {
@@ -5345,9 +5344,9 @@ function Fa(e, r = 200, t = {}) {
     e
   );
 }
-function Wa(e, r = 200, t = !1, n = !0, a = !1) {
+function Wa(e, r = 200, t = !1, n = !0, l = !1) {
   return _r(
-    Oa(r, t, n, a),
+    Oa(r, t, n, l),
     e
   );
 }
@@ -5361,19 +5360,19 @@ function Te(e) {
 }
 const gt = Ba ? window : void 0;
 function Zt(...e) {
-  let r, t, n, a;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, n, a] = e, r = gt) : [r, t, n, a] = e, !r)
+  let r, t, n, l;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, n, l] = e, r = gt) : [r, t, n, l] = e, !r)
     return ze;
   Array.isArray(t) || (t = [t]), Array.isArray(n) || (n = [n]);
-  const l = [], i = () => {
-    l.forEach((d) => d()), l.length = 0;
-  }, s = (d, u, f, g) => (d.addEventListener(u, f, g), () => d.removeEventListener(u, f, g)), o = Q(
-    () => [Te(r), ve(a)],
+  const a = [], i = () => {
+    a.forEach((d) => d()), a.length = 0;
+  }, s = (d, u, f, g) => (d.addEventListener(u, f, g), () => d.removeEventListener(u, f, g)), o = Z(
+    () => [Te(r), ve(l)],
     ([d, u]) => {
       if (i(), !d)
         return;
       const f = Da(u) ? { ...u } : u;
-      l.push(
+      a.push(
         ...t.flatMap((g) => n.map((C) => s(d, g, C, f)))
       );
     },
@@ -5394,20 +5393,20 @@ function ja(e) {
   return m(() => (r.value, !!e()));
 }
 function Xa(e, r, t = {}) {
-  const { window: n = gt, ...a } = t;
-  let l;
+  const { window: n = gt, ...l } = t;
+  let a;
   const i = ja(() => n && "ResizeObserver" in n), s = () => {
-    l && (l.disconnect(), l = void 0);
+    a && (a.disconnect(), a = void 0);
   }, o = m(() => {
     const u = ve(e);
     return Array.isArray(u) ? u.map((f) => Te(f)) : [Te(u)];
-  }), c = Q(
+  }), c = Z(
     o,
     (u) => {
       if (s(), i.value && n) {
-        l = new ResizeObserver(r);
+        a = new ResizeObserver(r);
         for (const f of u)
-          f && l.observe(f, a);
+          f && a.observe(f, l);
       }
     },
     { immediate: !0, flush: "post" }
@@ -5420,14 +5419,14 @@ function Xa(e, r, t = {}) {
   };
 }
 function Ya(e, r = { width: 0, height: 0 }, t = {}) {
-  const { window: n = gt, box: a = "content-box" } = t, l = m(() => {
+  const { window: n = gt, box: l = "content-box" } = t, a = m(() => {
     var u, f;
     return (f = (u = Te(e)) == null ? void 0 : u.namespaceURI) == null ? void 0 : f.includes("svg");
   }), i = M(r.width), s = M(r.height), { stop: o } = Xa(
     e,
     ([u]) => {
-      const f = a === "border-box" ? u.borderBoxSize : a === "content-box" ? u.contentBoxSize : u.devicePixelContentBoxSize;
-      if (n && l.value) {
+      const f = l === "border-box" ? u.borderBoxSize : l === "content-box" ? u.contentBoxSize : u.devicePixelContentBoxSize;
+      if (n && a.value) {
         const g = Te(e);
         if (g) {
           const C = g.getBoundingClientRect();
@@ -5445,7 +5444,7 @@ function Ya(e, r = { width: 0, height: 0 }, t = {}) {
     const u = Te(e);
     u && (i.value = "offsetWidth" in u ? u.offsetWidth : r.width, s.value = "offsetHeight" in u ? u.offsetHeight : r.height);
   });
-  const c = Q(
+  const c = Z(
     () => Te(e),
     (u) => {
       i.value = u ? r.width : 0, s.value = u ? r.height : 0;
@@ -5465,8 +5464,8 @@ function Ua(e, r = {}) {
   const {
     throttle: t = 0,
     idle: n = 200,
-    onStop: a = ze,
-    onScroll: l = ze,
+    onStop: l = ze,
+    onScroll: a = ze,
     offset: i = {
       left: 0,
       right: 0,
@@ -5498,50 +5497,50 @@ function Ua(e, r = {}) {
     }
   });
   function v(y, k) {
-    var T, _, I, B;
+    var R, _, I, B;
     if (!c)
       return;
     const z = ve(e);
     if (!z)
       return;
     (I = z instanceof Document ? c.document.body : z) == null || I.scrollTo({
-      top: (T = ve(k)) != null ? T : C.value,
+      top: (R = ve(k)) != null ? R : C.value,
       left: (_ = ve(y)) != null ? _ : g.value,
       behavior: ve(o)
     });
     const j = ((B = z == null ? void 0 : z.document) == null ? void 0 : B.documentElement) || (z == null ? void 0 : z.documentElement) || z;
     g != null && (u.value = j.scrollLeft), C != null && (f.value = j.scrollTop);
   }
-  const b = M(!1), x = Fe({
+  const b = M(!1), $ = Fe({
     left: !0,
     right: !1,
     top: !0,
     bottom: !1
-  }), p = Fe({
+  }), h = Fe({
     left: !1,
     right: !1,
     top: !1,
     bottom: !1
-  }), S = (y) => {
-    b.value && (b.value = !1, p.left = !1, p.right = !1, p.top = !1, p.bottom = !1, a(y));
-  }, $ = Fa(S, t + n), R = (y) => {
+  }), w = (y) => {
+    b.value && (b.value = !1, h.left = !1, h.right = !1, h.top = !1, h.bottom = !1, l(y));
+  }, S = Fa(w, t + n), T = (y) => {
     var k;
     if (!c)
       return;
-    const T = ((k = y == null ? void 0 : y.document) == null ? void 0 : k.documentElement) || (y == null ? void 0 : y.documentElement) || Te(y), { display: _, flexDirection: I } = getComputedStyle(T), B = T.scrollLeft;
-    p.left = B < u.value, p.right = B > u.value;
-    const z = Math.abs(B) <= (i.left || 0), j = Math.abs(B) + T.clientWidth >= T.scrollWidth - (i.right || 0) - Qt;
-    _ === "flex" && I === "row-reverse" ? (x.left = j, x.right = z) : (x.left = z, x.right = j), u.value = B;
-    let X = T.scrollTop;
-    y === c.document && !X && (X = c.document.body.scrollTop), p.top = X < f.value, p.bottom = X > f.value;
-    const le = Math.abs(X) <= (i.top || 0), V = Math.abs(X) + T.clientHeight >= T.scrollHeight - (i.bottom || 0) - Qt;
-    _ === "flex" && I === "column-reverse" ? (x.top = V, x.bottom = le) : (x.top = le, x.bottom = V), f.value = X;
+    const R = ((k = y == null ? void 0 : y.document) == null ? void 0 : k.documentElement) || (y == null ? void 0 : y.documentElement) || Te(y), { display: _, flexDirection: I } = getComputedStyle(R), B = R.scrollLeft;
+    h.left = B < u.value, h.right = B > u.value;
+    const z = Math.abs(B) <= (i.left || 0), j = Math.abs(B) + R.clientWidth >= R.scrollWidth - (i.right || 0) - Qt;
+    _ === "flex" && I === "row-reverse" ? ($.left = j, $.right = z) : ($.left = z, $.right = j), u.value = B;
+    let X = R.scrollTop;
+    y === c.document && !X && (X = c.document.body.scrollTop), h.top = X < f.value, h.bottom = X > f.value;
+    const le = Math.abs(X) <= (i.top || 0), V = Math.abs(X) + R.clientHeight >= R.scrollHeight - (i.bottom || 0) - Qt;
+    _ === "flex" && I === "column-reverse" ? ($.top = V, $.bottom = le) : ($.top = le, $.bottom = V), f.value = X;
   }, H = (y) => {
     var k;
     if (!c)
       return;
-    const T = (k = y.target.documentElement) != null ? k : y.target;
-    R(T), b.value = !0, $(y), l(y);
+    const R = (k = y.target.documentElement) != null ? k : y.target;
+    T(R), b.value = !0, S(y), a(y);
   };
   return Zt(
     e,
@@ -5553,24 +5552,24 @@ function Ua(e, r = {}) {
       const y = ve(e);
       if (!y)
         return;
-      R(y);
+      T(y);
     } catch (y) {
       d(y);
     }
   }), Zt(
     e,
     "scrollend",
-    S,
+    w,
     s
   ), {
     x: g,
     y: C,
     isScrolling: b,
-    arrivedState: x,
-    directions: p,
+    arrivedState: $,
+    directions: h,
     measure() {
       const y = ve(e);
-      c && y && R(y);
+      c && y && T(y);
     }
   };
 }
@@ -5584,49 +5583,49 @@ const Vo = /* @__PURE__ */ W({
     paddingX: {}
   },
   setup(e, { expose: r }) {
-    const t = e, n = vt(), a = m(() => h(t.gap) ?? 16), l = m(() => h(t.rowCount) ?? 3), i = m(() => h(t.paddingX) ?? 0), s = M();
-    function o(S) {
-      return Array.isArray(S);
+    const t = e, n = vt(), l = m(() => p(t.gap) ?? 16), a = m(() => p(t.rowCount) ?? 3), i = m(() => p(t.paddingX) ?? 0), s = M();
+    function o(w) {
+      return Array.isArray(w);
     }
     const c = M([]), d = m(() => {
-      const S = c.value;
-      return Array.from(S).map(($) => Ya($));
+      const w = c.value;
+      return Array.from(w).map((S) => Ya(S));
     }), u = m(() => {
-      var S, $;
-      return t.itemWidth ? h(t.itemWidth) * l.value + a.value * (l.value - 1) + i.value * 2 : t.wrapperWidth ? h(t.wrapperWidth) : (($ = (S = s.value) == null ? void 0 : S.parentElement) == null ? void 0 : $.clientWidth) ?? 0;
-    }), f = m(() => t.itemWidth ? h(t.itemWidth) : (u.value - i.value * 2 - a.value * (l.value - 1)) / l.value);
-    function g(S, $, R, H) {
-      const y = h(S), k = Array.from({ length: h($) }).fill(0), T = [], _ = Math.max(0, u.value - h(H) * 2 - f.value * y.length - h(R) * y.length) / 2;
+      var w, S;
+      return t.itemWidth ? p(t.itemWidth) * a.value + l.value * (a.value - 1) + i.value * 2 : t.wrapperWidth ? p(t.wrapperWidth) : ((S = (w = s.value) == null ? void 0 : w.parentElement) == null ? void 0 : S.clientWidth) ?? 0;
+    }), f = m(() => t.itemWidth ? p(t.itemWidth) : (u.value - i.value * 2 - l.value * (a.value - 1)) / a.value);
+    function g(w, S, T, H) {
+      const y = p(w), k = Array.from({ length: p(S) }).fill(0), R = [], _ = Math.max(0, u.value - p(H) * 2 - f.value * y.length - p(T) * y.length) / 2;
       for (let I = 0; I < y.length; I++) {
-        const B = y[I], z = k.indexOf(Math.min(...k)), j = z * (f.value + h(R)) + h(H) + _, X = k[z];
-        T.push({ x: j, y: X, width: B.width.value, height: B.height.value }), k[z] += B.height.value + h(R);
+        const B = y[I], z = k.indexOf(Math.min(...k)), j = z * (f.value + p(T)) + p(H) + _, X = k[z];
+        R.push({ x: j, y: X, width: B.width.value, height: B.height.value }), k[z] += B.height.value + p(T);
       }
-      return T;
+      return R;
     }
-    const C = m(() => g(d, l, a, i)), v = m(() => o(C.value) ? Math.max(...C.value.map((S) => S.y + S.height)) : 0), b = m(() => {
-      var S;
-      return ((S = n.default) == null ? void 0 : S.call(n)) ?? [];
-    }), x = m(() => {
-      const S = [];
-      return b.value.forEach(($) => {
-        o($.children) ? $.children.forEach((R) => {
-          S.push(R);
-        }) : S.push($);
-      }), S;
+    const C = m(() => g(d, a, l, i)), v = m(() => o(C.value) ? Math.max(...C.value.map((w) => w.y + w.height)) : 0), b = m(() => {
+      var w;
+      return ((w = n.default) == null ? void 0 : w.call(n)) ?? [];
+    }), $ = m(() => {
+      const w = [];
+      return b.value.forEach((S) => {
+        o(S.children) ? S.children.forEach((T) => {
+          w.push(T);
+        }) : w.push(S);
+      }), w;
     });
-    function p(S) {
+    function h(w) {
       if (!o(C.value))
         return {};
-      const $ = C.value[S];
-      return $ ? {
-        left: `${$.x ?? 0}px`,
-        top: `${$.y ?? 0}px`,
+      const S = C.value[w];
+      return S ? {
+        left: `${S.x ?? 0}px`,
+        top: `${S.y ?? 0}px`,
         maxWidth: `${f.value}px`
       } : {};
     }
     return r({
       width: f
-    }), (S, $) => (w(), A("div", {
+    }), (w, S) => (x(), A("div", {
       ref_key: "wrapper",
       ref: s,
       style: P({
@@ -5637,14 +5636,14 @@ const Vo = /* @__PURE__ */ W({
         overflow: "scroll"
       })
     }, [
-      (w(!0), A(J, null, fe(x.value, (R, H) => (w(), A("div", {
+      (x(!0), A(J, null, fe($.value, (T, H) => (x(), A("div", {
         key: H,
         ref_for: !0,
         ref_key: "itemsRef",
         ref: c,
-        style: P([p(H), { position: "absolute" }])
+        style: P([h(H), { position: "absolute" }])
       }, [
-        (w(), G(xe(R), {
+        (x(), G(xe(T), {
           style: P({
             width: `${f.value}px`
           })
@@ -5665,14 +5664,14 @@ const Vo = /* @__PURE__ */ W({
     rangeExpand: {}
   },
   setup(e, { expose: r }) {
-    const t = e, n = m(() => h(t.rangeExpand) ?? 0), a = vt(), l = m(() => h(t.gap) ?? 16), i = m(() => h(t.rowCount) ?? 3), s = m(() => h(t.paddingX) ?? 0), o = M(), c = m(() => o.value && o.value.$el ? o.value.$el : o.value);
+    const t = e, n = m(() => p(t.rangeExpand) ?? 0), l = vt(), a = m(() => p(t.gap) ?? 16), i = m(() => p(t.rowCount) ?? 3), s = m(() => p(t.paddingX) ?? 0), o = M(), c = m(() => o.value && o.value.$el ? o.value.$el : o.value);
     function d(_) {
       return Array.isArray(_);
     }
     const u = m(() => {
       var _, I;
-      return t.itemWidth ? h(t.itemWidth) * i.value + l.value * (i.value - 1) + s.value * 2 : t.wrapperWidth ? h(t.wrapperWidth) : ((I = (_ = c.value) == null ? void 0 : _.parentElement) == null ? void 0 : I.clientWidth) ?? 0;
-    }), f = m(() => t.itemWidth ? h(t.itemWidth) : (u.value - s.value * 2 - l.value * (i.value - 1)) / i.value), g = m(() => h(t.items).map((_) => {
+      return t.itemWidth ? p(t.itemWidth) * i.value + a.value * (i.value - 1) + s.value * 2 : t.wrapperWidth ? p(t.wrapperWidth) : ((I = (_ = c.value) == null ? void 0 : _.parentElement) == null ? void 0 : I.clientWidth) ?? 0;
+    }), f = m(() => t.itemWidth ? p(t.itemWidth) : (u.value - s.value * 2 - a.value * (i.value - 1)) / i.value), g = m(() => p(t.items).map((_) => {
       const I = f.value / _.width;
       return {
         width: f.value,
@@ -5680,18 +5679,18 @@ const Vo = /* @__PURE__ */ W({
       };
     }));
     function C(_, I, B, z) {
-      const j = h(_), X = Array.from({ length: h(I) }).fill(0), le = [], V = Math.max(0, u.value - h(z) * 2 - f.value * j.length - h(B) * j.length) / 2;
+      const j = p(_), X = Array.from({ length: p(I) }).fill(0), le = [], V = Math.max(0, u.value - p(z) * 2 - f.value * j.length - p(B) * j.length) / 2;
       for (let Y = 0; Y < j.length; Y++) {
-        const ue = j[Y], ge = X.indexOf(Math.min(...X)), Ie = ge * (f.value + h(B)) + h(z) + V, Cr = X[ge];
-        le.push({ x: Ie, y: Cr, width: ue.width, height: ue.height }), X[ge] += ue.height + h(B);
+        const ue = j[Y], ge = X.indexOf(Math.min(...X)), Ie = ge * (f.value + p(B)) + p(z) + V, Cr = X[ge];
+        le.push({ x: Ie, y: Cr, width: ue.width, height: ue.height }), X[ge] += ue.height + p(B);
       }
       return le;
     }
-    const v = m(() => C(g, i, l, s)), b = m(() => d(v.value) ? Math.max(...v.value.map((_) => _.y + _.height)) : 0), x = m(() => {
+    const v = m(() => C(g, i, a, s)), b = m(() => d(v.value) ? Math.max(...v.value.map((_) => _.y + _.height)) : 0), $ = m(() => {
       var _;
-      return ((_ = a.default) == null ? void 0 : _.call(a)) ?? [];
+      return ((_ = l.default) == null ? void 0 : _.call(l)) ?? [];
     });
-    function p(_) {
+    function h(_) {
       if (!d(v.value))
         return {};
       const I = v.value[_];
@@ -5701,20 +5700,20 @@ const Vo = /* @__PURE__ */ W({
         maxWidth: `${f.value}px`
       } : {};
     }
-    const S = M(!1), $ = m(() => S.value ? "smooth" : "auto"), R = Ua(c, {
-      behavior: $
+    const w = M(!1), S = m(() => w.value ? "smooth" : "auto"), T = Ua(c, {
+      behavior: S
     }), H = m(() => {
       var _;
       return [
-        R.y.value - n.value,
-        R.y.value + (((_ = c.value) == null ? void 0 : _.clientHeight) ?? 0) + n.value
+        T.y.value - n.value,
+        T.y.value + (((_ = c.value) == null ? void 0 : _.clientHeight) ?? 0) + n.value
       ];
     }), y = m(() => v.value.map((_) => {
       const I = _.y, B = _.y + _.height;
       return I >= H.value[0] && I <= H.value[1] || B >= H.value[0] && B <= H.value[1] || I <= H.value[0] && B >= H.value[1];
     })), k = m(() => {
       const _ = [];
-      return x.value.forEach((I, B) => {
+      return $.value.forEach((I, B) => {
         if (d(I.children))
           I.children.forEach((z, j) => {
             y.value[j] && _.push([z, j]);
@@ -5727,14 +5726,14 @@ const Vo = /* @__PURE__ */ W({
       }), _;
     });
     r({
-      scroll: R,
+      scroll: T,
       scrollTo: (_, I = !1) => {
-        const B = S.value;
-        S.value = I, R.y.value = _, S.value = B;
+        const B = w.value;
+        w.value = I, T.y.value = _, w.value = B;
       }
     });
-    const T = m(() => t.is ?? "div");
-    return (_, I) => (w(), G(xe(T.value), {
+    const R = m(() => t.is ?? "div");
+    return (_, I) => (x(), G(xe(R.value), {
       ref_key: "wrapper",
       ref: o,
       style: {
@@ -5750,11 +5749,11 @@ const Vo = /* @__PURE__ */ W({
             position: "relative"
           })
         }, [
-          (w(!0), A(J, null, fe(k.value, ([B, z]) => (w(), A("div", {
+          (x(!0), A(J, null, fe(k.value, ([B, z]) => (x(), A("div", {
             key: B,
-            style: P([p(z), { position: "absolute" }])
+            style: P([h(z), { position: "absolute" }])
           }, [
-            (w(), G(xe(B), {
+            (x(), G(xe(B), {
               style: P({
                 width: `${f.value}px`
               })