@rocketui/vue 0.2.37 → 0.2.39-alpha.0

package/dist/rocket-ui-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as F, openBlock as m, createElementBlock as Z, createElementVNode as S, unref as V1, reactive as a1, Fragment as i1, renderList as l1, normalizeClass as c, renderSlot as O, toDisplayString as w, createVNode as K, computed as g, createCommentVNode as f, mergeProps as j1, createBlock as _, watch as $, getCurrentScope as Z2, onScopeDispose as u2, ref as W, watchEffect as S2, onMounted as X1, Teleport as s2, withCtx as f1, withDirectives as Y1, withModifiers as o1, withKeys as N1, vModelText as c2, createTextVNode as Z1, onUnmounted as O2, normalizeStyle as x1, vShow as p2, resolveComponent as f2, provide as s1, resolveDynamicComponent as h2, inject as c1 } from "vue";
+import { defineComponent as F, openBlock as m, createElementBlock as u, createElementVNode as S, unref as V1, reactive as a1, Fragment as i1, renderList as l1, normalizeClass as c, renderSlot as O, toDisplayString as w, createVNode as K, computed as f, createCommentVNode as h, mergeProps as j1, createBlock as _, watch as Q, getCurrentScope as Z2, onScopeDispose as u2, ref as W, watchEffect as S2, onMounted as X1, Teleport as s2, withCtx as f1, withDirectives as Y1, withModifiers as o1, withKeys as N1, vModelText as c2, createTextVNode as Z1, onUnmounted as O2, normalizeStyle as x1, vShow as p2, resolveComponent as f2, provide as s1, resolveDynamicComponent as h2, inject as c1 } from "vue";
 const g2 = {
   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 g2 = {
   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"
-}, k2 = ["height", "viewBox", "width"], B2 = ["d"], D = /* @__PURE__ */ F({
+}, k2 = ["height", "viewBox", "width"], B2 = ["d"], E = /* @__PURE__ */ F({
   __name: "RIcon",
   props: {
     name: { default: "" },
@@ -7305,7 +7305,7 @@ const g2 = {
   },
   setup(H) {
     const V = H;
-    return (C, M) => (m(), Z("svg", {
+    return (C, M) => (m(), u("svg", {
       class: "r-icon",
       height: V.size,
       viewBox: V.viewBox,
@@ -7335,7 +7335,7 @@ const g2 = {
         C[i].open = i === A ? !C[i].open : !1;
       });
     }
-    return (A, L) => (m(!0), Z(i1, null, l1(C, (i, e) => (m(), Z("div", {
+    return (A, L) => (m(!0), u(i1, null, l1(C, (i, e) => (m(), u("div", {
       key: e,
       class: c(["r-accordion", {
         "r-accordion--disabled": i.disabled
@@ -7353,7 +7353,7 @@ const g2 = {
           O(A.$slots, "icon", {
             open: i.open
           }, () => [
-            K(D, { name: "mdiChevronUp" })
+            K(E, { name: "mdiChevronUp" })
           ])
         ])
       ], 8, w2),
@@ -7382,12 +7382,12 @@ const g2 = {
   },
   emits: ["close"],
   setup(H, { emit: V }) {
-    const C = H, M = V, A = g(() => ({
+    const C = H, M = V, A = f(() => ({
       " r-alert": !0,
       [`r-alert--${C.variant}`]: !0,
       "r-alert--block": C.block,
       [`r-alert--${C.variant}--${C.type}`]: !0
-    })), L = g(() => ({
+    })), L = f(() => ({
       success: "mdiCheckCircle",
       error: "mdiAlertCircle",
       warning: "mdiAlert",
@@ -7396,12 +7396,12 @@ const g2 = {
     function i() {
       M("close");
     }
-    return (e, d) => (m(), Z("div", {
+    return (e, d) => (m(), u("div", {
       class: c(A.value)
     }, [
       S("div", T2, [
         O(e.$slots, "alert-icon", {}, () => [
-          K(D, {
+          K(E, {
             name: L.value,
             size: 24
           }, null, 8, ["name"])
@@ -7410,22 +7410,22 @@ const g2 = {
       S("div", F2, [
         O(e.$slots, "content", {}, () => [
           S("p", R2, w(C.title), 1),
-          C.description ? (m(), Z("p", x2, w(C.description), 1)) : f("", !0)
+          C.description ? (m(), u("p", x2, w(C.description), 1)) : h("", !0)
         ])
       ]),
-      C.closable ? (m(), Z("div", D2, [
+      C.closable ? (m(), u("div", D2, [
         O(e.$slots, "custom-close", {
           close: i,
           slotClass: "r-alert__close__button"
         }, () => [
-          K(D, {
+          K(E, {
             class: "r-alert__close__button",
             name: "mdiClose",
             size: 16,
             onClick: i
           })
         ])
-      ])) : f("", !0)
+      ])) : h("", !0)
     ], 2));
   }
 }), I1 = "data:image/svg+xml,%3csvg%20width='27'%20height='28'%20viewBox='0%200%2027%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.4993%2014C17.1827%2014%2020.166%2011.0167%2020.166%207.33334C20.166%203.65%2017.1827%200.666672%2013.4993%200.666672C9.81602%200.666672%206.83268%203.65%206.83268%207.33334C6.83268%2011.0167%209.81602%2014%2013.4993%2014ZM13.4993%2017.3333C9.04935%2017.3333%200.166016%2019.5667%200.166016%2024V25.6667C0.166016%2026.5833%200.916016%2027.3333%201.83268%2027.3333H25.166C26.0827%2027.3333%2026.8327%2026.5833%2026.8327%2025.6667V24C26.8327%2019.5667%2017.9493%2017.3333%2013.4993%2017.3333Z'%20fill='%234C5BE1'/%3e%3c/svg%3e", E2 = { class: "r-avatar__wrapper" }, _2 = ["alt", "src"], M0 = /* @__PURE__ */ F({
@@ -7439,22 +7439,22 @@ const g2 = {
     text: { default: "" }
   },
   setup(H) {
-    const V = H, C = g(() => ({
+    const V = H, C = f(() => ({
       "r-avatar": !0,
       [`r-avatar--${V.size}`]: !0
-    })), M = g(() => V.type === "image" && !V.src), A = g(() => M.value ? I1 : V.src);
+    })), M = f(() => V.type === "image" && !V.src), A = f(() => M.value ? I1 : V.src);
     function L(i) {
       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(), Z("div", E2, [
+    return (i, e) => (m(), u("div", E2, [
       S("div", {
         class: c(C.value)
       }, [
-        V.type === "text" ? (m(), Z("p", {
+        V.type === "text" ? (m(), u("p", {
           key: 0,
           class: c(["r-avatar__text", { [`r-avatar__text--${V.size}`]: !0 }])
-        }, w(L(V.text)), 3)) : (m(), Z("img", {
+        }, w(L(V.text)), 3)) : (m(), u("img", {
           key: 1,
           alt: V.alt,
           class: c(["r-avatar__image", {
@@ -7464,12 +7464,12 @@ const g2 = {
           src: A.value
         }, null, 10, _2))
       ], 2),
-      V.online ? (m(), Z("span", {
+      V.online ? (m(), u("span", {
         key: 0,
         class: c(["r-avatar__online", {
           [`r-avatar__online--${V.size}`]: !0
         }])
-      }, null, 2)) : f("", !0)
+      }, null, 2)) : h("", !0)
     ]));
   }
 }), W2 = ["innerHTML"], A0 = /* @__PURE__ */ F({
@@ -7488,7 +7488,7 @@ const g2 = {
   },
   emits: ["click"],
   setup(H) {
-    const V = H, C = g(() => ({
+    const V = H, C = f(() => ({
       "r-badge": !0,
       [`r-badge--content ${V.contentClass}`]: V.content,
       [`r-badge--overlap-${V.placement}`]: V.overlap,
@@ -7498,7 +7498,7 @@ const g2 = {
       [`r-badge--${V.variant}`]: V.variant,
       [V.class]: V.class
     }));
-    return (M, A) => (m(), Z("div", {
+    return (M, A) => (m(), u("div", {
       class: c(["r-badge-wrapper group", [V.wrapperClass]])
     }, [
       S("span", {
@@ -7527,7 +7527,7 @@ const g2 = {
   },
   emits: ["click"],
   setup(H) {
-    const V = H, C = g(() => ({
+    const V = H, C = f(() => ({
       "r-button": !0,
       [`r-button__${V.variant}`]: !0,
       [`r-button__${V.variant}--${V.variant === "default" && V.color === void 0 ? "primary" : V.color}`]: !0,
@@ -7535,14 +7535,14 @@ const g2 = {
       [`r-button--${V.size || "medium"}`]: !0,
       "r-button--only-icon": V.icon,
       "r-button--block": V.block
-    })), M = g(() => ({
+    })), M = f(() => ({
       small: 16,
       medium: 16,
       large: 20
-    })[V.size || "medium"]), A = g(() => ({
+    })[V.size || "medium"]), A = f(() => ({
       height: V.height ? `${V.height}px` : ""
     }));
-    return (L, i) => (m(), Z("button", j1(L.$attrs, {
+    return (L, i) => (m(), u("button", j1(L.$attrs, {
       class: C.value,
       disabled: L.disabled,
       style: A.value,
@@ -7551,25 +7551,25 @@ const g2 = {
       O(L.$slots, "prepend", {
         onlyIcon: V.icon
       }, () => [
-        V.prependIcon ? (m(), _(D, {
+        V.prependIcon ? (m(), _(E, {
           key: 0,
           class: c(["r-button__prepend-icon", {
             "r-button__prepend-icon--only": V.icon
           }]),
           name: V.prependIcon,
           size: M.value
-        }, null, 8, ["class", "name", "size"])) : f("", !0)
+        }, null, 8, ["class", "name", "size"])) : h("", !0)
       ]),
       O(L.$slots, "default", { disabled: L.disabled }),
       O(L.$slots, "append", {
         onlyIcon: V.icon
       }, () => [
-        !V.icon && V.appendIcon ? (m(), _(D, {
+        !V.icon && V.appendIcon ? (m(), _(E, {
           key: 0,
           class: "r-button__append-icon",
           name: V.appendIcon,
           size: M.value
-        }, null, 8, ["name", "size"])) : f("", !0)
+        }, null, 8, ["name", "size"])) : h("", !0)
       ])
     ], 16, N2));
   }
@@ -7603,7 +7603,7 @@ const g2 = {
       checked: "mdiCheck",
       unchecked: "",
       indeterminate: "mdiMinus"
-    }, i = g(() => A.indeterminate ? L.indeterminate : A.checked ? L.checked : L.unchecked), e = g(() => ({
+    }, i = f(() => A.indeterminate ? L.indeterminate : A.checked ? L.checked : L.unchecked), e = f(() => ({
       "r-checkbox": !0,
       "r-checkbox--checked": A.checked,
       "r-checkbox--disabled": C.disabled,
@@ -7613,7 +7613,7 @@ const g2 = {
     function d(t) {
       C.disabled || (A.checked = t.target.checked, A.indeterminate = !1, M("update:modelValue", A.checked));
     }
-    return $(
+    return Q(
       () => C.indeterminate,
       (t) => {
         A.indeterminate = t, t === !0 && (A.checked = !1, M("update:modelValue", A.checked));
@@ -7623,7 +7623,7 @@ const g2 = {
         // TODO: find a better way to do this
         immediate: !0
       }
-    ), $(
+    ), Q(
       () => C.modelValue,
       (t) => {
         A.checked = t;
@@ -7633,7 +7633,7 @@ const g2 = {
         // TODO: find a better way to do this
         immediate: !0
       }
-    ), (t, l) => (m(), Z("div", I2, [
+    ), (t, n) => (m(), u("div", I2, [
       S("div", Q2, [
         S("input", {
           id: C.id,
@@ -7648,7 +7648,7 @@ const g2 = {
           class: c(e.value),
           "data-disabled": C.disabled
         }, [
-          K(D, {
+          K(E, {
             name: i.value,
             size: 24
           }, null, 8, ["name"])
@@ -7660,8 +7660,8 @@ const g2 = {
           "data-disabled": C.disabled,
           for: C.id
         }, w(C.label), 9, z2),
-        C.hideDetails ? f("", !0) : (m(), Z("div", K2, [
-          C.errorMsg ? (m(), Z("p", q2, w(C.errorMsg), 1)) : (m(), Z("p", j2, w(C.hint), 1))
+        C.hideDetails ? h("", !0) : (m(), u("div", K2, [
+          C.errorMsg ? (m(), u("p", q2, w(C.errorMsg), 1)) : (m(), u("p", j2, w(C.hint), 1))
         ]))
       ])
     ]));
@@ -7680,7 +7680,7 @@ const g2 = {
   },
   emits: ["click:chip", "click:close"],
   setup(H, { emit: V }) {
-    const C = H, M = V, A = g(() => ({
+    const C = H, M = V, A = f(() => ({
       "r-chip": !0,
       "r-chip--disabled": C.disabled,
       [`r-chip__${C.variant}`]: C.variant,
@@ -7693,24 +7693,24 @@ const g2 = {
     function i(d) {
       C.disabled || !C.clearable || (d.stopPropagation(), M("click:close", d));
     }
-    const e = g(() => C.clearable ? "mdiClose" : C.appendIcon);
-    return (d, t) => (m(), Z("div", {
+    const e = f(() => C.clearable ? "mdiClose" : C.appendIcon);
+    return (d, t) => (m(), u("div", {
       class: c(A.value)
     }, [
       S("div", {
         class: "r-chip__content",
-        onClick: t[0] || (t[0] = (l) => L(l))
+        onClick: t[0] || (t[0] = (n) => L(n))
       }, [
         O(d.$slots, "prepend", {
           disabled: C.disabled
         }, () => [
-          C.prependIcon ? (m(), _(D, {
+          C.prependIcon ? (m(), _(E, {
             key: 0,
             "aria-disabled": C.disabled,
             class: "r-chip__content__prepend-icon",
             name: C.prependIcon,
             size: 12
-          }, null, 8, ["aria-disabled", "name"])) : f("", !0)
+          }, null, 8, ["aria-disabled", "name"])) : h("", !0)
         ]),
         S("span", {
           class: c(["r-chip__content__label", [C.noWrap && "whitespace-nowrap"]])
@@ -7719,14 +7719,14 @@ const g2 = {
       O(d.$slots, "append", {
         disabled: C.disabled
       }, () => [
-        e.value ? (m(), _(D, {
+        e.value ? (m(), _(E, {
           key: 0,
           "aria-disabled": C.disabled,
           class: "r-chip__content__append-icon",
           name: e.value,
           size: 12,
-          onClick: t[1] || (t[1] = (l) => i(l))
-        }, null, 8, ["aria-disabled", "name"])) : f("", !0)
+          onClick: t[1] || (t[1] = (n) => i(n))
+        }, null, 8, ["aria-disabled", "name"])) : h("", !0)
       ])
     ], 2));
   }
@@ -7757,15 +7757,15 @@ function P1(...H) {
     return v1;
   Array.isArray(C) || (C = [C]), Array.isArray(M) || (M = [M]);
   const L = [], i = () => {
-    L.forEach((l) => l()), L.length = 0;
-  }, e = (l, o, r, a) => (l.addEventListener(o, r, a), () => l.removeEventListener(o, r, a)), d = $(
+    L.forEach((n) => n()), L.length = 0;
+  }, e = (n, Z, o, l) => (n.addEventListener(Z, o, l), () => n.removeEventListener(Z, o, l)), d = Q(
     () => [t1(V), J1(A)],
-    ([l, o]) => {
-      if (i(), !l)
+    ([n, Z]) => {
+      if (i(), !n)
         return;
-      const r = C5(o) ? { ...o } : o;
+      const o = C5(Z) ? { ...Z } : Z;
       L.push(
-        ...C.flatMap((a) => M.map((u) => e(l, a, u, r)))
+        ...C.flatMap((l) => M.map((r) => e(n, l, r, o)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -7779,39 +7779,39 @@ function L5(H, V, C = {}) {
   const { window: M = H2, ignore: A = [], capture: L = !0, detectIframe: i = !1 } = C;
   if (!M)
     return;
-  H5 && !Q1 && (Q1 = !0, Array.from(M.document.body.children).forEach((r) => r.addEventListener("click", v1)), M.document.documentElement.addEventListener("click", v1));
+  H5 && !Q1 && (Q1 = !0, Array.from(M.document.body.children).forEach((o) => o.addEventListener("click", v1)), M.document.documentElement.addEventListener("click", v1));
   let e = !0;
-  const d = (r) => A.some((a) => {
-    if (typeof a == "string")
-      return Array.from(M.document.querySelectorAll(a)).some((u) => u === r.target || r.composedPath().includes(u));
+  const d = (o) => A.some((l) => {
+    if (typeof l == "string")
+      return Array.from(M.document.querySelectorAll(l)).some((r) => r === o.target || o.composedPath().includes(r));
     {
-      const u = t1(a);
-      return u && (r.target === u || r.composedPath().includes(u));
+      const r = t1(l);
+      return r && (o.target === r || o.composedPath().includes(r));
     }
-  }), l = [
-    P1(M, "click", (r) => {
-      const a = t1(H);
-      if (!(!a || a === r.target || r.composedPath().includes(a))) {
-        if (r.detail === 0 && (e = !d(r)), !e) {
+  }), n = [
+    P1(M, "click", (o) => {
+      const l = t1(H);
+      if (!(!l || l === o.target || o.composedPath().includes(l))) {
+        if (o.detail === 0 && (e = !d(o)), !e) {
           e = !0;
           return;
         }
-        V(r);
+        V(o);
       }
     }, { passive: !0, capture: L }),
-    P1(M, "pointerdown", (r) => {
-      const a = t1(H);
-      e = !d(r) && !!(a && !r.composedPath().includes(a));
+    P1(M, "pointerdown", (o) => {
+      const l = t1(H);
+      e = !d(o) && !!(l && !o.composedPath().includes(l));
     }, { passive: !0 }),
-    i && P1(M, "blur", (r) => {
+    i && P1(M, "blur", (o) => {
       setTimeout(() => {
-        var a;
-        const u = t1(H);
-        ((a = M.document.activeElement) == null ? void 0 : a.tagName) === "IFRAME" && !(u != null && u.contains(M.document.activeElement)) && V(r);
+        var l;
+        const r = t1(H);
+        ((l = M.document.activeElement) == null ? void 0 : l.tagName) === "IFRAME" && !(r != null && r.contains(M.document.activeElement)) && V(o);
       }, 0);
     })
   ].filter(Boolean);
-  return () => l.forEach((r) => r());
+  return () => n.forEach((o) => o());
 }
 const M5 = ["top", "right", "bottom", "left"], n1 = Math.min, M1 = Math.max, h1 = Math.round, J = (H) => ({
   x: H,
@@ -7914,48 +7914,48 @@ function G1(H, V, C) {
     reference: M,
     floating: A
   } = H;
-  const L = b1(V), i = E1(V), e = D1(i), d = L1(V), t = L === "y", l = M.x + M.width / 2 - A.width / 2, o = M.y + M.height / 2 - A.height / 2, r = M[e] / 2 - A[e] / 2;
-  let a;
+  const L = b1(V), i = E1(V), e = D1(i), d = L1(V), t = L === "y", n = M.x + M.width / 2 - A.width / 2, Z = M.y + M.height / 2 - A.height / 2, o = M[e] / 2 - A[e] / 2;
+  let l;
   switch (d) {
     case "top":
-      a = {
-        x: l,
+      l = {
+        x: n,
         y: M.y - A.height
       };
       break;
     case "bottom":
-      a = {
-        x: l,
+      l = {
+        x: n,
         y: M.y + M.height
       };
       break;
     case "right":
-      a = {
+      l = {
         x: M.x + M.width,
-        y: o
+        y: Z
       };
       break;
     case "left":
-      a = {
+      l = {
         x: M.x - A.width,
-        y: o
+        y: Z
       };
       break;
     default:
-      a = {
+      l = {
         x: M.x,
         y: M.y
       };
   }
   switch (u1(V)) {
     case "start":
-      a[i] -= r * (C && t ? -1 : 1);
+      l[i] -= o * (C && t ? -1 : 1);
       break;
     case "end":
-      a[i] += r * (C && t ? -1 : 1);
+      l[i] += o * (C && t ? -1 : 1);
       break;
   }
-  return a;
+  return l;
 }
 const o5 = async (H, V, C) => {
   const {
@@ -7969,9 +7969,9 @@ const o5 = async (H, V, C) => {
     floating: V,
     strategy: A
   }), {
-    x: l,
-    y: o
-  } = G1(t, M, d), r = M, a = {}, u = 0;
+    x: n,
+    y: Z
+  } = G1(t, M, d), o = M, l = {}, r = 0;
   for (let k = 0; k < e.length; k++) {
     const {
       name: B,
@@ -7982,12 +7982,12 @@ const o5 = async (H, V, C) => {
       data: T,
       reset: R
     } = await y({
-      x: l,
-      y: o,
+      x: n,
+      y: Z,
       initialPlacement: M,
-      placement: r,
+      placement: o,
       strategy: A,
-      middlewareData: a,
+      middlewareData: l,
       rects: t,
       platform: i,
       elements: {
@@ -7995,30 +7995,30 @@ const o5 = async (H, V, C) => {
         floating: V
       }
     });
-    if (l = P ?? l, o = v ?? o, a = {
-      ...a,
+    if (n = P ?? n, Z = v ?? Z, l = {
+      ...l,
       [B]: {
-        ...a[B],
+        ...l[B],
         ...T
       }
-    }, R && u <= 50) {
-      u++, typeof R == "object" && (R.placement && (r = R.placement), R.rects && (t = R.rects === !0 ? await i.getElementRects({
+    }, R && r <= 50) {
+      r++, typeof R == "object" && (R.placement && (o = R.placement), R.rects && (t = R.rects === !0 ? await i.getElementRects({
         reference: H,
         floating: V,
         strategy: A
       }) : R.rects), {
-        x: l,
-        y: o
-      } = G1(t, r, d)), k = -1;
+        x: n,
+        y: Z
+      } = G1(t, o, d)), k = -1;
       continue;
     }
   }
   return {
-    x: l,
-    y: o,
-    placement: r,
+    x: n,
+    y: Z,
+    placement: o,
     strategy: A,
-    middlewareData: a
+    middlewareData: l
   };
 };
 async function B1(H, V) {
@@ -8033,16 +8033,16 @@ async function B1(H, V) {
     strategy: d
   } = H, {
     boundary: t = "clippingAncestors",
-    rootBoundary: l = "viewport",
-    elementContext: o = "floating",
-    altBoundary: r = !1,
-    padding: a = 0
-  } = d1(V, H), u = L2(a), B = e[r ? o === "floating" ? "reference" : "floating" : o], y = k1(await L.getClippingRect({
+    rootBoundary: n = "viewport",
+    elementContext: Z = "floating",
+    altBoundary: o = !1,
+    padding: l = 0
+  } = d1(V, H), r = L2(l), B = e[o ? Z === "floating" ? "reference" : "floating" : Z], y = k1(await L.getClippingRect({
     element: (C = await (L.isElement == null ? void 0 : L.isElement(B))) == null || C ? B : B.contextElement || await (L.getDocumentElement == null ? void 0 : L.getDocumentElement(e.floating)),
     boundary: t,
-    rootBoundary: l,
+    rootBoundary: n,
     strategy: d
-  })), P = o === "floating" ? {
+  })), P = Z === "floating" ? {
     ...i.floating,
     x: M,
     y: A
@@ -8058,10 +8058,10 @@ async function B1(H, V) {
     strategy: d
   }) : P);
   return {
-    top: (y.top - R.top + u.top) / T.y,
-    bottom: (R.bottom - y.bottom + u.bottom) / T.y,
-    left: (y.left - R.left + u.left) / T.x,
-    right: (R.right - y.right + u.right) / T.x
+    top: (y.top - R.top + r.top) / T.y,
+    bottom: (R.bottom - y.bottom + r.bottom) / T.y,
+    left: (y.left - R.left + r.left) / T.x,
+    right: (R.right - y.right + r.right) / T.x
   };
 }
 const n5 = (H) => ({
@@ -8078,22 +8078,22 @@ const n5 = (H) => ({
       middlewareData: d
     } = V, {
       element: t,
-      padding: l = 0
+      padding: n = 0
     } = d1(H, V) || {};
     if (t == null)
       return {};
-    const o = L2(l), r = {
+    const Z = L2(n), o = {
       x: C,
       y: M
-    }, a = E1(A), u = D1(a), k = await i.getDimensions(t), B = a === "y", y = B ? "top" : "left", P = B ? "bottom" : "right", v = B ? "clientHeight" : "clientWidth", T = L.reference[u] + L.reference[a] - r[a] - L.floating[u], R = r[a] - L.reference[a], Q = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(t));
-    let I = Q ? Q[v] : 0;
-    (!I || !await (i.isElement == null ? void 0 : i.isElement(Q))) && (I = e.floating[v] || L.floating[u]);
-    const p = T / 2 - R / 2, N = I / 2 - k[u] / 2 - 1, n = n1(o[y], N), h = n1(o[P], N), b = n, E = I - k[u] - h, s = I / 2 - k[u] / 2 + p, x = T1(b, s, E), U = !d.arrow && u1(A) != null && s != x && L.reference[u] / 2 - (s < b ? n : h) - k[u] / 2 < 0, j = U ? s < b ? s - b : s - E : 0;
+    }, l = E1(A), r = D1(l), k = await i.getDimensions(t), B = l === "y", y = B ? "top" : "left", P = B ? "bottom" : "right", v = B ? "clientHeight" : "clientWidth", T = L.reference[r] + L.reference[l] - o[l] - L.floating[r], R = o[l] - L.reference[l], G = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(t));
+    let I = G ? G[v] : 0;
+    (!I || !await (i.isElement == null ? void 0 : i.isElement(G))) && (I = e.floating[v] || L.floating[r]);
+    const p = T / 2 - R / 2, N = I / 2 - k[r] / 2 - 1, a = n1(Z[y], N), g = n1(Z[P], N), b = a, x = I - k[r] - g, s = I / 2 - k[r] / 2 + p, D = T1(b, s, x), U = !d.arrow && u1(A) != null && s != D && L.reference[r] / 2 - (s < b ? a : g) - k[r] / 2 < 0, j = U ? s < b ? s - b : s - x : 0;
     return {
-      [a]: r[a] + j,
+      [l]: o[l] + j,
       data: {
-        [a]: x,
-        centerOffset: s - x - j,
+        [l]: D,
+        centerOffset: s - D - j,
         ...U && {
           alignmentOffset: j
         }
@@ -8115,47 +8115,47 @@ const n5 = (H) => ({
         platform: d,
         elements: t
       } = V, {
-        mainAxis: l = !0,
-        crossAxis: o = !0,
-        fallbackPlacements: r,
-        fallbackStrategy: a = "bestFit",
-        fallbackAxisSideDirection: u = "none",
+        mainAxis: n = !0,
+        crossAxis: Z = !0,
+        fallbackPlacements: o,
+        fallbackStrategy: l = "bestFit",
+        fallbackAxisSideDirection: r = "none",
         flipAlignment: k = !0,
         ...B
       } = d1(H, V);
       if ((C = L.arrow) != null && C.alignmentOffset)
         return {};
-      const y = L1(A), P = L1(e) === e, v = await (d.isRTL == null ? void 0 : d.isRTL(t.floating)), T = r || (P || !k ? [g1(e)] : d5(e));
-      !r && u !== "none" && T.push(...m5(e, k, u, v));
-      const R = [e, ...T], Q = await B1(V, B), I = [];
+      const y = L1(A), P = L1(e) === e, v = await (d.isRTL == null ? void 0 : d.isRTL(t.floating)), T = o || (P || !k ? [g1(e)] : d5(e));
+      !o && r !== "none" && T.push(...m5(e, k, r, v));
+      const R = [e, ...T], G = await B1(V, B), I = [];
       let p = ((M = L.flip) == null ? void 0 : M.overflows) || [];
-      if (l && I.push(Q[y]), o) {
+      if (n && I.push(G[y]), Z) {
         const b = e5(A, i, v);
-        I.push(Q[b[0]], Q[b[1]]);
+        I.push(G[b[0]], G[b[1]]);
       }
       if (p = [...p, {
         placement: A,
         overflows: I
       }], !I.every((b) => b <= 0)) {
-        var N, n;
-        const b = (((N = L.flip) == null ? void 0 : N.index) || 0) + 1, E = R[b];
-        if (E)
+        var N, a;
+        const b = (((N = L.flip) == null ? void 0 : N.index) || 0) + 1, x = R[b];
+        if (x)
           return {
             data: {
               index: b,
               overflows: p
             },
             reset: {
-              placement: E
+              placement: x
             }
           };
-        let s = (n = p.filter((x) => x.overflows[0] <= 0).sort((x, U) => x.overflows[1] - U.overflows[1])[0]) == null ? void 0 : n.placement;
+        let s = (a = p.filter((D) => D.overflows[0] <= 0).sort((D, U) => D.overflows[1] - U.overflows[1])[0]) == null ? void 0 : a.placement;
         if (!s)
-          switch (a) {
+          switch (l) {
             case "bestFit": {
-              var h;
-              const x = (h = p.map((U) => [U.placement, U.overflows.filter((j) => j > 0).reduce((j, a2) => j + a2, 0)]).sort((U, j) => U[1] - j[1])[0]) == null ? void 0 : h[0];
-              x && (s = x);
+              var g;
+              const D = (g = p.map((U) => [U.placement, U.overflows.filter((j) => j > 0).reduce((j, a2) => j + a2, 0)]).sort((U, j) => U[1] - j[1])[0]) == null ? void 0 : g[0];
+              D && (s = D);
               break;
             }
             case "initialPlacement":
@@ -8231,27 +8231,27 @@ async function Z5(H, V) {
     placement: C,
     platform: M,
     elements: A
-  } = H, L = await (M.isRTL == null ? void 0 : M.isRTL(A.floating)), i = L1(C), e = u1(C), d = b1(C) === "y", t = ["left", "top"].includes(i) ? -1 : 1, l = L && d ? -1 : 1, o = d1(V, H);
+  } = H, L = await (M.isRTL == null ? void 0 : M.isRTL(A.floating)), i = L1(C), e = u1(C), d = b1(C) === "y", t = ["left", "top"].includes(i) ? -1 : 1, n = L && d ? -1 : 1, Z = d1(V, H);
   let {
-    mainAxis: r,
-    crossAxis: a,
-    alignmentAxis: u
-  } = typeof o == "number" ? {
     mainAxis: o,
+    crossAxis: l,
+    alignmentAxis: r
+  } = typeof Z == "number" ? {
+    mainAxis: Z,
     crossAxis: 0,
     alignmentAxis: null
   } : {
     mainAxis: 0,
     crossAxis: 0,
     alignmentAxis: null,
-    ...o
+    ...Z
   };
-  return e && typeof u == "number" && (a = e === "end" ? u * -1 : u), d ? {
-    x: a * l,
-    y: r * t
+  return e && typeof r == "number" && (l = e === "end" ? r * -1 : r), d ? {
+    x: l * n,
+    y: o * t
   } : {
-    x: r * t,
-    y: a * l
+    x: o * t,
+    y: l * n
   };
 }
 const u5 = function(H) {
@@ -8298,20 +8298,20 @@ const u5 = function(H) {
       } = d1(H, V), t = {
         x: C,
         y: M
-      }, l = await B1(V, d), o = b1(L1(A)), r = V2(o);
-      let a = t[r], u = t[o];
+      }, n = await B1(V, d), Z = b1(L1(A)), o = V2(Z);
+      let l = t[o], r = t[Z];
       if (L) {
-        const B = r === "y" ? "top" : "left", y = r === "y" ? "bottom" : "right", P = a + l[B], v = a - l[y];
-        a = T1(P, a, v);
+        const B = o === "y" ? "top" : "left", y = o === "y" ? "bottom" : "right", P = l + n[B], v = l - n[y];
+        l = T1(P, l, v);
       }
       if (i) {
-        const B = o === "y" ? "top" : "left", y = o === "y" ? "bottom" : "right", P = u + l[B], v = u - l[y];
-        u = T1(P, u, v);
+        const B = Z === "y" ? "top" : "left", y = Z === "y" ? "bottom" : "right", P = r + n[B], v = r - n[y];
+        r = T1(P, r, v);
       }
       const k = e.fn({
         ...V,
-        [r]: a,
-        [o]: u
+        [o]: l,
+        [Z]: r
       });
       return {
         ...k,
@@ -8326,7 +8326,7 @@ const u5 = function(H) {
 function C1(H) {
   return M2(H) ? (H.nodeName || "").toLowerCase() : "#document";
 }
-function G(H) {
+function $(H) {
   var V;
   return (H == null || (V = H.ownerDocument) == null ? void 0 : V.defaultView) || window;
 }
@@ -8335,16 +8335,16 @@ function H1(H) {
   return (V = (M2(H) ? H.ownerDocument : H.document) || window.document) == null ? void 0 : V.documentElement;
 }
 function M2(H) {
-  return H instanceof Node || H instanceof G(H).Node;
+  return H instanceof Node || H instanceof $(H).Node;
 }
 function Y(H) {
-  return H instanceof Element || H instanceof G(H).Element;
+  return H instanceof Element || H instanceof $(H).Element;
 }
 function q(H) {
-  return H instanceof HTMLElement || H instanceof G(H).HTMLElement;
+  return H instanceof HTMLElement || H instanceof $(H).HTMLElement;
 }
 function z1(H) {
-  return typeof ShadowRoot > "u" ? !1 : H instanceof ShadowRoot || H instanceof G(H).ShadowRoot;
+  return typeof ShadowRoot > "u" ? !1 : H instanceof ShadowRoot || H instanceof $(H).ShadowRoot;
 }
 function S1(H) {
   const {
@@ -8378,7 +8378,7 @@ function w1(H) {
   return ["html", "body", "#document"].includes(C1(H));
 }
 function z(H) {
-  return G(H).getComputedStyle(H);
+  return $(H).getComputedStyle(H);
 }
 function y1(H) {
   return Y(H) ? {
@@ -8408,7 +8408,7 @@ function A2(H) {
 function R1(H, V, C) {
   var M;
   V === void 0 && (V = []), C === void 0 && (C = !0);
-  const A = A2(H), L = A === ((M = H.ownerDocument) == null ? void 0 : M.body), i = G(A);
+  const A = A2(H), L = A === ((M = H.ownerDocument) == null ? void 0 : M.body), i = $(A);
   return L ? V.concat(i, i.visualViewport || [], S1(A) ? A : [], i.frameElement && C ? R1(i.frameElement) : []) : V.concat(A, R1(A, [], C));
 }
 function i2(H) {
@@ -8441,14 +8441,14 @@ function A1(H) {
 }
 const O5 = /* @__PURE__ */ J(0);
 function d2(H) {
-  const V = G(H);
+  const V = $(H);
   return !W1() || !V.visualViewport ? O5 : {
     x: V.visualViewport.offsetLeft,
     y: V.visualViewport.offsetTop
   };
 }
 function p5(H, V, C) {
-  return V === void 0 && (V = !1), !C || V && C !== G(H) ? !1 : V;
+  return V === void 0 && (V = !1), !C || V && C !== $(H) ? !1 : V;
 }
 function r1(H, V, C, M) {
   V === void 0 && (V = !1), C === void 0 && (C = !1);
@@ -8456,18 +8456,18 @@ function r1(H, V, C, M) {
   let i = J(1);
   V && (M ? Y(M) && (i = A1(M)) : i = A1(H));
   const e = p5(L, C, M) ? d2(L) : J(0);
-  let d = (A.left + e.x) / i.x, t = (A.top + e.y) / i.y, l = A.width / i.x, o = A.height / i.y;
+  let d = (A.left + e.x) / i.x, t = (A.top + e.y) / i.y, n = A.width / i.x, Z = A.height / i.y;
   if (L) {
-    const r = G(L), a = M && Y(M) ? G(M) : M;
-    let u = r.frameElement;
-    for (; u && M && a !== r; ) {
-      const k = A1(u), B = u.getBoundingClientRect(), y = z(u), P = B.left + (u.clientLeft + parseFloat(y.paddingLeft)) * k.x, v = B.top + (u.clientTop + parseFloat(y.paddingTop)) * k.y;
-      d *= k.x, t *= k.y, l *= k.x, o *= k.y, d += P, t += v, u = G(u).frameElement;
+    const o = $(L), l = M && Y(M) ? $(M) : M;
+    let r = o.frameElement;
+    for (; r && M && l !== o; ) {
+      const k = A1(r), B = r.getBoundingClientRect(), y = z(r), P = B.left + (r.clientLeft + parseFloat(y.paddingLeft)) * k.x, v = B.top + (r.clientTop + parseFloat(y.paddingTop)) * k.y;
+      d *= k.x, t *= k.y, n *= k.x, Z *= k.y, d += P, t += v, r = $(r).frameElement;
     }
   }
   return k1({
-    width: l,
-    height: o,
+    width: n,
+    height: Z,
     x: d,
     y: t
   });
@@ -8515,7 +8515,7 @@ function g5(H) {
   };
 }
 function k5(H, V) {
-  const C = G(H), M = H1(H), A = C.visualViewport;
+  const C = $(H), M = H1(H), A = C.visualViewport;
   let L = M.clientWidth, i = M.clientHeight, e = 0, d = 0;
   if (A) {
     L = A.width, i = A.height;
@@ -8569,7 +8569,7 @@ function b5(H, V) {
   let i = L ? e1(H) : H;
   for (; Y(i) && !w1(i); ) {
     const e = z(i), d = _1(i);
-    !d && e.position === "fixed" && (A = null), (L ? !d && !A : !d && e.position === "static" && !!A && ["absolute", "fixed"].includes(A.position) || S1(i) && !d && m2(H, i)) ? M = M.filter((l) => l !== i) : A = e, i = e1(i);
+    !d && e.position === "fixed" && (A = null), (L ? !d && !A : !d && e.position === "static" && !!A && ["absolute", "fixed"].includes(A.position) || S1(i) && !d && m2(H, i)) ? M = M.filter((n) => n !== i) : A = e, i = e1(i);
   }
   return V.set(H, M), M;
 }
@@ -8580,9 +8580,9 @@ function w5(H) {
     rootBoundary: M,
     strategy: A
   } = H;
-  const i = [...C === "clippingAncestors" ? b5(V, this._c) : [].concat(C), M], e = i[0], d = i.reduce((t, l) => {
-    const o = K1(V, l, A);
-    return t.top = M1(o.top, t.top), t.right = n1(o.right, t.right), t.bottom = n1(o.bottom, t.bottom), t.left = M1(o.left, t.left), t;
+  const i = [...C === "clippingAncestors" ? b5(V, this._c) : [].concat(C), M], e = i[0], d = i.reduce((t, n) => {
+    const Z = K1(V, n, A);
+    return t.top = M1(Z.top, t.top), t.right = n1(Z.right, t.right), t.bottom = n1(Z.bottom, t.bottom), t.left = M1(Z.left, t.left), t;
   }, K1(V, e, A));
   return {
     width: d.right - d.left,
@@ -8618,7 +8618,7 @@ function q1(H, V) {
   return !q(H) || z(H).position === "fixed" ? null : V ? V(H) : H.offsetParent;
 }
 function l2(H, V) {
-  const C = G(H);
+  const C = $(H);
   if (!q(H))
     return C;
   let M = q1(H, V);
@@ -8680,26 +8680,26 @@ async function x5({ value: H }, { value: V }, { value: C }, M, A, L, i = 300, e)
       r5(),
       a5()
     ]
-  }).then(({ x: d, y: t, placement: l, middlewareData: o }) => {
-    var u, k;
+  }).then(({ x: d, y: t, placement: n, middlewareData: Z }) => {
+    var r, k;
     if (!V)
       return;
-    o.flip && V.setAttribute("data-placement", l);
-    const r = (u = H.offsetParent) == null ? void 0 : u.getBoundingClientRect().left, a = (k = H.offsetParent) == null ? void 0 : k.getBoundingClientRect().width;
+    Z.flip && V.setAttribute("data-placement", n);
+    const o = (r = H.offsetParent) == null ? void 0 : r.getBoundingClientRect().left, l = (k = H.offsetParent) == null ? void 0 : k.getBoundingClientRect().width;
     if (Object.assign(V.style, {
-      maxWidth: e === "dropdown" ? `${a}px` : "auto",
-      left: e === "dropdown" ? `${r}px` : `${d}px`,
+      maxWidth: e === "dropdown" ? `${l}px` : "auto",
+      left: e === "dropdown" ? `${o}px` : `${d}px`,
       top: `${t}px`,
       animation: `r-tooltip-show ${i}ms ease-in-out forwards`,
       transformOrigin: "start"
-    }), C && o.arrow) {
-      const { x: B, y } = o.arrow, P = {
+    }), C && Z.arrow) {
+      const { x: B, y } = Z.arrow, P = {
         top: "bottom",
         right: "left",
         bottom: "top",
         left: "right"
         /* Right */
-      }[l.split("-")[0]];
+      }[n.split("-")[0]];
       Object.assign(C.style, {
         left: d != null ? `${B}px` : "",
         top: t != null ? `${y}px` : "",
@@ -8736,7 +8736,7 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
   setup(H, { emit: V }) {
     const C = H, M = V, A = W(), L = W(), i = W();
     async function e() {
-      C.disabled || !L.value || (u(), L.value.style.display = "block", M("show"), t());
+      C.disabled || !L.value || (r(), L.value.style.display = "block", M("show"), t());
     }
     function d() {
       C.disabled || !L.value || (L.value.style.display = "", M("hide"));
@@ -8746,31 +8746,31 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
         d();
       }, C.hideDelay);
     }
-    function l() {
+    function n() {
       C.disabled || C.triggers.includes(X.Click) && (L.value.style.display === "block" ? d() : e());
     }
-    function o() {
+    function Z() {
       C.disabled || C.triggers.includes(X.Hover) && e();
     }
-    function r() {
+    function o() {
       C.disabled || (L.value.style.display === "" && C.triggers.includes(X.Hover) ? e() : L.value.style.display !== "" && C.triggers.includes(X.Hover) && d());
     }
-    function a() {
-      C.triggers.includes(X.Hover) && u();
+    function l() {
+      C.triggers.includes(X.Hover) && r();
     }
-    function u(B) {
-      const { placement: y, offset: P, padding: v, disabled: T, showDelay: R, type: Q } = C;
-      T || x5(A, L, i, y, P, v, R, Q);
+    function r(B) {
+      const { placement: y, offset: P, padding: v, disabled: T, showDelay: R, type: G } = C;
+      T || x5(A, L, i, y, P, v, R, G);
     }
-    const k = g(() => ({
+    const k = f(() => ({
       "r-tooltip": !0,
       "r-tooltip--dark": C.dark && !C.light,
       "r-tooltip--light": C.light
     }));
     return window.onresize = () => {
-      C.resizable && u();
+      C.resizable && r();
     }, document.addEventListener("scroll", () => {
-      u();
+      r();
     }), S2(
       () => {
         C.disabled || (C.shown && C.triggers.includes(X.Manual) ? e() : !C.shown && C.triggers.includes(X.Manual) && d());
@@ -8778,7 +8778,7 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
       { flush: "post" }
       // this is important to avoid infinite loop & for fire on mounted
     ), X1(() => {
-      C.resizable && A.value.parentElement.parentElement.addEventListener("scroll", u()), L5(
+      C.resizable && A.value.parentElement.parentElement.addEventListener("scroll", r()), L5(
         A,
         () => {
           C.outsideClick && d();
@@ -8787,25 +8787,25 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
           ignore: [L.value]
         }
       );
-    }), (B, y) => (m(), Z(i1, null, [
+    }), (B, y) => (m(), u(i1, null, [
       S("div", {
         ref_key: "trigger",
         ref: A,
         "aria-disabled": C.disabled,
         class: c(["r-tooltip-trigger", B.triggerClass]),
-        onClick: l,
-        onMouseenter: o,
-        onMouseleave: r,
-        onMousemove: a
+        onClick: n,
+        onMouseenter: Z,
+        onMouseleave: o,
+        onMousemove: l
       }, [
         O(B.$slots, "default", {
           activators: {
-            click: l,
-            mouseenter: o,
-            mouseleave: r,
-            mousemove: a
+            click: n,
+            mouseenter: Z,
+            mouseleave: o,
+            mousemove: l
           },
-          updatePosition: u
+          updatePosition: r
         }, () => [
           S("div", {
             innerHTML: C.triggerContent
@@ -8822,16 +8822,16 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
         }, [
           O(B.$slots, "content", {
             hide: d,
-            updatePosition: u
+            updatePosition: r
           }, () => [
-            C.text ? (m(), Z("div", {
+            C.text ? (m(), u("div", {
               key: 0,
               class: c(["r-tooltip__content", {
                 "r-tooltip__content--dark": C.dark,
                 "r-tooltip__content--light": C.light
               }])
-            }, w(C.text), 3)) : f("", !0),
-            C.text ? (m(), Z("div", {
+            }, w(C.text), 3)) : h("", !0),
+            C.text ? (m(), u("div", {
               key: 1,
               id: "arrow",
               ref_key: "arrowElement",
@@ -8840,7 +8840,7 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
                 "r-tooltip__arrow--dark": C.dark,
                 "r-tooltip__arrow--light": C.light
               }])
-            }, null, 2)) : f("", !0)
+            }, null, 2)) : h("", !0)
           ])
         ], 2)
       ]))
@@ -8888,86 +8888,86 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
     const C = H, M = V, A = W({}), L = W([]), i = W(!1), e = W("");
-    function d(n) {
-      if (!n || typeof n == "object" || typeof n == "function" || typeof n == "symbol" || typeof n > "u" || Array.isArray(n))
+    function d(a) {
+      if (!a || typeof a == "object" || typeof a == "function" || typeof a == "symbol" || typeof a > "u" || Array.isArray(a))
         return !0;
-      const [h] = Object == null ? void 0 : Object.keys(n);
-      return ["label", "value"].includes(h);
+      const [g] = Object == null ? void 0 : Object.keys(a);
+      return ["label", "value"].includes(g);
     }
-    const t = g(() => {
-      const n = C.options;
-      return d(n[0]) ? n : n.map((h) => ({
-        value: h,
-        label: String(h)
+    const t = f(() => {
+      const a = C.options;
+      return d(a[0]) ? a : a.map((g) => ({
+        value: g,
+        label: String(g)
       }));
-    }), l = g(() => {
-      const n = C.modelValue;
-      return d(n) ? n : {
-        value: n,
-        label: String(n)
+    }), n = f(() => {
+      const a = C.modelValue;
+      return d(a) ? a : {
+        value: a,
+        label: String(a)
       };
-    }), o = W(), r = W(), a = W();
-    function u(n, h, b) {
-      var E, s, x;
-      if (n.stopPropagation(), !C.disabled) {
-        if (i.value = !0, h && h(), i.value) {
-          (E = o.value) == null || E.classList.add("r-dropdown--active"), (s = o.value) == null || s.focus(), (x = r.value) == null || x.focus();
+    }), Z = W(), o = W(), l = W();
+    function r(a, g, b) {
+      var x, s, D;
+      if (a.preventDefault(), !C.disabled) {
+        if (i.value = !0, b(), g && g(), i.value) {
+          (x = Z.value) == null || x.classList.add("r-dropdown--active"), (s = Z.value) == null || s.focus(), (D = o.value) == null || D.focus();
           return;
         }
         k();
       }
     }
     function k() {
-      var n, h, b;
-      i.value = !1, (n = o.value) == null || n.classList.remove("r-dropdown--active"), (h = o.value) == null || h.blur(), (b = r.value) == null || b.blur();
+      var a, g, b;
+      i.value = !1, (a = Z.value) == null || a.classList.remove("r-dropdown--active"), (g = Z.value) == null || g.blur(), (b = o.value) == null || b.blur();
     }
-    function B(n, h, b, E) {
+    function B(a, g, b, x) {
       var s;
-      if (n.stopPropagation(), E(), !h.disabled) {
+      if (a.stopPropagation(), x(), !g.disabled) {
         if (C.multiple) {
-          L.value.find((x) => x.value === h.value) ? L.value.splice(L.value.indexOf(h), 1) : L.value.push(h), e.value = "", C.searchable && ((s = r.value) == null || s.focus());
+          L.value.find((D) => D.value === g.value) ? L.value.splice(L.value.indexOf(g), 1) : L.value.push(g), e.value = "", C.searchable && ((s = o.value) == null || s.focus());
           return;
         }
-        y(n, h), C.closeOnSelect && (b(), k());
+        y(a, g), C.closeOnSelect && (b(), k());
       }
     }
-    function y(n, h) {
-      if (A.value.value === h.value) {
+    function y(a, g) {
+      if (A.value.value === g.value) {
         A.value = {}, e.value = "", M("update:modelValue", "");
         return;
       }
-      e.value = h.label, A.value = h, u(n), M("update:modelValue", h);
+      e.value = g.label, A.value = g, r(a), M("update:modelValue", g);
     }
-    function P(n, h, b) {
-      if (n instanceof KeyboardEvent && n.key !== "Backspace" || e.value !== "")
+    function P(a, g, b) {
+      if (a instanceof KeyboardEvent && a.key !== "Backspace" || e.value !== "")
         return;
-      n.stopPropagation(), b();
-      const E = L.value.findIndex((s) => s.value === h.value);
-      L.value.splice(E, 1);
+      a.stopPropagation(), b();
+      const x = L.value.findIndex((s) => s.value === g.value);
+      L.value.splice(x, 1);
     }
-    function v(n, h) {
+    function v(a, g) {
       var s;
       if (!C.multiple)
         return;
-      n.stopPropagation(), h();
+      a.stopPropagation(), g();
       const b = e.value;
       if (b === "")
         return;
-      t.value.find((x) => x.label === b) || (L.value.push({ value: b, label: b }), e.value = "", (s = r.value) == null || s.focus());
+      t.value.find((D) => D.label === b) || (L.value.push({ value: b, label: b }), e.value = "", (s = o.value) == null || s.focus());
     }
-    function T(n) {
-      var h;
-      return !n || (n == null ? void 0 : n.value) === void 0 || (n == null ? void 0 : n.value) === null ? !1 : C.multiple ? L.value.find((b) => (b == null ? void 0 : b.value) === (n == null ? void 0 : n.value)) : ((h = A.value) == null ? void 0 : h.value) === (n == null ? void 0 : n.value);
+    function T(a) {
+      var g;
+      return !a || (a == null ? void 0 : a.value) === void 0 || (a == null ? void 0 : a.value) === null ? !1 : C.multiple ? L.value.find((b) => (b == null ? void 0 : b.value) === (a == null ? void 0 : a.value)) : ((g = A.value) == null ? void 0 : g.value) === (a == null ? void 0 : a.value);
     }
-    const R = g(() => !C.searchable || A.value.label === e.value ? t.value : t.value.filter((h) => h.label.toLowerCase().includes(e.value.toLowerCase()))), Q = g(() => !C.searchable);
+    const R = f(() => !C.searchable || A.value.label === e.value ? t.value : t.value.filter((g) => g.label.toLowerCase().includes(e.value.toLowerCase()))), G = f(() => !C.searchable);
     function I() {
-      l.value ? C.multiple ? L.value = l.value : (A.value = l.value, e.value = l.value.label) : (A.value = {}, L.value.splice(0, L.value.length));
+      n.value ? C.multiple ? L.value = n.value : (A.value = n.value, e.value = n.value.label) : (A.value = {}, L.value.splice(0, L.value.length));
     }
-    function p(n) {
-      C.searchable && n(), !C.multiple && e.value === "" && (A.value = {}, M("update:modelValue", ""));
+    function p(a) {
+      C.searchable && a(), !C.multiple && e.value === "" && (A.value = {}, M("update:modelValue", ""));
     }
-    function N(n, h) {
-      if (n.stopPropagation(), h(), C.multiple) {
+    function N(a, g) {
+      if (a.stopPropagation(), g(), C.multiple) {
         L.value.splice(0, L.value.length);
         return;
       }
@@ -8975,13 +8975,13 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
     }
     return X1(() => {
       I(), navigator.userAgent.includes("iPhone") && document.querySelector("[name=viewport]").setAttribute("content", "width=device-width, initial-scale=1, maximum-scale=1");
-    }), $(L, (n) => {
-      M("update:modelValue", n);
-    }), $(() => l.value, (n) => {
+    }), Q(L, (a) => {
+      M("update:modelValue", a);
+    }), Q(() => n.value, (a) => {
       I();
-    }), (n, h) => (m(), Z("div", {
+    }), (a, g) => (m(), u("div", {
       ref_key: "wrapper",
-      ref: a,
+      ref: l,
       class: "r-dropdown-wrapper"
     }, [
       K(_5, {
@@ -8996,10 +8996,10 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
         type: "dropdown",
         onHide: k
       }, {
-        default: f1(({ activators: b, updatePosition: E }) => [
+        default: f1(({ activators: b, updatePosition: x }) => [
           S("div", {
             ref_key: "dropdown",
-            ref: o,
+            ref: Z,
             class: c(["r-dropdown", {
               "r-dropdown--disabled": C.disabled,
               "r-dropdown--loading": C.loading,
@@ -9008,31 +9008,31 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
               group: e.value !== "" || L.value.length
             }]),
             role: "select",
-            onClick: (s) => u(s, b.click)
+            onClick: (s) => r(s, b.click, x)
           }, [
-            C.prependIcon || n.$slots.prepend ? (m(), Z("div", {
+            C.prependIcon || a.$slots.prepend ? (m(), u("div", {
               key: 0,
               class: c(["r-dropdown__prepend-icon", {
                 "r-dropdown__prepend-icon--active": i.value,
                 "r-dropdown__prepend-icon--error": C.errorMsg
               }])
             }, [
-              O(n.$slots, "prepend", {
+              O(a.$slots, "prepend", {
                 active: i.value,
                 disabled: C.disabled,
                 error: C.errorMsg.length,
                 loading: C.loading
               }, () => [
-                C.prependIcon ? (m(), _(D, {
+                C.prependIcon ? (m(), _(E, {
                   key: 0,
                   name: C.prependIcon
-                }, null, 8, ["name"])) : f("", !0)
+                }, null, 8, ["name"])) : h("", !0)
               ])
-            ], 2)) : f("", !0),
+            ], 2)) : h("", !0),
             S("div", N5, [
-              (m(!0), Z(i1, null, l1(L.value, (s, x) => O(n.$slots, "selection", {
-                key: x,
-                index: x,
+              (m(!0), u(i1, null, l1(L.value, (s, D) => O(a.$slots, "selection", {
+                key: D,
+                index: D,
                 option: s,
                 removeOption: P
               }, () => [
@@ -9043,98 +9043,98 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
                   label: s.label,
                   "no-wrap": "",
                   variant: "primary",
-                  "onClick:close": (U) => P(U, s, E)
-                }, null, 8, ["clearable", "label", "onClick:close"])) : (m(), Z("p", I5, w(`${s.label}, `), 1))
+                  "onClick:close": (U) => P(U, s, x)
+                }, null, 8, ["clearable", "label", "onClick:close"])) : (m(), u("p", I5, w(`${s.label}, `), 1))
               ])), 128)),
               Y1(S("input", {
                 id: C.id,
                 ref_key: "input",
-                ref: r,
-                "onUpdate:modelValue": h[0] || (h[0] = (s) => e.value = s),
+                ref: o,
+                "onUpdate:modelValue": g[0] || (g[0] = (s) => e.value = s),
                 autocomplete: C.autocomplete,
                 class: c(["r-dropdown__input", {
                   "r-dropdown__input--loading": C.loading
                 }]),
                 disabled: C.disabled,
                 placeholder: C.placeholder,
-                readonly: Q.value,
+                readonly: G.value,
                 role: "presentation",
                 type: "text",
-                onInput: o1((s) => p(E), ["prevent"]),
+                onInput: o1((s) => p(x), ["prevent"]),
                 onKeydown: [
-                  N1((s) => P(s, L.value[L.value.length - 1], E), ["backspace"]),
-                  N1((s) => v(s, E), ["enter"])
+                  N1((s) => P(s, L.value[L.value.length - 1], x), ["backspace"]),
+                  N1((s) => v(s, x), ["enter"])
                 ]
               }, null, 42, Q5), [
                 [c2, e.value]
               ])
             ]),
-            C.clearable ? (m(), Z("div", {
+            C.clearable ? (m(), u("div", {
               key: 1,
               class: "r-dropdown__clearable",
               "data-has-value": (e.value !== "" || L.value.length) && i.value,
-              onClick: (s) => N(s, E)
+              onClick: (s) => N(s, x)
             }, [
-              O(n.$slots, "clearable", {}, () => [
-                K(D, {
+              O(a.$slots, "clearable", {}, () => [
+                K(E, {
                   name: "mdiCloseCircle",
                   size: "18"
                 })
               ])
-            ], 8, G5)) : f("", !0),
-            C.appendIcon || n.$slots.append ? (m(), Z("div", {
+            ], 8, G5)) : h("", !0),
+            C.appendIcon || a.$slots.append ? (m(), u("div", {
               key: 2,
               class: c(["r-dropdown__append-icon", {
                 "r-dropdown__append-icon--active": i.value,
                 "r-dropdown__append-icon--error": C.errorMsg
               }])
             }, [
-              O(n.$slots, "append", {
+              O(a.$slots, "append", {
                 active: i.value,
                 disabled: C.disabled,
                 error: C.errorMsg.length,
                 loading: C.loading
               }, () => [
-                C.appendIcon ? (m(), _(D, {
+                C.appendIcon ? (m(), _(E, {
                   key: 0,
                   name: C.appendIcon
-                }, null, 8, ["name"])) : f("", !0)
+                }, null, 8, ["name"])) : h("", !0)
               ])
-            ], 2)) : f("", !0)
+            ], 2)) : h("", !0)
           ], 10, W5)
         ]),
-        content: f1(({ hide: b, updatePosition: E }) => [
+        content: f1(({ hide: b, updatePosition: x }) => [
           S("ul", {
             class: c(["r-dropdown-options", {
               "r-dropdown-options--active": i.value,
               [C.optionsClass]: C.optionsClass
             }])
           }, [
-            (m(!0), Z(i1, null, l1(R.value, (s) => (m(), Z("li", {
+            (m(!0), u(i1, null, l1(R.value, (s) => (m(), u("li", {
               key: s.value,
               "aria-disabled": s.disabled,
               class: c(["r-dropdown-options__option", {
                 "r-dropdown-options__option--active": T(s),
                 "r-dropdown-options__option--disabled": s.disabled
               }]),
-              onClick: o1((x) => B(x, s, b, E), ["prevent"])
+              onClick: o1((D) => B(D, s, b, x), ["prevent"])
             }, [
-              O(n.$slots, "option", {
+              O(a.$slots, "option", {
                 disabled: s.disabled,
                 isSelected: T(s)
               }, () => [
                 S("div", U5, [
-                  O(n.$slots, "option-prepend", {
+                  O(a.$slots, "option-prepend", {
                     disabled: s.disabled,
                     isSelected: T(s)
                   }, () => [
-                    s.prependIcon ? (m(), _(D, {
+                    s.prependIcon ? (m(), _(E, {
                       key: 0,
                       class: c(["r-dropdown-options__option__prepend-icon", {
                         "r-dropdown-options__option__prepend-icon--active": T(s)
                       }]),
                       name: s.prependIcon
-                    }, null, 8, ["class", "name"])) : f("", !0)
+                    }, null, 8, ["class", "name"])) : h("", !0)
                   ]),
                   S("p", {
                     class: c(["r-dropdown-options__option__label", {
@@ -9142,32 +9142,32 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
                     }])
                   }, w(s.label), 3)
                 ]),
-                O(n.$slots, "option-append", {
+                O(a.$slots, "option-append", {
                   disabled: s.disabled,
                   isSelected: T(s)
                 }, () => [
-                  T(s) && !C.hideOptionCheckIcon ? (m(), _(D, {
+                  T(s) && !C.hideOptionCheckIcon ? (m(), _(E, {
                     key: 0,
                     class: c(["r-dropdown-options__option__append-icon", {
                       "r-dropdown-options__option__append-icon--active": T(s)
                     }]),
                     name: "mdiCheck"
-                  }, null, 8, ["class"])) : f("", !0)
+                  }, null, 8, ["class"])) : h("", !0)
                 ])
               ])
             ], 10, $5))), 128)),
-            R.value.length === 0 ? (m(), Z("li", z5, [
-              O(n.$slots, "not-options", {}, () => [
+            R.value.length === 0 ? (m(), u("li", z5, [
+              O(a.$slots, "not-options", {}, () => [
                 Z1(w(C.multiple ? "No options hit to enter for create" : C.noOptionsText), 1)
               ])
-            ])) : f("", !0)
+            ])) : h("", !0)
           ], 2)
         ]),
         _: 3
       }, 8, ["tooltip-class"]),
-      n.$props.hideDetails ? f("", !0) : (m(), Z("div", K5, [
-        C.errorMsg ? (m(), Z("div", q5, w(C.errorMsg), 1)) : f("", !0),
-        C.hint ? (m(), Z("div", j5, w(C.hint), 1)) : f("", !0)
+      a.$props.hideDetails ? h("", !0) : (m(), u("div", K5, [
+        C.errorMsg ? (m(), u("div", q5, w(C.errorMsg), 1)) : h("", !0),
+        C.hint ? (m(), u("div", j5, w(C.hint), 1)) : h("", !0)
       ]))
     ], 512));
   }
@@ -9180,7 +9180,7 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
   },
   setup(H) {
     const V = H;
-    return (C, M) => (m(), Z("label", {
+    return (C, M) => (m(), u("label", {
       id: V.id,
       class: "r-label",
       for: V.for
@@ -9217,11 +9217,11 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, M = V, A = g(() => ({
+    const C = H, M = V, A = f(() => ({
       "r-dialog": !0,
       "r-dialog--block": C.block,
       [`${C.class}`]: !0
-    })), L = g(() => ({
+    })), L = f(() => ({
       width: C.width,
       height: C.height
     }));
@@ -9232,7 +9232,7 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
       !C.modelValue && C.allowBodyScroll && (document.body.style.overflow = "auto");
     }), window.addEventListener("keydown", (e) => {
       e.key === "Escape" && C.modelValue && C.outsideClick && M("update:modelValue", !1);
-    }), (e, d) => Y1((m(), Z("div", {
+    }), (e, d) => Y1((m(), u("div", {
       class: c(["r-modal-overlay", e.overlayClass]),
       onClick: o1(i, ["stop"])
     }, [
@@ -9245,13 +9245,13 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
       }, [
         S("div", H3, [
           O(e.$slots, "header"),
-          C.icon ? (m(), Z("div", V3, [
-            K(D, {
+          C.icon ? (m(), u("div", V3, [
+            K(E, {
               name: C.icon
             }, null, 8, ["name"])
-          ])) : f("", !0),
-          C.title ? (m(), Z("div", L3, w(C.title), 1)) : f("", !0),
-          C.description ? (m(), Z("div", M3, w(C.description), 1)) : f("", !0)
+          ])) : h("", !0),
+          C.title ? (m(), u("div", L3, w(C.title), 1)) : h("", !0),
+          C.description ? (m(), u("div", M3, w(C.description), 1)) : h("", !0)
         ]),
         S("div", A3, [
           O(e.$slots, "default")
@@ -9276,7 +9276,7 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
     const C = H, M = V;
-    return (A, L) => (m(), Z("div", {
+    return (A, L) => (m(), u("div", {
       class: c(["r-sidebar__wrapper", [A.$props.wrapperClass]]),
       "data-open": C.modelValue
     }, [
@@ -9288,7 +9288,7 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
           open: C.modelValue
         })
       ], 10, d3),
-      C.showTrigger ? (m(), Z("div", {
+      C.showTrigger ? (m(), u("div", {
         key: 0,
         class: c(["r-sidebar__trigger", [C.triggerClass]]),
         "data-open": C.modelValue,
@@ -9299,7 +9299,7 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
         }, () => [
           Z1(" > ")
         ])
-      ], 10, t3)) : f("", !0)
+      ], 10, t3)) : h("", !0)
     ], 10, e3));
   }
 }), m3 = { class: "r-snackbar__text" }, m0 = /* @__PURE__ */ F({
@@ -9316,7 +9316,7 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
   emits: ["action", "update:modelValue"],
   setup(H, { emit: V }) {
     const C = H, M = V;
-    $(
+    Q(
       () => C.modelValue,
       () => {
         C.timeout > 0 && C.modelValue && setTimeout(() => {
@@ -9327,46 +9327,46 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
         immediate: !0
       }
     );
-    const A = g(() => ({
+    const A = f(() => ({
       "r-snackbar": !0,
       [`r-snackbar--${C.variant}`]: !0,
       [C.left ? "r-snackbar__left" : "r-snackbar__right"]: !0,
       [C.modelValue ? "r-snackbar--shown" : "r-snackbar--hidden"]: !0,
       [C.top ? "r-snackbar__top" : "r-snackbar__bottom"]: !0,
       "r-snackbar--closable": C.closable
-    })), L = g(() => ({
+    })), L = f(() => ({
       success: "mdiCheckCircle",
       error: "mdiAlertCircle",
       warning: "mdiAlert",
       info: "mdiInformation"
     })[C.variant || "info"]);
-    return (i, e) => (m(), Z("div", {
+    return (i, e) => (m(), u("div", {
       class: c(A.value)
     }, [
       O(i.$slots, "icon", {}, () => [
-        C.variant ? (m(), _(D, {
+        C.variant ? (m(), _(E, {
           key: 0,
           class: "r-snackbar__icon",
           name: L.value
-        }, null, 8, ["name"])) : f("", !0)
+        }, null, 8, ["name"])) : h("", !0)
       ]),
       S("div", m3, [
         O(i.$slots, "default", {}, () => [
           Z1(w(C.text), 1)
         ])
       ]),
-      C.closable ? (m(), Z("div", {
+      C.closable ? (m(), u("div", {
         key: 0,
         class: "r-snackbar__close",
         onClick: e[0] || (e[0] = o1((d) => i.$emit("update:modelValue", !1), ["stop"]))
       }, [
         O(i.$slots, "close", {}, () => [
-          K(D, {
+          K(E, {
             name: "mdiClose",
             size: 16
           })
         ])
-      ])) : f("", !0)
+      ])) : h("", !0)
     ], 2));
   }
 }), l3 = ["id", "checked", "disabled"], o3 = /* @__PURE__ */ S("span", { class: "slider round" }, null, -1), n3 = ["id", "for"], r3 = {
@@ -9395,7 +9395,7 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
   setup(H, { emit: V }) {
     const C = H, M = V, A = a1({
       checked: !1
-    }), L = g(() => ({
+    }), L = f(() => ({
       "r-switch": !0,
       "r-switch--disabled": C.disabled,
       [`r-switch--${C.size}`]: C.size,
@@ -9404,7 +9404,7 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
     function i(e) {
       C.disabled || (A.checked = e.target.checked, M("update:modelValue", A.checked));
     }
-    return $(
+    return Q(
       () => C.modelValue,
       (e) => {
         A.checked = e;
@@ -9414,7 +9414,7 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
         // TODO: find a better way to do this
         immediate: !0
       }
-    ), (e, d) => (m(), Z("div", {
+    ), (e, d) => (m(), u("div", {
       class: c(["r-switch-container", {
         "r-switch-container--reverse": C.reverse,
         "r-switch-container--hide-details": C.hideDetails
@@ -9443,8 +9443,8 @@ const D5 = ["aria-disabled"], E5 = ["innerHTML"], _5 = /* @__PURE__ */ F({
           class: "r-switch-texts__label",
           for: C.id
         }, w(C.label), 9, n3),
-        C.hideDetails ? f("", !0) : (m(), Z("div", r3, [
-          C.errorMsg ? (m(), Z("p", a3, w(C.errorMsg), 1)) : (m(), Z("p", Z3, w(C.hint), 1))
+        C.hideDetails ? h("", !0) : (m(), u("div", r3, [
+          C.errorMsg ? (m(), u("p", a3, w(C.errorMsg), 1)) : (m(), u("p", Z3, w(C.hint), 1))
         ]))
       ], 2)
     ], 2));
@@ -9465,55 +9465,55 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
     block: { type: Boolean, default: !1 },
     color: { default: "" }
   },
-  emits: ["update:modelValue", "click:icon"],
+  emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, M = V, A = g(() => ({
+    const C = H, M = V, A = f(() => ({
       "r-tab-item": !0,
       [`r-tab-item--${C.variant}`]: !0,
       "r-tab-item--tile": C.tile,
       "r-tab-item--block": C.block
-    })), L = g(() => ({
+    })), L = f(() => ({
       color: C.color
-    }));
-    function i(e) {
-      M("update:modelValue", e);
+    })), i = f(() => C.modelValue === C.id);
+    function e(d) {
+      M("update:modelValue", d);
     }
-    return (e, d) => (m(), Z("button", {
+    return (d, t) => (m(), u("button", {
       "aria-disabled": C.disabled,
-      "aria-selected": C.modelValue === C.id,
+      "aria-selected": i.value,
       class: c(A.value),
       disabled: C.disabled,
       style: x1(L.value),
-      onClick: d[0] || (d[0] = o1((t) => i(C.id), ["stop"]))
+      onClick: t[0] || (t[0] = o1((n) => e(C.id), ["stop"]))
     }, [
-      O(e.$slots, "prepend", {
-        active: C.modelValue === C.id,
+      O(d.$slots, "prepend", {
+        active: i.value,
         disabled: C.disabled
       }, () => [
-        C.variant !== V1(m1).TEXT && C.prependIcon ? (m(), _(D, {
+        C.variant !== V1(m1).TEXT && C.prependIcon ? (m(), _(E, {
           key: 0,
           class: "r-tab-item__prepend-icon",
           name: C.prependIcon,
           size: 16
-        }, null, 8, ["name"])) : f("", !0)
+        }, null, 8, ["name"])) : h("", !0)
       ]),
-      C.variant !== V1(m1).ICON ? (m(), Z("span", S3, [
-        O(e.$slots, "default", {
+      C.variant !== V1(m1).ICON ? (m(), u("span", S3, [
+        O(d.$slots, "default", {
           label: C.label
         }, () => [
           Z1(w(C.label), 1)
         ])
-      ])) : f("", !0),
-      O(e.$slots, "append", {
-        active: C.modelValue === C.id,
+      ])) : h("", !0),
+      O(d.$slots, "append", {
+        active: i.value,
         disabled: C.disabled
       }, () => [
-        C.variant !== V1(m1).TEXT && C.appendIcon ? (m(), _(D, {
+        C.variant !== V1(m1).TEXT && C.appendIcon ? (m(), _(E, {
           key: 0,
           class: "r-tab-item__append-icon",
           name: C.appendIcon,
           size: 16
-        }, null, 8, ["name"])) : f("", !0)
+        }, null, 8, ["name"])) : h("", !0)
       ])
     ], 14, u3));
   }
@@ -9528,16 +9528,24 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, M = V, A = W(C.modelValue || C.tabs[0].id), L = g(() => ({
+    const C = H, M = V, A = W(C.modelValue || C.tabs[0].id), L = f(() => ({
       "r-tabs": !0,
       "r-tabs--tile": C.tile
     }));
-    return $(
+    return Q(
       () => A.value,
       () => {
         M("update:modelValue", A.value);
       }
-    ), (i, e) => (m(), Z("div", {
+    ), Q(
+      () => C.modelValue,
+      () => {
+        A.value = C.modelValue;
+      },
+      {
+        immediate: !0
+      }
+    ), (i, e) => (m(), u("div", {
       class: c(L.value)
     }, [
       S("div", {
@@ -9548,11 +9556,11 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
         }]])
       }, [
         O(i.$slots, "default", { activeTab: A.value }, () => [
-          (m(!0), Z(i1, null, l1(C.tabs, (d, t) => (m(), _(s3, {
+          (m(!0), u(i1, null, l1(C.tabs, (d, t) => (m(), _(s3, {
             id: d.id,
             key: t,
             modelValue: A.value,
-            "onUpdate:modelValue": e[0] || (e[0] = (l) => A.value = l),
+            "onUpdate:modelValue": e[0] || (e[0] = (n) => A.value = n),
             active: t === A.value,
             "append-icon": d.appendIcon,
             block: i.block,
@@ -9595,7 +9603,7 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
     function L(i) {
       M("update:modelValue", i.target.value);
     }
-    return $(
+    return Q(
       () => C.modelValue,
       (i) => {
         A.value = i;
@@ -9603,14 +9611,14 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
       {
         immediate: !0
       }
-    ), (i, e) => (m(), Z("div", c3, [
+    ), (i, e) => (m(), u("div", c3, [
       C.label ? (m(), _(r2, {
         key: 0,
         id: `${C.id}-label`,
         class: "r-textarea__label",
         for: "textarea",
         text: C.label
-      }, null, 8, ["id", "text"])) : f("", !0),
+      }, null, 8, ["id", "text"])) : h("", !0),
       S("textarea", j1(i.$attrs, {
         id: C.id,
         class: ["r-textarea", {
@@ -9622,8 +9630,8 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
         value: A.value,
         onInput: L
       }), null, 16, O3),
-      C.hideDetails ? f("", !0) : (m(), Z("div", p3, [
-        C.errorMsg ? (m(), Z("p", f3, w(C.errorMsg), 1)) : (m(), Z("p", h3, w(C.hint), 1))
+      C.hideDetails ? h("", !0) : (m(), u("div", p3, [
+        C.errorMsg ? (m(), u("p", f3, w(C.errorMsg), 1)) : (m(), u("p", h3, w(C.hint), 1))
       ]))
     ]));
   }
@@ -9675,34 +9683,34 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
       url: "mdiLink",
       number: "mdiNumeric",
       text: ""
-    }, d = W(!1), t = g(() => !!L.value), l = g(() => L.value.length > 0), o = g(() => {
+    }, d = W(!1), t = f(() => !!L.value), n = f(() => L.value.length > 0), Z = f(() => {
       var p;
       return (p = C.errorMsg) == null ? void 0 : p.length;
-    }), r = g(() => C.clearable && l.value), a = g(() => {
+    }), o = f(() => C.clearable && n.value), l = f(() => {
       const { disabled: p, loading: N } = C;
       return {
         "r-textfield": !0,
-        "r-textfield--error": o.value,
+        "r-textfield--error": Z.value,
         "r-textfield--loading": N,
         "r-textfield--disabled": p,
-        "r-textfield--clearable": r.value,
+        "r-textfield--clearable": o.value,
         "r-textfield--focus": d.value,
         "r-textfield--filled": t.value
       };
-    }), u = g(() => ({
+    }), r = f(() => ({
       "r-textfield__prepend-icon": !0,
       "r-textfield__prepend-icon--loading": C.loading,
-      "r-textfield__prepend-icon--error": o.value && t.value
-    })), k = g(() => ({
+      "r-textfield__prepend-icon--error": Z.value && t.value
+    })), k = f(() => ({
       "r-textfield__append-icon": !0,
-      "r-textfield__append-icon--clear": r.value,
-      "r-textfield__append-icon--error": o.value
-    })), B = g(() => {
+      "r-textfield__append-icon--clear": o.value,
+      "r-textfield__append-icon--error": Z.value
+    })), B = f(() => {
       const { prependIcon: p, type: N } = C;
       return p === "none" ? "" : p || e[N];
-    }), y = g(() => {
+    }), y = f(() => {
       const { appendIcon: p, type: N } = C;
-      return p === "none" ? "" : o.value ? "mdiAlertCircleOutline" : r.value && ["text", "email"].includes(N) ? "mdiClose" : N === "password" && i.value === "password" ? "mdiEyeOutline" : N === "password" && i.value === "text" ? "mdiEyeOffOutline" : p;
+      return p === "none" ? "" : Z.value ? "mdiAlertCircleOutline" : o.value && ["text", "email"].includes(N) ? "mdiClose" : N === "password" && i.value === "password" ? "mdiEyeOutline" : N === "password" && i.value === "text" ? "mdiEyeOffOutline" : p;
     });
     function P(p) {
       d.value = !0, M("focus", p);
@@ -9715,7 +9723,7 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
     }
     function R() {
       var p;
-      if (r.value) {
+      if (o.value) {
         L.value = "", (p = A.value) == null || p.focus(), M("click:clear", {
           value: i.value === "number" ? +L.value : L.value
         });
@@ -9723,16 +9731,16 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
       }
       M("click:icon", {
         value: i.value === "number" ? +L.value : L.value
-      }), C.type === "password" && Q();
+      }), C.type === "password" && G();
     }
-    function Q() {
+    function G() {
       i.value = i.value === "password" ? "text" : "password";
     }
     function I() {
       var p;
       (p = A.value) == null || p.focus();
     }
-    return $(
+    return Q(
       () => C.modelValue,
       (p) => {
         L.value = p;
@@ -9740,7 +9748,7 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
       {
         immediate: !0
       }
-    ), $(
+    ), Q(
       () => L.value,
       (p) => {
         M(
@@ -9748,7 +9756,7 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
           i.value === "number" ? +p : p
         );
       }
-    ), (p, N) => (m(), Z("div", g3, [
+    ), (p, N) => (m(), u("div", g3, [
       C.label ? (m(), _(r2, {
         key: 0,
         id: `${C.id}-label`,
@@ -9756,22 +9764,22 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
         for: C.id,
         text: C.label,
         onClick: I
-      }, null, 8, ["id", "for", "text"])) : f("", !0),
+      }, null, 8, ["id", "for", "text"])) : h("", !0),
       S("div", k3, [
         S("div", {
-          class: c(a.value)
+          class: c(l.value)
         }, [
           O(p.$slots, "prepend", {
             disabled: C.disabled,
-            error: o.value,
+            error: Z.value,
             loading: C.loading
           }, () => [
-            B.value ? (m(), _(D, {
+            B.value ? (m(), _(E, {
               key: 0,
-              class: c(u.value),
+              class: c(r.value),
               name: B.value,
               size: 20
-            }, null, 8, ["class", "name"])) : f("", !0)
+            }, null, 8, ["class", "name"])) : h("", !0)
           ]),
           S("input", {
             id: C.id,
@@ -9791,21 +9799,21 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
           }, null, 40, B3),
           O(p.$slots, "append", {
             disabled: C.disabled,
-            error: o.value,
+            error: Z.value,
             loading: C.loading
           }, () => [
-            y.value && !p.$slots.append || o.value ? (m(), _(D, {
+            y.value && !p.$slots.append || Z.value ? (m(), _(E, {
               key: 0,
               class: c(k.value),
               name: `${y.value}`,
               size: 20,
               onClick: R
-            }, null, 8, ["class", "name"])) : f("", !0)
+            }, null, 8, ["class", "name"])) : h("", !0)
           ])
         ], 2),
-        C.hideDetails ? f("", !0) : (m(), Z("div", b3, [
-          C.errorMsg ? (m(), Z("p", w3, w(C.errorMsg), 1)) : f("", !0),
-          !C.errorMsg && C.hint ? (m(), Z("p", y3, w(C.hint), 1)) : f("", !0)
+        C.hideDetails ? h("", !0) : (m(), u("div", b3, [
+          C.errorMsg ? (m(), u("p", w3, w(C.errorMsg), 1)) : h("", !0),
+          !C.errorMsg && C.hint ? (m(), u("p", y3, w(C.hint), 1)) : h("", !0)
         ]))
       ])
     ]));
@@ -9823,8 +9831,8 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
     const V = H;
     return (C, M) => {
       const A = f2("router-link");
-      return m(), Z("div", P3, [
-        (m(!0), Z(i1, null, l1(V.items, (L, i) => (m(), Z("div", {
+      return m(), u("div", P3, [
+        (m(!0), u(i1, null, l1(V.items, (L, i) => (m(), u("div", {
           key: i,
           class: "r-breadcrumb__item"
         }, [
@@ -9834,21 +9842,21 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
           }, {
             default: f1(() => [
               O(C.$slots, "item-icon", {}, () => [
-                L.icon ? (m(), _(D, {
+                L.icon ? (m(), _(E, {
                   key: 0,
                   name: L.icon
-                }, null, 8, ["name"])) : f("", !0)
+                }, null, 8, ["name"])) : h("", !0)
               ]),
-              L.onlyIcon ? f("", !0) : (m(), Z("span", v3, w(L.title), 1))
+              L.onlyIcon ? h("", !0) : (m(), u("span", v3, w(L.title), 1))
             ]),
             _: 2
           }, 1032, ["to"]),
           O(C.$slots, "custom-seperator", {}, () => [
-            i !== C.items.length - 1 && V.seperator ? (m(), _(D, {
+            i !== C.items.length - 1 && V.seperator ? (m(), _(E, {
               key: 0,
               class: "r-breadcrumb__separator",
               name: V.seperator
-            }, null, 8, ["name"])) : f("", !0)
+            }, null, 8, ["name"])) : h("", !0)
           ])
         ]))), 128))
       ]);
@@ -9897,20 +9905,23 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
   },
   emits: ["update:page", "update:perPage", "update:info"],
   setup(H, { emit: V }) {
-    const C = H, M = V, A = W(C.perPage || 10), L = g(() => Math.ceil(C.totalItems / C.perPage)), i = g(() => ({
+    const C = H, M = V, A = W(C.perPage || 10), L = f(() => Math.ceil(C.totalItems / C.perPage)), i = f(() => ({
       start: C.page * C.perPage - C.perPage,
       end: C.page * C.perPage
-    }));
-    $(() => i.value, () => {
+    })), e = f(() => C.infoText || `${i.value.start + 1}-${i.value.end} of ${C.totalItems}`), d = f(() => +C.page == +L.value), t = f(() => +C.page == 1);
+    Q(() => i.value, () => {
       M("update:info", i.value);
+    }), Q(() => C.perPage, () => {
+      A.value = C.perPage, n(1);
     });
-    function e(t) {
-      t < 1 || t > L.value || M("update:page", t);
+    function n(o) {
+      const l = Math.ceil(o);
+      l < 1 || l > L.value || M("update:page", l);
     }
-    function d({ value: t }) {
-      M("update:perPage", t);
+    function Z({ value: o }) {
+      M("update:perPage", o);
     }
-    return (t, l) => (m(), Z("div", {
+    return (o, l) => (m(), u("div", {
       class: c(["r-pagination", [`r-pagination--${C.position}`]])
     }, [
       S("div", T3, [
@@ -9919,8 +9930,8 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
           K(X5, {
             modelValue: A.value,
             "onUpdate:modelValue": [
-              l[0] || (l[0] = (o) => A.value = o),
-              d
+              l[0] || (l[0] = (r) => A.value = r),
+              Z
             ],
             class: "w-24",
             "hide-details": "",
@@ -9928,15 +9939,15 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
             options: C.perPageOptions
           }, null, 8, ["modelValue", "options"])
         ]),
-        S("span", R3, w(C.infoText), 1),
+        S("span", R3, w(e.value), 1),
         S("button", {
           class: "r-pagination__paginator__first",
-          disabled: C.page === 1,
-          onClick: l[1] || (l[1] = (o) => e(1))
+          disabled: t.value,
+          onClick: l[1] || (l[1] = (r) => n(1))
         }, [
-          O(t.$slots, "first", {}, () => [
-            (m(), Z("svg", {
-              class: c(["icon icon-tabler icon-tabler-chevron-left-pipe", { "stroke-gray-400": C.page === 1 }]),
+          O(o.$slots, "first", {}, () => [
+            (m(), u("svg", {
+              class: c(["icon icon-tabler icon-tabler-chevron-left-pipe", { "stroke-gray-400": t.value }]),
               fill: "none",
               height: "20",
               stroke: "#000000",
@@ -9951,12 +9962,12 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
         ], 8, x3),
         S("button", {
           class: "r-pagination__paginator__prev",
-          disabled: C.page === 1,
-          onClick: l[2] || (l[2] = (o) => e(+C.page - 1))
+          disabled: t.value,
+          onClick: l[2] || (l[2] = (r) => n(+C.page - 1))
         }, [
-          O(t.$slots, "prev", {}, () => [
-            (m(), Z("svg", {
-              class: c(["icon icon-tabler icon-tabler-chevron-left", { "stroke-gray-400": C.page === 1 }]),
+          O(o.$slots, "prev", {}, () => [
+            (m(), u("svg", {
+              class: c(["icon icon-tabler icon-tabler-chevron-left", { "stroke-gray-400": t.value }]),
               fill: "none",
               height: "20",
               stroke: "#000000",
@@ -9971,12 +9982,12 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
         ], 8, N3),
         S("button", {
           class: "r-pagination__paginator__next",
-          disabled: C.page === L.value,
-          onClick: l[3] || (l[3] = (o) => e(+C.page + 1))
+          disabled: d.value,
+          onClick: l[3] || (l[3] = (r) => n(+C.page + 1))
         }, [
-          O(t.$slots, "next", {}, () => [
-            (m(), Z("svg", {
-              class: c(["icon icon-tabler icon-tabler-chevron-right", { "stroke-gray-400": C.page === L.value }]),
+          O(o.$slots, "next", {}, () => [
+            (m(), u("svg", {
+              class: c(["icon icon-tabler icon-tabler-chevron-right", { "stroke-gray-400": d.value }]),
               fill: "none",
               height: "20",
               stroke: "#000000",
@@ -9992,11 +10003,11 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
         S("button", {
           class: "r-pagination__paginator__last",
           disabled: C.page === L.value,
-          onClick: l[4] || (l[4] = (o) => e(C.totalItems / C.perPage))
+          onClick: l[4] || (l[4] = (r) => n(L.value))
         }, [
-          O(t.$slots, "last", {}, () => [
-            (m(), Z("svg", {
-              class: c(["icon icon-tabler icon-tabler-chevron-right-pipe", { "stroke-gray-400": C.page === L.value }]),
+          O(o.$slots, "last", {}, () => [
+            (m(), u("svg", {
+              class: c(["icon icon-tabler icon-tabler-chevron-right-pipe", { "stroke-gray-400": d.value }]),
               fill: "none",
               height: "20",
               stroke: "#000000",
@@ -10020,7 +10031,7 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
   },
   setup(H) {
     const V = H;
-    return (C, M) => (m(), Z("progress", {
+    return (C, M) => (m(), u("progress", {
       "aria-valuemax": 100,
       class: "r-progressbar",
       max: 100,
@@ -10042,24 +10053,24 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, M = V, A = W(C.as ?? "div"), L = W(C.modelValue), i = g(() => C.selectedClass);
+    const C = H, M = V, A = W(C.as ?? "div"), L = W(C.modelValue), i = f(() => C.selectedClass);
     s1(`${O1}:selectedClass`, i.value);
-    function e(l) {
-      return L.value.includes(l);
+    function e(n) {
+      return L.value.includes(n);
     }
     s1(`${O1}:isSelected`, e);
-    function d(l, o) {
-      C.disabled || C.mandatory && L.value.length === 1 && !o || C.max && L.value.length === C.max && o || (C.multiple ? o ? L.value.push(l) : L.value = L.value.filter((r) => r !== l) : L.value = l ? [l] : [], M("update:modelValue", L.value));
+    function d(n, Z) {
+      C.disabled || C.mandatory && L.value.length === 1 && !Z || C.max && L.value.length === C.max && Z || (C.multiple ? Z ? L.value.push(n) : L.value = L.value.filter((o) => o !== n) : L.value = n ? [n] : [], M("update:modelValue", L.value));
     }
     s1(`${O1}:select`, d);
     function t() {
       return C.disabled;
     }
-    return s1(`${O1}:isDisabled`, t), $(() => C.modelValue, () => {
+    return s1(`${O1}:isDisabled`, t), Q(() => C.modelValue, () => {
       L.value = C.modelValue;
-    }), (l, o) => (m(), _(h2(A.value), null, {
+    }), (n, Z) => (m(), _(h2(A.value), null, {
       default: f1(() => [
-        O(l.$slots, "default", {
+        O(n.$slots, "default", {
           isSelected: e,
           select: d,
           selected: L.value
@@ -10075,14 +10086,14 @@ const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = { key: 0 }, s3 =
     selectedClass: { default: "" }
   },
   setup(H) {
-    const V = H, C = c1(`${p1}:isSelected`), M = c1(`${p1}:selectedClass`, ""), A = c1(`${p1}:select`), L = c1(`${p1}:isDisabled`), i = g(() => C(V.value) && [M, V.selectedClass]);
+    const V = H, C = c1(`${p1}:isSelected`), M = c1(`${p1}:selectedClass`, ""), A = c1(`${p1}:select`), L = c1(`${p1}:isDisabled`), i = f(() => C(V.value) && [M, V.selectedClass]);
     function e() {
       V.disabled || A(V.value, !C(V.value));
     }
     function d() {
       V.disabled || A(V.value, !0);
     }
-    return (t, l) => O(t.$slots, "default", {
+    return (t, n) => O(t.$slots, "default", {
       disabled: V1(L)(V.value),
       isSelected: V1(C)(V.value),
       select: d,
@@ -10101,7 +10112,7 @@ export {
   e0 as RCheckbox,
   X2 as RChip,
   X5 as RDropdown,
-  D as RIcon,
+  E as RIcon,
   s0 as RItem,
   S0 as RItemGroup,
   r2 as RLabel,