@rotki/ui-library 1.9.0 → 1.10.0

package/dist/components/index.es.js

@@ -91,7 +91,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
     ), $ = A(
       () => +t(f) * 32 / +t(h)
     ), M = A(() => 40 + t($));
-    return (m, R) => (s(), _("div", {
+    return (m, B) => (s(), _("div", {
       class: p([
         m.$style.wrapper,
         m.circular ? "inline-flex" : "w-full",
@@ -553,7 +553,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
       successMessages: M,
       persistent: m
     } = pe(l), {
-      reference: R,
+      reference: B,
       popper: H,
       open: O,
       popperEnter: g,
@@ -561,9 +561,9 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
       onLeavePending: E,
       onOpen: I,
       onClose: U,
-      onPopperLeave: B,
+      onPopperLeave: R,
       updatePopper: J
-    } = is(c, y, h, f), { width: K } = zt(R), V = W(!1);
+    } = is(c, y, h, f), { width: K } = zt(B), V = W(!1);
     function C(x) {
       t(O) && (U(), w(V, !1));
     }
@@ -576,7 +576,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
       d("update:model-value", x);
     }), cs(H, () => {
       t(O) && !t(m) && C();
-    }, { ignore: [R] });
+    }, { ignore: [B] });
     const Q = A(() => {
       if (t(y))
         return {};
@@ -601,7 +601,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
       }, [
         S("div", {
           ref_key: "activator",
-          ref: R,
+          ref: B,
           class: p([x.$style.wrapper, x.wrapperClass, { "w-full": x.fullWidth }]),
           "data-menu-disabled": e(y)
         }, [
@@ -631,7 +631,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
               "leave-from-class": "opacity-100 translate-y-0",
               "leave-to-class": "opacity-0 translate-y-1",
               onBeforeEnter: ze[0] || (ze[0] = (_e) => e(J)()),
-              onAfterLeave: ze[1] || (ze[1] = (_e) => e(F) ? e(B)() : void 0),
+              onAfterLeave: ze[1] || (ze[1] = (_e) => e(F) ? e(R)() : void 0),
               onBeforeLeave: ze[2] || (ze[2] = (_e) => e(E)())
             }, {
               default: N(() => [
@@ -716,12 +716,12 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
   emits: ["update:modelValue", "update:searchInput"],
   setup(z, { expose: a }) {
     st((v) => ({
-      "9694bc62": e(ze)
+      b10b00fa: e(ze)
     }));
     const l = Qe(z, "modelValue"), d = Qe(z, "searchInput"), u = z, f = Je(), { dense: h, disabled: c, options: y } = pe(u), { getText: r, getIdentifier: i } = Rs({
       keyAttr: u.keyAttr,
       textAttr: u.textAttr
-    }), n = W(), $ = W(), M = W(), m = W(), { focused: R } = Zt($), { focused: H } = Zt(m), { focused: O } = Ht(n), g = ht(R, H), F = Dt(g, 100), E = ht(F, g), I = W([]), U = A(() => t(I).slice(0, Math.min(5, t(Me).length)).reduce((q, ue) => q + ue.$el.offsetHeight, 0)), B = A(() => Array.isArray(t(l))), J = A(() => !(f.selection || t(B) || u.chips)), K = W(""), V = Dt(K, 100);
+    }), n = W(), $ = W(), M = W(), m = W(), { focused: B } = Zt($), { focused: H } = Zt(m), { focused: O } = Ht(n), g = ht(B, H), F = Dt(g, 100), E = ht(F, g), I = W([]), U = A(() => t(I).slice(0, Math.min(5, t(Me).length)).reduce((q, ue) => q + ue.$el.offsetHeight, 0)), R = A(() => Array.isArray(t(l))), J = A(() => !(f.selection || t(R) || u.chips)), K = W(""), V = Dt(K, 100);
     ge(d, (v) => {
       w(K, v);
     }, { immediate: !0 });
@@ -742,7 +742,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
     }
     function fe(v) {
       const q = u.keyAttr, ue = q && !u.returnObject ? v.map((ie) => ie[q]) : v;
-      return t(B) ? Q(ue) : ue.length === 0 ? Q(void 0) : Q(ue[0]);
+      return t(R) ? Q(ue) : ue.length === 0 ? Q(void 0) : Q(ue[0]);
     }
     const ne = A({
       get: () => {
@@ -817,14 +817,14 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
       w(ye, !0), ce(q), w(C, !1);
     }
     async function Oe(v, q, ue = !1) {
-      if (Mt(q) && w(He, q), t(B)) {
+      if (Mt(q) && w(He, q), t(R)) {
         const ie = [...t(ne)], oe = xe(v);
         oe === -1 ? (ce(), ie.push(v)) : ie.splice(oe, 1), w(ne, ie);
       } else
         await Ye(() => {
           w(ye, !1);
         }), t(J) ? ce(r(v)) : ce(), w(ne, [v]);
-      ue || w(O, !0);
+      !ue && t(R) && w(O, !0);
     }
     async function ot() {
       await Ye(() => {
@@ -838,13 +838,13 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
     ge(ne, () => {
       w(Se, -1);
     }), ge(Se, async (v) => {
-      v === -1 || !t(B) || await Ye(() => {
+      v === -1 || !t(R) || await Ye(() => {
         const q = t($).querySelector(`[data-index="${v}"]`);
         q == null || q.focus();
       });
     });
     function Xe(v, q) {
-      if (!t(B) || t(K).length > 0)
+      if (!t(R) || t(K).length > 0)
         return;
       v.preventDefault();
       const ue = t(ne).length;
@@ -885,7 +885,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
     }
     function St() {
       const v = t(ne).length;
-      !t(K) && v > 0 && (t(B) ? w(Se, v - 1) : vt());
+      !t(K) && v > 0 && (t(R) ? w(Se, v - 1) : vt());
     }
     function ut(v, q) {
       return {
@@ -904,10 +904,10 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
       };
     }
     function gt(v) {
-      t(te).length > 0 && t(He) > -1 && t(ye) ? (X(), v.preventDefault()) : t(y).length > 0 && u.customValue ? (At(), t(B) || w(ye, !1), v.preventDefault()) : !t(ye) && t(ne).length === 0 && (w(ye, !0), v.preventDefault());
+      t(te).length > 0 && t(He) > -1 && t(ye) ? (X(), v.preventDefault()) : t(y).length > 0 && u.customValue ? (At(), t(R) || w(ye, !1), v.preventDefault()) : !t(ye) && t(ne).length === 0 && (w(ye, !0), v.preventDefault());
     }
     function ft(v) {
-      t(ye) && t(te).length > 0 && t(He) > -1 && !t(B) && (X(), v.preventDefault());
+      t(ye) && t(te).length > 0 && t(He) > -1 && !t(R) && (X(), v.preventDefault());
     }
     function kt(v, q) {
       var ue, ie;
@@ -1031,12 +1031,12 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
                       ])
                     ]),
                     _: 2
-                  }, 1040, ["size", "class"])) : e(B) || !e(O) && (e(f)["selection.prepend"] || e(f).selection) ? (s(), _("div", Jo, [
+                  }, 1040, ["size", "class"])) : e(R) || !e(O) && (e(f)["selection.prepend"] || e(f).selection) ? (s(), _("div", Jo, [
                     D(v.$slots, "selection.prepend", G({
                       index: T,
                       ref_for: !0
                     }, { item: b })),
-                    e(B) || e(f).selection ? D(v.$slots, "selection", G({
+                    e(R) || e(f).selection ? D(v.$slots, "selection", G({
                       key: 0,
                       index: T,
                       ref_for: !0
@@ -1221,8 +1221,8 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
       return g.flatMap((F) => F.type === he && Array.isArray(F.children) && F.children.length > 0 ? n(F.children.filter(Pt)) : [F]).flat();
     }
     const $ = A(() => {
-      var B;
-      const g = t(c), F = t(y), E = t(f), I = ((B = u.default) == null ? void 0 : B.call(u)) ?? [];
+      var R;
+      const g = t(c), F = t(y), E = t(f), I = ((R = u.default) == null ? void 0 : R.call(u)) ?? [];
       return n(I).map((J, K) => {
         var C;
         const V = (C = J.props) == null ? void 0 : C["model-value"];
@@ -1242,24 +1242,24 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
         I >= 0 ? (!E || F.length !== 1) && F.splice(I, 1) : F.push(g), d("update:modelValue", F);
       } else E ? d("update:modelValue", g) : d("update:modelValue", M(g, F) ? void 0 : g);
     }
-    const R = Xt(), H = A(() => l.color ? R[l.color] : void 0), O = A(
-      () => l.variant ? R[l.variant] : void 0
+    const B = Xt(), H = A(() => l.color ? B[l.color] : void 0), O = A(
+      () => l.variant ? B[l.variant] : void 0
     );
     return (g, F) => (s(), _("div", G({
       class: [
-        e(R).wrapper,
+        e(B).wrapper,
         e(H),
         e(O),
         {
-          [e(R).wrapper__vertical]: g.vertical,
-          [e(R).separated]: !!g.gap,
-          [e(R)[`separated__${g.gap}`]]: !!g.gap
+          [e(B).wrapper__vertical]: g.vertical,
+          [e(B).separated]: !!g.gap,
+          [e(B)[`separated__${g.gap}`]]: !!g.gap
         }
       ]
     }, g.$attrs), [
       (s(!0), _(he, null, ke(e($), (E, I) => (s(), P(lt(E), {
         key: I,
-        class: p(e(R).button),
+        class: p(e(B).button),
         size: e(i),
         variant: e(r),
         "onUpdate:modelValue": (U) => m(U ?? I)
@@ -1319,12 +1319,12 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
       y
     );
     return ge(h, (m) => {
-      const R = t(r);
-      R && (R.checked = !m, m ? R.value = "off" : R.value = "on");
+      const B = t(r);
+      B && (B.checked = !m, m ? B.value = "off" : B.value = "on");
     }), ge(i, (m) => {
-      const R = t(r);
-      R && R.checked !== m && (R.checked = m);
-    }), (m, R) => (s(), _("div", be($e(e(Ze)(m.$attrs))), [
+      const B = t(r);
+      B && B.checked !== m && (B.checked = m);
+    }), (m, B) => (s(), _("div", be($e(e(Ze)(m.$attrs))), [
       S("label", G({
         class: [
           m.$style.wrapper,
@@ -1337,7 +1337,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
         qt(S("input", G({
           ref_key: "el",
           ref: r,
-          "onUpdate:modelValue": R[0] || (R[0] = (H) => tt(i) ? i.value = H : null),
+          "onUpdate:modelValue": B[0] || (B[0] = (H) => tt(i) ? i.value = H : null),
           type: "checkbox",
           class: m.$style.input,
           disabled: m.disabled
@@ -1533,7 +1533,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
   },
   emits: ["update:model-value"],
   setup(z, { emit: a }) {
-    st((B) => ({
+    st((R) => ({
       "24cfa32b": e(I),
       "4e8a697c": e(E),
       "3f1edc84": e(m),
@@ -1543,98 +1543,98 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
       get() {
         return t(u);
       },
-      set(B) {
-        d("update:model-value", B);
+      set(R) {
+        d("update:model-value", R);
       }
     }), M = A(() => {
-      const B = t(h), J = t(c), V = (t(f) - B) / J;
-      return [Math.round((t(u) - B) / J), V];
+      const R = t(h), J = t(c), V = (t(f) - R) / J;
+      return [Math.round((t(u) - R) / J), V];
     }), m = A(() => {
-      const [B, J] = t(M);
-      return `${Math.min(100, Math.max(0, Math.round(B / J * 100)))}%`;
-    }), { hasError: R, hasSuccess: H } = rt(
+      const [R, J] = t(M);
+      return `${Math.min(100, Math.max(0, Math.round(R / J * 100)))}%`;
+    }), { hasError: B, hasSuccess: H } = rt(
       y,
       r
     ), O = W(), { width: g, height: F } = ps(O), E = A(() => `${t(g)}px`), I = A(() => `${t(F)}px`), U = A(() => `${t(n)}px`);
-    return (B, J) => (s(), _("div", be($e(e(Ze)(B.$attrs))), [
+    return (R, J) => (s(), _("div", be($e(e(Ze)(R.$attrs))), [
       S("label", {
         class: p([
-          B.$style.wrapper,
+          R.$style.wrapper,
           {
-            [B.$style.disabled]: B.disabled,
-            [B.$style.vertical]: e(i),
-            [B.$style[B.color]]: B.color,
-            [B.$style["hide-track"]]: B.hideTrack,
-            [B.$style["big-tick"]]: e(n) > 4,
-            [B.$style["with-error"]]: e(R),
-            [B.$style["with-success"]]: e(H) && !e(R)
+            [R.$style.disabled]: R.disabled,
+            [R.$style.vertical]: e(i),
+            [R.$style[R.color]]: R.color,
+            [R.$style["hide-track"]]: R.hideTrack,
+            [R.$style["big-tick"]]: e(n) > 4,
+            [R.$style["with-error"]]: e(B),
+            [R.$style["with-success"]]: e(H) && !e(B)
           }
         ])
       }, [
-        B.label ? (s(), _("div", {
+        R.label ? (s(), _("div", {
           key: 0,
-          class: p([B.$style.label, "text-body-1"])
-        }, se(B.label), 3)) : k("", !0),
+          class: p([R.$style.label, "text-body-1"])
+        }, se(R.label), 3)) : k("", !0),
         S("div", {
           ref_key: "outer",
           ref: O,
-          class: p(B.$style.outer)
+          class: p(R.$style.outer)
         }, [
           S("div", {
-            class: p(B.$style.inner)
+            class: p(R.$style.inner)
           }, [
             qt(S("input", G({
               "onUpdate:modelValue": J[0] || (J[0] = (K) => tt($) ? $.value = K : null),
-              class: B.$style.input,
+              class: R.$style.input,
               type: "range",
               max: e(f),
               min: e(h),
               step: e(c),
-              disabled: B.disabled
-            }, e(nt)(B.$attrs)), null, 16, vl), [
+              disabled: R.disabled
+            }, e(nt)(R.$attrs)), null, 16, vl), [
               [ls, e($)]
             ]),
             S("div", {
-              class: p(B.$style.slider)
+              class: p(R.$style.slider)
             }, [
               S("div", {
-                class: p(B.$style.slider__inner)
+                class: p(R.$style.slider__inner)
               }, [
                 S("div", {
-                  class: p([B.$style.slider__container, B.sliderClass])
+                  class: p([R.$style.slider__container, R.sliderClass])
                 }, [
-                  B.hideTrack ? k("", !0) : (s(), _("div", {
+                  R.hideTrack ? k("", !0) : (s(), _("div", {
                     key: 0,
-                    class: p(B.$style.slider__container__track)
+                    class: p(R.$style.slider__container__track)
                   }, null, 2)),
-                  B.showTicks && !B.disabled ? (s(), _("div", {
+                  R.showTicks && !R.disabled ? (s(), _("div", {
                     key: 1,
-                    class: p(B.$style.slider__ticks)
+                    class: p(R.$style.slider__ticks)
                   }, [
                     (s(!0), _(he, null, ke(e(M)[1] + 1, (K) => (s(), _("span", {
                       key: K,
-                      class: p(B.hideTrack ? [B.tickClass] : { [B.$style.highlighted]: K - 1 <= e(M)[0], [B.tickClass]: K - 1 > e(M)[0] })
+                      class: p(R.hideTrack ? [R.tickClass] : { [R.$style.highlighted]: K - 1 <= e(M)[0], [R.tickClass]: K - 1 > e(M)[0] })
                     }, null, 2))), 128))
                   ], 2)) : k("", !0)
                 ], 2),
                 S("div", {
-                  class: p(B.$style.slider__thumb)
+                  class: p(R.$style.slider__thumb)
                 }, null, 2),
-                B.showThumbLabel && !B.disabled ? (s(), _("div", {
+                R.showThumbLabel && !R.disabled ? (s(), _("div", {
                   key: 0,
-                  class: p(B.$style.slider__thumb_label)
+                  class: p(R.$style.slider__thumb_label)
                 }, se(e(u)), 3)) : k("", !0)
               ], 2)
             ], 2)
           ], 2)
         ], 2)
       ], 2),
-      B.hideDetails ? k("", !0) : (s(), P(it, {
+      R.hideDetails ? k("", !0) : (s(), P(it, {
         key: 0,
         class: "pt-1",
         "error-messages": e(y),
         "success-messages": e(r),
-        hint: B.hint
+        hint: R.hint
       }, null, 8, ["error-messages", "success-messages", "hint"]))
     ], 16));
   }
@@ -1805,8 +1805,8 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
         { [r.$style["icon-top"]]: r.iconTop, [r.$style.custom]: e(l) }
       ], "no-scrollbar overflow-auto"])
     }, [
-      (s(!0), _(he, null, ke(e(c), ({ title: n, description: $, state: M, loading: m }, R) => (s(), _(he, { key: R }, [
-        R > 0 ? (s(), _("hr", {
+      (s(!0), _(he, null, ke(e(c), ({ title: n, description: $, state: M, loading: m }, B) => (s(), _(he, { key: B }, [
+        B > 0 ? (s(), _("hr", {
           key: 0,
           class: p(r.$style.divider)
         }, null, 2)) : k("", !0),
@@ -1819,15 +1819,15 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
             }
           ])
         }, [
-          D(r.$slots, "icon", G({ ref_for: !0 }, { state: M, index: R + 1 }), () => [
+          D(r.$slots, "icon", G({ ref_for: !0 }, { state: M, index: B + 1 }), () => [
             S("div", rr, [
               e(l) ? (s(), P(lr, {
                 key: 0,
-                index: R + 1,
+                index: B + 1,
                 state: M
               }, null, 8, ["index", "state"])) : (s(), P(xl, {
                 key: 1,
-                index: R + 1,
+                index: B + 1,
                 state: M
               }, null, 8, ["index", "state"])),
               m ? (s(), P(_t, {
@@ -1912,7 +1912,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
   setup(z, { emit: a }) {
     st((Z) => ({
       e6416b32: e(J),
-      "0b4c229d": e(B),
+      "0b4c229d": e(R),
       "275d1172": e(I)
     }));
     const l = Qe(z, "modelValue"), d = z, u = a, {
@@ -1926,16 +1926,16 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
       noResize: $,
       rowHeight: M,
       errorMessages: m,
-      successMessages: R
+      successMessages: B
     } = pe(d), H = W(), O = W(), g = W(), F = W(), E = Xt(), I = A(() => t(f) ? `'  ${t(f)}  '` : '"\\200B"'), U = A(() => {
       const Z = Number(t(M)), _e = Number(t(i)), Me = Number(t(n)), ye = {
         minHeight: `${_e * Z + 0.75}rem`
       };
       return Me && (ye.maxHeight = `${Me * Z + 0.75}rem`), ye;
-    }), B = W("0px"), J = W("0px");
+    }), R = W("0px"), J = W("0px");
     Vt(H, (Z) => {
       const [_e] = Z, { width: Me, left: ye } = _e.contentRect;
-      w(B, `${Me + ye + 24}px`);
+      w(R, `${Me + ye + 24}px`);
     }), Vt(O, (Z) => {
       const [_e] = Z, { width: Me, right: ye } = _e.contentRect;
       w(J, `${Me + ye + 24}px`);
@@ -1947,7 +1947,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
       Rt(r)
     ), { hasError: C, hasSuccess: te, hasMessages: Q } = rt(
       m,
-      R
+      B
     );
     function fe() {
       w(l, ""), u("click:clear");
@@ -2065,7 +2065,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
         key: 0,
         class: "pt-1 px-3",
         "error-messages": e(m),
-        "success-messages": e(R),
+        "success-messages": e(B),
         hint: Z.hint
       }, null, 8, ["error-messages", "success-messages", "hint"]))
     ], 16));
@@ -2156,7 +2156,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
     const $ = A(() => {
       const C = t(f);
       return C ? `'  ${C}  '` : '"\\200B"';
-    }), M = W(), m = W(), R = W(), H = W(), O = W("0px"), g = W("0px"), { width: F } = ps(R);
+    }), M = W(), m = W(), B = W(), H = W(), O = W("0px"), g = W("0px"), { width: F } = ps(B);
     Vt(M, (C) => {
       const [te] = C, { width: Q, left: fe } = te.contentRect;
       w(O, `${Q + fe}px`);
@@ -2167,7 +2167,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
     const { hasError: E, hasSuccess: I, hasMessages: U } = rt(
       r,
       i
-    ), { focused: B } = Ht(H), J = Dt(B, 500), K = Ot(
+    ), { focused: R } = Ht(H), J = Dt(R, 500), K = Ot(
       h,
       l,
       Rt(c),
@@ -2207,7 +2207,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
         ], 2)) : k("", !0),
         S("div", {
           ref_key: "innerWrapper",
-          ref: R,
+          ref: B,
           class: "flex flex-1 overflow-hidden",
           onClick: te[3] || (te[3] = (Q) => u("focus-input", Q))
         }, [
@@ -2347,17 +2347,17 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
     return a({
       onOpen: n,
       onClose: $
-    }), (R, H) => {
+    }), (B, H) => {
       var O;
       return s(), _("div", {
         ref_key: "activator",
         ref: c,
-        class: p(R.$style.wrapper),
+        class: p(B.$style.wrapper),
         "data-tooltip-disabled": e(h),
         onMouseover: H[4] || (H[4] = (g) => e(n)()),
         onMouseleave: H[5] || (H[5] = (g) => e($)())
       }, [
-        D(R.$slots, "activator", {
+        D(B.$slots, "activator", {
           open: e(r),
           close: e($)
         }),
@@ -2370,9 +2370,9 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
             ref_key: "tooltip",
             ref: y,
             class: p([
-              R.$style.tooltip,
-              R.tooltipClass,
-              R.$style[`tooltip__${((O = e(f)) == null ? void 0 : O.strategy) ?? "absolute"}`]
+              B.$style.tooltip,
+              B.tooltipClass,
+              B.$style[`tooltip__${((O = e(f)) == null ? void 0 : O.strategy) ?? "absolute"}`]
             ]),
             role: "tooltip"
           }, [
@@ -2389,18 +2389,18 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
               default: N(() => [
                 e(r) ? (s(), _("div", {
                   key: "tooltip",
-                  class: p(R.$style.base),
+                  class: p(B.$style.base),
                   role: "tooltip-content",
-                  onMouseover: H[0] || (H[0] = (g) => R.persistOnTooltipHover && e(n)()),
-                  onMouseleave: H[1] || (H[1] = (g) => R.persistOnTooltipHover && e($)())
+                  onMouseover: H[0] || (H[0] = (g) => B.persistOnTooltipHover && e(n)()),
+                  onMouseleave: H[1] || (H[1] = (g) => B.persistOnTooltipHover && e($)())
                 }, [
-                  D(R.$slots, "default", {}, () => [
-                    Ae(se(R.text), 1)
+                  D(B.$slots, "default", {}, () => [
+                    Ae(se(B.text), 1)
                   ])
                 ], 34)) : k("", !0),
-                R.hideArrow ? k("", !0) : (s(), _("span", {
+                B.hideArrow ? k("", !0) : (s(), _("span", {
                   key: 1,
-                  class: p([R.$style.arrow, { [R.$style.arrow__open]: e(r) }]),
+                  class: p([B.$style.arrow, { [B.$style.arrow__open]: e(r) }]),
                   "data-popper-arrow": ""
                 }, null, 2))
               ]),
@@ -2586,7 +2586,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
         const g = !t(y);
         w(y, g), i(g);
       }
-    })), R = A(() => t(c) ? {
+    })), B = A(() => t(c) ? {
       enterFromClass: "translate-y-full",
       enterActiveClass: "ease-out duration-150",
       enterToClass: "translate-y-0",
@@ -2636,7 +2636,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
             ]),
             _: 1
           }),
-          L(pt, be($e(e(R))), {
+          L(pt, be($e(e(B))), {
             default: N(() => [
               e(r) && e(y) ? (s(), _("div", {
                 key: 0,
@@ -3253,7 +3253,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
       renderedData: $,
       isOpen: M,
       menuWidth: m,
-      getText: R,
+      getText: B,
       getIdentifier: H,
       isActiveItem: O,
       highlightedIndex: g,
@@ -3269,7 +3269,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
       value: y,
       menuRef: f,
       autoSelectFirst: l.autoSelectFirst
-    }), I = A(() => l.variant === "outlined"), U = A(() => (t(M) || !!t(y)) && t(I)), B = A(() => ({
+    }), I = A(() => l.variant === "outlined"), U = A(() => (t(M) || !!t(y)) && t(I)), R = A(() => ({
       style: i.style,
       ref: i.ref
     }));
@@ -3347,7 +3347,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
             }, [
               D(V.$slots, "selection.prepend", be($e({ item: e(y) }))),
               D(V.$slots, "selection", be($e({ item: e(y) })), () => [
-                Ae(se(e(R)(e(y))), 1)
+                Ae(se(e(B)(e(y))), 1)
               ])
             ], 2)) : k("", !0),
             V.clearable && e(y) && !V.disabled ? (s(), _("span", {
@@ -3398,7 +3398,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
           key: 0,
           class: [V.$style.menu, V.menuClass],
           style: { width: `${te}px`, minWidth: e(m) }
-        }, e(B), {
+        }, e(R), {
           onScroll: C[3] || (C[3] = //@ts-ignore
           (...Q) => e(i).onScroll && e(i).onScroll(...Q)),
           onKeydown: [
@@ -3431,7 +3431,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
               ]),
               default: N(() => [
                 D(V.$slots, "item", G({ ref_for: !0 }, { disabled: V.disabled, item: Q, active: e(O)(Q) }), () => [
-                  Ae(se(e(R)(Q)), 1)
+                  Ae(se(e(B)(Q)), 1)
                 ])
               ]),
               _: 2
@@ -3496,7 +3496,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
     }), r = A(() => {
       const I = [];
       for (let U = 1; U <= t(y); U++)
-        I.push({ page: U, text: R(U) });
+        I.push({ page: U, text: B(U) });
       return I;
     }), i = A(() => {
       const { total: I } = t(u);
@@ -3514,10 +3514,10 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
         page: I
       });
     }
-    function R(I) {
-      const { limit: U, total: B } = t(u);
+    function B(I) {
+      const { limit: U, total: R } = t(u);
       return `${Ft((I - 1) * U + 1)} - ${Ft(
-        Math.min(I * U, B)
+        Math.min(I * U, R)
       )}`;
     }
     function H(I) {
@@ -3546,7 +3546,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
         }, "Rows per page:", 2),
         L(ns, {
           modelValue: e(c),
-          "onUpdate:modelValue": U[0] || (U[0] = (B) => tt(c) ? c.value = B : null),
+          "onUpdate:modelValue": U[0] || (U[0] = (R) => tt(c) ? c.value = R : null),
           options: e(h),
           disabled: I.loading || I.disablePerPage,
           "label-class": "!text-xs !min-h-8",
@@ -3566,7 +3566,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
         e(r).length > 0 ? (s(), P(ns, {
           key: 0,
           modelValue: e(n),
-          "onUpdate:modelValue": U[1] || (U[1] = (B) => tt(n) ? n.value = B : null),
+          "onUpdate:modelValue": U[1] || (U[1] = (R) => tt(n) ? n.value = R : null),
           options: e(r),
           disabled: I.loading,
           "label-class": "!text-xs !min-h-8",
@@ -3588,7 +3588,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
           disabled: !e($) || I.loading,
           variant: "text",
           icon: "",
-          onClick: U[2] || (U[2] = (B) => F())
+          onClick: U[2] || (U[2] = (R) => F())
         }, {
           default: N(() => [
             L(ee, { name: "lu-chevrons-left" })
@@ -3600,7 +3600,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
           disabled: !e($) || I.loading,
           variant: "text",
           icon: "",
-          onClick: U[3] || (U[3] = (B) => O())
+          onClick: U[3] || (U[3] = (R) => O())
         }, {
           default: N(() => [
             L(ee, { name: "lu-chevron-left" })
@@ -3612,7 +3612,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
           disabled: !e(M) || I.loading,
           variant: "text",
           icon: "",
-          onClick: U[4] || (U[4] = (B) => g())
+          onClick: U[4] || (U[4] = (R) => g())
         }, {
           default: N(() => [
             L(ee, { name: "lu-chevron-right" })
@@ -3624,7 +3624,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
           disabled: !e(M) || I.loading,
           variant: "text",
           icon: "",
-          onClick: U[5] || (U[5] = (B) => E())
+          onClick: U[5] || (U[5] = (R) => E())
         }, {
           default: N(() => [
             L(ee, { name: "lu-chevrons-right" })
@@ -3889,7 +3889,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
     function $(o) {
       return o.startsWith("header.");
     }
-    const { stick: M, table: m, tableScroller: R } = Bs(
+    const { stick: M, table: m, tableScroller: B } = Bs(
       f,
       t(i)
     ), H = A(() => l.expanded && u["expanded-item"]), O = A(
@@ -3897,7 +3897,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
     ), g = A(() => l.globalItemsPerPage !== void 0 ? l.globalItemsPerPage : t(r.globalItemsPerPage)), F = (o) => Object.keys(o), E = A(() => {
       const o = l.group;
       return o ? Array.isArray(o) ? o : [o] : [];
-    }), I = A(() => t(E).join(":")), U = A(() => !!t(I)), B = A(() => {
+    }), I = A(() => t(E).join(":")), U = A(() => !!t(I)), R = A(() => {
       const o = l.cols ?? F(l.rows[0] ?? {}).map(
         (j) => ({
           key: j,
@@ -4041,7 +4041,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
       const o = t(K);
       return o ? o.length > 0 && !t(xe) : !1;
     }), We = A(() => t(qe).length === 0), X = A(() => {
-      let o = t(B).length;
+      let o = t(R).length;
       return t(K) && o++, o;
     }), re = (o) => o in t(ze);
     function me(o) {
@@ -4246,7 +4246,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
         }, null, 8, ["modelValue", "dense", "loading", "disable-per-page"])) : k("", !0),
         S("div", {
           ref_key: "tableScroller",
-          ref: R,
+          ref: B,
           class: p(o.$style.scroller)
         }, [
           S("table", {
@@ -4261,7 +4261,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
               "capitalize-headers": !o.cols,
               colspan: e(X),
               "column-attr": o.columnAttr,
-              columns: e(B),
+              columns: e(R),
               dense: o.dense,
               "disable-check-all": !((T = e(qe)) != null && T.length),
               "is-all-selected": e(xe),
@@ -4287,7 +4287,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
               "capitalize-headers": !o.cols,
               colspan: e(X),
               "column-attr": o.columnAttr,
-              columns: e(B),
+              columns: e(R),
               dense: o.dense,
               "no-data": e(We),
               selectable: !!e(K),
@@ -4338,7 +4338,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
                         onClick: (ae) => v(ae, j[e(C)], de)
                       }, null, 8, ["data-cy", "model-value", "disabled", "size", "onUpdate:modelValue", "onClick"])
                     ], 2)) : k("", !0),
-                    (s(!0), _(he, null, ke(e(B), (ae, Te) => (s(), _("td", {
+                    (s(!0), _(he, null, ke(e(R), (ae, Te) => (s(), _("td", {
                       key: Te,
                       class: p([
                         o.$style.td,
@@ -4719,12 +4719,12 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
   emits: ["update:modelValue"],
   setup(z, { emit: a }) {
     const l = z, d = a, { color: u, grow: f, modelValue: h, disabled: c, vertical: y, align: r, indicatorPosition: i } = pe(l), n = W(), $ = W(), M = W(), m = W(!1);
-    function R(X) {
-      return X.flatMap((re) => re.type === he && Array.isArray(re.children) && re.children.length > 0 ? R(re.children.filter(Pt)) : [re]).flat();
+    function B(X) {
+      return X.flatMap((re) => re.type === he && Array.isArray(re.children) && re.children.length > 0 ? B(re.children.filter(Pt)) : [re]).flat();
     }
     const H = Je(), O = A(() => {
       var Re;
-      const X = ((Re = H.default) == null ? void 0 : Re.call(H)) ?? [], re = R(X), me = t(n), Ce = {
+      const X = ((Re = H.default) == null ? void 0 : Re.call(H)) ?? [], re = B(X), me = t(n), Ce = {
         color: t(u),
         grow: t(f),
         disabled: t(c),
@@ -4782,7 +4782,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
       });
     }
     const U = Os();
-    function B(X = !1) {
+    function R(X = !1) {
       const re = t(O).filter(
         (me) => !me.props.disabled
       );
@@ -4798,9 +4798,9 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
       I();
     }
     bt(() => {
-      t(h) === void 0 && B();
+      t(h) === void 0 && R();
     }), ge(F, () => {
-      B(!0);
+      R(!0);
     });
     const { width: J, height: K } = zt($), { width: V, height: C } = zt(M), { arrivedState: te, x: Q, y: fe } = js($, { behavior: "smooth" }), { top: ne, bottom: x, left: ze, right: Z } = pe(te), { trigger: _e, stop: Me } = xt(
       [V, J],
@@ -4938,7 +4938,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
   },
   emits: ["click"],
   setup(z, { emit: a }) {
-    const l = z, d = a, u = Je(), { target: f, grow: h, active: c, activeClass: y, disabled: r, vertical: i, align: n, value: $, indicatorPosition: M } = pe(l), m = Xt(), R = A(() => t(f) === "_self"), H = A(() => [
+    const l = z, d = a, u = Je(), { target: f, grow: h, active: c, activeClass: y, disabled: r, vertical: i, align: n, value: $, indicatorPosition: M } = pe(l), m = Xt(), B = A(() => t(f) === "_self"), H = A(() => [
       m.tab,
       m[`tab--${t(n)}`],
       m[`tab-indicator--${t(M)}`],
@@ -4963,8 +4963,8 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
       }, g.$attrs), Ke({ _: 2 }, [
         ke(u, (I, U) => ({
           name: U,
-          fn: N((B) => [
-            D(g.$slots, U, be($e(B)))
+          fn: N((R) => [
+            D(g.$slots, U, be($e(R)))
           ])
         }))
       ]), 1040, ["class"])) : g.link ? (s(), P(E, {
@@ -4974,23 +4974,23 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
         "exact-path": g.exactPath,
         custom: ""
       }, {
-        default: N(({ href: I, navigate: U, isActive: B, isExactActive: J }) => [
+        default: N(({ href: I, navigate: U, isActive: R, isExactActive: J }) => [
           L(we, G({
             class: [
               ...e(H),
               {
-                [`${e(m)["tab--active"]} active-tab-link`]: g.exact ? J : B
+                [`${e(m)["tab--active"]} active-tab-link`]: g.exact ? J : R
               }
             ],
-            color: e(c) || (g.exact ? J : B) ? g.color : void 0,
-            href: e(R) ? void 0 : I,
+            color: e(c) || (g.exact ? J : R) ? g.color : void 0,
+            href: e(B) ? void 0 : I,
             target: e(f),
             role: "tab",
             tag: "a"
           }, g.$attrs, {
             variant: "text",
             onClick: (K) => {
-              O(), e(R) && U(K);
+              O(), e(B) && U(K);
             }
           }), Ke({ _: 2 }, [
             ke(u, (K, V) => ({
@@ -5013,8 +5013,8 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
       }), Ke({ _: 2 }, [
         ke(u, (I, U) => ({
           name: U,
-          fn: N((B) => [
-            D(g.$slots, U, be($e(B)))
+          fn: N((R) => [
+            D(g.$slots, U, be($e(R)))
           ])
         }))
       ]), 1040, ["class", "color"]));
@@ -5055,8 +5055,8 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
       return n.flatMap(($) => $.type === he && Array.isArray($.children) && $.children.length > 0 ? h($.children.filter(Pt)) : [$]).flat();
     }
     const c = A(() => {
-      var R;
-      const n = ((R = l.default) == null ? void 0 : R.call(l)) ?? [], $ = h(n);
+      var B;
+      const n = ((B = l.default) == null ? void 0 : B.call(l)) ?? [], $ = h(n);
       let M = !1;
       const m = $.map((H, O) => {
         var E;
@@ -5213,8 +5213,8 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
     const l = z, d = a, { modelValue: u, multiple: f } = pe(l), h = W(), c = Je(), y = A(() => {
       var M;
       const i = ((M = c.default) == null ? void 0 : M.call(c)) ?? [], n = t(h), $ = t(f);
-      return i.map((m, R) => {
-        const H = $ && Array.isArray(n) ? n.includes(R) : n === R;
+      return i.map((m, B) => {
+        const H = $ && Array.isArray(n) ? n.includes(B) : n === B;
         return {
           ...m,
           props: {
@@ -5454,8 +5454,8 @@ const M0 = /* @__PURE__ */ Y({
   emits: ["update:board"],
   setup(z, { emit: a }) {
     const l = z, d = a;
-    function u(R) {
-      return new Kt({ h: R, s: 1, v: 1 }).hexString;
+    function u(B) {
+      return new Kt({ h: B, s: 1, v: 1 }).hexString;
     }
     const f = Yt({
       hexString: u(l.color.hue),
@@ -5472,43 +5472,43 @@ const M0 = /* @__PURE__ */ Y({
       handleClick: $,
       onMouseDown: M
     } = bs(m);
-    function m(R, H) {
+    function m(B, H) {
       if (!n)
         return;
       const O = n.vnode.el, g = O == null ? void 0 : O.getBoundingClientRect();
       if (!g)
         return;
       const { width: F, height: E, left: I, top: U } = g;
-      let B = R - I, J = H - U;
-      B = mt(B, 0, F), J = mt(J, 0, E);
-      const K = B / F, V = mt(-(J / E) + 1, 0, 1);
-      w(c, B / F), w(h, J / E), f.saturation = K, f.brightness = V, d("update:board", { saturation: K, brightness: V });
+      let R = B - I, J = H - U;
+      R = mt(R, 0, F), J = mt(J, 0, E);
+      const K = R / F, V = mt(-(J / E) + 1, 0, 1);
+      w(c, R / F), w(h, J / E), f.saturation = K, f.brightness = V, d("update:board", { saturation: K, brightness: V });
     }
     return bt(() => {
       i();
     }), Jt(
       () => l.color,
-      (R) => {
-        f.hexString = u(R.hue), f.saturation = R.saturation, f.brightness = R.brightness, i();
+      (B) => {
+        f.hexString = u(B.hue), f.saturation = B.saturation, f.brightness = B.brightness, i();
       },
       { deep: !0 }
-    ), (R, H) => (s(), _("div", G({
+    ), (B, H) => (s(), _("div", G({
       ref_key: "wrapper",
       ref: r,
-      class: ["rui-color-board", R.$style.saturation]
-    }, R.$attrs, {
+      class: ["rui-color-board", B.$style.saturation]
+    }, B.$attrs, {
       style: { backgroundColor: e(f).hexString },
       onClick: H[0] || (H[0] = (O) => e($)(O)),
       onMousedown: H[1] || (H[1] = (O) => e(M)(O))
     }), [
       S("div", {
-        class: p(R.$style.saturation__white)
+        class: p(B.$style.saturation__white)
       }, null, 2),
       S("div", {
-        class: p(R.$style.saturation__black)
+        class: p(B.$style.saturation__black)
       }, null, 2),
       S("div", {
-        class: p(R.$style.cursor),
+        class: p(B.$style.cursor),
         style: Ge(e(y))
       }, null, 6)
     ], 16));
@@ -5532,8 +5532,8 @@ const M0 = /* @__PURE__ */ Y({
   setup(z) {
     const a = Qe(z, "modelValue"), l = W();
     function d($) {
-      const M = D0 / 2, m = $ - M, R = m - M;
-      return { lowerLimit: M, upperLimit: m, availableWidth: R };
+      const M = D0 / 2, m = $ - M, B = m - M;
+      return { lowerLimit: M, upperLimit: m, availableWidth: B };
     }
     const u = W("");
     function f() {
@@ -5548,8 +5548,8 @@ const M0 = /* @__PURE__ */ Y({
       const $ = c.vnode.el, M = $ == null ? void 0 : $.getBoundingClientRect();
       if (!M)
         return 0;
-      const m = M.width, { lowerLimit: R, availableWidth: H } = d(m), O = t(a), g = O === 360 ? 360 : O % 360;
-      return `calc(${Ve(g / 360 * (H / m) * 100)}% + ${R}px)`;
+      const m = M.width, { lowerLimit: B, availableWidth: H } = d(m), O = t(a), g = O === 360 ? 360 : O % 360;
+      return `calc(${Ve(g / 360 * (H / m) * 100)}% + ${B}px)`;
     }
     function r($) {
       if (!c)
@@ -5557,9 +5557,9 @@ const M0 = /* @__PURE__ */ Y({
       const M = c.vnode.el, m = M == null ? void 0 : M.getBoundingClientRect();
       if (!m)
         return;
-      let R = $ - m.left;
+      let B = $ - m.left;
       const { lowerLimit: H, upperLimit: O, availableWidth: g } = d(m.width);
-      R = mt(R, H, O), w(a, Math.round((R - H) / g * 360));
+      B = mt(B, H, O), w(a, Math.round((B - H) / g * 360));
     }
     const {
       handleClick: i,
@@ -5874,7 +5874,7 @@ const M0 = /* @__PURE__ */ Y({
         w(r, m), y(m);
       }
     }));
-    return (m, R) => (s(), _("div", null, [
+    return (m, B) => (s(), _("div", null, [
       D(m.$slots, "activator", be($e({ open: r.value, attrs: e(M) }))),
       (s(), P(Bt, { to: "body" }, [
         m.overlay ? (s(), P(pt, {
@@ -5890,7 +5890,7 @@ const M0 = /* @__PURE__ */ Y({
             r.value ? (s(), _("div", {
               key: 0,
               class: p(m.$style.overlay),
-              onClick: R[0] || (R[0] = Ie((H) => i(), ["stop"]))
+              onClick: B[0] || (B[0] = Ie((H) => i(), ["stop"]))
             }, null, 2)) : k("", !0)
           ]),
           _: 1