@rotki/ui-library 1.7.0 → 1.7.1

package/dist/components/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as Y, computed as B, openBlock as o, createElementBlock as _, normalizeClass as c, createElementVNode as A, unref as e, useCssVars as st, toRefs as pe, Fragment as ve, createCommentVNode as g, toDisplayString as se, createBlock as P, resolveDynamicComponent as pt, mergeProps as Q, withCtx as F, renderSlot as D, createVNode as L, createTextVNode as Ae, withModifiers as Ie, TransitionGroup as Qt, ref as E, watch as ge, withKeys as Pe, normalizeProps as he, guardReactiveProps as be, Teleport as Bt, mergeModels as et, useModel as Qe, useSlots as Je, nextTick as Ye, isRef as tt, renderList as we, normalizeStyle as Ge, useCssModule as Xt, isVNode as Pt, withDirectives as qt, vModelCheckbox as $s, vModelText as ls, onMounted as bt, Transition as ct, createSlots as Ke, watchEffect as vs, useSSRContext as gs, onServerPrefetch as ks, vModelSelect as ws, resolveComponent as Cs, onUnmounted as zs, reactive as Yt, getCurrentInstance as rs } from "vue";
+import { defineComponent as J, computed as B, openBlock as o, createElementBlock as _, normalizeClass as c, createElementVNode as A, unref as e, useCssVars as st, toRefs as pe, Fragment as ve, createCommentVNode as g, toDisplayString as se, createBlock as P, resolveDynamicComponent as pt, mergeProps as Q, withCtx as F, renderSlot as D, createVNode as L, createTextVNode as Ae, withModifiers as Ie, TransitionGroup as Qt, ref as E, watch as ge, withKeys as Pe, normalizeProps as he, guardReactiveProps as be, Teleport as Bt, mergeModels as et, useModel as Qe, useSlots as Je, nextTick as Ye, isRef as tt, renderList as we, normalizeStyle as Ge, useCssModule as Xt, isVNode as Pt, withDirectives as qt, vModelCheckbox as $s, vModelText as ls, onMounted as bt, Transition as ct, createSlots as Ke, watchEffect as vs, useSSRContext as gs, onServerPrefetch as ks, vModelSelect as ws, resolveComponent as Cs, onUnmounted as zs, reactive as Yt, getCurrentInstance as rs } from "vue";
 import { isRuiIcon as Ms } from "../icons/index.es.js";
 import { u as Vs, a as is, b as Rs, c as ds, d as us, e as Bs } from "../composables/index-Q1RSg-Av.js";
 import { useElementSize as zt, onClickOutside as cs, useFocusWithin as Zt, refDebounced as Dt, useFocus as Ht, isDefined as Mt, watchDebounced as As, useElementBounding as ps, useResizeObserver as Vt, watchImmediate as at, useFetch as Ss, useScroll as js, watchTriggerable as xt, whenever as Jt, useDebounceFn as es, useClipboard as Is } from "@vueuse/core";
@@ -8,7 +8,7 @@ import { logicOr as ht, logicNot as Rt, logicAnd as Ot } from "@vueuse/math";
 import { S as je, a as ss } from "../types/index-DSBIGM2a.js";
 import { useRoute as Hs, useRouter as Os } from "vue-router";
 import { t as Ne } from "../vendor-BRFX1hnB.js";
-const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
+const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ J({
   name: "RuiIcon",
   __name: "RuiIcon",
   props: {
@@ -55,7 +55,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   return l;
 }, Js = {
   $style: Ys
-}, ee = /* @__PURE__ */ le(Fs, [["__cssModules", Js]]), Zs = ["aria-valuenow"], xs = ["viewBox"], eo = ["stroke-width"], to = /* @__PURE__ */ Y({
+}, ee = /* @__PURE__ */ le(Fs, [["__cssModules", Js]]), Zs = ["aria-valuenow"], xs = ["viewBox"], eo = ["stroke-width"], to = /* @__PURE__ */ J({
   name: "RuiProgress",
   __name: "RuiProgress",
   props: {
@@ -152,7 +152,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   "collapse-stroke": "_collapse-stroke_g0b28_1"
 }, mo = {
   $style: yo
-}, _t = /* @__PURE__ */ le(to, [["__cssModules", mo]]), ho = /* @__PURE__ */ Y({
+}, _t = /* @__PURE__ */ le(to, [["__cssModules", mo]]), ho = /* @__PURE__ */ J({
   name: "RuiButton",
   inheritAttrs: !1,
   __name: "RuiButton",
@@ -247,7 +247,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
 }, Ce = /* @__PURE__ */ le(ho, [["__cssModules", Oo]]), Lo = { class: "flex space-x-3 py-1 flex-grow" }, No = {
   key: 1,
   class: "text-body-2"
-}, Fo = { key: 0 }, Wo = { key: 1 }, Eo = /* @__PURE__ */ Y({
+}, Fo = { key: 0 }, Wo = { key: 1 }, Eo = /* @__PURE__ */ J({
   name: "RuiAlert",
   inheritAttrs: !1,
   __name: "RuiAlert",
@@ -365,7 +365,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   "text-shade": "_text-shade_1385h_1"
 }, an = {
   $style: nn
-}, h1 = /* @__PURE__ */ le(Eo, [["__cssModules", an]]), ln = ["disabled"], rn = /* @__PURE__ */ Y({
+}, h1 = /* @__PURE__ */ le(Eo, [["__cssModules", an]]), ln = ["disabled"], rn = /* @__PURE__ */ J({
   name: "RuiChip",
   inheritAttrs: !1,
   __name: "RuiChip",
@@ -477,7 +477,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
 }, Ln = {
   key: "hint",
   class: "text-rui-text-secondary text-caption"
-}, rt = /* @__PURE__ */ Y({
+}, rt = /* @__PURE__ */ J({
   __name: "RuiFormTextDetail",
   props: {
     errorMessages: { default: () => [] },
@@ -508,7 +508,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
       _: 1
     }));
   }
-}), Nn = ["data-menu-disabled"], Fn = /* @__PURE__ */ Y({
+}), Nn = ["data-menu-disabled"], Fn = /* @__PURE__ */ J({
   name: "RuiMenu",
   __name: "RuiMenu",
   props: {
@@ -552,12 +552,12 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
       leavePending: W,
       onLeavePending: U,
       onOpen: I,
-      onClose: H,
+      onClose: q,
       onPopperLeave: S,
-      updatePopper: Z
+      updatePopper: Y
     } = is(p, m, h, f), { width: G } = zt(R), V = E(!1);
     function C(x) {
-      t(N) && (H(), w(V, !1));
+      t(N) && (q(), w(V, !1));
     }
     function te() {
       t(N) && t(V) ? t(r) || C() : (I(), w(V, !0));
@@ -578,7 +578,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
           x && I();
         },
         onMouseleave: () => {
-          x && !ze && H();
+          x && !ze && q();
         },
         onClick: te
       };
@@ -587,7 +587,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
       M
     );
     return (x, ze) => {
-      var J;
+      var Z;
       return o(), _("div", {
         onKeydown: ze[4] || (ze[4] = Pe(Ie((_e) => C(), ["stop"]), ["esc"]))
       }, [
@@ -610,7 +610,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
             class: c([
               x.$style.menu,
               x.menuClass,
-              x.$style[`menu__${((J = e(p)) == null ? void 0 : J.strategy) ?? "absolute"}`]
+              x.$style[`menu__${((Z = e(p)) == null ? void 0 : Z.strategy) ?? "absolute"}`]
             ]),
             role: "menu",
             onClick: ze[3] || (ze[3] = (_e) => e(i) ? C() : void 0)
@@ -622,7 +622,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
               "leave-active-class": "transition ease-in duration-150",
               "leave-from-class": "opacity-100 translate-y-0",
               "leave-to-class": "opacity-0 translate-y-1",
-              onBeforeEnter: ze[0] || (ze[0] = (_e) => e(Z)()),
+              onBeforeEnter: ze[0] || (ze[0] = (_e) => e(Y)()),
               onAfterLeave: ze[1] || (ze[1] = (_e) => e(W) ? e(S)() : void 0),
               onBeforeLeave: ze[2] || (ze[2] = (_e) => e(U)())
             }, {
@@ -663,7 +663,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
 }, xn = ["disabled", "value", "placeholder"], ea = {
   key: 0,
   class: "p-4"
-}, ta = /* @__PURE__ */ Y({
+}, ta = /* @__PURE__ */ J({
   name: "RuiAutoComplete",
   inheritAttrs: !1,
   __name: "RuiAutoComplete",
@@ -708,38 +708,38 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   emits: ["update:modelValue", "update:searchInput"],
   setup(z, { expose: a }) {
     st((v) => ({
-      "4be8bcd2": e(ze)
+      "7fdbd408": e(ze)
     }));
     const l = Qe(z, "modelValue"), u = Qe(z, "searchInput"), d = z, f = Je(), { dense: h, disabled: p, options: m } = pe(d), { getText: r, getIdentifier: i } = Rs({
       keyAttr: d.keyAttr,
       textAttr: d.textAttr
-    }), s = E(), $ = E(), M = E(), y = E(), { focused: R } = Zt($), { focused: O } = Zt(y), N = ht(R, O), k = Dt(N, 100), W = ht(k, N), U = E([]), I = B(() => t(U).slice(0, Math.min(5, t(Me).length)).reduce((q, ue) => q + ue.$el.offsetHeight, 0)), H = B(() => Array.isArray(t(l))), S = B(() => !(f.selection || t(H) || d.chips)), { focused: Z } = Ht(s), G = E(""), V = Dt(G, 100);
+    }), s = E(), $ = E(), M = E(), y = E(), { focused: R } = Zt($), { focused: O } = Zt(y), N = ht(R, O), k = Dt(N, 100), W = ht(k, N), U = E([]), I = B(() => t(U).slice(0, Math.min(5, t(Me).length)).reduce((H, ue) => H + ue.$el.offsetHeight, 0)), q = B(() => Array.isArray(t(l))), S = B(() => !(f.selection || t(q) || d.chips)), { focused: Y } = Ht(s), G = E(""), V = Dt(G, 100);
     ge(u, (v) => {
       w(G, v);
     }, { immediate: !0 });
     const C = E(!1), te = B(() => {
-      const v = t(V), q = d.options;
+      const v = t(V), H = d.options;
       if (d.noFilter || !v || t(C))
-        return q;
+        return H;
       const ue = d.keyAttr, ie = d.textAttr, ne = d.filter || (($e, n) => {
         if (!$e)
           return !1;
         const b = [ue ? wt($e[ue]) : $e.toString()];
         return ie && typeof $e == "object" && b.push(wt($e[ie])), b.some((T) => wt(T).includes(wt(n)));
       });
-      return q.filter(($e) => ne($e, v));
+      return H.filter(($e) => ne($e, v));
     });
     function K(v) {
       w(l, v);
     }
     function fe(v) {
-      const q = d.keyAttr, ue = q && !d.returnObject ? v.map((ie) => ie[q]) : v;
-      return t(H) ? K(ue) : ue.length === 0 ? K(void 0) : K(ue[0]);
+      const H = d.keyAttr, ue = H && !d.returnObject ? v.map((ie) => ie[H]) : v;
+      return t(q) ? K(ue) : ue.length === 0 ? K(void 0) : K(ue[0]);
     }
     const oe = B({
       get: () => {
-        const v = t(l), q = d.keyAttr, ue = Array.isArray(v);
-        if (q && d.returnObject) {
+        const v = t(l), H = d.keyAttr, ue = Array.isArray(v);
+        if (H && d.returnObject) {
           const ie = v ? ue ? v : [v] : [], ne = [];
           if (ie.forEach(($e) => {
             const n = d.options.find((b) => i(b) === i($e));
@@ -768,7 +768,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
         fe(v);
       }
     }), x = B(() => t(oe).length > 0), ze = B(() => d.label ? `'  ${d.label}  '` : '"\\200B"'), {
-      containerProps: J,
+      containerProps: Z,
       wrapperProps: _e,
       renderedData: Me,
       isOpen: ye,
@@ -794,33 +794,33 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
       ht(
         ye,
         x,
-        Z
+        Y
       ),
       me
     ), Re = B(() => ({
-      style: J.style,
-      ref: J.ref
+      style: Z.style,
+      ref: Z.ref
     }));
     function ce(v = "") {
       w(u, v), w(G, v);
     }
     function We(v) {
-      const q = v.target.value;
-      w(ye, !0), ce(q), w(C, !1);
+      const H = v.target.value;
+      w(ye, !0), ce(H), w(C, !1);
     }
-    async function Oe(v, q, ue = !1) {
-      if (Mt(q) && w(He, q), t(H)) {
+    async function Oe(v, H, ue = !1) {
+      if (Mt(H) && w(He, H), t(q)) {
         const ie = [...t(oe)], ne = xe(v);
         ne === -1 ? (ce(), ie.push(v)) : ie.splice(ne, 1), w(oe, ie);
       } else
         await Ye(() => {
-          w(ye, !1);
+          w(ye, !1), w(Y, !1);
         }), t(S) ? ce(r(v)) : ce(), w(oe, [v]);
-      ue || w(Z, !0);
+      !ue && t(q) && w(Y, !0);
     }
     async function nt() {
       await Ye(() => {
-        w(Z, !0);
+        w(Y, !0);
       });
     }
     const Se = E(-1);
@@ -830,27 +830,27 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
     ge(oe, () => {
       w(Se, -1);
     }), ge(Se, async (v) => {
-      v === -1 || !t(H) || await Ye(() => {
-        const q = t($).querySelector(`[data-index="${v}"]`);
-        q == null || q.focus();
+      v === -1 || !t(q) || await Ye(() => {
+        const H = t($).querySelector(`[data-index="${v}"]`);
+        H == null || H.focus();
       });
     });
-    function Xe(v, q) {
-      if (!t(H) || t(G).length > 0)
+    function Xe(v, H) {
+      if (!t(q) || t(G).length > 0)
         return;
       v.preventDefault();
       const ue = t(oe).length;
       let ie = t(Se);
       if (ie === -1) {
-        w(Se, q ? 0 : ue - 1);
+        w(Se, H ? 0 : ue - 1);
         return;
       }
-      ie += q ? 1 : -1, ie < 0 || ie >= ue ? (w(Se, -1), w(Z, !0)) : w(Se, ie);
+      ie += H ? 1 : -1, ie < 0 || ie >= ue ? (w(Se, -1), w(Y, !0)) : w(Se, ie);
     }
     const it = B(() => (!t(N) || t(p)) && !t(S) ? "w-0 h-0" : t(G) ? "flex-1 min-w-[4rem]" : "flex-1 min-w-0");
-    function $t(v, q = !1) {
+    function $t(v, H = !1) {
       const ue = d.keyAttr, ie = d.textAttr;
-      return !ue || q ? v : {
+      return !ue || H ? v : {
         [ue]: v,
         ...ie ? { [ie]: v } : {}
       };
@@ -859,8 +859,8 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
       const v = t(G);
       if (!v)
         return;
-      const q = $t(v);
-      Oe(q, void 0, !0);
+      const H = $t(v);
+      Oe(H, void 0, !0);
     }
     As(N, (v) => {
       v || (w(ye, !1), d.customValue && t(te).length === 0 && t(G) && At(), t(S) || ce());
@@ -877,18 +877,18 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
     }
     function St() {
       const v = t(oe).length;
-      !t(G) && v > 0 && (t(H) ? w(Se, v - 1) : vt());
+      !t(G) && v > 0 && (t(q) ? w(Se, v - 1) : vt());
     }
-    function dt(v, q) {
+    function dt(v, H) {
       return {
-        "data-index": q,
+        "data-index": H,
         "data-value": i(v),
         onKeydown: (ue) => {
           const { key: ie } = ue;
           ["Backspace", "Delete"].includes(ie) && Oe(v);
         },
         "onClick.stop": () => {
-          Ee(q);
+          Ee(H);
         },
         "onClick:close": () => {
           Oe(v);
@@ -896,17 +896,17 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
       };
     }
     function gt(v) {
-      t(te).length > 0 && t(He) > -1 && t(ye) ? (X(), v.preventDefault()) : t(m).length > 0 && d.customValue ? (At(), t(H) || w(ye, !1), v.preventDefault()) : !t(ye) && t(oe).length === 0 && (w(ye, !0), v.preventDefault());
+      t(te).length > 0 && t(He) > -1 && t(ye) ? (X(), v.preventDefault()) : t(m).length > 0 && d.customValue ? (At(), t(q) || w(ye, !1), v.preventDefault()) : !t(ye) && t(oe).length === 0 && (w(ye, !0), v.preventDefault());
     }
     function ft(v) {
-      t(ye) && t(te).length > 0 && t(He) > -1 && !t(H) && (X(), v.preventDefault());
+      t(ye) && t(te).length > 0 && t(He) > -1 && !t(q) && (X(), v.preventDefault());
     }
-    function kt(v, q) {
+    function kt(v, H) {
       var ue, ie;
-      w(Z, !0), (ie = (ue = t(s)) == null ? void 0 : ue.setSelectionRange) == null || ie.call(ue, v, q);
+      w(Y, !0), (ie = (ue = t(s)) == null ? void 0 : ue.setSelectionRange) == null || ie.call(ue, v, H);
     }
-    ge(m, (v, q) => {
-      Ps(v, q) || d.customValue || fe(t(oe));
+    ge(m, (v, H) => {
+      Ps(v, H) || d.customValue || fe(t(oe));
     });
     function yt(v) {
       t(ye) && (w(ye, !1), v.stopPropagation());
@@ -914,11 +914,11 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
     return a({
       focus: nt,
       setSelectionRange: kt
-    }), (v, q) => {
+    }), (v, H) => {
       var ue;
       return o(), P(ys, Q({
         modelValue: e(ye),
-        "onUpdate:modelValue": q[16] || (q[16] = (ie) => tt(ye) ? ye.value = ie : null),
+        "onUpdate:modelValue": H[16] || (H[16] = (ie) => tt(ye) ? ye.value = ie : null),
         class: v.$style.wrapper
       }, {
         ...("getRootAttrs" in v ? v.getRootAttrs : e(Ze))(v.$attrs),
@@ -967,19 +967,19 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
               {
                 "data-id": "activator",
                 tabindex: e(p) || v.readOnly ? -1 : 0,
-                onClick: q[5] || (q[5] = (b) => nt()),
-                onFocus: q[6] || (q[6] = (b) => nt()),
+                onClick: H[5] || (H[5] = (b) => nt()),
+                onFocus: H[6] || (H[6] = (b) => nt()),
                 onKeydown: [
-                  q[7] || (q[7] = Pe((b) => gt(b), ["enter"])),
-                  q[8] || (q[8] = Pe((b) => ft(b), ["tab"])),
-                  q[9] || (q[9] = Pe((b) => Xe(b, !1), ["left"])),
-                  q[10] || (q[10] = Pe((b) => Xe(b, !0), ["right"])),
-                  q[11] || (q[11] = Pe(Ie((b) => e(Fe)(!0), ["prevent"]), ["up"])),
-                  q[12] || (q[12] = Pe(Ie((b) => e(Fe)(!1), ["prevent"]), ["down"]))
+                  H[7] || (H[7] = Pe((b) => gt(b), ["enter"])),
+                  H[8] || (H[8] = Pe((b) => ft(b), ["tab"])),
+                  H[9] || (H[9] = Pe((b) => Xe(b, !1), ["left"])),
+                  H[10] || (H[10] = Pe((b) => Xe(b, !0), ["right"])),
+                  H[11] || (H[11] = Pe(Ie((b) => e(Fe)(!0), ["prevent"]), ["up"])),
+                  H[12] || (H[12] = Pe(Ie((b) => e(Fe)(!1), ["prevent"]), ["down"]))
                 ]
               }
             ), [
-              e(me) || !e(x) && !e(Z) ? (o(), _("span", {
+              e(me) || !e(x) && !e(Y) ? (o(), _("span", {
                 key: 0,
                 class: c([
                   v.$style.label,
@@ -1023,12 +1023,12 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
                       ])
                     ]),
                     _: 2
-                  }, 1040, ["size", "class"])) : e(H) || e(f)["selection.prepend"] || e(f).selection ? (o(), _("div", Zn, [
+                  }, 1040, ["size", "class"])) : (e(q) || e(f)["selection.prepend"] || e(f).selection) && (!e(Y) || e(q)) ? (o(), _("div", Zn, [
                     D(v.$slots, "selection.prepend", Q({
                       index: T,
                       ref_for: !0
                     }, { item: b })),
-                    e(H) || e(f).selection ? D(v.$slots, "selection", Q({
+                    e(q) || e(f).selection ? D(v.$slots, "selection", Q({
                       key: 0,
                       index: T,
                       ref_for: !0
@@ -1045,15 +1045,15 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
                   class: c(["bg-transparent outline-none", e(it)]),
                   type: "text",
                   placeholder: v.placeholder,
-                  onKeydown: q[0] || (q[0] = Pe((b) => St(), ["delete"])),
-                  onInput: q[1] || (q[1] = (b) => We(b)),
-                  onFocus: q[2] || (q[2] = (b) => Lt())
+                  onKeydown: H[0] || (H[0] = Pe((b) => St(), ["delete"])),
+                  onInput: H[1] || (H[1] = (b) => We(b)),
+                  onFocus: H[2] || (H[2] = (b) => Lt())
                 }, null, 42, xn)
               ], 2),
               v.clearable && e(x) && !e(p) ? (o(), _("span", {
                 key: 1,
                 class: c(["group-hover:!visible", [v.$style.clear, e(N) && "!visible"]]),
-                onClick: q[3] || (q[3] = Ie((b) => vt(), ["stop", "prevent"]))
+                onClick: H[3] || (H[3] = Ie((b) => vt(), ["stop", "prevent"]))
               }, [
                 L(ee, {
                   color: "error",
@@ -1063,7 +1063,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
               ], 2)) : g("", !0),
               A("span", {
                 class: c(v.$style.icon__wrapper),
-                onClick: q[4] || (q[4] = (b) => yt(b))
+                onClick: H[4] || (H[4] = (b) => yt(b))
               }, [
                 L(ee, {
                   class: c([v.$style.icon, { "rotate-180": ne }]),
@@ -1099,11 +1099,11 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
               class: [v.$style.menu, v.menuClass],
               style: { width: `${ie}px`, minWidth: e(qe), minHeight: `${e(I)}px` }
             }, e(Re), {
-              onScroll: q[13] || (q[13] = //@ts-ignore
-              (...ne) => e(J).onScroll && e(J).onScroll(...ne)),
+              onScroll: H[13] || (H[13] = //@ts-ignore
+              (...ne) => e(Z).onScroll && e(Z).onScroll(...ne)),
               onKeydown: [
-                q[14] || (q[14] = Pe(Ie((ne) => e(Fe)(!0), ["prevent"]), ["up"])),
-                q[15] || (q[15] = Pe(Ie((ne) => e(Fe)(!1), ["prevent"]), ["down"]))
+                H[14] || (H[14] = Pe(Ie((ne) => e(Fe)(!0), ["prevent"]), ["up"])),
+                H[15] || (H[15] = Pe(Ie((ne) => e(Fe)(!1), ["prevent"]), ["down"]))
               ]
             }), [
               A("div", Q(e(_e), {
@@ -1182,7 +1182,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   active: ba
 }, va = {
   $style: $a
-}, b1 = /* @__PURE__ */ le(ta, [["__cssModules", va]]), ga = /* @__PURE__ */ Y({
+}, b1 = /* @__PURE__ */ le(ta, [["__cssModules", va]]), ga = /* @__PURE__ */ J({
   name: "RuiButtonGroup",
   inheritAttrs: !1,
   __name: "RuiButtonGroup",
@@ -1206,13 +1206,13 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
     const $ = B(() => {
       var S;
       const k = t(p), W = t(m), U = t(f), I = ((S = d.default) == null ? void 0 : S.call(d)) ?? [];
-      return s(I).map((Z, G) => {
+      return s(I).map((Y, G) => {
         var C;
-        const V = (C = Z.props) == null ? void 0 : C["model-value"];
-        return Z.props = {
-          ...Z.props,
+        const V = (C = Y.props) == null ? void 0 : C["model-value"];
+        return Y.props = {
+          ...Y.props,
           active: M(V ?? G, U)
-        }, k && (Z.props.disabled = !0), W && (Z.props.color = W), Z.props.active && l.activeColor && (Z.props.color = l.activeColor), Z;
+        }, k && (Y.props.disabled = !0), W && (Y.props.color = W), Y.props.active && l.activeColor && (Y.props.color = l.activeColor), Y;
       });
     });
     function M(k, W) {
@@ -1245,7 +1245,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
         class: c(e(R).button),
         size: e(i),
         variant: e(r),
-        "onUpdate:modelValue": (H) => y(H ?? I)
+        "onUpdate:modelValue": (q) => y(q ?? I)
       }, null, 8, ["class", "size", "variant", "onUpdate:modelValue"]))), 128))
     ], 16));
   }
@@ -1271,7 +1271,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   "text-shade": "_text-shade_1m6gm_1"
 }, Ha = {
   $style: qa
-}, $1 = /* @__PURE__ */ le(ga, [["__cssModules", Ha]]), Oa = ["disabled"], La = /* @__PURE__ */ Y({
+}, $1 = /* @__PURE__ */ le(ga, [["__cssModules", Ha]]), Oa = ["disabled"], La = /* @__PURE__ */ J({
   name: "RuiCheckbox",
   inheritAttrs: !1,
   __name: "RuiCheckbox",
@@ -1394,7 +1394,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   "text-shade": "_text-shade_32njj_1"
 }, sl = {
   $style: tl
-}, ms = /* @__PURE__ */ le(La, [["__cssModules", sl]]), ol = ["checked", "disabled"], nl = /* @__PURE__ */ Y({
+}, ms = /* @__PURE__ */ le(La, [["__cssModules", sl]]), ol = ["checked", "disabled"], nl = /* @__PURE__ */ J({
   name: "RuiSwitch",
   inheritAttrs: !1,
   __name: "RuiSwitch",
@@ -1490,7 +1490,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   "text-shade": "_text-shade_zr90q_1"
 }, vl = {
   $style: $l
-}, v1 = /* @__PURE__ */ le(nl, [["__cssModules", vl]]), gl = ["max", "min", "step", "disabled"], kl = /* @__PURE__ */ Y({
+}, v1 = /* @__PURE__ */ le(nl, [["__cssModules", vl]]), gl = ["max", "min", "step", "disabled"], kl = /* @__PURE__ */ J({
   name: "RuiSlider",
   inheritAttrs: !1,
   __name: "RuiSlider",
@@ -1520,7 +1520,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
       "24cfa32b": e(I),
       "4e8a697c": e(U),
       "3f1edc84": e(y),
-      "255f9fa4": e(H)
+      "255f9fa4": e(q)
     }));
     const l = z, u = a, { modelValue: d, max: f, min: h, step: p, errorMessages: m, successMessages: r, vertical: i, tickSize: s } = pe(l), $ = B({
       get() {
@@ -1530,16 +1530,16 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
         u("update:model-value", S);
       }
     }), M = B(() => {
-      const S = t(h), Z = t(p), V = (t(f) - S) / Z;
-      return [Math.round((t(d) - S) / Z), V];
+      const S = t(h), Y = t(p), V = (t(f) - S) / Y;
+      return [Math.round((t(d) - S) / Y), V];
     }), y = B(() => {
-      const [S, Z] = t(M);
-      return `${Math.min(100, Math.max(0, Math.round(S / Z * 100)))}%`;
+      const [S, Y] = t(M);
+      return `${Math.min(100, Math.max(0, Math.round(S / Y * 100)))}%`;
     }), { hasError: R, hasSuccess: O } = lt(
       m,
       r
-    ), N = E(), { width: k, height: W } = ps(N), U = B(() => `${t(k)}px`), I = B(() => `${t(W)}px`), H = B(() => `${t(s)}px`);
-    return (S, Z) => (o(), _("div", he(be(e(Ze)(S.$attrs))), [
+    ), N = E(), { width: k, height: W } = ps(N), U = B(() => `${t(k)}px`), I = B(() => `${t(W)}px`), q = B(() => `${t(s)}px`);
+    return (S, Y) => (o(), _("div", he(be(e(Ze)(S.$attrs))), [
       A("label", {
         class: c([
           S.$style.wrapper,
@@ -1567,7 +1567,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
             class: c(S.$style.inner)
           }, [
             qt(A("input", Q({
-              "onUpdate:modelValue": Z[0] || (Z[0] = (G) => tt($) ? $.value = G : null),
+              "onUpdate:modelValue": Y[0] || (Y[0] = (G) => tt($) ? $.value = G : null),
               class: S.$style.input,
               type: "range",
               max: e(f),
@@ -1656,7 +1656,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   "text-shade": "_text-shade_17azb_1"
 }, Ul = {
   $style: El
-}, g1 = /* @__PURE__ */ le(kl, [["__cssModules", Ul]]), k1 = /* @__PURE__ */ Y({
+}, g1 = /* @__PURE__ */ le(kl, [["__cssModules", Ul]]), k1 = /* @__PURE__ */ J({
   name: "RuiDivider",
   inheritAttrs: !1,
   __name: "RuiDivider",
@@ -1668,7 +1668,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
       class: [a.vertical ? "border-l" : "border-t", "border-default"]
     }, a.$attrs), null, 16));
   }
-}), Gl = /* @__PURE__ */ Y({
+}), Gl = /* @__PURE__ */ J({
   __name: "RuiStepperIcon",
   props: {
     state: { default: je.inactive },
@@ -1709,7 +1709,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   done: Jl
 }, xl = {
   $style: Zl
-}, er = /* @__PURE__ */ le(Gl, [["__cssModules", xl]]), tr = /* @__PURE__ */ Y({
+}, er = /* @__PURE__ */ le(Gl, [["__cssModules", xl]]), tr = /* @__PURE__ */ J({
   __name: "RuiStepperCustomIcon",
   props: {
     state: { default: je.inactive },
@@ -1743,7 +1743,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   text: nr
 }, lr = {
   $style: ar
-}, rr = /* @__PURE__ */ le(tr, [["__cssModules", lr]]), ir = { class: "relative flex py-2" }, dr = /* @__PURE__ */ Y({
+}, rr = /* @__PURE__ */ le(tr, [["__cssModules", lr]]), ir = { class: "relative flex py-2" }, dr = /* @__PURE__ */ J({
   name: "RuiStepper",
   __name: "RuiStepper",
   props: {
@@ -1862,7 +1862,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   success: Mr
 }, Rr = {
   $style: Vr
-}, w1 = /* @__PURE__ */ le(dr, [["__cssModules", Rr]]), Br = ["value"], Ar = ["placeholder", "disabled", "readonly"], Sr = /* @__PURE__ */ Y({
+}, w1 = /* @__PURE__ */ le(dr, [["__cssModules", Rr]]), Br = ["value"], Ar = ["placeholder", "disabled", "readonly"], Sr = /* @__PURE__ */ J({
   name: "RuiTextArea",
   inheritAttrs: !1,
   __name: "RuiTextArea",
@@ -1893,8 +1893,8 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   }),
   emits: /* @__PURE__ */ et(["click:clear"], ["update:modelValue"]),
   setup(z, { emit: a }) {
-    st((J) => ({
-      aeb3c168: e(Z),
+    st((Z) => ({
+      aeb3c168: e(Y),
       "685fea58": e(S),
       "53923c42": e(I)
     }));
@@ -1910,18 +1910,18 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
       rowHeight: M,
       errorMessages: y,
       successMessages: R
-    } = pe(u), O = E(), N = E(), k = E(), W = E(), U = Xt(), I = B(() => t(f) ? `'  ${t(f)}  '` : '"\\200B"'), H = B(() => {
-      const J = Number(t(M)), _e = Number(t(i)), Me = Number(t(s)), ye = {
-        minHeight: `${_e * J + 0.75}rem`
+    } = pe(u), O = E(), N = E(), k = E(), W = E(), U = Xt(), I = B(() => t(f) ? `'  ${t(f)}  '` : '"\\200B"'), q = B(() => {
+      const Z = Number(t(M)), _e = Number(t(i)), Me = Number(t(s)), ye = {
+        minHeight: `${_e * Z + 0.75}rem`
       };
-      return Me && (ye.maxHeight = `${Me * J + 0.75}rem`), ye;
-    }), S = E("0px"), Z = E("0px");
-    Vt(O, (J) => {
-      const [_e] = J, { width: Me, left: ye } = _e.contentRect;
+      return Me && (ye.maxHeight = `${Me * Z + 0.75}rem`), ye;
+    }), S = E("0px"), Y = E("0px");
+    Vt(O, (Z) => {
+      const [_e] = Z, { width: Me, left: ye } = _e.contentRect;
       w(S, `${Me + ye + 24}px`);
-    }), Vt(N, (J) => {
-      const [_e] = J, { width: Me, right: ye } = _e.contentRect;
-      w(Z, `${Me + ye + 24}px`);
+    }), Vt(N, (Z) => {
+      const [_e] = Z, { width: Me, right: ye } = _e.contentRect;
+      w(Y, `${Me + ye + 24}px`);
     });
     const G = B(() => u.color ? U[u.color] : void 0), V = Ot(
       p,
@@ -1935,45 +1935,45 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
     function fe() {
       w(l, ""), d("click:clear");
     }
-    function oe(J, _e) {
+    function oe(Z, _e) {
       if (!t(h))
         return;
-      const Me = t(k), ye = J ?? t(l), qe = t(W);
+      const Me = t(k), ye = Z ?? t(l), qe = t(W);
       Me && qe && Ye(() => {
-        Me.style.minHeight = t(H).minHeight;
+        Me.style.minHeight = t(q).minHeight;
         const Be = qe.scrollHeight, xe = Me.scrollHeight;
         let He = `${Math.max(Be, xe) / 16}rem`;
         _e && _e.length > ye.length && (He = `${Math.min(Be, xe) / 16}rem`), Me.style.height = He;
       });
     }
     const { focused: x } = Ht(k), ze = Dt(x, 500);
-    return ge(l, oe), bt(oe), (J, _e) => (o(), _("div", he(be(("getRootAttrs" in J ? J.getRootAttrs : e(Ze))(J.$attrs))), [
+    return ge(l, oe), bt(oe), (Z, _e) => (o(), _("div", he(be(("getRootAttrs" in Z ? Z.getRootAttrs : e(Ze))(Z.$attrs))), [
       A("div", {
         class: c([
           e(U).wrapper,
           e(G),
-          e(U)[J.variant ?? ""],
+          e(U)[Z.variant ?? ""],
           {
-            [e(U).dense]: J.dense,
+            [e(U).dense]: Z.dense,
             [e(U).disabled]: e(m),
             [e(U)["no-label"]]: !e(f),
             [e(U)["with-error"]]: e(C),
             [e(U)["with-success"]]: e(te) && !e(C),
-            [e(U)[`text_${J.textColor}`]]: J.textColor && !e(K)
+            [e(U)[`text_${Z.textColor}`]]: Z.textColor && !e(K)
           }
         ])
       }, [
-        J.$slots.prepend || J.prependIcon ? (o(), _("div", {
+        Z.$slots.prepend || Z.prependIcon ? (o(), _("div", {
           key: 0,
           ref_key: "prepend",
           ref: O,
           class: c(["flex items-center gap-1 shrink-0", e(U).prepend])
         }, [
-          J.$slots.prepend ? D(J.$slots, "prepend", { key: 0 }) : J.prependIcon ? (o(), _("div", {
+          Z.$slots.prepend ? D(Z.$slots, "prepend", { key: 0 }) : Z.prependIcon ? (o(), _("div", {
             key: 1,
             class: c([e(U).icon])
           }, [
-            L(ee, { name: J.prependIcon }, null, 8, ["name"])
+            L(ee, { name: Z.prependIcon }, null, 8, ["name"])
           ], 2)) : g("", !0)
         ], 2)) : g("", !0),
         A("div", {
@@ -1985,7 +1985,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
             ref: W,
             value: l.value,
             class: c([e(U).textarea_sizer]),
-            style: Ge(e(H)),
+            style: Ge(e(q)),
             "aria-hidden": "true",
             disabled: "",
             readonly: ""
@@ -1994,25 +1994,25 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
             ref_key: "textarea",
             ref: k,
             "onUpdate:modelValue": _e[0] || (_e[0] = (Me) => l.value = Me),
-            placeholder: J.placeholder || " ",
+            placeholder: Z.placeholder || " ",
             class: [e(U).textarea, e($) ? "resize-none" : "resize-y"],
-            style: e(H),
+            style: e(q),
             disabled: e(m),
             readonly: e(r)
-          }, ("getNonRootAttrs" in J ? J.getNonRootAttrs : e(ot))(J.$attrs)), null, 16, Ar), [
+          }, ("getNonRootAttrs" in Z ? Z.getNonRootAttrs : e(ot))(Z.$attrs)), null, 16, Ar), [
             [ls, l.value]
           ]),
           A("label", {
             class: c(e(U).label)
           }, se(e(f)), 3),
-          J.variant === "outlined" ? (o(), _("fieldset", {
+          Z.variant === "outlined" ? (o(), _("fieldset", {
             key: 1,
             class: c(e(U).fieldset)
           }, _e[2] || (_e[2] = [
             A("legend", null, null, -1)
           ]), 2)) : g("", !0)
         ], 2),
-        J.$slots.append || J.appendIcon || e(V) ? (o(), _("div", {
+        Z.$slots.append || Z.appendIcon || e(V) ? (o(), _("div", {
           key: 1,
           ref_key: "append",
           ref: N,
@@ -2036,20 +2036,20 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
             ]),
             _: 1
           }, 8, ["class"])) : g("", !0),
-          J.$slots.append ? D(J.$slots, "append", { key: 1 }) : J.appendIcon ? (o(), _("div", {
+          Z.$slots.append ? D(Z.$slots, "append", { key: 1 }) : Z.appendIcon ? (o(), _("div", {
             key: 2,
             class: c([e(U).icon])
           }, [
-            L(ee, { name: J.appendIcon }, null, 8, ["name"])
+            L(ee, { name: Z.appendIcon }, null, 8, ["name"])
           ], 2)) : g("", !0)
         ], 2)) : g("", !0)
       ], 2),
-      J.hideDetails ? g("", !0) : (o(), P(rt, {
+      Z.hideDetails ? g("", !0) : (o(), P(rt, {
         key: 0,
         class: "pt-1 px-3",
         "error-messages": e(y),
         "success-messages": e(R),
-        hint: J.hint
+        hint: Z.hint
       }, null, 8, ["error-messages", "success-messages", "hint"]))
     ], 16));
   }
@@ -2092,7 +2092,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   "text-shade": "_text-shade_1xhla_1"
 }, ni = {
   $style: oi
-}, C1 = /* @__PURE__ */ le(Sr, [["__cssModules", ni]]), ai = /* @__PURE__ */ Y({
+}, C1 = /* @__PURE__ */ le(Sr, [["__cssModules", ni]]), ai = /* @__PURE__ */ J({
   name: "RuiTextField",
   inheritAttrs: !1,
   __name: "RuiTextField",
@@ -2147,10 +2147,10 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
       const [te] = C, { width: K, right: fe } = te.contentRect;
       w(k, `${K + fe}px`);
     });
-    const { hasError: U, hasSuccess: I, hasMessages: H } = lt(
+    const { hasError: U, hasSuccess: I, hasMessages: q } = lt(
       r,
       i
-    ), { focused: S } = Ht(O), Z = Dt(S, 500), G = Ot(
+    ), { focused: S } = Ht(O), Y = Dt(S, 500), G = Ot(
       h,
       l,
       Rt(p),
@@ -2171,7 +2171,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
             [C.$style["no-label"]]: !e(f),
             [C.$style["with-error"]]: e(U),
             [C.$style["with-success"]]: e(I) && !e(U),
-            [C.$style[`text_${C.textColor}`]]: C.textColor && !e(H)
+            [C.$style[`text_${C.textColor}`]]: C.textColor && !e(q)
           }
         ])
       }, [
@@ -2232,7 +2232,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
         }, [
           e(G) ? (o(), P(Ce, {
             key: 0,
-            class: c([{ hidden: !e(Z) }, "!p-2 clear-btn"]),
+            class: c([{ hidden: !e(Y) }, "!p-2 clear-btn"]),
             variant: "text",
             type: "button",
             icon: "",
@@ -2303,7 +2303,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   "text-shade": "_text-shade_kdkbx_1"
 }, Si = {
   $style: Ai
-}, Gt = /* @__PURE__ */ le(ai, [["__cssModules", Si]]), ji = ["data-tooltip-disabled"], Ii = /* @__PURE__ */ Y({
+}, Gt = /* @__PURE__ */ le(ai, [["__cssModules", Si]]), ji = ["data-tooltip-disabled"], Ii = /* @__PURE__ */ J({
   name: "RuiTooltip",
   __name: "RuiTooltip",
   props: {
@@ -2404,7 +2404,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   arrow__open: Li
 }, Fi = {
   $style: Ni
-}, hs = /* @__PURE__ */ le(Ii, [["__cssModules", Fi]]), Wi = /* @__PURE__ */ Y({
+}, hs = /* @__PURE__ */ le(Ii, [["__cssModules", Fi]]), Wi = /* @__PURE__ */ J({
   name: "RuiBadge",
   __name: "RuiBadge",
   props: {
@@ -2512,7 +2512,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   "text-shade": "_text-shade_d9do2_1"
 }, _d = {
   $style: pd
-}, fd = /* @__PURE__ */ le(Wi, [["__cssModules", _d]]), yd = /* @__PURE__ */ Y({
+}, fd = /* @__PURE__ */ le(Wi, [["__cssModules", _d]]), yd = /* @__PURE__ */ J({
   name: "RuiDialog",
   inheritAttrs: !1,
   __name: "RuiDialog",
@@ -2645,7 +2645,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   center: $d
 }, gd = {
   $style: vd
-}, kd = /* @__PURE__ */ le(yd, [["__cssModules", gd]]), wd = { key: 0 }, Cd = ["onClick"], zd = { key: 0 }, Md = /* @__PURE__ */ Y({
+}, kd = /* @__PURE__ */ le(yd, [["__cssModules", gd]]), wd = { key: 0 }, Cd = ["onClick"], zd = { key: 0 }, Md = /* @__PURE__ */ J({
   name: "RuiFooterStepper",
   __name: "RuiFooterStepper",
   props: {
@@ -2776,7 +2776,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
 }, z1 = /* @__PURE__ */ le(Md, [["__cssModules", Pd]]), qd = {
   key: 0,
   class: "text-rui-text-secondary text-body-1"
-}, Hd = /* @__PURE__ */ Y({
+}, Hd = /* @__PURE__ */ J({
   name: "RuiRadioGroup",
   inheritAttrs: !1,
   __name: "RuiRadioGroup",
@@ -2830,7 +2830,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   wrapper__inline: Od
 }, Nd = {
   $style: Ld
-}, M1 = /* @__PURE__ */ le(Hd, [["__cssModules", Nd]]), Fd = ["checked", "disabled", "value"], Wd = /* @__PURE__ */ Y({
+}, M1 = /* @__PURE__ */ le(Hd, [["__cssModules", Nd]]), Fd = ["checked", "disabled", "value"], Wd = /* @__PURE__ */ J({
   name: "RuiRadio",
   inheritAttrs: !1,
   __name: "RuiRadio",
@@ -2942,7 +2942,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   "text-shade": "_text-shade_120s0_1"
 }, au = {
   $style: nu
-}, V1 = /* @__PURE__ */ le(Wd, [["__cssModules", au]]), lu = { class: "flex items-center" }, R1 = /* @__PURE__ */ Y({
+}, V1 = /* @__PURE__ */ le(Wd, [["__cssModules", au]]), lu = { class: "flex items-center" }, R1 = /* @__PURE__ */ J({
   name: "RuiRevealableTextField",
   inheritAttrs: !1,
   __name: "RuiRevealableTextField",
@@ -3012,7 +3012,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
 }), ru = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='86'%20height='88'%20fill='none'%3e%3cpath%20d='M85.67%2074.728H.007v5.33H85.67v-5.33z'%20fill='%234e352e'/%3e%3cpath%20d='M21.856%2086.971c-6.391%200-6.421-18.882%200-18.882s6.421%2018.882%200%2018.882zm45.19-17.055c-.2-.278-.46-.507-.761-.67.517%202.162%201.035%207.34-1.035%207.34-.061-1.645-.031-6.426-1.491-7.797-.913.274-2.587%201.096-3.499%203.441-.288.934-.491%201.892-.609%202.863v.091c-.639%205.36.913%2011.817%204.656%2011.817%203.895%200%205.417-7.035%204.565-12.487a1%201%200%200%201-.669.244c.061-1.553-.396-3.746-1.156-4.842zm12.325-1.827c-6.421%200-6.391%2018.882%200%2018.882s6.39-18.882%200-18.882zm-68.652%200c-6.421%200-6.391%2018.882%200%2018.882s6.421-18.882%200-18.882z'%20fill='%23e45325'/%3e%3cpath%20d='M13.062%2082.768a3.04%203.04%200%200%200%201.948-.7c-.7%202.802-2.13%204.903-4.26%204.903-5.66%200-6.33-14.801-1.948-18.182-1.43%205.604-.03%2013.979%204.26%2013.979zm68.622%200c-4.26%200-5.691-8.406-4.26-13.979-4.382%203.38-3.713%2018.182%201.948%2018.182%202.13%200%203.56-2.101%204.26-4.903a3.04%203.04%200%200%201-1.948.7zM60.255%2072.179c-1.796%205.543-.457%2014.801%204.017%2014.801%202.13%200%203.56-2.101%204.26-4.903a3.24%203.24%200%200%201-1.948.701c-4.078%200-5.538-7.614-4.443-13.157a6.09%206.09%200%200%200-1.887%202.558zm-40.351-3.381c-4.382%203.381-3.713%2018.182%201.948%2018.182%202.13%200%203.56-2.101%204.26-4.903a3.24%203.24%200%200%201-1.948.701c-4.254-.009-5.684-8.384-4.254-13.988l-.006.009z'%20fill='%23be3a26'/%3e%3cpath%20d='M37.127%2073.358c-.335-.091-4.382-10.02-4.382-10.02s2.83-2.01%202.982-2.619c-.822-.822-1.613-2.467-1.613-2.467a12.33%2012.33%200%200%200%20.457%202.01s-1.217-.548-1.613-1.523l-2.648%203.777s4.473%2010.294%204.443%2010.842c-1.674-.365-3.226%201.401-3.226%201.401%203.256.335%202.191%205.939%200%205.33%201.552%203.563%203.408%201.462%203.56-4.599.7.487%203.165%203.959.304%204.599%202.648%204.842%205.538-1.34%201.613-4.873%202.039.152%205.204%202.619%202.769%204.873.882%202.315%202.617%201.096%202.891-.639.402-3.228-2.611-5.36-5.538-6.091zm29.311-5.787c-.822-1.188-2.039-1.188-3.317-.426-2.8.091-4.534-.274-13.177.853%200%200-.061-.67-.122-1.614-.73.091-1.461.122-2.221.152l.791%204.02c2.313-.091%209.282-1.736%2012.629-1.736-1.217%201.31-3.074%204.842-1.339%206.365.274-4.629%202.891-6.024%204.078-6.395%201.169%201.413%201.43%206.182%201.491%207.796%202.069%200%201.613-5.147%201.096-7.309.264.178.499.393.7.64.761%201.066%201.029%203.307%201.156%204.842%202.374%200%20.876-7.126-1.765-7.187z'%20fill='%232d1e1c'/%3e%3cpath%20d='M61.873%2058.221c-7.182%203.655-16.341%203.746-11.655-5.299a15.93%2015.93%200%200%200-1.035%201.218c.852-3.015%203.439-5.726%205.843-7.583-1.182.6-2.321%201.282-3.408%202.04%203.926-5.512%207.79-3.807%209.616-11.695-1.43%205.117-7.212%208.528-12.355%209.898-4.899%202.802-18.38-.396-22.732-1.766%203.043-.244%204.169-.426%204.169-.426-3.165-.975-6.664-2.802-10.134-4.051.152%202.497.73%205.086%201.704%207.096-.517-2.802%200-4.203%200-4.203s1.004%205.939%203.347%209.38c-.913-3.685-.517-4.934-.517-4.934s1.887%207.096%204.656%209.532c-.366-1.307-.469-2.673-.304-4.02%200%200%20.517%201.401%203.773%204.02-.822-1.98%201.126-1.279%202.648.822s2.435%202.284%206.604%201.462c-3.043%201.736%201.826%202.954%204.96%202.558-2.252%201.431%204.869%201.066%208.916.091-2.13%201.645%205.264.944%206.482.122.365-.244%201.187-.244%202.1-.061a30.39%2030.39%200%200%200%201.035-.731c-2.288%201.157%201.668-6.243-3.713-3.472z'%20fill='%23f2f2f2'/%3e%3cpath%20d='M54.448%2065.287c-5.691%202.193-14.333%201.279-21.545-1.614-.048-.109-.089-.221-.122-.335%200%200%202.83-2.01%202.982-2.619-.822-.822-1.613-2.467-1.613-2.467a12.33%2012.33%200%200%200%20.456%202.01s-1.217-.548-1.613-1.523l-2.648%203.776c0%20.008.003.016.009.022s.013.009.021.009c-2.83-1.401-5.325-3.106-7.182-5.025.426%201.157.791%202.284.974%202.832-1.217-1.523-6.117-6.578-7.973-13.735a31.37%2031.37%200%200%200%20.183%203.38c-1.139-2.79-1.847-5.737-2.1-8.741a21.6%2021.6%200%200%200-.213%202.741c-.761-2.162-1.096-5.025-1.156-7.157v-2.01a10.36%2010.36%200%200%200-.548%201.401c-.03.122-.061.213-.091.335v.03c-.035.119-.056.242-.061.366-.315-2.318-.264-4.672.152-6.974%206.451%203.533%2013.694%207.979%2018.167%2011.147.791.548-7.029-2.101-6.238-1.553%206.634%204.477%2013.572%208.132%2020.267%207.918%201.483-.06%202.954-.296%204.382-.7-4.899%202.802-18.38-.396-22.732-1.766%203.043-.244%204.169-.426%204.169-.426-3.165-.975-6.664-2.802-10.133-4.05.152%202.497.73%205.086%201.704%207.096-.517-2.802%200-4.203%200-4.203s1.004%205.939%203.347%209.38c-.913-3.685-.517-4.934-.517-4.934s1.887%207.096%204.656%209.532c-.366-1.307-.469-2.673-.304-4.02%200%200%20.517%201.401%203.773%204.02-.822-1.98%201.126-1.279%202.648.822s2.435%202.284%206.604%201.462c-3.043%201.736%201.826%202.954%204.96%202.558-2.252%201.431%204.869%201.066%208.916.091-2.13%201.644%205.264.944%206.482.122.365-.244%201.187-.244%202.1-.061-3.013%202.01-6.817%203.502-11.716%204.203-.061-.031%201.004-.518%201.552-1.34zm-14.972-11.36c1.522.64%203.5-.213%205.112-2.376-1.071.914-3.201%202.132-5.112%202.376zm0%204.873c1.126.365%202.617-.122%203.804-1.37-1.159.718-2.454%201.184-3.804%201.37zM27.334%2046.901c-.365%201.675.365%203.776%202.039%205.421a15.54%2015.54%200%200%201-2.039-5.421z'%20fill='%23b3b3b3'/%3e%3cpath%20d='M1.194%2024.669C2.746%2027.928%207.31%2031.4%2011.936%2034.08a19.27%2019.27%200%200%201%20.365-4.081c-4.534-2.506-8.648-4.547-11.107-5.33zM12.392%202.153C8.406-1.075%206.123%201.362%207.371%204.62%206.154%204.042-.237-2.963.007%201.453.159%203.981%206.032%2011.594%2011.936%2019.117c3.211-1.457%206.527-2.669%209.921-3.624-3.682-5.969-7.577-11.817-9.464-13.339z'%20fill='%232d1e1c'/%3e%3cpath%20d='M83.783%2045.643c3.56-11.208-.487-29.876-35.513-28.841-16.889-7.918-35.239%201.096-47.077%207.857%205.904%201.919%2021.667%2011.086%2029.275%2016.446.791.548-7.03-2.101-6.238-1.553%206.634%204.477%2013.572%208.132%2020.267%207.918%205.964-.183%2016.007-4.385%2016.98-11.878%203.013.579%204.139%206.487%203.834%206.944.396-.426.852-4.934%202.982-6.03%200%200-.882%202.528-.639%203.198%201.126-3.563%209.829-4.112%208.429%204.69.396-.396%201.126-3.015%201.126-3.015-1.035%206.517%201.491%209.136%203.956%209.563%201.156-.213%203.408-4.355%203.682-6.944a7.69%207.69%200%200%201-1.065%201.645z'%20fill='%234e352e'/%3e%3cpath%20d='M13.944%2020.1c3.195-1.98%2014.364-6.852%2025.927-4.568C28.49%2014.923%2013.944%2020.1%2013.944%2020.1zm34.326-3.289a24.33%2024.33%200%200%200-2.648-1.096%2045.3%2045.3%200%200%201%209.555%208.406c-.974-1.706-2.13-4.751-4.199-7.34-.883-.009-1.795-.009-2.708.021v.009z'%20fill='%232d1e1c'/%3e%3cpath%20d='M51.222%2042.993c-13.024%201.766-18.685-1.98-18.167-2.528%205.843%203.106%2016.433%202.406%2018.167%202.528zm-21.606-8.832c-.517.518%205.143%204.294%2018.167%202.528-1.735-.122-12.294.579-18.167-2.528zm28.301%202.802c.609.244%203.439-2.711-.274-9.167.122.883%202.404%206.121.274%209.167zm23.341-5.147c-6.025-9.35-15.672-10.172-17.833-9.563%2011.74%201.584%2016.494%208.811%2017.826%209.563h.006z'%20fill='%236d4d42'/%3e%3cpath%20d='M80.284%2052.587c.578-.64%202.008-1.188%202.587-1.462-.335-.03-1.309.244-2.252.548l.548-.731c-2.495-.426-4.991-3.046-3.956-9.563%200%200-.761%202.619-1.126%203.015%201.4-8.832-7.303-8.253-8.429-4.69-.243-.67.639-3.198.639-3.198-2.13%201.096-2.587%205.604-2.982%206.03.304-.457-.852-6.365-3.834-6.944-.062.432-.154.86-.274%201.279-1.826%207.888-5.691%206.182-9.616%2011.695a28.47%2028.47%200%200%201%203.408-2.041c-2.434%201.858-4.991%204.568-5.843%207.583.324-.423.67-.83%201.035-1.218-4.656%209.045%204.473%208.954%2011.655%205.299%205.417-2.771%201.4%204.69%203.713%203.441%203.317-1.766%204.808-4.599%205.691-6.182l-1.065%202.254c2.13-1.614%202.921-4.416%204.626-4.751-.517-1.218-.761-2.162-.396-2.406.548-.335%202.282%201.34%203.013%201.736.183-.122.152-.518.152-.518.362.535.827.99%201.369%201.34.152-.365.365-.152.396-.152a3.31%203.31%200%200%201%201.795.579c-.235-.356-.522-.674-.852-.944z'%20fill='%23e45325'/%3e%3cpath%20d='M74.837%2039.857c-2.252-2.132-4.899-1.279-6.056.183.907-2.711%204.839-3.076%206.056-.183zm-5.021%2015.349c-.365%201.035-3.073%204.264-4.899%204.446.816.457%204.747-1.706%204.899-4.446zm-11.442-5.817c-.73.731-2.343%201.919-3.865%202.101.456.283%202.556-.244%203.865-2.101zm-5.995%205.604c-.396.518-1.309%201.279-2.374%201.188.365.335%201.765.244%202.374-1.188zm7.364-1.066c-.396.518-1.309%201.279-2.374%201.188.365.335%201.765.244%202.374-1.188zm7.851-.396c-.396.518-1.309%201.279-2.374%201.188.365.335%201.765.244%202.374-1.188zm-7.09%202.497c-.517%201.066-5.234%203.99-7.334%203.259.852.974%206.847%200%207.334-3.25v-.009z'%20fill='%23be3a26'/%3e%3cpath%20d='M74.593%2044.943c-1.704%201.035-3.743%201.127-5.234-.091.304.974%203.287%202.193%205.234.091z'%20fill='%23ed6d23'/%3e%3cpath%20d='M13.488%2019.491C7.097%2012.091.95%202.284.95.853c0-.009%204.93%207.909%2012.538%2018.638zm3.195-4.842c-.061-.914-4.23-7.005-8.399-11.542%205.082%206.639%208.399%2011.533%208.399%2011.533v.009z'%20fill='%234e352e'/%3e%3cpath%20d='M78.975%2053.135a4.11%204.11%200%200%201-1.369-1.34s.03.396-.152.518c-.73-.396-2.465-2.071-3.013-1.736-.365.244-.122%201.188.396%202.406l2.708%205.756c.274.64%201.978%202.863%201.826-5.756-.03-.03-.25-.244-.396.152zm-7.151-7.644a3.35%203.35%200%201%200%200-6.7%203.35%203.35%200%201%200%200%206.7z'%20fill='%23000'/%3e%3cpath%20d='M72.889%2040.201c.061.426-.426.853-1.065.944s-1.248-.183-1.308-.579.426-.853%201.065-.944%201.217.143%201.308.579zm.943%203.715a2.38%202.38%200%200%201-1.491.822c-.061-.061-.152-.061-.274-.061-.079.005-.155.037-.213.091-.648.014-1.288-.144-1.856-.457a2.38%202.38%200%200%200%201.826.701c.087.066.195.099.304.091.122-.03.213-.061.243-.152.791-.183%201.43-.588%201.461-1.045v.009z'%20fill='%23fff'/%3e%3c/svg%3e", iu = ["src"], du = ["src"], uu = {
   key: 3,
   class: "text-h4 text-rui-primary dark:text-white"
-}, Et = "rotki", B1 = /* @__PURE__ */ Y({
+}, Et = "rotki", B1 = /* @__PURE__ */ J({
   name: "RuiLogo",
   __name: "RuiLogo",
   props: {
@@ -3091,7 +3091,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
       i.text ? (o(), _("div", uu, se(Et))) : g("", !0)
     ], 4));
   }
-}), cu = ["name", "disabled"], pu = ["value"], _u = /* @__PURE__ */ Y({
+}), cu = ["name", "disabled"], pu = ["value"], _u = /* @__PURE__ */ J({
   name: "RuiSimpleSelect",
   inheritAttrs: !1,
   __name: "RuiSimpleSelect",
@@ -3147,7 +3147,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   icon__wrapper: bu
 }, vu = {
   $style: $u
-}, A1 = /* @__PURE__ */ le(_u, [["__cssModules", vu]]), gu = /* @__PURE__ */ Y({
+}, A1 = /* @__PURE__ */ le(_u, [["__cssModules", vu]]), gu = /* @__PURE__ */ J({
   inheritAttrs: !1,
   __name: "RuiExpandButton",
   props: {
@@ -3183,7 +3183,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   tr__expander_button_open: Cu
 }, Mu = {
   $style: zu
-}, Ut = /* @__PURE__ */ le(gu, [["__cssModules", Mu]]), Vu = ["disabled", "aria-disabled", "tabindex"], Ru = ["value"], Bu = { class: "p-4" }, Au = /* @__PURE__ */ Y({
+}, Ut = /* @__PURE__ */ le(gu, [["__cssModules", Mu]]), Vu = ["disabled", "aria-disabled", "tabindex"], Ru = ["value"], Bu = { class: "p-4" }, Au = /* @__PURE__ */ J({
   name: "RuiMenuSelect",
   inheritAttrs: !1,
   __name: "RuiMenuSelect",
@@ -3252,11 +3252,11 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
       value: m,
       menuRef: f,
       autoSelectFirst: l.autoSelectFirst
-    }), I = B(() => l.variant === "outlined"), H = B(() => (t(M) || !!t(m)) && t(I)), S = B(() => ({
+    }), I = B(() => l.variant === "outlined"), q = B(() => (t(M) || !!t(m)) && t(I)), S = B(() => ({
       style: i.style,
       ref: i.ref
     }));
-    function Z(V, C) {
+    function Y(V, C) {
       Mt(C) && w(k, C), w(m, V), w(p, !0);
     }
     function G() {
@@ -3296,7 +3296,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
                 [V.$style.readonly]: V.readOnly,
                 [V.$style.outlined]: e(I),
                 [V.$style.dense]: e(u),
-                [V.$style.float]: e(H),
+                [V.$style.float]: e(q),
                 [V.$style.opened]: K,
                 [V.$style["with-value"]]: !!e(m),
                 [V.$style["with-error"]]: fe,
@@ -3366,7 +3366,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
             class: c(V.$style.fieldset)
           }, [
             A("legend", {
-              class: c({ "px-2": e(H) })
+              class: c({ "px-2": e(q) })
             }, null, 2)
           ], 2)) : g("", !0)
         ]),
@@ -3403,7 +3403,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
                 highlighted: e(k) === fe,
                 [V.$style.highlighted]: !e(N)(K) && e(k) === fe
               }),
-              "onUpdate:modelValue": (oe) => Z(K, fe),
+              "onUpdate:modelValue": (oe) => Y(K, fe),
               onMousedown: (oe) => k.value = fe
             }, {
               prepend: F(() => [
@@ -3456,7 +3456,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   active: Ku
 }, Xu = {
   $style: Qu
-}, os = /* @__PURE__ */ le(Au, [["__cssModules", Xu]]), Yu = /* @__PURE__ */ Y({
+}, os = /* @__PURE__ */ le(Au, [["__cssModules", Xu]]), Yu = /* @__PURE__ */ J({
   __name: "RuiTablePagination",
   props: {
     modelValue: {},
@@ -3474,12 +3474,12 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
         page: 1
       })
     }), m = B(() => {
-      const { limit: I, total: H } = t(d);
-      return H ? Math.ceil(H / I) : 0;
+      const { limit: I, total: q } = t(d);
+      return q ? Math.ceil(q / I) : 0;
     }), r = B(() => {
       const I = [];
-      for (let H = 1; H <= t(m); H++)
-        I.push({ page: H, text: R(H) });
+      for (let q = 1; q <= t(m); q++)
+        I.push({ page: q, text: R(q) });
       return I;
     }), i = B(() => {
       const { total: I } = t(d);
@@ -3498,9 +3498,9 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
       });
     }
     function R(I) {
-      const { limit: H, total: S } = t(d);
-      return `${Wt((I - 1) * H + 1)} - ${Wt(
-        Math.min(I * H, S)
+      const { limit: q, total: S } = t(d);
+      return `${Wt((I - 1) * q + 1)} - ${Wt(
+        Math.min(I * q, S)
       )}`;
     }
     function O(I) {
@@ -3518,7 +3518,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
     function U() {
       t(M) && y(t(m));
     }
-    return (I, H) => (o(), _("div", {
+    return (I, q) => (o(), _("div", {
       class: c([I.$style.wrapper, { [I.$style["wrapper-dense"]]: I.dense }])
     }, [
       A("div", {
@@ -3529,7 +3529,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
         }, "Rows per page:", 2),
         L(os, {
           modelValue: e(p),
-          "onUpdate:modelValue": H[0] || (H[0] = (S) => tt(p) ? p.value = S : null),
+          "onUpdate:modelValue": q[0] || (q[0] = (S) => tt(p) ? p.value = S : null),
           options: e(h),
           disabled: I.loading || I.disablePerPage,
           "label-class": "!text-xs !min-h-8",
@@ -3549,7 +3549,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
         e(r).length > 0 ? (o(), P(os, {
           key: 0,
           modelValue: e(s),
-          "onUpdate:modelValue": H[1] || (H[1] = (S) => tt(s) ? s.value = S : null),
+          "onUpdate:modelValue": q[1] || (q[1] = (S) => tt(s) ? s.value = S : null),
           options: e(r),
           disabled: I.loading,
           "label-class": "!text-xs !min-h-8",
@@ -3571,7 +3571,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
           disabled: !e($) || I.loading,
           variant: "text",
           icon: "",
-          onClick: H[2] || (H[2] = (S) => W())
+          onClick: q[2] || (q[2] = (S) => W())
         }, {
           default: F(() => [
             L(ee, { name: "arrow-left-double-line" })
@@ -3583,7 +3583,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
           disabled: !e($) || I.loading,
           variant: "text",
           icon: "",
-          onClick: H[3] || (H[3] = (S) => N())
+          onClick: q[3] || (q[3] = (S) => N())
         }, {
           default: F(() => [
             L(ee, { name: "arrow-left-s-line" })
@@ -3595,7 +3595,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
           disabled: !e(M) || I.loading,
           variant: "text",
           icon: "",
-          onClick: H[4] || (H[4] = (S) => k())
+          onClick: q[4] || (q[4] = (S) => k())
         }, {
           default: F(() => [
             L(ee, { name: "arrow-right-s-line" })
@@ -3607,7 +3607,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
           disabled: !e(M) || I.loading,
           variant: "text",
           icon: "",
-          onClick: H[5] || (H[5] = (S) => U())
+          onClick: q[5] || (q[5] = (S) => U())
         }, {
           default: F(() => [
             L(ee, { name: "arrow-right-double-line" })
@@ -3628,7 +3628,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   "wrapper-dense": "_wrapper-dense_2jql5_22"
 }, ac = {
   $style: nc
-}, ns = /* @__PURE__ */ le(Yu, [["__cssModules", ac]]), lc = ["data-id"], rc = ["colspan", "rowspan"], ic = ["colspan"], dc = /* @__PURE__ */ Y({
+}, ns = /* @__PURE__ */ le(Yu, [["__cssModules", ac]]), lc = ["data-id"], rc = ["colspan", "rowspan"], ic = ["colspan"], dc = /* @__PURE__ */ J({
   __name: "RuiTableHead",
   props: {
     loading: { type: Boolean, default: !1 },
@@ -3826,7 +3826,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   progress__wrapper: Ac
 }, jc = {
   $style: Sc
-}, as = /* @__PURE__ */ le(dc, [["__cssModules", jc]]), Ic = ["colspan"], Dc = { class: "flex items-center gap-2" }, Tc = ["colspan", "rowspan"], Pc = ["colspan"], qc = { key: 1 }, Hc = ["colspan"], Oc = ["colspan"], Lc = /* @__PURE__ */ Y({
+}, as = /* @__PURE__ */ le(dc, [["__cssModules", jc]]), Ic = ["colspan"], Dc = { class: "flex items-center gap-2" }, Tc = ["colspan", "rowspan"], Pc = ["colspan"], qc = { key: 1 }, Hc = ["colspan"], Oc = ["colspan"], Lc = /* @__PURE__ */ J({
   name: "RuiDataTable",
   __name: "RuiDataTable",
   props: {
@@ -3880,7 +3880,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
     ), k = B(() => l.globalItemsPerPage !== void 0 ? l.globalItemsPerPage : t(r.globalItemsPerPage)), W = (n) => Object.keys(n), U = B(() => {
       const n = l.group;
       return n ? Array.isArray(n) ? n : [n] : [];
-    }), I = B(() => t(U).join(":")), H = B(() => !!t(I)), S = B(() => {
+    }), I = B(() => t(U).join(":")), q = B(() => !!t(I)), S = B(() => {
       const n = l.cols ?? W(l.rows[0] ?? {}).map(
         (j) => ({
           key: j,
@@ -3902,7 +3902,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
       return T.length === 0 ? n : n.filter(
         (j) => !T.includes(j.key)
       );
-    }), Z = E(0), G = B({
+    }), Y = E(0), G = B({
       get() {
         return t(p);
       },
@@ -3924,12 +3924,12 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
         var b;
         const n = t(te);
         return n ? (b = l.paginationModifiers) != null && b.external ? n : {
-          total: t(Z),
+          total: t(Y),
           limit: n.limit,
           page: n.page,
           limits: n.limits
         } : {
-          total: t(Z),
+          total: t(Y),
           limit: l.itemsPerPage,
           page: 1
         };
@@ -3953,7 +3953,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
     }), ze = B(() => {
       const n = {}, b = t(x);
       return b ? Array.isArray(b) ? b.reduce((T, j) => j.column ? { ...T, [j.column]: j } : T, n) : (b.column && (n[b.column] = b), n) : n;
-    }), J = B(() => {
+    }), Z = B(() => {
       var b;
       const n = (b = l.search) == null ? void 0 : b.toLocaleLowerCase();
       return n ? l.rows.filter(
@@ -3963,7 +3963,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
       ) : l.rows;
     }), _e = B(() => {
       var de;
-      const n = t(x), b = [...t(J)];
+      const n = t(x), b = [...t(Z)];
       if (!n || (de = l.sortModifiers) != null && de.external)
         return b;
       const T = { sensitivity: "accent", usage: "sort" }, j = (ae) => {
@@ -3983,7 +3983,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
       };
       return Array.isArray(n) ? n.forEach(j) : j(n), b;
     }), Me = B(() => {
-      if (!t(H))
+      if (!t(q))
         return {};
       const n = t(_e), b = l.rowAttr;
       return n.reduce((T, j) => {
@@ -4058,7 +4058,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
       return t(U).reduce((b, T) => ({ ...b, [T]: n[T] }), {});
     }
     function nt(n) {
-      return t(H) ? t(Me)[n].filter(s) : [];
+      return t(q) ? t(Me)[n].filter(s) : [];
     }
     function Se(n, b) {
       const T = t(U);
@@ -4069,7 +4069,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
     }
     function Xe(n) {
       const b = l.rowAttr;
-      return t(H) && t(K).some(
+      return t(q) && t(K).some(
         (T) => s(n) && n[b] === T[b]
       );
     }
@@ -4170,7 +4170,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
         }
       }, 1) : w(ft, T));
     }
-    const q = B(() => l.search);
+    const H = B(() => l.search);
     function ue() {
       var n;
       (n = t(G)) == null || n.forEach((b) => {
@@ -4182,7 +4182,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
     }
     function ne(n) {
       var b;
-      (b = l.paginationModifiers) != null && b.external || w(Z, n.filter(s).length);
+      (b = l.paginationModifiers) != null && b.external || w(Y, n.filter(s).length);
     }
     function $e(n, b) {
       return n[b];
@@ -4194,7 +4194,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
         ...t(oe),
         limit: n
       });
-    }), ge(q, () => {
+    }), ge(H, () => {
       w(oe, {
         ...t(oe),
         page: 1
@@ -4545,7 +4545,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   dense: up
 }, pp = {
   $style: cp
-}, S1 = /* @__PURE__ */ le(Lc, [["__cssModules", pp]]), _p = /* @__PURE__ */ Y({
+}, S1 = /* @__PURE__ */ le(Lc, [["__cssModules", pp]]), _p = /* @__PURE__ */ J({
   name: "RuiCardHeader",
   inheritAttrs: !1,
   __name: "RuiCardHeader",
@@ -4596,7 +4596,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   dense: vp
 }, kp = {
   $style: gp
-}, wp = /* @__PURE__ */ le(_p, [["__cssModules", kp]]), Cp = /* @__PURE__ */ Y({
+}, wp = /* @__PURE__ */ le(_p, [["__cssModules", kp]]), Cp = /* @__PURE__ */ J({
   name: "RuiCard",
   inheritAttrs: !1,
   __name: "RuiCard",
@@ -4687,7 +4687,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   "no-padding": "_no-padding_17ccq_46"
 }, qp = {
   $style: Pp
-}, j1 = /* @__PURE__ */ le(Cp, [["__cssModules", qp]]), Hp = /* @__PURE__ */ Y({
+}, j1 = /* @__PURE__ */ le(Cp, [["__cssModules", qp]]), Hp = /* @__PURE__ */ J({
   name: "RuiTabs",
   __name: "RuiTabs",
   props: {
@@ -4764,7 +4764,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
         }
       });
     }
-    const H = Os();
+    const q = Os();
     function S(X = !1) {
       const re = t(N).filter(
         (me) => !me.props.disabled
@@ -4774,7 +4774,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
         re.forEach((ke, Re) => {
           const ce = ke.props;
           !X && Re === 0 && ce.value && (me = ce.value);
-          const We = ce.to ? H.resolve(ce.to) : void 0;
+          const We = ce.to ? q.resolve(ce.to) : void 0;
           ce.link !== !1 && We && U(We.fullPath, ce) && (me = We.fullPath);
         }), k(me);
       }
@@ -4785,8 +4785,8 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
     }), ge(W, () => {
       S(!0);
     });
-    const { width: Z, height: G } = zt($), { width: V, height: C } = zt(M), { arrivedState: te, x: K, y: fe } = js($, { behavior: "smooth" }), { top: oe, bottom: x, left: ze, right: J } = pe(te), { trigger: _e, stop: Me } = xt(
-      [V, Z],
+    const { width: Y, height: G } = zt($), { width: V, height: C } = zt(M), { arrivedState: te, x: K, y: fe } = js($, { behavior: "smooth" }), { top: oe, bottom: x, left: ze, right: Z } = pe(te), { trigger: _e, stop: Me } = xt(
+      [V, Y],
       ([X, re]) => {
         re > 0 && w(y, X > re);
       },
@@ -4805,12 +4805,12 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
     at(m, (X) => {
       X ? (ye(), Me()) : (_e(), qe());
     });
-    const Be = B(() => t(m) ? t(oe) : t(ze)), xe = B(() => t(m) ? t(x) : t(J));
+    const Be = B(() => t(m) ? t(oe) : t(ze)), xe = B(() => t(m) ? t(x) : t(Z));
     function He() {
-      t(m) ? w(fe, t(fe) - t(G)) : w(K, t(K) - t(Z));
+      t(m) ? w(fe, t(fe) - t(G)) : w(K, t(K) - t(Y));
     }
     function Fe() {
-      t(m) ? w(fe, t(fe) + t(G)) : w(K, t(K) + t(Z));
+      t(m) ? w(fe, t(fe) + t(G)) : w(K, t(K) + t(Y));
     }
     return Vt($, () => {
       I();
@@ -4899,7 +4899,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   "arrow--vertical": "_arrow--vertical_1a7up_26"
 }, Fp = {
   $style: Np
-}, I1 = /* @__PURE__ */ le(Hp, [["__cssModules", Fp]]), Wp = /* @__PURE__ */ Y({
+}, I1 = /* @__PURE__ */ le(Hp, [["__cssModules", Fp]]), Wp = /* @__PURE__ */ J({
   name: "RuiTab",
   inheritAttrs: !1,
   __name: "RuiTab",
@@ -4944,10 +4944,10 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
         class: e(O),
         role: "tab"
       }, k.$attrs), Ke({ _: 2 }, [
-        we(d, (I, H) => ({
-          name: H,
+        we(d, (I, q) => ({
+          name: q,
           fn: F((S) => [
-            D(k.$slots, H, he(be(S)))
+            D(k.$slots, q, he(be(S)))
           ])
         }))
       ]), 1040, ["class"])) : k.link ? (o(), P(U, {
@@ -4957,15 +4957,15 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
         "exact-path": k.exactPath,
         custom: ""
       }, {
-        default: F(({ href: I, navigate: H, isActive: S, isExactActive: Z }) => [
+        default: F(({ href: I, navigate: q, isActive: S, isExactActive: Y }) => [
           L(Ce, Q({
             class: [
               ...e(O),
               {
-                [`${e(y)["tab--active"]} active-tab-link`]: k.exact ? Z : S
+                [`${e(y)["tab--active"]} active-tab-link`]: k.exact ? Y : S
               }
             ],
-            color: e(p) || (k.exact ? Z : S) ? k.color : void 0,
+            color: e(p) || (k.exact ? Y : S) ? k.color : void 0,
             href: e(R) ? void 0 : I,
             target: e(f),
             role: "tab",
@@ -4973,7 +4973,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
           }, k.$attrs, {
             variant: "text",
             onClick: (G) => {
-              N(), e(R) && H(G);
+              N(), e(R) && q(G);
             }
           }), Ke({ _: 2 }, [
             we(d, (G, V) => ({
@@ -4994,10 +4994,10 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
         variant: "text",
         onClick: W[0] || (W[0] = (I) => N())
       }), Ke({ _: 2 }, [
-        we(d, (I, H) => ({
-          name: H,
+        we(d, (I, q) => ({
+          name: q,
           fn: F((S) => [
-            D(k.$slots, H, he(be(S)))
+            D(k.$slots, q, he(be(S)))
           ])
         }))
       ]), 1040, ["class", "color"]));
@@ -5015,7 +5015,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   "tab--end": "_tab--end_b7dy7_33"
 }, Gp = {
   $style: Up
-}, D1 = /* @__PURE__ */ le(Wp, [["__cssModules", Gp]]), Kp = /* @__PURE__ */ Y({
+}, D1 = /* @__PURE__ */ le(Wp, [["__cssModules", Gp]]), Kp = /* @__PURE__ */ J({
   name: "RuiTabItems",
   inheritAttrs: !1,
   __name: "RuiTabItems",
@@ -5081,7 +5081,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
 }, Zp = {
   key: 0,
   class: "hidden"
-}, xp = /* @__PURE__ */ Y({
+}, xp = /* @__PURE__ */ J({
   name: "RuiTabItem",
   __name: "RuiTabItem",
   props: {
@@ -5118,7 +5118,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   tab: e0
 }, s0 = {
   $style: t0
-}, P1 = /* @__PURE__ */ le(xp, [["__cssModules", s0]]), o0 = /* @__PURE__ */ Y({
+}, P1 = /* @__PURE__ */ le(xp, [["__cssModules", s0]]), o0 = /* @__PURE__ */ J({
   name: "RuiSkeletonLoaderBase",
   __name: "RuiSkeletonBase",
   props: {
@@ -5135,7 +5135,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   pulse: a0
 }, r0 = {
   $style: l0
-}, Ct = /* @__PURE__ */ le(o0, [["__cssModules", r0]]), i0 = /* @__PURE__ */ Y({
+}, Ct = /* @__PURE__ */ le(o0, [["__cssModules", r0]]), i0 = /* @__PURE__ */ J({
   name: "RuiSkeletonLoader",
   inheritAttrs: !1,
   __name: "RuiSkeletonLoader",
@@ -5183,7 +5183,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   skeleton_article: h0
 }, $0 = {
   $style: b0
-}, q1 = /* @__PURE__ */ le(i0, [["__cssModules", $0]]), H1 = /* @__PURE__ */ Y({
+}, q1 = /* @__PURE__ */ le(i0, [["__cssModules", $0]]), H1 = /* @__PURE__ */ J({
   name: "RuiAccordions",
   inheritAttrs: !1,
   __name: "RuiAccordions",
@@ -5227,7 +5227,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
       }, null, 8, ["onClick"]))), 128))
     ], 16));
   }
-}), v0 = /* @__PURE__ */ Y({
+}), v0 = /* @__PURE__ */ J({
   name: "RuiAccordion",
   inheritAttrs: !1,
   __name: "RuiAccordion",
@@ -5287,7 +5287,7 @@ const Ls = ["height", "width"], Ns = ["d"], Fs = /* @__PURE__ */ Y({
   icon: C0
 }, M0 = {
   $style: z0
-}, O1 = /* @__PURE__ */ le(v0, [["__cssModules", M0]]), L1 = /* @__PURE__ */ Y({
+}, O1 = /* @__PURE__ */ le(v0, [["__cssModules", M0]]), L1 = /* @__PURE__ */ J({
   name: "RuiBottomSheet",
   inheritAttrs: !1,
   __name: "RuiBottomSheet",
@@ -5427,7 +5427,7 @@ function bs(z) {
     onMouseDown: l
   };
 }
-const V0 = /* @__PURE__ */ Y({
+const V0 = /* @__PURE__ */ J({
   name: "RuiColorBoard",
   inheritAttrs: !1,
   __name: "RuiColorBoard",
@@ -5461,11 +5461,11 @@ const V0 = /* @__PURE__ */ Y({
       const N = s.vnode.el, k = N == null ? void 0 : N.getBoundingClientRect();
       if (!k)
         return;
-      const { width: W, height: U, left: I, top: H } = k;
-      let S = R - I, Z = O - H;
-      S = mt(S, 0, W), Z = mt(Z, 0, U);
-      const G = S / W, V = mt(-(Z / U) + 1, 0, 1);
-      w(p, S / W), w(h, Z / U), f.saturation = G, f.brightness = V, u("update:board", { saturation: G, brightness: V });
+      const { width: W, height: U, left: I, top: q } = k;
+      let S = R - I, Y = O - q;
+      S = mt(S, 0, W), Y = mt(Y, 0, U);
+      const G = S / W, V = mt(-(Y / U) + 1, 0, 1);
+      w(p, S / W), w(h, Y / U), f.saturation = G, f.brightness = V, u("update:board", { saturation: G, brightness: V });
     }
     return bt(() => {
       i();
@@ -5503,7 +5503,7 @@ const V0 = /* @__PURE__ */ Y({
   cursor: S0
 }, I0 = {
   $style: j0
-}, D0 = /* @__PURE__ */ le(V0, [["__cssModules", I0]]), T0 = 16, P0 = /* @__PURE__ */ Y({
+}, D0 = /* @__PURE__ */ le(V0, [["__cssModules", I0]]), T0 = 16, P0 = /* @__PURE__ */ J({
   name: "RuiColorHue",
   inheritAttrs: !1,
   __name: "RuiColorHue",
@@ -5574,7 +5574,7 @@ const V0 = /* @__PURE__ */ Y({
 }, N0 = /* @__PURE__ */ le(P0, [["__cssModules", L0]]), F0 = { class: "flex flex-col items-center gap-1 w-[16rem]" }, W0 = { class: "w-full" }, E0 = {
   key: 1,
   class: "flex flex-1 gap-1"
-}, U0 = { class: "uppercase text-rui-text-secondary text-sm" }, G0 = /* @__PURE__ */ Y({
+}, U0 = { class: "uppercase text-rui-text-secondary text-sm" }, G0 = /* @__PURE__ */ J({
   name: "RuiColorInput",
   inheritAttrs: !1,
   __name: "RuiColorInput",
@@ -5679,7 +5679,7 @@ const V0 = /* @__PURE__ */ Y({
 }), K0 = {
   key: 0,
   class: "text-rui-success"
-}, Q0 = /* @__PURE__ */ Y({
+}, Q0 = /* @__PURE__ */ J({
   name: "RuiColorDisplay",
   inheritAttrs: !1,
   __name: "RuiColorDisplay",
@@ -5709,7 +5709,7 @@ const V0 = /* @__PURE__ */ Y({
       _: 1
     }, 16));
   }
-}), X0 = { class: "flex flex-col gap-5 p-4" }, Y0 = { class: "flex items-center gap-4" }, N1 = /* @__PURE__ */ Y({
+}), X0 = { class: "flex flex-col gap-5 p-4" }, Y0 = { class: "flex items-center gap-4" }, N1 = /* @__PURE__ */ J({
   name: "RuiColorPicker",
   inheritAttrs: !1,
   __name: "RuiColorPicker",
@@ -5755,7 +5755,7 @@ const V0 = /* @__PURE__ */ Y({
       ])
     ], 16));
   }
-}), F1 = /* @__PURE__ */ Y({
+}), F1 = /* @__PURE__ */ J({
   name: "RuiNotification",
   inheritAttrs: !1,
   __name: "RuiNotification",
@@ -5808,7 +5808,7 @@ const V0 = /* @__PURE__ */ Y({
       })
     ]));
   }
-}), J0 = /* @__PURE__ */ Y({
+}), J0 = /* @__PURE__ */ J({
   name: "RuiNavigationDrawer",
   inheritAttrs: !1,
   __name: "RuiNavigationDrawer",