@rotki/ui-library 1.8.4 → 1.9.0

package/dist/components/index.es.js

@@ -1,14 +1,14 @@
-import { defineComponent as J, computed as B, openBlock as s, createElementBlock as _, normalizeClass as p, Fragment as he, renderList as ke, unref as e, createBlock as P, resolveDynamicComponent as lt, mergeProps as G, useCssVars as st, toRefs as pe, createElementVNode as S, createCommentVNode as g, toDisplayString as se, withCtx as W, renderSlot as D, createVNode as L, createTextVNode as Ae, withModifiers as Ie, TransitionGroup as Qt, ref as E, watch as ge, withKeys as Pe, normalizeProps as $e, guardReactiveProps as be, Teleport as Bt, mergeModels as et, useModel as Qe, useSlots as Je, nextTick as Ye, isRef as tt, normalizeStyle as Ge, useCssModule as Xt, isVNode as Pt, withDirectives as qt, vModelCheckbox as bs, vModelText as ls, onMounted as $t, Transition as pt, createSlots as Ke, watchEffect as vs, useSSRContext as gs, onServerPrefetch as ks, vModelSelect as ws, resolveComponent as Cs, onUnmounted as zs, reactive as Yt, getCurrentInstance as rs } from "vue";
+import { defineComponent as Y, computed as A, openBlock as s, createElementBlock as _, normalizeClass as p, Fragment as he, renderList as ke, unref as e, createBlock as P, resolveDynamicComponent as lt, mergeProps as G, useCssVars as st, toRefs as pe, createElementVNode as S, createCommentVNode as k, toDisplayString as se, withCtx as N, renderSlot as D, createVNode as L, createTextVNode as Ae, withModifiers as Ie, TransitionGroup as Qt, ref as W, watch as ge, withKeys as Pe, normalizeProps as be, guardReactiveProps as $e, Teleport as Bt, mergeModels as et, useModel as Qe, useSlots as Je, nextTick as Ye, isRef as tt, normalizeStyle as Ge, useCssModule as Xt, isVNode as Pt, withDirectives as qt, vModelCheckbox as $s, vModelText as ls, onMounted as bt, Transition as pt, createSlots as Ke, watchEffect as vs, useSSRContext as gs, onServerPrefetch as ks, vModelSelect as ws, resolveComponent as Cs, onUnmounted as zs, reactive as Yt, getCurrentInstance as rs } from "vue";
 import { isRuiIcon as Ms } from "../icons/index.es.js";
-import { u as Vs, a as is, b as Rs, c as ds, d as us, e as Bs } from "../composables/index-D0JjQG2m.js";
-import { useElementSize as zt, onClickOutside as cs, useFocusWithin as Zt, refDebounced as Dt, useFocus as Ht, isDefined as Mt, watchDebounced as As, useElementBounding as ps, useResizeObserver as Vt, watchImmediate as at, useFetch as Ss, useScroll as js, watchTriggerable as xt, whenever as Jt, useDebounceFn as es, useClipboard as Is } from "@vueuse/core";
+import { u as Vs, a as is, b as Rs, c as ds, d as us, e as Bs } from "../composables/index-BWYjmHnW.js";
+import { useElementSize as zt, onClickOutside as cs, useFocusWithin as Zt, useFocus as Ht, refDebounced as Dt, isDefined as Mt, watchDebounced as As, useElementBounding as ps, useResizeObserver as Vt, watchImmediate as at, useFetch as Ss, useScroll as js, watchTriggerable as xt, whenever as Jt, useDebounceFn as es, useClipboard as Is } from "@vueuse/core";
 import { get as t, objectOmit as Ds, set as w, objectPick as _s, isClient as Ts, throttleFilter as ts, clamp as mt } from "@vueuse/shared";
 import { u as rt, g as wt, i as Ps, a as Ze, b as nt, t as Tt, c as fs, d as qs, f as Ft } from "../utils/index-Cps3W0wA.js";
 import { logicOr as ht, logicNot as Rt, logicAnd as Ot } from "@vueuse/math";
 import { S as je, a as ss } from "../types/index-DSBIGM2a.js";
 import { useRoute as Hs, useRouter as Os } from "vue-router";
 import { t as Ne } from "../vendor-BRFX1hnB.js";
-const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
+const Ls = ["height", "width"], Ns = /* @__PURE__ */ Y({
   name: "RuiIcon",
   __name: "RuiIcon",
   props: {
@@ -17,7 +17,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     color: { default: void 0 }
   },
   setup(z) {
-    const a = z, { registeredIcons: l } = Vs(), d = B(() => a.name.startsWith("lu-")), u = B(() => a.name.endsWith("-fill")), f = B(() => {
+    const a = z, { registeredIcons: l } = Vs(), d = A(() => a.name.startsWith("lu-")), u = A(() => a.name.endsWith("-fill")), f = A(() => {
       const h = a.name;
       Ms(h) || console.warn(`icon ${h} must be a valid RuiIcon`);
       const y = `${t(d) ? "" : "ri-"}${h}`, r = l[y];
@@ -63,7 +63,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   return l;
 }, Ys = {
   $style: Xs
-}, ee = /* @__PURE__ */ le(Ns, [["__cssModules", Ys]]), Js = ["aria-valuenow"], Zs = ["viewBox"], xs = ["stroke-width"], en = /* @__PURE__ */ J({
+}, ee = /* @__PURE__ */ le(Ns, [["__cssModules", Ys]]), Js = ["aria-valuenow"], Zs = ["viewBox"], xs = ["stroke-width"], en = /* @__PURE__ */ Y({
   name: "RuiProgress",
   __name: "RuiProgress",
   props: {
@@ -84,13 +84,13 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       "60cde3b0": e(n),
       "028a8b82": e(r)
     }));
-    const a = z, { variant: l, value: d, bufferValue: u, thickness: f, size: h } = pe(a), c = B(
+    const a = z, { variant: l, value: d, bufferValue: u, thickness: f, size: h } = pe(a), c = A(
       () => Math.max(0, Math.min(t(d) ?? 100, 100))
-    ), y = B(() => `${Math.floor(t(c))}%`), r = B(() => -100 + t(c)), i = B(() => `${t(r)}%`), n = B(
+    ), y = A(() => `${Math.floor(t(c))}%`), r = A(() => -100 + t(c)), i = A(() => `${t(r)}%`), n = A(
       () => `${-100 + Math.max(0, Math.min(t(u) ?? 100, 100))}%`
-    ), b = B(
+    ), $ = A(
       () => +t(f) * 32 / +t(h)
-    ), M = B(() => 40 + t(b));
+    ), M = A(() => 40 + t($));
     return (m, R) => (s(), _("div", {
       class: p([
         m.$style.wrapper,
@@ -118,13 +118,13 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
             cy: "50%",
             fill: "none",
             r: "20",
-            "stroke-width": e(b)
+            "stroke-width": e($)
           }, null, 8, xs)
         ], 8, Zs)) : (s(), _(he, { key: 1 }, [
           e(l) === "buffer" ? (s(), _("div", {
             key: 0,
             class: p(m.$style["buffer-dots"])
-          }, null, 2)) : g("", !0),
+          }, null, 2)) : k("", !0),
           S("div", {
             class: p([m.$style.rail, { [m.$style["buffer-rail"]]: e(l) === "buffer" }])
           }, null, 2),
@@ -136,7 +136,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       m.showLabel && e(l) !== "indeterminate" ? (s(), _("div", {
         key: 0,
         class: p(m.$style.label)
-      }, se(e(y)), 3)) : g("", !0)
+      }, se(e(y)), 3)) : k("", !0)
     ], 2));
   }
 }), tn = "_wrapper_g0b28_1", sn = "_label_g0b28_4", nn = "_circular_g0b28_7", on = "_progress_g0b28_12", an = "_rail_g0b28_16", ln = "_determinate_g0b28_19", rn = "_buffer_g0b28_20", dn = "_indeterminate_g0b28_24", un = "_primary_g0b28_36", cn = "_secondary_g0b28_47", pn = "_inherit_g0b28_58", _n = "_spin_g0b28_1", fn = {
@@ -160,7 +160,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   "collapse-stroke": "_collapse-stroke_g0b28_1"
 }, yn = {
   $style: fn
-}, _t = /* @__PURE__ */ le(en, [["__cssModules", yn]]), mn = /* @__PURE__ */ J({
+}, _t = /* @__PURE__ */ le(en, [["__cssModules", yn]]), mn = /* @__PURE__ */ Y({
   name: "RuiButton",
   inheritAttrs: !1,
   __name: "RuiButton",
@@ -180,7 +180,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   },
   emits: ["update:model-value"],
   setup(z, { emit: a }) {
-    const l = z, d = a, u = B(() => l.modelValue), f = B(() => l.disabled ? 0 : l.elevation !== null ? l.elevation : l.variant === "fab" ? 6 : 0), h = B(() => {
+    const l = z, d = a, u = A(() => l.modelValue), f = A(() => l.disabled ? 0 : l.elevation !== null ? l.elevation : l.variant === "fab" ? 6 : 0), h = A(() => {
       const c = l.size;
       return c === "lg" ? 26 : c === "sm" ? 18 : 22;
     });
@@ -204,15 +204,15 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     }, c.$attrs, {
       onClick: y[0] || (y[0] = (r) => d("update:model-value", e(u)))
     }), {
-      default: W(() => [
-        c.$slots.prepend ? D(c.$slots, "prepend", { key: 0 }) : g("", !0),
+      default: N(() => [
+        c.$slots.prepend ? D(c.$slots, "prepend", { key: 0 }) : k("", !0),
         c.$slots.default ? (s(), _("span", {
           key: 1,
           class: p(c.$style.label)
         }, [
           D(c.$slots, "default")
-        ], 2)) : g("", !0),
-        c.$slots.append ? D(c.$slots, "append", { key: 2 }) : g("", !0),
+        ], 2)) : k("", !0),
+        c.$slots.append ? D(c.$slots, "append", { key: 2 }) : k("", !0),
         c.loading ? (s(), P(_t, {
           key: 3,
           circular: "",
@@ -220,15 +220,15 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           variant: "indeterminate",
           thickness: "2",
           size: e(h)
-        }, null, 8, ["class", "size"])) : g("", !0)
+        }, null, 8, ["class", "size"])) : k("", !0)
       ]),
       _: 3
     }, 16, ["class", "disabled", "type"]));
   }
-}), hn = "_btn_ue1qo_315", $n = "_primary_ue1qo_318", bn = "_outlined_ue1qo_321", vn = "_active_ue1qo_321", gn = "_text_ue1qo_321", kn = "_secondary_ue1qo_324", wn = "_error_ue1qo_330", Cn = "_warning_ue1qo_333", zn = "_info_ue1qo_337", Mn = "_success_ue1qo_341", Vn = "_grey_ue1qo_345", Rn = "_label_ue1qo_363", Bn = "__rounded_ue1qo_366", An = "_sm_ue1qo_369", Sn = "_lg_ue1qo_372", jn = "_fab_ue1qo_498", In = "_list_ue1qo_507", Dn = "_icon_ue1qo_516", Tn = "_loading_ue1qo_528", Pn = "_spinner_ue1qo_531", qn = {
+}), hn = "_btn_ue1qo_315", bn = "_primary_ue1qo_318", $n = "_outlined_ue1qo_321", vn = "_active_ue1qo_321", gn = "_text_ue1qo_321", kn = "_secondary_ue1qo_324", wn = "_error_ue1qo_330", Cn = "_warning_ue1qo_333", zn = "_info_ue1qo_337", Mn = "_success_ue1qo_341", Vn = "_grey_ue1qo_345", Rn = "_label_ue1qo_363", Bn = "__rounded_ue1qo_366", An = "_sm_ue1qo_369", Sn = "_lg_ue1qo_372", jn = "_fab_ue1qo_498", In = "_list_ue1qo_507", Dn = "_icon_ue1qo_516", Tn = "_loading_ue1qo_528", Pn = "_spinner_ue1qo_531", qn = {
   btn: hn,
-  primary: $n,
-  outlined: bn,
+  primary: bn,
+  outlined: $n,
   active: vn,
   text: gn,
   secondary: kn,
@@ -255,7 +255,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
 }, we = /* @__PURE__ */ le(mn, [["__cssModules", Hn]]), On = { class: "flex space-x-3 py-1 flex-grow" }, Ln = {
   key: 1,
   class: "text-body-2"
-}, Nn = { key: 0 }, Wn = { key: 1 }, Fn = /* @__PURE__ */ J({
+}, Nn = { key: 0 }, Wn = { key: 1 }, Fn = /* @__PURE__ */ Y({
   name: "RuiAlert",
   inheritAttrs: !1,
   __name: "RuiAlert",
@@ -270,7 +270,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   },
   emits: ["action", "close"],
   setup(z, { emit: a }) {
-    const l = z, d = a, { icon: u, type: f } = pe(l), h = B(() => {
+    const l = z, d = a, { icon: u, type: f } = pe(l), h = A(() => {
       const c = t(u);
       return c || {
         primary: void 0,
@@ -297,7 +297,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
             name: e(h),
             size: "22"
           }, null, 8, ["name"])
-        ], 2)) : g("", !0),
+        ], 2)) : k("", !0),
         S("div", {
           class: p(["space-y-1 flex-grow", c.$style.texts])
         }, [
@@ -310,12 +310,12 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
             D(c.$slots, "title", {}, () => [
               Ae(se(c.title), 1)
             ])
-          ], 2)) : g("", !0),
+          ], 2)) : k("", !0),
           c.$slots.default || c.description ? (s(), _("div", Ln, [
             D(c.$slots, "default", {}, () => [
               Ae(se(c.description), 1)
             ])
-          ])) : g("", !0)
+          ])) : k("", !0)
         ], 2)
       ]),
       c.actionText ? (s(), _("div", Nn, [
@@ -326,12 +326,12 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           class: p(c.$style.action),
           onClick: y[0] || (y[0] = (r) => d("action"))
         }, {
-          default: W(() => [
+          default: N(() => [
             Ae(se(c.actionText), 1)
           ]),
           _: 1
         }, 8, ["color", "class"])
-      ])) : g("", !0),
+      ])) : k("", !0),
       c.closeable ? (s(), _("div", Wn, [
         L(we, {
           color: c.variant === "filled" ? void 0 : e(f),
@@ -341,7 +341,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           class: p(c.$style.close),
           onClick: y[1] || (y[1] = (r) => d("close"))
         }, {
-          default: W(() => [
+          default: N(() => [
             L(ee, {
               name: "lu-x",
               size: "20"
@@ -349,7 +349,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           ]),
           _: 1
         }, 8, ["color", "class"])
-      ])) : g("", !0)
+      ])) : k("", !0)
     ], 16));
   }
 }), En = "_alert_1385h_315", Un = "_primary_1385h_315", Gn = "_icon_1385h_318", Kn = "_texts_1385h_319", Qn = "_action_1385h_320", Xn = "_close_1385h_321", Yn = "_outlined_1385h_321", Jn = "_secondary_1385h_330", Zn = "_error_1385h_345", xn = "_warning_1385h_360", eo = "_filled_1385h_375", to = "_info_1385h_381", so = "_success_1385h_402", no = {
@@ -373,7 +373,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   "text-shade": "_text-shade_1385h_1"
 }, oo = {
   $style: no
-}, m1 = /* @__PURE__ */ le(Fn, [["__cssModules", oo]]), ao = ["disabled"], lo = /* @__PURE__ */ J({
+}, m1 = /* @__PURE__ */ le(Fn, [["__cssModules", oo]]), ao = ["disabled"], lo = /* @__PURE__ */ Y({
   name: "RuiChip",
   inheritAttrs: !1,
   __name: "RuiChip",
@@ -395,9 +395,9 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     function y(i) {
       t(ht(Rt(u), f)) || d("click", i);
     }
-    const r = B(() => {
-      const i = {}, n = t(h), b = t(c);
-      return n && (i.backgroundColor = n), b && (i.color = b), i;
+    const r = A(() => {
+      const i = {}, n = t(h), $ = t(c);
+      return n && (i.backgroundColor = n), $ && (i.color = $), i;
     });
     return (i, n) => (s(), _("div", G({
       class: [
@@ -415,14 +415,14 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       role: "button",
       tabindex: "0"
     }, e(Ds)(i.$attrs, ["onClick"]), {
-      onClick: n[1] || (n[1] = (b) => y(b))
+      onClick: n[1] || (n[1] = ($) => y($))
     }), [
       i.$slots.prepend ? (s(), _("div", {
         key: 0,
         class: p(i.$style.chip__prepend)
       }, [
         D(i.$slots, "prepend")
-      ], 2)) : g("", !0),
+      ], 2)) : k("", !0),
       S("span", {
         class: p(i.$style.chip__label)
       }, [
@@ -433,17 +433,17 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         class: p(i.$style.chip__close),
         disabled: e(f),
         type: "button",
-        onClick: n[0] || (n[0] = Ie((b) => d("click:close"), ["stop"]))
+        onClick: n[0] || (n[0] = Ie(($) => d("click:close"), ["stop"]))
       }, [
         L(ee, {
           class: p(i.$style.chip__close_icon),
           size: i.size === "sm" ? 16 : 24,
           name: i.closeIcon
         }, null, 8, ["class", "size", "name"])
-      ], 10, ao)) : g("", !0)
+      ], 10, ao)) : k("", !0)
     ], 16));
   }
-}), ro = "_chip_1v1sy_315", io = "_tile_1v1sy_319", uo = "_readonly_1v1sy_322", co = "_disabled_1v1sy_322", po = "_grey_1v1sy_325", _o = "_filled_1v1sy_328", fo = "_outlined_1v1sy_331", yo = "_primary_1v1sy_337", mo = "_secondary_1v1sy_346", ho = "_error_1v1sy_355", $o = "_warning_1v1sy_364", bo = "_info_1v1sy_373", vo = "_success_1v1sy_382", go = "_chip__prepend_1v1sy_391", ko = "_chip__label_1v1sy_395", wo = "_chip__close_1v1sy_398", Co = "_chip__close_icon_1v1sy_402", zo = "_md_1v1sy_405", Mo = "_sm_1v1sy_408", Vo = "_sm__prepend_1v1sy_411", Ro = "_sm__label_1v1sy_414", Bo = "_sm__close_1v1sy_417", Ao = "_disabled__close_1v1sy_424", So = "_readonly__close_1v1sy_424", jo = "_disabled__close_icon_1v1sy_427", Io = "_readonly__close_icon_1v1sy_427", Do = {
+}), ro = "_chip_1v1sy_315", io = "_tile_1v1sy_319", uo = "_readonly_1v1sy_322", co = "_disabled_1v1sy_322", po = "_grey_1v1sy_325", _o = "_filled_1v1sy_328", fo = "_outlined_1v1sy_331", yo = "_primary_1v1sy_337", mo = "_secondary_1v1sy_346", ho = "_error_1v1sy_355", bo = "_warning_1v1sy_364", $o = "_info_1v1sy_373", vo = "_success_1v1sy_382", go = "_chip__prepend_1v1sy_391", ko = "_chip__label_1v1sy_395", wo = "_chip__close_1v1sy_398", Co = "_chip__close_icon_1v1sy_402", zo = "_md_1v1sy_405", Mo = "_sm_1v1sy_408", Vo = "_sm__prepend_1v1sy_411", Ro = "_sm__label_1v1sy_414", Bo = "_sm__close_1v1sy_417", Ao = "_disabled__close_1v1sy_424", So = "_readonly__close_1v1sy_424", jo = "_disabled__close_icon_1v1sy_427", Io = "_readonly__close_icon_1v1sy_427", Do = {
   chip: ro,
   tile: io,
   readonly: uo,
@@ -454,8 +454,8 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   primary: yo,
   secondary: mo,
   error: ho,
-  warning: $o,
-  info: bo,
+  warning: bo,
+  info: $o,
   success: vo,
   chip__prepend: go,
   chip__label: ko,
@@ -485,7 +485,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
 }, Oo = {
   key: "hint",
   class: "text-rui-text-secondary text-caption"
-}, it = /* @__PURE__ */ J({
+}, it = /* @__PURE__ */ Y({
   __name: "RuiFormTextDetail",
   props: {
     errorMessages: { default: () => [] },
@@ -510,13 +510,13 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       "leave-to-class": "opacity-0 -translate-y-2 h-0",
       appear: ""
     }, {
-      default: W(() => [
-        e(h) ? (s(), _("div", qo, se(e(u)[0]), 1)) : e(c) ? (s(), _("div", Ho, se(e(f)[0]), 1)) : y.hint ? (s(), _("div", Oo, se(y.hint), 1)) : g("", !0)
+      default: N(() => [
+        e(h) ? (s(), _("div", qo, se(e(u)[0]), 1)) : e(c) ? (s(), _("div", Ho, se(e(f)[0]), 1)) : y.hint ? (s(), _("div", Oo, se(y.hint), 1)) : k("", !0)
       ]),
       _: 1
     }));
   }
-}), Lo = ["data-menu-disabled"], No = /* @__PURE__ */ J({
+}), Lo = ["data-menu-disabled"], No = /* @__PURE__ */ Y({
   name: "RuiMenu",
   __name: "RuiMenu",
   props: {
@@ -549,35 +549,35 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       persistOnActivatorClick: r,
       closeOnContentClick: i,
       openOnHover: n,
-      errorMessages: b,
+      errorMessages: $,
       successMessages: M,
       persistent: m
     } = pe(l), {
       reference: R,
-      popper: O,
-      open: N,
-      popperEnter: k,
+      popper: H,
+      open: O,
+      popperEnter: g,
       leavePending: F,
-      onLeavePending: U,
+      onLeavePending: E,
       onOpen: I,
-      onClose: q,
-      onPopperLeave: A,
-      updatePopper: Y
-    } = is(c, y, h, f), { width: K } = zt(R), V = E(!1);
+      onClose: U,
+      onPopperLeave: B,
+      updatePopper: J
+    } = is(c, y, h, f), { width: K } = zt(R), V = W(!1);
     function C(x) {
-      t(N) && (q(), w(V, !1));
+      t(O) && (U(), w(V, !1));
     }
     function te() {
-      t(N) && t(V) ? t(r) || C() : (I(), w(V, !0));
+      t(O) && t(V) ? t(r) || C() : (I(), w(V, !0));
     }
     ge(u, (x) => {
       x ? (I(), w(V, !0)) : C();
-    }), ge(N, (x) => {
+    }), ge(O, (x) => {
       d("update:model-value", x);
-    }), cs(O, () => {
-      t(N) && !t(m) && C();
+    }), cs(H, () => {
+      t(O) && !t(m) && C();
     }, { ignore: [R] });
-    const Q = B(() => {
+    const Q = A(() => {
       if (t(y))
         return {};
       const x = t(n), ze = t(V);
@@ -586,12 +586,12 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           x && I();
         },
         onMouseleave: () => {
-          x && !ze && q();
+          x && !ze && U();
         },
         onClick: te
       };
     }), { hasError: fe, hasSuccess: ne } = rt(
-      b,
+      $,
       M
     );
     return (x, ze) => {
@@ -605,16 +605,16 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           class: p([x.$style.wrapper, x.wrapperClass, { "w-full": x.fullWidth }]),
           "data-menu-disabled": e(y)
         }, [
-          D(x.$slots, "activator", $e(be({ attrs: e(Q), open: e(N), disabled: e(y), hasError: e(fe), hasSuccess: e(ne) })))
+          D(x.$slots, "activator", be($e({ attrs: e(Q), open: e(O), disabled: e(y), hasError: e(fe), hasSuccess: e(ne) })))
         ], 10, Lo),
-        e(y) ? g("", !0) : (s(), P(Bt, {
+        e(y) ? k("", !0) : (s(), P(Bt, {
           key: 0,
           to: "body"
         }, [
-          e(k) ? (s(), _("div", {
+          e(g) ? (s(), _("div", {
             key: 0,
             ref_key: "menu",
-            ref: O,
+            ref: H,
             class: p([
               x.$style.menu,
               x.menuClass,
@@ -630,30 +630,30 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
               "leave-active-class": "transition ease-in duration-150",
               "leave-from-class": "opacity-100 translate-y-0",
               "leave-to-class": "opacity-0 translate-y-1",
-              onBeforeEnter: ze[0] || (ze[0] = (_e) => e(Y)()),
-              onAfterLeave: ze[1] || (ze[1] = (_e) => e(F) ? e(A)() : void 0),
-              onBeforeLeave: ze[2] || (ze[2] = (_e) => e(U)())
+              onBeforeEnter: ze[0] || (ze[0] = (_e) => e(J)()),
+              onAfterLeave: ze[1] || (ze[1] = (_e) => e(F) ? e(B)() : void 0),
+              onBeforeLeave: ze[2] || (ze[2] = (_e) => e(E)())
             }, {
-              default: W(() => [
-                e(N) ? (s(), _("div", {
+              default: N(() => [
+                e(O) ? (s(), _("div", {
                   key: "menu",
                   class: p(x.$style.base),
                   role: "menu-content"
                 }, [
-                  D(x.$slots, "default", $e(be({ width: e(K) })))
-                ], 2)) : g("", !0)
+                  D(x.$slots, "default", be($e({ width: e(K) })))
+                ], 2)) : k("", !0)
               ]),
               _: 3
             })
-          ], 2)) : g("", !0)
+          ], 2)) : k("", !0)
         ])),
         x.showDetails ? (s(), P(it, {
           key: 1,
           class: p(["pt-1", [x.dense ? "px-2" : "px-4"]]),
-          "error-messages": e(b),
+          "error-messages": e($),
           "success-messages": e(M),
           hint: x.hint
-        }, null, 8, ["class", "error-messages", "success-messages", "hint"])) : g("", !0)
+        }, null, 8, ["class", "error-messages", "success-messages", "hint"])) : k("", !0)
       ], 32);
     };
   }
@@ -671,7 +671,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
 }, Zo = ["disabled", "value", "placeholder"], xo = {
   key: 0,
   class: "p-4"
-}, ea = /* @__PURE__ */ J({
+}, ea = /* @__PURE__ */ Y({
   name: "RuiAutoComplete",
   inheritAttrs: !1,
   __name: "RuiAutoComplete",
@@ -716,66 +716,66 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   emits: ["update:modelValue", "update:searchInput"],
   setup(z, { expose: a }) {
     st((v) => ({
-      "88a7211c": e(ze)
+      "9694bc62": 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 = E(), b = E(), M = E(), m = E(), { focused: R } = Zt(b), { focused: O } = Zt(m), N = ht(R, O), k = Dt(N, 100), F = ht(k, N), U = E([]), I = B(() => t(U).slice(0, Math.min(5, t(Me).length)).reduce((H, ue) => H + ue.$el.offsetHeight, 0)), q = B(() => Array.isArray(t(l))), A = B(() => !(f.selection || t(q) || u.chips)), { focused: Y } = Ht(n), K = E(""), V = Dt(K, 100);
+    }), 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);
     ge(d, (v) => {
       w(K, v);
     }, { immediate: !0 });
-    const C = E(!1), te = B(() => {
-      const v = t(V), H = u.options;
+    const C = W(!1), te = A(() => {
+      const v = t(V), q = u.options;
       if (u.noFilter || !v || t(C))
-        return H;
+        return q;
       const ue = u.keyAttr, ie = u.textAttr, oe = u.filter || ((ve, o) => {
         if (!ve)
           return !1;
-        const $ = [ue ? wt(ve[ue]) : ve.toString()];
-        return ie && typeof ve == "object" && $.push(wt(ve[ie])), $.some((T) => wt(T).includes(wt(o)));
+        const b = [ue ? wt(ve[ue]) : ve.toString()];
+        return ie && typeof ve == "object" && b.push(wt(ve[ie])), b.some((T) => wt(T).includes(wt(o)));
       });
-      return H.filter((ve) => oe(ve, v));
+      return q.filter((ve) => oe(ve, v));
     });
     function Q(v) {
       w(l, v);
     }
     function fe(v) {
-      const H = u.keyAttr, ue = H && !u.returnObject ? v.map((ie) => ie[H]) : v;
-      return t(q) ? Q(ue) : ue.length === 0 ? Q(void 0) : Q(ue[0]);
+      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]);
     }
-    const ne = B({
+    const ne = A({
       get: () => {
-        const v = t(l), H = u.keyAttr, ue = Array.isArray(v);
-        if (H && u.returnObject) {
+        const v = t(l), q = u.keyAttr, ue = Array.isArray(v);
+        if (q && u.returnObject) {
           const ie = v ? ue ? v : [v] : [], oe = [];
           if (ie.forEach((ve) => {
-            const o = u.options.find(($) => i($) === i(ve));
+            const o = u.options.find((b) => i(b) === i(ve));
             if (o)
               return oe.push(o);
             if (u.customValue)
-              return oe.push(bt(ve, u.returnObject));
+              return oe.push($t(ve, u.returnObject));
           }), ue || oe.length === 0)
-            return t(A) && !t(F) && ce(), oe;
+            return t(J) && !t(E) && ce(), oe;
           {
             const ve = oe[0];
-            return t(A) && !t(F) && ce(r(ve)), [ve];
+            return t(J) && !t(E) && ce(r(ve)), [ve];
           }
         } else {
           const ie = v ? ue ? v : [v] : [], oe = [];
           return ie.forEach((ve) => {
-            const o = u.options.find(($) => i($) === ve);
+            const o = u.options.find((b) => i(b) === ve);
             if (o)
               return oe.push(o);
             if (u.customValue)
-              return oe.push(bt(ve, u.returnObject));
-          }), t(A) && !t(F) && (oe.length > 0 ? ce(r(oe[0])) : ce()), oe;
+              return oe.push($t(ve, u.returnObject));
+          }), t(J) && !t(E) && (oe.length > 0 ? ce(r(oe[0])) : ce()), oe;
         }
       },
       set: (v) => {
         fe(v);
       }
-    }), x = B(() => t(ne).length > 0), ze = B(() => u.label ? `'  ${u.label}  '` : '"\\200B"'), {
+    }), x = A(() => t(ne).length > 0), ze = A(() => u.label ? `'  ${u.label}  '` : '"\\200B"'), {
       containerProps: Z,
       wrapperProps: _e,
       renderedData: Me,
@@ -798,14 +798,14 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       setValue: Oe,
       autoSelectFirst: u.autoSelectFirst,
       hideSelected: u.hideSelected
-    }), me = B(() => u.variant === "outlined"), Ce = Ot(
+    }), me = A(() => u.variant === "outlined"), Ce = Ot(
       ht(
         ye,
         x,
-        Y
+        O
       ),
       me
-    ), Re = B(() => ({
+    ), Re = A(() => ({
       style: Z.style,
       ref: Z.ref
     }));
@@ -813,52 +813,52 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       w(d, v), w(K, v);
     }
     function Fe(v) {
-      const H = v.target.value;
-      w(ye, !0), ce(H), w(C, !1);
+      const q = v.target.value;
+      w(ye, !0), ce(q), w(C, !1);
     }
-    async function Oe(v, H, ue = !1) {
-      if (Mt(H) && w(He, H), t(q)) {
+    async function Oe(v, q, ue = !1) {
+      if (Mt(q) && w(He, q), t(B)) {
         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), w(Y, !1);
-        }), t(A) ? ce(r(v)) : ce(), w(ne, [v]);
-      !ue && t(q) && w(Y, !0);
+          w(ye, !1);
+        }), t(J) ? ce(r(v)) : ce(), w(ne, [v]);
+      ue || w(O, !0);
     }
     async function ot() {
       await Ye(() => {
-        w(Y, !0);
+        w(O, !0);
       });
     }
-    const Se = E(-1);
+    const Se = W(-1);
     function Ee(v) {
       w(Se, v);
     }
     ge(ne, () => {
       w(Se, -1);
     }), ge(Se, async (v) => {
-      v === -1 || !t(q) || await Ye(() => {
-        const H = t(b).querySelector(`[data-index="${v}"]`);
-        H == null || H.focus();
+      v === -1 || !t(B) || await Ye(() => {
+        const q = t($).querySelector(`[data-index="${v}"]`);
+        q == null || q.focus();
       });
     });
-    function Xe(v, H) {
-      if (!t(q) || t(K).length > 0)
+    function Xe(v, q) {
+      if (!t(B) || t(K).length > 0)
         return;
       v.preventDefault();
       const ue = t(ne).length;
       let ie = t(Se);
       if (ie === -1) {
-        w(Se, H ? 0 : ue - 1);
+        w(Se, q ? 0 : ue - 1);
         return;
       }
-      ie += H ? 1 : -1, ie < 0 || ie >= ue ? (w(Se, -1), w(Y, !0)) : w(Se, ie);
+      ie += q ? 1 : -1, ie < 0 || ie >= ue ? (w(Se, -1), w(O, !0)) : w(Se, ie);
     }
-    const dt = B(() => (!t(N) || t(c)) && !t(A) ? "w-0 h-0" : t(K) ? "flex-1 min-w-[4rem]" : "flex-1 min-w-0");
-    function bt(v, H = !1) {
+    const dt = A(() => (!t(g) || t(c)) && !t(J) ? "w-0 h-0" : t(K) ? "flex-1 min-w-[4rem]" : "flex-1 min-w-0");
+    function $t(v, q = !1) {
       const ue = u.keyAttr, ie = u.textAttr;
-      return !ue || H ? v : {
+      return !ue || q ? v : {
         [ue]: v,
         ...ie ? { [ie]: v } : {}
       };
@@ -867,36 +867,36 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       const v = t(K);
       if (!v)
         return;
-      const H = bt(v);
-      Oe(H, void 0, !0);
+      const q = $t(v);
+      Oe(q, void 0, !0);
     }
-    As(N, (v) => {
-      v || (w(ye, !1), u.customValue && t(te).length === 0 && t(K) && At(), t(A) || ce());
+    As(g, (v) => {
+      v || (w(ye, !1), u.customValue && t(te).length === 0 && t(K) && At(), t(J) || ce());
     }, {
       debounce: 200,
       maxWait: 400
     });
     function Lt() {
       var v;
-      w(Se, -1), t(A) && ((v = t(n)) == null || v.select()), t(ye) || w(C, !0);
+      w(Se, -1), t(J) && ((v = t(n)) == null || v.select()), t(ye) || w(C, !0);
     }
     function vt() {
       ce(), w(l, Array.isArray(t(l)) ? [] : void 0);
     }
     function St() {
       const v = t(ne).length;
-      !t(K) && v > 0 && (t(q) ? w(Se, v - 1) : vt());
+      !t(K) && v > 0 && (t(B) ? w(Se, v - 1) : vt());
     }
-    function ut(v, H) {
+    function ut(v, q) {
       return {
-        "data-index": H,
+        "data-index": q,
         "data-value": i(v),
         onKeydown: (ue) => {
           const { key: ie } = ue;
           ["Backspace", "Delete"].includes(ie) && Oe(v);
         },
         "onClick.stop": () => {
-          Ee(H);
+          Ee(q);
         },
         "onClick:close": () => {
           Oe(v);
@@ -904,17 +904,17 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       };
     }
     function gt(v) {
-      t(te).length > 0 && t(He) > -1 && t(ye) ? (X(), v.preventDefault()) : t(y).length > 0 && u.customValue ? (At(), t(q) || 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(B) || 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(q) && (X(), v.preventDefault());
+      t(ye) && t(te).length > 0 && t(He) > -1 && !t(B) && (X(), v.preventDefault());
     }
-    function kt(v, H) {
+    function kt(v, q) {
       var ue, ie;
-      w(Y, !0), (ie = (ue = t(n)) == null ? void 0 : ue.setSelectionRange) == null || ie.call(ue, v, H);
+      w(O, !0), (ie = (ue = t(n)) == null ? void 0 : ue.setSelectionRange) == null || ie.call(ue, v, q);
     }
-    ge(y, (v, H) => {
-      Ps(v, H) || u.customValue || fe(t(ne));
+    ge(y, (v, q) => {
+      Ps(v, q) || u.customValue || fe(t(ne));
     });
     function yt(v) {
       t(ye) && (w(ye, !1), v.stopPropagation());
@@ -922,11 +922,11 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     return a({
       focus: ot,
       setSelectionRange: kt
-    }), (v, H) => {
+    }), (v, q) => {
       var ue;
       return s(), P(ys, G({
         modelValue: e(ye),
-        "onUpdate:modelValue": H[16] || (H[16] = (ie) => tt(ye) ? ye.value = ie : null),
+        "onUpdate:modelValue": q[16] || (q[16] = (ie) => tt(ye) ? ye.value = ie : null),
         class: v.$style.wrapper
       }, {
         ...("getRootAttrs" in v ? v.getRootAttrs : e(Ze))(v.$attrs),
@@ -946,12 +946,12 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         showDetails: !v.hideDetails,
         disabled: e(c)
       }), {
-        activator: W(({ attrs: ie, open: oe, hasError: ve, hasSuccess: o }) => [
-          D(v.$slots, "activator", $e(be({ disabled: e(c), value: e(ne), variant: v.variant, readOnly: v.readOnly, attrs: ie, open: oe, hasError: ve, hasSuccess: o })), () => [
+        activator: N(({ attrs: ie, open: oe, hasError: ve, hasSuccess: o }) => [
+          D(v.$slots, "activator", be($e({ disabled: e(c), value: e(ne), variant: v.variant, readOnly: v.readOnly, attrs: ie, open: oe, hasError: ve, hasSuccess: o })), () => [
             S("div", G(
               {
                 ref_key: "activator",
-                ref: b,
+                ref: $,
                 class: ["group", [
                   v.$style.activator,
                   v.labelClass,
@@ -975,19 +975,19 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
               {
                 "data-id": "activator",
                 tabindex: e(c) || v.readOnly ? -1 : 0,
-                onClick: H[5] || (H[5] = ($) => ot()),
-                onFocus: H[6] || (H[6] = ($) => ot()),
+                onClick: q[5] || (q[5] = (b) => ot()),
+                onFocus: q[6] || (q[6] = (b) => ot()),
                 onKeydown: [
-                  H[7] || (H[7] = Pe(($) => gt($), ["enter"])),
-                  H[8] || (H[8] = Pe(($) => ft($), ["tab"])),
-                  H[9] || (H[9] = Pe(($) => Xe($, !1), ["left"])),
-                  H[10] || (H[10] = Pe(($) => Xe($, !0), ["right"])),
-                  H[11] || (H[11] = Pe(Ie(($) => e(We)(!0), ["prevent"]), ["up"])),
-                  H[12] || (H[12] = Pe(Ie(($) => e(We)(!1), ["prevent"]), ["down"]))
+                  q[7] || (q[7] = Pe((b) => gt(b), ["enter"])),
+                  q[8] || (q[8] = Pe((b) => ft(b), ["tab"])),
+                  q[9] || (q[9] = Pe((b) => Xe(b, !1), ["left"])),
+                  q[10] || (q[10] = Pe((b) => Xe(b, !0), ["right"])),
+                  q[11] || (q[11] = Pe(Ie((b) => e(We)(!0), ["prevent"]), ["up"])),
+                  q[12] || (q[12] = Pe(Ie((b) => e(We)(!1), ["prevent"]), ["down"]))
                 ]
               }
             ), [
-              e(me) || !e(x) && !e(Y) ? (s(), _("span", {
+              e(me) || !e(x) && !e(O) ? (s(), _("span", {
                 key: 0,
                 class: p([
                   v.$style.label,
@@ -997,53 +997,53 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                   }
                 ])
               }, [
-                D(v.$slots, "activator.label", $e(be({ value: e(ne) })), () => [
+                D(v.$slots, "activator.label", be($e({ value: e(ne) })), () => [
                   Ae(se(v.label), 1)
                 ])
-              ], 2)) : g("", !0),
+              ], 2)) : k("", !0),
               S("div", {
                 class: p(v.$style.value)
               }, [
-                (s(!0), _(he, null, ke(e(ne), ($, T) => (s(), _(he, {
-                  key: e(i)($)
+                (s(!0), _(he, null, ke(e(ne), (b, T) => (s(), _(he, {
+                  key: e(i)(b)
                 }, [
                   v.chips ? (s(), P(Po, G({
-                    key: e(wt)(e(i)($)),
+                    key: e(wt)(e(i)(b)),
                     tabindex: "-1",
                     size: e(h) ? "sm" : "md",
                     closeable: "",
                     class: { "leading-3": e(h) },
                     clickable: "",
                     ref_for: !0
-                  }, ut($, T)), {
-                    default: W(() => [
+                  }, ut(b, T)), {
+                    default: N(() => [
                       S("div", Yo, [
                         D(v.$slots, "selection.prepend", G({
                           index: T,
                           ref_for: !0
-                        }, { item: $ })),
+                        }, { item: b })),
                         D(v.$slots, "selection", G({
                           index: T,
                           ref_for: !0
-                        }, { item: $ }), () => [
-                          Ae(se(e(r)($)), 1)
+                        }, { item: b }), () => [
+                          Ae(se(e(r)(b)), 1)
                         ])
                       ])
                     ]),
                     _: 2
-                  }, 1040, ["size", "class"])) : (e(q) || e(f)["selection.prepend"] || e(f).selection) && (!e(Y) || e(q)) ? (s(), _("div", Jo, [
+                  }, 1040, ["size", "class"])) : e(B) || !e(O) && (e(f)["selection.prepend"] || e(f).selection) ? (s(), _("div", Jo, [
                     D(v.$slots, "selection.prepend", G({
                       index: T,
                       ref_for: !0
-                    }, { item: $ })),
-                    e(q) || e(f).selection ? D(v.$slots, "selection", G({
+                    }, { item: b })),
+                    e(B) || e(f).selection ? D(v.$slots, "selection", G({
                       key: 0,
                       index: T,
                       ref_for: !0
-                    }, { item: $, chipAttrs: ut($, T) }), () => [
-                      Ae(se(e(r)($)), 1)
-                    ]) : g("", !0)
-                  ])) : g("", !0)
+                    }, { item: b, chipAttrs: ut(b, T) }), () => [
+                      Ae(se(e(r)(b)), 1)
+                    ]) : k("", !0)
+                  ])) : k("", !0)
                 ], 64))), 128)),
                 S("input", {
                   ref_key: "textInput",
@@ -1053,9 +1053,9 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                   class: p(["bg-transparent outline-none", e(dt)]),
                   type: "text",
                   placeholder: v.placeholder,
-                  onKeydown: H[0] || (H[0] = Pe(($) => St(), ["delete"])),
-                  onInput: H[1] || (H[1] = ($) => Fe($)),
-                  onFocus: H[2] || (H[2] = ($) => Lt())
+                  onKeydown: q[0] || (q[0] = Pe((b) => St(), ["delete"])),
+                  onInput: q[1] || (q[1] = (b) => Fe(b)),
+                  onFocus: q[2] || (q[2] = (b) => Lt())
                 }, null, 42, Zo)
               ], 2),
               v.clearable && e(x) && !e(c) ? (s(), P(we, {
@@ -1063,23 +1063,24 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                 variant: "text",
                 icon: "",
                 size: "sm",
+                tabindex: "-1",
                 color: "error",
-                class: p(["group-hover:!visible", [v.$style.clear, e(N) && "!visible", {
+                class: p(["group-hover:!visible", [v.$style.clear, e(g) && "!visible", {
                   "mr-2": !e(h)
                 }]]),
-                onClick: H[3] || (H[3] = Ie(($) => vt(), ["stop", "prevent"]))
+                onClick: q[3] || (q[3] = Ie((b) => vt(), ["stop", "prevent"]))
               }, {
-                default: W(() => [
+                default: N(() => [
                   L(ee, {
                     name: "lu-x",
                     size: "18"
                   })
                 ]),
                 _: 1
-              }, 8, ["class"])) : g("", !0),
+              }, 8, ["class"])) : k("", !0),
               S("span", {
                 class: p(v.$style.icon__wrapper),
-                onClick: H[4] || (H[4] = ($) => yt($))
+                onClick: q[4] || (q[4] = (b) => yt(b))
               }, [
                 L(ee, {
                   class: p([v.$style.icon, { "rotate-180": oe }]),
@@ -1093,7 +1094,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                 color: "primary",
                 thickness: "3",
                 variant: "indeterminate"
-              })) : g("", !0)
+              })) : k("", !0)
             ], 16, Xo),
             e(me) ? (s(), _("fieldset", {
               key: 0,
@@ -1102,10 +1103,10 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
               S("legend", {
                 class: p({ "px-2": e(Ce) })
               }, null, 2)
-            ], 2)) : g("", !0)
+            ], 2)) : k("", !0)
           ])
         ]),
-        default: W(({ width: ie }) => [
+        default: N(({ width: ie }) => [
           S("div", {
             ref_key: "menuWrapperRef",
             ref: m
@@ -1113,13 +1114,13 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
             e(re).length > 0 ? (s(), _("div", G({
               key: 0,
               class: [v.$style.menu, v.menuClass],
-              style: { width: `${ie}px`, minWidth: e(qe), minHeight: `${e(I)}px` }
+              style: { width: `${ie}px`, minWidth: e(qe), minHeight: `${e(U)}px` }
             }, e(Re), {
-              onScroll: H[13] || (H[13] = //@ts-ignore
+              onScroll: q[13] || (q[13] = //@ts-ignore
               (...oe) => e(Z).onScroll && e(Z).onScroll(...oe)),
               onKeydown: [
-                H[14] || (H[14] = Pe(Ie((oe) => e(We)(!0), ["prevent"]), ["up"])),
-                H[15] || (H[15] = Pe(Ie((oe) => e(We)(!1), ["prevent"]), ["down"]))
+                q[14] || (q[14] = Pe(Ie((oe) => e(We)(!0), ["prevent"]), ["up"])),
+                q[15] || (q[15] = Pe(Ie((oe) => e(We)(!1), ["prevent"]), ["down"]))
               ]
             }), [
               S("div", G(e(_e), {
@@ -1131,7 +1132,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                   return s(), P(we, {
                     ref_for: !0,
                     ref_key: "renderedOptions",
-                    ref: U,
+                    ref: I,
                     key: (o = e(i)(oe)) == null ? void 0 : o.toString(),
                     active: e(Be)(oe),
                     size: e(h) ? "sm" : void 0,
@@ -1142,16 +1143,16 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                       [v.$style.highlighted]: e(He) === ve,
                       [v.$style.active]: e(Be)(oe)
                     }),
-                    onClick: ($) => Oe(oe, ve),
-                    onMousedown: ($) => He.value = ve
+                    onClick: (b) => Oe(oe, ve),
+                    onMousedown: (b) => He.value = ve
                   }, {
-                    prepend: W(() => [
+                    prepend: N(() => [
                       D(v.$slots, "item.prepend", G({ ref_for: !0 }, { disabled: e(c), item: oe, active: e(Be)(oe) }))
                     ]),
-                    append: W(() => [
+                    append: N(() => [
                       D(v.$slots, "item.append", G({ ref_for: !0 }, { disabled: e(c), item: oe, active: e(Be)(oe) }))
                     ]),
-                    default: W(() => [
+                    default: N(() => [
                       D(v.$slots, "item", G({ ref_for: !0 }, { disabled: e(c), item: oe, active: e(Be)(oe) }), () => [
                         Ae(se(e(r)(oe)), 1)
                       ])
@@ -1160,13 +1161,13 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                   }, 1032, ["active", "size", "class", "onClick", "onMousedown"]);
                 }), 128))
               ], 16)
-            ], 16)) : v.hideNoData ? g("", !0) : (s(), _("div", {
+            ], 16)) : v.hideNoData ? k("", !0) : (s(), _("div", {
               key: 1,
               style: Ge({ width: `${ie}px`, minWidth: e(qe) }),
               class: p(v.menuClass)
             }, [
               D(v.$slots, "no-data", {}, () => [
-                v.customValue ? g("", !0) : (s(), _("div", xo, se(v.noDataText), 1))
+                v.customValue ? k("", !0) : (s(), _("div", xo, se(v.noDataText), 1))
               ])
             ], 6))
           ], 512)
@@ -1175,7 +1176,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       }, 16, ["modelValue", "class"]);
     };
   }
-}), ta = "_wrapper_4wq7n_2", sa = "_activator_4wq7n_5", na = "_outlined_4wq7n_10", oa = "_dense_4wq7n_13", aa = "_fieldset_4wq7n_16", la = "_disabled_4wq7n_19", ra = "_readonly_4wq7n_22", ia = "_opened_4wq7n_28", da = "_label_4wq7n_45", ua = "_value_4wq7n_62", ca = "_clear_4wq7n_68", pa = "_icon_4wq7n_71", _a = "_icon__wrapper_4wq7n_74", fa = "_float_4wq7n_78", ya = "_menu_4wq7n_106", ma = "_highlighted_4wq7n_110", ha = "_active_4wq7n_113", $a = {
+}), ta = "_wrapper_4wq7n_2", sa = "_activator_4wq7n_5", na = "_outlined_4wq7n_10", oa = "_dense_4wq7n_13", aa = "_fieldset_4wq7n_16", la = "_disabled_4wq7n_19", ra = "_readonly_4wq7n_22", ia = "_opened_4wq7n_28", da = "_label_4wq7n_45", ua = "_value_4wq7n_62", ca = "_clear_4wq7n_68", pa = "_icon_4wq7n_71", _a = "_icon__wrapper_4wq7n_74", fa = "_float_4wq7n_78", ya = "_menu_4wq7n_106", ma = "_highlighted_4wq7n_110", ha = "_active_4wq7n_113", ba = {
   wrapper: ta,
   activator: sa,
   outlined: na,
@@ -1196,9 +1197,9 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   menu: ya,
   highlighted: ma,
   active: ha
-}, ba = {
-  $style: $a
-}, h1 = /* @__PURE__ */ le(ea, [["__cssModules", ba]]), va = /* @__PURE__ */ J({
+}, $a = {
+  $style: ba
+}, h1 = /* @__PURE__ */ le(ea, [["__cssModules", $a]]), va = /* @__PURE__ */ Y({
   name: "RuiButtonGroup",
   inheritAttrs: !1,
   __name: "RuiButtonGroup",
@@ -1216,52 +1217,52 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   emits: ["update:modelValue"],
   setup(z, { emit: a }) {
     const l = z, d = a, u = Je(), { modelValue: f, required: h, disabled: c, color: y, variant: r, size: i } = pe(l);
-    function n(k) {
-      return k.flatMap((F) => F.type === he && Array.isArray(F.children) && F.children.length > 0 ? n(F.children.filter(Pt)) : [F]).flat();
+    function n(g) {
+      return g.flatMap((F) => F.type === he && Array.isArray(F.children) && F.children.length > 0 ? n(F.children.filter(Pt)) : [F]).flat();
     }
-    const b = B(() => {
-      var A;
-      const k = t(c), F = t(y), U = t(f), I = ((A = u.default) == null ? void 0 : A.call(u)) ?? [];
-      return n(I).map((Y, K) => {
+    const $ = A(() => {
+      var B;
+      const g = t(c), F = t(y), E = t(f), I = ((B = u.default) == null ? void 0 : B.call(u)) ?? [];
+      return n(I).map((J, K) => {
         var C;
-        const V = (C = Y.props) == null ? void 0 : C["model-value"];
-        return Y.props = {
-          ...Y.props,
-          active: M(V ?? K, U)
-        }, k && (Y.props.disabled = !0), F && (Y.props.color = F), Y.props.active && l.activeColor && (Y.props.color = l.activeColor), Y;
+        const V = (C = J.props) == null ? void 0 : C["model-value"];
+        return J.props = {
+          ...J.props,
+          active: M(V ?? K, E)
+        }, g && (J.props.disabled = !0), F && (J.props.color = F), J.props.active && l.activeColor && (J.props.color = l.activeColor), J;
       });
     });
-    function M(k, F) {
-      return Array.isArray(F) ? F.includes(k) : F === k;
+    function M(g, F) {
+      return Array.isArray(F) ? F.includes(g) : F === g;
     }
-    function m(k) {
-      const F = t(f), U = t(h);
+    function m(g) {
+      const F = t(f), E = t(h);
       if (Array.isArray(F)) {
-        const I = F.indexOf(k);
-        I >= 0 ? (!U || F.length !== 1) && F.splice(I, 1) : F.push(k), d("update:modelValue", F);
-      } else U ? d("update:modelValue", k) : d("update:modelValue", M(k, F) ? void 0 : k);
+        const I = F.indexOf(g);
+        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(), O = B(() => l.color ? R[l.color] : void 0), N = B(
+    const R = Xt(), H = A(() => l.color ? R[l.color] : void 0), O = A(
       () => l.variant ? R[l.variant] : void 0
     );
-    return (k, F) => (s(), _("div", G({
+    return (g, F) => (s(), _("div", G({
       class: [
         e(R).wrapper,
+        e(H),
         e(O),
-        e(N),
         {
-          [e(R).wrapper__vertical]: k.vertical,
-          [e(R).separated]: !!k.gap,
-          [e(R)[`separated__${k.gap}`]]: !!k.gap
+          [e(R).wrapper__vertical]: g.vertical,
+          [e(R).separated]: !!g.gap,
+          [e(R)[`separated__${g.gap}`]]: !!g.gap
         }
       ]
-    }, k.$attrs), [
-      (s(!0), _(he, null, ke(e(b), (U, I) => (s(), P(lt(U), {
+    }, g.$attrs), [
+      (s(!0), _(he, null, ke(e($), (E, I) => (s(), P(lt(E), {
         key: I,
         class: p(e(R).button),
         size: e(i),
         variant: e(r),
-        "onUpdate:modelValue": (q) => m(q ?? I)
+        "onUpdate:modelValue": (U) => m(U ?? I)
       }, null, 8, ["class", "size", "variant", "onUpdate:modelValue"]))), 128))
     ], 16));
   }
@@ -1287,7 +1288,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   "text-shade": "_text-shade_1m6gm_1"
 }, qa = {
   $style: Pa
-}, $1 = /* @__PURE__ */ le(va, [["__cssModules", qa]]), Ha = ["disabled"], Oa = /* @__PURE__ */ J({
+}, b1 = /* @__PURE__ */ le(va, [["__cssModules", qa]]), Ha = ["disabled"], Oa = /* @__PURE__ */ Y({
   name: "RuiCheckbox",
   inheritAttrs: !1,
   __name: "RuiCheckbox",
@@ -1305,15 +1306,15 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   },
   emits: ["update:modelValue", "update:indeterminate"],
   setup(z, { emit: a }) {
-    const l = z, d = a, { size: u, modelValue: f, indeterminate: h, errorMessages: c, successMessages: y } = pe(l), r = E(null), i = B({
+    const l = z, d = a, { size: u, modelValue: f, indeterminate: h, errorMessages: c, successMessages: y } = pe(l), r = W(null), i = A({
       get: () => t(f),
       set: (m) => {
         m && d("update:indeterminate", !1), d("update:modelValue", m);
       }
-    }), n = B(() => {
+    }), n = A(() => {
       const m = t(u);
       return m === "lg" ? 28 : m === "sm" ? 20 : 24;
-    }), { hasError: b, hasSuccess: M } = rt(
+    }), { hasError: $, hasSuccess: M } = rt(
       c,
       y
     );
@@ -1323,7 +1324,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     }), ge(i, (m) => {
       const R = t(r);
       R && R.checked !== m && (R.checked = m);
-    }), (m, R) => (s(), _("div", $e(be(e(Ze)(m.$attrs))), [
+    }), (m, R) => (s(), _("div", be($e(e(Ze)(m.$attrs))), [
       S("label", G({
         class: [
           m.$style.wrapper,
@@ -1336,12 +1337,12 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         qt(S("input", G({
           ref_key: "el",
           ref: r,
-          "onUpdate:modelValue": R[0] || (R[0] = (O) => tt(i) ? i.value = O : null),
+          "onUpdate:modelValue": R[0] || (R[0] = (H) => tt(i) ? i.value = H : null),
           type: "checkbox",
           class: m.$style.input,
           disabled: m.disabled
         }, e(nt)(m.$attrs, ["onInput", "onClick"])), null, 16, Ha), [
-          [bs, e(i)]
+          [$s, e(i)]
         ]),
         S("span", {
           class: p([
@@ -1351,8 +1352,8 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
             {
               [m.$style.checked]: e(f) || e(h),
               [m.$style.disabled]: m.disabled,
-              [m.$style["with-error"]]: e(b),
-              [m.$style["with-success"]]: e(M) && !e(b)
+              [m.$style["with-error"]]: e($),
+              [m.$style["with-success"]]: e(M) && !e($)
             }
           ])
         }, [
@@ -1377,9 +1378,9 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           D(m.$slots, "default", {}, () => [
             Ae(se(m.label), 1)
           ])
-        ], 2)) : g("", !0)
+        ], 2)) : k("", !0)
       ], 16),
-      m.hideDetails ? g("", !0) : (s(), P(it, {
+      m.hideDetails ? k("", !0) : (s(), P(it, {
         key: 0,
         "error-messages": e(c),
         "success-messages": e(y),
@@ -1410,7 +1411,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   "text-shade": "_text-shade_32njj_1"
 }, tl = {
   $style: el
-}, ms = /* @__PURE__ */ le(Oa, [["__cssModules", tl]]), sl = ["checked", "disabled"], nl = /* @__PURE__ */ J({
+}, ms = /* @__PURE__ */ le(Oa, [["__cssModules", tl]]), sl = ["checked", "disabled"], nl = /* @__PURE__ */ Y({
   name: "RuiSwitch",
   inheritAttrs: !1,
   __name: "RuiSwitch",
@@ -1429,14 +1430,14 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   setup(z, { emit: a }) {
     const l = z, d = a, { size: u, modelValue: f, errorMessages: h, successMessages: c } = pe(l);
     function y(n) {
-      const b = n.target.checked;
-      d("update:modelValue", b);
+      const $ = n.target.checked;
+      d("update:modelValue", $);
     }
     const { hasError: r, hasSuccess: i } = rt(
       h,
       c
     );
-    return (n, b) => (s(), _("div", $e(be(e(Ze)(n.$attrs))), [
+    return (n, $) => (s(), _("div", be($e(e(Ze)(n.$attrs))), [
       S("label", {
         class: p([
           n.$style.wrapper,
@@ -1459,7 +1460,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
             class: n.$style.input,
             disabled: n.disabled
           }, e(nt)(n.$attrs), {
-            onInput: b[0] || (b[0] = (M) => y(M))
+            onInput: $[0] || ($[0] = (M) => y(M))
           }), null, 16, sl),
           S("div", {
             class: p(n.$style.toggle)
@@ -1472,9 +1473,9 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           D(n.$slots, "default", {}, () => [
             Ae(se(n.label), 1)
           ])
-        ], 2)) : g("", !0)
+        ], 2)) : k("", !0)
       ], 2),
-      n.hideDetails ? g("", !0) : (s(), P(it, {
+      n.hideDetails ? k("", !0) : (s(), P(it, {
         key: 0,
         class: "pt-1",
         "error-messages": e(h),
@@ -1483,7 +1484,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       }, null, 8, ["error-messages", "success-messages", "hint"]))
     ], 16));
   }
-}), ol = "_wrapper_15uou_315", al = "_disabled_15uou_318", ll = "_input_15uou_321", rl = "_label_15uou_324", il = "_toggle_15uou_327", dl = "_checked_15uou_333", ul = "_sm_15uou_339", cl = "_inner_15uou_339", pl = "_primary_15uou_351", _l = "_secondary_15uou_354", fl = "_error_15uou_357", yl = "_warning_15uou_360", ml = "_info_15uou_363", hl = "_success_15uou_366", $l = {
+}), ol = "_wrapper_15uou_315", al = "_disabled_15uou_318", ll = "_input_15uou_321", rl = "_label_15uou_324", il = "_toggle_15uou_327", dl = "_checked_15uou_333", ul = "_sm_15uou_339", cl = "_inner_15uou_339", pl = "_primary_15uou_351", _l = "_secondary_15uou_354", fl = "_error_15uou_357", yl = "_warning_15uou_360", ml = "_info_15uou_363", hl = "_success_15uou_366", bl = {
   wrapper: ol,
   disabled: al,
   input: ll,
@@ -1504,9 +1505,9 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   "bg-shade": "_bg-shade_15uou_1",
   "text-tint": "_text-tint_15uou_1",
   "text-shade": "_text-shade_15uou_1"
-}, bl = {
-  $style: $l
-}, b1 = /* @__PURE__ */ le(nl, [["__cssModules", bl]]), vl = ["max", "min", "step", "disabled"], gl = /* @__PURE__ */ J({
+}, $l = {
+  $style: bl
+}, $1 = /* @__PURE__ */ le(nl, [["__cssModules", $l]]), vl = ["max", "min", "step", "disabled"], gl = /* @__PURE__ */ Y({
   name: "RuiSlider",
   inheritAttrs: !1,
   __name: "RuiSlider",
@@ -1532,108 +1533,108 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   },
   emits: ["update:model-value"],
   setup(z, { emit: a }) {
-    st((A) => ({
+    st((B) => ({
       "24cfa32b": e(I),
-      "4e8a697c": e(U),
+      "4e8a697c": e(E),
       "3f1edc84": e(m),
-      "255f9fa4": e(q)
+      "255f9fa4": e(U)
     }));
-    const l = z, d = a, { modelValue: u, max: f, min: h, step: c, errorMessages: y, successMessages: r, vertical: i, tickSize: n } = pe(l), b = B({
+    const l = z, d = a, { modelValue: u, max: f, min: h, step: c, errorMessages: y, successMessages: r, vertical: i, tickSize: n } = pe(l), $ = A({
       get() {
         return t(u);
       },
-      set(A) {
-        d("update:model-value", A);
+      set(B) {
+        d("update:model-value", B);
       }
-    }), M = B(() => {
-      const A = t(h), Y = t(c), V = (t(f) - A) / Y;
-      return [Math.round((t(u) - A) / Y), V];
-    }), m = B(() => {
-      const [A, Y] = t(M);
-      return `${Math.min(100, Math.max(0, Math.round(A / Y * 100)))}%`;
-    }), { hasError: R, hasSuccess: O } = rt(
+    }), M = A(() => {
+      const B = t(h), J = t(c), V = (t(f) - B) / J;
+      return [Math.round((t(u) - B) / 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(
       y,
       r
-    ), N = E(), { width: k, height: F } = ps(N), U = B(() => `${t(k)}px`), I = B(() => `${t(F)}px`), q = B(() => `${t(n)}px`);
-    return (A, Y) => (s(), _("div", $e(be(e(Ze)(A.$attrs))), [
+    ), 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))), [
       S("label", {
         class: p([
-          A.$style.wrapper,
+          B.$style.wrapper,
           {
-            [A.$style.disabled]: A.disabled,
-            [A.$style.vertical]: e(i),
-            [A.$style[A.color]]: A.color,
-            [A.$style["hide-track"]]: A.hideTrack,
-            [A.$style["big-tick"]]: e(n) > 4,
-            [A.$style["with-error"]]: e(R),
-            [A.$style["with-success"]]: e(O) && !e(R)
+            [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)
           }
         ])
       }, [
-        A.label ? (s(), _("div", {
+        B.label ? (s(), _("div", {
           key: 0,
-          class: p([A.$style.label, "text-body-1"])
-        }, se(A.label), 3)) : g("", !0),
+          class: p([B.$style.label, "text-body-1"])
+        }, se(B.label), 3)) : k("", !0),
         S("div", {
           ref_key: "outer",
-          ref: N,
-          class: p(A.$style.outer)
+          ref: O,
+          class: p(B.$style.outer)
         }, [
           S("div", {
-            class: p(A.$style.inner)
+            class: p(B.$style.inner)
           }, [
             qt(S("input", G({
-              "onUpdate:modelValue": Y[0] || (Y[0] = (K) => tt(b) ? b.value = K : null),
-              class: A.$style.input,
+              "onUpdate:modelValue": J[0] || (J[0] = (K) => tt($) ? $.value = K : null),
+              class: B.$style.input,
               type: "range",
               max: e(f),
               min: e(h),
               step: e(c),
-              disabled: A.disabled
-            }, e(nt)(A.$attrs)), null, 16, vl), [
-              [ls, e(b)]
+              disabled: B.disabled
+            }, e(nt)(B.$attrs)), null, 16, vl), [
+              [ls, e($)]
             ]),
             S("div", {
-              class: p(A.$style.slider)
+              class: p(B.$style.slider)
             }, [
               S("div", {
-                class: p(A.$style.slider__inner)
+                class: p(B.$style.slider__inner)
               }, [
                 S("div", {
-                  class: p([A.$style.slider__container, A.sliderClass])
+                  class: p([B.$style.slider__container, B.sliderClass])
                 }, [
-                  A.hideTrack ? g("", !0) : (s(), _("div", {
+                  B.hideTrack ? k("", !0) : (s(), _("div", {
                     key: 0,
-                    class: p(A.$style.slider__container__track)
+                    class: p(B.$style.slider__container__track)
                   }, null, 2)),
-                  A.showTicks && !A.disabled ? (s(), _("div", {
+                  B.showTicks && !B.disabled ? (s(), _("div", {
                     key: 1,
-                    class: p(A.$style.slider__ticks)
+                    class: p(B.$style.slider__ticks)
                   }, [
                     (s(!0), _(he, null, ke(e(M)[1] + 1, (K) => (s(), _("span", {
                       key: K,
-                      class: p(A.hideTrack ? [A.tickClass] : { [A.$style.highlighted]: K - 1 <= e(M)[0], [A.tickClass]: K - 1 > e(M)[0] })
+                      class: p(B.hideTrack ? [B.tickClass] : { [B.$style.highlighted]: K - 1 <= e(M)[0], [B.tickClass]: K - 1 > e(M)[0] })
                     }, null, 2))), 128))
-                  ], 2)) : g("", !0)
+                  ], 2)) : k("", !0)
                 ], 2),
                 S("div", {
-                  class: p(A.$style.slider__thumb)
+                  class: p(B.$style.slider__thumb)
                 }, null, 2),
-                A.showThumbLabel && !A.disabled ? (s(), _("div", {
+                B.showThumbLabel && !B.disabled ? (s(), _("div", {
                   key: 0,
-                  class: p(A.$style.slider__thumb_label)
-                }, se(e(u)), 3)) : g("", !0)
+                  class: p(B.$style.slider__thumb_label)
+                }, se(e(u)), 3)) : k("", !0)
               ], 2)
             ], 2)
           ], 2)
         ], 2)
       ], 2),
-      A.hideDetails ? g("", !0) : (s(), P(it, {
+      B.hideDetails ? k("", !0) : (s(), P(it, {
         key: 0,
         class: "pt-1",
         "error-messages": e(y),
         "success-messages": e(r),
-        hint: A.hint
+        hint: B.hint
       }, null, 8, ["error-messages", "success-messages", "hint"]))
     ], 16));
   }
@@ -1672,7 +1673,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   "text-shade": "_text-shade_17azb_1"
 }, El = {
   $style: Fl
-}, v1 = /* @__PURE__ */ le(gl, [["__cssModules", El]]), g1 = /* @__PURE__ */ J({
+}, v1 = /* @__PURE__ */ le(gl, [["__cssModules", El]]), g1 = /* @__PURE__ */ Y({
   name: "RuiDivider",
   inheritAttrs: !1,
   __name: "RuiDivider",
@@ -1684,7 +1685,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       class: [a.vertical ? "border-l" : "border-t", "border-default"]
     }, a.$attrs), null, 16));
   }
-}), Ul = /* @__PURE__ */ J({
+}), Ul = /* @__PURE__ */ Y({
   __name: "RuiStepperIcon",
   props: {
     state: { default: je.inactive },
@@ -1714,7 +1715,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       })) : a.state === e(je).info ? (s(), P(ee, {
         key: 5,
         name: "lu-info"
-      })) : g("", !0)
+      })) : k("", !0)
     ], 2));
   }
 }), Gl = "_indicator_vbhrs_1", Kl = "_text_vbhrs_4", Ql = "_inactive_vbhrs_7", Xl = "_active_vbhrs_10", Yl = "_done_vbhrs_10", Jl = {
@@ -1725,7 +1726,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   done: Yl
 }, Zl = {
   $style: Jl
-}, xl = /* @__PURE__ */ le(Ul, [["__cssModules", Zl]]), er = /* @__PURE__ */ J({
+}, xl = /* @__PURE__ */ le(Ul, [["__cssModules", Zl]]), er = /* @__PURE__ */ Y({
   __name: "RuiStepperCustomIcon",
   props: {
     state: { default: je.inactive },
@@ -1759,7 +1760,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   text: nr
 }, ar = {
   $style: or
-}, lr = /* @__PURE__ */ le(er, [["__cssModules", ar]]), rr = { class: "relative flex py-2" }, ir = /* @__PURE__ */ J({
+}, lr = /* @__PURE__ */ le(er, [["__cssModules", ar]]), rr = { class: "relative flex py-2" }, ir = /* @__PURE__ */ Y({
   name: "RuiStepper",
   __name: "RuiStepper",
   props: {
@@ -1773,16 +1774,16 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     keepActiveVisible: { type: Boolean, default: !0 }
   },
   setup(z) {
-    const a = z, { custom: l, steps: d, step: u, orientation: f, keepActiveVisible: h } = pe(a), c = B(() => {
+    const a = z, { custom: l, steps: d, step: u, orientation: f, keepActiveVisible: h } = pe(a), c = A(() => {
       const r = t(u), i = t(d);
-      return Mt(r) ? i.map((n, b) => {
+      return Mt(r) ? i.map((n, $) => {
         let M = je.inactive;
-        return b + 1 === r && (M = je.active), b + 1 < r && (M = je.done), {
+        return $ + 1 === r && (M = je.active), $ + 1 < r && (M = je.done), {
           ...n,
           state: M
         };
       }) : i;
-    }), y = E();
+    }), y = W();
     return ge(u, () => {
       !t(h) || t(f) !== ss.horizontal || Ye(() => {
         var i;
@@ -1804,11 +1805,11 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         { [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: b, state: M, loading: m }, R) => (s(), _(he, { key: R }, [
+      (s(!0), _(he, null, ke(e(c), ({ title: n, description: $, state: M, loading: m }, R) => (s(), _(he, { key: R }, [
         R > 0 ? (s(), _("hr", {
           key: 0,
           class: p(r.$style.divider)
-        }, null, 2)) : g("", !0),
+        }, null, 2)) : k("", !0),
         S("div", {
           class: p([
             r.$style.step,
@@ -1837,27 +1838,27 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                 circular: "",
                 thickness: "2",
                 color: "primary"
-              })) : g("", !0)
+              })) : k("", !0)
             ])
           ]),
-          n || b ? (s(), _("div", {
+          n || $ ? (s(), _("div", {
             key: 0,
             class: p(r.$style.label)
           }, [
             n ? (s(), _("span", {
               key: 0,
               class: p([[r.$style.title, { [r.titleClass]: e(l) }], "text-subtitle-2"])
-            }, se(n), 3)) : g("", !0),
-            b ? (s(), _("span", {
+            }, se(n), 3)) : k("", !0),
+            $ ? (s(), _("span", {
               key: 1,
               class: p([[r.$style.subtitle, { [r.subtitleClass]: e(l) }], "text-caption"])
-            }, se(b), 3)) : g("", !0)
-          ], 2)) : g("", !0)
+            }, se($), 3)) : k("", !0)
+          ], 2)) : k("", !0)
         ], 2)
       ], 64))), 128))
     ], 2));
   }
-}), dr = "_stepper_niksj_1", ur = "_horizontal_niksj_4", cr = "_vertical_niksj_7", pr = "_step_niksj_1", _r = "_divider_niksj_13", fr = "_custom_niksj_16", yr = "_indicator_niksj_25", mr = "_label_niksj_28", hr = "_inactive_niksj_31", $r = "_title_niksj_34", br = "_subtitle_niksj_37", vr = "_active_niksj_40", gr = "_done_niksj_40", kr = "_error_niksj_46", wr = "_warning_niksj_49", Cr = "_info_niksj_52", zr = "_success_niksj_55", Mr = {
+}), dr = "_stepper_niksj_1", ur = "_horizontal_niksj_4", cr = "_vertical_niksj_7", pr = "_step_niksj_1", _r = "_divider_niksj_13", fr = "_custom_niksj_16", yr = "_indicator_niksj_25", mr = "_label_niksj_28", hr = "_inactive_niksj_31", br = "_title_niksj_34", $r = "_subtitle_niksj_37", vr = "_active_niksj_40", gr = "_done_niksj_40", kr = "_error_niksj_46", wr = "_warning_niksj_49", Cr = "_info_niksj_52", zr = "_success_niksj_55", Mr = {
   stepper: dr,
   horizontal: ur,
   vertical: cr,
@@ -1868,8 +1869,8 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   indicator: yr,
   label: mr,
   inactive: hr,
-  title: $r,
-  subtitle: br,
+  title: br,
+  subtitle: $r,
   active: vr,
   done: gr,
   error: kr,
@@ -1878,7 +1879,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   success: zr
 }, Vr = {
   $style: Mr
-}, k1 = /* @__PURE__ */ le(ir, [["__cssModules", Vr]]), Rr = ["value"], Br = ["placeholder", "disabled", "readonly"], Ar = /* @__PURE__ */ J({
+}, k1 = /* @__PURE__ */ le(ir, [["__cssModules", Vr]]), Rr = ["value"], Br = ["placeholder", "disabled", "readonly"], Ar = /* @__PURE__ */ Y({
   name: "RuiTextArea",
   inheritAttrs: !1,
   __name: "RuiTextArea",
@@ -1910,8 +1911,8 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   emits: /* @__PURE__ */ et(["click:clear"], ["update:modelValue"]),
   setup(z, { emit: a }) {
     st((Z) => ({
-      e6416b32: e(Y),
-      "0b4c229d": e(A),
+      e6416b32: e(J),
+      "0b4c229d": e(B),
       "275d1172": e(I)
     }));
     const l = Qe(z, "modelValue"), d = z, u = a, {
@@ -1922,24 +1923,24 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       readonly: r,
       minRows: i,
       maxRows: n,
-      noResize: b,
+      noResize: $,
       rowHeight: M,
       errorMessages: m,
       successMessages: R
-    } = pe(d), O = E(), N = E(), k = E(), F = E(), U = Xt(), I = B(() => t(f) ? `'  ${t(f)}  '` : '"\\200B"'), q = 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;
-    }), A = E("0px"), Y = E("0px");
-    Vt(O, (Z) => {
+    }), B = W("0px"), J = W("0px");
+    Vt(H, (Z) => {
       const [_e] = Z, { width: Me, left: ye } = _e.contentRect;
-      w(A, `${Me + ye + 24}px`);
-    }), Vt(N, (Z) => {
+      w(B, `${Me + ye + 24}px`);
+    }), Vt(O, (Z) => {
       const [_e] = Z, { width: Me, right: ye } = _e.contentRect;
-      w(Y, `${Me + ye + 24}px`);
+      w(J, `${Me + ye + 24}px`);
     });
-    const K = B(() => d.color ? U[d.color] : void 0), V = Ot(
+    const K = A(() => d.color ? E[d.color] : void 0), V = Ot(
       c,
       l,
       Rt(y),
@@ -1954,85 +1955,85 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     function ne(Z, _e) {
       if (!t(h))
         return;
-      const Me = t(k), ye = Z ?? t(l), qe = t(F);
+      const Me = t(g), ye = Z ?? t(l), qe = t(F);
       Me && qe && Ye(() => {
-        Me.style.minHeight = t(q).minHeight;
+        Me.style.minHeight = t(U).minHeight;
         const Be = qe.scrollHeight, xe = Me.scrollHeight;
         let He = `${Math.max(Be, xe) / 16}rem`;
         _e && _e.length > ye.length && (He = `${Math.min(Be, xe) / 16}rem`), Me.style.height = He;
       });
     }
-    const { focused: x } = Ht(k), ze = Dt(x, 500);
-    return ge(l, ne), $t(ne), (Z, _e) => (s(), _("div", $e(be(("getRootAttrs" in Z ? Z.getRootAttrs : e(Ze))(Z.$attrs))), [
+    const { focused: x } = Ht(g), ze = Dt(x, 500);
+    return ge(l, ne), bt(ne), (Z, _e) => (s(), _("div", be($e(("getRootAttrs" in Z ? Z.getRootAttrs : e(Ze))(Z.$attrs))), [
       S("div", {
         class: p([
-          e(U).wrapper,
+          e(E).wrapper,
           e(K),
-          e(U)[Z.variant ?? ""],
+          e(E)[Z.variant ?? ""],
           {
-            [e(U).dense]: Z.dense,
-            [e(U).disabled]: e(y),
-            [e(U)["no-label"]]: !e(f),
-            [e(U)["with-error"]]: e(C),
-            [e(U)["with-success"]]: e(te) && !e(C),
-            [e(U)[`text_${Z.textColor}`]]: Z.textColor && !e(Q)
+            [e(E).dense]: Z.dense,
+            [e(E).disabled]: e(y),
+            [e(E)["no-label"]]: !e(f),
+            [e(E)["with-error"]]: e(C),
+            [e(E)["with-success"]]: e(te) && !e(C),
+            [e(E)[`text_${Z.textColor}`]]: Z.textColor && !e(Q)
           }
         ])
       }, [
         Z.$slots.prepend || Z.prependIcon ? (s(), _("div", {
           key: 0,
           ref_key: "prepend",
-          ref: O,
-          class: p(["flex items-center gap-1 shrink-0", e(U).prepend])
+          ref: H,
+          class: p(["flex items-center gap-1 shrink-0", e(E).prepend])
         }, [
           Z.$slots.prepend ? D(Z.$slots, "prepend", { key: 0 }) : Z.prependIcon ? (s(), _("div", {
             key: 1,
-            class: p([e(U).icon])
+            class: p([e(E).icon])
           }, [
             L(ee, { name: Z.prependIcon }, null, 8, ["name"])
-          ], 2)) : g("", !0)
-        ], 2)) : g("", !0),
+          ], 2)) : k("", !0)
+        ], 2)) : k("", !0),
         S("div", {
-          class: p(e(U).inner_wrapper)
+          class: p(e(E).inner_wrapper)
         }, [
           e(h) ? (s(), _("textarea", {
             key: 0,
             ref_key: "textareaSizer",
             ref: F,
             value: l.value,
-            class: p([e(U).textarea_sizer]),
-            style: Ge(e(q)),
+            class: p([e(E).textarea_sizer]),
+            style: Ge(e(U)),
             "aria-hidden": "true",
             disabled: "",
             readonly: ""
-          }, null, 14, Rr)) : g("", !0),
+          }, null, 14, Rr)) : k("", !0),
           qt(S("textarea", G({
             ref_key: "textarea",
-            ref: k,
+            ref: g,
             "onUpdate:modelValue": _e[0] || (_e[0] = (Me) => l.value = Me),
             placeholder: Z.placeholder || " ",
-            class: [e(U).textarea, e(b) ? "resize-none" : "resize-y"],
-            style: e(q),
+            class: [e(E).textarea, e($) ? "resize-none" : "resize-y"],
+            style: e(U),
             disabled: e(y),
             readonly: e(r)
           }, ("getNonRootAttrs" in Z ? Z.getNonRootAttrs : e(nt))(Z.$attrs)), null, 16, Br), [
             [ls, l.value]
           ]),
           S("label", {
-            class: p(e(U).label)
+            class: p(e(E).label)
           }, se(e(f)), 3),
           Z.variant === "outlined" ? (s(), _("fieldset", {
             key: 1,
-            class: p(e(U).fieldset)
+            class: p(e(E).fieldset)
           }, _e[2] || (_e[2] = [
             S("legend", null, null, -1)
-          ]), 2)) : g("", !0)
+          ]), 2)) : k("", !0)
         ], 2),
         Z.$slots.append || Z.appendIcon || e(V) ? (s(), _("div", {
           key: 1,
           ref_key: "append",
-          ref: N,
-          class: p(["flex items-center gap-1 shrink-0", e(U).append])
+          ref: O,
+          class: p(["flex items-center gap-1 shrink-0", e(E).append])
         }, [
           e(V) ? (s(), P(we, {
             key: 0,
@@ -2044,23 +2045,23 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
             tabindex: "-1",
             onClick: _e[1] || (_e[1] = Ie((Me) => fe(), ["stop"]))
           }, {
-            default: W(() => [
+            default: N(() => [
               L(ee, {
                 name: "lu-x",
                 size: "20"
               })
             ]),
             _: 1
-          }, 8, ["class"])) : g("", !0),
+          }, 8, ["class"])) : k("", !0),
           Z.$slots.append ? D(Z.$slots, "append", { key: 1 }) : Z.appendIcon ? (s(), _("div", {
             key: 2,
-            class: p([e(U).icon])
+            class: p([e(E).icon])
           }, [
             L(ee, { name: Z.appendIcon }, null, 8, ["name"])
-          ], 2)) : g("", !0)
-        ], 2)) : g("", !0)
+          ], 2)) : k("", !0)
+        ], 2)) : k("", !0)
       ], 2),
-      Z.hideDetails ? g("", !0) : (s(), P(it, {
+      Z.hideDetails ? k("", !0) : (s(), P(it, {
         key: 0,
         class: "pt-1 px-3",
         "error-messages": e(m),
@@ -2108,7 +2109,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   "text-shade": "_text-shade_1xhla_1"
 }, ni = {
   $style: si
-}, w1 = /* @__PURE__ */ le(Ar, [["__cssModules", ni]]), oi = /* @__PURE__ */ J({
+}, w1 = /* @__PURE__ */ le(Ar, [["__cssModules", ni]]), oi = /* @__PURE__ */ Y({
   name: "RuiTextField",
   inheritAttrs: !1,
   __name: "RuiTextField",
@@ -2136,9 +2137,9 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   emits: /* @__PURE__ */ et(["focus-input", "blur", "remove", "clear"], ["update:modelValue"]),
   setup(z, { emit: a }) {
     st((C) => ({
-      "291303dd": e(N),
-      d3d17db2: e(k),
-      "9835eef2": e(b)
+      "291303dd": e(O),
+      d3d17db2: e(g),
+      "9835eef2": e($)
     }));
     const l = Qe(z, "modelValue"), d = z, u = a, {
       label: f,
@@ -2152,21 +2153,21 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       const te = C.target.value;
       w(l, te);
     }
-    const b = B(() => {
+    const $ = A(() => {
       const C = t(f);
       return C ? `'  ${C}  '` : '"\\200B"';
-    }), M = E(), m = E(), R = E(), O = E(), N = E("0px"), k = E("0px"), { width: F } = ps(R);
+    }), M = W(), m = W(), R = W(), H = W(), O = W("0px"), g = W("0px"), { width: F } = ps(R);
     Vt(M, (C) => {
       const [te] = C, { width: Q, left: fe } = te.contentRect;
-      w(N, `${Q + fe}px`);
+      w(O, `${Q + fe}px`);
     }), Vt(m, (C) => {
       const [te] = C, { width: Q, right: fe } = te.contentRect;
-      w(k, `${Q + fe}px`);
+      w(g, `${Q + fe}px`);
     });
-    const { hasError: U, hasSuccess: I, hasMessages: q } = rt(
+    const { hasError: E, hasSuccess: I, hasMessages: U } = rt(
       r,
       i
-    ), { focused: A } = Ht(O), Y = Dt(A, 500), K = Ot(
+    ), { focused: B } = Ht(H), J = Dt(B, 500), K = Ot(
       h,
       l,
       Rt(c),
@@ -2175,7 +2176,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     function V() {
       w(l, ""), u("clear");
     }
-    return (C, te) => (s(), _("div", $e(be(e(Ze)(C.$attrs))), [
+    return (C, te) => (s(), _("div", be($e(e(Ze)(C.$attrs))), [
       S("div", {
         class: p([
           C.$style.wrapper,
@@ -2185,9 +2186,9 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
             [C.$style.dense]: C.dense,
             [C.$style.disabled]: e(c),
             [C.$style["no-label"]]: !e(f),
-            [C.$style["with-error"]]: e(U),
-            [C.$style["with-success"]]: e(I) && !e(U),
-            [C.$style[`text_${C.textColor}`]]: C.textColor && !e(q)
+            [C.$style["with-error"]]: e(E),
+            [C.$style["with-success"]]: e(I) && !e(E),
+            [C.$style[`text_${C.textColor}`]]: C.textColor && !e(U)
           }
         ])
       }, [
@@ -2202,8 +2203,8 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
             class: p([C.$style.icon])
           }, [
             L(ee, { name: C.prependIcon }, null, 8, ["name"])
-          ], 2)) : g("", !0)
-        ], 2)) : g("", !0),
+          ], 2)) : k("", !0)
+        ], 2)) : k("", !0),
         S("div", {
           ref_key: "innerWrapper",
           ref: R,
@@ -2212,7 +2213,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         }, [
           (s(), P(lt(C.as), G({
             ref_key: "inputRef",
-            ref: O,
+            ref: H,
             value: l.value,
             placeholder: C.placeholder || " ",
             class: C.$style.input,
@@ -2238,7 +2239,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
             S("legend", {
               class: p({ [C.$style.show]: e(f) })
             }, null, 2)
-          ], 2)) : g("", !0)
+          ], 2)) : k("", !0)
         ], 512),
         C.$slots.append || C.appendIcon || e(K) ? (s(), _("div", {
           key: 1,
@@ -2248,7 +2249,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         }, [
           e(K) ? (s(), P(we, {
             key: 0,
-            class: p([{ hidden: !e(Y) }, "!p-2 clear-btn"]),
+            class: p([{ hidden: !e(J) }, "!p-2 clear-btn"]),
             variant: "text",
             type: "button",
             icon: "",
@@ -2256,23 +2257,23 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
             tabindex: "-1",
             onClick: te[4] || (te[4] = Ie((Q) => V(), ["stop"]))
           }, {
-            default: W(() => [
+            default: N(() => [
               L(ee, {
                 name: "lu-x",
                 size: "20"
               })
             ]),
             _: 1
-          }, 8, ["class"])) : g("", !0),
+          }, 8, ["class"])) : k("", !0),
           C.$slots.append ? D(C.$slots, "append", { key: 1 }) : C.appendIcon ? (s(), _("div", {
             key: 2,
             class: p([C.$style.icon])
           }, [
             L(ee, { name: C.appendIcon }, null, 8, ["name"])
-          ], 2)) : g("", !0)
-        ], 2)) : g("", !0)
+          ], 2)) : k("", !0)
+        ], 2)) : k("", !0)
       ], 2),
-      C.hideDetails ? g("", !0) : (s(), P(it, {
+      C.hideDetails ? k("", !0) : (s(), P(it, {
         key: 0,
         class: "pt-1 px-3",
         "error-messages": e(r),
@@ -2281,7 +2282,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       }, null, 8, ["error-messages", "success-messages", "hint"]))
     ], 16));
   }
-}), ai = "_wrapper_kdkbx_316", li = "_label_kdkbx_319", ri = "_icon_kdkbx_325", ii = "_filled_kdkbx_331", di = "_input_kdkbx_331", ui = "_outlined_kdkbx_337", ci = "_fieldset_kdkbx_337", pi = "_disabled_kdkbx_340", _i = "_prepend_kdkbx_393", fi = "_append_kdkbx_396", yi = "_primary_kdkbx_399", mi = "_text_primary_kdkbx_408", hi = "_secondary_kdkbx_418", $i = "_text_secondary_kdkbx_427", bi = "_error_kdkbx_437", vi = "_text_error_kdkbx_446", gi = "_warning_kdkbx_456", ki = "_text_warning_kdkbx_465", wi = "_info_kdkbx_475", Ci = "_text_info_kdkbx_484", zi = "_success_kdkbx_494", Mi = "_text_success_kdkbx_503", Vi = "_dense_kdkbx_531", Ri = "_show_kdkbx_594", Bi = {
+}), ai = "_wrapper_kdkbx_316", li = "_label_kdkbx_319", ri = "_icon_kdkbx_325", ii = "_filled_kdkbx_331", di = "_input_kdkbx_331", ui = "_outlined_kdkbx_337", ci = "_fieldset_kdkbx_337", pi = "_disabled_kdkbx_340", _i = "_prepend_kdkbx_393", fi = "_append_kdkbx_396", yi = "_primary_kdkbx_399", mi = "_text_primary_kdkbx_408", hi = "_secondary_kdkbx_418", bi = "_text_secondary_kdkbx_427", $i = "_error_kdkbx_437", vi = "_text_error_kdkbx_446", gi = "_warning_kdkbx_456", ki = "_text_warning_kdkbx_465", wi = "_info_kdkbx_475", Ci = "_text_info_kdkbx_484", zi = "_success_kdkbx_494", Mi = "_text_success_kdkbx_503", Vi = "_dense_kdkbx_531", Ri = "_show_kdkbx_594", Bi = {
   wrapper: ai,
   label: li,
   icon: ri,
@@ -2296,9 +2297,9 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   text_primary: mi,
   "with-primary": "_with-primary_kdkbx_410",
   secondary: hi,
-  text_secondary: $i,
+  text_secondary: bi,
   "with-secondary": "_with-secondary_kdkbx_429",
-  error: bi,
+  error: $i,
   text_error: vi,
   "with-error": "_with-error_kdkbx_448",
   warning: gi,
@@ -2319,7 +2320,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   "text-shade": "_text-shade_kdkbx_1"
 }, Ai = {
   $style: Bi
-}, Gt = /* @__PURE__ */ le(oi, [["__cssModules", Ai]]), Si = ["data-tooltip-disabled"], ji = /* @__PURE__ */ J({
+}, Gt = /* @__PURE__ */ le(oi, [["__cssModules", Ai]]), Si = ["data-tooltip-disabled"], ji = /* @__PURE__ */ Y({
   name: "RuiTooltip",
   __name: "RuiTooltip",
   props: {
@@ -2339,28 +2340,28 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       open: r,
       popperEnter: i,
       onOpen: n,
-      onClose: b,
+      onClose: $,
       onPopperLeave: M,
       updatePopper: m
     } = is(f, h, u, d);
     return a({
       onOpen: n,
-      onClose: b
-    }), (R, O) => {
-      var N;
+      onClose: $
+    }), (R, H) => {
+      var O;
       return s(), _("div", {
         ref_key: "activator",
         ref: c,
         class: p(R.$style.wrapper),
         "data-tooltip-disabled": e(h),
-        onMouseover: O[4] || (O[4] = (k) => e(n)()),
-        onMouseleave: O[5] || (O[5] = (k) => e(b)())
+        onMouseover: H[4] || (H[4] = (g) => e(n)()),
+        onMouseleave: H[5] || (H[5] = (g) => e($)())
       }, [
         D(R.$slots, "activator", {
           open: e(r),
-          close: e(b)
+          close: e($)
         }),
-        e(h) ? g("", !0) : (s(), P(Bt, {
+        e(h) ? k("", !0) : (s(), P(Bt, {
           key: 0,
           to: "body"
         }, [
@@ -2371,7 +2372,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
             class: p([
               R.$style.tooltip,
               R.tooltipClass,
-              R.$style[`tooltip__${((N = e(f)) == null ? void 0 : N.strategy) ?? "absolute"}`]
+              R.$style[`tooltip__${((O = e(f)) == null ? void 0 : O.strategy) ?? "absolute"}`]
             ]),
             role: "tooltip"
           }, [
@@ -2382,22 +2383,22 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
               "leave-active-class": "transition ease-in duration-150",
               "leave-from-class": "opacity-100 translate-y-0",
               "leave-to-class": "opacity-0 translate-y-1",
-              onBeforeEnter: O[2] || (O[2] = (k) => e(m)()),
-              onAfterLeave: O[3] || (O[3] = (k) => e(M)())
+              onBeforeEnter: H[2] || (H[2] = (g) => e(m)()),
+              onAfterLeave: H[3] || (H[3] = (g) => e(M)())
             }, {
-              default: W(() => [
+              default: N(() => [
                 e(r) ? (s(), _("div", {
                   key: "tooltip",
                   class: p(R.$style.base),
                   role: "tooltip-content",
-                  onMouseover: O[0] || (O[0] = (k) => R.persistOnTooltipHover && e(n)()),
-                  onMouseleave: O[1] || (O[1] = (k) => R.persistOnTooltipHover && e(b)())
+                  onMouseover: H[0] || (H[0] = (g) => R.persistOnTooltipHover && e(n)()),
+                  onMouseleave: H[1] || (H[1] = (g) => R.persistOnTooltipHover && e($)())
                 }, [
                   D(R.$slots, "default", {}, () => [
                     Ae(se(R.text), 1)
                   ])
-                ], 34)) : g("", !0),
-                R.hideArrow ? g("", !0) : (s(), _("span", {
+                ], 34)) : k("", !0),
+                R.hideArrow ? k("", !0) : (s(), _("span", {
                   key: 1,
                   class: p([R.$style.arrow, { [R.$style.arrow__open]: e(r) }]),
                   "data-popper-arrow": ""
@@ -2405,7 +2406,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
               ]),
               _: 3
             })
-          ], 2)) : g("", !0)
+          ], 2)) : k("", !0)
         ]))
       ], 42, Si);
     };
@@ -2420,7 +2421,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   arrow__open: Oi
 }, Ni = {
   $style: Li
-}, hs = /* @__PURE__ */ le(ji, [["__cssModules", Ni]]), Wi = /* @__PURE__ */ J({
+}, hs = /* @__PURE__ */ le(ji, [["__cssModules", Ni]]), Wi = /* @__PURE__ */ Y({
   name: "RuiBadge",
   __name: "RuiBadge",
   props: {
@@ -2442,7 +2443,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       dd4875ce: e(f)
     }));
     const a = z, l = Je(), { modelValue: d, offsetX: u, offsetY: f, icon: h, text: c } = pe(a), y = ht(h, l.icon), r = ht(c, l.badge), i = Ot(y, r);
-    return (n, b) => (s(), _("div", {
+    return (n, $) => (s(), _("div", {
       class: p(n.$style.wrapper)
     }, [
       D(n.$slots, "default"),
@@ -2455,7 +2456,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         "leave-from-class": "scale-100",
         "leave-to-class": "scale-0"
       }, {
-        default: W(() => [
+        default: N(() => [
           e(d) ? (s(), _("div", {
             key: 0,
             class: p([
@@ -2471,7 +2472,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
             "aria-live": "polite",
             role: "status"
           }, [
-            n.dot ? g("", !0) : (s(), _("span", {
+            n.dot ? k("", !0) : (s(), _("span", {
               key: 0,
               class: p([
                 n.$style.content,
@@ -2489,10 +2490,10 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                   name: e(h),
                   size: "16",
                   class: p({ "ml-0.5": e(r) })
-                }, null, 8, ["name", "class"])) : g("", !0)
+                }, null, 8, ["name", "class"])) : k("", !0)
               ])
             ], 2))
-          ], 2)) : g("", !0)
+          ], 2)) : k("", !0)
         ]),
         _: 3
       })
@@ -2528,7 +2529,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   "text-shade": "_text-shade_d9do2_1"
 }, pd = {
   $style: cd
-}, _d = /* @__PURE__ */ le(Wi, [["__cssModules", pd]]), fd = /* @__PURE__ */ J({
+}, _d = /* @__PURE__ */ le(Wi, [["__cssModules", pd]]), fd = /* @__PURE__ */ Y({
   name: "RuiDialog",
   inheritAttrs: !1,
   __name: "RuiDialog",
@@ -2548,44 +2549,44 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       width: f,
       maxWidth: h,
       bottomSheet: c
-    } = pe(l), y = E(!1), r = E(!1);
-    at(u, (k) => {
+    } = pe(l), y = W(!1), r = W(!1);
+    at(u, (g) => {
       Ye(() => {
-        w(y, k);
+        w(y, g);
       });
-    }), ge(y, (k) => {
-      k ? Ye(() => {
-        w(r, k);
+    }), ge(y, (g) => {
+      g ? Ye(() => {
+        w(r, g);
       }) : setTimeout(() => {
-        w(r, k);
+        w(r, g);
       }, 100);
     });
-    function i(k) {
-      d("update:model-value", k), k || d("closed");
+    function i(g) {
+      d("update:model-value", g), g || d("closed");
     }
-    ge(r, (k) => {
-      k ? (i(k), w(y, k)) : setTimeout(() => {
-        i(k), w(y, k);
+    ge(r, (g) => {
+      g ? (i(g), w(y, g)) : setTimeout(() => {
+        i(g), w(y, g);
       }, 100);
     });
     function n() {
       w(r, !1);
     }
-    const b = B(() => ({
+    const $ = A(() => ({
       width: Tt(t(f)),
       maxWidth: Tt(t(h))
-    })), M = E(void 0);
-    ge(M, (k) => {
-      k && Ye(() => {
-        k.focus();
+    })), M = W(void 0);
+    ge(M, (g) => {
+      g && Ye(() => {
+        g.focus();
       });
     });
-    const m = B(() => ({
+    const m = A(() => ({
       onClick: () => {
-        const k = !t(y);
-        w(y, k), i(k);
+        const g = !t(y);
+        w(y, g), i(g);
       }
-    })), R = B(() => t(c) ? {
+    })), R = A(() => t(c) ? {
       enterFromClass: "translate-y-full",
       enterActiveClass: "ease-out duration-150",
       enterToClass: "translate-y-0",
@@ -2600,23 +2601,23 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       leaveActiveClass: "ease-in duration-100",
       leaveToClass: "opacity-0 scale-75"
     });
-    function O() {
+    function H() {
       l.persistent || n(), d("click:esc");
     }
-    function N() {
+    function O() {
       l.persistent || n(), d("click:outside");
     }
-    return (k, F) => (s(), _("div", $e(be(("getRootAttrs" in k ? k.getRootAttrs : e(Ze))(k.$attrs))), [
-      D(k.$slots, "activator", $e(be({ attrs: e(m), isOpen: e(r) }))),
+    return (g, F) => (s(), _("div", be($e(("getRootAttrs" in g ? g.getRootAttrs : e(Ze))(g.$attrs))), [
+      D(g.$slots, "activator", be($e({ attrs: e(m), isOpen: e(r) }))),
       (s(), P(Bt, { to: "body" }, [
         e(r) || e(y) ? (s(), _("div", G({
           key: 0,
-          class: k.$style.wrapper,
-          style: { zIndex: k.zIndex },
+          class: g.$style.wrapper,
+          style: { zIndex: g.zIndex },
           role: "dialog",
           tabindex: "0"
-        }, ("getNonRootAttrs" in k ? k.getNonRootAttrs : e(nt))(k.$attrs), {
-          onKeydown: F[1] || (F[1] = Pe(Ie((U) => O(), ["stop"]), ["esc"]))
+        }, ("getNonRootAttrs" in g ? g.getNonRootAttrs : e(nt))(g.$attrs), {
+          onKeydown: F[1] || (F[1] = Pe(Ie((E) => H(), ["stop"]), ["esc"]))
         }), [
           L(pt, {
             "enter-from-class": "opacity-0",
@@ -2626,42 +2627,42 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
             "leave-active-class": "ease-in duration-100",
             "leave-to-class": "opacity-0"
           }, {
-            default: W(() => [
+            default: N(() => [
               e(r) && e(y) ? (s(), _("div", {
                 key: 0,
-                class: p(k.$style.overlay),
-                onClick: F[0] || (F[0] = Ie((U) => N(), ["stop"]))
-              }, null, 2)) : g("", !0)
+                class: p(g.$style.overlay),
+                onClick: F[0] || (F[0] = Ie((E) => O(), ["stop"]))
+              }, null, 2)) : k("", !0)
             ]),
             _: 1
           }),
-          L(pt, $e(be(e(R))), {
-            default: W(() => [
+          L(pt, be($e(e(R))), {
+            default: N(() => [
               e(r) && e(y) ? (s(), _("div", {
                 key: 0,
                 ref_key: "contentRef",
                 ref: M,
-                style: Ge(e(b)),
+                style: Ge(e($)),
                 tabindex: "0",
-                class: p([k.$style.content, k.contentClass, { [k.$style.center]: !e(c) }])
+                class: p([g.$style.content, g.contentClass, { [g.$style.center]: !e(c) }])
               }, [
-                D(k.$slots, "default", $e(be({ isOpen: e(r), close: n })))
-              ], 6)) : g("", !0)
+                D(g.$slots, "default", be($e({ isOpen: e(r), close: n })))
+              ], 6)) : k("", !0)
             ]),
             _: 3
           }, 16)
-        ], 16)) : g("", !0)
+        ], 16)) : k("", !0)
       ]))
     ], 16));
   }
-}), yd = "_wrapper_xf8dx_1", md = "_overlay_xf8dx_5", hd = "_content_xf8dx_9", $d = "_center_xf8dx_12", bd = {
+}), yd = "_wrapper_xf8dx_1", md = "_overlay_xf8dx_5", hd = "_content_xf8dx_9", bd = "_center_xf8dx_12", $d = {
   wrapper: yd,
   overlay: md,
   content: hd,
-  center: $d
+  center: bd
 }, vd = {
-  $style: bd
-}, gd = /* @__PURE__ */ le(fd, [["__cssModules", vd]]), kd = { key: 0 }, wd = ["onClick"], Cd = { key: 0 }, zd = /* @__PURE__ */ J({
+  $style: $d
+}, gd = /* @__PURE__ */ le(fd, [["__cssModules", vd]]), kd = { key: 0 }, wd = ["onClick"], Cd = { key: 0 }, zd = /* @__PURE__ */ Y({
   name: "RuiFooterStepper",
   __name: "RuiFooterStepper",
   props: {
@@ -2693,21 +2694,21 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         key: 0,
         class: p(i.$style.pills)
       }, [
-        (s(!0), _(he, null, ke(e(f), (b) => (s(), _("span", {
-          key: b,
-          class: p([i.$style.pill, { [i.$style.active]: e(u) === b }])
+        (s(!0), _(he, null, ke(e(f), ($) => (s(), _("span", {
+          key: $,
+          class: p([i.$style.pill, { [i.$style.active]: e(u) === $ }])
         }, null, 2))), 128))
       ], 2)) : (s(), _(he, { key: 1 }, [
-        i.hideButtons ? g("", !0) : (s(), P(we, {
+        i.hideButtons ? k("", !0) : (s(), P(we, {
           key: 0,
           class: p({ [i.$style.arrow__button]: i.arrowButtons }),
           disabled: e(u) <= 1,
           icon: i.arrowButtons,
           variant: i.arrowButtons ? "outlined" : "text",
           color: "primary",
-          onClick: n[0] || (n[0] = (b) => c())
+          onClick: n[0] || (n[0] = ($) => c())
         }, Ke({
-          default: W(() => [
+          default: N(() => [
             i.arrowButtons ? (s(), P(ee, {
               key: 1,
               size: 24,
@@ -2718,7 +2719,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         }, [
           i.arrowButtons ? void 0 : {
             name: "prepend",
-            fn: W(() => [
+            fn: N(() => [
               L(ee, {
                 size: 18,
                 name: "lu-chevron-left"
@@ -2734,27 +2735,27 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           key: 2,
           class: p(i.$style.bullets)
         }, [
-          (s(!0), _(he, null, ke(e(f), (b) => (s(), _("span", {
-            key: b,
-            class: p([i.$style.bullet, { [i.$style.active]: e(u) === b }]),
-            onClick: (M) => r(b)
+          (s(!0), _(he, null, ke(e(f), ($) => (s(), _("span", {
+            key: $,
+            class: p([i.$style.bullet, { [i.$style.active]: e(u) === $ }]),
+            onClick: (M) => r($)
           }, null, 10, wd))), 128))
         ], 2)) : i.variant === "progress" ? (s(), P(_t, {
           key: 3,
           class: p(i.$style.progress),
           color: "primary",
           value: e(u) / e(f) * 100
-        }, null, 8, ["class", "value"])) : g("", !0),
-        i.hideButtons ? g("", !0) : (s(), P(we, {
+        }, null, 8, ["class", "value"])) : k("", !0),
+        i.hideButtons ? k("", !0) : (s(), P(we, {
           key: 4,
           class: p({ [i.$style.arrow__button]: i.arrowButtons }),
           disabled: e(u) >= e(f),
           icon: i.arrowButtons,
           variant: i.arrowButtons ? "outlined" : "text",
           color: "primary",
-          onClick: n[1] || (n[1] = (b) => y())
+          onClick: n[1] || (n[1] = ($) => y())
         }, Ke({
-          default: W(() => [
+          default: N(() => [
             i.arrowButtons ? (s(), P(ee, {
               key: 1,
               size: 24,
@@ -2765,7 +2766,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         }, [
           i.arrowButtons ? void 0 : {
             name: "append",
-            fn: W(() => [
+            fn: N(() => [
               L(ee, {
                 size: 18,
                 name: "lu-chevron-right"
@@ -2792,7 +2793,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
 }, C1 = /* @__PURE__ */ le(zd, [["__cssModules", Td]]), Pd = {
   key: 0,
   class: "text-rui-text-secondary text-body-1"
-}, qd = /* @__PURE__ */ J({
+}, qd = /* @__PURE__ */ Y({
   name: "RuiRadioGroup",
   inheritAttrs: !1,
   __name: "RuiRadioGroup",
@@ -2812,17 +2813,17 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   }),
   emits: ["update:modelValue"],
   setup(z) {
-    const a = Qe(z, "modelValue"), l = E("");
-    $t(() => {
+    const a = Qe(z, "modelValue"), l = W("");
+    bt(() => {
       w(l, fs("radio-group"));
     });
-    const d = Je(), u = B(() => {
+    const d = Je(), u = A(() => {
       var h;
       const f = ((h = d.default) == null ? void 0 : h.call(d)) ?? [];
       return f.length === 1 && f[0].type === he ? Array.isArray(f[0].children) ? f[0].children.filter(Pt) : [] : f;
     });
-    return (f, h) => (s(), _("div", $e(be(f.$attrs)), [
-      f.label ? (s(), _("div", Pd, se(f.label), 1)) : g("", !0),
+    return (f, h) => (s(), _("div", be($e(f.$attrs)), [
+      f.label ? (s(), _("div", Pd, se(f.label), 1)) : k("", !0),
       S("div", {
         class: p([f.$style.wrapper, { [f.$style.wrapper__inline]: f.inline }])
       }, [
@@ -2834,7 +2835,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           name: e(l)
         }), null, 16, ["modelValue", "name"]))), 128))
       ], 2),
-      f.hideDetails ? g("", !0) : (s(), P(it, {
+      f.hideDetails ? k("", !0) : (s(), P(it, {
         key: 1,
         "error-messages": f.errorMessages,
         "success-messages": f.successMessages,
@@ -2846,7 +2847,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   wrapper__inline: Hd
 }, Ld = {
   $style: Od
-}, z1 = /* @__PURE__ */ le(qd, [["__cssModules", Ld]]), Nd = ["checked", "disabled", "value"], Wd = /* @__PURE__ */ J({
+}, z1 = /* @__PURE__ */ le(qd, [["__cssModules", Ld]]), Nd = ["checked", "disabled", "value"], Wd = /* @__PURE__ */ Y({
   name: "RuiRadio",
   inheritAttrs: !1,
   __name: "RuiRadio",
@@ -2870,14 +2871,14 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     function h(n) {
       n.target.checked && w(a, t(d));
     }
-    const c = B(() => {
+    const c = A(() => {
       const n = l.size;
       return n === "lg" ? 28 : n === "sm" ? 20 : 24;
-    }), y = B(() => t(a) === t(d)), { hasError: r, hasSuccess: i } = rt(
+    }), y = A(() => t(a) === t(d)), { hasError: r, hasSuccess: i } = rt(
       f,
       u
     );
-    return (n, b) => (s(), _("div", $e(be(e(Ze)(n.$attrs))), [
+    return (n, $) => (s(), _("div", be($e(e(Ze)(n.$attrs))), [
       S("label", {
         class: p([
           n.$style.wrapper,
@@ -2894,7 +2895,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           disabled: n.disabled
         }, e(nt)(n.$attrs), {
           value: e(d),
-          onInput: b[0] || (b[0] = (M) => h(M))
+          onInput: $[0] || ($[0] = (M) => h(M))
         }), null, 16, Nd),
         S("div", {
           class: p([
@@ -2927,7 +2928,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           ])
         ], 2)
       ], 2),
-      n.hideDetails ? g("", !0) : (s(), P(it, {
+      n.hideDetails ? k("", !0) : (s(), P(it, {
         key: 0,
         "error-messages": e(f),
         "success-messages": e(u),
@@ -2958,7 +2959,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   "text-shade": "_text-shade_120s0_1"
 }, ou = {
   $style: nu
-}, M1 = /* @__PURE__ */ le(Wd, [["__cssModules", ou]]), au = { class: "flex items-center" }, V1 = /* @__PURE__ */ J({
+}, M1 = /* @__PURE__ */ le(Wd, [["__cssModules", ou]]), au = { class: "flex items-center" }, V1 = /* @__PURE__ */ Y({
   name: "RuiRevealableTextField",
   inheritAttrs: !1,
   __name: "RuiRevealableTextField",
@@ -2985,13 +2986,13 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   }),
   emits: ["update:modelValue"],
   setup(z) {
-    const a = Qe(z, "modelValue"), l = z, d = E(!0);
+    const a = Qe(z, "modelValue"), l = z, d = W(!0);
     return (u, f) => (s(), P(Gt, G({ ...l, ...u.$attrs }, {
       modelValue: a.value,
       "onUpdate:modelValue": f[1] || (f[1] = (h) => a.value = h),
       type: e(d) ? "password" : "text"
     }), Ke({
-      append: W(() => [
+      append: N(() => [
         S("div", au, [
           L(we, {
             disabled: u.disabled,
@@ -3002,7 +3003,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
             class: "-mr-1 !p-2",
             onClick: f[0] || (f[0] = (h) => d.value = !e(d))
           }, {
-            default: W(() => [
+            default: N(() => [
               L(ee, {
                 class: "text-black/[.54] dark:text-white/[.56]",
                 size: "20",
@@ -3018,7 +3019,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     }, [
       u.$slots.prepend ? {
         name: "prepend",
-        fn: W(() => [
+        fn: N(() => [
           D(u.$slots, "prepend")
         ]),
         key: "0"
@@ -3028,7 +3029,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
 }), lu = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='86'%20height='88'%20fill='none'%3e%3cpath%20d='M85.67%2074.728H.007v5.33H85.67v-5.33z'%20fill='%234e352e'/%3e%3cpath%20d='M21.856%2086.971c-6.391%200-6.421-18.882%200-18.882s6.421%2018.882%200%2018.882zm45.19-17.055c-.2-.278-.46-.507-.761-.67.517%202.162%201.035%207.34-1.035%207.34-.061-1.645-.031-6.426-1.491-7.797-.913.274-2.587%201.096-3.499%203.441-.288.934-.491%201.892-.609%202.863v.091c-.639%205.36.913%2011.817%204.656%2011.817%203.895%200%205.417-7.035%204.565-12.487a1%201%200%200%201-.669.244c.061-1.553-.396-3.746-1.156-4.842zm12.325-1.827c-6.421%200-6.391%2018.882%200%2018.882s6.39-18.882%200-18.882zm-68.652%200c-6.421%200-6.391%2018.882%200%2018.882s6.421-18.882%200-18.882z'%20fill='%23e45325'/%3e%3cpath%20d='M13.062%2082.768a3.04%203.04%200%200%200%201.948-.7c-.7%202.802-2.13%204.903-4.26%204.903-5.66%200-6.33-14.801-1.948-18.182-1.43%205.604-.03%2013.979%204.26%2013.979zm68.622%200c-4.26%200-5.691-8.406-4.26-13.979-4.382%203.38-3.713%2018.182%201.948%2018.182%202.13%200%203.56-2.101%204.26-4.903a3.04%203.04%200%200%201-1.948.7zM60.255%2072.179c-1.796%205.543-.457%2014.801%204.017%2014.801%202.13%200%203.56-2.101%204.26-4.903a3.24%203.24%200%200%201-1.948.701c-4.078%200-5.538-7.614-4.443-13.157a6.09%206.09%200%200%200-1.887%202.558zm-40.351-3.381c-4.382%203.381-3.713%2018.182%201.948%2018.182%202.13%200%203.56-2.101%204.26-4.903a3.24%203.24%200%200%201-1.948.701c-4.254-.009-5.684-8.384-4.254-13.988l-.006.009z'%20fill='%23be3a26'/%3e%3cpath%20d='M37.127%2073.358c-.335-.091-4.382-10.02-4.382-10.02s2.83-2.01%202.982-2.619c-.822-.822-1.613-2.467-1.613-2.467a12.33%2012.33%200%200%200%20.457%202.01s-1.217-.548-1.613-1.523l-2.648%203.777s4.473%2010.294%204.443%2010.842c-1.674-.365-3.226%201.401-3.226%201.401%203.256.335%202.191%205.939%200%205.33%201.552%203.563%203.408%201.462%203.56-4.599.7.487%203.165%203.959.304%204.599%202.648%204.842%205.538-1.34%201.613-4.873%202.039.152%205.204%202.619%202.769%204.873.882%202.315%202.617%201.096%202.891-.639.402-3.228-2.611-5.36-5.538-6.091zm29.311-5.787c-.822-1.188-2.039-1.188-3.317-.426-2.8.091-4.534-.274-13.177.853%200%200-.061-.67-.122-1.614-.73.091-1.461.122-2.221.152l.791%204.02c2.313-.091%209.282-1.736%2012.629-1.736-1.217%201.31-3.074%204.842-1.339%206.365.274-4.629%202.891-6.024%204.078-6.395%201.169%201.413%201.43%206.182%201.491%207.796%202.069%200%201.613-5.147%201.096-7.309.264.178.499.393.7.64.761%201.066%201.029%203.307%201.156%204.842%202.374%200%20.876-7.126-1.765-7.187z'%20fill='%232d1e1c'/%3e%3cpath%20d='M61.873%2058.221c-7.182%203.655-16.341%203.746-11.655-5.299a15.93%2015.93%200%200%200-1.035%201.218c.852-3.015%203.439-5.726%205.843-7.583-1.182.6-2.321%201.282-3.408%202.04%203.926-5.512%207.79-3.807%209.616-11.695-1.43%205.117-7.212%208.528-12.355%209.898-4.899%202.802-18.38-.396-22.732-1.766%203.043-.244%204.169-.426%204.169-.426-3.165-.975-6.664-2.802-10.134-4.051.152%202.497.73%205.086%201.704%207.096-.517-2.802%200-4.203%200-4.203s1.004%205.939%203.347%209.38c-.913-3.685-.517-4.934-.517-4.934s1.887%207.096%204.656%209.532c-.366-1.307-.469-2.673-.304-4.02%200%200%20.517%201.401%203.773%204.02-.822-1.98%201.126-1.279%202.648.822s2.435%202.284%206.604%201.462c-3.043%201.736%201.826%202.954%204.96%202.558-2.252%201.431%204.869%201.066%208.916.091-2.13%201.645%205.264.944%206.482.122.365-.244%201.187-.244%202.1-.061a30.39%2030.39%200%200%200%201.035-.731c-2.288%201.157%201.668-6.243-3.713-3.472z'%20fill='%23f2f2f2'/%3e%3cpath%20d='M54.448%2065.287c-5.691%202.193-14.333%201.279-21.545-1.614-.048-.109-.089-.221-.122-.335%200%200%202.83-2.01%202.982-2.619-.822-.822-1.613-2.467-1.613-2.467a12.33%2012.33%200%200%200%20.456%202.01s-1.217-.548-1.613-1.523l-2.648%203.776c0%20.008.003.016.009.022s.013.009.021.009c-2.83-1.401-5.325-3.106-7.182-5.025.426%201.157.791%202.284.974%202.832-1.217-1.523-6.117-6.578-7.973-13.735a31.37%2031.37%200%200%200%20.183%203.38c-1.139-2.79-1.847-5.737-2.1-8.741a21.6%2021.6%200%200%200-.213%202.741c-.761-2.162-1.096-5.025-1.156-7.157v-2.01a10.36%2010.36%200%200%200-.548%201.401c-.03.122-.061.213-.091.335v.03c-.035.119-.056.242-.061.366-.315-2.318-.264-4.672.152-6.974%206.451%203.533%2013.694%207.979%2018.167%2011.147.791.548-7.029-2.101-6.238-1.553%206.634%204.477%2013.572%208.132%2020.267%207.918%201.483-.06%202.954-.296%204.382-.7-4.899%202.802-18.38-.396-22.732-1.766%203.043-.244%204.169-.426%204.169-.426-3.165-.975-6.664-2.802-10.133-4.05.152%202.497.73%205.086%201.704%207.096-.517-2.802%200-4.203%200-4.203s1.004%205.939%203.347%209.38c-.913-3.685-.517-4.934-.517-4.934s1.887%207.096%204.656%209.532c-.366-1.307-.469-2.673-.304-4.02%200%200%20.517%201.401%203.773%204.02-.822-1.98%201.126-1.279%202.648.822s2.435%202.284%206.604%201.462c-3.043%201.736%201.826%202.954%204.96%202.558-2.252%201.431%204.869%201.066%208.916.091-2.13%201.644%205.264.944%206.482.122.365-.244%201.187-.244%202.1-.061-3.013%202.01-6.817%203.502-11.716%204.203-.061-.031%201.004-.518%201.552-1.34zm-14.972-11.36c1.522.64%203.5-.213%205.112-2.376-1.071.914-3.201%202.132-5.112%202.376zm0%204.873c1.126.365%202.617-.122%203.804-1.37-1.159.718-2.454%201.184-3.804%201.37zM27.334%2046.901c-.365%201.675.365%203.776%202.039%205.421a15.54%2015.54%200%200%201-2.039-5.421z'%20fill='%23b3b3b3'/%3e%3cpath%20d='M1.194%2024.669C2.746%2027.928%207.31%2031.4%2011.936%2034.08a19.27%2019.27%200%200%201%20.365-4.081c-4.534-2.506-8.648-4.547-11.107-5.33zM12.392%202.153C8.406-1.075%206.123%201.362%207.371%204.62%206.154%204.042-.237-2.963.007%201.453.159%203.981%206.032%2011.594%2011.936%2019.117c3.211-1.457%206.527-2.669%209.921-3.624-3.682-5.969-7.577-11.817-9.464-13.339z'%20fill='%232d1e1c'/%3e%3cpath%20d='M83.783%2045.643c3.56-11.208-.487-29.876-35.513-28.841-16.889-7.918-35.239%201.096-47.077%207.857%205.904%201.919%2021.667%2011.086%2029.275%2016.446.791.548-7.03-2.101-6.238-1.553%206.634%204.477%2013.572%208.132%2020.267%207.918%205.964-.183%2016.007-4.385%2016.98-11.878%203.013.579%204.139%206.487%203.834%206.944.396-.426.852-4.934%202.982-6.03%200%200-.882%202.528-.639%203.198%201.126-3.563%209.829-4.112%208.429%204.69.396-.396%201.126-3.015%201.126-3.015-1.035%206.517%201.491%209.136%203.956%209.563%201.156-.213%203.408-4.355%203.682-6.944a7.69%207.69%200%200%201-1.065%201.645z'%20fill='%234e352e'/%3e%3cpath%20d='M13.944%2020.1c3.195-1.98%2014.364-6.852%2025.927-4.568C28.49%2014.923%2013.944%2020.1%2013.944%2020.1zm34.326-3.289a24.33%2024.33%200%200%200-2.648-1.096%2045.3%2045.3%200%200%201%209.555%208.406c-.974-1.706-2.13-4.751-4.199-7.34-.883-.009-1.795-.009-2.708.021v.009z'%20fill='%232d1e1c'/%3e%3cpath%20d='M51.222%2042.993c-13.024%201.766-18.685-1.98-18.167-2.528%205.843%203.106%2016.433%202.406%2018.167%202.528zm-21.606-8.832c-.517.518%205.143%204.294%2018.167%202.528-1.735-.122-12.294.579-18.167-2.528zm28.301%202.802c.609.244%203.439-2.711-.274-9.167.122.883%202.404%206.121.274%209.167zm23.341-5.147c-6.025-9.35-15.672-10.172-17.833-9.563%2011.74%201.584%2016.494%208.811%2017.826%209.563h.006z'%20fill='%236d4d42'/%3e%3cpath%20d='M80.284%2052.587c.578-.64%202.008-1.188%202.587-1.462-.335-.03-1.309.244-2.252.548l.548-.731c-2.495-.426-4.991-3.046-3.956-9.563%200%200-.761%202.619-1.126%203.015%201.4-8.832-7.303-8.253-8.429-4.69-.243-.67.639-3.198.639-3.198-2.13%201.096-2.587%205.604-2.982%206.03.304-.457-.852-6.365-3.834-6.944-.062.432-.154.86-.274%201.279-1.826%207.888-5.691%206.182-9.616%2011.695a28.47%2028.47%200%200%201%203.408-2.041c-2.434%201.858-4.991%204.568-5.843%207.583.324-.423.67-.83%201.035-1.218-4.656%209.045%204.473%208.954%2011.655%205.299%205.417-2.771%201.4%204.69%203.713%203.441%203.317-1.766%204.808-4.599%205.691-6.182l-1.065%202.254c2.13-1.614%202.921-4.416%204.626-4.751-.517-1.218-.761-2.162-.396-2.406.548-.335%202.282%201.34%203.013%201.736.183-.122.152-.518.152-.518.362.535.827.99%201.369%201.34.152-.365.365-.152.396-.152a3.31%203.31%200%200%201%201.795.579c-.235-.356-.522-.674-.852-.944z'%20fill='%23e45325'/%3e%3cpath%20d='M74.837%2039.857c-2.252-2.132-4.899-1.279-6.056.183.907-2.711%204.839-3.076%206.056-.183zm-5.021%2015.349c-.365%201.035-3.073%204.264-4.899%204.446.816.457%204.747-1.706%204.899-4.446zm-11.442-5.817c-.73.731-2.343%201.919-3.865%202.101.456.283%202.556-.244%203.865-2.101zm-5.995%205.604c-.396.518-1.309%201.279-2.374%201.188.365.335%201.765.244%202.374-1.188zm7.364-1.066c-.396.518-1.309%201.279-2.374%201.188.365.335%201.765.244%202.374-1.188zm7.851-.396c-.396.518-1.309%201.279-2.374%201.188.365.335%201.765.244%202.374-1.188zm-7.09%202.497c-.517%201.066-5.234%203.99-7.334%203.259.852.974%206.847%200%207.334-3.25v-.009z'%20fill='%23be3a26'/%3e%3cpath%20d='M74.593%2044.943c-1.704%201.035-3.743%201.127-5.234-.091.304.974%203.287%202.193%205.234.091z'%20fill='%23ed6d23'/%3e%3cpath%20d='M13.488%2019.491C7.097%2012.091.95%202.284.95.853c0-.009%204.93%207.909%2012.538%2018.638zm3.195-4.842c-.061-.914-4.23-7.005-8.399-11.542%205.082%206.639%208.399%2011.533%208.399%2011.533v.009z'%20fill='%234e352e'/%3e%3cpath%20d='M78.975%2053.135a4.11%204.11%200%200%201-1.369-1.34s.03.396-.152.518c-.73-.396-2.465-2.071-3.013-1.736-.365.244-.122%201.188.396%202.406l2.708%205.756c.274.64%201.978%202.863%201.826-5.756-.03-.03-.25-.244-.396.152zm-7.151-7.644a3.35%203.35%200%201%200%200-6.7%203.35%203.35%200%201%200%200%206.7z'%20fill='%23000'/%3e%3cpath%20d='M72.889%2040.201c.061.426-.426.853-1.065.944s-1.248-.183-1.308-.579.426-.853%201.065-.944%201.217.143%201.308.579zm.943%203.715a2.38%202.38%200%200%201-1.491.822c-.061-.061-.152-.061-.274-.061-.079.005-.155.037-.213.091-.648.014-1.288-.144-1.856-.457a2.38%202.38%200%200%200%201.826.701c.087.066.195.099.304.091.122-.03.213-.061.243-.152.791-.183%201.43-.588%201.461-1.045v.009z'%20fill='%23fff'/%3e%3c/svg%3e", ru = ["src"], iu = ["src"], du = {
   key: 3,
   class: "text-h4 text-rui-primary dark:text-white"
-}, Et = "rotki", R1 = /* @__PURE__ */ J({
+}, Et = "rotki", R1 = /* @__PURE__ */ Y({
   name: "RuiLogo",
   __name: "RuiLogo",
   props: {
@@ -3039,19 +3040,19 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     uniqueKey: { default: void 0 }
   },
   setup(z) {
-    const a = z, l = E(), d = E(!1), u = E(!!a.logo), f = E(!1), c = E({
+    const a = z, l = W(), d = W(!1), u = W(!!a.logo), f = W(!1), c = W({
       app: void 0,
       website: void 0,
       about: void 0,
       emptyScreen: void 0
-    }), y = B(() => {
+    }), y = A(() => {
       const i = t(c), { logo: n } = a;
       if (!n || !i[n]) {
         w(u, t(f));
         return;
       }
-      const b = `https://raw.githubusercontent.com/rotki/data/${a.branch}/assets/icons/${i[n]}`;
-      return a.uniqueKey !== void 0 ? `${b}?key=${a.uniqueKey}` : b;
+      const $ = `https://raw.githubusercontent.com/rotki/data/${a.branch}/assets/icons/${i[n]}`;
+      return a.uniqueKey !== void 0 ? `${$}?key=${a.uniqueKey}` : $;
     });
     async function r() {
       var i;
@@ -3060,8 +3061,8 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         try {
           const { data: n } = await Ss(
             `https://raw.githubusercontent.com/rotki/data/${a.branch}/constants/asset-mappings.json`
-          ), b = qs((i = JSON.parse(t(n) ?? "null")) == null ? void 0 : i.logo, "camelCase");
-          b && w(c, b);
+          ), $ = qs((i = JSON.parse(t(n) ?? "null")) == null ? void 0 : i.logo, "camelCase");
+          $ && w(c, $);
         } catch {
         }
         w(f, !1);
@@ -3095,7 +3096,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         "data-image": "custom",
         class: "h-full transition ease-out duration-200 delay-100",
         style: Ge({ width: `${i.size}rem` }),
-        onError: n[0] || (n[0] = (b) => d.value = !0)
+        onError: n[0] || (n[0] = ($) => d.value = !0)
       }, null, 44, ru)) : (s(), _("img", {
         key: 2,
         src: e(lu),
@@ -3104,10 +3105,10 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         class: "h-full transition ease-out duration-200 delay-100",
         style: Ge({ width: `${i.size}rem` })
       }, null, 12, iu)),
-      i.text ? (s(), _("div", du, se(Et))) : g("", !0)
+      i.text ? (s(), _("div", du, se(Et))) : k("", !0)
     ], 4));
   }
-}), uu = ["name", "disabled"], cu = ["value"], pu = /* @__PURE__ */ J({
+}), uu = ["name", "disabled"], cu = ["value"], pu = /* @__PURE__ */ Y({
   name: "RuiSimpleSelect",
   inheritAttrs: !1,
   __name: "RuiSimpleSelect",
@@ -3120,7 +3121,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   },
   emits: ["update:model-value"],
   setup(z, { emit: a }) {
-    const l = z, d = a, { modelValue: u } = pe(l), f = B({
+    const l = z, d = a, { modelValue: u } = pe(l), f = A({
       get: () => t(u),
       set: (h) => d("update:model-value", h)
     });
@@ -3155,15 +3156,15 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       ], 2)
     ], 16));
   }
-}), _u = "_wrapper_85s9n_1", fu = "_select_85s9n_4", yu = "_outlined_85s9n_15", mu = "_icon_85s9n_18", hu = "_icon__wrapper_85s9n_21", $u = {
+}), _u = "_wrapper_85s9n_1", fu = "_select_85s9n_4", yu = "_outlined_85s9n_15", mu = "_icon_85s9n_18", hu = "_icon__wrapper_85s9n_21", bu = {
   wrapper: _u,
   select: fu,
   outlined: yu,
   icon: mu,
   icon__wrapper: hu
-}, bu = {
-  $style: $u
-}, B1 = /* @__PURE__ */ le(pu, [["__cssModules", bu]]), vu = /* @__PURE__ */ J({
+}, $u = {
+  $style: bu
+}, B1 = /* @__PURE__ */ le(pu, [["__cssModules", $u]]), vu = /* @__PURE__ */ Y({
   inheritAttrs: !1,
   __name: "RuiExpandButton",
   props: {
@@ -3182,7 +3183,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       size: "sm",
       variant: "text"
     }, a.$attrs), {
-      default: W(() => [
+      default: N(() => [
         D(a.$slots, "default", {}, () => [
           L(ee, {
             class: p(a.$style.tr__expander_button_icon),
@@ -3199,7 +3200,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   tr__expander_button_open: wu
 }, zu = {
   $style: Cu
-}, Ut = /* @__PURE__ */ le(vu, [["__cssModules", zu]]), Mu = ["disabled", "aria-disabled", "tabindex"], Vu = ["value"], Ru = { class: "p-4" }, Bu = /* @__PURE__ */ J({
+}, Ut = /* @__PURE__ */ le(vu, [["__cssModules", zu]]), Mu = ["disabled", "aria-disabled", "tabindex"], Vu = ["value"], Ru = { class: "p-4" }, Bu = /* @__PURE__ */ Y({
   name: "RuiMenuSelect",
   inheritAttrs: !1,
   __name: "RuiMenuSelect",
@@ -3237,7 +3238,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     st((V) => ({
       c604b9dc: e(r)
     }));
-    const a = Qe(z, "modelValue"), l = z, { dense: d, options: u } = pe(l), f = E(), h = E(), { focused: c } = Ht(h), y = B({
+    const a = Qe(z, "modelValue"), l = z, { dense: d, options: u } = pe(l), f = W(), h = W(), { focused: c } = Ht(h), y = A({
       get: () => {
         const V = l.keyAttr, C = t(a);
         return V ? l.options.find((te) => te[V] === C) : C;
@@ -3246,18 +3247,18 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         const C = l.keyAttr, te = C && V ? V[C] : V;
         w(a, te);
       }
-    }), r = B(() => l.label ? `'  ${l.label}  '` : '"\\200B"'), {
+    }), r = A(() => l.label ? `'  ${l.label}  '` : '"\\200B"'), {
       containerProps: i,
       wrapperProps: n,
-      renderedData: b,
+      renderedData: $,
       isOpen: M,
       menuWidth: m,
       getText: R,
-      getIdentifier: O,
-      isActiveItem: N,
-      highlightedIndex: k,
+      getIdentifier: H,
+      isActiveItem: O,
+      highlightedIndex: g,
       moveHighlight: F,
-      valueKey: U
+      valueKey: E
     } = ds({
       itemHeight: l.itemHeight ?? (l.dense ? 30 : 48),
       keyAttr: l.keyAttr,
@@ -3268,12 +3269,12 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       value: y,
       menuRef: f,
       autoSelectFirst: l.autoSelectFirst
-    }), I = B(() => l.variant === "outlined"), q = B(() => (t(M) || !!t(y)) && t(I)), A = B(() => ({
+    }), I = A(() => l.variant === "outlined"), U = A(() => (t(M) || !!t(y)) && t(I)), B = A(() => ({
       style: i.style,
       ref: i.ref
     }));
-    function Y(V, C) {
-      Mt(C) && w(k, C), w(y, V), w(c, !0);
+    function J(V, C) {
+      Mt(C) && w(g, C), w(y, V), w(c, !0);
     }
     function K() {
       w(a, void 0);
@@ -3295,8 +3296,8 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       showDetails: !V.hideDetails,
       disabled: V.disabled
     }), {
-      activator: W(({ attrs: te, open: Q, hasError: fe, hasSuccess: ne }) => [
-        D(V.$slots, "activator", $e(be({ disabled: V.disabled, value: e(y), variant: V.variant, readOnly: V.readOnly, attrs: te, open: Q, hasError: fe, hasSuccess: ne })), () => [
+      activator: N(({ attrs: te, open: Q, hasError: fe, hasSuccess: ne }) => [
+        D(V.$slots, "activator", be($e({ disabled: V.disabled, value: e(y), variant: V.variant, readOnly: V.readOnly, attrs: te, open: Q, hasError: fe, hasSuccess: ne })), () => [
           S("button", G({
             ref_key: "activator",
             ref: h,
@@ -3312,7 +3313,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                 [V.$style.readonly]: V.readOnly,
                 [V.$style.outlined]: e(I),
                 [V.$style.dense]: e(d),
-                [V.$style.float]: e(q),
+                [V.$style.float]: e(U),
                 [V.$style.opened]: Q,
                 [V.$style["with-value"]]: !!e(y),
                 [V.$style["with-error"]]: fe,
@@ -3336,19 +3337,19 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                 }
               ])
             }, [
-              D(V.$slots, "activator.label", $e(be({ value: e(y) })), () => [
+              D(V.$slots, "activator.label", be($e({ value: e(y) })), () => [
                 Ae(se(V.label), 1)
               ])
-            ], 2)) : g("", !0),
+            ], 2)) : k("", !0),
             e(y) ? (s(), _("span", {
               key: 1,
               class: p(["w-full", V.$style.value])
             }, [
-              D(V.$slots, "selection.prepend", $e(be({ item: e(y) }))),
-              D(V.$slots, "selection", $e(be({ item: e(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)
               ])
-            ], 2)) : g("", !0),
+            ], 2)) : k("", !0),
             V.clearable && e(y) && !V.disabled ? (s(), _("span", {
               key: 2,
               class: p(["group-hover:!visible", [V.$style.clear, e(c) && "!visible"]]),
@@ -3359,7 +3360,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                 name: "lu-x",
                 size: "18"
               })
-            ], 2)) : g("", !0),
+            ], 2)) : k("", !0),
             S("span", {
               class: p(V.$style.icon__wrapper)
             }, [
@@ -3375,29 +3376,29 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
               color: "primary",
               thickness: "3",
               variant: "indeterminate"
-            })) : g("", !0)
+            })) : k("", !0)
           ], 16, Mu),
           e(I) ? (s(), _("fieldset", {
             key: 0,
             class: p(V.$style.fieldset)
           }, [
             S("legend", {
-              class: p({ "px-2": e(q) })
+              class: p({ "px-2": e(U) })
             }, null, 2)
-          ], 2)) : g("", !0)
+          ], 2)) : k("", !0)
         ]),
         S("input", {
-          value: e(U),
+          value: e(E),
           class: "hidden",
           type: "hidden"
         }, null, 8, Vu)
       ]),
-      default: W(({ width: te }) => [
+      default: N(({ width: te }) => [
         e(u).length > 0 ? (s(), _("div", G({
           key: 0,
           class: [V.$style.menu, V.menuClass],
           style: { width: `${te}px`, minWidth: e(m) }
-        }, e(A), {
+        }, e(B), {
           onScroll: C[3] || (C[3] = //@ts-ignore
           (...Q) => e(i).onScroll && e(i).onScroll(...Q)),
           onKeydown: [
@@ -3409,34 +3410,34 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
             ref_key: "menuRef",
             ref: f
           }), [
-            (s(!0), _(he, null, ke(e(b), ({ item: Q, _index: fe }) => (s(), P(we, {
+            (s(!0), _(he, null, ke(e($), ({ item: Q, _index: fe }) => (s(), P(we, {
               key: fe,
-              active: e(N)(Q),
+              active: e(O)(Q),
               size: e(d) ? "sm" : void 0,
-              "model-value": e(O)(Q),
+              "model-value": e(H)(Q),
               variant: "list",
               class: p({
-                highlighted: e(k) === fe,
-                [V.$style.highlighted]: !e(N)(Q) && e(k) === fe
+                highlighted: e(g) === fe,
+                [V.$style.highlighted]: !e(O)(Q) && e(g) === fe
               }),
-              "onUpdate:modelValue": (ne) => Y(Q, fe),
-              onMousedown: (ne) => k.value = fe
+              "onUpdate:modelValue": (ne) => J(Q, fe),
+              onMousedown: (ne) => g.value = fe
             }, {
-              prepend: W(() => [
-                D(V.$slots, "item.prepend", G({ ref_for: !0 }, { disabled: V.disabled, item: Q, active: e(N)(Q) }))
+              prepend: N(() => [
+                D(V.$slots, "item.prepend", G({ ref_for: !0 }, { disabled: V.disabled, item: Q, active: e(O)(Q) }))
               ]),
-              append: W(() => [
-                D(V.$slots, "item.append", G({ ref_for: !0 }, { disabled: V.disabled, item: Q, active: e(N)(Q) }))
+              append: N(() => [
+                D(V.$slots, "item.append", G({ ref_for: !0 }, { disabled: V.disabled, item: Q, active: e(O)(Q) }))
               ]),
-              default: W(() => [
-                D(V.$slots, "item", G({ ref_for: !0 }, { disabled: V.disabled, item: Q, active: e(N)(Q) }), () => [
+              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)
                 ])
               ]),
               _: 2
             }, 1032, ["active", "size", "model-value", "class", "onUpdate:modelValue", "onMousedown"]))), 128))
           ], 16)
-        ], 16)) : V.hideNoData ? g("", !0) : (s(), _("div", {
+        ], 16)) : V.hideNoData ? k("", !0) : (s(), _("div", {
           key: 1,
           style: Ge({ width: `${te}px`, minWidth: e(m) }),
           class: p(V.menuClass)
@@ -3472,7 +3473,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   active: Gu
 }, Qu = {
   $style: Ku
-}, ns = /* @__PURE__ */ le(Bu, [["__cssModules", Qu]]), Xu = /* @__PURE__ */ J({
+}, ns = /* @__PURE__ */ le(Bu, [["__cssModules", Qu]]), Xu = /* @__PURE__ */ Y({
   __name: "RuiTablePagination",
   props: {
     modelValue: {},
@@ -3482,31 +3483,31 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   },
   emits: ["update:model-value"],
   setup(z, { emit: a }) {
-    const l = z, d = a, { modelValue: u } = pe(l), f = us(), h = B(() => (t(u).limits ?? t(f.limits)).map((I) => ({ limit: I }))), c = B({
+    const l = z, d = a, { modelValue: u } = pe(l), f = us(), h = A(() => (t(u).limits ?? t(f.limits)).map((I) => ({ limit: I }))), c = A({
       get: () => t(u).limit,
       set: (I) => d("update:model-value", {
         ...t(u),
         limit: Number(I),
         page: 1
       })
-    }), y = B(() => {
-      const { limit: I, total: q } = t(u);
-      return q ? Math.ceil(q / I) : 0;
-    }), r = B(() => {
+    }), y = A(() => {
+      const { limit: I, total: U } = t(u);
+      return U ? Math.ceil(U / I) : 0;
+    }), r = A(() => {
       const I = [];
-      for (let q = 1; q <= t(y); q++)
-        I.push({ page: q, text: R(q) });
+      for (let U = 1; U <= t(y); U++)
+        I.push({ page: U, text: R(U) });
       return I;
-    }), i = B(() => {
+    }), i = A(() => {
       const { total: I } = t(u);
       return `${I ? "" : "0 "}of ${Ft(I)}`;
-    }), n = B({
+    }), n = A({
       get: () => t(u).page,
       set: (I) => d("update:model-value", {
         ...t(u),
         page: I
       })
-    }), b = B(() => t(u).page > 1), M = B(() => t(y) > t(u).page);
+    }), $ = A(() => t(u).page > 1), M = A(() => t(y) > t(u).page);
     function m(I) {
       d("update:model-value", {
         ...t(u),
@@ -3514,27 +3515,27 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       });
     }
     function R(I) {
-      const { limit: q, total: A } = t(u);
-      return `${Ft((I - 1) * q + 1)} - ${Ft(
-        Math.min(I * q, A)
+      const { limit: U, total: B } = t(u);
+      return `${Ft((I - 1) * U + 1)} - ${Ft(
+        Math.min(I * U, B)
       )}`;
     }
-    function O(I) {
+    function H(I) {
       m(t(u).page + I);
     }
-    function N() {
-      t(b) && O(-1);
+    function O() {
+      t($) && H(-1);
     }
-    function k() {
-      t(M) && O(1);
+    function g() {
+      t(M) && H(1);
     }
     function F() {
-      t(b) && m(1);
+      t($) && m(1);
     }
-    function U() {
+    function E() {
       t(M) && m(t(y));
     }
-    return (I, q) => (s(), _("div", {
+    return (I, U) => (s(), _("div", {
       class: p([I.$style.wrapper, { [I.$style["wrapper-dense"]]: I.dense }])
     }, [
       S("div", {
@@ -3545,7 +3546,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         }, "Rows per page:", 2),
         L(ns, {
           modelValue: e(c),
-          "onUpdate:modelValue": q[0] || (q[0] = (A) => tt(c) ? c.value = A : null),
+          "onUpdate:modelValue": U[0] || (U[0] = (B) => tt(c) ? c.value = B : null),
           options: e(h),
           disabled: I.loading || I.disablePerPage,
           "label-class": "!text-xs !min-h-8",
@@ -3565,7 +3566,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         e(r).length > 0 ? (s(), P(ns, {
           key: 0,
           modelValue: e(n),
-          "onUpdate:modelValue": q[1] || (q[1] = (A) => tt(n) ? n.value = A : null),
+          "onUpdate:modelValue": U[1] || (U[1] = (B) => tt(n) ? n.value = B : null),
           options: e(r),
           disabled: I.loading,
           "label-class": "!text-xs !min-h-8",
@@ -3574,7 +3575,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           "text-attr": "text",
           "hide-details": "",
           dense: ""
-        }, null, 8, ["modelValue", "options", "disabled"])) : g("", !0),
+        }, null, 8, ["modelValue", "options", "disabled"])) : k("", !0),
         S("span", {
           class: p(I.$style.indicator)
         }, se(e(i)), 3)
@@ -3584,24 +3585,24 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       }, [
         L(we, {
           size: I.dense ? "sm" : void 0,
-          disabled: !e(b) || I.loading,
+          disabled: !e($) || I.loading,
           variant: "text",
           icon: "",
-          onClick: q[2] || (q[2] = (A) => F())
+          onClick: U[2] || (U[2] = (B) => F())
         }, {
-          default: W(() => [
+          default: N(() => [
             L(ee, { name: "lu-chevrons-left" })
           ]),
           _: 1
         }, 8, ["size", "disabled"]),
         L(we, {
           size: I.dense ? "sm" : void 0,
-          disabled: !e(b) || I.loading,
+          disabled: !e($) || I.loading,
           variant: "text",
           icon: "",
-          onClick: q[3] || (q[3] = (A) => N())
+          onClick: U[3] || (U[3] = (B) => O())
         }, {
-          default: W(() => [
+          default: N(() => [
             L(ee, { name: "lu-chevron-left" })
           ]),
           _: 1
@@ -3611,9 +3612,9 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           disabled: !e(M) || I.loading,
           variant: "text",
           icon: "",
-          onClick: q[4] || (q[4] = (A) => k())
+          onClick: U[4] || (U[4] = (B) => g())
         }, {
-          default: W(() => [
+          default: N(() => [
             L(ee, { name: "lu-chevron-right" })
           ]),
           _: 1
@@ -3623,9 +3624,9 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           disabled: !e(M) || I.loading,
           variant: "text",
           icon: "",
-          onClick: q[5] || (q[5] = (A) => U())
+          onClick: U[5] || (U[5] = (B) => E())
         }, {
-          default: W(() => [
+          default: N(() => [
             L(ee, { name: "lu-chevrons-right" })
           ]),
           _: 1
@@ -3644,7 +3645,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   "wrapper-dense": "_wrapper-dense_2jql5_22"
 }, oc = {
   $style: nc
-}, os = /* @__PURE__ */ le(Xu, [["__cssModules", oc]]), ac = ["data-id"], lc = ["colspan", "rowspan"], rc = ["colspan"], ic = /* @__PURE__ */ J({
+}, os = /* @__PURE__ */ le(Xu, [["__cssModules", oc]]), ac = ["data-id"], lc = ["colspan", "rowspan"], rc = ["colspan"], ic = /* @__PURE__ */ Y({
   __name: "RuiTableHead",
   props: {
     loading: { type: Boolean, default: !1 },
@@ -3713,9 +3714,9 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
             "hide-details": "",
             "onUpdate:modelValue": i[0] || (i[0] = (n) => f(n))
           }, null, 8, ["disabled", "indeterminate", "model-value", "size"])
-        ], 2)) : g("", !0),
-        (s(!0), _(he, null, ke(r.columns, (n, b) => (s(), _("th", {
-          key: b,
+        ], 2)) : k("", !0),
+        (s(!0), _(he, null, ke(r.columns, (n, $) => (s(), _("th", {
+          key: $,
           class: p([
             r.$style.th,
             n.class,
@@ -3738,7 +3739,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
               color: "secondary",
               size: "sm"
             }, {
-              default: W(() => [
+              default: N(() => [
                 L(we, {
                   class: p([
                     r.$style.sort__button,
@@ -3753,15 +3754,15 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                   variant: "text",
                   onClick: (M) => u(n)
                 }, Ke({
-                  append: W(() => [
+                  append: N(() => [
                     n.align !== "end" ? (s(), P(ee, {
                       key: 0,
                       class: p(r.$style.sort__icon),
                       name: "lu-arrow-down",
                       size: "18"
-                    }, null, 8, ["class"])) : g("", !0)
+                    }, null, 8, ["class"])) : k("", !0)
                   ]),
-                  default: W(() => [
+                  default: N(() => [
                     S("span", {
                       class: p(r.$style.column__text)
                     }, [
@@ -3774,7 +3775,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                 }, [
                   n.align === "end" ? {
                     name: "prepend",
-                    fn: W(() => [
+                    fn: N(() => [
                       L(ee, {
                         class: p(r.$style.sort__icon),
                         name: "lu-arrow-down",
@@ -3815,10 +3816,10 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
             })
           ], 2)
         ], 10, rc)
-      ], 2)) : g("", !0)
+      ], 2)) : k("", !0)
     ], 10, ac));
   }
-}), dc = "_thead_1y979_1", uc = "_sticky__header_1y979_4", cc = "_stick__top_1y979_7", pc = "_dense_1y979_13", _c = "_tr_1y979_13", fc = "_th_1y979_1", yc = "_align__start_1y979_19", mc = "_align__center_1y979_22", hc = "_align__end_1y979_25", $c = "_sortable_1y979_28", bc = "_sort__button_1y979_34", vc = "_sort__icon_1y979_43", gc = "_sort__active_1y979_46", kc = "_sort__desc_1y979_49", wc = "_sort__asc_1y979_52", Cc = "_column__text_1y979_58", zc = "_checkbox_1y979_61", Mc = "_thead__loader_1y979_67", Vc = "_progress_1y979_67", Rc = "_thead__loader_linear_1y979_70", Bc = "_progress__wrapper_1y979_76", Ac = {
+}), dc = "_thead_1y979_1", uc = "_sticky__header_1y979_4", cc = "_stick__top_1y979_7", pc = "_dense_1y979_13", _c = "_tr_1y979_13", fc = "_th_1y979_1", yc = "_align__start_1y979_19", mc = "_align__center_1y979_22", hc = "_align__end_1y979_25", bc = "_sortable_1y979_28", $c = "_sort__button_1y979_34", vc = "_sort__icon_1y979_43", gc = "_sort__active_1y979_46", kc = "_sort__desc_1y979_49", wc = "_sort__asc_1y979_52", Cc = "_column__text_1y979_58", zc = "_checkbox_1y979_61", Mc = "_thead__loader_1y979_67", Vc = "_progress_1y979_67", Rc = "_thead__loader_linear_1y979_70", Bc = "_progress__wrapper_1y979_76", Ac = {
   thead: dc,
   sticky__header: uc,
   stick__top: cc,
@@ -3828,8 +3829,8 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   align__start: yc,
   align__center: mc,
   align__end: hc,
-  sortable: $c,
-  sort__button: bc,
+  sortable: bc,
+  sort__button: $c,
   sort__icon: vc,
   sort__active: gc,
   sort__desc: kc,
@@ -3842,7 +3843,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   progress__wrapper: Bc
 }, Sc = {
   $style: Ac
-}, as = /* @__PURE__ */ le(ic, [["__cssModules", Sc]]), jc = ["colspan"], Ic = { class: "flex items-center gap-2" }, Dc = ["colspan", "rowspan"], Tc = ["colspan"], Pc = { key: 1 }, qc = ["colspan"], Hc = ["colspan"], Oc = /* @__PURE__ */ J({
+}, as = /* @__PURE__ */ le(ic, [["__cssModules", Sc]]), jc = ["colspan"], Ic = { class: "flex items-center gap-2" }, Dc = ["colspan", "rowspan"], Tc = ["colspan"], Pc = { key: 1 }, qc = ["colspan"], Hc = ["colspan"], Oc = /* @__PURE__ */ Y({
   name: "RuiDataTable",
   __name: "RuiDataTable",
   props: {
@@ -3881,29 +3882,29 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   },
   emits: ["update:model-value", "update:expanded", "update:pagination", "update:sort", "update:options", "update:group", "update:collapsed", "copy:group"],
   setup(z, { emit: a }) {
-    const l = z, d = a, u = Je(), { stickyHeader: f, collapsed: h, modelValue: c, disabledRows: y } = pe(l), r = us(), i = B(() => l.stickyOffset !== void 0 ? l.stickyOffset : t(r.stickyOffset));
+    const l = z, d = a, u = Je(), { stickyHeader: f, collapsed: h, modelValue: c, disabledRows: y } = pe(l), r = us(), i = A(() => l.stickyOffset !== void 0 ? l.stickyOffset : t(r.stickyOffset));
     function n(o) {
       return !("__header__" in o);
     }
-    function b(o) {
+    function $(o) {
       return o.startsWith("header.");
     }
     const { stick: M, table: m, tableScroller: R } = Bs(
       f,
       t(i)
-    ), O = B(() => l.expanded && u["expanded-item"]), N = B(
-      () => Object.keys(u).filter(b)
-    ), k = B(() => l.globalItemsPerPage !== void 0 ? l.globalItemsPerPage : t(r.globalItemsPerPage)), F = (o) => Object.keys(o), U = B(() => {
+    ), H = A(() => l.expanded && u["expanded-item"]), O = A(
+      () => Object.keys(u).filter($)
+    ), 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 = B(() => t(U).join(":")), q = B(() => !!t(I)), A = B(() => {
+    }), I = A(() => t(E).join(":")), U = A(() => !!t(I)), B = A(() => {
       const o = l.cols ?? F(l.rows[0] ?? {}).map(
         (j) => ({
           key: j,
           [l.columnAttr]: j.toString()
         })
-      ), $ = o.some((j) => j.key === "expand");
-      if (t(O) && !$)
+      ), b = o.some((j) => j.key === "expand");
+      if (t(H) && !b)
         return [
           ...o,
           {
@@ -3914,38 +3915,38 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
             align: "end"
           }
         ];
-      const T = t(U);
+      const T = t(E);
       return T.length === 0 ? o : o.filter(
         (j) => !T.includes(j.key)
       );
-    }), Y = E(0), K = B({
+    }), J = W(0), K = A({
       get() {
         return t(c);
       },
       set(o) {
         d("update:model-value", o);
       }
-    }), V = E([]);
+    }), V = W([]);
     at(c, (o) => {
       w(V, o);
     });
-    const C = B(() => l.rowAttr), te = E(), Q = E([]), fe = B(() => l.pagination);
+    const C = A(() => l.rowAttr), te = W(), Q = W([]), fe = A(() => l.pagination);
     at(fe, (o) => {
       w(te, o);
     }), at(h, (o) => {
       w(Q, o ?? []);
     });
-    const ne = B({
+    const ne = A({
       get() {
-        var $;
+        var b;
         const o = t(te);
-        return o ? ($ = l.paginationModifiers) != null && $.external ? o : {
-          total: t(Y),
+        return o ? (b = l.paginationModifiers) != null && b.external ? o : {
+          total: t(J),
           limit: o.limit,
           page: o.page,
           limits: o.limits
         } : {
-          total: t(Y),
+          total: t(J),
           limit: l.itemsPerPage,
           page: 1
         };
@@ -3956,7 +3957,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           sort: l.sort
         });
       }
-    }), x = B({
+    }), x = A({
       get() {
         return l.sort;
       },
@@ -3966,24 +3967,24 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           pagination: t(fe)
         });
       }
-    }), ze = B(() => {
-      const o = {}, $ = t(x);
-      return $ ? Array.isArray($) ? $.reduce((T, j) => j.column ? { ...T, [j.column]: j } : T, o) : ($.column && (o[$.column] = $), o) : o;
-    }), Z = B(() => {
-      var $;
-      const o = ($ = l.search) == null ? void 0 : $.toLocaleLowerCase();
+    }), ze = A(() => {
+      const o = {}, b = t(x);
+      return b ? Array.isArray(b) ? b.reduce((T, j) => j.column ? { ...T, [j.column]: j } : T, o) : (b.column && (o[b.column] = b), o) : o;
+    }), Z = A(() => {
+      var b;
+      const o = (b = l.search) == null ? void 0 : b.toLocaleLowerCase();
       return o ? l.rows.filter(
         (T) => F(T).some(
           (j) => `${T[j]}`.toLocaleLowerCase().includes(o)
         )
       ) : l.rows;
-    }), _e = B(() => {
+    }), _e = A(() => {
       var de;
-      const o = t(x), $ = [...t(Z)];
+      const o = t(x), b = [...t(Z)];
       if (!o || (de = l.sortModifiers) != null && de.external)
-        return $;
+        return b;
       const T = { sensitivity: "accent", usage: "sort" }, j = (ae) => {
-        $.sort((Te, ct) => {
+        b.sort((Te, ct) => {
           const Le = ae.column;
           if (!Le)
             return 0;
@@ -3997,13 +3998,13 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           );
         });
       };
-      return Array.isArray(o) ? o.forEach(j) : j(o), $;
-    }), Me = B(() => {
-      if (!t(q))
+      return Array.isArray(o) ? o.forEach(j) : j(o), b;
+    }), Me = A(() => {
+      if (!t(U))
         return {};
-      const o = t(_e), $ = l.rowAttr;
+      const o = t(_e), b = l.rowAttr;
       return o.reduce((T, j) => {
-        if (!Mt(j[$]) || j[$] === "")
+        if (!Mt(j[b]) || j[b] === "")
           return T;
         const de = Oe(j), ae = Object.values(de).filter(Mt).join(",");
         return T[ae] || (T[ae] = [
@@ -4014,14 +4015,14 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           }
         ]), T[ae].push(j), T;
       }, {});
-    }), ye = B(() => {
+    }), ye = A(() => {
       const o = t(_e);
       return t(I) ? Object.values(t(Me)).flatMap((T) => T) : o;
-    }), qe = B(() => {
+    }), qe = A(() => {
       var j;
-      const o = t(ye), $ = t(ne), T = $.limit;
-      if ($ && !((j = l.paginationModifiers) != null && j.external)) {
-        const de = ($.page - 1) * T, ae = de + T, Te = o.slice(0, de + 1).filter((De) => !n(De)), ct = o.slice(de + 1, ae + Te.length).filter((De) => !n(De)), Le = o.slice(de + Te.length, ae + Te.length + ct.length), Ue = Te.at(-1);
+      const o = t(ye), b = t(ne), T = b.limit;
+      if (b && !((j = l.paginationModifiers) != null && j.external)) {
+        const de = (b.page - 1) * T, ae = de + T, Te = o.slice(0, de + 1).filter((De) => !n(De)), ct = o.slice(de + 1, ae + Te.length).filter((De) => !n(De)), Le = o.slice(de + Te.length, ae + Te.length + ct.length), Ue = Te.at(-1);
         if (Le.length > 0) {
           n(Le[0]) && Ue && Le.unshift(Ue);
           const De = Le.at(-1);
@@ -4030,75 +4031,75 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         return Le.filter((De) => !Xe(De));
       }
       return o.filter((de) => !Xe(de));
-    }), Be = B(() => {
+    }), Be = A(() => {
       const o = l.rowAttr;
-      return o ? t(qe).filter(n).map(($) => $[o]) : [];
-    }), xe = B(() => {
+      return o ? t(qe).filter(n).map((b) => b[o]) : [];
+    }), xe = A(() => {
       const o = t(K);
-      return o ? o.length > 0 && t(Be).every(($) => o.includes($)) : !1;
-    }), He = B(() => {
+      return o ? o.length > 0 && t(Be).every((b) => o.includes(b)) : !1;
+    }), He = A(() => {
       const o = t(K);
       return o ? o.length > 0 && !t(xe) : !1;
-    }), We = B(() => t(qe).length === 0), X = B(() => {
-      let o = t(A).length;
+    }), We = A(() => t(qe).length === 0), X = A(() => {
+      let o = t(B).length;
       return t(K) && o++, o;
     }), re = (o) => o in t(ze);
     function me(o) {
-      const $ = t(x);
-      return !$ || !Array.isArray($) || !re(o) ? -1 : $.findIndex((T) => T.column === o) ?? -1;
+      const b = t(x);
+      return !b || !Array.isArray(b) || !re(o) ? -1 : b.findIndex((T) => T.column === o) ?? -1;
     }
     function Ce(o) {
-      const $ = t(K);
-      return $ ? $.includes(o) : !1;
+      const b = t(K);
+      return b ? b.includes(o) : !1;
     }
     function Re(o) {
       var T;
-      const $ = l.rowAttr;
-      return $ ? !!((T = t(y)) != null && T.some((j) => o === j[$])) : !1;
+      const b = l.rowAttr;
+      return b ? !!((T = t(y)) != null && T.some((j) => o === j[b])) : !1;
     }
     function ce(o) {
-      const { expanded: $ } = l;
-      return $ != null && $.length ? $.some((T) => T[l.rowAttr] === o) : !1;
+      const { expanded: b } = l;
+      return b != null && b.length ? b.some((T) => T[l.rowAttr] === o) : !1;
     }
     function Fe(o) {
-      const { expanded: $ } = l;
-      if (!$)
+      const { expanded: b } = l;
+      if (!b)
         return;
       const T = l.rowAttr, j = ce(o[T]);
       return l.singleExpand ? d("update:expanded", j ? [] : [o]) : d(
         "update:expanded",
-        j ? $.filter((de) => de[T] !== o[T]) : [...$, o]
+        j ? b.filter((de) => de[T] !== o[T]) : [...b, o]
       );
     }
     function Oe(o) {
-      return t(U).reduce(($, T) => ({ ...$, [T]: o[T] }), {});
+      return t(E).reduce((b, T) => ({ ...b, [T]: o[T] }), {});
     }
     function ot(o) {
-      return t(q) ? t(Me)[o].filter(n) : [];
+      return t(U) ? t(Me)[o].filter(n) : [];
     }
-    function Se(o, $) {
-      const T = t(U);
-      return T.length === 0 ? !1 : T.every((j) => o[j] === $[j]);
+    function Se(o, b) {
+      const T = t(E);
+      return T.length === 0 ? !1 : T.every((j) => o[j] === b[j]);
     }
     function Ee(o) {
-      return t(Q).every(($) => !Se($, o));
+      return t(Q).every((b) => !Se(b, o));
     }
     function Xe(o) {
-      const $ = l.rowAttr;
-      return t(q) && t(Q).some(
-        (T) => n(o) && o[$] === T[$]
+      const b = l.rowAttr;
+      return t(U) && t(Q).some(
+        (T) => n(o) && o[b] === T[b]
       );
     }
-    function dt(o, $) {
-      if (!$)
+    function dt(o, b) {
+      if (!b)
         return;
-      const T = t(Q), j = Ee(o), de = ot($);
+      const T = t(Q), j = Ee(o), de = ot(b);
       w(
         Q,
         j ? [...T, ...de] : T.filter((ae) => !Se(ae, o))
       ), d("update:collapsed", t(Q));
     }
-    function bt() {
+    function $t() {
       w(Q, []), d("update:collapsed", []), d("update:group", Array.isArray(l.group) ? [] : void 0);
     }
     function At(o) {
@@ -4106,26 +4107,26 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     }
     function Lt({
       key: o,
-      direction: $
+      direction: b
     }) {
       const T = t(x);
       if (T) {
         if (!Array.isArray(T)) {
           if (re(o)) {
-            const j = !$ || $ === "asc" ? "desc" : "asc";
+            const j = !b || b === "asc" ? "desc" : "asc";
             T.direction === j ? w(x, { ...T, column: void 0, direction: "asc" }) : w(x, {
               ...T,
               direction: T.direction === "asc" ? "desc" : "asc"
             });
           } else
-            w(x, { column: o, direction: $ || "asc" });
+            w(x, { column: o, direction: b || "asc" });
           return;
         }
         if (re(o)) {
-          const j = !$ || $ === "asc" ? "desc" : "asc", de = me(o), ae = T[de];
+          const j = !b || b === "asc" ? "desc" : "asc", de = me(o), ae = T[de];
           ae.direction === j ? T.splice(de, 1) : ae.direction = ae.direction === "asc" ? "desc" : "asc", w(x, T);
         } else
-          w(x, [...T, { column: o, direction: $ || "asc" }]);
+          w(x, [...T, { column: o, direction: b || "asc" }]);
       }
     }
     function vt(o) {
@@ -4135,37 +4136,37 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       return Ce(o) && Re(o);
     }
     function ut(o) {
-      const $ = t(K) ?? [];
+      const b = t(K) ?? [];
       l.multiPageSelect ? o ? w(
         K,
         Array.from(/* @__PURE__ */ new Set(
           [
-            ...$,
+            ...b,
             ...t(Be).filter(vt)
           ]
         ))
       ) : w(
         K,
-        $.filter((T) => !t(Be).includes(T) || t(Be).filter(St).includes(T))
+        b.filter((T) => !t(Be).includes(T) || t(Be).filter(St).includes(T))
       ) : o ? w(K, t(Be).filter(vt)) : w(K, t(Be).filter(St));
     }
-    const gt = E(!1), ft = E(-1);
+    const gt = W(!1), ft = W(-1);
     function kt() {
       w(gt, !1), w(ft, -1);
     }
-    function yt(o, $, T = !1) {
+    function yt(o, b, T = !1) {
       if (t(gt) && T)
         return;
       const j = t(V);
       if (!j)
         return !1;
-      const de = Ce($);
-      o && !de ? w(V, [...j, $]) : !o && de && w(
+      const de = Ce(b);
+      o && !de ? w(V, [...j, b]) : !o && de && w(
         V,
-        [...j].filter((ae) => ae !== $)
+        [...j].filter((ae) => ae !== b)
       ), T && w(K, t(V));
     }
-    function v(o, $, T) {
+    function v(o, b, T) {
       const j = o.currentTarget.querySelector("input"), de = o.target.nodeName, ae = o.shiftKey;
       w(gt, ae), j && de !== "INPUT" && (ae ? setTimeout(() => {
         let Te = t(ft);
@@ -4174,7 +4175,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         if (n(Le)) {
           const Ue = t(C), De = Ce(Le[Ue]);
           if (Te === T)
-            yt(!De, $);
+            yt(!De, b);
           else {
             const jt = Math.min(Te, T), It = Math.max(Te, T);
             for (let Nt = jt; Nt <= It; Nt++) {
@@ -4186,43 +4187,43 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         }
       }, 1) : w(ft, T));
     }
-    const H = B(() => l.search);
+    const q = A(() => l.search);
     function ue() {
       var o;
-      (o = t(K)) == null || o.forEach(($) => {
-        Ce($) && !t(Be).includes($) && yt(!1, $, !0);
+      (o = t(K)) == null || o.forEach((b) => {
+        Ce(b) && !t(Be).includes(b) && yt(!1, b, !0);
       });
     }
     function ie() {
       d("update:expanded", []), l.multiPageSelect || ut(!1), kt();
     }
     function oe(o) {
-      var $;
-      ($ = l.paginationModifiers) != null && $.external || w(Y, o.filter(n).length);
+      var b;
+      (b = l.paginationModifiers) != null && b.external || w(J, o.filter(n).length);
     }
-    function ve(o, $) {
-      return o[$];
+    function ve(o, b) {
+      return o[b];
     }
     return ge(te, (o) => {
-      o != null && o.limit && t(k) && w(r.itemsPerPage, o.limit);
+      o != null && o.limit && t(g) && w(r.itemsPerPage, o.limit);
     }), ge(r.itemsPerPage, (o) => {
-      t(k) && w(ne, {
+      t(g) && w(ne, {
         ...t(ne),
         limit: o
       });
-    }), ge(H, () => {
+    }), ge(q, () => {
       w(ne, {
         ...t(ne),
         page: 1
       }), ut(!1), kt();
     }), ge(_e, (o) => {
       l.multiPageSelect || ue(), oe(o);
-    }), $t(() => {
-      oe(t(_e)), t(k) && w(ne, {
+    }), bt(() => {
+      oe(t(_e)), t(g) && w(ne, {
         ...t(ne),
         limit: t(r.itemsPerPage)
       });
-    }), (o, $) => {
+    }), (o, b) => {
       var T;
       return s(), _("div", {
         class: p([
@@ -4235,14 +4236,14 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           key: 0,
           modelValue: e(ne),
           "onUpdate:modelValue": [
-            $[0] || ($[0] = (j) => tt(ne) ? ne.value = j : null),
-            $[1] || ($[1] = (j) => ie())
+            b[0] || (b[0] = (j) => tt(ne) ? ne.value = j : null),
+            b[1] || (b[1] = (j) => ie())
           ],
           dense: o.dense,
           loading: o.loading,
           "disable-per-page": o.disablePerPage,
           "data-cy": "table-pagination"
-        }, null, 8, ["modelValue", "dense", "loading", "disable-per-page"])) : g("", !0),
+        }, null, 8, ["modelValue", "dense", "loading", "disable-per-page"])) : k("", !0),
         S("div", {
           ref_key: "tableScroller",
           ref: R,
@@ -4260,7 +4261,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
               "capitalize-headers": !o.cols,
               colspan: e(X),
               "column-attr": o.columnAttr,
-              columns: e(A),
+              columns: e(B),
               dense: o.dense,
               "disable-check-all": !((T = e(qe)) != null && T.length),
               "is-all-selected": e(xe),
@@ -4270,13 +4271,13 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
               "sorted-map": e(ze),
               stick: e(M),
               "sticky-header": e(f),
-              onSort: $[2] || ($[2] = (j) => Lt(j)),
-              "onSelect:all": $[3] || ($[3] = (j) => ut(j))
+              onSort: b[2] || (b[2] = (j) => Lt(j)),
+              "onSelect:all": b[3] || (b[3] = (j) => ut(j))
             }, Ke({ _: 2 }, [
-              ke(e(N), (j) => ({
+              ke(e(O), (j) => ({
                 name: j,
-                fn: W((de) => [
-                  D(o.$slots, j, $e(be(de)))
+                fn: N((de) => [
+                  D(o.$slots, j, be($e(de)))
                 ])
               }))
             ]), 1032, ["loading", "indeterminate", "capitalize-headers", "colspan", "column-attr", "columns", "dense", "disable-check-all", "is-all-selected", "no-data", "selectable", "sort-data", "sorted-map", "stick", "sticky-header"]),
@@ -4286,7 +4287,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
               "capitalize-headers": !o.cols,
               colspan: e(X),
               "column-attr": o.columnAttr,
-              columns: e(A),
+              columns: e(B),
               dense: o.dense,
               "no-data": e(We),
               selectable: !!e(K),
@@ -4295,20 +4296,20 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
               "data-id": "head-clone",
               class: "opacity-0 invisible"
             }, Ke({ _: 2 }, [
-              ke(e(N), (j) => ({
+              ke(e(O), (j) => ({
                 name: j,
-                fn: W((de) => [
-                  D(o.$slots, j, $e(be(de)))
+                fn: N((de) => [
+                  D(o.$slots, j, be($e(de)))
                 ])
               }))
-            ]), 1032, ["loading", "capitalize-headers", "colspan", "column-attr", "columns", "dense", "no-data", "selectable", "sort-data", "sorted-map"])) : g("", !0),
+            ]), 1032, ["loading", "capitalize-headers", "colspan", "column-attr", "columns", "dense", "no-data", "selectable", "sort-data", "sorted-map"])) : k("", !0),
             S("tbody", {
               class: p([o.$style.tbody, { [o.$style["tbody--striped"]]: o.striped }])
             }, [
               u["body.prepend"] ? D(o.$slots, "body.prepend", {
                 key: 0,
                 colspan: e(X)
-              }) : g("", !0),
+              }) : k("", !0),
               (s(!0), _(he, null, ke(e(qe), (j, de) => (s(), _(he, null, [
                 n(j) ? (s(), _(he, { key: 1 }, [
                   (s(), _("tr", {
@@ -4336,8 +4337,8 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                         "onUpdate:modelValue": (ae) => yt(ae, j[e(C)], !0),
                         onClick: (ae) => v(ae, j[e(C)], de)
                       }, null, 8, ["data-cy", "model-value", "disabled", "size", "onUpdate:modelValue", "onClick"])
-                    ], 2)) : g("", !0),
-                    (s(!0), _(he, null, ke(e(A), (ae, Te) => (s(), _("td", {
+                    ], 2)) : k("", !0),
+                    (s(!0), _(he, null, ke(e(B), (ae, Te) => (s(), _("td", {
                       key: Te,
                       class: p([
                         o.$style.td,
@@ -4353,7 +4354,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                         row: j,
                         index: de
                       }, () => [
-                        u["item.expand"] ? g("", !0) : (s(), P(Ut, {
+                        u["item.expand"] ? k("", !0) : (s(), P(Ut, {
                           key: 0,
                           expanded: ce(j[e(C)]),
                           onClick: (ct) => Fe(j)
@@ -4368,7 +4369,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                       ])
                     ], 10, Dc))), 128))
                   ], 2)),
-                  e(O) && ce(j[e(C)]) ? (s(), _("tr", {
+                  e(H) && ce(j[e(C)]) ? (s(), _("tr", {
                     key: `row-expand-${de}`,
                     class: p([o.$style.tr, o.$style.tr__expandable])
                   }, [
@@ -4381,7 +4382,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                         index: de
                       })
                     ], 10, Tc)
-                  ], 2)) : g("", !0)
+                  ], 2)) : k("", !0)
                 ], 64)) : (s(), _("tr", {
                   key: `row-${de}`,
                   class: p([o.$style.tr, o.$style.tr__group])
@@ -4401,7 +4402,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                           key: 0,
                           expanded: Ee(j.group),
                           onClick: (ae) => dt(j.group, j.identifier)
-                        }, null, 8, ["expanded", "onClick"])) : g("", !0),
+                        }, null, 8, ["expanded", "onClick"])) : k("", !0),
                         D(o.$slots, "group.header.content", {
                           groupKey: e(I),
                           header: j
@@ -4413,7 +4414,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                             icon: "",
                             onClick: (ae) => At({ key: e(I), value: j.group })
                           }, {
-                            default: W(() => [
+                            default: N(() => [
                               L(ee, {
                                 name: "lu-copy",
                                 size: "16"
@@ -4426,14 +4427,14 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                           popper: { placement: "top" },
                           class: "ml-auto mr-2"
                         }, {
-                          activator: W(() => [
+                          activator: N(() => [
                             L(we, {
                               size: "sm",
                               variant: "text",
                               icon: "",
-                              onClick: $[4] || ($[4] = (ae) => bt())
+                              onClick: b[4] || (b[4] = (ae) => $t())
                             }, {
-                              default: W(() => [
+                              default: N(() => [
                                 L(ee, {
                                   name: "lu-trash-2",
                                   size: "14"
@@ -4442,8 +4443,8 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                               _: 1
                             })
                           ]),
-                          default: W(() => [
-                            $[7] || ($[7] = Ae(" Ungroup "))
+                          default: N(() => [
+                            b[7] || (b[7] = Ae(" Ungroup "))
                           ]),
                           _: 1
                         }),
@@ -4451,7 +4452,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                           key: 1,
                           expanded: Ee(j.group),
                           onClick: (ae) => dt(j.group, j.identifier)
-                        }, null, 8, ["expanded", "onClick"])) : g("", !0)
+                        }, null, 8, ["expanded", "onClick"])) : k("", !0)
                       ])
                     ], 10, jc)
                   ])
@@ -4468,7 +4469,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                     circular: ""
                   })
                 ], 10, qc)
-              ])) : g("", !0),
+              ])) : k("", !0),
               e(We) && o.empty && !o.loading ? (s(), _("tr", {
                 key: 2,
                 class: p([o.$style.tr, o.$style.tr__empty])
@@ -4482,7 +4483,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                   "leave-from-class": "opacity-100 translate-y-0",
                   "leave-to-class": "opacity-0 translate-y-1"
                 }, {
-                  default: W(() => [
+                  default: N(() => [
                     S("td", {
                       class: p(o.$style.td),
                       colspan: e(X)
@@ -4494,12 +4495,12 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                           o.empty.label ? (s(), _("p", {
                             key: 0,
                             class: p(o.$style.empty__label)
-                          }, se(o.empty.label), 3)) : g("", !0),
+                          }, se(o.empty.label), 3)) : k("", !0),
                           D(o.$slots, "empty-description", {}, () => [
                             o.empty.description ? (s(), _("p", {
                               key: 0,
                               class: p(o.$style.empty__description)
-                            }, se(o.empty.description), 3)) : g("", !0)
+                            }, se(o.empty.description), 3)) : k("", !0)
                           ])
                         ], 2)
                       ])
@@ -4507,11 +4508,11 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                   ]),
                   _: 3
                 })
-              ], 2)) : g("", !0),
+              ], 2)) : k("", !0),
               u["body.append"] ? D(o.$slots, "body.append", {
                 key: 3,
                 colspan: e(X)
-              }) : g("", !0)
+              }) : k("", !0)
             ], 2),
             S("tfoot", null, [
               D(o.$slots, "tfoot")
@@ -4522,14 +4523,14 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           key: 1,
           modelValue: e(ne),
           "onUpdate:modelValue": [
-            $[5] || ($[5] = (j) => tt(ne) ? ne.value = j : null),
-            $[6] || ($[6] = (j) => ie())
+            b[5] || (b[5] = (j) => tt(ne) ? ne.value = j : null),
+            b[6] || (b[6] = (j) => ie())
           ],
           dense: o.dense,
           loading: o.loading,
           "disable-per-page": o.disablePerPage,
           "data-cy": "table-pagination"
-        }, null, 8, ["modelValue", "dense", "loading", "disable-per-page"])) : g("", !0)
+        }, null, 8, ["modelValue", "dense", "loading", "disable-per-page"])) : k("", !0)
       ], 2);
     };
   }
@@ -4561,7 +4562,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   dense: dp
 }, cp = {
   $style: up
-}, A1 = /* @__PURE__ */ le(Oc, [["__cssModules", cp]]), pp = /* @__PURE__ */ J({
+}, A1 = /* @__PURE__ */ le(Oc, [["__cssModules", cp]]), pp = /* @__PURE__ */ Y({
   name: "RuiCardHeader",
   inheritAttrs: !1,
   __name: "RuiCardHeader",
@@ -4583,7 +4584,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         class: p(a.$style.prepend)
       }, [
         D(a.$slots, "prepend")
-      ], 2)) : g("", !0),
+      ], 2)) : k("", !0),
       S("div", {
         class: p(a.$style.headers)
       }, [
@@ -4592,27 +4593,27 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           class: p(a.$style.header)
         }, [
           D(a.$slots, "header")
-        ], 2)) : g("", !0),
+        ], 2)) : k("", !0),
         a.$slots.subheader ? (s(), _("p", {
           key: 1,
           class: p(a.$style.subheader)
         }, [
           D(a.$slots, "subheader")
-        ], 2)) : g("", !0)
+        ], 2)) : k("", !0)
       ], 2)
     ], 16));
   }
-}), _p = "_head_mdkkt_1", fp = "_prepend_mdkkt_4", yp = "_headers_mdkkt_8", mp = "_header_mdkkt_8", hp = "_subheader_mdkkt_14", $p = "_has_prepend_mdkkt_17", bp = "_dense_mdkkt_20", vp = {
+}), _p = "_head_mdkkt_1", fp = "_prepend_mdkkt_4", yp = "_headers_mdkkt_8", mp = "_header_mdkkt_8", hp = "_subheader_mdkkt_14", bp = "_has_prepend_mdkkt_17", $p = "_dense_mdkkt_20", vp = {
   head: _p,
   prepend: fp,
   headers: yp,
   header: mp,
   subheader: hp,
-  has_prepend: $p,
-  dense: bp
+  has_prepend: bp,
+  dense: $p
 }, gp = {
   $style: vp
-}, kp = /* @__PURE__ */ le(pp, [["__cssModules", gp]]), wp = /* @__PURE__ */ J({
+}, kp = /* @__PURE__ */ le(pp, [["__cssModules", gp]]), wp = /* @__PURE__ */ Y({
   name: "RuiCard",
   inheritAttrs: !1,
   __name: "RuiCard",
@@ -4626,7 +4627,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     contentClass: { default: "" }
   },
   setup(z) {
-    const a = Je(), l = B(() => !!a.header || !!a.subheader);
+    const a = Je(), l = A(() => !!a.header || !!a.subheader);
     return (d, u) => (s(), _("div", G({
       class: [
         d.$style.card,
@@ -4645,7 +4646,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         class: p(d.$style.image)
       }, [
         D(d.$slots, "image")
-      ], 2)) : g("", !0),
+      ], 2)) : k("", !0),
       D(d.$slots, "custom-header", {}, () => [
         l.value ? (s(), P(kp, {
           key: 0,
@@ -4653,39 +4654,39 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         }, Ke({ _: 2 }, [
           e(a).prepend ? {
             name: "prepend",
-            fn: W(() => [
+            fn: N(() => [
               D(d.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
           e(a).header ? {
             name: "header",
-            fn: W(() => [
+            fn: N(() => [
               D(d.$slots, "header")
             ]),
             key: "1"
           } : void 0,
           e(a).subheader ? {
             name: "subheader",
-            fn: W(() => [
+            fn: N(() => [
               D(d.$slots, "subheader")
             ]),
             key: "2"
           } : void 0
-        ]), 1032, ["dense"])) : g("", !0)
+        ]), 1032, ["dense"])) : k("", !0)
       ]),
       e(a).default ? (s(), _("div", {
         key: 1,
         class: p([d.$style.content, d.contentClass])
       }, [
         D(d.$slots, "default")
-      ], 2)) : g("", !0),
+      ], 2)) : k("", !0),
       e(a).footer ? (s(), _("div", {
         key: 2,
         class: p(d.$style.footer)
       }, [
         D(d.$slots, "footer")
-      ], 2)) : g("", !0)
+      ], 2)) : k("", !0)
     ], 16));
   }
 }), Cp = "_card_17ccq_1", zp = "_rounded__sm_17ccq_4", Mp = "_image_17ccq_7", Vp = "_rounded__md_17ccq_10", Rp = "_rounded__lg_17ccq_16", Bp = "_content_17ccq_25", Ap = "_footer_17ccq_28", Sp = "_flat_17ccq_31", jp = "_outlined_17ccq_34", Ip = "_divide_17ccq_37", Dp = "_dense_17ccq_40", Tp = {
@@ -4703,7 +4704,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   "no-padding": "_no-padding_17ccq_46"
 }, Pp = {
   $style: Tp
-}, S1 = /* @__PURE__ */ le(wp, [["__cssModules", Pp]]), qp = /* @__PURE__ */ J({
+}, S1 = /* @__PURE__ */ le(wp, [["__cssModules", Pp]]), qp = /* @__PURE__ */ Y({
   name: "RuiTabs",
   __name: "RuiTabs",
   props: {
@@ -4717,13 +4718,13 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   },
   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 = E(), b = E(), M = E(), m = E(!1);
+    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();
     }
-    const O = Je(), N = B(() => {
+    const H = Je(), O = A(() => {
       var Re;
-      const X = ((Re = O.default) == null ? void 0 : Re.call(O)) ?? [], re = R(X), me = t(n), Ce = {
+      const X = ((Re = H.default) == null ? void 0 : Re.call(H)) ?? [], re = R(X), me = t(n), Ce = {
         color: t(u),
         grow: t(f),
         disabled: t(c),
@@ -4745,11 +4746,11 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         };
       });
     });
-    function k(X) {
+    function g(X) {
       d("update:modelValue", X), w(n, X);
     }
     const F = Hs();
-    function U(X, { exactPath: re, exact: me }) {
+    function E(X, { exactPath: re, exact: me }) {
       const Ce = F.fullPath;
       if (re)
         return Ce === X;
@@ -4760,7 +4761,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       Ye(() => {
         if (!t(m))
           return;
-        const X = t(M), re = t(b);
+        const X = t(M), re = t($);
         if (X) {
           const me = X.querySelector(".active-tab") ?? X.querySelector(".active-tab-link");
           if (!me || !re)
@@ -4780,9 +4781,9 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         }
       });
     }
-    const q = Os();
-    function A(X = !1) {
-      const re = t(N).filter(
+    const U = Os();
+    function B(X = !1) {
+      const re = t(O).filter(
         (me) => !me.props.disabled
       );
       if (re.length > 0) {
@@ -4790,19 +4791,19 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         re.forEach((Ce, Re) => {
           const ce = Ce.props;
           !X && Re === 0 && ce.value && (me = ce.value);
-          const Fe = ce.to ? q.resolve(ce.to) : void 0;
-          ce.link !== !1 && Fe && U(Fe.fullPath, ce) && (me = Fe.fullPath);
-        }), k(me);
+          const Fe = ce.to ? U.resolve(ce.to) : void 0;
+          ce.link !== !1 && Fe && E(Fe.fullPath, ce) && (me = Fe.fullPath);
+        }), g(me);
       }
       I();
     }
-    $t(() => {
-      t(h) === void 0 && A();
+    bt(() => {
+      t(h) === void 0 && B();
     }), ge(F, () => {
-      A(!0);
+      B(!0);
     });
-    const { width: Y, height: K } = zt(b), { width: V, height: C } = zt(M), { arrivedState: te, x: Q, y: fe } = js(b, { behavior: "smooth" }), { top: ne, bottom: x, left: ze, right: Z } = pe(te), { trigger: _e, stop: Me } = xt(
-      [V, Y],
+    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],
       ([X, re]) => {
         re > 0 && w(m, X > re);
       },
@@ -4821,14 +4822,14 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     at(y, (X) => {
       X ? (ye(), Me()) : (_e(), qe());
     });
-    const Be = B(() => t(y) ? t(ne) : t(ze)), xe = B(() => t(y) ? t(x) : t(Z));
+    const Be = A(() => t(y) ? t(ne) : t(ze)), xe = A(() => t(y) ? t(x) : t(Z));
     function He() {
-      t(y) ? w(fe, t(fe) - t(K)) : w(Q, t(Q) - t(Y));
+      t(y) ? w(fe, t(fe) - t(K)) : w(Q, t(Q) - t(J));
     }
     function We() {
-      t(y) ? w(fe, t(fe) + t(K)) : w(Q, t(Q) + t(Y));
+      t(y) ? w(fe, t(fe) + t(K)) : w(Q, t(Q) + t(J));
     }
-    return Vt(b, () => {
+    return Vt($, () => {
       I();
     }), at(h, (X) => {
       w(n, X);
@@ -4848,17 +4849,17 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           disabled: e(Be),
           onClick: re[0] || (re[0] = (me) => He())
         }, {
-          default: W(() => [
+          default: N(() => [
             L(ee, {
               name: e(y) ? "arrow-up-s-line" : "lu-chevron-left"
             }, null, 8, ["name"])
           ]),
           _: 1
         }, 8, ["color", "disabled"])
-      ], 2)) : g("", !0),
+      ], 2)) : k("", !0),
       S("div", {
         ref_key: "bar",
-        ref: b,
+        ref: $,
         class: p(["no-scrollbar", [
           X.$style["tabs-bar"],
           { [X.$style["tabs-bar--vertical"]]: e(y) },
@@ -4875,9 +4876,9 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
             { [X.$style["tabs-wrapper--grow"]]: e(f) }
           ])
         }, [
-          (s(!0), _(he, null, ke(e(N), (me, Ce) => (s(), P(lt(me), {
+          (s(!0), _(he, null, ke(e(O), (me, Ce) => (s(), P(lt(me), {
             key: Ce,
-            onClick: re[1] || (re[1] = (Re) => k(Re))
+            onClick: re[1] || (re[1] = (Re) => g(Re))
           }))), 128))
         ], 2)
       ], 2),
@@ -4892,14 +4893,14 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           disabled: e(xe),
           onClick: re[2] || (re[2] = (me) => We())
         }, {
-          default: W(() => [
+          default: N(() => [
             L(ee, {
               name: e(y) ? "lu-chevron-down" : "lu-chevron-right"
             }, null, 8, ["name"])
           ]),
           _: 1
         }, 8, ["color", "disabled"])
-      ], 2)) : g("", !0)
+      ], 2)) : k("", !0)
     ], 2));
   }
 }), Hp = "_tabs_1a7up_1", Op = "_arrow_1a7up_23", Lp = {
@@ -4915,7 +4916,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   "arrow--vertical": "_arrow--vertical_1a7up_26"
 }, Np = {
   $style: Lp
-}, j1 = /* @__PURE__ */ le(qp, [["__cssModules", Np]]), Wp = /* @__PURE__ */ J({
+}, j1 = /* @__PURE__ */ le(qp, [["__cssModules", Np]]), Wp = /* @__PURE__ */ Y({
   name: "RuiTab",
   inheritAttrs: !1,
   __name: "RuiTab",
@@ -4937,7 +4938,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   },
   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: b, indicatorPosition: M } = pe(l), m = Xt(), R = B(() => t(f) === "_self"), O = B(() => [
+    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(() => [
       m.tab,
       m[`tab--${t(n)}`],
       m[`tab-indicator--${t(M)}`],
@@ -4948,54 +4949,54 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         [m["tab--vertical"]]: t(i)
       }
     ]);
-    function N() {
-      d("click", t(b));
+    function O() {
+      d("click", t($));
     }
-    return (k, F) => {
-      const U = Cs("RouterLink");
+    return (g, F) => {
+      const E = Cs("RouterLink");
       return e(r) ? (s(), P(we, G({
         key: 0,
         variant: "text",
         disabled: "",
-        class: e(O),
+        class: e(H),
         role: "tab"
-      }, k.$attrs), Ke({ _: 2 }, [
-        ke(u, (I, q) => ({
-          name: q,
-          fn: W((A) => [
-            D(k.$slots, q, $e(be(A)))
+      }, g.$attrs), Ke({ _: 2 }, [
+        ke(u, (I, U) => ({
+          name: U,
+          fn: N((B) => [
+            D(g.$slots, U, be($e(B)))
           ])
         }))
-      ]), 1040, ["class"])) : k.link ? (s(), P(U, {
+      ]), 1040, ["class"])) : g.link ? (s(), P(E, {
         key: 2,
-        to: k.to,
-        exact: k.exact,
-        "exact-path": k.exactPath,
+        to: g.to,
+        exact: g.exact,
+        "exact-path": g.exactPath,
         custom: ""
       }, {
-        default: W(({ href: I, navigate: q, isActive: A, isExactActive: Y }) => [
+        default: N(({ href: I, navigate: U, isActive: B, isExactActive: J }) => [
           L(we, G({
             class: [
-              ...e(O),
+              ...e(H),
               {
-                [`${e(m)["tab--active"]} active-tab-link`]: k.exact ? Y : A
+                [`${e(m)["tab--active"]} active-tab-link`]: g.exact ? J : B
               }
             ],
-            color: e(c) || (k.exact ? Y : A) ? k.color : void 0,
+            color: e(c) || (g.exact ? J : B) ? g.color : void 0,
             href: e(R) ? void 0 : I,
             target: e(f),
             role: "tab",
             tag: "a"
-          }, k.$attrs, {
+          }, g.$attrs, {
             variant: "text",
             onClick: (K) => {
-              N(), e(R) && q(K);
+              O(), e(R) && U(K);
             }
           }), Ke({ _: 2 }, [
             ke(u, (K, V) => ({
               name: V,
-              fn: W((C) => [
-                D(k.$slots, V, $e(be(C)))
+              fn: N((C) => [
+                D(g.$slots, V, be($e(C)))
               ])
             }))
           ]), 1040, ["class", "color", "href", "target", "onClick"])
@@ -5003,17 +5004,17 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         _: 3
       }, 8, ["to", "exact", "exact-path"])) : (s(), P(we, G({
         key: 1,
-        class: e(O),
-        color: e(c) ? k.color : void 0,
+        class: e(H),
+        color: e(c) ? g.color : void 0,
         role: "tab"
-      }, k.$attrs, {
+      }, g.$attrs, {
         variant: "text",
-        onClick: F[0] || (F[0] = (I) => N())
+        onClick: F[0] || (F[0] = (I) => O())
       }), Ke({ _: 2 }, [
-        ke(u, (I, q) => ({
-          name: q,
-          fn: W((A) => [
-            D(k.$slots, q, $e(be(A)))
+        ke(u, (I, U) => ({
+          name: U,
+          fn: N((B) => [
+            D(g.$slots, U, be($e(B)))
           ])
         }))
       ]), 1040, ["class", "color"]));
@@ -5031,7 +5032,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   "tab--end": "_tab--end_b7dy7_33"
 }, Up = {
   $style: Ep
-}, I1 = /* @__PURE__ */ le(Wp, [["__cssModules", Up]]), Gp = /* @__PURE__ */ J({
+}, I1 = /* @__PURE__ */ le(Wp, [["__cssModules", Up]]), Gp = /* @__PURE__ */ Y({
   name: "RuiTabItems",
   inheritAttrs: !1,
   __name: "RuiTabItems",
@@ -5044,33 +5045,33 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     st((n) => ({
       "1ef23b00": e(i)
     }));
-    const a = Qe(z, "modelValue"), l = Je(), d = E(!1), u = E(-1), f = E(-1);
+    const a = Qe(z, "modelValue"), l = Je(), d = W(!1), u = W(-1), f = W(-1);
     ge(u, (n) => {
       Ye(() => {
         w(f, n);
       });
     });
     function h(n) {
-      return n.flatMap((b) => b.type === he && Array.isArray(b.children) && b.children.length > 0 ? h(b.children.filter(Pt)) : [b]).flat();
+      return n.flatMap(($) => $.type === he && Array.isArray($.children) && $.children.length > 0 ? h($.children.filter(Pt)) : [$]).flat();
     }
-    const c = B(() => {
+    const c = A(() => {
       var R;
-      const n = ((R = l.default) == null ? void 0 : R.call(l)) ?? [], b = h(n);
+      const n = ((R = l.default) == null ? void 0 : R.call(l)) ?? [], $ = h(n);
       let M = !1;
-      const m = b.map((O, N) => {
-        var U;
-        const k = ((U = O.props) == null ? void 0 : U.value) ?? N;
-        return t(a) === k && (M = !0, N !== t(u) && (w(d, N < t(u)), w(u, N))), {
-          ...O,
+      const m = $.map((H, O) => {
+        var E;
+        const g = ((E = H.props) == null ? void 0 : E.value) ?? O;
+        return t(a) === g && (M = !0, O !== t(u) && (w(d, O < t(u)), w(u, O))), {
+          ...H,
           props: {
-            value: k,
-            ...O.props
+            value: g,
+            ...H.props
           }
         };
       });
       return M || w(u, -1), m;
-    }), y = E(), r = E(), { height: i } = zt(r);
-    return (n, b) => (s(), _("div", G({
+    }), y = W(), r = W(), { height: i } = zt(r);
+    return (n, $) => (s(), _("div", G({
       ref_key: "wrapper",
       ref: y,
       class: n.$style.tabs
@@ -5097,7 +5098,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
 }, Jp = {
   key: 0,
   class: "hidden"
-}, Zp = /* @__PURE__ */ J({
+}, Zp = /* @__PURE__ */ Y({
   name: "RuiTabItem",
   __name: "RuiTabItem",
   props: {
@@ -5118,23 +5119,23 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         "leave-active-class": "w-full transform duration-300 transition !h-0 overflow-hidden",
         "leave-from-class": "opacity-100 translate-x-0 !h-0 overflow-hidden"
       }, {
-        default: W(() => [
+        default: N(() => [
           a.active ? (s(), _("div", Yp, [
             D(a.$slots, "default")
-          ])) : g("", !0)
+          ])) : k("", !0)
         ]),
         _: 3
       }, 8, ["enter-from-class", "leave-to-class"]),
       a.eager && !a.active ? (s(), _("div", Jp, [
         D(a.$slots, "default")
-      ])) : g("", !0)
+      ])) : k("", !0)
     ], 2));
   }
 }), xp = "_tab_1yc4b_1", e0 = {
   tab: xp
 }, t0 = {
   $style: e0
-}, T1 = /* @__PURE__ */ le(Zp, [["__cssModules", t0]]), s0 = /* @__PURE__ */ J({
+}, T1 = /* @__PURE__ */ le(Zp, [["__cssModules", t0]]), s0 = /* @__PURE__ */ Y({
   name: "RuiSkeletonLoaderBase",
   __name: "RuiSkeletonBase",
   props: {
@@ -5151,7 +5152,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   pulse: o0
 }, l0 = {
   $style: a0
-}, Ct = /* @__PURE__ */ le(s0, [["__cssModules", l0]]), r0 = /* @__PURE__ */ J({
+}, Ct = /* @__PURE__ */ le(s0, [["__cssModules", l0]]), r0 = /* @__PURE__ */ Y({
   name: "RuiSkeletonLoader",
   inheritAttrs: !1,
   __name: "RuiSkeletonLoader",
@@ -5168,7 +5169,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         key: 0,
         class: p(a.$style.skeleton_heading),
         rounded: a.rounded
-      }, null, 8, ["class", "rounded"])) : g("", !0),
+      }, null, 8, ["class", "rounded"])) : k("", !0),
       L(Ct, {
         class: p(a.$style.skeleton_text),
         rounded: a.rounded
@@ -5197,9 +5198,9 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   skeleton_thumbnail: f0,
   skeleton_paragraph: y0,
   skeleton_article: m0
-}, $0 = {
+}, b0 = {
   $style: h0
-}, P1 = /* @__PURE__ */ le(r0, [["__cssModules", $0]]), q1 = /* @__PURE__ */ J({
+}, P1 = /* @__PURE__ */ le(r0, [["__cssModules", b0]]), q1 = /* @__PURE__ */ Y({
   name: "RuiAccordions",
   inheritAttrs: !1,
   __name: "RuiAccordions",
@@ -5209,15 +5210,15 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   },
   emits: ["update:model-value"],
   setup(z, { emit: a }) {
-    const l = z, d = a, { modelValue: u, multiple: f } = pe(l), h = E(), c = Je(), y = B(() => {
+    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), b = t(f);
+      const i = ((M = c.default) == null ? void 0 : M.call(c)) ?? [], n = t(h), $ = t(f);
       return i.map((m, R) => {
-        const O = b && Array.isArray(n) ? n.includes(R) : n === R;
+        const H = $ && Array.isArray(n) ? n.includes(R) : n === R;
         return {
           ...m,
           props: {
-            open: O,
+            open: H,
             ...m.props
           }
         };
@@ -5225,25 +5226,25 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     });
     function r(i) {
       let n;
-      const b = t(h);
-      if (t(f) && Array.isArray(b)) {
-        const M = [...t(b)], m = M.indexOf(i);
+      const $ = t(h);
+      if (t(f) && Array.isArray($)) {
+        const M = [...t($)], m = M.indexOf(i);
         m === -1 ? M.push(i) : M.splice(m, 1), n = M;
       } else
-        b === i ? n = -1 : n = i;
+        $ === i ? n = -1 : n = i;
       d("update:model-value", n), w(h, n);
     }
     return ge([u, f], ([i, n]) => {
-      let b = i;
-      n && !Array.isArray(b) ? b = b === -1 ? [] : [b] : !n && Array.isArray(b) && (b = b[0] ?? -1), w(h, b);
-    }, { immediate: !0 }), (i, n) => (s(), _("div", $e(be(i.$attrs)), [
-      (s(!0), _(he, null, ke(e(y), (b, M) => (s(), P(lt(b), {
+      let $ = i;
+      n && !Array.isArray($) ? $ = $ === -1 ? [] : [$] : !n && Array.isArray($) && ($ = $[0] ?? -1), w(h, $);
+    }, { immediate: !0 }), (i, n) => (s(), _("div", be($e(i.$attrs)), [
+      (s(!0), _(he, null, ke(e(y), ($, M) => (s(), P(lt($), {
         key: M,
         onClick: (m) => r(M)
       }, null, 8, ["onClick"]))), 128))
     ], 16));
   }
-}), b0 = /* @__PURE__ */ J({
+}), $0 = /* @__PURE__ */ Y({
   name: "RuiAccordion",
   inheritAttrs: !1,
   __name: "RuiAccordion",
@@ -5263,7 +5264,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     function d() {
       l("click");
     }
-    const u = E(), { height: f } = zt(u);
+    const u = W(), { height: f } = zt(u);
     return (h, c) => (s(), _("div", G({
       class: ["accordion", [h.$style.accordion, { [h.$style.open]: h.open }]]
     }, h.$attrs), [
@@ -5282,7 +5283,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           class: p(["text-rui-text-secondary", h.$style.icon]),
           name: "lu-chevron-down"
         }, null, 8, ["class"])
-      ], 2)) : g("", !0),
+      ], 2)) : k("", !0),
       h.open || h.eager ? (s(), _("div", {
         key: 1,
         class: p([[h.contentClass, h.$style.accordion__content], "accordion__content"])
@@ -5293,7 +5294,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         }, [
           D(h.$slots, "default")
         ], 512)
-      ], 2)) : g("", !0)
+      ], 2)) : k("", !0)
     ], 16));
   }
 }), v0 = "_accordion_1s1ud_1", g0 = "_open_1s1ud_4", k0 = "_accordion__content_1s1ud_4", w0 = "_icon_1s1ud_7", C0 = {
@@ -5303,7 +5304,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   icon: w0
 }, z0 = {
   $style: C0
-}, H1 = /* @__PURE__ */ le(b0, [["__cssModules", z0]]), O1 = /* @__PURE__ */ J({
+}, H1 = /* @__PURE__ */ le($0, [["__cssModules", z0]]), O1 = /* @__PURE__ */ Y({
   name: "RuiBottomSheet",
   inheritAttrs: !1,
   __name: "RuiBottomSheet",
@@ -5318,8 +5319,8 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     return (l, d) => (s(), P(gd, G({ "bottom-sheet": "" }, { ...a, ...l.$attrs }), Ke({ _: 2 }, [
       ke(Object.keys(l.$slots), (u) => ({
         name: u,
-        fn: W((f) => [
-          D(l.$slots, u, $e(be(f)))
+        fn: N((f) => [
+          D(l.$slots, u, be($e(f)))
         ])
       }))
     ]), 1040));
@@ -5426,7 +5427,7 @@ class Kt {
     return [this.red, this.green, this.blue];
   }
 }
-function $s(z) {
+function bs(z) {
   function a(u) {
     z(u.clientX, u.clientY);
   }
@@ -5443,7 +5444,7 @@ function $s(z) {
     onMouseDown: l
   };
 }
-const M0 = /* @__PURE__ */ J({
+const M0 = /* @__PURE__ */ Y({
   name: "RuiColorBoard",
   inheritAttrs: !1,
   __name: "RuiColorBoard",
@@ -5460,30 +5461,30 @@ const M0 = /* @__PURE__ */ J({
       hexString: u(l.color.hue),
       saturation: l.color.saturation,
       brightness: l.color.brightness
-    }), h = E(0), c = E(0), y = B(() => ({
+    }), h = W(0), c = W(0), y = A(() => ({
       top: `${t(h) * 100}%`,
       left: `${t(c) * 100}%`
-    })), r = E();
+    })), r = W();
     function i() {
       w(c, f.saturation), w(h, 1 - f.brightness);
     }
     const n = rs(), {
-      handleClick: b,
+      handleClick: $,
       onMouseDown: M
-    } = $s(m);
-    function m(R, O) {
+    } = bs(m);
+    function m(R, H) {
       if (!n)
         return;
-      const N = n.vnode.el, k = N == null ? void 0 : N.getBoundingClientRect();
-      if (!k)
+      const O = n.vnode.el, g = O == null ? void 0 : O.getBoundingClientRect();
+      if (!g)
         return;
-      const { width: F, height: U, left: I, top: q } = k;
-      let A = R - I, Y = O - q;
-      A = mt(A, 0, F), Y = mt(Y, 0, U);
-      const K = A / F, V = mt(-(Y / U) + 1, 0, 1);
-      w(c, A / F), w(h, Y / U), f.saturation = K, f.brightness = V, d("update:board", { saturation: K, brightness: V });
+      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 });
     }
-    return $t(() => {
+    return bt(() => {
       i();
     }), Jt(
       () => l.color,
@@ -5491,14 +5492,14 @@ const M0 = /* @__PURE__ */ J({
         f.hexString = u(R.hue), f.saturation = R.saturation, f.brightness = R.brightness, i();
       },
       { deep: !0 }
-    ), (R, O) => (s(), _("div", G({
+    ), (R, H) => (s(), _("div", G({
       ref_key: "wrapper",
       ref: r,
       class: ["rui-color-board", R.$style.saturation]
     }, R.$attrs, {
       style: { backgroundColor: e(f).hexString },
-      onClick: O[0] || (O[0] = (N) => e(b)(N)),
-      onMousedown: O[1] || (O[1] = (N) => e(M)(N))
+      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)
@@ -5519,7 +5520,7 @@ const M0 = /* @__PURE__ */ J({
   cursor: A0
 }, j0 = {
   $style: S0
-}, I0 = /* @__PURE__ */ le(M0, [["__cssModules", j0]]), D0 = 16, T0 = /* @__PURE__ */ J({
+}, I0 = /* @__PURE__ */ le(M0, [["__cssModules", j0]]), D0 = 16, T0 = /* @__PURE__ */ Y({
   name: "RuiColorHue",
   inheritAttrs: !1,
   __name: "RuiColorHue",
@@ -5529,55 +5530,55 @@ const M0 = /* @__PURE__ */ J({
   },
   emits: ["update:modelValue"],
   setup(z) {
-    const a = Qe(z, "modelValue"), l = E();
-    function d(b) {
-      const M = D0 / 2, m = b - M, R = m - M;
+    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 u = E("");
+    const u = W("");
     function f() {
       w(u, y().toString());
     }
-    const h = B(() => ({
+    const h = A(() => ({
       left: t(u)
     })), c = rs();
     function y() {
       if (!c)
         return 0;
-      const b = c.vnode.el, M = b == null ? void 0 : b.getBoundingClientRect();
+      const $ = c.vnode.el, M = $ == null ? void 0 : $.getBoundingClientRect();
       if (!M)
         return 0;
-      const m = M.width, { lowerLimit: R, availableWidth: O } = d(m), N = t(a), k = N === 360 ? 360 : N % 360;
-      return `calc(${Ve(k / 360 * (O / m) * 100)}% + ${R}px)`;
+      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)`;
     }
-    function r(b) {
+    function r($) {
       if (!c)
         return;
       const M = c.vnode.el, m = M == null ? void 0 : M.getBoundingClientRect();
       if (!m)
         return;
-      let R = b - m.left;
-      const { lowerLimit: O, upperLimit: N, availableWidth: k } = d(m.width);
-      R = mt(R, O, N), w(a, Math.round((R - O) / k * 360));
+      let R = $ - 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));
     }
     const {
       handleClick: i,
       onMouseDown: n
-    } = $s(r);
-    return $t(() => {
+    } = bs(r);
+    return bt(() => {
       f();
     }), ge(a, () => {
       f();
-    }), (b, M) => (s(), _("div", G({
+    }), ($, M) => (s(), _("div", G({
       ref_key: "barElement",
       ref: l,
-      class: [b.$style.bar, "rui-color-hue"]
-    }, b.$attrs, {
+      class: [$.$style.bar, "rui-color-hue"]
+    }, $.$attrs, {
       onClick: M[0] || (M[0] = (m) => e(i)(m)),
       onMousedown: M[1] || (M[1] = (m) => e(n)(m))
     }), [
       S("div", {
-        class: p(b.$style.cursor),
+        class: p($.$style.cursor),
         style: Ge(e(h))
       }, null, 6)
     ], 16));
@@ -5590,7 +5591,7 @@ const M0 = /* @__PURE__ */ J({
 }, L0 = /* @__PURE__ */ le(T0, [["__cssModules", O0]]), N0 = { class: "flex flex-col items-center gap-1 w-[16rem]" }, W0 = { class: "w-full" }, F0 = {
   key: 1,
   class: "flex flex-1 gap-1"
-}, E0 = { class: "uppercase text-rui-text-secondary text-sm" }, U0 = /* @__PURE__ */ J({
+}, E0 = { class: "uppercase text-rui-text-secondary text-sm" }, U0 = /* @__PURE__ */ Y({
   name: "RuiColorInput",
   inheritAttrs: !1,
   __name: "RuiColorInput",
@@ -5600,7 +5601,7 @@ const M0 = /* @__PURE__ */ J({
   },
   emits: ["update:modelValue"],
   setup(z) {
-    const a = Qe(z, "modelValue"), l = E("hex"), d = Yt({
+    const a = Qe(z, "modelValue"), l = W("hex"), d = Yt({
       color: t(a),
       hex: t(a).hex,
       rgb: t(a).rgb
@@ -5618,8 +5619,8 @@ const M0 = /* @__PURE__ */ J({
       } else if (r !== void 0 && d.rgb && d.color) {
         let n = Number(i);
         n = mt(n, 0, 255), d.rgb[r] = n;
-        const [b, M, m] = d.rgb;
-        d.color.hex = Ne({ r: b, g: M, b: m }).toHex();
+        const [$, M, m] = d.rgb;
+        d.color.hex = Ne({ r: $, g: M, b: m }).toHex();
       }
     }, 100), h = es((c, y, r) => {
       if (y) {
@@ -5629,8 +5630,8 @@ const M0 = /* @__PURE__ */ J({
         } else if (r !== void 0 && d.rgb && d.color) {
           let i = Number(y);
           i = mt(i, 0, 255), d.rgb[r] = i;
-          const [n, b, M] = d.rgb;
-          d.color.hex = Ne({ r: n, g: b, b: M }).toHex();
+          const [n, $, M] = d.rgb;
+          d.color.hex = Ne({ r: n, g: $, b: M }).toHex();
         }
         w(a, d.color);
       }
@@ -5659,7 +5660,7 @@ const M0 = /* @__PURE__ */ J({
             "hide-details": "",
             onBlur: y[2] || (y[2] = (r) => e(f)(e(l), r))
           }, {
-            prepend: W(() => y[4] || (y[4] = [
+            prepend: N(() => y[4] || (y[4] = [
               S("span", { class: "text-rui-text" }, " # ", -1)
             ])),
             _: 1
@@ -5685,7 +5686,7 @@ const M0 = /* @__PURE__ */ J({
         variant: "text",
         onClick: y[3] || (y[3] = (r) => u())
       }, {
-        default: W(() => [
+        default: N(() => [
           L(ee, { name: "lu-chevrons-up-down" })
         ]),
         _: 1
@@ -5695,7 +5696,7 @@ const M0 = /* @__PURE__ */ J({
 }), G0 = {
   key: 0,
   class: "text-rui-success"
-}, K0 = /* @__PURE__ */ J({
+}, K0 = /* @__PURE__ */ Y({
   name: "RuiColorDisplay",
   inheritAttrs: !1,
   __name: "RuiColorDisplay",
@@ -5709,7 +5710,7 @@ const M0 = /* @__PURE__ */ J({
       "close-delay": 400,
       "tooltip-class": "text-center"
     }, f.$attrs), {
-      activator: W(() => [
+      activator: N(() => [
         S("div", {
           class: "w-8 h-8 min-w-8 min-h-8 rounded-full cursor-pointer",
           "data-cy": "color-display",
@@ -5717,16 +5718,16 @@ const M0 = /* @__PURE__ */ J({
           onClick: h[0] || (h[0] = (c) => e(d)())
         }, null, 4)
       ]),
-      default: W(() => [
+      default: N(() => [
         S("div", {
           class: p({ "h-0 overflow-hidden": e(u) })
         }, " Click to copy ", 2),
-        e(u) ? (s(), _("div", G0, " COPIED! ")) : g("", !0)
+        e(u) ? (s(), _("div", G0, " COPIED! ")) : k("", !0)
       ]),
       _: 1
     }, 16));
   }
-}), Q0 = { class: "flex flex-col gap-5 p-4" }, X0 = { class: "flex items-center gap-4" }, L1 = /* @__PURE__ */ J({
+}), Q0 = { class: "flex flex-col gap-5 p-4" }, X0 = { class: "flex items-center gap-4" }, L1 = /* @__PURE__ */ Y({
   name: "RuiColorPicker",
   inheritAttrs: !1,
   __name: "RuiColorPicker",
@@ -5772,7 +5773,7 @@ const M0 = /* @__PURE__ */ J({
       ])
     ], 16));
   }
-}), N1 = /* @__PURE__ */ J({
+}), N1 = /* @__PURE__ */ Y({
   name: "RuiNotification",
   inheritAttrs: !1,
   __name: "RuiNotification",
@@ -5784,7 +5785,7 @@ const M0 = /* @__PURE__ */ J({
   },
   emits: ["update:model-value"],
   setup(z, { emit: a }) {
-    const l = z, d = a, { timeout: u, modelValue: f, width: h } = pe(l), c = B(() => ({
+    const l = z, d = a, { timeout: u, modelValue: f, width: h } = pe(l), c = A(() => ({
       width: Tt(t(h))
     }));
     function y() {
@@ -5806,7 +5807,7 @@ const M0 = /* @__PURE__ */ J({
         "leave-active-class": "ease-in duration-100",
         "leave-to-class": "opacity-0"
       }, {
-        default: W(() => [
+        default: N(() => [
           e(f) ? (s(), _("div", G({
             key: 0,
             class: ["top-2 right-2 fixed drop-shadow-lg rounded-sm z-50", {
@@ -5819,13 +5820,13 @@ const M0 = /* @__PURE__ */ J({
             onClick: i[0] || (i[0] = (n) => y())
           }), [
             D(r.$slots, "default")
-          ], 16)) : g("", !0)
+          ], 16)) : k("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), Y0 = /* @__PURE__ */ J({
+}), Y0 = /* @__PURE__ */ Y({
   name: "RuiNavigationDrawer",
   inheritAttrs: !1,
   __name: "RuiNavigationDrawer",
@@ -5850,7 +5851,7 @@ const M0 = /* @__PURE__ */ J({
     function y(m) {
       d("update:model-value", m), m || d("closed");
     }
-    const r = E(!1);
+    const r = W(!1);
     at(u, (m) => {
       w(r, m);
     }), ge(r, (m) => {
@@ -5859,22 +5860,22 @@ const M0 = /* @__PURE__ */ J({
     function i() {
       w(r, !1);
     }
-    const n = B(() => ({
+    const n = A(() => ({
       width: Tt(t(c))
-    })), b = E(null);
-    cs(b, () => {
+    })), $ = W(null);
+    cs($, () => {
       t(r) && l.temporary && !l.stateless && setTimeout(() => {
         i();
       }, 50);
     });
-    const M = B(() => ({
+    const M = A(() => ({
       onClick: () => {
         const m = !t(r);
         w(r, m), y(m);
       }
     }));
     return (m, R) => (s(), _("div", null, [
-      D(m.$slots, "activator", $e(be({ open: r.value, attrs: e(M) }))),
+      D(m.$slots, "activator", be($e({ open: r.value, attrs: e(M) }))),
       (s(), P(Bt, { to: "body" }, [
         m.overlay ? (s(), P(pt, {
           key: 0,
@@ -5885,18 +5886,18 @@ const M0 = /* @__PURE__ */ J({
           "leave-active-class": "ease-in duration-100",
           "leave-to-class": "opacity-0"
         }, {
-          default: W(() => [
+          default: N(() => [
             r.value ? (s(), _("div", {
               key: 0,
               class: p(m.$style.overlay),
-              onClick: R[0] || (R[0] = Ie((O) => i(), ["stop"]))
-            }, null, 2)) : g("", !0)
+              onClick: R[0] || (R[0] = Ie((H) => i(), ["stop"]))
+            }, null, 2)) : k("", !0)
           ]),
           _: 1
-        })) : g("", !0),
+        })) : k("", !0),
         S("aside", G({
           ref_key: "content",
-          ref: b,
+          ref: $,
           style: e(n),
           class: [
             m.$style.content,
@@ -5910,7 +5911,7 @@ const M0 = /* @__PURE__ */ J({
             }
           ]
         }, e(Ze)(m.$attrs)), [
-          D(m.$slots, "default", $e(be({ attrs: e(M), close: i })))
+          D(m.$slots, "default", be($e({ attrs: e(M), close: i })))
         ], 16)
       ]))
     ]));
@@ -5935,7 +5936,7 @@ export {
   _d as RuiBadge,
   O1 as RuiBottomSheet,
   we as RuiButton,
-  $1 as RuiButtonGroup,
+  b1 as RuiButtonGroup,
   S1 as RuiCard,
   kp as RuiCardHeader,
   ms as RuiCheckbox,
@@ -5959,7 +5960,7 @@ export {
   P1 as RuiSkeletonLoader,
   v1 as RuiSlider,
   k1 as RuiStepper,
-  b1 as RuiSwitch,
+  $1 as RuiSwitch,
   I1 as RuiTab,
   T1 as RuiTabItem,
   D1 as RuiTabItems,