@rotki/ui-library 2.0.3 → 2.1.0

package/dist/components/index.es.js

@@ -31,10 +31,10 @@ const Xs = ["height", "width"], Qs = /* @__PURE__ */ te({
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg"
     }, [
-      (n(!0), m(me, null, be(e(p), (d, y) => (n(), E(_t(d[0]), x({
+      (n(!0), m(me, null, be(e(p), (u, y) => (n(), E(_t(u[0]), x({
         key: y,
         ref_for: !0
-      }, d[1], {
+      }, u[1], {
         fill: e(i) ? "currentColor" : "none",
         stroke: e(i) ? "none" : "currentColor",
         "stroke-width": "2",
@@ -85,14 +85,14 @@ const Xs = ["height", "width"], Qs = /* @__PURE__ */ te({
       r("click");
     }
     const p = U(), { height: c } = Rt(p);
-    return (v, d) => (n(), m("div", x({
+    return (v, u) => (n(), m("div", x({
       class: ["accordion", [v.$style.accordion, { [v.$style.open]: v.open }]]
     }, v.$attrs), [
       v.$slots.header ? (n(), m("div", {
         key: 0,
         class: f(["accordion__header flex gap-2 items-center", [v.headerClass, { "w-full": v.headerGrow }]]),
         role: "button",
-        onClick: d[0] || (d[0] = (y) => i())
+        onClick: u[0] || (u[0] = (y) => i())
       }, [
         A("div", {
           class: f({ grow: v.headerGrow })
@@ -134,10 +134,10 @@ const Xs = ["height", "width"], Qs = /* @__PURE__ */ te({
   },
   emits: ["update:model-value"],
   setup(w, { emit: a }) {
-    const r = w, i = a, { modelValue: p, multiple: c } = $e(r), v = U(), d = st(), y = M(() => {
+    const r = w, i = a, { modelValue: p, multiple: c } = $e(r), v = U(), u = st(), y = M(() => {
       var $;
-      const u = (($ = d.default) == null ? void 0 : $.call(d)) ?? [], s = t(v), _ = t(c);
-      return u.map((h, b) => {
+      const d = (($ = u.default) == null ? void 0 : $.call(u)) ?? [], s = t(v), _ = t(c);
+      return d.map((h, b) => {
         const T = _ && Array.isArray(s) ? s.includes(b) : s === b;
         return {
           ...h,
@@ -148,20 +148,20 @@ const Xs = ["height", "width"], Qs = /* @__PURE__ */ te({
         };
       });
     });
-    function l(u) {
+    function l(d) {
       let s;
       const _ = t(v);
       if (t(c) && Array.isArray(_)) {
-        const $ = [...t(_)], h = $.indexOf(u);
-        h === -1 ? $.push(u) : $.splice(h, 1), s = $;
+        const $ = [...t(_)], h = $.indexOf(d);
+        h === -1 ? $.push(d) : $.splice(h, 1), s = $;
       } else
-        _ === u ? s = -1 : s = u;
+        _ === d ? s = -1 : s = d;
       i("update:model-value", s), g(v, s);
     }
-    return we([p, c], ([u, s]) => {
-      let _ = u;
+    return we([p, c], ([d, s]) => {
+      let _ = d;
       s && !Array.isArray(_) ? _ = _ === -1 ? [] : [_] : !s && Array.isArray(_) && (_ = _[0] ?? -1), g(v, _);
-    }, { immediate: !0 }), (u, s) => (n(), m("div", Me(Ce(u.$attrs)), [
+    }, { immediate: !0 }), (d, s) => (n(), m("div", Me(Ce(d.$attrs)), [
       (n(!0), m(me, null, be(e(y), (_, $) => (n(), E(_t(_), {
         key: $,
         onClick: (h) => l($)
@@ -185,13 +185,13 @@ const Xs = ["height", "width"], Qs = /* @__PURE__ */ te({
     at((h) => ({
       "38079bd6": e(v),
       "4c7558bf": e(c),
-      "303b3069": e(u),
+      "303b3069": e(d),
       "60cde3b0": e(s),
       "028a8b82": e(l)
     }));
-    const a = w, { variant: r, value: i, bufferValue: p, thickness: c, size: v } = $e(a), d = M(
+    const a = w, { variant: r, value: i, bufferValue: p, thickness: c, size: v } = $e(a), u = M(
       () => Math.max(0, Math.min(t(i) ?? 100, 100))
-    ), y = M(() => `${Math.floor(t(d))}%`), l = M(() => -100 + t(d)), u = M(() => `${t(l)}%`), s = M(
+    ), y = M(() => `${Math.floor(t(u))}%`), l = M(() => -100 + t(u)), d = M(() => `${t(l)}%`), s = M(
       () => `${-100 + Math.max(0, Math.min(t(p) ?? 100, 100))}%`
     ), _ = M(
       () => +t(c) * 32 / +t(v)
@@ -286,42 +286,42 @@ const Xs = ["height", "width"], Qs = /* @__PURE__ */ te({
   emits: ["update:model-value"],
   setup(w, { emit: a }) {
     const r = w, i = a, p = M(() => r.modelValue), c = M(() => r.disabled ? 0 : r.elevation !== null ? r.elevation : r.variant === "fab" ? 6 : 0), v = M(() => {
-      const d = r.size;
-      return d === "lg" ? 26 : d === "sm" ? 18 : 22;
+      const u = r.size;
+      return u === "lg" ? 26 : u === "sm" ? 18 : 22;
     });
-    return (d, y) => (n(), E(_t(d.tag), x({
+    return (u, y) => (n(), E(_t(u.tag), x({
       class: [
-        d.$style.btn,
-        d.$style[d.color ?? "grey"],
-        d.$style[d.size ?? ""],
-        d.$style[d.variant ?? ""],
+        u.$style.btn,
+        u.$style[u.color ?? "grey"],
+        u.$style[u.size ?? ""],
+        u.$style[u.variant ?? ""],
         `shadow-${e(c)}`,
         {
-          [d.$style.loading]: d.loading,
-          [d.$style._rounded]: d.rounded,
-          [d.$style.icon]: d.icon,
-          [d.$style.active]: d.active,
-          [d.$style.text]: d.variant === "list"
+          [u.$style.loading]: u.loading,
+          [u.$style._rounded]: u.rounded,
+          [u.$style.icon]: u.icon,
+          [u.$style.active]: u.active,
+          [u.$style.text]: u.variant === "list"
         }
       ],
-      disabled: d.disabled || d.loading,
-      type: d.tag === "button" ? d.type : void 0
-    }, d.$attrs, {
+      disabled: u.disabled || u.loading,
+      type: u.tag === "button" ? u.type : void 0
+    }, u.$attrs, {
       onClick: y[0] || (y[0] = (l) => i("update:model-value", e(p)))
     }), {
       default: G(() => [
-        d.$slots.prepend ? F(d.$slots, "prepend", { key: 0 }) : C("", !0),
-        d.$slots.default ? (n(), m("span", {
+        u.$slots.prepend ? F(u.$slots, "prepend", { key: 0 }) : C("", !0),
+        u.$slots.default ? (n(), m("span", {
           key: 1,
-          class: f(d.$style.label)
+          class: f(u.$style.label)
         }, [
-          F(d.$slots, "default")
+          F(u.$slots, "default")
         ], 2)) : C("", !0),
-        d.$slots.append ? F(d.$slots, "append", { key: 2 }) : C("", !0),
-        d.loading ? (n(), E(mt, {
+        u.$slots.append ? F(u.$slots, "append", { key: 2 }) : C("", !0),
+        u.loading ? (n(), E(mt, {
           key: 3,
           circular: "",
-          class: f(d.$style.spinner),
+          class: f(u.$style.spinner),
           variant: "indeterminate",
           thickness: "2",
           size: e(v)
@@ -376,8 +376,8 @@ const Xs = ["height", "width"], Qs = /* @__PURE__ */ te({
   emits: ["action", "close"],
   setup(w, { emit: a }) {
     const r = w, i = a, { icon: p, type: c } = $e(r), v = M(() => {
-      const d = t(p);
-      return d || {
+      const u = t(p);
+      return u || {
         primary: void 0,
         secondary: void 0,
         warning: "lu-triangle-alert",
@@ -386,17 +386,17 @@ const Xs = ["height", "width"], Qs = /* @__PURE__ */ te({
         success: "lu-circle-check"
       }[t(c)];
     });
-    return (d, y) => (n(), m("div", x({
+    return (u, y) => (n(), m("div", x({
       class: [
-        d.$style.alert,
-        d.$style[e(c)],
-        d.$style[d.variant]
+        u.$style.alert,
+        u.$style[e(c)],
+        u.$style[u.variant]
       ]
-    }, d.$attrs), [
+    }, u.$attrs), [
       A("div", eo, [
         e(v) ? (n(), m("div", {
           key: 0,
-          class: f(d.$style.icon)
+          class: f(u.$style.icon)
         }, [
           Y(ne, {
             name: e(v),
@@ -404,46 +404,46 @@ const Xs = ["height", "width"], Qs = /* @__PURE__ */ te({
           }, null, 8, ["name"])
         ], 2)) : C("", !0),
         A("div", {
-          class: f(["space-y-1 flex-grow", d.$style.texts])
+          class: f(["space-y-1 flex-grow", u.$style.texts])
         }, [
-          d.$slots.title || d.title ? (n(), m("div", {
+          u.$slots.title || u.title ? (n(), m("div", {
             key: 0,
             class: f({
-              "font-medium": !!d.title
+              "font-medium": !!u.title
             })
           }, [
-            F(d.$slots, "title", {}, () => [
-              Ae(ee(d.title), 1)
+            F(u.$slots, "title", {}, () => [
+              Ae(ee(u.title), 1)
             ])
           ], 2)) : C("", !0),
-          d.$slots.default || d.description ? (n(), m("div", to, [
-            F(d.$slots, "default", {}, () => [
-              Ae(ee(d.description), 1)
+          u.$slots.default || u.description ? (n(), m("div", to, [
+            F(u.$slots, "default", {}, () => [
+              Ae(ee(u.description), 1)
             ])
           ])) : C("", !0)
         ], 2)
       ]),
-      d.actionText ? (n(), m("div", so, [
+      u.actionText ? (n(), m("div", so, [
         Y(ve, {
           variant: "text",
           size: "sm",
-          color: d.variant === "filled" ? void 0 : e(c),
-          class: f(d.$style.action),
+          color: u.variant === "filled" ? void 0 : e(c),
+          class: f(u.$style.action),
           onClick: y[0] || (y[0] = (l) => i("action"))
         }, {
           default: G(() => [
-            Ae(ee(d.actionText), 1)
+            Ae(ee(u.actionText), 1)
           ]),
           _: 1
         }, 8, ["color", "class"])
       ])) : C("", !0),
-      d.closeable ? (n(), m("div", no, [
+      u.closeable ? (n(), m("div", no, [
         Y(ve, {
-          color: d.variant === "filled" ? void 0 : e(c),
+          color: u.variant === "filled" ? void 0 : e(c),
           size: "sm",
           icon: "",
           variant: "text",
-          class: f(d.$style.close),
+          class: f(u.$style.close),
           onClick: y[1] || (y[1] = (l) => i("close"))
         }, {
           default: G(() => [
@@ -495,13 +495,13 @@ const Xs = ["height", "width"], Qs = /* @__PURE__ */ te({
   },
   emits: ["update:modelValue"],
   setup(w, { emit: a }) {
-    const r = w, i = a, p = st(), { modelValue: c, required: v, disabled: d, color: y, variant: l, size: u } = $e(r);
+    const r = w, i = a, p = st(), { modelValue: c, required: v, disabled: u, color: y, variant: l, size: d } = $e(r);
     function s(V) {
       return V.flatMap((D) => D.type === me && Array.isArray(D.children) && D.children.length > 0 ? s(D.children.filter(qt)) : [D]).flat();
     }
     const _ = M(() => {
       var I;
-      const V = t(d), D = t(y), O = t(c), B = ((I = p.default) == null ? void 0 : I.call(p)) ?? [];
+      const V = t(u), D = t(y), O = t(c), B = ((I = p.default) == null ? void 0 : I.call(p)) ?? [];
       return s(B).map((Z, ie) => {
         var X;
         const R = (X = Z.props) == null ? void 0 : X["model-value"];
@@ -539,7 +539,7 @@ const Xs = ["height", "width"], Qs = /* @__PURE__ */ te({
       (n(!0), m(me, null, be(e(_), (O, B) => (n(), E(_t(O), {
         key: B,
         class: f(e(b).button),
-        size: e(u),
+        size: e(d),
         variant: e(l),
         "onUpdate:modelValue": (q) => h(q ?? B)
       }, null, 8, ["class", "size", "variant", "onUpdate:modelValue"]))), 128))
@@ -625,7 +625,7 @@ const Fo = { class: "calendar-grid" }, Eo = { class: "calendar-weekdays" }, No =
       const { maxDate: _, minDate: $ } = i;
       return !(Be(_) && s > t(_) || Be($) && s < t($));
     }
-    function d(s) {
+    function u(s) {
       if (!Be(a))
         return !1;
       const _ = t(a);
@@ -635,7 +635,7 @@ const Fo = { class: "calendar-grid" }, Eo = { class: "calendar-weekdays" }, No =
       if (!v(s))
         return;
       let _;
-      if (d(s) && i.allowEmpty)
+      if (u(s) && i.allowEmpty)
         _ = void 0;
       else if (Be(a)) {
         const $ = t(a), h = new Date(s);
@@ -648,7 +648,7 @@ const Fo = { class: "calendar-grid" }, Eo = { class: "calendar-weekdays" }, No =
       const _ = /* @__PURE__ */ new Date();
       return s.getDate() === _.getDate() && s.getMonth() === _.getMonth() && s.getFullYear() === _.getFullYear();
     }
-    function u(s) {
+    function d(s) {
       const _ = s.getFullYear(), $ = (s.getMonth() + 1).toString().padStart(2, "0"), h = s.getDate().toString().padStart(2, "0");
       return `rui-id-${_}-${$}-${h}`;
     }
@@ -666,10 +666,10 @@ const Fo = { class: "calendar-grid" }, Eo = { class: "calendar-weekdays" }, No =
           variant: "text",
           class: f(["day-cell !font-normal", {
             "not-current-month": !h,
-            "is-selected": d($),
+            "is-selected": u($),
             "is-today": l($),
             "is-disabled": !v($),
-            [u($)]: !0
+            [d($)]: !0
           }]),
           disabled: !v($),
           onClick: (b) => y($)
@@ -703,7 +703,7 @@ const Fo = { class: "calendar-grid" }, Eo = { class: "calendar-weekdays" }, No =
       formattedErrorMessages: p,
       formattedSuccessMessages: c,
       hasError: v,
-      hasSuccess: d
+      hasSuccess: u
     } = it(r, i);
     return (y, l) => (n(), E(es, {
       tag: "div",
@@ -717,7 +717,7 @@ const Fo = { class: "calendar-grid" }, Eo = { class: "calendar-weekdays" }, No =
       appear: ""
     }, {
       default: G(() => [
-        e(v) ? (n(), m("div", Wo, ee(e(p)[0]), 1)) : e(d) ? (n(), m("div", Go, ee(e(c)[0]), 1)) : y.hint ? (n(), m("div", Ko, ee(y.hint), 1)) : C("", !0)
+        e(v) ? (n(), m("div", Wo, ee(e(p)[0]), 1)) : e(u) ? (n(), m("div", Go, ee(e(c)[0]), 1)) : y.hint ? (n(), m("div", Ko, ee(y.hint), 1)) : C("", !0)
       ]),
       _: 1
     }));
@@ -750,10 +750,10 @@ const Fo = { class: "calendar-grid" }, Eo = { class: "calendar-weekdays" }, No =
       modelValue: p,
       closeDelay: c,
       openDelay: v,
-      popper: d,
+      popper: u,
       disabled: y,
       persistOnActivatorClick: l,
-      closeOnContentClick: u,
+      closeOnContentClick: d,
       openOnHover: s,
       errorMessages: _,
       successMessages: $,
@@ -769,7 +769,7 @@ const Fo = { class: "calendar-grid" }, Eo = { class: "calendar-weekdays" }, No =
       onClose: q,
       onPopperLeave: I,
       updatePopper: Z
-    } = vs(d, y, v, c), { width: ie } = Rt(b), R = U(!1);
+    } = vs(u, y, v, c), { width: ie } = Rt(b), R = U(!1);
     function X(ae) {
       t(H) && (q(), g(R, !1));
     }
@@ -823,10 +823,10 @@ const Fo = { class: "calendar-grid" }, Eo = { class: "calendar-weekdays" }, No =
             class: f([
               ae.$style.menu,
               ae.menuClass,
-              ae.$style[`menu__${((N = e(d)) == null ? void 0 : N.strategy) ?? "absolute"}`]
+              ae.$style[`menu__${((N = e(u)) == null ? void 0 : N.strategy) ?? "absolute"}`]
             ]),
             role: "menu",
-            onClick: z[3] || (z[3] = (L) => e(u) ? X() : void 0)
+            onClick: z[3] || (z[3] = (L) => e(d) ? X() : void 0)
           }, [
             Y(es, {
               "enter-active-class": "transition ease-out duration-200",
@@ -890,12 +890,12 @@ const Fo = { class: "calendar-grid" }, Eo = { class: "calendar-weekdays" }, No =
   }),
   emits: /* @__PURE__ */ Ye(["select"], ["update:modelValue"]),
   setup(w, { emit: a }) {
-    const r = Ue(w, "modelValue"), i = w, p = a, c = U("months"), v = U(i.viewYear - 6), d = qo(), y = xt(Nt), l = M(() => {
+    const r = Ue(w, "modelValue"), i = w, p = a, c = U("months"), v = U(i.viewYear - 6), u = qo(), y = xt(Nt), l = M(() => {
       const D = [], O = t(v);
       for (let B = 0; B < 12; B++)
         D.push(O + B);
       return D;
-    }), u = M(() => {
+    }), d = M(() => {
       if (t(c) === "months")
         return i.viewYear.toString();
       const D = t(l);
@@ -969,7 +969,7 @@ const Fo = { class: "calendar-grid" }, Eo = { class: "calendar-weekdays" }, No =
             A("div", {
               class: "flex-1 text-center cursor-pointer",
               onClick: O[1] || (O[1] = (B) => h())
-            }, ee(u.value), 1),
+            }, ee(d.value), 1),
             Y(ve, {
               type: "button",
               class: "nav-button",
@@ -988,7 +988,7 @@ const Fo = { class: "calendar-grid" }, Eo = { class: "calendar-weekdays" }, No =
             }, 8, ["disabled"])
           ]),
           c.value === "months" ? (n(), m("div", la, [
-            (n(!0), m(me, null, be(e(d), (B, q) => (n(), E(ve, {
+            (n(!0), m(me, null, be(e(u), (B, q) => (n(), E(ve, {
               key: B,
               variant: q === D.viewMonth ? "default" : "text",
               active: q === D.viewMonth,
@@ -1032,7 +1032,7 @@ const Fo = { class: "calendar-grid" }, Eo = { class: "calendar-weekdays" }, No =
   },
   emits: ["prev-month", "next-month", "select-month"],
   setup(w, { emit: a }) {
-    const r = w, i = a, p = U(!1), c = U(), v = xt(Nt), d = M(() => {
+    const r = w, i = a, p = U(!1), c = U(), v = xt(Nt), u = M(() => {
       const { maxDate: s } = v;
       return Be(s) ? new Date(r.viewYear, r.viewMonth).getTime() < t(s).getTime() : !0;
     }), y = M(() => {
@@ -1042,7 +1042,7 @@ const Fo = { class: "calendar-grid" }, Eo = { class: "calendar-weekdays" }, No =
     function l(s) {
       g(c, s.currentTarget ?? void 0), g(p, !0);
     }
-    function u(s) {
+    function d(s) {
       i("select-month", s);
     }
     return (s, _) => (n(), m("div", ua, [
@@ -1079,14 +1079,14 @@ const Fo = { class: "calendar-grid" }, Eo = { class: "calendar-weekdays" }, No =
         "anchor-el": c.value,
         "view-month": s.viewMonth,
         "view-year": s.viewYear,
-        onSelect: _[3] || (_[3] = ($) => u($))
+        onSelect: _[3] || (_[3] = ($) => d($))
       }, null, 8, ["modelValue", "anchor-el", "view-month", "view-year"]),
       Y(ve, {
         type: "button",
         class: "nav-button",
         variant: "text",
         icon: "",
-        disabled: !d.value,
+        disabled: !u.value,
         onClick: _[4] || (_[4] = ($) => i("next-month"))
       }, {
         default: G(() => [
@@ -1114,14 +1114,14 @@ const Fo = { class: "calendar-grid" }, Eo = { class: "calendar-weekdays" }, No =
   }),
   emits: /* @__PURE__ */ Ye(["update:pages"], ["update:modelValue"]),
   setup(w, { expose: a, emit: r }) {
-    const i = Ue(w, "modelValue"), p = w, c = r, v = U(Be(i) ? new Date(t(i)) : /* @__PURE__ */ new Date()), d = U(Be(i) ? new Date(t(i)) : void 0), y = U(t(v).getMonth()), l = U(t(v).getFullYear()), { isDark: u } = gs(), s = M(() => new Date(t(l), t(y)).toLocaleString("default", { month: "long", year: "numeric" }));
+    const i = Ue(w, "modelValue"), p = w, c = r, v = U(Be(i) ? new Date(t(i)) : /* @__PURE__ */ new Date()), u = U(Be(i) ? new Date(t(i)) : void 0), y = U(t(v).getMonth()), l = U(t(v).getFullYear()), { isDark: d } = gs(), s = M(() => new Date(t(l), t(y)).toLocaleString("default", { month: "long", year: "numeric" }));
     zs(Nt.valueOf(), {
       viewMonth: y,
       viewYear: l,
-      selectedDate: d,
+      selectedDate: u,
       maxDate: M(() => p.maxDate ? new Date(p.maxDate) : void 0),
       minDate: M(() => p.minDate ? new Date(p.minDate) : void 0),
-      isDark: u,
+      isDark: d,
       allowEmpty: p.allowEmpty
     });
     function _(b) {
@@ -1135,19 +1135,19 @@ const Fo = { class: "calendar-grid" }, Eo = { class: "calendar-weekdays" }, No =
     function h(b) {
       g(y, b.month), g(l, b.year);
     }
-    return we([d], ([b]) => {
+    return we([u], ([b]) => {
       !b && !p.allowEmpty || (b ? (g(i, new Date(b)), t(y) !== b.getMonth() && g(y, b.getMonth()), t(l) !== b.getFullYear() && g(l, b.getFullYear())) : g(i, void 0));
     }), we(i, (b) => {
       if (b === void 0) {
-        g(d, void 0);
+        g(u, void 0);
         return;
       }
       const T = new Date(b);
-      Be(d) && t(d).getTime() !== T.getTime() && (g(d, new Date(b)), g(y, T.getMonth()), g(l, T.getFullYear()));
+      Be(u) && t(u).getTime() !== T.getTime() && (g(u, new Date(b)), g(y, T.getMonth()), g(l, T.getFullYear()));
     }), a({
       move: $
     }), (b, T) => (n(), m("div", {
-      class: f(["rui-calendar", { dark: e(u), bordered: !b.borderless }])
+      class: f(["rui-calendar", { dark: e(d), bordered: !b.borderless }])
     }, [
       Y(pa, {
         title: s.value,
@@ -1158,8 +1158,8 @@ const Fo = { class: "calendar-grid" }, Eo = { class: "calendar-weekdays" }, No =
         onSelectMonth: T[2] || (T[2] = (H) => h(H))
       }, null, 8, ["title", "view-month", "view-year"]),
       Y(Uo, {
-        modelValue: d.value,
-        "onUpdate:modelValue": T[3] || (T[3] = (H) => d.value = H),
+        modelValue: u.value,
+        "onUpdate:modelValue": T[3] || (T[3] = (H) => u.value = H),
         "view-month": y.value,
         "view-year": l.value
       }, null, 8, ["modelValue", "view-month", "view-year"])
@@ -1321,58 +1321,59 @@ const Fo = { class: "calendar-grid" }, Eo = { class: "calendar-weekdays" }, No =
     color: { default: "grey" },
     closeIcon: { default: "lu-circle-x" },
     bgColor: { default: void 0 },
-    textColor: { default: void 0 }
+    textColor: { default: void 0 },
+    contentClass: { default: "" }
   },
   emits: ["click:close", "click"],
   setup(w, { emit: a }) {
-    const r = w, i = a, { clickable: p, disabled: c, bgColor: v, textColor: d } = $e(r);
-    function y(u) {
-      t(At(Dt(p), c)) || i("click", u);
+    const r = w, i = a, { clickable: p, disabled: c, bgColor: v, textColor: u } = $e(r);
+    function y(d) {
+      t(At(Dt(p), c)) || i("click", d);
     }
     const l = M(() => {
-      const u = {}, s = t(v), _ = t(d);
-      return s && (u.backgroundColor = s), _ && (u.color = _), u;
+      const d = {}, s = t(v), _ = t(u);
+      return s && (d.backgroundColor = s), _ && (d.color = _), d;
     });
-    return (u, s) => (n(), m("div", x({
+    return (d, s) => (n(), m("div", x({
       class: [
-        u.$style.chip,
-        u.$style[u.color ?? ""],
-        u.$style[u.size ?? ""],
-        u.$style[u.variant ?? ""],
+        d.$style.chip,
+        d.$style[d.color ?? ""],
+        d.$style[d.size ?? ""],
+        d.$style[d.variant ?? ""],
         {
-          [u.$style.disabled]: e(c),
-          [u.$style.tile]: u.tile,
-          [u.$style.readonly]: !e(p)
+          [d.$style.disabled]: e(c),
+          [d.$style.tile]: d.tile,
+          [d.$style.readonly]: !e(p)
         }
       ],
       style: e(l),
       role: "button",
       tabindex: "0"
-    }, e(qs)(u.$attrs, ["onClick"]), {
+    }, e(qs)(d.$attrs, ["onClick"]), {
       onClick: s[1] || (s[1] = (_) => y(_))
     }), [
-      u.$slots.prepend ? (n(), m("div", {
+      d.$slots.prepend ? (n(), m("div", {
         key: 0,
-        class: f(u.$style.chip__prepend)
+        class: f(d.$style.chip__prepend)
       }, [
-        F(u.$slots, "prepend")
+        F(d.$slots, "prepend")
       ], 2)) : C("", !0),
       A("span", {
-        class: f(u.$style.chip__label)
+        class: f([d.$style.chip__label, d.contentClass])
       }, [
-        F(u.$slots, "default")
+        F(d.$slots, "default")
       ], 2),
-      u.closeable ? (n(), m("button", {
+      d.closeable ? (n(), m("button", {
         key: 1,
-        class: f(u.$style.chip__close),
+        class: f(d.$style.chip__close),
         disabled: e(c),
         type: "button",
         onClick: s[0] || (s[0] = He((_) => i("click:close"), ["stop"]))
       }, [
         Y(ne, {
-          class: f(u.$style.chip__close_icon),
-          size: u.size === "sm" ? 16 : 24,
-          name: u.closeIcon
+          class: f(d.$style.chip__close_icon),
+          size: d.size === "sm" ? 16 : 24,
+          name: d.closeIcon
         }, null, 8, ["class", "size", "name"])
       ], 10, Oa)) : C("", !0)
     ], 16));
@@ -1546,12 +1547,12 @@ const yl = /* @__PURE__ */ te({
       hexString: p(r.color.hue),
       saturation: r.color.saturation,
       brightness: r.color.brightness
-    }), v = U(0), d = U(0), y = M(() => ({
+    }), v = U(0), u = U(0), y = M(() => ({
       top: `${t(v) * 100}%`,
-      left: `${t(d) * 100}%`
+      left: `${t(u) * 100}%`
     })), l = U();
-    function u() {
-      g(d, c.saturation), g(v, 1 - c.brightness);
+    function d() {
+      g(u, c.saturation), g(v, 1 - c.brightness);
     }
     const s = fs(), {
       handleClick: _,
@@ -1567,14 +1568,14 @@ const yl = /* @__PURE__ */ te({
       let I = b - B, Z = T - q;
       I = bt(I, 0, D), Z = bt(Z, 0, O);
       const ie = I / D, R = bt(-(Z / O) + 1, 0, 1);
-      g(d, I / D), g(v, Z / O), c.saturation = ie, c.brightness = R, i("update:board", { saturation: ie, brightness: R });
+      g(u, I / D), g(v, Z / O), c.saturation = ie, c.brightness = R, i("update:board", { saturation: ie, brightness: R });
     }
     return yt(() => {
-      u();
+      d();
     }), ss(
       () => r.color,
       (b) => {
-        c.hexString = p(b.hue), c.saturation = b.saturation, c.brightness = b.brightness, u();
+        c.hexString = p(b.hue), c.saturation = b.saturation, c.brightness = b.brightness, d();
       },
       { deep: !0 }
     ), (b, T) => (n(), m("div", x({
@@ -1620,10 +1621,10 @@ const yl = /* @__PURE__ */ te({
   },
   setup(w, { expose: a }) {
     const r = w, { closeDelay: i, openDelay: p, popper: c, disabled: v } = $e(r), {
-      reference: d,
+      reference: u,
       popper: y,
       open: l,
-      popperEnter: u,
+      popperEnter: d,
       onOpen: s,
       onClose: _,
       onPopperLeave: $,
@@ -1636,7 +1637,7 @@ const yl = /* @__PURE__ */ te({
       var H;
       return n(), m("div", {
         ref_key: "activator",
-        ref: d,
+        ref: u,
         class: f(b.$style.wrapper),
         "data-tooltip-disabled": e(v),
         onMouseover: T[4] || (T[4] = (V) => e(s)()),
@@ -1650,7 +1651,7 @@ const yl = /* @__PURE__ */ te({
           key: 0,
           to: "body"
         }, [
-          e(u) ? (n(), m("div", {
+          e(d) ? (n(), m("div", {
             key: 0,
             ref_key: "tooltip",
             ref: y,
@@ -1728,7 +1729,7 @@ const yl = /* @__PURE__ */ te({
           class: "w-8 h-8 min-w-8 min-h-8 rounded-full cursor-pointer",
           "data-cy": "color-display",
           style: Ne({ background: e(r) }),
-          onClick: v[0] || (v[0] = (d) => e(i)())
+          onClick: v[0] || (v[0] = (u) => e(i)())
         }, null, 4)
       ]),
       default: G(() => [
@@ -1761,20 +1762,20 @@ const yl = /* @__PURE__ */ te({
     }
     const v = M(() => ({
       left: t(p)
-    })), d = fs();
+    })), u = fs();
     function y() {
-      if (!d)
+      if (!u)
         return 0;
-      const _ = d.vnode.el, $ = _ == null ? void 0 : _.getBoundingClientRect();
+      const _ = u.vnode.el, $ = _ == null ? void 0 : _.getBoundingClientRect();
       if (!$)
         return 0;
       const h = $.width, { lowerLimit: b, availableWidth: T } = i(h), H = t(a), V = H === 360 ? 360 : H % 360;
       return `calc(${Ie(V / 360 * (T / h) * 100)}% + ${b}px)`;
     }
     function l(_) {
-      if (!d)
+      if (!u)
         return;
-      const $ = d.vnode.el, h = $ == null ? void 0 : $.getBoundingClientRect();
+      const $ = u.vnode.el, h = $ == null ? void 0 : $.getBoundingClientRect();
       if (!h)
         return;
       let b = _ - h.left;
@@ -1782,7 +1783,7 @@ const yl = /* @__PURE__ */ te({
       b = bt(b, T, H), g(a, Math.round((b - T) / V * 360));
     }
     const {
-      handleClick: u,
+      handleClick: d,
       onMouseDown: s
     } = ws(l);
     return yt(() => {
@@ -1794,7 +1795,7 @@ const yl = /* @__PURE__ */ te({
       ref: r,
       class: [_.$style.bar, "rui-color-hue"]
     }, _.$attrs, {
-      onClick: $[0] || ($[0] = (h) => e(u)(h)),
+      onClick: $[0] || ($[0] = (h) => e(d)(h)),
       onMousedown: $[1] || ($[1] = (h) => e(s)(h))
     }), [
       A("div", {
@@ -1841,10 +1842,10 @@ const yl = /* @__PURE__ */ te({
     }));
     const i = Ue(w, "modelValue"), p = w, c = r, {
       label: v,
-      clearable: d,
+      clearable: u,
       disabled: y,
       readonly: l,
-      errorMessages: u,
+      errorMessages: d,
       successMessages: s
     } = $e(p);
     function _(j) {
@@ -1863,10 +1864,10 @@ const yl = /* @__PURE__ */ te({
       g(D, `${J + ze}px`);
     });
     const { hasError: B, hasSuccess: q, hasMessages: I } = it(
-      u,
+      d,
       s
     ), { focused: Z } = St(H), ie = ns(Z, 500), R = Et(
-      d,
+      u,
       i,
       Dt(y),
       Dt(l)
@@ -1984,7 +1985,7 @@ const yl = /* @__PURE__ */ te({
       j.hideDetails ? C("", !0) : (n(), E(dt, {
         key: 0,
         class: "pt-1 px-3",
-        "error-messages": e(u),
+        "error-messages": e(d),
         "success-messages": e(s),
         hint: j.hint
       }, null, 8, ["error-messages", "success-messages", "hint"]))
@@ -2049,27 +2050,27 @@ const yl = /* @__PURE__ */ te({
     function p() {
       g(r, t(r) === "rgb" ? "hex" : "rgb");
     }
-    const c = as((d, y, l) => {
+    const c = as((u, y, l) => {
       if (!i.color)
         return;
-      const u = y.target.value;
-      if (d === "hex") {
-        const s = u.replace("#", "");
+      const d = y.target.value;
+      if (u === "hex") {
+        const s = d.replace("#", "");
         Xe(s).isValid() && [3, 4, 6].includes(s.length) ? i.color.hex = s : i.color.hex = "000000";
       } else if (l !== void 0 && i.rgb && i.color) {
-        let s = Number(u);
+        let s = Number(d);
         s = bt(s, 0, 255), i.rgb[l] = s;
         const [_, $, h] = i.rgb;
         i.color.hex = Xe({ r: _, g: $, b: h }).toHex();
       }
-    }, 100), v = as((d, y, l) => {
+    }, 100), v = as((u, y, l) => {
       if (y) {
-        if (d === "hex") {
-          const u = y.replace("#", "");
-          Xe(u).isValid() && i.color && u.length === 6 && (i.color.hex = u);
+        if (u === "hex") {
+          const d = y.replace("#", "");
+          Xe(d).isValid() && i.color && d.length === 6 && (i.color.hex = d);
         } else if (l !== void 0 && i.rgb && i.color) {
-          let u = Number(y);
-          u = bt(u, 0, 255), i.rgb[l] = u;
+          let d = Number(y);
+          d = bt(d, 0, 255), i.rgb[l] = d;
           const [s, _, $] = i.rgb;
           i.color.hex = Xe({ r: s, g: _, b: $ }).toHex();
         }
@@ -2078,11 +2079,11 @@ const yl = /* @__PURE__ */ te({
     }, 300);
     return ss(
       a,
-      (d) => {
-        i.color = d, i.hex = i.color.hex, i.rgb = i.color.rgb;
+      (u) => {
+        i.color = u, i.hex = i.color.hex, i.rgb = i.color.rgb;
       },
       { deep: !0 }
-    ), (d, y) => (n(), m("div", x({ class: "rui-color-input flex justify-center gap-2" }, d.$attrs), [
+    ), (u, y) => (n(), m("div", x({ class: "rui-color-input flex justify-center gap-2" }, u.$attrs), [
       A("div", hr, [
         A("div", vr, [
           e(r) === "hex" ? (n(), E(Jt, {
@@ -2105,8 +2106,8 @@ const yl = /* @__PURE__ */ te({
             ])),
             _: 1
           }, 8, ["modelValue"])) : (n(), m("div", gr, [
-            (n(!0), m(me, null, be(e(i).rgb, (l, u) => (n(), E(Jt, {
-              key: u,
+            (n(!0), m(me, null, be(e(i).rgb, (l, d) => (n(), E(Jt, {
+              key: d,
               "model-value": l.toString(),
               variant: "outlined",
               class: "[&_input]:text-center w-full",
@@ -2114,8 +2115,8 @@ const yl = /* @__PURE__ */ te({
               color: "primary",
               dense: "",
               "hide-details": "",
-              "onUpdate:modelValue": (s) => e(v)(e(r), s, u),
-              onBlur: (s) => e(c)(e(r), s, u)
+              "onUpdate:modelValue": (s) => e(v)(e(r), s, d),
+              onBlur: (s) => e(c)(e(r), s, d)
             }, null, 8, ["model-value", "onUpdate:modelValue", "onBlur"]))), 128))
           ]))
         ]),
@@ -2145,18 +2146,18 @@ const yl = /* @__PURE__ */ te({
     const r = w, i = a, { modelValue: p } = $e(r), c = ts({
       color: new Qt(t(p))
     });
-    function v({ saturation: d, brightness: y }) {
-      c.color.saturation = d, c.color.brightness = y;
+    function v({ saturation: u, brightness: y }) {
+      c.color.saturation = u, c.color.brightness = y;
     }
     return ss(
       p,
-      (d) => {
-        c.color.hex !== d && (c.color = new Qt(d));
+      (u) => {
+        c.color.hex !== u && (c.color = new Qt(u));
       },
       { deep: !0 }
-    ), we(c, (d) => {
-      i("update:model-value", d.color.hex);
-    }, { immediate: !0, deep: !0 }), (d, y) => (n(), m("div", x({ class: "rui-color-picker relative select-none bg-initial" }, d.$attrs), [
+    ), we(c, (u) => {
+      i("update:model-value", u.color.hex);
+    }, { immediate: !0, deep: !0 }), (u, y) => (n(), m("div", x({ class: "rui-color-picker relative select-none bg-initial" }, u.$attrs), [
       Y(kl, {
         color: e(c).color,
         "onUpdate:board": y[0] || (y[0] = (l) => v(l))
@@ -2244,7 +2245,7 @@ const yl = /* @__PURE__ */ te({
     at((k) => ({
       "472b1885": e(ke)
     }));
-    const r = Ue(w, "modelValue"), i = Ue(w, "searchInput"), p = w, c = st(), { dense: v, disabled: d, options: y } = $e(p), { getText: l, getIdentifier: u } = Ns({
+    const r = Ue(w, "modelValue"), i = Ue(w, "searchInput"), p = w, c = st(), { dense: v, disabled: u, options: y } = $e(p), { getText: l, getIdentifier: d } = Ns({
       keyAttr: p.keyAttr,
       textAttr: p.textAttr
     }), s = U(), _ = U(), $ = U(), h = U(), { focused: b } = ls(_), { focused: T } = ls(h), { focused: H } = St(s), { focused: V } = St(_), D = At(b, T), O = U([]), B = M(() => t(O).slice(0, Math.min(5, t(N).length)).reduce((W, _e) => W + _e.$el.offsetHeight, 0)), q = M(() => Array.isArray(t(r))), I = M(() => !(c.selection || t(q) || p.chips)), Z = U(""), ie = ns(Z, 100);
@@ -2276,7 +2277,7 @@ const yl = /* @__PURE__ */ te({
         if (W && p.returnObject) {
           const ye = k ? _e ? k : [k] : [], pe = [];
           if (ye.forEach((De) => {
-            const o = p.options.find((S) => u(S) === u(De));
+            const o = p.options.find((S) => d(S) === d(De));
             if (o)
               return pe.push(o);
             if (p.customValue)
@@ -2290,7 +2291,7 @@ const yl = /* @__PURE__ */ te({
         } else {
           const ye = k ? _e ? k : [k] : [], pe = [];
           return ye.forEach((De) => {
-            const o = p.options.find((S) => u(S) === De);
+            const o = p.options.find((S) => d(S) === De);
             if (o)
               return pe.push(o);
             if (p.customValue)
@@ -2389,7 +2390,7 @@ const yl = /* @__PURE__ */ te({
       }
       ce += W ? 1 : -1, ce < 0 || ce >= _e ? (g(qe, -1), g(H, !0)) : g(qe, ce);
     }
-    const vt = M(() => (!t(D) || t(d)) && !t(I) ? "w-0 h-0" : t(Z) ? "flex-1 min-w-[4rem]" : "flex-1 min-w-0");
+    const vt = M(() => (!t(D) || t(u)) && !t(I) ? "w-0 h-0" : t(Z) ? "flex-1 min-w-[4rem]" : "flex-1 min-w-0");
     function ut(k, W = !1) {
       const _e = p.keyAttr, ce = p.textAttr;
       return !_e || W ? k : {
@@ -2424,7 +2425,7 @@ const yl = /* @__PURE__ */ te({
     function kt(k, W) {
       return {
         "data-index": W,
-        "data-value": u(k),
+        "data-value": d(k),
         onKeydown: (_e) => {
           const { key: ce } = _e;
           ["Backspace", "Delete"].includes(ce) && je(k);
@@ -2487,10 +2488,10 @@ const yl = /* @__PURE__ */ te({
         hint: k.hint,
         dense: e(v),
         showDetails: !k.hideDetails,
-        disabled: e(d)
+        disabled: e(u)
       }), {
         activator: G(({ attrs: ce, open: ye, hasError: pe, hasSuccess: De }) => [
-          F(k.$slots, "activator", Me(Ce({ disabled: e(d), value: e(J), variant: k.variant, readOnly: k.readOnly, attrs: ce, open: ye, hasError: pe, hasSuccess: De })), () => [
+          F(k.$slots, "activator", Me(Ce({ disabled: e(u), value: e(J), variant: k.variant, readOnly: k.readOnly, attrs: ce, open: ye, hasError: pe, hasSuccess: De })), () => [
             A("div", x(
               {
                 ref_key: "activator",
@@ -2499,7 +2500,7 @@ const yl = /* @__PURE__ */ te({
                   k.$style.activator,
                   k.labelClass,
                   {
-                    [k.$style.disabled]: e(d),
+                    [k.$style.disabled]: e(u),
                     [k.$style.readonly]: k.readOnly,
                     [k.$style.outlined]: e(se),
                     [k.$style.dense]: e(v),
@@ -2517,7 +2518,7 @@ const yl = /* @__PURE__ */ te({
               },
               {
                 "data-id": "activator",
-                tabindex: e(d) || k.readOnly ? -1 : 0,
+                tabindex: e(u) || k.readOnly ? -1 : 0,
                 onClick: W[5] || (W[5] = (o) => et()),
                 onFocus: W[6] || (W[6] = (o) => ht()),
                 onKeydown: [
@@ -2548,10 +2549,10 @@ const yl = /* @__PURE__ */ te({
                 class: f(k.$style.value)
               }, [
                 (n(!0), m(me, null, be(e(J), (o, S) => (n(), m(me, {
-                  key: e(u)(o)
+                  key: e(d)(o)
                 }, [
                   k.chips ? (n(), E(_l, x({
-                    key: e(Ct)(e(u)(o)),
+                    key: e(Ct)(e(d)(o)),
                     tabindex: "-1",
                     size: e(v) ? "sm" : "md",
                     closeable: "",
@@ -2591,7 +2592,7 @@ const yl = /* @__PURE__ */ te({
                 A("input", {
                   ref_key: "textInput",
                   ref: s,
-                  disabled: e(d),
+                  disabled: e(u),
                   value: e(Z),
                   class: f(["bg-transparent outline-none", e(vt)]),
                   type: "text",
@@ -2601,7 +2602,7 @@ const yl = /* @__PURE__ */ te({
                   onFocus: W[2] || (W[2] = (o) => Yt())
                 }, null, 42, Vr)
               ], 2),
-              k.clearable && e(ze) && !e(d) ? (n(), E(ve, {
+              k.clearable && e(ze) && !e(u) ? (n(), E(ve, {
                 key: 1,
                 variant: "text",
                 icon: "",
@@ -2676,7 +2677,7 @@ const yl = /* @__PURE__ */ te({
                     ref_for: !0,
                     ref_key: "renderedOptions",
                     ref: O,
-                    key: (De = e(u)(ye)) == null ? void 0 : De.toString(),
+                    key: (De = e(d)(ye)) == null ? void 0 : De.toString(),
                     active: e(Ve)(ye),
                     size: e(v) ? "sm" : void 0,
                     tabindex: "0",
@@ -2690,13 +2691,13 @@ const yl = /* @__PURE__ */ te({
                     onMousedown: (o) => Re.value = pe
                   }, {
                     prepend: G(() => [
-                      F(k.$slots, "item.prepend", x({ ref_for: !0 }, { disabled: e(d), item: ye, active: e(Ve)(ye) }))
+                      F(k.$slots, "item.prepend", x({ ref_for: !0 }, { disabled: e(u), item: ye, active: e(Ve)(ye) }))
                     ]),
                     append: G(() => [
-                      F(k.$slots, "item.append", x({ ref_for: !0 }, { disabled: e(d), item: ye, active: e(Ve)(ye) }))
+                      F(k.$slots, "item.append", x({ ref_for: !0 }, { disabled: e(u), item: ye, active: e(Ve)(ye) }))
                     ]),
                     default: G(() => [
-                      F(k.$slots, "item", x({ ref_for: !0 }, { disabled: e(d), item: ye, active: e(Ve)(ye) }), () => [
+                      F(k.$slots, "item", x({ ref_for: !0 }, { disabled: e(u), item: ye, active: e(Ve)(ye) }), () => [
                         Ae(ee(e(l)(ye)), 1)
                       ])
                     ]),
@@ -2760,7 +2761,7 @@ const yl = /* @__PURE__ */ te({
   },
   emits: ["update:modelValue", "update:indeterminate"],
   setup(w, { emit: a }) {
-    const r = w, i = a, { size: p, modelValue: c, indeterminate: v, errorMessages: d, successMessages: y } = $e(r), l = U(null), u = M({
+    const r = w, i = a, { size: p, modelValue: c, indeterminate: v, errorMessages: u, successMessages: y } = $e(r), l = U(null), d = M({
       get: () => t(c),
       set: (h) => {
         h && i("update:indeterminate", !1), i("update:modelValue", h);
@@ -2769,13 +2770,13 @@ const yl = /* @__PURE__ */ te({
       const h = t(p);
       return h === "lg" ? 28 : h === "sm" ? 20 : 24;
     }), { hasError: _, hasSuccess: $ } = it(
-      d,
+      u,
       y
     );
     return we(v, (h) => {
       const b = t(l);
       b && (b.checked = !h, h ? b.value = "off" : b.value = "on");
-    }), we(u, (h) => {
+    }), we(d, (h) => {
       const b = t(l);
       b && b.checked !== h && (b.checked = h);
     }), (h, b) => (n(), m("div", Me(Ce(e(nt)(h.$attrs))), [
@@ -2791,12 +2792,12 @@ const yl = /* @__PURE__ */ te({
         Ft(A("input", x({
           ref_key: "el",
           ref: l,
-          "onUpdate:modelValue": b[0] || (b[0] = (T) => ot(u) ? u.value = T : null),
+          "onUpdate:modelValue": b[0] || (b[0] = (T) => ot(d) ? d.value = T : null),
           type: "checkbox",
           class: h.$style.input,
           disabled: h.disabled
         }, e(lt)(h.$attrs, ["onInput", "onClick"])), null, 16, Xr), [
-          [Rs, e(u)]
+          [Rs, e(d)]
         ]),
         A("span", {
           class: f([
@@ -2836,7 +2837,7 @@ const yl = /* @__PURE__ */ te({
       ], 16),
       h.hideDetails ? C("", !0) : (n(), E(dt, {
         key: 0,
-        "error-messages": e(d),
+        "error-messages": e(u),
         "success-messages": e(y),
         hint: h.hint
       }, null, 8, ["error-messages", "success-messages", "hint"]))
@@ -2902,7 +2903,7 @@ const yl = /* @__PURE__ */ te({
       A("div", {
         class: f([c.$style.wrapper, { [c.$style.wrapper__inline]: c.inline }])
       }, [
-        (n(!0), m(me, null, be(e(p), (d, y) => (n(), E(_t(d), x({ ref_for: !0 }, e(hs)(c.$props, ["disabled", "color", "size"]), {
+        (n(!0), m(me, null, be(e(p), (u, y) => (n(), E(_t(u), x({ ref_for: !0 }, e(hs)(c.$props, ["disabled", "color", "size"]), {
           key: y,
           modelValue: a.value,
           "onUpdate:modelValue": v[0] || (v[0] = (l) => a.value = l),
@@ -2946,10 +2947,10 @@ const yl = /* @__PURE__ */ te({
     function v(s) {
       s.target.checked && g(a, t(i));
     }
-    const d = M(() => {
+    const u = M(() => {
       const s = r.size;
       return s === "lg" ? 28 : s === "sm" ? 20 : 24;
-    }), y = M(() => t(a) === t(i)), { hasError: l, hasSuccess: u } = it(
+    }), y = M(() => t(a) === t(i)), { hasError: l, hasSuccess: d } = it(
       c,
       p
     );
@@ -2981,18 +2982,18 @@ const yl = /* @__PURE__ */ te({
               [s.$style.checked]: e(y),
               [s.$style.disabled]: s.disabled,
               [s.$style["with-error"]]: e(l),
-              [s.$style["with-success"]]: e(u) && !e(l)
+              [s.$style["with-success"]]: e(d) && !e(l)
             }
           ])
         }, [
           e(y) ? (n(), E(ne, {
             key: 0,
             name: "lu-radio-button-fill",
-            size: e(d)
+            size: e(u)
           }, null, 8, ["size"])) : (n(), E(ne, {
             key: 1,
             name: "lu-checkbox-blank-circle",
-            size: e(d)
+            size: e(u)
           }, null, 8, ["size"]))
         ], 2),
         A("div", {
@@ -3138,7 +3139,7 @@ const yl = /* @__PURE__ */ te({
     at((R) => ({
       "1a054f4b": e(l)
     }));
-    const a = Ue(w, "modelValue"), r = w, { dense: i, options: p } = $e(r), c = U(), v = U(), { focused: d } = St(v), y = M({
+    const a = Ue(w, "modelValue"), r = w, { dense: i, options: p } = $e(r), c = U(), v = U(), { focused: u } = St(v), y = M({
       get: () => {
         const R = r.keyAttr, X = t(a);
         return R ? r.options.find((j) => j[R] === X) : X;
@@ -3148,7 +3149,7 @@ const yl = /* @__PURE__ */ te({
         g(a, j);
       }
     }), l = M(() => r.label ? `'  ${r.label}  '` : '"\\200B"'), {
-      containerProps: u,
+      containerProps: d,
       wrapperProps: s,
       renderedData: _,
       isOpen: $,
@@ -3170,11 +3171,11 @@ const yl = /* @__PURE__ */ te({
       menuRef: c,
       autoSelectFirst: r.autoSelectFirst
     }), B = M(() => r.variant === "outlined"), q = M(() => (t($) || !!t(y)) && t(B)), I = M(() => ({
-      style: u.style,
-      ref: u.ref
+      style: d.style,
+      ref: d.ref
     }));
     function Z(R, X) {
-      Be(X) && g(V, X), g(y, R), g(d, !0);
+      Be(X) && g(V, X), g(y, R), g(u, !0);
     }
     function ie() {
       g(a, void 0);
@@ -3252,7 +3253,7 @@ const yl = /* @__PURE__ */ te({
             ], 2)) : C("", !0),
             R.clearable && e(y) && !R.disabled ? (n(), m("span", {
               key: 2,
-              class: f(["group-hover:!visible", [R.$style.clear, e(d) && "!visible"]]),
+              class: f(["group-hover:!visible", [R.$style.clear, e(u) && "!visible"]]),
               onClick: X[0] || (X[0] = He((ke) => ie(), ["stop", "prevent"]))
             }, [
               Y(ne, {
@@ -3300,7 +3301,7 @@ const yl = /* @__PURE__ */ te({
           style: { width: `${j}px`, minWidth: e(h) }
         }, e(I), {
           onScroll: X[3] || (X[3] = //@ts-ignore
-          (...Q) => e(u).onScroll && e(u).onScroll(...Q)),
+          (...Q) => e(d).onScroll && e(d).onScroll(...Q)),
           onKeydown: [
             X[4] || (X[4] = Ee(He((Q) => e(D)(!0), ["prevent"]), ["up"])),
             X[5] || (X[5] = Ee(He((Q) => e(D)(!1), ["prevent"]), ["down"]))
@@ -3390,11 +3391,11 @@ const yl = /* @__PURE__ */ te({
       get: () => t(p),
       set: (v) => i("update:model-value", v)
     });
-    return (v, d) => (n(), m("div", x({
+    return (v, u) => (n(), m("div", x({
       class: v.$style.wrapper
     }, v.$attrs), [
       Ft(A("select", {
-        "onUpdate:modelValue": d[0] || (d[0] = (y) => ot(c) ? c.value = y : null),
+        "onUpdate:modelValue": u[0] || (u[0] = (y) => ot(c) ? c.value = y : null),
         class: f([
           v.$style.select,
           v.$style[v.variant ?? "default"],
@@ -3461,7 +3462,7 @@ const yl = /* @__PURE__ */ te({
       ccfa1734: e(h),
       a956ee54: e(q)
     }));
-    const r = w, i = a, { modelValue: p, max: c, min: v, step: d, errorMessages: y, successMessages: l, vertical: u, tickSize: s } = $e(r), _ = M({
+    const r = w, i = a, { modelValue: p, max: c, min: v, step: u, errorMessages: y, successMessages: l, vertical: d, tickSize: s } = $e(r), _ = M({
       get() {
         return t(p);
       },
@@ -3469,7 +3470,7 @@ const yl = /* @__PURE__ */ te({
         i("update:model-value", I);
       }
     }), $ = M(() => {
-      const I = t(v), Z = t(d), R = (t(c) - I) / Z;
+      const I = t(v), Z = t(u), R = (t(c) - I) / Z;
       return [Math.round((t(p) - I) / Z), R];
     }), h = M(() => {
       const [I, Z] = t($);
@@ -3484,7 +3485,7 @@ const yl = /* @__PURE__ */ te({
           I.$style.wrapper,
           {
             [I.$style.disabled]: I.disabled,
-            [I.$style.vertical]: e(u),
+            [I.$style.vertical]: e(d),
             [I.$style[I.color]]: I.color,
             [I.$style["hide-track"]]: I.hideTrack,
             [I.$style["big-tick"]]: e(s) > 4,
@@ -3511,7 +3512,7 @@ const yl = /* @__PURE__ */ te({
               type: "range",
               max: e(c),
               min: e(v),
-              step: e(d),
+              step: e(u),
               disabled: I.disabled
             }, e(lt)(I.$attrs)), null, 16, md), [
               [_s, e(_)]
@@ -3612,14 +3613,14 @@ const yl = /* @__PURE__ */ te({
   },
   emits: ["update:modelValue"],
   setup(w, { emit: a }) {
-    const r = w, i = a, { size: p, modelValue: c, errorMessages: v, successMessages: d } = $e(r);
+    const r = w, i = a, { size: p, modelValue: c, errorMessages: v, successMessages: u } = $e(r);
     function y(s) {
       const _ = s.target.checked;
       i("update:modelValue", _);
     }
-    const { hasError: l, hasSuccess: u } = it(
+    const { hasError: l, hasSuccess: d } = it(
       v,
-      d
+      u
     );
     return (s, _) => (n(), m("div", Me(Ce(e(nt)(s.$attrs))), [
       A("label", {
@@ -3631,7 +3632,7 @@ const yl = /* @__PURE__ */ te({
             [s.$style.checked]: e(c),
             [s.$style.disabled]: s.disabled,
             [s.$style["with-error"]]: e(l),
-            [s.$style["with-success"]]: e(u) && !e(l)
+            [s.$style["with-success"]]: e(d) && !e(l)
           }
         ])
       }, [
@@ -3663,7 +3664,7 @@ const yl = /* @__PURE__ */ te({
         key: 0,
         class: "pt-1",
         "error-messages": e(v),
-        "success-messages": e(d),
+        "success-messages": e(u),
         hint: s.hint
       }, null, 8, ["error-messages", "success-messages", "hint"]))
     ], 16));
@@ -3730,17 +3731,17 @@ const yl = /* @__PURE__ */ te({
     const r = Ue(w, "modelValue"), i = w, p = a, {
       label: c,
       autoGrow: v,
-      clearable: d,
+      clearable: u,
       disabled: y,
       readonly: l,
-      minRows: u,
+      minRows: d,
       maxRows: s,
       noResize: _,
       rowHeight: $,
       errorMessages: h,
       successMessages: b
     } = $e(i), T = U(), H = U(), V = U(), D = U(), O = Zt(), B = M(() => t(c) ? `'  ${t(c)}  '` : '"\\200B"'), q = M(() => {
-      const z = Number(t($)), N = Number(t(u)), L = Number(t(s)), fe = {
+      const z = Number(t($)), N = Number(t(d)), L = Number(t(s)), fe = {
         minHeight: `${N * z + 0.75}rem`
       };
       return L && (fe.maxHeight = `${L * z + 0.75}rem`), fe;
@@ -3753,7 +3754,7 @@ const yl = /* @__PURE__ */ te({
       g(Z, `${L + fe + 24}px`);
     });
     const ie = M(() => i.color ? O[i.color] : void 0), R = Et(
-      d,
+      u,
       r,
       Dt(y),
       Dt(l)
@@ -4000,29 +4001,29 @@ const yl = /* @__PURE__ */ te({
     uniqueKey: { default: void 0 }
   },
   setup(w) {
-    const a = w, r = U(), i = U(!1), p = U(!!a.logo), c = U(!1), d = U({
+    const a = w, r = U(), i = U(!1), p = U(!!a.logo), c = U(!1), u = U({
       app: void 0,
       website: void 0,
       about: void 0,
       emptyScreen: void 0
     }), y = M(() => {
-      const u = t(d), { logo: s } = a;
-      if (!s || !u[s]) {
+      const d = t(u), { logo: s } = a;
+      if (!s || !d[s]) {
         g(p, t(c));
         return;
       }
-      const _ = `https://raw.githubusercontent.com/rotki/data/${a.branch}/assets/icons/${u[s]}`;
+      const _ = `https://raw.githubusercontent.com/rotki/data/${a.branch}/assets/icons/${d[s]}`;
       return a.uniqueKey !== void 0 ? `${_}?key=${a.uniqueKey}` : _;
     });
     async function l() {
-      var u;
+      var d;
       if (a.logo) {
         g(c, !0);
         try {
           const { data: s } = await Os(
             `https://raw.githubusercontent.com/rotki/data/${a.branch}/constants/asset-mappings.json`
-          ), _ = Ws((u = JSON.parse(t(s) ?? "null")) == null ? void 0 : u.logo, "camelCase");
-          _ && g(d, _);
+          ), _ = Ws((d = JSON.parse(t(s) ?? "null")) == null ? void 0 : d.logo, "camelCase");
+          _ && g(u, _);
         } catch {
         }
         g(c, !1);
@@ -4030,23 +4031,23 @@ const yl = /* @__PURE__ */ te({
     }
     return we(
       () => {
-        var u;
-        return (u = t(r)) == null ? void 0 : u.complete;
+        var d;
+        return (d = t(r)) == null ? void 0 : d.complete;
       },
-      (u) => {
+      (d) => {
         var s;
-        u && ((s = t(r)) == null || s.decode().catch(() => g(i, !0)).finally(() => g(p, !1)));
+        d && ((s = t(r)) == null || s.decode().catch(() => g(i, !0)).finally(() => g(p, !1)));
       }
     ), Ss(l), Fs || As(), Ds(async () => {
       await l();
-    }), (u, s) => (n(), m("div", {
+    }), (d, s) => (n(), m("div", {
       class: "gap-x-4 flex items-center relative",
-      style: Ne({ height: `${u.size}rem` })
+      style: Ne({ height: `${d.size}rem` })
     }, [
       !e(y) && e(p) ? (n(), m("div", {
         key: 0,
         class: "h-full transition delay-0 opacity-0",
-        style: Ne({ width: `${u.size}rem` })
+        style: Ne({ width: `${d.size}rem` })
       }, null, 4)) : e(y) && (!e(i) || e(p)) ? (n(), m("img", {
         key: 1,
         ref_key: "customImageRef",
@@ -4055,7 +4056,7 @@ const yl = /* @__PURE__ */ te({
         alt: Kt,
         "data-image": "custom",
         class: "h-full transition ease-out duration-200 delay-100",
-        style: Ne({ width: `${u.size}rem` }),
+        style: Ne({ width: `${d.size}rem` }),
         onError: s[0] || (s[0] = (_) => i.value = !0)
       }, null, 44, xu)) : (n(), m("img", {
         key: 2,
@@ -4063,9 +4064,9 @@ const yl = /* @__PURE__ */ te({
         alt: Kt,
         "data-image": "fallback",
         class: "h-full transition ease-out duration-200 delay-100",
-        style: Ne({ width: `${u.size}rem` })
+        style: Ne({ width: `${d.size}rem` })
       }, null, 12, ec)),
-      u.text ? (n(), m("div", tc, ee(Kt))) : C("", !0)
+      d.text ? (n(), m("div", tc, ee(Kt))) : C("", !0)
     ], 4));
   }
 }), sc = /* @__PURE__ */ te({
@@ -4089,7 +4090,7 @@ const yl = /* @__PURE__ */ te({
       "996a979c": e(p),
       "996a979a": e(c)
     }));
-    const a = w, r = st(), { modelValue: i, offsetX: p, offsetY: c, icon: v, text: d } = $e(a), y = At(v, r.icon), l = At(d, r.badge), u = Et(y, l);
+    const a = w, r = st(), { modelValue: i, offsetX: p, offsetY: c, icon: v, text: u } = $e(a), y = At(v, r.icon), l = At(u, r.badge), d = Et(y, l);
     return (s, _) => (n(), m("div", {
       class: f(s.$style.wrapper)
     }, [
@@ -4124,12 +4125,12 @@ const yl = /* @__PURE__ */ te({
               class: f([
                 s.$style.content,
                 {
-                  [s.$style.text_icon]: e(u)
+                  [s.$style.text_icon]: e(d)
                 }
               ])
             }, [
               F(s.$slots, "badge", {}, () => [
-                A("span", null, ee(e(d)), 1)
+                A("span", null, ee(e(u)), 1)
               ]),
               F(s.$slots, "icon", {}, () => [
                 e(v) ? (n(), E(ne, {
@@ -4195,7 +4196,7 @@ const yl = /* @__PURE__ */ te({
       modelValue: p,
       width: c,
       maxWidth: v,
-      bottomSheet: d
+      bottomSheet: u
     } = $e(r), y = U(!1), l = U(!1);
     rt(p, (V) => {
       Je(() => {
@@ -4208,12 +4209,12 @@ const yl = /* @__PURE__ */ te({
         g(l, V);
       }, 100);
     });
-    function u(V) {
+    function d(V) {
       i("update:model-value", V), V || i("closed");
     }
     we(l, (V) => {
-      V ? (u(V), g(y, V)) : setTimeout(() => {
-        u(V), g(y, V);
+      V ? (d(V), g(y, V)) : setTimeout(() => {
+        d(V), g(y, V);
       }, 100);
     });
     function s() {
@@ -4231,9 +4232,9 @@ const yl = /* @__PURE__ */ te({
     const h = M(() => ({
       onClick: () => {
         const V = !t(y);
-        g(y, V), u(V);
+        g(y, V), d(V);
       }
-    })), b = M(() => t(d) ? {
+    })), b = M(() => t(u) ? {
       enterFromClass: "translate-y-full",
       enterActiveClass: "ease-out duration-150",
       enterToClass: "translate-y-0",
@@ -4291,7 +4292,7 @@ const yl = /* @__PURE__ */ te({
                 ref: $,
                 style: Ne(e(_)),
                 tabindex: "0",
-                class: f([V.$style.content, V.contentClass, { [V.$style.center]: !e(d) }])
+                class: f([V.$style.content, V.contentClass, { [V.$style.center]: !e(u) }])
               }, [
                 F(V.$slots, "default", Me(Ce({ isOpen: e(l), close: s })))
               ], 6)) : C("", !0)
@@ -4350,7 +4351,7 @@ const yl = /* @__PURE__ */ te({
       modelValue: p,
       position: c,
       miniVariant: v,
-      width: d
+      width: u
     } = $e(r);
     function y(h) {
       i("update:model-value", h), h || i("closed");
@@ -4361,15 +4362,15 @@ const yl = /* @__PURE__ */ te({
     }), we(l, (h) => {
       y(h);
     });
-    function u() {
+    function d() {
       g(l, !1);
     }
     const s = M(() => ({
-      width: Lt(t(d))
+      width: Lt(t(u))
     })), _ = U(null);
     ys(_, () => {
       t(l) && r.temporary && !r.stateless && setTimeout(() => {
-        u();
+        d();
       }, 50);
     });
     const $ = M(() => ({
@@ -4394,7 +4395,7 @@ const yl = /* @__PURE__ */ te({
             l.value ? (n(), m("div", {
               key: 0,
               class: f(h.$style.overlay),
-              onClick: b[0] || (b[0] = He((T) => u(), ["stop"]))
+              onClick: b[0] || (b[0] = He((T) => d(), ["stop"]))
             }, null, 2)) : C("", !0)
           ]),
           _: 1
@@ -4415,7 +4416,7 @@ const yl = /* @__PURE__ */ te({
             }
           ]
         }, e(nt)(h.$attrs)), [
-          F(h.$slots, "default", Me(Ce({ attrs: e($), close: u })))
+          F(h.$slots, "default", Me(Ce({ attrs: e($), close: d })))
         ], 16)
       ]))
     ]));
@@ -4443,7 +4444,7 @@ const yl = /* @__PURE__ */ te({
   },
   emits: ["update:model-value"],
   setup(w, { emit: a }) {
-    const r = w, i = a, { timeout: p, modelValue: c, width: v } = $e(r), d = M(() => ({
+    const r = w, i = a, { timeout: p, modelValue: c, width: v } = $e(r), u = M(() => ({
       width: Lt(t(v))
     }));
     function y() {
@@ -4452,11 +4453,11 @@ const yl = /* @__PURE__ */ te({
     return rt(c, (l) => {
       if (!l)
         return;
-      const u = t(p);
-      u > 0 && setTimeout(() => {
+      const d = t(p);
+      d > 0 && setTimeout(() => {
         i("update:model-value", !1);
-      }, u);
-    }), (l, u) => (n(), E(It, { to: "body" }, [
+      }, d);
+    }), (l, d) => (n(), E(It, { to: "body" }, [
       Y(ft, {
         "enter-from-class": "opacity-0",
         "enter-active-class": "ease-out duration-150",
@@ -4473,9 +4474,9 @@ const yl = /* @__PURE__ */ te({
               "bg-white text-rui-light-text": l.theme === "light",
               "bg-[#363636] text-rui-dark-text": l.theme === "dark"
             }],
-            style: e(d)
+            style: e(u)
           }, l.$attrs, {
-            onClick: u[0] || (u[0] = (s) => y())
+            onClick: d[0] || (d[0] = (s) => y())
           }), [
             F(l.$slots, "default")
           ], 16)) : C("", !0)
@@ -4497,41 +4498,41 @@ const yl = /* @__PURE__ */ te({
   emits: ["update:modelValue"],
   setup(w, { emit: a }) {
     const r = w, i = a, { modelValue: p, pages: c } = $e(r);
-    function v(u) {
-      i("update:modelValue", t(p) + u);
+    function v(d) {
+      i("update:modelValue", t(p) + d);
     }
-    function d() {
+    function u() {
       t(p) && v(-1);
     }
     function y() {
       t(p) < t(c) && v(1);
     }
-    function l(u) {
-      v(u - t(p));
+    function l(d) {
+      v(d - t(p));
     }
-    return (u, s) => (n(), m("div", {
-      class: f([u.$style["footer-stepper"], u.$style[u.variant ?? ""]])
+    return (d, s) => (n(), m("div", {
+      class: f([d.$style["footer-stepper"], d.$style[d.variant ?? ""]])
     }, [
-      u.variant === "pill" ? (n(), m("div", {
+      d.variant === "pill" ? (n(), m("div", {
         key: 0,
-        class: f(u.$style.pills)
+        class: f(d.$style.pills)
       }, [
         (n(!0), m(me, null, be(e(c), (_) => (n(), m("span", {
           key: _,
-          class: f([u.$style.pill, { [u.$style.active]: e(p) === _ }])
+          class: f([d.$style.pill, { [d.$style.active]: e(p) === _ }])
         }, null, 2))), 128))
       ], 2)) : (n(), m(me, { key: 1 }, [
-        u.hideButtons ? C("", !0) : (n(), E(ve, {
+        d.hideButtons ? C("", !0) : (n(), E(ve, {
           key: 0,
-          class: f({ [u.$style.arrow__button]: u.arrowButtons }),
+          class: f({ [d.$style.arrow__button]: d.arrowButtons }),
           disabled: e(p) <= 1,
-          icon: u.arrowButtons,
-          variant: u.arrowButtons ? "outlined" : "text",
+          icon: d.arrowButtons,
+          variant: d.arrowButtons ? "outlined" : "text",
           color: "primary",
-          onClick: s[0] || (s[0] = (_) => d())
+          onClick: s[0] || (s[0] = (_) => u())
         }, Ze({
           default: G(() => [
-            u.arrowButtons ? (n(), E(ne, {
+            d.arrowButtons ? (n(), E(ne, {
               key: 1,
               size: 24,
               name: "lu-arrow-left"
@@ -4539,7 +4540,7 @@ const yl = /* @__PURE__ */ te({
           ]),
           _: 2
         }, [
-          u.arrowButtons ? void 0 : {
+          d.arrowButtons ? void 0 : {
             name: "prepend",
             fn: G(() => [
               Y(ne, {
@@ -4550,35 +4551,35 @@ const yl = /* @__PURE__ */ te({
             key: "0"
           }
         ]), 1032, ["class", "disabled", "icon", "variant"])),
-        u.variant === "numeric" ? (n(), m("span", {
+        d.variant === "numeric" ? (n(), m("span", {
           key: 1,
-          class: f(u.$style.numeric)
-        }, ee(e(p)) + "/" + ee(e(c)), 3)) : u.variant === "bullet" ? (n(), m("div", {
+          class: f(d.$style.numeric)
+        }, ee(e(p)) + "/" + ee(e(c)), 3)) : d.variant === "bullet" ? (n(), m("div", {
           key: 2,
-          class: f(u.$style.bullets)
+          class: f(d.$style.bullets)
         }, [
           (n(!0), m(me, null, be(e(c), (_) => (n(), m("span", {
             key: _,
-            class: f([u.$style.bullet, { [u.$style.active]: e(p) === _ }]),
+            class: f([d.$style.bullet, { [d.$style.active]: e(p) === _ }]),
             onClick: ($) => l(_)
           }, null, 10, Gc))), 128))
-        ], 2)) : u.variant === "progress" ? (n(), E(mt, {
+        ], 2)) : d.variant === "progress" ? (n(), E(mt, {
           key: 3,
-          class: f(u.$style.progress),
+          class: f(d.$style.progress),
           color: "primary",
           value: e(p) / e(c) * 100
         }, null, 8, ["class", "value"])) : C("", !0),
-        u.hideButtons ? C("", !0) : (n(), E(ve, {
+        d.hideButtons ? C("", !0) : (n(), E(ve, {
           key: 4,
-          class: f({ [u.$style.arrow__button]: u.arrowButtons }),
+          class: f({ [d.$style.arrow__button]: d.arrowButtons }),
           disabled: e(p) >= e(c),
-          icon: u.arrowButtons,
-          variant: u.arrowButtons ? "outlined" : "text",
+          icon: d.arrowButtons,
+          variant: d.arrowButtons ? "outlined" : "text",
           color: "primary",
           onClick: s[1] || (s[1] = (_) => y())
         }, Ze({
           default: G(() => [
-            u.arrowButtons ? (n(), E(ne, {
+            d.arrowButtons ? (n(), E(ne, {
               key: 1,
               size: 24,
               name: "lu-arrow-right"
@@ -4586,7 +4587,7 @@ const yl = /* @__PURE__ */ te({
           ]),
           _: 2
         }, [
-          u.arrowButtons ? void 0 : {
+          d.arrowButtons ? void 0 : {
             name: "append",
             fn: G(() => [
               Y(ne, {
@@ -4701,29 +4702,29 @@ const yl = /* @__PURE__ */ te({
     keepActiveVisible: { type: Boolean, default: !0 }
   },
   setup(w) {
-    const a = w, { custom: r, steps: i, step: p, orientation: c, keepActiveVisible: v } = $e(a), d = M(() => {
-      const l = t(p), u = t(i);
-      return Be(l) ? u.map((s, _) => {
+    const a = w, { custom: r, steps: i, step: p, orientation: c, keepActiveVisible: v } = $e(a), u = M(() => {
+      const l = t(p), d = t(i);
+      return Be(l) ? d.map((s, _) => {
         let $ = Pe.inactive;
         return _ + 1 === l && ($ = Pe.active), _ + 1 < l && ($ = Pe.done), {
           ...s,
           state: $
         };
-      }) : u;
+      }) : d;
     }), y = U();
     return we(p, () => {
       !t(v) || t(c) !== ds.horizontal || Je(() => {
-        var u;
+        var d;
         const l = t(y);
         if (l) {
           const s = l.querySelector(".active-step");
-          (u = s == null ? void 0 : s.scrollIntoView) == null || u.call(s, {
+          (d = s == null ? void 0 : s.scrollIntoView) == null || d.call(s, {
             behavior: "smooth",
             inline: "center"
           });
         }
       });
-    }), (l, u) => (n(), m("div", {
+    }), (l, d) => (n(), m("div", {
       ref_key: "wrapperRef",
       ref: y,
       class: f([[
@@ -4732,7 +4733,7 @@ const yl = /* @__PURE__ */ te({
         { [l.$style["icon-top"]]: l.iconTop, [l.$style.custom]: e(r) }
       ], "no-scrollbar overflow-auto"])
     }, [
-      (n(!0), m(me, null, be(e(d), ({ title: s, description: _, state: $, loading: h }, b) => (n(), m(me, { key: b }, [
+      (n(!0), m(me, null, be(e(u), ({ title: s, description: _, state: $, loading: h }, b) => (n(), m(me, { key: b }, [
         b > 0 ? (n(), m("hr", {
           key: 0,
           class: f(l.$style.divider)
@@ -4865,22 +4866,22 @@ const yl = /* @__PURE__ */ te({
   emits: ["select:all", "sort"],
   setup(w, { emit: a }) {
     const r = w, i = a;
-    function p({ key: l, direction: u }) {
+    function p({ key: l, direction: d }) {
       return i("sort", {
         key: l,
-        direction: u ?? "asc"
+        direction: d ?? "asc"
       });
     }
     const c = (l) => i("select:all", l), v = (l) => l in r.sortedMap;
-    function d(l) {
-      const u = r.sortData;
-      return !u || !Array.isArray(u) || !v(l) ? -1 : u.findIndex((s) => s.column === l);
+    function u(l) {
+      const d = r.sortData;
+      return !d || !Array.isArray(d) || !v(l) ? -1 : d.findIndex((s) => s.column === l);
     }
     function y(l) {
-      var u;
-      return (u = r.sortedMap[l]) == null ? void 0 : u.direction;
+      var d;
+      return (d = r.sortedMap[l]) == null ? void 0 : d.direction;
     }
-    return (l, u) => (n(), m("thead", {
+    return (l, d) => (n(), m("thead", {
       "data-id": l.dataId,
       class: f([
         l.$style.thead,
@@ -4909,7 +4910,7 @@ const yl = /* @__PURE__ */ te({
             color: "primary",
             "data-cy": "table-toggle-check-all",
             "hide-details": "",
-            "onUpdate:modelValue": u[0] || (u[0] = (s) => c(s))
+            "onUpdate:modelValue": d[0] || (d[0] = (s) => c(s))
           }, null, 8, ["disabled", "indeterminate", "model-value", "size"])
         ], 2)) : C("", !0),
         (n(!0), m(me, null, be(l.columns, (s, _) => (n(), m("th", {
@@ -4930,8 +4931,8 @@ const yl = /* @__PURE__ */ te({
           F(l.$slots, `header.${s.key.toString()}`, { column: s }, () => [
             s.sortable ? (n(), E(Vc, {
               key: 0,
-              "model-value": d(s.key) >= 0,
-              text: `${d(s.key) + 1}`,
+              "model-value": u(s.key) >= 0,
+              text: `${u(s.key) + 1}`,
               "offset-y": l.dense ? 8 : 0,
               color: "secondary",
               size: "sm"
@@ -5050,7 +5051,7 @@ const yl = /* @__PURE__ */ te({
   },
   emits: ["update:model-value"],
   setup(w, { emit: a }) {
-    const r = w, i = a, { modelValue: p } = $e(r), c = bs(), v = M(() => (t(p).limits ?? t(c.limits)).map((B) => ({ limit: B }))), d = M({
+    const r = w, i = a, { modelValue: p } = $e(r), c = bs(), v = M(() => (t(p).limits ?? t(c.limits)).map((B) => ({ limit: B }))), u = M({
       get: () => t(p).limit,
       set: (B) => i("update:model-value", {
         ...t(p),
@@ -5065,7 +5066,7 @@ const yl = /* @__PURE__ */ te({
       for (let q = 1; q <= t(y); q++)
         B.push({ page: q, text: b(q) });
       return B;
-    }), u = M(() => {
+    }), d = M(() => {
       const { total: B } = t(p);
       return `${B ? "" : "0 "}of ${Gt(B)}`;
     }), s = M({
@@ -5112,8 +5113,8 @@ const yl = /* @__PURE__ */ te({
           class: f(B.$style.limit__text)
         }, "Rows per page:", 2),
         Y(us, {
-          modelValue: e(d),
-          "onUpdate:modelValue": q[0] || (q[0] = (I) => ot(d) ? d.value = I : null),
+          modelValue: e(u),
+          "onUpdate:modelValue": q[0] || (q[0] = (I) => ot(u) ? u.value = I : null),
           options: e(v),
           disabled: B.loading || B.disablePerPage,
           "label-class": "!text-xs !min-h-8",
@@ -5145,7 +5146,7 @@ const yl = /* @__PURE__ */ te({
         }, null, 8, ["modelValue", "options", "disabled"])) : C("", !0),
         A("span", {
           class: f(B.$style.indicator)
-        }, ee(e(u)), 3)
+        }, ee(e(d)), 3)
       ], 2),
       A("div", {
         class: f(B.$style.navigation)
@@ -5251,7 +5252,7 @@ const yl = /* @__PURE__ */ te({
   },
   emits: ["update:model-value", "update:expanded", "update:pagination", "update:sort", "update:options", "update:group", "update:collapsed", "copy:group"],
   setup(w, { emit: a }) {
-    const r = w, i = a, p = st(), { stickyHeader: c, collapsed: v, modelValue: d, disabledRows: y } = $e(r), l = bs(), { isDark: u } = gs(), s = M(() => r.stickyOffset !== void 0 ? r.stickyOffset : t(l.stickyOffset));
+    const r = w, i = a, p = st(), { stickyHeader: c, collapsed: v, modelValue: u, disabledRows: y } = $e(r), l = bs(), { isDark: d } = gs(), s = M(() => r.stickyOffset !== void 0 ? r.stickyOffset : t(l.stickyOffset));
     function _(o) {
       return !("__header__" in o);
     }
@@ -5290,13 +5291,13 @@ const yl = /* @__PURE__ */ te({
       );
     }), ie = U(0), R = M({
       get() {
-        return t(d);
+        return t(u);
       },
       set(o) {
         i("update:model-value", o);
       }
     }), X = U([]);
-    rt(d, (o) => {
+    rt(u, (o) => {
       g(X, o);
     });
     const j = M(() => r.rowAttr), Q = U(), J = U([]), ze = M(() => r.pagination);
@@ -5862,7 +5863,7 @@ const yl = /* @__PURE__ */ te({
                           class: f(o.$style.empty)
                         }, [
                           A("img", {
-                            src: e(u) ? e(I2) : e(D2),
+                            src: e(d) ? e(I2) : e(D2),
                             alt: o.empty.label,
                             class: "h-32"
                           }, null, 8, F2),
@@ -5990,7 +5991,7 @@ const yl = /* @__PURE__ */ te({
   emits: ["update:modelValue"],
   setup(w) {
     at((s) => ({
-      "1ef23b00": e(u)
+      "1ef23b00": e(d)
     }));
     const a = Ue(w, "modelValue"), r = st(), i = U(!1), p = U(-1), c = U(-1);
     we(p, (s) => {
@@ -6001,7 +6002,7 @@ const yl = /* @__PURE__ */ te({
     function v(s) {
       return s.flatMap((_) => _.type === me && Array.isArray(_.children) && _.children.length > 0 ? v(_.children.filter(qt)) : [_]).flat();
     }
-    const d = M(() => {
+    const u = M(() => {
       var b;
       const s = ((b = r.default) == null ? void 0 : b.call(r)) ?? [], _ = v(s);
       let $ = !1;
@@ -6017,7 +6018,7 @@ const yl = /* @__PURE__ */ te({
         };
       });
       return $ || g(p, -1), h;
-    }), y = U(), l = U(), { height: u } = Rt(l);
+    }), y = U(), l = U(), { height: d } = Rt(l);
     return (s, _) => (n(), m("div", x({
       ref_key: "wrapper",
       ref: y,
@@ -6027,7 +6028,7 @@ const yl = /* @__PURE__ */ te({
         ref_key: "inner",
         ref: l
       }, [
-        (n(!0), m(me, null, be(e(d), ($, h) => (n(), E(_t($), {
+        (n(!0), m(me, null, be(e(u), ($, h) => (n(), E(_t($), {
           key: h,
           reverse: e(i),
           active: h === e(c)
@@ -6061,15 +6062,15 @@ const yl = /* @__PURE__ */ te({
   },
   emits: ["click"],
   setup(w, { emit: a }) {
-    const r = w, i = a, p = st(), { target: c, grow: v, active: d, activeClass: y, disabled: l, vertical: u, align: s, value: _, indicatorPosition: $ } = $e(r), h = Zt(), b = M(() => t(c) === "_self"), T = M(() => [
+    const r = w, i = a, p = st(), { target: c, grow: v, active: u, activeClass: y, disabled: l, vertical: d, align: s, value: _, indicatorPosition: $ } = $e(r), h = Zt(), b = M(() => t(c) === "_self"), T = M(() => [
       h.tab,
       h[`tab--${t(s)}`],
       h[`tab-indicator--${t($)}`],
       {
         [h["tab--grow"]]: t(v),
-        [`${h["tab--active"]} active-tab ${t(y)}`]: t(d),
+        [`${h["tab--active"]} active-tab ${t(y)}`]: t(u),
         [h["tab--disabled"]]: t(l),
-        [h["tab--vertical"]]: t(u)
+        [h["tab--vertical"]]: t(d)
       }
     ]);
     function H() {
@@ -6105,7 +6106,7 @@ const yl = /* @__PURE__ */ te({
                 [`${e(h)["tab--active"]} active-tab-link`]: V.exact ? Z : I
               }
             ],
-            color: e(d) || (V.exact ? Z : I) ? V.color : void 0,
+            color: e(u) || (V.exact ? Z : I) ? V.color : void 0,
             href: e(b) ? void 0 : B,
             target: e(c),
             role: "tab",
@@ -6128,7 +6129,7 @@ const yl = /* @__PURE__ */ te({
       }, 8, ["to", "exact", "exact-path"])) : (n(), E(ve, x({
         key: 1,
         class: e(T),
-        color: e(d) ? V.color : void 0,
+        color: e(u) ? V.color : void 0,
         role: "tab"
       }, V.$attrs, {
         variant: "text",
@@ -6169,7 +6170,7 @@ const yl = /* @__PURE__ */ te({
   },
   emits: ["update:modelValue"],
   setup(w, { emit: a }) {
-    const r = w, i = a, { color: p, grow: c, modelValue: v, disabled: d, vertical: y, align: l, indicatorPosition: u } = $e(r), s = U(), _ = U(), $ = U(), h = U(!1);
+    const r = w, i = a, { color: p, grow: c, modelValue: v, disabled: u, vertical: y, align: l, indicatorPosition: d } = $e(r), s = U(), _ = U(), $ = U(), h = U(!1);
     function b(oe) {
       return oe.flatMap((se) => se.type === me && Array.isArray(se.children) && se.children.length > 0 ? b(se.children.filter(qt)) : [se]).flat();
     }
@@ -6178,10 +6179,10 @@ const yl = /* @__PURE__ */ te({
       const oe = ((ue = T.default) == null ? void 0 : ue.call(T)) ?? [], se = b(oe), ge = t(s), Se = {
         color: t(p),
         grow: t(c),
-        disabled: t(d),
+        disabled: t(u),
         vertical: t(y),
         align: t(l),
-        indicatorPosition: t(u)
+        indicatorPosition: t(d)
       };
       return se.map((he, je) => {
         var qe, tt, Ge;
@@ -6394,12 +6395,12 @@ const yl = /* @__PURE__ */ te({
       minute: 5,
       second: 5,
       millisecond: 100
-    }, c = U(q()), v = U(I()), d = U(Z()), y = U(ie()), l = U("hour"), u = U(!1), s = Ts("clockFace"), _ = M(() => r.accuracy === pt.SECOND || r.accuracy === pt.MILLISECOND), $ = M(() => r.accuracy === pt.MILLISECOND), h = M(() => t(c) >= Ke ? "PM" : "AM"), b = M(() => {
+    }, c = U(q()), v = U(I()), u = U(Z()), y = U(ie()), l = U("hour"), d = U(!1), s = Ts("clockFace"), _ = M(() => r.accuracy === pt.SECOND || r.accuracy === pt.MILLISECOND), $ = M(() => r.accuracy === pt.MILLISECOND), h = M(() => t(c) >= Ke ? "PM" : "AM"), b = M(() => {
       const z = t(c) % Ke;
       return z === 0 ? Ke : z;
     }), T = M(() => {
       const z = t(l);
-      return z === "hour" ? t(b) : z === "minute" ? t(v) : z === "second" ? t(d) : t(y);
+      return z === "hour" ? t(b) : z === "minute" ? t(v) : z === "second" ? t(u) : t(y);
     }), H = M(() => {
       const z = t(l);
       if (z === "hour")
@@ -6480,9 +6481,9 @@ const yl = /* @__PURE__ */ te({
       t(c) < Ke ? g(c, t(c) + Ke) : g(c, t(c) - Ke), ae();
     }
     function ze(z) {
-      z.preventDefault(), g(u, !0);
+      z.preventDefault(), g(d, !0);
       const N = (fe) => {
-        if (!t(u) || !Be(s))
+        if (!t(d) || !Be(s))
           return;
         const Ve = t(s).getBoundingClientRect(), Te = Ve.left + Ve.width / 2, Re = Ve.top + Ve.height / 2;
         let Oe, xe;
@@ -6494,10 +6495,10 @@ const yl = /* @__PURE__ */ te({
         if (Se === "hour") {
           let he;
           he = ue, he === 0 && (he = Ke), t(h) === "PM" && he < Ke ? he += Ke : t(h) === "AM" && he === Ke && (he = 0), g(c, he);
-        } else Se === "minute" ? g(v, ue) : Se === "second" ? g(d, ue) : g(y, ue);
+        } else Se === "minute" ? g(v, ue) : Se === "second" ? g(u, ue) : g(y, ue);
         ae();
       }, L = () => {
-        g(u, !1), document.removeEventListener("mousemove", N), document.removeEventListener("touchmove", N), document.removeEventListener("mouseup", L), document.removeEventListener("touchend", L), t(l) === "hour" ? g(l, "minute") : t(_) && t(l) === "minute" ? g(l, "second") : t($) && t(l) === "second" && g(l, "millisecond");
+        g(d, !1), document.removeEventListener("mousemove", N), document.removeEventListener("touchmove", N), document.removeEventListener("mouseup", L), document.removeEventListener("touchend", L), t(l) === "hour" ? g(l, "minute") : t(_) && t(l) === "minute" ? g(l, "second") : t($) && t(l) === "second" && g(l, "millisecond");
       };
       document.addEventListener("mousemove", N), document.addEventListener("touchmove", N), document.addEventListener("mouseup", L), document.addEventListener("touchend", L), N(z);
     }
@@ -6506,7 +6507,7 @@ const yl = /* @__PURE__ */ te({
       if (N === "hour") {
         let L = z;
         t(h) === "PM" && L < Ke && (L += Ke), g(c, L), g(l, "minute");
-      } else N === "minute" ? (g(v, z), t(_) && g(l, "second")) : N === "second" ? (g(d, z), t($) && g(l, "millisecond")) : N === "millisecond" && g(y, z);
+      } else N === "minute" ? (g(v, z), t(_) && g(l, "second")) : N === "second" ? (g(u, z), t($) && g(l, "millisecond")) : N === "millisecond" && g(y, z);
       ae();
     }
     function ae() {
@@ -6514,12 +6515,12 @@ const yl = /* @__PURE__ */ te({
       if (!z)
         return;
       const N = new Date(z);
-      N.setHours(t(c)), N.setMinutes(t(v)), N.setSeconds(t(d)), N.setMilliseconds(t(y)), g(a, N);
+      N.setHours(t(c)), N.setMinutes(t(v)), N.setSeconds(t(u)), N.setMilliseconds(t(y)), g(a, N);
     }
     return yt(() => {
-      g(c, q()), g(v, I()), g(d, Z()), g(y, ie()), g(l, "hour");
+      g(c, q()), g(v, I()), g(u, Z()), g(y, ie()), g(l, "hour");
     }), we(a, () => {
-      g(c, q()), g(v, I()), g(d, Z()), g(y, ie());
+      g(c, q()), g(v, I()), g(u, Z()), g(y, ie());
     }, { deep: !0 }), (z, N) => (n(), m("div", {
       class: f({
         [z.$style["rui-timepicker"]]: !0,
@@ -6553,7 +6554,7 @@ const yl = /* @__PURE__ */ te({
               [z.$style.active]: l.value === "second"
             }),
             onClick: N[2] || (N[2] = (L) => l.value = "second")
-          }, ee(X(d.value)), 3)) : C("", !0),
+          }, ee(X(u.value)), 3)) : C("", !0),
           $.value ? (n(), m("div", Pp, " . ")) : C("", !0),
           $.value ? (n(), m("div", {
             key: 3,