@rocketui/vue 0.0.75 → 0.0.77

package/dist/rocket-ui-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as F, openBlock as m, createElementBlock as a, createElementVNode as u, unref as p, reactive as X, Fragment as z, renderList as q, normalizeClass as g, renderSlot as b, toDisplayString as y, createVNode as $, computed as k, createCommentVNode as B, mergeProps as L2, createBlock as R, watch as W, getCurrentScope as M2, onScopeDispose as A2, ref as D, watchEffect as i2, onMounted as _1, Teleport as e2, withCtx as d1, withDirectives as W1, withKeys as B1, vModelText as d2, withModifiers as L1, createTextVNode as N1, normalizeStyle as h1, vShow as t2, resolveComponent as m2, provide as Z1, resolveDynamicComponent as l2, inject as u1 } from "vue";
+import { defineComponent as v, openBlock as m, createElementBlock as Z, createElementVNode as S, unref as s, reactive as X, Fragment as z, renderList as q, normalizeClass as f, renderSlot as b, toDisplayString as y, createVNode as $, computed as k, createCommentVNode as B, mergeProps as L2, createBlock as R, watch as _, getCurrentScope as M2, onScopeDispose as A2, ref as E, watchEffect as i2, onMounted as _1, Teleport as e2, withCtx as d1, withDirectives as W1, withKeys as B1, vModelText as d2, withModifiers as L1, createTextVNode as N1, normalizeStyle as h1, vShow as t2, resolveComponent as m2, provide as Z1, resolveDynamicComponent as l2, inject as u1 } from "vue";
 const o2 = {
   mdiAbTesting: "M4 2A2 2 0 0 0 2 4V12H4V8H6V12H8V4A2 2 0 0 0 6 2H4M4 4H6V6H4M22 15.5V14A2 2 0 0 0 20 12H16V22H20A2 2 0 0 0 22 20V18.5A1.54 1.54 0 0 0 20.5 17A1.54 1.54 0 0 0 22 15.5M20 20H18V18H20V20M20 16H18V14H20M5.79 21.61L4.21 20.39L18.21 2.39L19.79 3.61Z",
   mdiAbacus: "M5 5H7V11H5V5M10 5H8V11H10V5M5 19H7V13H5V19M10 13H8V19H10V17H15V15H10V13M2 21H4V3H2V21M20 3V7H13V5H11V11H13V9H20V15H18V13H16V19H18V17H20V21H22V3H20Z",
@@ -7296,7 +7296,7 @@ const o2 = {
   mdiZodiacScorpio: "M17.71,15.29L16.29,16.71L17.59,18H16A2,2 0 0,1 14,16V6A3,3 0 0,0 11,3C10.25,3 9.55,3.29 9,3.78C7.86,2.76 6.14,2.76 5,3.78C4.45,3.28 3.74,3 3,3V5A1,1 0 0,1 4,6V16H6V6A1,1 0 0,1 7,5A1,1 0 0,1 8,6V16H10V6A1,1 0 0,1 11,5A1,1 0 0,1 12,6V16A4,4 0 0,0 16,20H17.59L16.29,21.29L17.71,22.71L21.41,19L17.71,15.29Z",
   mdiZodiacTaurus: "M15.59,9C17.7,7.74 19,5.46 19,3H17A5,5 0 0,1 12,8A5,5 0 0,1 7,3H5C5,5.46 6.3,7.74 8.41,9C5.09,11 4,15.28 6,18.6C7.97,21.92 12.27,23 15.59,21C18.91,19.04 20,14.74 18,11.42C17.42,10.43 16.58,9.59 15.59,9M12,20A5,5 0 0,1 7,15A5,5 0 0,1 12,10A5,5 0 0,1 17,15A5,5 0 0,1 12,20Z",
   mdiZodiacVirgo: "M18.5,19.13C20,17.77 20,15.18 20,14A4,4 0 0,0 16,10C15.3,10 14.6,10.2 14,10.56V6A3,3 0 0,0 11,3C10.25,3 9.55,3.29 9,3.78C7.86,2.76 6.14,2.76 5,3.78C4.45,3.28 3.74,3 3,3V5A1,1 0 0,1 4,6V16H6V6A1,1 0 0,1 7,5A1,1 0 0,1 8,6V16H10V6A1,1 0 0,1 11,5A1,1 0 0,1 12,6V14C12,15.18 12,17.77 13.5,19.13C12.72,19.54 11.88,19.84 11,20V22C12.29,22 14.84,20.74 16,20.13C17.16,20.74 19.71,22 21,22V20C20.12,19.84 19.28,19.54 18.5,19.13M16,12A2,2 0 0,1 18,14C18,16.92 17.46,18 16,18C14.54,18 14,16.92 14,14A2,2 0 0,1 16,12Z"
-}, n2 = ["height", "viewBox", "width"], r2 = ["d"], x = /* @__PURE__ */ F({
+}, n2 = ["height", "viewBox", "width"], r2 = ["d"], x = /* @__PURE__ */ v({
   __name: "RIcon",
   props: {
     name: { default: "" },
@@ -7305,19 +7305,19 @@ const o2 = {
   },
   setup(H) {
     const V = H;
-    return (C, L) => (m(), a("svg", {
+    return (C, L) => (m(), Z("svg", {
       class: "r-icon",
       height: V.size,
       viewBox: V.viewBox,
       width: V.size
     }, [
-      u("path", {
-        d: p(o2)[V.name]
+      S("path", {
+        d: s(o2)[V.name]
       }, null, 8, r2)
     ], 8, n2));
   }
 });
-const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title" }, S2 = { class: "r-accordion__icon" }, c2 = { class: "r-accordion__content" }, Z3 = /* @__PURE__ */ F({
+const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title" }, S2 = { class: "r-accordion__icon" }, c2 = { class: "r-accordion__content" }, Z3 = /* @__PURE__ */ v({
   __name: "RAccordion",
   props: {
     accordions: null
@@ -7336,28 +7336,28 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
         C[i].open = i === M ? !C[i].open : !1;
       });
     }
-    return (M, A) => (m(!0), a(z, null, q(C, (i, e) => (m(), a("div", {
+    return (M, A) => (m(!0), Z(z, null, q(C, (i, e) => (m(), Z("div", {
       key: e,
-      class: g({
+      class: f({
         "r-accordion": !0,
         "r-accordion--disabled": i.disabled
       }),
       "data-state": i.open ? "opened" : "closed"
     }, [
-      u("div", {
+      S("div", {
         class: "r-accordion__header",
         onClick: (d) => L(e)
       }, [
         b(M.$slots, "title", {}, () => [
-          u("div", u2, y(i.title), 1)
+          S("div", u2, y(i.title), 1)
         ]),
-        u("div", S2, [
+        S("div", S2, [
           $(x, { name: "mdiChevronUp" })
         ])
       ], 8, Z2),
-      u("div", c2, [
+      S("div", c2, [
         b(M.$slots, "content", {}, () => [
-          u("span", null, y(i.content), 1)
+          S("span", null, y(i.content), 1)
         ])
       ])
     ], 10, a2))), 128));
@@ -7368,7 +7368,7 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
 }, f2 = {
   key: 0,
   class: "r-alert__close"
-}, u3 = /* @__PURE__ */ F({
+}, u3 = /* @__PURE__ */ v({
   __name: "RAlert",
   props: {
     type: { default: "info" },
@@ -7393,24 +7393,24 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
     })[C.type]), A = () => {
       V("close");
     };
-    return (i, e) => (m(), a("div", {
-      class: g(p(L))
+    return (i, e) => (m(), Z("div", {
+      class: f(s(L))
     }, [
-      u("div", s2, [
+      S("div", s2, [
         b(i.$slots, "alert-icon", {}, () => [
           $(x, {
-            name: p(M),
+            name: s(M),
             size: 24
           }, null, 8, ["name"])
         ])
       ]),
-      u("div", O2, [
+      S("div", O2, [
         b(i.$slots, "content", {}, () => [
-          u("p", p2, y(C.title), 1),
-          C.description ? (m(), a("p", h2, y(C.description), 1)) : B("", !0)
+          S("p", p2, y(C.title), 1),
+          C.description ? (m(), Z("p", h2, y(C.description), 1)) : B("", !0)
         ])
       ]),
-      C.closable ? (m(), a("div", f2, [
+      C.closable ? (m(), Z("div", f2, [
         b(i.$slots, "custom-close", {}, () => [
           $(x, {
             class: "r-alert__close__button",
@@ -7422,7 +7422,7 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
       ])) : B("", !0)
     ], 2));
   }
-}), b1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyNyAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQ5OTMgMTRDMTcuMTgyNyAxNCAyMC4xNjYgMTEuMDE2NyAyMC4xNjYgNy4zMzMzNEMyMC4xNjYgMy42NSAxNy4xODI3IDAuNjY2NjcyIDEzLjQ5OTMgMC42NjY2NzJDOS44MTYwMiAwLjY2NjY3MiA2LjgzMjY4IDMuNjUgNi44MzI2OCA3LjMzMzM0QzYuODMyNjggMTEuMDE2NyA5LjgxNjAyIDE0IDEzLjQ5OTMgMTRaTTEzLjQ5OTMgMTcuMzMzM0M5LjA0OTM1IDE3LjMzMzMgMC4xNjYwMTYgMTkuNTY2NyAwLjE2NjAxNiAyNFYyNS42NjY3QzAuMTY2MDE2IDI2LjU4MzMgMC45MTYwMTYgMjcuMzMzMyAxLjgzMjY4IDI3LjMzMzNIMjUuMTY2QzI2LjA4MjcgMjcuMzMzMyAyNi44MzI3IDI2LjU4MzMgMjYuODMyNyAyNS42NjY3VjI0QzI2LjgzMjcgMTkuNTY2NyAxNy45NDkzIDE3LjMzMzMgMTMuNDk5MyAxNy4zMzMzWiIgZmlsbD0iIzRDNUJFMSIvPgo8L3N2Zz4K", g2 = { class: "r-avatar__wrapper" }, k2 = ["alt", "src"], S3 = /* @__PURE__ */ F({
+}), b1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyNyAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQ5OTMgMTRDMTcuMTgyNyAxNCAyMC4xNjYgMTEuMDE2NyAyMC4xNjYgNy4zMzMzNEMyMC4xNjYgMy42NSAxNy4xODI3IDAuNjY2NjcyIDEzLjQ5OTMgMC42NjY2NzJDOS44MTYwMiAwLjY2NjY3MiA2LjgzMjY4IDMuNjUgNi44MzI2OCA3LjMzMzM0QzYuODMyNjggMTEuMDE2NyA5LjgxNjAyIDE0IDEzLjQ5OTMgMTRaTTEzLjQ5OTMgMTcuMzMzM0M5LjA0OTM1IDE3LjMzMzMgMC4xNjYwMTYgMTkuNTY2NyAwLjE2NjAxNiAyNFYyNS42NjY3QzAuMTY2MDE2IDI2LjU4MzMgMC45MTYwMTYgMjcuMzMzMyAxLjgzMjY4IDI3LjMzMzNIMjUuMTY2QzI2LjA4MjcgMjcuMzMzMyAyNi44MzI3IDI2LjU4MzMgMjYuODMyNyAyNS42NjY3VjI0QzI2LjgzMjcgMTkuNTY2NyAxNy45NDkzIDE3LjMzMzMgMTMuNDk5MyAxNy4zMzMzWiIgZmlsbD0iIzRDNUJFMSIvPgo8L3N2Zz4K", g2 = { class: "r-avatar__wrapper" }, k2 = ["alt", "src"], S3 = /* @__PURE__ */ v({
   __name: "RAvatar",
   props: {
     type: { default: "image" },
@@ -7440,42 +7440,42 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
       const e = i.split(" ");
       return e.length === 1 ? e[0].substring(0, 2) : `${e[0].charAt(0)}${e[1].charAt(0)}`;
     };
-    return (i, e) => (m(), a("div", g2, [
-      u("div", {
-        class: g(p(C))
+    return (i, e) => (m(), Z("div", g2, [
+      S("div", {
+        class: f(s(C))
       }, [
-        V.type === "text" ? (m(), a("p", {
+        V.type === "text" ? (m(), Z("p", {
           key: 0,
-          class: g({ "r-avatar__text": !0, [`r-avatar__text--${V.size}`]: !0 })
-        }, y(A(V.text)), 3)) : (m(), a("img", {
+          class: f({ "r-avatar__text": !0, [`r-avatar__text--${V.size}`]: !0 })
+        }, y(A(V.text)), 3)) : (m(), Z("img", {
           key: 1,
           alt: V.alt,
-          class: g({
+          class: f({
             "r-avatar__image": !0,
             [`r-avatar__image--${V.size}`]: !0,
-            "r-avatar__image--anonymous": p(L)
+            "r-avatar__image--anonymous": s(L)
           }),
-          src: p(M)
+          src: s(M)
         }, null, 10, k2))
       ], 2),
-      V.online ? (m(), a("span", {
+      V.online ? (m(), Z("span", {
         key: 0,
-        class: g({
+        class: f({
           "r-avatar__online": !0,
           [`r-avatar__online--${V.size}`]: !0
         })
       }, null, 2)) : B("", !0)
     ]));
   }
-}), B2 = { class: "r-badge-wrapper group" }, c3 = /* @__PURE__ */ F({
+}), B2 = { class: "r-badge-wrapper group" }, c3 = /* @__PURE__ */ v({
   __name: "RBadge",
   props: {
     variant: { default: "primary" },
     placement: { default: "right" },
     overlap: { type: Boolean, default: !1 },
     hover: { type: Boolean, default: !1 },
-    content: { default: "" },
-    outside: { type: Boolean, default: !1 }
+    outside: { type: Boolean, default: !1 },
+    animation: { type: Boolean, default: !1 }
   },
   emits: ["click"],
   setup(H) {
@@ -7486,18 +7486,19 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
       [`r-badge--${V.placement}`]: V.placement,
       [`r-badge--outside-${V.placement}`]: V.outside,
       "r-badge--hover": V.hover,
-      "r-badge--no-content": !V.content,
       [`r-badge--${V.variant}`]: V.variant
     }));
-    return (L, M) => (m(), a("div", B2, [
-      u("span", {
-        class: g(p(C)),
-        onClick: M[0] || (M[0] = (A) => L.$emit("click"))
-      }, y(V.content), 3),
+    return (L, M) => (m(), Z("div", B2, [
+      S("span", {
+        class: f([{ "animate-ping": V.animation }, s(C)])
+      }, null, 2),
+      S("span", {
+        class: f(s(C))
+      }, null, 2),
       b(L.$slots, "default")
     ]));
   }
-}), b2 = ["disabled"], s3 = /* @__PURE__ */ F({
+}), b2 = ["disabled"], s3 = /* @__PURE__ */ v({
   __name: "RButton",
   props: {
     variant: { default: "primary" },
@@ -7533,27 +7534,27 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
         color: e
       };
     });
-    return (A, i) => (m(), a("button", L2(A.$attrs, {
-      class: p(C),
+    return (A, i) => (m(), Z("button", L2(A.$attrs, {
+      class: s(C),
       disabled: H.disabled || H.loading,
-      style: p(M),
+      style: s(M),
       onClick: i[0] || (i[0] = (e) => A.$emit("click"))
     }), [
       b(A.$slots, "custom-icon"),
       !A.$slots["custom-icon"] && V.prependIcon ? (m(), R(x, {
         key: 0,
-        class: g(["r-button__prepend-icon", {
+        class: f(["r-button__prepend-icon", {
           "r-button__prepend-icon--only": V.onlyIcon
         }]),
         name: V.prependIcon,
-        size: p(L)
+        size: s(L)
       }, null, 8, ["class", "name", "size"])) : B("", !0),
       V.onlyIcon ? B("", !0) : b(A.$slots, "default", { key: 1 }),
       !A.$slots["custom-icon"] && !V.onlyIcon && V.appendIcon ? (m(), R(x, {
         key: 2,
         class: "r-button__append-icon",
         name: V.appendIcon,
-        size: p(L)
+        size: s(L)
       }, null, 8, ["name", "size"])) : B("", !0)
     ], 16, b2));
   }
@@ -7563,7 +7564,7 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
 }, x2 = {
   key: 1,
   class: "r-checkbox-texts__hint"
-}, O3 = /* @__PURE__ */ F({
+}, O3 = /* @__PURE__ */ v({
   __name: "RCheckbox",
   props: {
     id: { default: "" },
@@ -7592,7 +7593,7 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
     })), e = (d) => {
       C.disabled || (L.checked = d.target.checked, L.indeterminate = !1, V("update:modelValue", L.checked));
     };
-    return W(
+    return _(
       () => C.indeterminate,
       (d) => {
         L.indeterminate = d, d === !0 && (L.checked = !1, V("update:modelValue", L.checked));
@@ -7602,7 +7603,7 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
         // TODO: find a better way to do this
         immediate: !0
       }
-    ), W(
+    ), _(
       () => C.modelValue,
       (d) => {
         L.checked = d;
@@ -7612,9 +7613,9 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
         // TODO: find a better way to do this
         immediate: !0
       }
-    ), (d, l) => (m(), a("div", y2, [
-      u("div", w2, [
-        u("input", {
+    ), (d, l) => (m(), Z("div", y2, [
+      S("div", w2, [
+        S("input", {
           id: C.id,
           checked: L.checked,
           class: "r-checkbox-container__input",
@@ -7623,27 +7624,27 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
           type: "checkbox",
           onChange: e
         }, null, 40, P2),
-        u("div", {
-          class: g(p(i)),
+        S("div", {
+          class: f(s(i)),
           "data-disabled": C.disabled
         }, [
           $(x, {
-            name: p(A),
+            name: s(A),
             size: 24
           }, null, 8, ["name"])
         ], 10, T2)
       ]),
-      u("div", v2, [
-        u("label", {
+      S("div", v2, [
+        S("label", {
           class: "r-checkbox-texts__label",
           "data-disabled": C.disabled,
           for: C.id
         }, y(C.label), 9, F2),
-        C.errorMsg ? (m(), a("p", R2, y(C.errorMsg), 1)) : (m(), a("p", x2, y(C.hint), 1))
+        C.errorMsg ? (m(), Z("p", R2, y(C.errorMsg), 1)) : (m(), Z("p", x2, y(C.hint), 1))
       ])
     ]));
   }
-}), D2 = { class: "r-chip__content__label" }, E2 = /* @__PURE__ */ F({
+}), D2 = { class: "r-chip__content__label" }, E2 = /* @__PURE__ */ v({
   __name: "RChip",
   props: {
     variant: { default: "primary" },
@@ -7666,10 +7667,10 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
     }, A = (i) => {
       C.disabled || !C.closable || (i.stopPropagation(), V("click:close", i));
     };
-    return (i, e) => (m(), a("div", {
-      class: g(p(L))
+    return (i, e) => (m(), Z("div", {
+      class: f(s(L))
     }, [
-      u("div", {
+      S("div", {
         class: "r-chip__content",
         onClick: e[0] || (e[0] = (d) => M(d))
       }, [
@@ -7682,7 +7683,7 @@ const a2 = ["data-state"], Z2 = ["onClick"], u2 = { class: "r-accordion__title"
             size: 12
           }, null, 8, ["aria-disabled", "name"])) : B("", !0)
         ]),
-        u("span", D2, y(C.label), 1)
+        S("span", D2, y(C.label), 1)
       ]),
       b(i.$slots, "append", {}, () => [
         C.appendIcon ? (m(), R(x, {
@@ -7701,7 +7702,7 @@ function _2(H) {
   return M2() ? (A2(H), !0) : !1;
 }
 function I1(H) {
-  return typeof H == "function" ? H() : p(H);
+  return typeof H == "function" ? H() : s(H);
 }
 const Q1 = typeof window < "u" && typeof document < "u", W2 = Object.prototype.toString, N2 = (H) => W2.call(H) === "[object Object]", s1 = () => {
 }, I2 = /* @__PURE__ */ Q2();
@@ -7721,15 +7722,15 @@ function S1(...H) {
     return s1;
   Array.isArray(C) || (C = [C]), Array.isArray(L) || (L = [L]);
   const A = [], i = () => {
-    A.forEach((o) => o()), A.length = 0;
-  }, e = (o, t, r, n) => (o.addEventListener(t, r, n), () => o.removeEventListener(t, r, n)), d = W(
+    A.forEach((n) => n()), A.length = 0;
+  }, e = (n, t, a, r) => (n.addEventListener(t, a, r), () => n.removeEventListener(t, a, r)), d = _(
     () => [C1(V), I1(M)],
-    ([o, t]) => {
-      if (i(), !o)
+    ([n, t]) => {
+      if (i(), !n)
         return;
-      const r = N2(t) ? { ...t } : t;
+      const a = N2(t) ? { ...t } : t;
       A.push(
-        ...C.flatMap((n) => L.map((Z) => e(o, n, Z, r)))
+        ...C.flatMap((r) => L.map((u) => e(n, r, u, a)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -7743,39 +7744,39 @@ function G2(H, V, C = {}) {
   const { window: L = G1, ignore: M = [], capture: A = !0, detectIframe: i = !1 } = C;
   if (!L)
     return;
-  I2 && !y1 && (y1 = !0, Array.from(L.document.body.children).forEach((r) => r.addEventListener("click", s1)), L.document.documentElement.addEventListener("click", s1));
+  I2 && !y1 && (y1 = !0, Array.from(L.document.body.children).forEach((a) => a.addEventListener("click", s1)), L.document.documentElement.addEventListener("click", s1));
   let e = !0;
-  const d = (r) => M.some((n) => {
-    if (typeof n == "string")
-      return Array.from(L.document.querySelectorAll(n)).some((Z) => Z === r.target || r.composedPath().includes(Z));
+  const d = (a) => M.some((r) => {
+    if (typeof r == "string")
+      return Array.from(L.document.querySelectorAll(r)).some((u) => u === a.target || a.composedPath().includes(u));
     {
-      const Z = C1(n);
-      return Z && (r.target === Z || r.composedPath().includes(Z));
+      const u = C1(r);
+      return u && (a.target === u || a.composedPath().includes(u));
     }
-  }), o = [
-    S1(L, "click", (r) => {
-      const n = C1(H);
-      if (!(!n || n === r.target || r.composedPath().includes(n))) {
-        if (r.detail === 0 && (e = !d(r)), !e) {
+  }), n = [
+    S1(L, "click", (a) => {
+      const r = C1(H);
+      if (!(!r || r === a.target || a.composedPath().includes(r))) {
+        if (a.detail === 0 && (e = !d(a)), !e) {
           e = !0;
           return;
         }
-        V(r);
+        V(a);
       }
     }, { passive: !0, capture: A }),
-    S1(L, "pointerdown", (r) => {
-      const n = C1(H);
-      n && (e = !r.composedPath().includes(n) && !d(r));
+    S1(L, "pointerdown", (a) => {
+      const r = C1(H);
+      r && (e = !a.composedPath().includes(r) && !d(a));
     }, { passive: !0 }),
-    i && S1(L, "blur", (r) => {
+    i && S1(L, "blur", (a) => {
       setTimeout(() => {
-        var n;
-        const Z = C1(H);
-        ((n = L.document.activeElement) == null ? void 0 : n.tagName) === "IFRAME" && !(Z != null && Z.contains(L.document.activeElement)) && V(r);
+        var r;
+        const u = C1(H);
+        ((r = L.document.activeElement) == null ? void 0 : r.tagName) === "IFRAME" && !(u != null && u.contains(L.document.activeElement)) && V(a);
       }, 0);
     })
   ].filter(Boolean);
-  return () => o.forEach((r) => r());
+  return () => n.forEach((a) => a());
 }
 function A1(H) {
   return H.split("-")[0];
@@ -7791,7 +7792,7 @@ function f1(H) {
 }
 function w1(H, V, C) {
   let { reference: L, floating: M } = H;
-  const A = L.x + L.width / 2 - M.width / 2, i = L.y + L.height / 2 - M.height / 2, e = i1(V), d = f1(e), l = L[d] / 2 - M[d] / 2, o = e === "x";
+  const A = L.x + L.width / 2 - M.width / 2, i = L.y + L.height / 2 - M.height / 2, e = i1(V), d = f1(e), l = L[d] / 2 - M[d] / 2, n = e === "x";
   let t;
   switch (A1(V)) {
     case "top":
@@ -7811,21 +7812,21 @@ function w1(H, V, C) {
   }
   switch (n1(V)) {
     case "start":
-      t[e] -= l * (C && o ? -1 : 1);
+      t[e] -= l * (C && n ? -1 : 1);
       break;
     case "end":
-      t[e] += l * (C && o ? -1 : 1);
+      t[e] += l * (C && n ? -1 : 1);
   }
   return t;
 }
 const z2 = async (H, V, C) => {
   const { placement: L = "bottom", strategy: M = "absolute", middleware: A = [], platform: i } = C, e = A.filter(Boolean), d = await (i.isRTL == null ? void 0 : i.isRTL(V));
-  let l = await i.getElementRects({ reference: H, floating: V, strategy: M }), { x: o, y: t } = w1(l, L, d), r = L, n = {}, Z = 0;
-  for (let h = 0; h < e.length; h++) {
-    const { name: f, fn: T } = e[h], { x: v, y: c, data: s, reset: w } = await T({ x: o, y: t, initialPlacement: L, placement: r, strategy: M, middlewareData: n, rects: l, platform: i, elements: { reference: H, floating: V } });
-    o = v ?? o, t = c ?? t, n = { ...n, [f]: { ...n[f], ...s } }, w && Z <= 50 && (Z++, typeof w == "object" && (w.placement && (r = w.placement), w.rects && (l = w.rects === !0 ? await i.getElementRects({ reference: H, floating: V, strategy: M }) : w.rects), { x: o, y: t } = w1(l, r, d)), h = -1);
+  let l = await i.getElementRects({ reference: H, floating: V, strategy: M }), { x: n, y: t } = w1(l, L, d), a = L, r = {}, u = 0;
+  for (let p = 0; p < e.length; p++) {
+    const { name: h, fn: P } = e[p], { x: T, y: w, data: O, reset: c } = await P({ x: n, y: t, initialPlacement: L, placement: a, strategy: M, middlewareData: r, rects: l, platform: i, elements: { reference: H, floating: V } });
+    n = T ?? n, t = w ?? t, r = { ...r, [h]: { ...r[h], ...O } }, c && u <= 50 && (u++, typeof c == "object" && (c.placement && (a = c.placement), c.rects && (l = c.rects === !0 ? await i.getElementRects({ reference: H, floating: V, strategy: M }) : c.rects), { x: n, y: t } = w1(l, a, d)), p = -1);
   }
-  return { x: o, y: t, placement: r, strategy: M, middlewareData: n };
+  return { x: n, y: t, placement: a, strategy: M, middlewareData: r };
 };
 function z1(H) {
   return typeof H != "number" ? function(V) {
@@ -7838,8 +7839,8 @@ function t1(H) {
 async function m1(H, V) {
   var C;
   V === void 0 && (V = {});
-  const { x: L, y: M, platform: A, rects: i, elements: e, strategy: d } = H, { boundary: l = "clippingAncestors", rootBoundary: o = "viewport", elementContext: t = "floating", altBoundary: r = !1, padding: n = 0 } = V, Z = z1(n), h = e[r ? t === "floating" ? "reference" : "floating" : t], f = t1(await A.getClippingRect({ element: (C = await (A.isElement == null ? void 0 : A.isElement(h))) == null || C ? h : h.contextElement || await (A.getDocumentElement == null ? void 0 : A.getDocumentElement(e.floating)), boundary: l, rootBoundary: o, strategy: d })), T = t1(A.convertOffsetParentRelativeRectToViewportRelativeRect ? await A.convertOffsetParentRelativeRectToViewportRelativeRect({ rect: t === "floating" ? { ...i.floating, x: L, y: M } : i.reference, offsetParent: await (A.getOffsetParent == null ? void 0 : A.getOffsetParent(e.floating)), strategy: d }) : i[t]);
-  return { top: f.top - T.top + Z.top, bottom: T.bottom - f.bottom + Z.bottom, left: f.left - T.left + Z.left, right: T.right - f.right + Z.right };
+  const { x: L, y: M, platform: A, rects: i, elements: e, strategy: d } = H, { boundary: l = "clippingAncestors", rootBoundary: n = "viewport", elementContext: t = "floating", altBoundary: a = !1, padding: r = 0 } = V, u = z1(r), p = e[a ? t === "floating" ? "reference" : "floating" : t], h = t1(await A.getClippingRect({ element: (C = await (A.isElement == null ? void 0 : A.isElement(p))) == null || C ? p : p.contextElement || await (A.getDocumentElement == null ? void 0 : A.getDocumentElement(e.floating)), boundary: l, rootBoundary: n, strategy: d })), P = t1(A.convertOffsetParentRelativeRectToViewportRelativeRect ? await A.convertOffsetParentRelativeRectToViewportRelativeRect({ rect: t === "floating" ? { ...i.floating, x: L, y: M } : i.reference, offsetParent: await (A.getOffsetParent == null ? void 0 : A.getOffsetParent(e.floating)), strategy: d }) : i[t]);
+  return { top: h.top - P.top + u.top, bottom: P.bottom - h.bottom + u.bottom, left: h.left - P.left + u.left, right: P.right - h.right + u.right };
 }
 const U2 = Math.min, $2 = Math.max;
 function O1(H, V, C) {
@@ -7849,11 +7850,11 @@ const K2 = (H) => ({ name: "arrow", options: H, async fn(V) {
   const { element: C, padding: L = 0 } = H ?? {}, { x: M, y: A, placement: i, rects: e, platform: d } = V;
   if (C == null)
     return {};
-  const l = z1(L), o = { x: M, y: A }, t = i1(i), r = n1(i), n = f1(t), Z = await d.getDimensions(C), h = t === "y" ? "top" : "left", f = t === "y" ? "bottom" : "right", T = e.reference[n] + e.reference[t] - o[t] - e.floating[n], v = o[t] - e.reference[t], c = await (d.getOffsetParent == null ? void 0 : d.getOffsetParent(C));
-  let s = c ? t === "y" ? c.clientHeight || 0 : c.clientWidth || 0 : 0;
-  s === 0 && (s = e.floating[n]);
-  const w = T / 2 - v / 2, O = l[h], S = s - Z[n] - l[f], P = s / 2 - Z[n] / 2 + w, E = O1(O, P, S), _ = (r === "start" ? l[h] : l[f]) > 0 && P !== E && e.reference[n] <= e.floating[n];
-  return { [t]: o[t] - (_ ? P < O ? O - P : S - P : 0), data: { [t]: E, centerOffset: P - E } };
+  const l = z1(L), n = { x: M, y: A }, t = i1(i), a = n1(i), r = f1(t), u = await d.getDimensions(C), p = t === "y" ? "top" : "left", h = t === "y" ? "bottom" : "right", P = e.reference[r] + e.reference[t] - n[t] - e.floating[r], T = n[t] - e.reference[t], w = await (d.getOffsetParent == null ? void 0 : d.getOffsetParent(C));
+  let O = w ? t === "y" ? w.clientHeight || 0 : w.clientWidth || 0 : 0;
+  O === 0 && (O = e.floating[r]);
+  const c = P / 2 - T / 2, F = l[p], o = O - u[r] - l[h], g = O / 2 - u[r] / 2 + c, D = O1(F, g, o), W = (a === "start" ? l[p] : l[h]) > 0 && g !== D && e.reference[r] <= e.floating[r];
+  return { [t]: n[t] - (W ? g < F ? F - g : o - g : 0), data: { [t]: D, centerOffset: g - D } };
 } }), j2 = { left: "right", right: "left", bottom: "top", top: "bottom" };
 function l1(H) {
   return H.replace(/left|right|bottom|top/g, (V) => j2[V]);
@@ -7873,33 +7874,33 @@ U1.reduce((H, V) => H.concat(V, V + "-start", V + "-end"), []);
 const X2 = function(H) {
   return H === void 0 && (H = {}), { name: "flip", options: H, async fn(V) {
     var C;
-    const { placement: L, middlewareData: M, rects: A, initialPlacement: i, platform: e, elements: d } = V, { mainAxis: l = !0, crossAxis: o = !0, fallbackPlacements: t, fallbackStrategy: r = "bestFit", flipAlignment: n = !0, ...Z } = H, h = A1(L), f = t || (h === i || !n ? [l1(i)] : function(P) {
-      const E = l1(P);
-      return [P1(P), E, P1(E)];
-    }(i)), T = [i, ...f], v = await m1(V, Z), c = [];
-    let s = ((C = M.flip) == null ? void 0 : C.overflows) || [];
-    if (l && c.push(v[h]), o) {
-      const { main: P, cross: E } = q2(L, A, await (e.isRTL == null ? void 0 : e.isRTL(d.floating)));
-      c.push(v[P], v[E]);
+    const { placement: L, middlewareData: M, rects: A, initialPlacement: i, platform: e, elements: d } = V, { mainAxis: l = !0, crossAxis: n = !0, fallbackPlacements: t, fallbackStrategy: a = "bestFit", flipAlignment: r = !0, ...u } = H, p = A1(L), h = t || (p === i || !r ? [l1(i)] : function(g) {
+      const D = l1(g);
+      return [P1(g), D, P1(D)];
+    }(i)), P = [i, ...h], T = await m1(V, u), w = [];
+    let O = ((C = M.flip) == null ? void 0 : C.overflows) || [];
+    if (l && w.push(T[p]), n) {
+      const { main: g, cross: D } = q2(L, A, await (e.isRTL == null ? void 0 : e.isRTL(d.floating)));
+      w.push(T[g], T[D]);
     }
-    if (s = [...s, { placement: L, overflows: c }], !c.every((P) => P <= 0)) {
-      var w, O;
-      const P = ((w = (O = M.flip) == null ? void 0 : O.index) != null ? w : 0) + 1, E = T[P];
-      if (E)
-        return { data: { index: P, overflows: s }, reset: { placement: E } };
-      let _ = "bottom";
-      switch (r) {
+    if (O = [...O, { placement: L, overflows: w }], !w.every((g) => g <= 0)) {
+      var c, F;
+      const g = ((c = (F = M.flip) == null ? void 0 : F.index) != null ? c : 0) + 1, D = P[g];
+      if (D)
+        return { data: { index: g, overflows: O }, reset: { placement: D } };
+      let W = "bottom";
+      switch (a) {
         case "bestFit": {
-          var S;
-          const k1 = (S = s.map((e1) => [e1, e1.overflows.filter((J) => J > 0).reduce((J, V2) => J + V2, 0)]).sort((e1, J) => e1[1] - J[1])[0]) == null ? void 0 : S[0].placement;
-          k1 && (_ = k1);
+          var o;
+          const k1 = (o = O.map((e1) => [e1, e1.overflows.filter((J) => J > 0).reduce((J, V2) => J + V2, 0)]).sort((e1, J) => e1[1] - J[1])[0]) == null ? void 0 : o[0].placement;
+          k1 && (W = k1);
           break;
         }
         case "initialPlacement":
-          _ = i;
+          W = i;
       }
-      if (L !== _)
-        return { reset: { placement: _ } };
+      if (L !== W)
+        return { reset: { placement: W } };
     }
     return {};
   } };
@@ -7930,9 +7931,9 @@ const J2 = function(H) {
 }, C5 = function(H) {
   return H === void 0 && (H = 0), { name: "offset", options: H, async fn(V) {
     const { x: C, y: L } = V, M = await async function(A, i) {
-      const { placement: e, platform: d, elements: l } = A, o = await (d.isRTL == null ? void 0 : d.isRTL(l.floating)), t = A1(e), r = n1(e), n = i1(e) === "x", Z = ["left", "top"].includes(t) ? -1 : 1, h = o && n ? -1 : 1, f = typeof i == "function" ? i(A) : i;
-      let { mainAxis: T, crossAxis: v, alignmentAxis: c } = typeof f == "number" ? { mainAxis: f, crossAxis: 0, alignmentAxis: null } : { mainAxis: 0, crossAxis: 0, alignmentAxis: null, ...f };
-      return r && typeof c == "number" && (v = r === "end" ? -1 * c : c), n ? { x: v * h, y: T * Z } : { x: T * Z, y: v * h };
+      const { placement: e, platform: d, elements: l } = A, n = await (d.isRTL == null ? void 0 : d.isRTL(l.floating)), t = A1(e), a = n1(e), r = i1(e) === "x", u = ["left", "top"].includes(t) ? -1 : 1, p = n && r ? -1 : 1, h = typeof i == "function" ? i(A) : i;
+      let { mainAxis: P, crossAxis: T, alignmentAxis: w } = typeof h == "number" ? { mainAxis: h, crossAxis: 0, alignmentAxis: null } : { mainAxis: 0, crossAxis: 0, alignmentAxis: null, ...h };
+      return a && typeof w == "number" && (T = a === "end" ? -1 * w : w), r ? { x: T * p, y: P * u } : { x: P * u, y: T * p };
     }(V, H);
     return { x: C + M.x, y: L + M.y, data: M };
   } };
@@ -7942,21 +7943,21 @@ function H5(H) {
 }
 const V5 = function(H) {
   return H === void 0 && (H = {}), { name: "shift", options: H, async fn(V) {
-    const { x: C, y: L, placement: M } = V, { mainAxis: A = !0, crossAxis: i = !1, limiter: e = { fn: (f) => {
-      let { x: T, y: v } = f;
-      return { x: T, y: v };
-    } }, ...d } = H, l = { x: C, y: L }, o = await m1(V, d), t = i1(A1(M)), r = H5(t);
-    let n = l[t], Z = l[r];
+    const { x: C, y: L, placement: M } = V, { mainAxis: A = !0, crossAxis: i = !1, limiter: e = { fn: (h) => {
+      let { x: P, y: T } = h;
+      return { x: P, y: T };
+    } }, ...d } = H, l = { x: C, y: L }, n = await m1(V, d), t = i1(A1(M)), a = H5(t);
+    let r = l[t], u = l[a];
     if (A) {
-      const f = t === "y" ? "bottom" : "right";
-      n = O1(n + o[t === "y" ? "top" : "left"], n, n - o[f]);
+      const h = t === "y" ? "bottom" : "right";
+      r = O1(r + n[t === "y" ? "top" : "left"], r, r - n[h]);
     }
     if (i) {
-      const f = r === "y" ? "bottom" : "right";
-      Z = O1(Z + o[r === "y" ? "top" : "left"], Z, Z - o[f]);
+      const h = a === "y" ? "bottom" : "right";
+      u = O1(u + n[a === "y" ? "top" : "left"], u, u - n[h]);
     }
-    const h = e.fn({ ...V, [t]: n, [r]: Z });
-    return { ...h, data: { x: h.x - C, y: h.y - L } };
+    const p = e.fn({ ...V, [t]: r, [a]: u });
+    return { ...p, data: { x: p.x - C, y: p.y - L } };
   } };
 };
 function $1(H) {
@@ -8017,8 +8018,8 @@ function j(H, V, C) {
   const e = H.getBoundingClientRect();
   let d = 1, l = 1;
   V && Q(H) && (d = H.offsetWidth > 0 && o1(e.width) / H.offsetWidth || 1, l = H.offsetHeight > 0 && o1(e.height) / H.offsetHeight || 1);
-  const o = Y(H) ? G(H) : window, t = !j1() && C, r = (e.left + (t && (L = (M = o.visualViewport) == null ? void 0 : M.offsetLeft) != null ? L : 0)) / d, n = (e.top + (t && (A = (i = o.visualViewport) == null ? void 0 : i.offsetTop) != null ? A : 0)) / l, Z = e.width / d, h = e.height / l;
-  return { width: Z, height: h, top: n, right: r + Z, bottom: n + h, left: r, x: r, y: n };
+  const n = Y(H) ? G(H) : window, t = !j1() && C, a = (e.left + (t && (L = (M = n.visualViewport) == null ? void 0 : M.offsetLeft) != null ? L : 0)) / d, r = (e.top + (t && (A = (i = n.visualViewport) == null ? void 0 : i.offsetTop) != null ? A : 0)) / l, u = e.width / d, p = e.height / l;
+  return { width: u, height: p, top: r, right: a + u, bottom: r + p, left: a, x: a, y: r };
 }
 function U(H) {
   return (V = H, (V instanceof G(V).Node ? H.ownerDocument : H.document) || window.document).documentElement;
@@ -8082,37 +8083,37 @@ function X1(H, V) {
 function E1(H, V, C) {
   return V === "viewport" ? t1(function(L, M) {
     const A = G(L), i = U(L), e = A.visualViewport;
-    let d = i.clientWidth, l = i.clientHeight, o = 0, t = 0;
+    let d = i.clientWidth, l = i.clientHeight, n = 0, t = 0;
     if (e) {
       d = e.width, l = e.height;
-      const r = j1();
-      (r || !r && M === "fixed") && (o = e.offsetLeft, t = e.offsetTop);
+      const a = j1();
+      (a || !a && M === "fixed") && (n = e.offsetLeft, t = e.offsetTop);
     }
-    return { width: d, height: l, x: o, y: t };
+    return { width: d, height: l, x: n, y: t };
   }(H, C)) : Y(V) ? function(L, M) {
     const A = j(L, !1, M === "fixed"), i = A.top + L.clientTop, e = A.left + L.clientLeft;
     return { top: i, left: e, x: e, y: i, right: e + L.clientWidth, bottom: i + L.clientHeight, width: L.clientWidth, height: L.clientHeight };
   }(V, C) : t1(function(L) {
     var M;
     const A = U(L), i = a1(L), e = (M = L.ownerDocument) == null ? void 0 : M.body, d = V1(A.scrollWidth, A.clientWidth, e ? e.scrollWidth : 0, e ? e.clientWidth : 0), l = V1(A.scrollHeight, A.clientHeight, e ? e.scrollHeight : 0, e ? e.clientHeight : 0);
-    let o = -i.scrollLeft + q1(L);
+    let n = -i.scrollLeft + q1(L);
     const t = -i.scrollTop;
-    return I(e || A).direction === "rtl" && (o += V1(A.clientWidth, e ? e.clientWidth : 0) - d), { width: d, height: l, x: o, y: t };
+    return I(e || A).direction === "rtl" && (n += V1(A.clientWidth, e ? e.clientWidth : 0) - d), { width: d, height: l, x: n, y: t };
   }(U(H)));
 }
 const A5 = { getClippingRect: function(H) {
   let { element: V, boundary: C, rootBoundary: L, strategy: M } = H;
   const A = C === "clippingAncestors" ? function(l) {
-    let o = X1(l).filter((Z) => Y(Z) && K(Z) !== "body"), t = null;
-    const r = I(l).position === "fixed";
-    let n = r ? M1(l) : l;
-    for (; Y(n) && !g1(n); ) {
-      const Z = I(n), h = p1(n);
-      (r ? h || t : h || Z.position !== "static" || !t || !["absolute", "fixed"].includes(t.position)) ? t = Z : o = o.filter((f) => f !== n), n = M1(n);
+    let n = X1(l).filter((u) => Y(u) && K(u) !== "body"), t = null;
+    const a = I(l).position === "fixed";
+    let r = a ? M1(l) : l;
+    for (; Y(r) && !g1(r); ) {
+      const u = I(r), p = p1(r);
+      (a ? p || t : p || u.position !== "static" || !t || !["absolute", "fixed"].includes(t.position)) ? t = u : n = n.filter((h) => h !== r), r = M1(r);
     }
-    return o;
-  }(V) : [].concat(C), i = [...A, L], e = i[0], d = i.reduce((l, o) => {
-    const t = E1(V, o, M);
+    return n;
+  }(V) : [].concat(C), i = [...A, L], e = i[0], d = i.reduce((l, n) => {
+    const t = E1(V, n, M);
     return l.top = V1(t.top, l.top), l.right = R1(t.right, l.right), l.bottom = R1(t.bottom, l.bottom), l.left = V1(t.left, l.left), l;
   }, E1(V, e, M));
   return { width: d.right - d.left, height: d.bottom - d.top, x: d.left, y: d.top };
@@ -8149,36 +8150,36 @@ async function c1({ value: H }, { value: V }, { value: C }, L, M, A, i = 300, e)
       X2(),
       J2()
     ]
-  }).then(({ x: d, y: l, placement: o, middlewareData: t }) => {
-    var n;
+  }).then(({ x: d, y: l, placement: n, middlewareData: t }) => {
+    var r;
     if (!V)
       return;
-    const r = ((n = H.offsetParent) == null ? void 0 : n.getBoundingClientRect().left) || 0;
+    const a = ((r = H.offsetParent) == null ? void 0 : r.getBoundingClientRect().left) || 0;
     if (Object.assign(V.style, {
       minWidth: e === "dropdown" ? `${H.offsetWidth - 2}px` : "auto",
-      left: e === "dropdown" ? `${r}px` : `${d}px`,
+      left: e === "dropdown" ? `${a}px` : `${d}px`,
       top: `${l}px`,
       animation: `tooltip-show ${i}ms ease-in-out forwards`,
       transformOrigin: "start"
     }), C && t.arrow) {
-      const { x: Z, y: h } = t.arrow, f = {
+      const { x: u, y: p } = t.arrow, h = {
         top: "bottom",
         right: "left",
         bottom: "top",
         left: "right"
         /* Right */
-      }[o.split("-")[0]];
+      }[n.split("-")[0]];
       Object.assign(C.style, {
-        left: d != null ? `${Z}px` : "",
-        top: l != null ? `${h}px` : "",
+        left: d != null ? `${u}px` : "",
+        top: l != null ? `${p}px` : "",
         right: "",
         bottom: "",
-        [`${f}`]: "-4px"
+        [`${h}`]: "-4px"
       });
     }
   });
 }
-const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ F({
+const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ v({
   __name: "RTooltip",
   props: {
     placement: { default: J1.Top },
@@ -8202,10 +8203,10 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ F({
   },
   emits: ["show", "hide"],
   setup(H, { emit: V }) {
-    const C = H, L = D(null), M = D(null), A = D(null);
+    const C = H, L = E(null), M = E(null), A = E(null);
     async function i() {
-      const { placement: Z, offset: h, padding: f, disabled: T, showDelay: v, type: c } = C;
-      T || (M.value.style.display = "block", V("show"), c1(L, M, A, Z, h, f, v, c), d());
+      const { placement: u, offset: p, padding: h, disabled: P, showDelay: T, type: w } = C;
+      P || (M.value.style.display = "block", V("show"), c1(L, M, A, u, p, h, T, w), d());
     }
     function e() {
       C.disabled || !M.value || (M.value.style.display = "", V("hide"));
@@ -8218,24 +8219,24 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ F({
     function l() {
       C.disabled || C.triggers.includes(N.Click) && (M.value.style.display === "block" ? e() : i());
     }
-    function o() {
+    function n() {
       C.disabled || C.triggers.includes(N.Hover) && i();
     }
     function t() {
       C.disabled || (M.value.style.display === "" && C.triggers.includes(N.Hover) ? i() : M.value.style.display !== "" && C.triggers.includes(N.Hover) && e());
     }
-    function r() {
-      const { placement: Z, offset: h, padding: f, disabled: T, showDelay: v, type: c } = C;
-      T || C.triggers.includes(N.Hover) && c1(L, M, A, Z, h, f, v, c);
+    function a() {
+      const { placement: u, offset: p, padding: h, disabled: P, showDelay: T, type: w } = C;
+      P || C.triggers.includes(N.Hover) && c1(L, M, A, u, p, h, T, w);
     }
-    const n = k(() => ({
+    const r = k(() => ({
       tooltip: !0,
       "tooltip--dark": C.dark,
       "tooltip--light": C.light
     }));
     return window.onresize = () => {
-      const { placement: Z, offset: h, padding: f, disabled: T, showDelay: v, type: c } = C;
-      T || C.resizable && c1(L, M, A, Z, h, f, v, c);
+      const { placement: u, offset: p, padding: h, disabled: P, showDelay: T, type: w } = C;
+      P || C.resizable && c1(L, M, A, u, p, h, T, w);
     }, i2(
       () => {
         C.disabled || (C.shown && C.triggers.includes(N.Manual) ? i() : !C.shown && C.triggers.includes(N.Manual) && e());
@@ -8252,52 +8253,52 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ F({
           ignore: [M.value]
         }
       );
-    }), (Z, h) => (m(), a(z, null, [
-      u("div", {
+    }), (u, p) => (m(), Z(z, null, [
+      S("div", {
         ref_key: "trigger",
         ref: L,
         "aria-disabled": C.disabled,
-        class: g(["trigger", H.triggerClass]),
+        class: f(["trigger", H.triggerClass]),
         onClick: l,
-        onMouseenter: o,
+        onMouseenter: n,
         onMouseleave: t,
-        onMousemove: r
+        onMousemove: a
       }, [
-        b(Z.$slots, "default", {
+        b(u.$slots, "default", {
           activators: {
             click: l,
-            mouseenter: o,
+            mouseenter: n,
             mouseleave: t,
-            mousemove: r
+            mousemove: a
           }
         }, () => [
-          u("div", {
+          S("div", {
             innerHTML: C.triggerContent
           }, null, 8, d5)
         ])
       ], 42, e5),
       (m(), R(e2, { to: "body" }, [
-        u("div", {
+        S("div", {
           id: "tooltip",
           ref_key: "tooltip",
           ref: M,
-          class: g([p(n), H.tooltipClass]),
+          class: f([s(r), H.tooltipClass]),
           role: "tooltip"
         }, [
-          b(Z.$slots, "content", { hide: e }, () => [
-            C.text ? (m(), a("div", {
+          b(u.$slots, "content", { hide: e }, () => [
+            C.text ? (m(), Z("div", {
               key: 0,
-              class: g(["tooltip__content", {
+              class: f(["tooltip__content", {
                 "tooltip__content--dark": C.dark,
                 "tooltip__content--light": C.light
               }])
             }, y(C.text), 3)) : B("", !0),
-            C.text ? (m(), a("div", {
+            C.text ? (m(), Z("div", {
               key: 1,
               id: "arrow",
               ref_key: "arrowElement",
               ref: A,
-              class: g(["tooltip__arrow", {
+              class: f(["tooltip__arrow", {
                 "tooltip__arrow--dark": C.dark,
                 "tooltip__arrow--light": C.light
               }])
@@ -8313,7 +8314,7 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ F({
 }, o5 = {
   key: 2,
   class: "r-dropdown__multiple"
-}, n5 = ["id", "disabled", "placeholder", "readonly"], r5 = ["aria-disabled", "onClick"], a5 = { style: { display: "flex", "align-items": "center" } }, p3 = /* @__PURE__ */ F({
+}, n5 = ["id", "disabled", "placeholder", "readonly"], r5 = ["aria-disabled", "onClick"], a5 = { style: { display: "flex", "align-items": "center" } }, p3 = /* @__PURE__ */ v({
   __name: "RDropdown",
   props: {
     options: { default: () => [] },
@@ -8327,68 +8328,75 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ F({
     appendIcon: { default: "mdiChevronDown" },
     searchable: { type: Boolean, default: !1 },
     id: { default: "test" },
-    closeOnSelect: { type: Boolean, default: !0 }
+    closeOnSelect: { type: Boolean, default: !0 },
+    dropdownClass: { default: "" },
+    optionsClass: { default: "" }
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, L = D({ value: "", label: "" }), M = X([]), A = D(!1), i = D(""), e = D(), d = D(), l = D();
-    function o(c, s) {
-      var w, O, S;
-      if (c.stopPropagation(), !C.disabled) {
-        if (A.value = !A.value, s && s(), A.value) {
-          (w = e.value) == null || w.classList.add("r-dropdown--active"), (O = e.value) == null || O.focus(), C.searchable && ((S = d.value) == null || S.focus());
+    const C = H, L = E({ value: "", label: "" }), M = X([]), A = E(!1), i = E(""), e = E(), d = E(), l = E();
+    function n(O, c) {
+      var F, o, g;
+      if (O.stopPropagation(), !C.disabled) {
+        if (A.value = !A.value, c && c(), A.value) {
+          (F = e.value) == null || F.classList.add("r-dropdown--active"), (o = e.value) == null || o.focus(), C.searchable && ((g = d.value) == null || g.focus());
           return;
         }
         t();
       }
     }
     function t() {
-      var c, s, w;
-      A.value = !1, (c = e.value) == null || c.classList.remove("r-dropdown--active"), (s = e.value) == null || s.blur(), (w = d.value) == null || w.blur();
+      var O, c, F;
+      A.value = !1, (O = e.value) == null || O.classList.remove("r-dropdown--active"), (c = e.value) == null || c.blur(), (F = d.value) == null || F.blur();
     }
-    function r(c, s, w) {
-      var O;
-      if (c.stopPropagation(), !s.disabled) {
+    function a(O, c, F) {
+      var o;
+      if (O.stopPropagation(), !c.disabled) {
         if (C.multiple || C.taggable) {
-          M.find((S) => S.value === s.value) ? M.splice(M.indexOf(s), 1) : M.push(s), i.value = "", C.searchable && ((O = d.value) == null || O.focus());
+          M.find((g) => g.value === c.value) ? M.splice(M.indexOf(c), 1) : M.push(c), i.value = "", C.searchable && ((o = d.value) == null || o.focus());
           return;
         }
-        n(c, s), C.closeOnSelect && (w(), t());
+        r(O, c), C.closeOnSelect && (F(), t());
       }
     }
-    function n(c, s) {
-      if (L.value.value === s.value) {
+    function r(O, c) {
+      if (L.value.value === c.value) {
         L.value = {}, i.value = "";
         return;
       }
-      i.value = s.label, L.value = s, o(c), V("update:modelValue", s);
+      i.value = c.label, L.value = c, n(O), V("update:modelValue", c);
     }
-    function Z(c, s) {
-      if (c instanceof KeyboardEvent && c.key !== "Backspace" || i.value !== "")
+    function u(O, c) {
+      if (O instanceof KeyboardEvent && O.key !== "Backspace" || i.value !== "")
         return;
-      c.stopPropagation();
-      const w = M.findIndex((O) => O.value === s.value);
-      M.splice(w, 1);
+      O.stopPropagation();
+      const F = M.findIndex((o) => o.value === c.value);
+      M.splice(F, 1);
     }
-    function h(c) {
-      var O;
+    function p(O) {
+      var o;
       if (!C.taggable)
         return;
-      c.stopPropagation();
-      const s = i.value;
-      if (s === "")
+      O.stopPropagation();
+      const c = i.value;
+      if (c === "")
         return;
-      C.options.find((S) => S.label === s) || (M.push({ value: s, label: s }), i.value = "", (O = d.value) == null || O.focus());
+      C.options.find((g) => g.label === c) || (M.push({ value: c, label: c }), i.value = "", (o = d.value) == null || o.focus());
     }
-    function f(c) {
-      return C.multiple ? M.find((s) => s.value === c.value) : L.value.value === c.value;
+    function h(O) {
+      return C.multiple ? M.find((c) => c.value === O.value) : L.value.value === O.value;
+    }
+    const P = k(() => !C.searchable || L.value.label === i.value ? C.options : C.options.filter((c) => c.label.toLowerCase().includes(i.value.toLowerCase()))), T = k(() => C.multiple || C.taggable || !C.searchable);
+    function w() {
+      C.modelValue ? C.multiple ? M.push(C.modelValue) : (L.value = C.modelValue, i.value = C.modelValue.label) : (L.value = {}, M.splice(0, M.length));
     }
-    const T = k(() => !C.searchable || L.value.label === i.value ? C.options : C.options.filter((s) => s.label.toLowerCase().includes(i.value.toLowerCase()))), v = k(() => C.multiple || C.taggable || !C.searchable);
     return _1(() => {
-      C.modelValue && (C.multiple ? M.push(C.modelValue) : (L.value = C.modelValue, i.value = C.modelValue.label));
-    }), W(M, (c) => {
-      V("update:modelValue", c);
-    }), (c, s) => (m(), a("div", {
+      w();
+    }), _(M, (O) => {
+      V("update:modelValue", O);
+    }), _(() => C.modelValue, (O) => {
+      w();
+    }), (O, c) => (m(), Z("div", {
       ref_key: "wrapper",
       ref: l,
       class: "r-dropdown-wrapper"
@@ -8404,69 +8412,70 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ F({
         type: "dropdown",
         onHide: t
       }, {
-        default: d1(({ activators: w }) => [
-          u("div", {
+        default: d1(({ activators: F }) => [
+          S("div", {
             ref_key: "dropdown",
             ref: e,
-            class: g(["r-dropdown", {
+            class: f(["r-dropdown", {
               "r-dropdown--disabled": C.disabled,
-              "r-dropdown--loading": C.loading
+              "r-dropdown--loading": C.loading,
+              [C.dropdownClass]: C.dropdownClass
             }]),
             role: "select",
-            onClick: (O) => o(O, w.click)
+            onClick: (o) => n(o, F.click)
           }, [
-            C.prependIcon || c.$slots.prepend ? (m(), a("div", {
+            C.prependIcon || O.$slots.prepend ? (m(), Z("div", {
               key: 0,
-              class: g(["r-dropdown__prepend-icon", {
+              class: f(["r-dropdown__prepend-icon", {
                 "r-dropdown__prepend-icon--active": A.value
               }])
             }, [
-              b(c.$slots, "prepend", {}, () => [
+              b(O.$slots, "prepend", {}, () => [
                 C.prependIcon ? (m(), R(x, {
                   key: 0,
                   name: C.prependIcon
                 }, null, 8, ["name"])) : B("", !0)
               ])
             ], 2)) : B("", !0),
-            C.taggable ? (m(), a("div", l5, [
-              (m(!0), a(z, null, q(M, (O, S) => (m(), R(E2, {
-                key: S,
+            C.taggable ? (m(), Z("div", l5, [
+              (m(!0), Z(z, null, q(M, (o, g) => (m(), R(E2, {
+                key: g,
                 "append-icon": "close",
                 class: "r-dropdown__tags__chip",
-                label: O.label,
+                label: o.label,
                 variant: "primary",
-                "onClick:close": (P) => Z(P, O)
+                "onClick:close": (D) => u(D, o)
               }, null, 8, ["label", "onClick:close"]))), 128))
             ])) : B("", !0),
-            C.multiple ? (m(), a("div", o5, [
-              (m(!0), a(z, null, q(M, (O, S) => (m(), a("p", { key: S }, y(`${O.label},`), 1))), 128))
+            C.multiple ? (m(), Z("div", o5, [
+              (m(!0), Z(z, null, q(M, (o, g) => (m(), Z("p", { key: g }, y(`${o.label},`), 1))), 128))
             ])) : B("", !0),
-            W1(u("input", {
+            W1(S("input", {
               id: C.id,
               ref_key: "input",
               ref: d,
-              "onUpdate:modelValue": s[0] || (s[0] = (O) => i.value = O),
-              class: g(["r-dropdown__input", {
+              "onUpdate:modelValue": c[0] || (c[0] = (o) => i.value = o),
+              class: f(["r-dropdown__input", {
                 "r-dropdown__input--loading": C.loading
               }]),
               disabled: C.disabled,
               placeholder: C.placeholder,
-              readonly: p(v),
+              readonly: s(T),
               type: "text",
               onKeydown: [
-                s[1] || (s[1] = B1((O) => Z(O, M[M.length - 1]), ["backspace"])),
-                s[2] || (s[2] = B1((O) => h(O), ["enter"]))
+                c[1] || (c[1] = B1((o) => u(o, M[M.length - 1]), ["backspace"])),
+                c[2] || (c[2] = B1((o) => p(o), ["enter"]))
               ]
             }, null, 42, n5), [
               [d2, i.value]
             ]),
-            C.appendIcon || c.$slots.append ? (m(), a("div", {
+            C.appendIcon || O.$slots.append ? (m(), Z("div", {
               key: 3,
-              class: g(["r-dropdown__append-icon", {
+              class: f(["r-dropdown__append-icon", {
                 "r-dropdown__append-icon--active": A.value
               }])
             }, [
-              b(c.$slots, "append", {}, () => [
+              b(O.$slots, "append", {}, () => [
                 C.appendIcon ? (m(), R(x, {
                   key: 0,
                   name: C.appendIcon
@@ -8475,39 +8484,40 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ F({
             ], 2)) : B("", !0)
           ], 10, m5)
         ]),
-        content: d1(({ hide: w }) => [
-          u("ul", {
-            class: g(["r-dropdown-options", {
-              "r-dropdown-options--active": A.value
+        content: d1(({ hide: F }) => [
+          S("ul", {
+            class: f(["r-dropdown-options", {
+              "r-dropdown-options--active": A.value,
+              [C.optionsClass]: C.optionsClass
             }])
           }, [
-            (m(!0), a(z, null, q(p(T), (O) => (m(), a("li", {
-              key: O.value,
-              "aria-disabled": O.disabled,
-              class: g(["r-dropdown-options__option", {
-                "r-dropdown-options__option--active": f(O),
-                "r-dropdown-options__option--disabled": O.disabled
+            (m(!0), Z(z, null, q(s(P), (o) => (m(), Z("li", {
+              key: o.value,
+              "aria-disabled": o.disabled,
+              class: f(["r-dropdown-options__option", {
+                "r-dropdown-options__option--active": h(o),
+                "r-dropdown-options__option--disabled": o.disabled
               }]),
-              onClick: L1((S) => r(S, O, w), ["prevent"])
+              onClick: L1((g) => a(g, o, F), ["prevent"])
             }, [
-              u("div", a5, [
-                O.prependIcon ? (m(), R(x, {
+              S("div", a5, [
+                o.prependIcon ? (m(), R(x, {
                   key: 1,
-                  class: g(["r-dropdown-options__option__prepend-icon", {
-                    "r-dropdown-options__option__prepend-icon--active": f(O)
+                  class: f(["r-dropdown-options__option__prepend-icon", {
+                    "r-dropdown-options__option__prepend-icon--active": h(o)
                   }]),
-                  name: O.prependIcon
-                }, null, 8, ["class", "name"])) : b(c.$slots, "option-prepend", { key: 0 }),
-                u("p", {
-                  class: g(["r-dropdown-options__option__label", {
-                    "r-dropdown-options__option__label--active": f(O)
+                  name: o.prependIcon
+                }, null, 8, ["class", "name"])) : b(O.$slots, "option-prepend", { key: 0 }),
+                S("p", {
+                  class: f(["r-dropdown-options__option__label", {
+                    "r-dropdown-options__option__label--active": h(o)
                   }])
-                }, y(O.label), 3)
+                }, y(o.label), 3)
               ]),
-              f(O) ? (m(), R(x, {
+              h(o) ? (m(), R(x, {
                 key: 0,
-                class: g(["r-dropdown-options__option__append-icon", {
-                  "r-dropdown-options__option__append-icon--active": f(O)
+                class: f(["r-dropdown-options__option__append-icon", {
+                  "r-dropdown-options__option__append-icon--active": h(o)
                 }]),
                 name: "mdiCheck"
               }, null, 8, ["class"])) : B("", !0)
@@ -8518,7 +8528,7 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ F({
       })
     ], 512));
   }
-}), Z5 = ["id", "for"], H2 = /* @__PURE__ */ F({
+}), Z5 = ["id", "for"], H2 = /* @__PURE__ */ v({
   __name: "RLabel",
   props: {
     id: { default: "" },
@@ -8527,7 +8537,7 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ F({
   },
   setup(H) {
     const V = H;
-    return (C, L) => (m(), a("label", {
+    return (C, L) => (m(), Z("label", {
       id: V.id,
       class: "r-label",
       for: V.for
@@ -8546,7 +8556,7 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ F({
 }, p5 = {
   key: 2,
   class: "description"
-}, h5 = { class: "r-dialog__body" }, f5 = { class: "r-dialog__actions" }, h3 = /* @__PURE__ */ F({
+}, h5 = { class: "r-dialog__body" }, f5 = { class: "r-dialog__actions" }, h3 = /* @__PURE__ */ v({
   __name: "RModal",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -8573,31 +8583,31 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ F({
     })), A = (i) => {
       C.outsideClick && i.target === i.currentTarget && V("update:modelValue", !1);
     };
-    return (i, e) => W1((m(), a("div", {
-      class: g(["r-modal-overlay", H.overlayClass]),
+    return (i, e) => W1((m(), Z("div", {
+      class: f(["r-modal-overlay", H.overlayClass]),
       onClick: L1(A, ["stop"])
     }, [
-      u("div", {
+      S("div", {
         "aria-modal": "true",
-        class: g(p(L)),
+        class: f(s(L)),
         open: C.modelValue,
         role: "dialog",
-        style: h1(p(M))
+        style: h1(s(M))
       }, [
-        u("div", c5, [
+        S("div", c5, [
           b(i.$slots, "header"),
-          C.icon ? (m(), a("div", s5, [
+          C.icon ? (m(), Z("div", s5, [
             $(x, {
               name: C.icon
             }, null, 8, ["name"])
           ])) : B("", !0),
-          C.title ? (m(), a("div", O5, y(C.title), 1)) : B("", !0),
-          C.description ? (m(), a("div", p5, y(C.description), 1)) : B("", !0)
+          C.title ? (m(), Z("div", O5, y(C.title), 1)) : B("", !0),
+          C.description ? (m(), Z("div", p5, y(C.description), 1)) : B("", !0)
         ]),
-        u("div", h5, [
+        S("div", h5, [
           b(i.$slots, "default")
         ]),
-        u("div", f5, [
+        S("div", f5, [
           b(i.$slots, "actions")
         ])
       ], 14, S5)
@@ -8605,7 +8615,7 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ F({
       [t2, H.modelValue]
     ]);
   }
-}), g5 = ["data-open"], k5 = { class: "r-sidebar__nav" }, B5 = { class: "r-sidebar__actions" }, b5 = ["data-open"], y5 = /* @__PURE__ */ N1(" > "), f3 = /* @__PURE__ */ F({
+}), g5 = ["data-open"], k5 = { class: "r-sidebar__nav" }, B5 = { class: "r-sidebar__actions" }, b5 = ["data-open"], y5 = /* @__PURE__ */ N1(" > "), f3 = /* @__PURE__ */ v({
   __name: "RSidebar",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -8618,21 +8628,21 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ F({
     const V = H, C = k(() => ({
       "r-sidebar": !0
     }));
-    return (L, M) => (m(), a(z, null, [
-      u("aside", {
-        class: g([p(C), V.class]),
+    return (L, M) => (m(), Z(z, null, [
+      S("aside", {
+        class: f([s(C), V.class]),
         "data-open": V.modelValue
       }, [
-        u("nav", k5, [
+        S("nav", k5, [
           b(L.$slots, "default")
         ]),
-        u("div", B5, [
+        S("div", B5, [
           b(L.$slots, "actions")
         ])
       ], 10, g5),
-      V.showTrigger ? (m(), a("div", {
+      V.showTrigger ? (m(), Z("div", {
         key: 0,
-        class: g(["r-sidebar__trigger", [V.triggerClass]]),
+        class: f(["r-sidebar__trigger", [V.triggerClass]]),
         "data-open": V.modelValue,
         onClick: M[0] || (M[0] = (A) => L.$emit("update:modelValue", !V.modelValue))
       }, [
@@ -8645,7 +8655,7 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ F({
 }), w5 = { class: "r-snackbar__text" }, P5 = {
   key: 0,
   class: "r-snackbar__close"
-}, g3 = /* @__PURE__ */ F({
+}, g3 = /* @__PURE__ */ v({
   __name: "RSnackbar",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -8659,7 +8669,7 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ F({
   emits: ["action", "update:modelValue"],
   setup(H, { emit: V }) {
     const C = H;
-    W(
+    _(
       () => C.modelValue,
       () => {
         C.timeout > 0 && C.modelValue && setTimeout(() => {
@@ -8682,19 +8692,19 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ F({
       warning: "mdiAlert",
       info: "mdiInformation"
     })[C.variant || "info"]);
-    return (A, i) => (m(), a("div", {
-      class: g(p(L))
+    return (A, i) => (m(), Z("div", {
+      class: f(s(L))
     }, [
       b(A.$slots, "default", {}, () => [
         C.variant ? (m(), R(x, {
           key: 0,
           class: "r-snackbar__icon",
-          name: p(M)
+          name: s(M)
         }, null, 8, ["name"])) : B("", !0)
       ]),
-      u("div", w5, y(C.text), 1),
+      S("div", w5, y(C.text), 1),
       b(A.$slots, "action"),
-      C.closable ? (m(), a("div", P5, [
+      C.closable ? (m(), Z("div", P5, [
         b(A.$slots, "close", {}, () => [
           $(x, {
             name: "mdiClose",
@@ -8705,13 +8715,13 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ F({
       ])) : B("", !0)
     ], 2));
   }
-}), T5 = { class: "r-switch-container" }, v5 = ["id", "checked"], F5 = /* @__PURE__ */ u("span", { class: "slider round" }, null, -1), R5 = ["id", "for"], x5 = {
+}), T5 = { class: "r-switch-container" }, v5 = ["id", "checked"], F5 = /* @__PURE__ */ S("span", { class: "slider round" }, null, -1), R5 = ["id", "for"], x5 = {
   key: 0,
   class: "r-switch-texts__error"
 }, D5 = {
   key: 1,
   class: "r-switch-texts__hint"
-}, k3 = /* @__PURE__ */ F({
+}, k3 = /* @__PURE__ */ v({
   __name: "RSwitch",
   props: {
     id: { default: "switch" },
@@ -8734,7 +8744,7 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ F({
     })), A = (i) => {
       C.disabled || (L.checked = i.target.checked, V("update:modelValue", L.checked));
     };
-    return W(
+    return _(
       () => C.modelValue,
       (i) => {
         L.checked = i;
@@ -8744,11 +8754,11 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ F({
         // TODO: find a better way to do this
         immediate: !0
       }
-    ), (i, e) => (m(), a("div", T5, [
-      u("div", {
-        class: g(p(M))
+    ), (i, e) => (m(), Z("div", T5, [
+      S("div", {
+        class: f(s(M))
       }, [
-        u("input", {
+        S("input", {
           id: C.id,
           checked: L.checked,
           class: "r-switch__input",
@@ -8757,18 +8767,18 @@ const e5 = ["aria-disabled"], d5 = ["innerHTML"], t5 = /* @__PURE__ */ F({
         }, null, 40, v5),
         F5
       ], 2),
-      u("div", {
-        class: g({
+      S("div", {
+        class: f({
           "r-switch-texts": !0,
           [`r-switch-texts--${C.size}`]: !0
         })
       }, [
-        u("label", {
+        S("label", {
           id: C.id,
           class: "r-switch-texts__label",
           for: C.id
         }, y(C.label), 9, R5),
-        C.errorMsg ? (m(), a("p", x5, y(C.errorMsg), 1)) : (m(), a("p", D5, y(C.hint), 1))
+        C.errorMsg ? (m(), Z("p", x5, y(C.errorMsg), 1)) : (m(), Z("p", D5, y(C.hint), 1))
       ], 2)
     ]));
   }
@@ -8777,7 +8787,7 @@ var H1 = /* @__PURE__ */ ((H) => (H.DEFAULT = "default", H.TEXT = "text", H.ICON
 const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
   key: 0,
   class: "r-tab-item__label"
-}, W5 = /* @__PURE__ */ F({
+}, W5 = /* @__PURE__ */ v({
   __name: "RTabItem",
   props: {
     id: null,
@@ -8807,25 +8817,25 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
     function i() {
       V("click:icon");
     }
-    return (e, d) => (m(), a("button", {
+    return (e, d) => (m(), Z("button", {
       "aria-disabled": C.disabled,
       "aria-selected": C.modelValue === C.id,
-      class: g(p(L)),
+      class: f(s(L)),
       disabled: C.disabled,
-      style: h1(p(M)),
+      style: h1(s(M)),
       onClick: d[0] || (d[0] = L1((l) => A(C.id), ["stop"]))
     }, [
       b(e.$slots, "prepend", {}, () => [
-        C.variant !== p(H1).TEXT && C.prependIcon ? (m(), R(x, {
+        C.variant !== s(H1).TEXT && C.prependIcon ? (m(), R(x, {
           key: 0,
           class: "r-tab-item__prepend-icon",
           name: C.prependIcon,
           size: 16
         }, null, 8, ["name"])) : B("", !0)
       ]),
-      C.variant !== p(H1).ICON ? (m(), a("span", _5, y(C.label), 1)) : B("", !0),
+      C.variant !== s(H1).ICON ? (m(), Z("span", _5, y(C.label), 1)) : B("", !0),
       b(e.$slots, "append", {}, () => [
-        C.variant !== p(H1).TEXT && C.appendIcon ? (m(), R(x, {
+        C.variant !== s(H1).TEXT && C.appendIcon ? (m(), R(x, {
           key: 0,
           class: "r-tab-item__append-icon",
           name: C.appendIcon,
@@ -8835,7 +8845,7 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
       ])
     ], 14, E5));
   }
-}), B3 = /* @__PURE__ */ F({
+}), B3 = /* @__PURE__ */ v({
   __name: "RTabs",
   props: {
     tabs: { default: () => [] },
@@ -8846,13 +8856,13 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
   },
   emits: ["update:modelValue", "click:icon"],
   setup(H, { emit: V }) {
-    const C = H, L = D(C.modelValue || C.tabs[0].id), M = k(() => ({
+    const C = H, L = E(C.modelValue || C.tabs[0].id), M = k(() => ({
       "r-tabs": !0,
       "r-tabs--block": C.block,
       "r-tabs--tile": C.tile,
       "r-tabs--scrollable": C.scrollable
     }));
-    W(
+    _(
       () => L.value,
       () => {
         V("update:modelValue", L.value);
@@ -8861,15 +8871,15 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
     function A() {
       V("click:icon");
     }
-    return (i, e) => (m(), a("div", {
-      class: g(p(M))
+    return (i, e) => (m(), Z("div", {
+      class: f(s(M))
     }, [
       b(i.$slots, "default", {}, () => [
-        (m(!0), a(z, null, q(C.tabs, (d, l) => (m(), R(W5, {
+        (m(!0), Z(z, null, q(C.tabs, (d, l) => (m(), R(W5, {
           id: d.id,
           key: l,
           modelValue: L.value,
-          "onUpdate:modelValue": e[0] || (e[0] = (o) => L.value = o),
+          "onUpdate:modelValue": e[0] || (e[0] = (n) => L.value = n),
           active: l === L.value,
           "append-icon": d.appendIcon,
           block: H.block,
@@ -8889,7 +8899,7 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
 }, G5 = {
   key: 2,
   class: "r-textarea__hint"
-}, b3 = /* @__PURE__ */ F({
+}, b3 = /* @__PURE__ */ v({
   __name: "RTextArea",
   props: {
     id: { default: "" },
@@ -8908,7 +8918,7 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
     function M(A) {
       V("update:modelValue", A.target.value);
     }
-    return W(
+    return _(
       () => C.modelValue,
       (A) => {
         L.value = A;
@@ -8916,7 +8926,7 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
       {
         immediate: !0
       }
-    ), (A, i) => (m(), a("div", N5, [
+    ), (A, i) => (m(), Z("div", N5, [
       C.label ? (m(), R(H2, {
         key: 0,
         id: "textarea",
@@ -8924,9 +8934,9 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
         for: "textarea",
         text: C.label
       }, null, 8, ["text"])) : B("", !0),
-      u("textarea", {
+      S("textarea", {
         id: C.id,
-        class: g(["r-textarea", {
+        class: f(["r-textarea", {
           "r-textarea--error": C.errorMsg,
           "r-textarea--disabled": C.disabled
         }]),
@@ -8935,7 +8945,7 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
         value: L.value,
         onInput: M
       }, null, 42, I5),
-      C.errorMsg ? (m(), a("p", Q5, y(C.errorMsg), 1)) : (m(), a("p", G5, y(C.hint), 1))
+      C.errorMsg ? (m(), Z("p", Q5, y(C.errorMsg), 1)) : (m(), Z("p", G5, y(C.hint), 1))
     ]));
   }
 }), z5 = { class: "r-textfield__wrapper" }, U5 = { class: "input-wrapper" }, $5 = ["id", "disabled", "max", "min", "placeholder", "type", "value"], K5 = {
@@ -8944,7 +8954,7 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
 }, j5 = {
   key: 1,
   class: "r-textfield__hint"
-}, y3 = /* @__PURE__ */ F({
+}, y3 = /* @__PURE__ */ v({
   __name: "RTextfield",
   props: {
     id: { default: "" },
@@ -8971,110 +8981,110 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
     "click:clear"
   ],
   setup(H, { emit: V }) {
-    const C = H, L = D(), M = X({
+    const C = H, L = E(), M = X({
       value: ""
-    }), A = D(C.type), i = {
+    }), A = E(C.type), i = {
       password: "mdiLock",
       email: "mdiEmailOutline",
       tel: "mdiPhone",
       url: "mdiLink",
       number: "mdiNumeric",
       text: ""
-    }, e = D(!1), d = k(() => !!M.value), l = k(() => M.value.length > 0), o = k(() => {
-      var S;
-      return (S = C.errorMsg) == null ? void 0 : S.length;
-    }), t = k(() => C.clearable && l.value), r = k(() => {
-      const { disabled: S, loading: P, clearable: E, errorMsg: _ } = C;
+    }, e = E(!1), d = k(() => !!M.value), l = k(() => M.value.length > 0), n = k(() => {
+      var o;
+      return (o = C.errorMsg) == null ? void 0 : o.length;
+    }), t = k(() => C.clearable && l.value), a = k(() => {
+      const { disabled: o, loading: g, clearable: D, errorMsg: W } = C;
       return {
         "r-textfield": !0,
-        "r-textfield--error": _ == null ? void 0 : _.length,
-        "r-textfield--loading": P,
-        "r-textfield--disabled": S,
-        "r-textfield--clearable": E,
+        "r-textfield--error": W == null ? void 0 : W.length,
+        "r-textfield--loading": g,
+        "r-textfield--disabled": o,
+        "r-textfield--clearable": D,
         "r-textfield--focus": e.value,
         "r-textfield--filled": d.value
       };
-    }), n = k(() => ({
+    }), r = k(() => ({
       "r-textfield__prepend-icon": !0,
       "r-textfield__prepend-icon--loading": C.loading,
-      "r-textfield__prepend-icon--error": o.value && d.value
-    })), Z = k(() => ({
+      "r-textfield__prepend-icon--error": n.value && d.value
+    })), u = k(() => ({
       "r-textfield__append-icon": !0,
       "r-textfield__append-icon--clear": t.value,
-      "r-textfield__append-icon--error": o.value
-    })), h = k(() => {
-      const { prependIcon: S, type: P } = C;
-      return S === "none" ? "" : S || i[P];
-    }), f = k(() => {
-      const { appendIcon: S, type: P } = C;
-      return S === "none" ? "" : o.value ? "mdiAlertCircleOutline" : t.value && ["text", "email"].includes(P) ? "mdiClose" : P === "password" && A.value === "password" ? "mdiEyeOutline" : P === "password" && A.value === "text" ? "mdiEyeOffOutline" : S;
+      "r-textfield__append-icon--error": n.value
+    })), p = k(() => {
+      const { prependIcon: o, type: g } = C;
+      return o === "none" ? "" : o || i[g];
+    }), h = k(() => {
+      const { appendIcon: o, type: g } = C;
+      return o === "none" ? "" : n.value ? "mdiAlertCircleOutline" : t.value && ["text", "email"].includes(g) ? "mdiClose" : g === "password" && A.value === "password" ? "mdiEyeOutline" : g === "password" && A.value === "text" ? "mdiEyeOffOutline" : o;
     });
-    function T(S) {
-      e.value = !0, V("focus", S);
+    function P(o) {
+      e.value = !0, V("focus", o);
     }
-    function v(S) {
-      e.value = !1, V("blur", S);
+    function T(o) {
+      e.value = !1, V("blur", o);
     }
-    function c(S) {
-      M.value = S.target.value, V("input", S);
+    function w(o) {
+      M.value = o.target.value, V("input", o);
     }
-    function s() {
-      var S;
+    function O() {
+      var o;
       if (t.value) {
-        M.value = "", (S = L.value) == null || S.focus(), V("click:clear", {
+        M.value = "", (o = L.value) == null || o.focus(), V("click:clear", {
           value: A.value === "number" ? +M.value : M.value
         });
         return;
       }
       V("click:icon", {
         value: A.value === "number" ? +M.value : M.value
-      }), A.value === "password" && w();
+      }), A.value === "password" && c();
     }
-    function w() {
+    function c() {
       A.value = A.value === "password" ? "text" : "password";
     }
-    function O() {
-      var S;
-      (S = L.value) == null || S.focus();
+    function F() {
+      var o;
+      (o = L.value) == null || o.focus();
     }
-    return W(
+    return _(
       () => C.modelValue,
-      (S) => {
-        M.value = S;
+      (o) => {
+        M.value = o;
       },
       {
         immediate: !0
       }
-    ), W(
+    ), _(
       () => M.value,
-      (S) => {
+      (o) => {
         V(
           "update:modelValue",
-          A.value === "number" ? +S : S
+          A.value === "number" ? +o : o
         );
       }
-    ), (S, P) => (m(), a("fieldset", null, [
-      u("div", z5, [
+    ), (o, g) => (m(), Z("fieldset", null, [
+      S("div", z5, [
         C.label ? (m(), R(H2, {
           key: 0,
           id: C.id,
           class: "r-textfield__label",
           for: C.id,
           text: C.label,
-          onClick: O
+          onClick: F
         }, null, 8, ["id", "for", "text"])) : B("", !0),
-        u("div", U5, [
-          u("div", {
-            class: g(p(r))
+        S("div", U5, [
+          S("div", {
+            class: f(s(a))
           }, [
-            b(S.$slots, "prepend"),
-            p(h) && !S.$slots.prepend ? (m(), R(x, {
+            b(o.$slots, "prepend"),
+            s(p) && !o.$slots.prepend ? (m(), R(x, {
               key: 0,
-              class: g(p(n)),
-              name: p(h),
+              class: f(s(r)),
+              name: s(p),
               size: 20
             }, null, 8, ["class", "name"])) : B("", !0),
-            u("input", {
+            S("input", {
               id: C.id,
               ref_key: "inputRef",
               ref: L,
@@ -9084,21 +9094,21 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
               placeholder: C.placeholder,
               type: A.value,
               value: M.value,
-              onBlur: v,
-              onFocus: T,
-              onInput: c
+              onBlur: T,
+              onFocus: P,
+              onInput: w
             }, null, 40, $5),
-            b(S.$slots, "append"),
-            p(f) && !S.$slots.append ? (m(), R(x, {
+            b(o.$slots, "append"),
+            s(h) && !o.$slots.append ? (m(), R(x, {
               key: 1,
-              class: g(p(Z)),
-              name: `${p(f)}`,
+              class: f(s(u)),
+              name: `${s(h)}`,
               size: 20,
-              onClick: s
+              onClick: O
             }, null, 8, ["class", "name"])) : B("", !0)
           ], 2),
-          C.errorMsg ? (m(), a("div", K5, y(C.errorMsg), 1)) : B("", !0),
-          !C.errorMsg && C.hint ? (m(), a("div", j5, y(C.hint), 1)) : B("", !0)
+          C.errorMsg ? (m(), Z("div", K5, y(C.errorMsg), 1)) : B("", !0),
+          !C.errorMsg && C.hint ? (m(), Z("div", j5, y(C.hint), 1)) : B("", !0)
         ])
       ])
     ]));
@@ -9106,7 +9116,7 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
 }), q5 = { class: "r-breadcrumb" }, Y5 = {
   key: 0,
   class: "r-breadcrumb__title"
-}, w3 = /* @__PURE__ */ F({
+}, w3 = /* @__PURE__ */ v({
   __name: "RBreadcrumb",
   props: {
     items: { default: () => [] },
@@ -9116,8 +9126,8 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
     const V = H;
     return (C, L) => {
       const M = m2("router-link");
-      return m(), a("div", q5, [
-        (m(!0), a(z, null, q(V.items, (A, i) => (m(), a("div", {
+      return m(), Z("div", q5, [
+        (m(!0), Z(z, null, q(V.items, (A, i) => (m(), Z("div", {
           key: i,
           class: "r-breadcrumb__item"
         }, [
@@ -9132,7 +9142,7 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
                   name: A.icon
                 }, null, 8, ["name"])) : B("", !0)
               ]),
-              A.onlyIcon ? B("", !0) : (m(), a("span", Y5, y(A.title), 1))
+              A.onlyIcon ? B("", !0) : (m(), Z("span", Y5, y(A.title), 1))
             ]),
             _: 2
           }, 1032, ["to"]),
@@ -9147,21 +9157,21 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
       ]);
     };
   }
-}), X5 = { class: "r-pagination" }, J5 = { class: "r-pagination__page-info" }, C3 = { key: 0 }, H3 = { class: "r-pagination__page-info__current-page" }, V3 = { class: "r-pagination__page-info__total-pages" }, L3 = { class: "r-pagination__paginator" }, M3 = ["disabled"], A3 = /* @__PURE__ */ u("path", {
+}), X5 = { class: "r-pagination" }, J5 = { class: "r-pagination__page-info" }, C3 = { key: 0 }, H3 = { class: "r-pagination__page-info__current-page" }, V3 = { class: "r-pagination__page-info__total-pages" }, L3 = { class: "r-pagination__paginator" }, M3 = ["disabled"], A3 = /* @__PURE__ */ S("path", {
   d: "M0 0h24v24H0z",
   fill: "none",
   stroke: "none"
-}, null, -1), i3 = /* @__PURE__ */ u("path", { d: "M15 6l-6 6l6 6" }, null, -1), e3 = [
+}, null, -1), i3 = /* @__PURE__ */ S("path", { d: "M15 6l-6 6l6 6" }, null, -1), e3 = [
   A3,
   i3
-], d3 = ["max", "value"], t3 = ["disabled"], m3 = /* @__PURE__ */ u("path", {
+], d3 = ["max", "value"], t3 = ["disabled"], m3 = /* @__PURE__ */ S("path", {
   d: "M0 0h24v24H0z",
   fill: "none",
   stroke: "none"
-}, null, -1), l3 = /* @__PURE__ */ u("path", { d: "M9 6l6 6l-6 6" }, null, -1), o3 = [
+}, null, -1), l3 = /* @__PURE__ */ S("path", { d: "M9 6l6 6l-6 6" }, null, -1), o3 = [
   m3,
   l3
-], n3 = { class: "r-pagination__paginator__total" }, P3 = /* @__PURE__ */ F({
+], n3 = { class: "r-pagination__paginator__total" }, P3 = /* @__PURE__ */ v({
   __name: "RPagination",
   props: {
     page: { default: 1 },
@@ -9176,22 +9186,22 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
     const C = H, L = k(() => Math.ceil(C.totalItems / C.perPage)), M = (A) => {
       A < 1 || A > L.value || V("update:page", A);
     };
-    return (A, i) => (m(), a("div", X5, [
-      u("div", J5, [
-        H.slash ? B("", !0) : (m(), a("span", C3, y(C.pageText), 1)),
-        u("span", H3, y(C.page), 1),
-        u("span", null, y(H.slash ? "/" : C.ofText), 1),
-        u("span", V3, y(p(L)), 1)
+    return (A, i) => (m(), Z("div", X5, [
+      S("div", J5, [
+        H.slash ? B("", !0) : (m(), Z("span", C3, y(C.pageText), 1)),
+        S("span", H3, y(C.page), 1),
+        S("span", null, y(H.slash ? "/" : C.ofText), 1),
+        S("span", V3, y(s(L)), 1)
       ]),
-      u("div", L3, [
-        u("button", {
+      S("div", L3, [
+        S("button", {
           class: "r-pagination__paginator__prev",
           disabled: C.page === 1,
           onClick: i[0] || (i[0] = (e) => M(+C.page - 1))
         }, [
           b(A.$slots, "prev", {}, () => [
-            (m(), a("svg", {
-              class: g({ "stroke-gray-400": C.page === 1 }),
+            (m(), Z("svg", {
+              class: f({ "stroke-gray-400": C.page === 1 }),
               fill: "none",
               height: "16",
               stroke: "#323232",
@@ -9204,9 +9214,9 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
             }, e3, 2))
           ])
         ], 8, M3),
-        u("input", {
+        S("input", {
           class: "r-pagination__paginator__input",
-          max: p(L),
+          max: s(L),
           min: "1",
           type: "number",
           value: C.page,
@@ -9215,14 +9225,14 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
             return M(+((d = e == null ? void 0 : e.target) == null ? void 0 : d.value));
           })
         }, null, 40, d3),
-        u("button", {
+        S("button", {
           class: "r-pagination__paginator__next",
-          disabled: C.page === p(L),
+          disabled: C.page === s(L),
           onClick: i[2] || (i[2] = (e) => M(+C.page + 1))
         }, [
           b(A.$slots, "next", {}, () => [
-            (m(), a("svg", {
-              class: g({ "stroke-gray-400": C.page === p(L) }),
+            (m(), Z("svg", {
+              class: f({ "stroke-gray-400": C.page === s(L) }),
               fill: "none",
               height: "16",
               stroke: "#323232",
@@ -9235,11 +9245,11 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
             }, o3, 2))
           ])
         ], 8, t3),
-        u("div", n3, "/ " + y(p(L)), 1)
+        S("div", n3, "/ " + y(s(L)), 1)
       ])
     ]));
   }
-}), r3 = ["value"], T3 = /* @__PURE__ */ F({
+}), r3 = ["value"], T3 = /* @__PURE__ */ v({
   __name: "RProgressbar",
   props: {
     value: { default: 0 },
@@ -9247,7 +9257,7 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
   },
   setup(H) {
     const V = H;
-    return (C, L) => (m(), a("progress", {
+    return (C, L) => (m(), Z("progress", {
       "aria-valuemax": 100,
       class: "r-progressbar",
       max: 100,
@@ -9256,7 +9266,7 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
       value: V.value
     }, null, 12, r3));
   }
-}), v3 = /* @__PURE__ */ F({
+}), v3 = /* @__PURE__ */ v({
   __name: "RItemGroup",
   props: {
     modelValue: { default: () => [] },
@@ -9269,16 +9279,16 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, L = "rocket-ui:r-item-group", M = D(C.as ?? "div"), A = D(C.modelValue ?? []), i = k(() => C.selectedClass);
+    const C = H, L = "rocket-ui:r-item-group", M = E(C.as ?? "div"), A = E(C.modelValue ?? []), i = k(() => C.selectedClass);
     Z1(`${L}:selectedClass`, i.value);
     function e(l) {
       return A.value.includes(l);
     }
     Z1(`${L}:isSelected`, e);
-    function d(l, o) {
-      C.disabled || C.mandatory && A.value.length === 1 && o || C.max && A.value.length === C.max && o || (C.multiple ? o ? A.value.push(l) : A.value = A.value.filter((t) => t !== l) : A.value = o ? [l] : [], V("update:modelValue", A.value));
+    function d(l, n) {
+      C.disabled || C.mandatory && A.value.length === 1 && n || C.max && A.value.length === C.max && n || (C.multiple ? n ? A.value.push(l) : A.value = A.value.filter((t) => t !== l) : A.value = n ? [l] : [], V("update:modelValue", A.value));
     }
-    return Z1(`${L}:select`, d), (l, o) => (m(), R(l2(M.value), null, {
+    return Z1(`${L}:select`, d), (l, n) => (m(), R(l2(M.value), null, {
       default: d1(() => [
         b(l.$slots, "default", {
           isSelected: e,
@@ -9289,7 +9299,7 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
       _: 3
     }));
   }
-}), F3 = /* @__PURE__ */ F({
+}), F3 = /* @__PURE__ */ v({
   __name: "RItem",
   props: {
     value: { default: null },
@@ -9304,11 +9314,11 @@ const E5 = ["aria-disabled", "aria-selected", "disabled"], _5 = {
     function d() {
       V.disabled || i(V.value, !0);
     }
-    return (l, o) => b(l.$slots, "default", {
+    return (l, n) => b(l.$slots, "default", {
       disabled: V.disabled,
-      isSelected: p(L)(V.value),
+      isSelected: s(L)(V.value),
       select: d,
-      selectedClass: p(A),
+      selectedClass: s(A),
       toggle: e,
       value: V.value
     });