@rocketui/vue 0.2.25 → 0.2.27

package/dist/rocket-ui-vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as T, openBlock as m, createElementBlock as Z, createElementVNode as S, unref as V1, reactive as Z1, Fragment as i1, renderList as o1, normalizeClass as c, renderSlot as f, toDisplayString as w, createVNode as K, computed as g, createCommentVNode as p, mergeProps as j1, createBlock as E, watch as $, getCurrentScope as Z2, onScopeDispose as u2, ref as W, watchEffect as S2, onMounted as X1, Teleport as s2, withCtx as n1, withDirectives as Y1, withModifiers as e1, withKeys as N1, vModelText as c2, createTextVNode as R1, onUnmounted as O2, normalizeStyle as x1, vShow as p2, Transition as f2, resolveComponent as h2, provide as s1, resolveDynamicComponent as g2, inject as c1 } from "vue";
-const k2 = {
+import { defineComponent as T, 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 E, 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";
+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",
   mdiAbjadArabic: "M12 4C10.08 4 8.5 5.58 8.5 7.5C8.5 8.43 8.88 9.28 9.5 9.91C7.97 10.91 7 12.62 7 14.5C7 17.53 9.47 20 12.5 20C14.26 20 16 19.54 17.5 18.66L16.5 16.93C15.28 17.63 13.9 18 12.5 18C10.56 18 9 16.45 9 14.5C9 12.91 10.06 11.53 11.59 11.12L16.8 9.72L16.28 7.79L11.83 9C11.08 8.9 10.5 8.28 10.5 7.5C10.5 6.66 11.16 6 12 6C12.26 6 12.5 6.07 12.75 6.2L13.75 4.47C13.22 4.16 12.61 4 12 4Z",
@@ -7296,7 +7296,7 @@ const k2 = {
   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"
-}, B2 = ["height", "viewBox", "width"], b2 = ["d"], D = /* @__PURE__ */ T({
+}, k2 = ["height", "viewBox", "width"], B2 = ["d"], D = /* @__PURE__ */ T({
   __name: "RIcon",
   props: {
     name: { default: "" },
@@ -7312,17 +7312,17 @@ const k2 = {
       width: V.size
     }, [
       S("path", {
-        d: V1(k2)[V.name]
-      }, null, 8, b2)
-    ], 8, B2));
+        d: V1(g2)[V.name]
+      }, null, 8, B2)
+    ], 8, k2));
   }
-}), w2 = ["data-state"], y2 = ["onClick"], P2 = { class: "r-accordion__title" }, v2 = { class: "r-accordion__icon" }, T2 = { class: "r-accordion__content" }, M0 = /* @__PURE__ */ T({
+}), b2 = ["data-state"], w2 = ["onClick"], y2 = { class: "r-accordion__title" }, P2 = { class: "r-accordion__icon" }, v2 = { class: "r-accordion__content" }, V0 = /* @__PURE__ */ T({
   __name: "RAccordion",
   props: {
     accordions: {}
   },
   setup(H) {
-    const V = H, C = Z1(
+    const V = H, C = a1(
       V.accordions.map(({ title: A, content: L }, i) => ({
         title: A,
         content: L,
@@ -7335,7 +7335,7 @@ const k2 = {
         C[i].open = i === A ? !C[i].open : !1;
       });
     }
-    return (A, L) => (m(!0), Z(i1, null, o1(C, (i, e) => (m(), Z("div", {
+    return (A, L) => (m(!0), Z(i1, null, l1(C, (i, e) => (m(), Z("div", {
       key: e,
       class: c(["r-accordion", {
         "r-accordion--disabled": i.disabled
@@ -7346,27 +7346,29 @@ const k2 = {
         class: "r-accordion__header",
         onClick: (d) => M(e)
       }, [
-        f(A.$slots, "title", {}, () => [
-          S("div", P2, w(i.title), 1)
+        O(A.$slots, "title", {}, () => [
+          S("div", y2, w(i.title), 1)
         ]),
-        S("div", v2, [
-          K(D, { name: "mdiChevronUp" })
+        S("div", P2, [
+          O(A.$slots, "icon", {}, () => [
+            K(D, { name: "mdiChevronUp" })
+          ])
         ])
-      ], 8, y2),
-      S("div", T2, [
-        f(A.$slots, "content", {}, () => [
+      ], 8, w2),
+      S("div", v2, [
+        O(A.$slots, "content", {}, () => [
           S("span", null, w(i.content), 1)
         ])
       ])
-    ], 10, w2))), 128));
+    ], 10, b2))), 128));
   }
-}), F2 = { class: "r-alert__icon" }, R2 = { class: "r-alert__content" }, x2 = { class: "r-alert__content__title" }, D2 = {
+}), T2 = { class: "r-alert__icon" }, F2 = { class: "r-alert__content" }, R2 = { class: "r-alert__content__title" }, x2 = {
   key: 0,
   class: "r-alert__content__description"
-}, _2 = {
+}, D2 = {
   key: 0,
   class: "r-alert__close"
-}, A0 = /* @__PURE__ */ T({
+}, L0 = /* @__PURE__ */ T({
   __name: "RAlert",
   props: {
     type: { default: "info" },
@@ -7395,22 +7397,25 @@ const k2 = {
     return (e, d) => (m(), Z("div", {
       class: c(A.value)
     }, [
-      S("div", F2, [
-        f(e.$slots, "alert-icon", {}, () => [
+      S("div", T2, [
+        O(e.$slots, "alert-icon", {}, () => [
           K(D, {
             name: L.value,
             size: 24
           }, null, 8, ["name"])
         ])
       ]),
-      S("div", R2, [
-        f(e.$slots, "content", {}, () => [
-          S("p", x2, w(C.title), 1),
-          C.description ? (m(), Z("p", D2, w(C.description), 1)) : p("", !0)
+      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.closable ? (m(), Z("div", _2, [
-        f(e.$slots, "custom-close", {}, () => [
+      C.closable ? (m(), Z("div", D2, [
+        O(e.$slots, "custom-close", {
+          close: i,
+          slotClass: "r-alert__close__button"
+        }, () => [
           K(D, {
             class: "r-alert__close__button",
             name: "mdiClose",
@@ -7418,10 +7423,10 @@ const k2 = {
             onClick: i
           })
         ])
-      ])) : p("", !0)
+      ])) : f("", !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" }, W2 = ["alt", "src"], i0 = /* @__PURE__ */ T({
+}), 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", _2 = { class: "r-avatar__wrapper" }, E2 = ["alt", "src"], M0 = /* @__PURE__ */ T({
   __name: "RAvatar",
   props: {
     type: { default: "image" },
@@ -7440,7 +7445,7 @@ const k2 = {
       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(), Z("div", _2, [
       S("div", {
         class: c(C.value)
       }, [
@@ -7455,17 +7460,17 @@ const k2 = {
             "r-avatar__image--anonymous": M.value
           }]),
           src: A.value
-        }, null, 10, W2))
+        }, null, 10, E2))
       ], 2),
       V.online ? (m(), Z("span", {
         key: 0,
         class: c(["r-avatar__online", {
           [`r-avatar__online--${V.size}`]: !0
         }])
-      }, null, 2)) : p("", !0)
+      }, null, 2)) : f("", !0)
     ]));
   }
-}), N2 = ["innerHTML"], e0 = /* @__PURE__ */ T({
+}), W2 = ["innerHTML"], A0 = /* @__PURE__ */ T({
   __name: "RBadge",
   props: {
     variant: { default: "primary" },
@@ -7500,11 +7505,11 @@ const k2 = {
       S("span", {
         class: c(C.value),
         innerHTML: V.content
-      }, null, 10, N2),
-      f(M.$slots, "default")
+      }, null, 10, W2),
+      O(M.$slots, "default")
     ], 2));
   }
-}), I2 = ["disabled"], d0 = /* @__PURE__ */ T({
+}), N2 = ["disabled"], i0 = /* @__PURE__ */ T({
   __name: "RButton",
   props: {
     variant: { default: "default" },
@@ -7541,7 +7546,7 @@ const k2 = {
       style: A.value,
       onClick: i[0] || (i[0] = (e) => L.$emit("click"))
     }), [
-      f(L.$slots, "prepend", {}, () => [
+      O(L.$slots, "prepend", {}, () => [
         V.prependIcon ? (m(), E(D, {
           key: 0,
           class: c(["r-button__prepend-icon", {
@@ -7549,29 +7554,29 @@ const k2 = {
           }]),
           name: V.prependIcon,
           size: M.value
-        }, null, 8, ["class", "name", "size"])) : p("", !0)
+        }, null, 8, ["class", "name", "size"])) : f("", !0)
       ]),
-      f(L.$slots, "default"),
-      f(L.$slots, "append", {}, () => [
+      O(L.$slots, "default"),
+      O(L.$slots, "append", {}, () => [
         !V.icon && V.appendIcon ? (m(), E(D, {
           key: 0,
           class: "r-button__append-icon",
           name: V.appendIcon,
           size: M.value
-        }, null, 8, ["name", "size"])) : p("", !0)
+        }, null, 8, ["name", "size"])) : f("", !0)
       ])
-    ], 16, I2));
+    ], 16, N2));
   }
-}), Q2 = { class: "r-checkbox-wrapper" }, G2 = { class: "r-checkbox-container" }, $2 = ["id", "checked", "disabled", "indeterminate"], U2 = ["data-disabled"], z2 = { class: "r-checkbox-texts" }, K2 = ["data-disabled", "for"], q2 = {
+}), I2 = { class: "r-checkbox-wrapper" }, Q2 = { class: "r-checkbox-container" }, G2 = ["id", "checked", "disabled", "indeterminate"], $2 = ["data-disabled"], U2 = { class: "r-checkbox-texts" }, z2 = ["data-disabled", "for"], K2 = {
   key: 0,
   class: "r-checkbox-texts__details"
-}, j2 = {
+}, q2 = {
   key: 0,
   class: "r-checkbox-texts__error"
-}, X2 = {
+}, j2 = {
   key: 1,
   class: "r-checkbox-texts__hint"
-}, t0 = /* @__PURE__ */ T({
+}, e0 = /* @__PURE__ */ T({
   __name: "RCheckbox",
   props: {
     id: { default: "" },
@@ -7585,7 +7590,7 @@ const k2 = {
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, M = V, A = Z1({
+    const C = H, M = V, A = a1({
       checked: !1,
       indeterminate: !1
     }), L = {
@@ -7622,8 +7627,8 @@ const k2 = {
         // TODO: find a better way to do this
         immediate: !0
       }
-    ), (t, l) => (m(), Z("div", Q2, [
-      S("div", G2, [
+    ), (t, l) => (m(), Z("div", I2, [
+      S("div", Q2, [
         S("input", {
           id: C.id,
           checked: A.checked,
@@ -7632,7 +7637,7 @@ const k2 = {
           indeterminate: A.indeterminate,
           type: "checkbox",
           onChange: d
-        }, null, 40, $2),
+        }, null, 40, G2),
         S("div", {
           class: c(e.value),
           "data-disabled": C.disabled
@@ -7641,21 +7646,21 @@ const k2 = {
             name: i.value,
             size: 24
           }, null, 8, ["name"])
-        ], 10, U2)
+        ], 10, $2)
       ]),
-      S("div", z2, [
+      S("div", U2, [
         S("label", {
           class: "r-checkbox-texts__label",
           "data-disabled": C.disabled,
           for: C.id
-        }, w(C.label), 9, K2),
-        C.hideDetails ? p("", !0) : (m(), Z("div", q2, [
-          C.errorMsg ? (m(), Z("p", j2, w(C.errorMsg), 1)) : (m(), Z("p", X2, w(C.hint), 1))
+        }, 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))
         ]))
       ])
     ]));
   }
-}), Y2 = /* @__PURE__ */ T({
+}), X2 = /* @__PURE__ */ T({
   __name: "RChip",
   props: {
     variant: { default: "primary" },
@@ -7690,20 +7695,20 @@ const k2 = {
         class: "r-chip__content",
         onClick: t[0] || (t[0] = (l) => L(l))
       }, [
-        f(d.$slots, "prepend", {}, () => [
+        O(d.$slots, "prepend", {}, () => [
           C.prependIcon ? (m(), E(D, {
             key: 0,
             "aria-disabled": C.disabled,
             class: "r-chip__content__prepend-icon",
             name: C.prependIcon,
             size: 12
-          }, null, 8, ["aria-disabled", "name"])) : p("", !0)
+          }, null, 8, ["aria-disabled", "name"])) : f("", !0)
         ]),
         S("span", {
           class: c(["r-chip__content__label", [C.noWrap && "whitespace-nowrap"]])
         }, w(C.label), 3)
       ]),
-      f(d.$slots, "append", {}, () => [
+      O(d.$slots, "append", {}, () => [
         e.value ? (m(), E(D, {
           key: 0,
           "aria-disabled": C.disabled,
@@ -7711,12 +7716,12 @@ const k2 = {
           name: e.value,
           size: 12,
           onClick: t[1] || (t[1] = (l) => i(l))
-        }, null, 8, ["aria-disabled", "name"])) : p("", !0)
+        }, null, 8, ["aria-disabled", "name"])) : f("", !0)
       ])
     ], 2));
   }
 });
-function J2(H) {
+function Y2(H) {
   return Z2() ? (u2(H), !0) : !1;
 }
 function J1(H) {
@@ -7724,31 +7729,31 @@ function J1(H) {
 }
 const C2 = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const C5 = Object.prototype.toString, H5 = (H) => C5.call(H) === "[object Object]", P1 = () => {
-}, V5 = /* @__PURE__ */ L5();
-function L5() {
+const J2 = Object.prototype.toString, C5 = (H) => J2.call(H) === "[object Object]", v1 = () => {
+}, H5 = /* @__PURE__ */ V5();
+function V5() {
   var H;
   return C2 && ((H = window == null ? void 0 : window.navigator) == null ? void 0 : H.userAgent) && /* @__PURE__ */ /iP(ad|hone|od)/.test(window.navigator.userAgent);
 }
-function m1(H) {
+function t1(H) {
   var V;
   const C = J1(H);
   return (V = C == null ? void 0 : C.$el) != null ? V : C;
 }
 const H2 = C2 ? window : void 0;
-function y1(...H) {
+function P1(...H) {
   let V, C, M, A;
   if (typeof H[0] == "string" || Array.isArray(H[0]) ? ([C, M, A] = H, V = H2) : [V, C, M, A] = H, !V)
-    return P1;
+    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 = $(
-    () => [m1(V), J1(A)],
+    () => [t1(V), J1(A)],
     ([l, o]) => {
       if (i(), !l)
         return;
-      const r = H5(o) ? { ...o } : o;
+      const r = C5(o) ? { ...o } : o;
       L.push(
         ...C.flatMap((a) => M.map((u) => e(l, a, u, r)))
       );
@@ -7757,25 +7762,25 @@ function y1(...H) {
   ), t = () => {
     d(), i();
   };
-  return J2(t), t;
+  return Y2(t), t;
 }
 let Q1 = !1;
-function M5(H, V, C = {}) {
+function L5(H, V, C = {}) {
   const { window: M = H2, ignore: A = [], capture: L = !0, detectIframe: i = !1 } = C;
   if (!M)
     return;
-  V5 && !Q1 && (Q1 = !0, Array.from(M.document.body.children).forEach((r) => r.addEventListener("click", P1)), M.document.documentElement.addEventListener("click", P1));
+  H5 && !Q1 && (Q1 = !0, Array.from(M.document.body.children).forEach((r) => r.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 u = m1(a);
+      const u = t1(a);
       return u && (r.target === u || r.composedPath().includes(u));
     }
   }), l = [
-    y1(M, "click", (r) => {
-      const a = m1(H);
+    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) {
           e = !0;
@@ -7784,36 +7789,36 @@ function M5(H, V, C = {}) {
         V(r);
       }
     }, { passive: !0, capture: L }),
-    y1(M, "pointerdown", (r) => {
-      const a = m1(H);
+    P1(M, "pointerdown", (r) => {
+      const a = t1(H);
       e = !d(r) && !!(a && !r.composedPath().includes(a));
     }, { passive: !0 }),
-    i && y1(M, "blur", (r) => {
+    i && P1(M, "blur", (r) => {
       setTimeout(() => {
         var a;
-        const u = m1(H);
+        const u = t1(H);
         ((a = M.document.activeElement) == null ? void 0 : a.tagName) === "IFRAME" && !(u != null && u.contains(M.document.activeElement)) && V(r);
       }, 0);
     })
   ].filter(Boolean);
   return () => l.forEach((r) => r());
 }
-const A5 = ["top", "right", "bottom", "left"], r1 = Math.min, M1 = Math.max, f1 = Math.round, J = (H) => ({
+const M5 = ["top", "right", "bottom", "left"], n1 = Math.min, M1 = Math.max, h1 = Math.round, J = (H) => ({
   x: H,
   y: H
-}), i5 = {
+}), A5 = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, e5 = {
+}, i5 = {
   start: "end",
   end: "start"
 };
-function v1(H, V, C) {
-  return M1(H, r1(V, C));
+function T1(H, V, C) {
+  return M1(H, n1(V, C));
 }
-function t1(H, V) {
+function d1(H, V) {
   return typeof H == "function" ? H(V) : H;
 }
 function L1(H) {
@@ -7828,26 +7833,26 @@ function V2(H) {
 function D1(H) {
   return H === "y" ? "height" : "width";
 }
-function B1(H) {
+function b1(H) {
   return ["top", "bottom"].includes(L1(H)) ? "y" : "x";
 }
 function _1(H) {
-  return V2(B1(H));
+  return V2(b1(H));
 }
-function d5(H, V, C) {
+function e5(H, V, C) {
   C === void 0 && (C = !1);
   const M = u1(H), A = _1(H), L = D1(A);
   let i = A === "x" ? M === (C ? "end" : "start") ? "right" : "left" : M === "start" ? "bottom" : "top";
-  return V.reference[L] > V.floating[L] && (i = h1(i)), [i, h1(i)];
+  return V.reference[L] > V.floating[L] && (i = g1(i)), [i, g1(i)];
 }
-function t5(H) {
-  const V = h1(H);
-  return [T1(H), V, T1(V)];
+function d5(H) {
+  const V = g1(H);
+  return [F1(H), V, F1(V)];
 }
-function T1(H) {
-  return H.replace(/start|end/g, (V) => e5[V]);
+function F1(H) {
+  return H.replace(/start|end/g, (V) => i5[V]);
 }
-function m5(H, V, C) {
+function t5(H, V, C) {
   const M = ["left", "right"], A = ["right", "left"], L = ["top", "bottom"], i = ["bottom", "top"];
   switch (H) {
     case "top":
@@ -7860,15 +7865,15 @@ function m5(H, V, C) {
       return [];
   }
 }
-function l5(H, V, C, M) {
+function m5(H, V, C, M) {
   const A = u1(H);
-  let L = m5(L1(H), C === "start", M);
-  return A && (L = L.map((i) => i + "-" + A), V && (L = L.concat(L.map(T1)))), L;
+  let L = t5(L1(H), C === "start", M);
+  return A && (L = L.map((i) => i + "-" + A), V && (L = L.concat(L.map(F1)))), L;
 }
-function h1(H) {
-  return H.replace(/left|right|bottom|top/g, (V) => i5[V]);
+function g1(H) {
+  return H.replace(/left|right|bottom|top/g, (V) => A5[V]);
 }
-function o5(H) {
+function l5(H) {
   return {
     top: 0,
     right: 0,
@@ -7878,14 +7883,14 @@ function o5(H) {
   };
 }
 function L2(H) {
-  return typeof H != "number" ? o5(H) : {
+  return typeof H != "number" ? l5(H) : {
     top: H,
     right: H,
     bottom: H,
     left: H
   };
 }
-function g1(H) {
+function k1(H) {
   return {
     ...H,
     top: H.y,
@@ -7899,7 +7904,7 @@ function G1(H, V, C) {
     reference: M,
     floating: A
   } = H;
-  const L = B1(V), i = _1(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;
+  const L = b1(V), i = _1(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;
   switch (d) {
     case "top":
@@ -7942,7 +7947,7 @@ function G1(H, V, C) {
   }
   return a;
 }
-const n5 = async (H, V, C) => {
+const o5 = async (H, V, C) => {
   const {
     placement: M = "bottom",
     strategy: A = "absolute",
@@ -8006,7 +8011,7 @@ const n5 = async (H, V, C) => {
     middlewareData: a
   };
 };
-async function k1(H, V) {
+async function B1(H, V) {
   var C;
   V === void 0 && (V = {});
   const {
@@ -8022,7 +8027,7 @@ async function k1(H, V) {
     elementContext: o = "floating",
     altBoundary: r = !1,
     padding: a = 0
-  } = t1(V, H), u = L2(a), B = e[r ? o === "floating" ? "reference" : "floating" : o], y = g1(await L.getClippingRect({
+  } = d1(V, H), u = L2(a), B = e[r ? o === "floating" ? "reference" : "floating" : o], 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,
@@ -8037,7 +8042,7 @@ async function k1(H, V) {
   } : {
     x: 1,
     y: 1
-  }, F = g1(L.convertOffsetParentRelativeRectToViewportRelativeRect ? await L.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, F = k1(L.convertOffsetParentRelativeRectToViewportRelativeRect ? await L.convertOffsetParentRelativeRectToViewportRelativeRect({
     rect: P,
     offsetParent: v,
     strategy: d
@@ -8049,7 +8054,7 @@ async function k1(H, V) {
     right: (F.right - y.right + u.right) / R.x
   };
 }
-const r5 = (H) => ({
+const n5 = (H) => ({
   name: "arrow",
   options: H,
   async fn(V) {
@@ -8064,7 +8069,7 @@ const r5 = (H) => ({
     } = V, {
       element: t,
       padding: l = 0
-    } = t1(H, V) || {};
+    } = d1(H, V) || {};
     if (t == null)
       return {};
     const o = L2(l), r = {
@@ -8073,7 +8078,7 @@ const r5 = (H) => ({
     }, a = _1(A), u = D1(a), k = await i.getDimensions(t), B = a === "y", y = B ? "top" : "left", P = B ? "bottom" : "right", v = B ? "clientHeight" : "clientWidth", R = L.reference[u] + L.reference[a] - r[a] - L.floating[u], F = 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 O = R / 2 - F / 2, N = I / 2 - k[u] / 2 - 1, n = r1(o[y], N), h = r1(o[P], N), b = n, _ = I - k[u] - h, s = I / 2 - k[u] / 2 + O, x = v1(b, s, _), 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 - _ : 0;
+    const p = R / 2 - F / 2, N = I / 2 - k[u] / 2 - 1, n = n1(o[y], N), h = n1(o[P], N), b = n, _ = I - k[u] - h, s = I / 2 - k[u] / 2 + p, x = T1(b, s, _), 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 - _ : 0;
     return {
       [a]: r[a] + j,
       data: {
@@ -8086,7 +8091,7 @@ const r5 = (H) => ({
       reset: U
     };
   }
-}), a5 = function(H) {
+}), r5 = function(H) {
   return H === void 0 && (H = {}), {
     name: "flip",
     options: H,
@@ -8107,18 +8112,18 @@ const r5 = (H) => ({
         fallbackAxisSideDirection: u = "none",
         flipAlignment: k = !0,
         ...B
-      } = t1(H, V);
+      } = 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)), R = r || (P || !k ? [h1(e)] : t5(e));
-      !r && u !== "none" && R.push(...l5(e, k, u, v));
-      const F = [e, ...R], Q = await k1(V, B), I = [];
-      let O = ((M = L.flip) == null ? void 0 : M.overflows) || [];
+      const y = L1(A), P = L1(e) === e, v = await (d.isRTL == null ? void 0 : d.isRTL(t.floating)), R = r || (P || !k ? [g1(e)] : d5(e));
+      !r && u !== "none" && R.push(...m5(e, k, u, v));
+      const F = [e, ...R], Q = await B1(V, B), I = [];
+      let p = ((M = L.flip) == null ? void 0 : M.overflows) || [];
       if (l && I.push(Q[y]), o) {
-        const b = d5(A, i, v);
+        const b = e5(A, i, v);
         I.push(Q[b[0]], Q[b[1]]);
       }
-      if (O = [...O, {
+      if (p = [...p, {
         placement: A,
         overflows: I
       }], !I.every((b) => b <= 0)) {
@@ -8128,18 +8133,18 @@ const r5 = (H) => ({
           return {
             data: {
               index: b,
-              overflows: O
+              overflows: p
             },
             reset: {
               placement: _
             }
           };
-        let s = (n = O.filter((x) => x.overflows[0] <= 0).sort((x, U) => x.overflows[1] - U.overflows[1])[0]) == null ? void 0 : n.placement;
+        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;
         if (!s)
           switch (a) {
             case "bestFit": {
               var h;
-              const x = (h = O.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];
+              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);
               break;
             }
@@ -8167,9 +8172,9 @@ function $1(H, V) {
   };
 }
 function U1(H) {
-  return A5.some((V) => H[V] >= 0);
+  return M5.some((V) => H[V] >= 0);
 }
-const Z5 = function(H) {
+const a5 = function(H) {
   return H === void 0 && (H = {}), {
     name: "hide",
     options: H,
@@ -8179,10 +8184,10 @@ const Z5 = function(H) {
       } = V, {
         strategy: M = "referenceHidden",
         ...A
-      } = t1(H, V);
+      } = d1(H, V);
       switch (M) {
         case "referenceHidden": {
-          const L = await k1(V, {
+          const L = await B1(V, {
             ...A,
             elementContext: "reference"
           }), i = $1(L, C.reference);
@@ -8194,7 +8199,7 @@ const Z5 = function(H) {
           };
         }
         case "escaped": {
-          const L = await k1(V, {
+          const L = await B1(V, {
             ...A,
             altBoundary: !0
           }), i = $1(L, C.floating);
@@ -8211,12 +8216,12 @@ const Z5 = function(H) {
     }
   };
 };
-async function u5(H, V) {
+async function Z5(H, V) {
   const {
     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 = t1(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, l = L && d ? -1 : 1, o = d1(V, H);
   let {
     mainAxis: r,
     crossAxis: a,
@@ -8239,7 +8244,7 @@ async function u5(H, V) {
     y: a * l
   };
 }
-const S5 = function(H) {
+const u5 = function(H) {
   return H === void 0 && (H = 0), {
     name: "offset",
     options: H,
@@ -8247,7 +8252,7 @@ const S5 = function(H) {
       const {
         x: C,
         y: M
-      } = V, A = await u5(V, H);
+      } = V, A = await Z5(V, H);
       return {
         x: C + A.x,
         y: M + A.y,
@@ -8255,7 +8260,7 @@ const S5 = function(H) {
       };
     }
   };
-}, s5 = function(H) {
+}, S5 = function(H) {
   return H === void 0 && (H = {}), {
     name: "shift",
     options: H,
@@ -8280,18 +8285,18 @@ const S5 = function(H) {
           }
         },
         ...d
-      } = t1(H, V), t = {
+      } = d1(H, V), t = {
         x: C,
         y: M
-      }, l = await k1(V, d), o = B1(L1(A)), r = V2(o);
+      }, l = await B1(V, d), o = b1(L1(A)), r = V2(o);
       let a = t[r], u = t[o];
       if (L) {
         const B = r === "y" ? "top" : "left", y = r === "y" ? "bottom" : "right", P = a + l[B], v = a - l[y];
-        a = v1(P, a, v);
+        a = T1(P, a, v);
       }
       if (i) {
         const B = o === "y" ? "top" : "left", y = o === "y" ? "bottom" : "right", P = u + l[B], v = u - l[y];
-        u = v1(P, u, v);
+        u = T1(P, u, v);
       }
       const k = e.fn({
         ...V,
@@ -8340,32 +8345,32 @@ function S1(H) {
   } = z(H);
   return /auto|scroll|overlay|hidden|clip/.test(V + M + C) && !["inline", "contents"].includes(A);
 }
-function c5(H) {
+function s5(H) {
   return ["table", "td", "th"].includes(C1(H));
 }
 function E1(H) {
   const V = W1(), C = z(H);
   return C.transform !== "none" || C.perspective !== "none" || (C.containerType ? C.containerType !== "normal" : !1) || !V && (C.backdropFilter ? C.backdropFilter !== "none" : !1) || !V && (C.filter ? C.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((M) => (C.willChange || "").includes(M)) || ["paint", "layout", "strict", "content"].some((M) => (C.contain || "").includes(M));
 }
-function O5(H) {
-  let V = d1(H);
-  for (; q(V) && !b1(V); ) {
+function c5(H) {
+  let V = e1(H);
+  for (; q(V) && !w1(V); ) {
     if (E1(V))
       return V;
-    V = d1(V);
+    V = e1(V);
   }
   return null;
 }
 function W1() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-function b1(H) {
+function w1(H) {
   return ["html", "body", "#document"].includes(C1(H));
 }
 function z(H) {
   return G(H).getComputedStyle(H);
 }
-function w1(H) {
+function y1(H) {
   return Y(H) ? {
     scrollLeft: H.scrollLeft,
     scrollTop: H.scrollTop
@@ -8374,7 +8379,7 @@ function w1(H) {
     scrollTop: H.pageYOffset
   };
 }
-function d1(H) {
+function e1(H) {
   if (C1(H) === "html")
     return H;
   const V = (
@@ -8387,19 +8392,19 @@ function d1(H) {
   return z1(V) ? V.host : V;
 }
 function A2(H) {
-  const V = d1(H);
-  return b1(V) ? H.ownerDocument ? H.ownerDocument.body : H.body : q(V) && S1(V) ? V : A2(V);
+  const V = e1(H);
+  return w1(V) ? H.ownerDocument ? H.ownerDocument.body : H.body : q(V) && S1(V) ? V : A2(V);
 }
-function F1(H, V, C) {
+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);
-  return L ? V.concat(i, i.visualViewport || [], S1(A) ? A : [], i.frameElement && C ? F1(i.frameElement) : []) : V.concat(A, F1(A, [], C));
+  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) {
   const V = z(H);
   let C = parseFloat(V.width) || 0, M = parseFloat(V.height) || 0;
-  const A = q(H), L = A ? H.offsetWidth : C, i = A ? H.offsetHeight : M, e = f1(C) !== L || f1(M) !== i;
+  const A = q(H), L = A ? H.offsetWidth : C, i = A ? H.offsetHeight : M, e = h1(C) !== L || h1(M) !== i;
   return e && (C = L, M = i), {
     width: C,
     height: M,
@@ -8418,29 +8423,29 @@ function A1(H) {
     height: A,
     $: L
   } = i2(V);
-  let i = (L ? f1(C.width) : C.width) / M, e = (L ? f1(C.height) : C.height) / A;
+  let i = (L ? h1(C.width) : C.width) / M, e = (L ? h1(C.height) : C.height) / A;
   return (!i || !Number.isFinite(i)) && (i = 1), (!e || !Number.isFinite(e)) && (e = 1), {
     x: i,
     y: e
   };
 }
-const p5 = /* @__PURE__ */ J(0);
+const O5 = /* @__PURE__ */ J(0);
 function d2(H) {
   const V = G(H);
-  return !W1() || !V.visualViewport ? p5 : {
+  return !W1() || !V.visualViewport ? O5 : {
     x: V.visualViewport.offsetLeft,
     y: V.visualViewport.offsetTop
   };
 }
-function f5(H, V, C) {
+function p5(H, V, C) {
   return V === void 0 && (V = !1), !C || V && C !== G(H) ? !1 : V;
 }
-function a1(H, V, C, M) {
+function r1(H, V, C, M) {
   V === void 0 && (V = !1), C === void 0 && (C = !1);
   const A = H.getBoundingClientRect(), L = e2(H);
   let i = J(1);
   V && (M ? Y(M) && (i = A1(M)) : i = A1(H));
-  const e = f5(L, C, M) ? d2(L) : J(0);
+  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;
   if (L) {
     const r = G(L), a = M && Y(M) ? G(M) : M;
@@ -8450,14 +8455,14 @@ function a1(H, V, C, M) {
       d *= k.x, t *= k.y, l *= k.x, o *= k.y, d += P, t += v, u = G(u).frameElement;
     }
   }
-  return g1({
+  return k1({
     width: l,
     height: o,
     x: d,
     y: t
   });
 }
-function h5(H) {
+function f5(H) {
   let {
     rect: V,
     offsetParent: C,
@@ -8471,8 +8476,8 @@ function h5(H) {
     scrollTop: 0
   }, e = J(1);
   const d = J(0);
-  if ((A || !A && M !== "fixed") && ((C1(C) !== "body" || S1(L)) && (i = w1(C)), q(C))) {
-    const t = a1(C);
+  if ((A || !A && M !== "fixed") && ((C1(C) !== "body" || S1(L)) && (i = y1(C)), q(C))) {
+    const t = r1(C);
     e = A1(C), d.x = t.x + C.clientLeft, d.y = t.y + C.clientTop;
   }
   return {
@@ -8482,14 +8487,14 @@ function h5(H) {
     y: V.y * e.y - i.scrollTop * e.y + d.y
   };
 }
-function g5(H) {
+function h5(H) {
   return Array.from(H.getClientRects());
 }
 function t2(H) {
-  return a1(H1(H)).left + w1(H).scrollLeft;
+  return r1(H1(H)).left + y1(H).scrollLeft;
 }
-function k5(H) {
-  const V = H1(H), C = w1(H), M = H.ownerDocument.body, A = M1(V.scrollWidth, V.clientWidth, M.scrollWidth, M.clientWidth), L = M1(V.scrollHeight, V.clientHeight, M.scrollHeight, M.clientHeight);
+function g5(H) {
+  const V = H1(H), C = y1(H), M = H.ownerDocument.body, A = M1(V.scrollWidth, V.clientWidth, M.scrollWidth, M.clientWidth), L = M1(V.scrollHeight, V.clientHeight, M.scrollHeight, M.clientHeight);
   let i = -C.scrollLeft + t2(H);
   const e = -C.scrollTop;
   return z(M).direction === "rtl" && (i += M1(V.clientWidth, M.clientWidth) - A), {
@@ -8499,7 +8504,7 @@ function k5(H) {
     y: e
   };
 }
-function B5(H, V) {
+function k5(H, V) {
   const C = G(H), M = H1(H), A = C.visualViewport;
   let L = M.clientWidth, i = M.clientHeight, e = 0, d = 0;
   if (A) {
@@ -8514,8 +8519,8 @@ function B5(H, V) {
     y: d
   };
 }
-function b5(H, V) {
-  const C = a1(H, !0, V === "fixed"), M = C.top + H.clientTop, A = C.left + H.clientLeft, L = q(H) ? A1(H) : J(1), i = H.clientWidth * L.x, e = H.clientHeight * L.y, d = A * L.x, t = M * L.y;
+function B5(H, V) {
+  const C = r1(H, !0, V === "fixed"), M = C.top + H.clientTop, A = C.left + H.clientLeft, L = q(H) ? A1(H) : J(1), i = H.clientWidth * L.x, e = H.clientHeight * L.y, d = A * L.x, t = M * L.y;
   return {
     width: i,
     height: e,
@@ -8526,11 +8531,11 @@ function b5(H, V) {
 function K1(H, V, C) {
   let M;
   if (V === "viewport")
-    M = B5(H, C);
+    M = k5(H, C);
   else if (V === "document")
-    M = k5(H1(H));
+    M = g5(H1(H));
   else if (Y(V))
-    M = b5(V, C);
+    M = B5(V, C);
   else {
     const A = d2(H);
     M = {
@@ -8539,35 +8544,35 @@ function K1(H, V, C) {
       y: V.y - A.y
     };
   }
-  return g1(M);
+  return k1(M);
 }
 function m2(H, V) {
-  const C = d1(H);
-  return C === V || !Y(C) || b1(C) ? !1 : z(C).position === "fixed" || m2(C, V);
+  const C = e1(H);
+  return C === V || !Y(C) || w1(C) ? !1 : z(C).position === "fixed" || m2(C, V);
 }
-function w5(H, V) {
+function b5(H, V) {
   const C = V.get(H);
   if (C)
     return C;
-  let M = F1(H, [], !1).filter((e) => Y(e) && C1(e) !== "body"), A = null;
+  let M = R1(H, [], !1).filter((e) => Y(e) && C1(e) !== "body"), A = null;
   const L = z(H).position === "fixed";
-  let i = L ? d1(H) : H;
-  for (; Y(i) && !b1(i); ) {
+  let i = L ? e1(H) : H;
+  for (; Y(i) && !w1(i); ) {
     const e = z(i), d = 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((l) => l !== i) : A = e, i = d1(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);
   }
   return V.set(H, M), M;
 }
-function y5(H) {
+function w5(H) {
   let {
     element: V,
     boundary: C,
     rootBoundary: M,
     strategy: A
   } = H;
-  const i = [...C === "clippingAncestors" ? w5(V, this._c) : [].concat(C), M], e = i[0], d = i.reduce((t, l) => {
+  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 = r1(o.right, t.right), t.bottom = r1(o.bottom, t.bottom), t.left = M1(o.left, t.left), t;
+    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;
   }, K1(V, e, A));
   return {
     width: d.right - d.left,
@@ -8576,19 +8581,19 @@ function y5(H) {
     y: d.top
   };
 }
-function P5(H) {
+function y5(H) {
   return i2(H);
 }
-function v5(H, V, C) {
-  const M = q(V), A = H1(V), L = C === "fixed", i = a1(H, !0, L, V);
+function P5(H, V, C) {
+  const M = q(V), A = H1(V), L = C === "fixed", i = r1(H, !0, L, V);
   let e = {
     scrollLeft: 0,
     scrollTop: 0
   };
   const d = J(0);
   if (M || !M && !L)
-    if ((C1(V) !== "body" || S1(A)) && (e = w1(V)), M) {
-      const t = a1(V, !0, L, V);
+    if ((C1(V) !== "body" || S1(A)) && (e = y1(V)), M) {
+      const t = r1(V, !0, L, V);
       d.x = t.x + V.clientLeft, d.y = t.y + V.clientTop;
     } else
       A && (d.x = t2(A));
@@ -8607,11 +8612,11 @@ function l2(H, V) {
   if (!q(H))
     return C;
   let M = q1(H, V);
-  for (; M && c5(M) && z(M).position === "static"; )
+  for (; M && s5(M) && z(M).position === "static"; )
     M = q1(M, V);
-  return M && (C1(M) === "html" || C1(M) === "body" && z(M).position === "static" && !E1(M)) ? C : M || O5(H) || C;
+  return M && (C1(M) === "html" || C1(M) === "body" && z(M).position === "static" && !E1(M)) ? C : M || c5(H) || C;
 }
-const T5 = async function(H) {
+const v5 = async function(H) {
   let {
     reference: V,
     floating: C,
@@ -8619,7 +8624,7 @@ const T5 = async function(H) {
   } = H;
   const A = this.getOffsetParent || l2, L = this.getDimensions;
   return {
-    reference: v5(V, await A(C), M),
+    reference: P5(V, await A(C), M),
     floating: {
       x: 0,
       y: 0,
@@ -8627,43 +8632,43 @@ const T5 = async function(H) {
     }
   };
 };
-function F5(H) {
+function T5(H) {
   return z(H).direction === "rtl";
 }
-const R5 = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: h5,
+const F5 = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: f5,
   getDocumentElement: H1,
-  getClippingRect: y5,
+  getClippingRect: w5,
   getOffsetParent: l2,
-  getElementRects: T5,
-  getClientRects: g5,
-  getDimensions: P5,
+  getElementRects: v5,
+  getClientRects: h5,
+  getDimensions: y5,
   getScale: A1,
   isElement: Y,
-  isRTL: F5
-}, x5 = (H, V, C) => {
+  isRTL: T5
+}, R5 = (H, V, C) => {
   const M = /* @__PURE__ */ new Map(), A = {
-    platform: R5,
+    platform: F5,
     ...C
   }, L = {
     ...A.platform,
     _c: M
   };
-  return n5(H, V, {
+  return o5(H, V, {
     ...A,
     platform: L
   });
 };
 var o2 = /* @__PURE__ */ ((H) => (H.Top = "top", H.Bottom = "bottom", H.Left = "left", H.Right = "right", H.TopStart = "top-start", H.TopEnd = "top-end", H.RightStart = "right-start", H.RightEnd = "right-end", H.BottomStart = "bottom-start", H.BottomEnd = "bottom-end", H.LeftStart = "left-start", H.LeftEnd = "left-end", H))(o2 || {}), X = /* @__PURE__ */ ((H) => (H.Click = "click", H.Hover = "hover", H.Manual = "manual", H))(X || {}), n2 = /* @__PURE__ */ ((H) => (H.Tooltip = "tooltip", H.Popover = "popover", H.Dropdown = "dropdown", H))(n2 || {});
-async function D5({ value: H }, { value: V }, { value: C }, M, A, L, i = 300, e) {
-  !H || !V || x5(H, V, {
+async function x5({ value: H }, { value: V }, { value: C }, M, A, L, i = 300, e) {
+  !H || !V || R5(H, V, {
     placement: M,
     middleware: [
-      S5(A),
-      s5({ padding: L }),
-      r5({ element: C }),
-      a5(),
-      Z5()
+      u5(A),
+      S5({ padding: L }),
+      n5({ element: C }),
+      r5(),
+      a5()
     ]
   }).then(({ x: d, y: t, placement: l, middlewareData: o }) => {
     var u, k;
@@ -8695,7 +8700,7 @@ async function D5({ value: H }, { value: V }, { value: C }, M, A, L, i = 300, e)
     }
   });
 }
-const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
+const D5 = ["aria-disabled"], _5 = ["innerHTML"], E5 = /* @__PURE__ */ T({
   __name: "RTooltip",
   props: {
     placement: { default: o2.Top },
@@ -8745,7 +8750,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
     }
     function u(B) {
       const { placement: y, offset: P, padding: v, disabled: R, showDelay: F, type: Q } = C;
-      R || D5(A, L, i, y, P, v, F, Q);
+      R || x5(A, L, i, y, P, v, F, Q);
     }
     const k = g(() => ({
       "r-tooltip": !0,
@@ -8763,7 +8768,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
       { flush: "post" }
       // this is important to avoid infinite loop & for fire on mounted
     ), X1(() => {
-      C.resizable && A.value.parentElement.parentElement.addEventListener("scroll", u()), M5(
+      C.resizable && A.value.parentElement.parentElement.addEventListener("scroll", u()), L5(
         A,
         () => {
           C.outsideClick && d();
@@ -8783,7 +8788,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
         onMouseleave: r,
         onMousemove: a
       }, [
-        f(B.$slots, "default", {
+        O(B.$slots, "default", {
           activators: {
             click: l,
             mouseenter: o,
@@ -8794,9 +8799,9 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
         }, () => [
           S("div", {
             innerHTML: C.triggerContent
-          }, null, 8, E5)
+          }, null, 8, _5)
         ])
-      ], 42, _5),
+      ], 42, D5),
       (m(), E(s2, { to: "body" }, [
         S("div", {
           id: "tooltip",
@@ -8805,7 +8810,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
           class: c([k.value, B.tooltipClass]),
           role: "tooltip"
         }, [
-          f(B.$slots, "content", {
+          O(B.$slots, "content", {
             hide: d,
             updatePosition: u
           }, () => [
@@ -8815,7 +8820,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
                 "r-tooltip__content--dark": C.dark,
                 "r-tooltip__content--light": C.light
               }])
-            }, w(C.text), 3)) : p("", !0),
+            }, w(C.text), 3)) : f("", !0),
             C.text ? (m(), Z("div", {
               key: 1,
               id: "arrow",
@@ -8825,25 +8830,25 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
                 "r-tooltip__arrow--dark": C.dark,
                 "r-tooltip__arrow--light": C.light
               }])
-            }, null, 2)) : p("", !0)
+            }, null, 2)) : f("", !0)
           ])
         ], 2)
       ]))
     ], 64));
   }
-}), N5 = ["onClick"], I5 = { class: "r-dropdown__selections" }, Q5 = { key: 0 }, G5 = ["id", "autocomplete", "disabled", "placeholder", "readonly", "onInput", "onKeydown"], $5 = ["data-has-value", "onClick"], U5 = ["aria-disabled", "onClick"], z5 = { class: "flex items-center" }, K5 = {
+}), W5 = ["onClick"], N5 = { class: "r-dropdown__selections" }, I5 = { key: 0 }, Q5 = ["id", "autocomplete", "disabled", "placeholder", "readonly", "onInput", "onKeydown"], G5 = ["data-has-value", "onClick"], $5 = ["aria-disabled", "onClick"], U5 = { class: "flex items-center" }, z5 = {
   key: 0,
   class: "r-dropdown-options__no-option"
-}, q5 = {
+}, K5 = {
   key: 0,
   class: "r-dropdown-details"
-}, j5 = {
+}, q5 = {
   key: 0,
   class: "r-dropdown-error"
-}, X5 = {
+}, j5 = {
   key: 1,
   class: "r-dropdown-hint"
-}, Y5 = /* @__PURE__ */ T({
+}, X5 = /* @__PURE__ */ T({
   __name: "RDropdown",
   props: {
     options: { default: () => [] },
@@ -8867,7 +8872,8 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
     autocomplete: { default: "off" },
     noOptionsText: { default: "No options" },
     hideOptionCheckIcon: { type: Boolean, default: !1 },
-    hideChipClear: { type: Boolean, default: !1 }
+    hideChipClear: { type: Boolean, default: !1 },
+    tooltipClass: { default: "" }
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
@@ -8947,7 +8953,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
     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));
     }
-    function O(n) {
+    function p(n) {
       C.searchable && n(), !C.multiple && e.value === "" && (A.value = {}, M("update:modelValue", ""));
     }
     function N(n, h) {
@@ -8968,19 +8974,19 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
       ref: a,
       class: "r-dropdown-wrapper"
     }, [
-      K(W5, {
+      K(E5, {
         "auto-hide": !1,
         offset: 0,
         "outside-click": "",
         placement: "bottom",
         resizable: "",
-        "tooltip-class": "w-full",
+        "tooltip-class": ["w-full", C.tooltipClass],
         "trigger-class": "w-full",
         triggers: ["click"],
         type: "dropdown",
         onHide: k
       }, {
-        default: n1(({ activators: b, updatePosition: _ }) => [
+        default: f1(({ activators: b, updatePosition: _ }) => [
           S("div", {
             ref_key: "dropdown",
             ref: o,
@@ -9001,21 +9007,21 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
                 "r-dropdown__prepend-icon--error": C.errorMsg
               }])
             }, [
-              f(n.$slots, "prepend", {}, () => [
+              O(n.$slots, "prepend", {}, () => [
                 C.prependIcon ? (m(), E(D, {
                   key: 0,
                   name: C.prependIcon
-                }, null, 8, ["name"])) : p("", !0)
+                }, null, 8, ["name"])) : f("", !0)
               ])
-            ], 2)) : p("", !0),
-            S("div", I5, [
-              (m(!0), Z(i1, null, o1(L.value, (s, x) => f(n.$slots, "selection", {
+            ], 2)) : f("", !0),
+            S("div", N5, [
+              (m(!0), Z(i1, null, l1(L.value, (s, x) => O(n.$slots, "selection", {
                 key: x,
                 index: x,
                 option: s,
                 removeOption: P
               }, () => [
-                C.chips ? (m(), E(Y2, {
+                C.chips ? (m(), E(X2, {
                   key: 1,
                   clearable: !C.hideChipClear,
                   ghost: "",
@@ -9023,7 +9029,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
                   "no-wrap": "",
                   variant: "primary",
                   "onClick:close": (U) => P(U, s, _)
-                }, null, 8, ["clearable", "label", "onClick:close"])) : (m(), Z("p", Q5, w(`${s.label}, `), 1))
+                }, null, 8, ["clearable", "label", "onClick:close"])) : (m(), Z("p", I5, w(`${s.label}, `), 1))
               ])), 128)),
               Y1(S("input", {
                 id: C.id,
@@ -9039,12 +9045,12 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
                 readonly: Q.value,
                 role: "presentation",
                 type: "text",
-                onInput: e1((s) => O(_), ["prevent"]),
+                onInput: o1((s) => p(_), ["prevent"]),
                 onKeydown: [
                   N1((s) => P(s, L.value[L.value.length - 1], _), ["backspace"]),
                   N1((s) => v(s, _), ["enter"])
                 ]
-              }, null, 42, G5), [
+              }, null, 42, Q5), [
                 [c2, e.value]
               ])
             ]),
@@ -9054,11 +9060,13 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
               "data-has-value": (e.value !== "" || L.value.length) && i.value,
               onClick: (s) => N(s, _)
             }, [
-              K(D, {
-                name: "mdiCloseCircle",
-                size: "18"
-              })
-            ], 8, $5)) : p("", !0),
+              O(n.$slots, "clearable", {}, () => [
+                K(D, {
+                  name: "mdiCloseCircle",
+                  size: "18"
+                })
+              ])
+            ], 8, G5)) : f("", !0),
             C.appendIcon || n.$slots.append ? (m(), Z("div", {
               key: 2,
               class: c(["r-dropdown__append-icon", {
@@ -9066,43 +9074,43 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
                 "r-dropdown__append-icon--error": C.errorMsg
               }])
             }, [
-              f(n.$slots, "append", {}, () => [
+              O(n.$slots, "append", {}, () => [
                 C.appendIcon ? (m(), E(D, {
                   key: 0,
                   name: C.appendIcon
-                }, null, 8, ["name"])) : p("", !0)
+                }, null, 8, ["name"])) : f("", !0)
               ])
-            ], 2)) : p("", !0)
-          ], 10, N5)
+            ], 2)) : f("", !0)
+          ], 10, W5)
         ]),
-        content: n1(({ hide: b, updatePosition: _ }) => [
+        content: f1(({ hide: b, updatePosition: _ }) => [
           S("ul", {
             class: c(["r-dropdown-options", {
               "r-dropdown-options--active": i.value,
               [C.optionsClass]: C.optionsClass
             }])
           }, [
-            (m(!0), Z(i1, null, o1(F.value, (s) => (m(), Z("li", {
+            (m(!0), Z(i1, null, l1(F.value, (s) => (m(), Z("li", {
               key: s.value,
               "aria-disabled": s.disabled,
               class: c(["r-dropdown-options__option", {
                 "r-dropdown-options__option--active": R(s),
                 "r-dropdown-options__option--disabled": s.disabled
               }]),
-              onClick: e1((x) => B(x, s, b, _), ["prevent"])
+              onClick: o1((x) => B(x, s, b, _), ["prevent"])
             }, [
-              f(n.$slots, "option", {
+              O(n.$slots, "option", {
                 isSelected: R(s)
               }, () => [
-                S("div", z5, [
-                  f(n.$slots, "option-prepend", {}, () => [
+                S("div", U5, [
+                  O(n.$slots, "option-prepend", {}, () => [
                     s.prependIcon ? (m(), E(D, {
                       key: 0,
                       class: c(["r-dropdown-options__option__prepend-icon", {
                         "r-dropdown-options__option__prepend-icon--active": R(s)
                       }]),
                       name: s.prependIcon
-                    }, null, 8, ["class", "name"])) : p("", !0)
+                    }, null, 8, ["class", "name"])) : f("", !0)
                   ]),
                   S("p", {
                     class: c(["r-dropdown-options__option__label", {
@@ -9110,33 +9118,33 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
                     }])
                   }, w(s.label), 3)
                 ]),
-                f(n.$slots, "option-append", {}, () => [
+                O(n.$slots, "option-append", {}, () => [
                   R(s) && !C.hideOptionCheckIcon ? (m(), E(D, {
                     key: 0,
                     class: c(["r-dropdown-options__option__append-icon", {
                       "r-dropdown-options__option__append-icon--active": R(s)
                     }]),
                     name: "mdiCheck"
-                  }, null, 8, ["class"])) : p("", !0)
+                  }, null, 8, ["class"])) : f("", !0)
                 ])
               ])
-            ], 10, U5))), 128)),
-            F.value.length === 0 ? (m(), Z("li", K5, [
-              f(n.$slots, "not-options", {}, () => [
-                R1(w(C.multiple ? "No options hit to enter for create" : C.noOptionsText), 1)
+            ], 10, $5))), 128)),
+            F.value.length === 0 ? (m(), Z("li", z5, [
+              O(n.$slots, "not-options", {}, () => [
+                Z1(w(C.multiple ? "No options hit to enter for create" : C.noOptionsText), 1)
               ])
-            ])) : p("", !0)
+            ])) : f("", !0)
           ], 2)
         ]),
         _: 3
-      }),
-      n.$props.hideDetails ? p("", !0) : (m(), Z("div", q5, [
-        C.errorMsg ? (m(), Z("div", j5, w(C.errorMsg), 1)) : p("", !0),
-        C.hint ? (m(), Z("div", X5, w(C.hint), 1)) : p("", !0)
+      }, 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)
       ]))
     ], 512));
   }
-}), J5 = ["id", "for"], r2 = /* @__PURE__ */ T({
+}), Y5 = ["id", "for"], r2 = /* @__PURE__ */ T({
   __name: "RLabel",
   props: {
     id: { default: "" },
@@ -9150,21 +9158,21 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
       class: "r-label",
       for: V.for
     }, [
-      f(C.$slots, "default", {}, () => [
-        R1(w(V.text), 1)
+      O(C.$slots, "default", {}, () => [
+        Z1(w(V.text), 1)
       ])
-    ], 8, J5));
+    ], 8, Y5));
   }
-}), C3 = ["onClick"], H3 = ["open"], V3 = { class: "r-dialog__header" }, L3 = {
+}), J5 = ["onClick"], C3 = ["open"], H3 = { class: "r-dialog__header" }, V3 = {
   key: 0,
   class: "icon"
-}, M3 = {
+}, L3 = {
   key: 1,
   class: "title"
-}, A3 = {
+}, M3 = {
   key: 2,
   class: "description"
-}, i3 = { class: "r-dialog__body" }, e3 = { class: "r-dialog__actions" }, m0 = /* @__PURE__ */ T({
+}, A3 = { class: "r-dialog__body" }, i3 = { class: "r-dialog__actions" }, d0 = /* @__PURE__ */ T({
   __name: "RModal",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -9199,7 +9207,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
       e.key === "Escape" && C.modelValue && C.outsideClick && M("update:modelValue", !1);
     }), (e, d) => Y1((m(), Z("div", {
       class: c(["r-modal-overlay", e.overlayClass]),
-      onClick: e1(i, ["stop"])
+      onClick: o1(i, ["stop"])
     }, [
       S("div", {
         "aria-modal": "true",
@@ -9208,28 +9216,28 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
         role: "dialog",
         style: x1(L.value)
       }, [
-        S("div", V3, [
-          f(e.$slots, "header"),
-          C.icon ? (m(), Z("div", L3, [
+        S("div", H3, [
+          O(e.$slots, "header"),
+          C.icon ? (m(), Z("div", V3, [
             K(D, {
               name: C.icon
             }, null, 8, ["name"])
-          ])) : p("", !0),
-          C.title ? (m(), Z("div", M3, w(C.title), 1)) : p("", !0),
-          C.description ? (m(), Z("div", A3, w(C.description), 1)) : p("", !0)
+          ])) : 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)
         ]),
-        S("div", i3, [
-          f(e.$slots, "default")
+        S("div", A3, [
+          O(e.$slots, "default")
         ]),
-        S("div", e3, [
-          f(e.$slots, "actions")
+        S("div", i3, [
+          O(e.$slots, "actions")
         ])
-      ], 14, H3)
-    ], 10, C3)), [
+      ], 14, C3)
+    ], 10, J5)), [
       [p2, e.modelValue]
     ]);
   }
-}), d3 = ["data-open"], t3 = ["data-open"], m3 = ["data-open"], l0 = /* @__PURE__ */ T({
+}), e3 = ["data-open"], d3 = ["data-open"], t3 = ["data-open"], t0 = /* @__PURE__ */ T({
   __name: "RSidebar",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -9249,24 +9257,21 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
         class: c(["r-sidebar", [C.class]]),
         "data-open": C.modelValue
       }, [
-        f(A.$slots, "default")
-      ], 10, t3),
+        O(A.$slots, "default")
+      ], 10, d3),
       C.showTrigger ? (m(), Z("div", {
         key: 0,
         class: c(["r-sidebar__trigger", [C.triggerClass]]),
         "data-open": C.modelValue,
         onClick: L[0] || (L[0] = (i) => M("update:modelValue", !C.modelValue))
       }, [
-        f(A.$slots, "trigger", {}, () => [
-          R1(" > ")
+        O(A.$slots, "trigger", {}, () => [
+          Z1(" > ")
         ])
-      ], 10, m3)) : p("", !0)
-    ], 10, d3));
+      ], 10, t3)) : f("", !0)
+    ], 10, e3));
   }
-}), l3 = { class: "r-snackbar__text" }, o3 = {
-  key: 0,
-  class: "r-snackbar__close"
-}, o0 = /* @__PURE__ */ T({
+}), m3 = { class: "r-snackbar__text" }, m0 = /* @__PURE__ */ T({
   __name: "RSnackbar",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -9307,36 +9312,42 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
     return (i, e) => (m(), Z("div", {
       class: c(A.value)
     }, [
-      f(i.$slots, "default", {}, () => [
+      O(i.$slots, "icon", {}, () => [
         C.variant ? (m(), E(D, {
           key: 0,
           class: "r-snackbar__icon",
           name: L.value
-        }, null, 8, ["name"])) : p("", !0)
+        }, null, 8, ["name"])) : f("", !0)
       ]),
-      S("div", l3, w(C.text), 1),
-      f(i.$slots, "action"),
-      C.closable ? (m(), Z("div", o3, [
-        f(i.$slots, "close", {}, () => [
+      S("div", m3, [
+        O(i.$slots, "default", {}, () => [
+          Z1(w(C.text), 1)
+        ])
+      ]),
+      C.closable ? (m(), Z("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, {
             name: "mdiClose",
-            size: 16,
-            onClick: e[0] || (e[0] = e1((d) => i.$emit("update:modelValue", !1), ["stop"]))
+            size: 16
           })
         ])
-      ])) : p("", !0)
+      ])) : f("", !0)
     ], 2));
   }
-}), n3 = ["id", "checked", "disabled"], r3 = /* @__PURE__ */ S("span", { class: "slider round" }, null, -1), a3 = ["id", "for"], Z3 = {
+}), l3 = ["id", "checked", "disabled"], o3 = /* @__PURE__ */ S("span", { class: "slider round" }, null, -1), n3 = ["id", "for"], r3 = {
   key: 0,
   class: "r-switch-texts__details"
-}, u3 = {
+}, a3 = {
   key: 0,
   class: "r-switch-texts__error"
-}, S3 = {
+}, Z3 = {
   key: 1,
   class: "r-switch-texts__hint"
-}, n0 = /* @__PURE__ */ T({
+}, l0 = /* @__PURE__ */ T({
   __name: "RSwitch",
   props: {
     id: { default: "switch" },
@@ -9351,7 +9362,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, M = V, A = Z1({
+    const C = H, M = V, A = a1({
       checked: !1
     }), L = g(() => ({
       "r-switch": !0,
@@ -9388,8 +9399,8 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
           disabled: C.disabled,
           type: "checkbox",
           onChange: i
-        }, null, 40, n3),
-        r3
+        }, null, 40, l3),
+        o3
       ], 2),
       S("div", {
         class: c(["r-switch-texts", {
@@ -9400,23 +9411,23 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
           id: `${C.id}-label`,
           class: "r-switch-texts__label",
           for: C.id
-        }, w(C.label), 9, a3),
-        C.hideDetails ? p("", !0) : (m(), Z("div", Z3, [
-          C.errorMsg ? (m(), Z("p", u3, w(C.errorMsg), 1)) : (m(), Z("p", S3, w(C.hint), 1))
+        }, 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))
         ]))
       ], 2)
     ], 2));
   }
 });
-var l1 = /* @__PURE__ */ ((H) => (H.DEFAULT = "default", H.TEXT = "text", H.ICON = "icon", H))(l1 || {});
-const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
+var m1 = /* @__PURE__ */ ((H) => (H.DEFAULT = "default", H.TEXT = "text", H.ICON = "icon", H))(m1 || {});
+const u3 = ["aria-disabled", "aria-selected", "disabled"], S3 = {
   key: 0,
   class: "r-tab-item__label"
-}, O3 = /* @__PURE__ */ T({
+}, s3 = /* @__PURE__ */ T({
   __name: "RTabItem",
   props: {
     id: {},
-    variant: { default: l1.DEFAULT },
+    variant: { default: m1.DEFAULT },
     label: { default: "" },
     prependIcon: { default: "" },
     appendIcon: { default: "" },
@@ -9436,49 +9447,41 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
     })), L = g(() => ({
       color: C.color
     }));
-    function i(d) {
-      M("update:modelValue", d);
-    }
-    function e() {
-      M("click:icon");
+    function i(e) {
+      M("update:modelValue", e);
     }
-    return (d, t) => (m(), Z("button", {
+    return (e, d) => (m(), Z("button", {
       "aria-disabled": C.disabled,
       "aria-selected": C.modelValue === C.id,
       class: c(A.value),
       disabled: C.disabled,
       style: x1(L.value),
-      onClick: t[0] || (t[0] = e1((l) => i(C.id), ["stop"]))
+      onClick: d[0] || (d[0] = o1((t) => i(C.id), ["stop"]))
     }, [
-      f(d.$slots, "prepend", {}, () => [
-        C.variant !== V1(l1).TEXT && C.prependIcon ? (m(), E(D, {
+      O(e.$slots, "prepend", {}, () => [
+        C.variant !== V1(m1).TEXT && C.prependIcon ? (m(), E(D, {
           key: 0,
           class: "r-tab-item__prepend-icon",
           name: C.prependIcon,
           size: 16
-        }, null, 8, ["name"])) : p("", !0)
+        }, null, 8, ["name"])) : f("", !0)
       ]),
-      K(f2, {
-        duration: 150,
-        name: "fade"
-      }, {
-        default: n1(() => [
-          C.variant !== V1(l1).ICON ? (m(), Z("span", c3, w(C.label), 1)) : p("", !0)
-        ]),
-        _: 1
-      }),
-      f(d.$slots, "append", {}, () => [
-        C.variant !== V1(l1).TEXT && C.appendIcon ? (m(), E(D, {
+      C.variant !== V1(m1).ICON ? (m(), Z("span", S3, [
+        O(e.$slots, "default", {}, () => [
+          Z1(w(C.label), 1)
+        ])
+      ])) : f("", !0),
+      O(e.$slots, "append", {}, () => [
+        C.variant !== V1(m1).TEXT && C.appendIcon ? (m(), E(D, {
           key: 0,
           class: "r-tab-item__append-icon",
           name: C.appendIcon,
-          size: 16,
-          onClick: e1(e, ["stop"])
-        }, null, 8, ["name", "onClick"])) : p("", !0)
+          size: 16
+        }, null, 8, ["name"])) : f("", !0)
       ])
-    ], 14, s3));
+    ], 14, u3));
   }
-}), r0 = /* @__PURE__ */ T({
+}), o0 = /* @__PURE__ */ T({
   __name: "RTabs",
   props: {
     tabs: { default: () => [] },
@@ -9487,55 +9490,55 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
     tile: { type: Boolean, default: !1 },
     scrollable: { type: Boolean, default: !1 }
   },
-  emits: ["update:modelValue", "click:icon"],
+  emits: ["update:modelValue"],
   setup(H, { emit: V }) {
     const C = H, M = V, A = W(C.modelValue || C.tabs[0].id), L = g(() => ({
       "r-tabs": !0,
-      "r-tabs--block": C.block,
-      "r-tabs--tile": C.tile,
-      "r-tabs--scrollable": C.scrollable
+      "r-tabs--tile": C.tile
     }));
-    $(
+    return $(
       () => A.value,
       () => {
         M("update:modelValue", A.value);
       }
-    );
-    function i() {
-      M("click:icon");
-    }
-    return (e, d) => (m(), Z("div", {
+    ), (i, e) => (m(), Z("div", {
       class: c(L.value)
     }, [
-      f(e.$slots, "default", {}, () => [
-        (m(!0), Z(i1, null, o1(C.tabs, (t, l) => (m(), E(O3, {
-          id: t.id,
-          key: l,
-          modelValue: A.value,
-          "onUpdate:modelValue": d[0] || (d[0] = (o) => A.value = o),
-          active: l === A.value,
-          "append-icon": t.appendIcon,
-          block: e.block,
-          disabled: t.disabled,
-          label: t.label,
-          "prepend-icon": t.prependIcon,
-          tile: e.tile,
-          variant: t.variant,
-          "onClick:icon": i
-        }, null, 8, ["id", "modelValue", "active", "append-icon", "block", "disabled", "label", "prepend-icon", "tile", "variant"]))), 128))
-      ])
+      S("div", {
+        class: c(["flex", [{
+          "w-full": C.block,
+          "overflow-x-auto": C.scrollable
+        }]])
+      }, [
+        O(i.$slots, "default", { activeTab: A.value }, () => [
+          (m(!0), Z(i1, null, l1(C.tabs, (d, t) => (m(), E(s3, {
+            id: d.id,
+            key: t,
+            modelValue: A.value,
+            "onUpdate:modelValue": e[0] || (e[0] = (l) => A.value = l),
+            active: t === A.value,
+            "append-icon": d.appendIcon,
+            block: i.block,
+            disabled: d.disabled,
+            label: d.label,
+            "prepend-icon": d.prependIcon,
+            tile: i.tile,
+            variant: d.variant
+          }, null, 8, ["id", "modelValue", "active", "append-icon", "block", "disabled", "label", "prepend-icon", "tile", "variant"]))), 128))
+        ])
+      ], 2)
     ], 2));
   }
-}), p3 = { class: "r-textarea-wrapper" }, f3 = ["id", "disabled", "placeholder", "value"], h3 = {
+}), c3 = { class: "r-textarea-wrapper" }, O3 = ["id", "disabled", "placeholder", "value"], p3 = {
   key: 1,
   class: "r-textarea__details"
-}, g3 = {
+}, f3 = {
   key: 0,
   class: "r-textarea__error"
-}, k3 = {
+}, h3 = {
   key: 1,
   class: "r-textarea__hint"
-}, a0 = /* @__PURE__ */ T({
+}, n0 = /* @__PURE__ */ T({
   __name: "RTextArea",
   props: {
     id: { default: "" },
@@ -9549,7 +9552,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, M = V, A = Z1({
+    const C = H, M = V, A = a1({
       value: ""
     });
     function L(i) {
@@ -9563,14 +9566,14 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
       {
         immediate: !0
       }
-    ), (i, e) => (m(), Z("div", p3, [
+    ), (i, e) => (m(), Z("div", c3, [
       C.label ? (m(), E(r2, {
         key: 0,
         id: `${C.id}-label`,
         class: "r-textarea__label",
         for: "textarea",
         text: C.label
-      }, null, 8, ["id", "text"])) : p("", !0),
+      }, null, 8, ["id", "text"])) : f("", !0),
       S("textarea", j1(i.$attrs, {
         id: C.id,
         class: ["r-textarea", {
@@ -9581,22 +9584,22 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
         placeholder: C.placeholder,
         value: A.value,
         onInput: L
-      }), null, 16, f3),
-      C.hideDetails ? p("", !0) : (m(), Z("div", h3, [
-        C.errorMsg ? (m(), Z("p", g3, w(C.errorMsg), 1)) : (m(), Z("p", k3, w(C.hint), 1))
+      }), 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))
       ]))
     ]));
   }
-}), B3 = { class: "r-textfield__wrapper" }, b3 = { class: "input-wrapper" }, w3 = ["id", "disabled", "max", "min", "placeholder", "readonly", "role", "type", "value"], y3 = {
+}), g3 = { class: "r-textfield__wrapper" }, k3 = { class: "input-wrapper" }, B3 = ["id", "disabled", "max", "min", "placeholder", "readonly", "role", "type", "value"], b3 = {
   key: 0,
   class: "r-textfield__details"
-}, P3 = {
+}, w3 = {
   key: 0,
   class: "r-textfield__error"
-}, v3 = {
+}, y3 = {
   key: 1,
   class: "r-textfield__hint"
-}, Z0 = /* @__PURE__ */ T({
+}, r0 = /* @__PURE__ */ T({
   __name: "RTextfield",
   props: {
     id: { default: "" },
@@ -9626,7 +9629,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
     "click:clear"
   ],
   setup(H, { emit: V }) {
-    const C = H, M = V, A = W(), L = Z1({
+    const C = H, M = V, A = W(), L = a1({
       value: ""
     }), i = W(C.type), e = {
       password: "mdiLock",
@@ -9636,15 +9639,15 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
       number: "mdiNumeric",
       text: ""
     }, d = W(!1), t = g(() => !!L.value), l = g(() => L.value.length > 0), o = g(() => {
-      var O;
-      return (O = C.errorMsg) == null ? void 0 : O.length;
+      var p;
+      return (p = C.errorMsg) == null ? void 0 : p.length;
     }), r = g(() => C.clearable && l.value), a = g(() => {
-      const { disabled: O, loading: N } = C;
+      const { disabled: p, loading: N } = C;
       return {
         "r-textfield": !0,
         "r-textfield--error": o.value,
         "r-textfield--loading": N,
-        "r-textfield--disabled": O,
+        "r-textfield--disabled": p,
         "r-textfield--clearable": r.value,
         "r-textfield--focus": d.value,
         "r-textfield--filled": t.value
@@ -9658,25 +9661,25 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
       "r-textfield__append-icon--clear": r.value,
       "r-textfield__append-icon--error": o.value
     })), B = g(() => {
-      const { prependIcon: O, type: N } = C;
-      return O === "none" ? "" : O || e[N];
+      const { prependIcon: p, type: N } = C;
+      return p === "none" ? "" : p || e[N];
     }), y = g(() => {
-      const { appendIcon: O, type: N } = C;
-      return O === "none" ? "" : o.value ? "mdiAlertCircleOutline" : r.value && ["text", "email"].includes(N) ? "mdiClose" : N === "password" && i.value === "password" ? "mdiEyeOutline" : N === "password" && i.value === "text" ? "mdiEyeOffOutline" : O;
+      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;
     });
-    function P(O) {
-      d.value = !0, M("focus", O);
+    function P(p) {
+      d.value = !0, M("focus", p);
     }
-    function v(O) {
-      d.value = !1, M("blur", O);
+    function v(p) {
+      d.value = !1, M("blur", p);
     }
-    function R(O) {
-      L.value = O.target.value, M("input", O);
+    function R(p) {
+      L.value = p.target.value, M("input", p);
     }
     function F() {
-      var O;
+      var p;
       if (r.value) {
-        L.value = "", (O = A.value) == null || O.focus(), M("click:clear", {
+        L.value = "", (p = A.value) == null || p.focus(), M("click:clear", {
           value: i.value === "number" ? +L.value : L.value
         });
         return;
@@ -9689,26 +9692,26 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
       i.value = i.value === "password" ? "text" : "password";
     }
     function I() {
-      var O;
-      (O = A.value) == null || O.focus();
+      var p;
+      (p = A.value) == null || p.focus();
     }
     return $(
       () => C.modelValue,
-      (O) => {
-        L.value = O;
+      (p) => {
+        L.value = p;
       },
       {
         immediate: !0
       }
     ), $(
       () => L.value,
-      (O) => {
+      (p) => {
         M(
           "update:modelValue",
-          i.value === "number" ? +O : O
+          i.value === "number" ? +p : p
         );
       }
-    ), (O, N) => (m(), Z("div", B3, [
+    ), (p, N) => (m(), Z("div", g3, [
       C.label ? (m(), E(r2, {
         key: 0,
         id: `${C.id}-label`,
@@ -9716,18 +9719,18 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
         for: C.id,
         text: C.label,
         onClick: I
-      }, null, 8, ["id", "for", "text"])) : p("", !0),
-      S("div", b3, [
+      }, null, 8, ["id", "for", "text"])) : f("", !0),
+      S("div", k3, [
         S("div", {
           class: c(a.value)
         }, [
-          f(O.$slots, "prepend"),
-          B.value && !O.$slots.prepend ? (m(), E(D, {
+          O(p.$slots, "prepend"),
+          B.value && !p.$slots.prepend ? (m(), E(D, {
             key: 0,
             class: c(u.value),
             name: B.value,
             size: 20
-          }, null, 8, ["class", "name"])) : p("", !0),
+          }, null, 8, ["class", "name"])) : f("", !0),
           S("input", {
             id: C.id,
             ref_key: "inputRef",
@@ -9743,27 +9746,27 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
             onBlur: v,
             onFocus: P,
             onInput: R
-          }, null, 40, w3),
-          o.value ? p("", !0) : f(O.$slots, "append", { key: 1 }),
-          y.value && !O.$slots.append || o.value ? (m(), E(D, {
+          }, null, 40, B3),
+          o.value ? f("", !0) : O(p.$slots, "append", { key: 1 }),
+          y.value && !p.$slots.append || o.value ? (m(), E(D, {
             key: 2,
             class: c(k.value),
             name: `${y.value}`,
             size: 20,
             onClick: F
-          }, null, 8, ["class", "name"])) : p("", !0)
+          }, null, 8, ["class", "name"])) : f("", !0)
         ], 2),
-        C.hideDetails ? p("", !0) : (m(), Z("div", y3, [
-          C.errorMsg ? (m(), Z("p", P3, w(C.errorMsg), 1)) : p("", !0),
-          !C.errorMsg && C.hint ? (m(), Z("p", v3, w(C.hint), 1)) : p("", !0)
+        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)
         ]))
       ])
     ]));
   }
-}), T3 = { class: "r-breadcrumb" }, F3 = {
+}), P3 = { class: "r-breadcrumb" }, v3 = {
   key: 0,
   class: "r-breadcrumb__title"
-}, u0 = /* @__PURE__ */ T({
+}, a0 = /* @__PURE__ */ T({
   __name: "RBreadcrumb",
   props: {
     items: { default: () => [] },
@@ -9772,9 +9775,9 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
   setup(H) {
     const V = H;
     return (C, M) => {
-      const A = h2("router-link");
-      return m(), Z("div", T3, [
-        (m(!0), Z(i1, null, o1(V.items, (L, i) => (m(), Z("div", {
+      const A = f2("router-link");
+      return m(), Z("div", P3, [
+        (m(!0), Z(i1, null, l1(V.items, (L, i) => (m(), Z("div", {
           key: i,
           class: "r-breadcrumb__item"
         }, [
@@ -9782,59 +9785,59 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
             class: "r-breadcrumb__link",
             to: L.to
           }, {
-            default: n1(() => [
-              f(C.$slots, "item-icon", {}, () => [
+            default: f1(() => [
+              O(C.$slots, "item-icon", {}, () => [
                 L.icon ? (m(), E(D, {
                   key: 0,
                   name: L.icon
-                }, null, 8, ["name"])) : p("", !0)
+                }, null, 8, ["name"])) : f("", !0)
               ]),
-              L.onlyIcon ? p("", !0) : (m(), Z("span", F3, w(L.title), 1))
+              L.onlyIcon ? f("", !0) : (m(), Z("span", v3, w(L.title), 1))
             ]),
             _: 2
           }, 1032, ["to"]),
-          f(C.$slots, "custom-seperator", {}, () => [
+          O(C.$slots, "custom-seperator", {}, () => [
             i !== C.items.length - 1 && V.seperator ? (m(), E(D, {
               key: 0,
               class: "r-breadcrumb__separator",
               name: V.seperator
-            }, null, 8, ["name"])) : p("", !0)
+            }, null, 8, ["name"])) : f("", !0)
           ])
         ]))), 128))
       ]);
     };
   }
-}), R3 = { class: "r-pagination__paginator" }, x3 = { class: "r-pagination__paginator__per-page" }, D3 = { class: "r-pagination__paginator__info" }, _3 = ["disabled"], E3 = /* @__PURE__ */ S("path", {
+}), T3 = { class: "r-pagination__paginator" }, F3 = { class: "r-pagination__paginator__per-page" }, R3 = { class: "r-pagination__paginator__info" }, x3 = ["disabled"], D3 = /* @__PURE__ */ S("path", {
   d: "M0 0h24v24H0z",
   fill: "none",
   stroke: "none"
-}, null, -1), W3 = /* @__PURE__ */ S("path", { d: "M7 6v12" }, null, -1), N3 = /* @__PURE__ */ S("path", { d: "M18 6l-6 6l6 6" }, null, -1), I3 = [
-  E3,
-  W3,
-  N3
-], Q3 = ["disabled"], G3 = /* @__PURE__ */ S("path", {
+}, null, -1), _3 = /* @__PURE__ */ S("path", { d: "M7 6v12" }, null, -1), E3 = /* @__PURE__ */ S("path", { d: "M18 6l-6 6l6 6" }, null, -1), W3 = [
+  D3,
+  _3,
+  E3
+], N3 = ["disabled"], I3 = /* @__PURE__ */ S("path", {
   d: "M0 0h24v24H0z",
   fill: "none",
   stroke: "none"
-}, null, -1), $3 = /* @__PURE__ */ S("path", { d: "M15 6l-6 6l6 6" }, null, -1), U3 = [
-  G3,
-  $3
-], z3 = ["disabled"], K3 = /* @__PURE__ */ S("path", {
+}, null, -1), Q3 = /* @__PURE__ */ S("path", { d: "M15 6l-6 6l6 6" }, null, -1), G3 = [
+  I3,
+  Q3
+], $3 = ["disabled"], U3 = /* @__PURE__ */ S("path", {
   d: "M0 0h24v24H0z",
   fill: "none",
   stroke: "none"
-}, null, -1), q3 = /* @__PURE__ */ S("path", { d: "M9 6l6 6l-6 6" }, null, -1), j3 = [
-  K3,
-  q3
-], X3 = ["disabled"], Y3 = /* @__PURE__ */ S("path", {
+}, null, -1), z3 = /* @__PURE__ */ S("path", { d: "M9 6l6 6l-6 6" }, null, -1), K3 = [
+  U3,
+  z3
+], q3 = ["disabled"], j3 = /* @__PURE__ */ S("path", {
   d: "M0 0h24v24H0z",
   fill: "none",
   stroke: "none"
-}, null, -1), J3 = /* @__PURE__ */ S("path", { d: "M6 6l6 6l-6 6" }, null, -1), C0 = /* @__PURE__ */ S("path", { d: "M17 5v13" }, null, -1), H0 = [
-  Y3,
-  J3,
-  C0
-], S0 = /* @__PURE__ */ T({
+}, null, -1), X3 = /* @__PURE__ */ S("path", { d: "M6 6l6 6l-6 6" }, null, -1), Y3 = /* @__PURE__ */ S("path", { d: "M17 5v13" }, null, -1), J3 = [
+  j3,
+  X3,
+  Y3
+], Z0 = /* @__PURE__ */ T({
   __name: "RPagination",
   props: {
     page: { default: 1 },
@@ -9863,10 +9866,10 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
     return (t, l) => (m(), Z("div", {
       class: c(["r-pagination", [`r-pagination--${C.position}`]])
     }, [
-      S("div", R3, [
-        S("div", x3, [
+      S("div", T3, [
+        S("div", F3, [
           S("span", null, w(C.itemsPerPageText), 1),
-          K(Y5, {
+          K(X5, {
             modelValue: A.value,
             "onUpdate:modelValue": [
               l[0] || (l[0] = (o) => A.value = o),
@@ -9878,13 +9881,13 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
             options: C.perPageOptions
           }, null, 8, ["modelValue", "options"])
         ]),
-        S("span", D3, w(C.infoText), 1),
+        S("span", R3, w(C.infoText), 1),
         S("button", {
           class: "r-pagination__paginator__first",
           disabled: C.page === 1,
           onClick: l[1] || (l[1] = (o) => e(1))
         }, [
-          f(t.$slots, "first", {}, () => [
+          O(t.$slots, "first", {}, () => [
             (m(), Z("svg", {
               class: c(["icon icon-tabler icon-tabler-chevron-left-pipe", { "stroke-gray-400": C.page === 1 }]),
               fill: "none",
@@ -9896,15 +9899,15 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
               viewBox: "0 0 24 24",
               width: "20",
               xmlns: "http://www.w3.org/2000/svg"
-            }, I3, 2))
+            }, W3, 2))
           ])
-        ], 8, _3),
+        ], 8, x3),
         S("button", {
           class: "r-pagination__paginator__prev",
           disabled: C.page === 1,
           onClick: l[2] || (l[2] = (o) => e(+C.page - 1))
         }, [
-          f(t.$slots, "prev", {}, () => [
+          O(t.$slots, "prev", {}, () => [
             (m(), Z("svg", {
               class: c(["icon icon-tabler icon-tabler-chevron-left", { "stroke-gray-400": C.page === 1 }]),
               fill: "none",
@@ -9916,15 +9919,15 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
               viewBox: "0 0 24 24",
               width: "20",
               xmlns: "http://www.w3.org/2000/svg"
-            }, U3, 2))
+            }, G3, 2))
           ])
-        ], 8, Q3),
+        ], 8, N3),
         S("button", {
           class: "r-pagination__paginator__next",
           disabled: C.page === L.value,
           onClick: l[3] || (l[3] = (o) => e(+C.page + 1))
         }, [
-          f(t.$slots, "next", {}, () => [
+          O(t.$slots, "next", {}, () => [
             (m(), Z("svg", {
               class: c(["icon icon-tabler icon-tabler-chevron-right", { "stroke-gray-400": C.page === L.value }]),
               fill: "none",
@@ -9936,15 +9939,15 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
               viewBox: "0 0 24 24",
               width: "20",
               xmlns: "http://www.w3.org/2000/svg"
-            }, j3, 2))
+            }, K3, 2))
           ])
-        ], 8, z3),
+        ], 8, $3),
         S("button", {
           class: "r-pagination__paginator__last",
           disabled: C.page === L.value,
           onClick: l[4] || (l[4] = (o) => e(C.totalItems / C.perPage))
         }, [
-          f(t.$slots, "last", {}, () => [
+          O(t.$slots, "last", {}, () => [
             (m(), Z("svg", {
               class: c(["icon icon-tabler icon-tabler-chevron-right-pipe", { "stroke-gray-400": C.page === L.value }]),
               fill: "none",
@@ -9956,13 +9959,13 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
               viewBox: "0 0 24 24",
               width: "20",
               xmlns: "http://www.w3.org/2000/svg"
-            }, H0, 2))
+            }, J3, 2))
           ])
-        ], 8, X3)
+        ], 8, q3)
       ])
     ], 2));
   }
-}), V0 = ["value"], s0 = /* @__PURE__ */ T({
+}), C0 = ["value"], u0 = /* @__PURE__ */ T({
   __name: "RProgressbar",
   props: {
     value: { default: 0 },
@@ -9977,9 +9980,9 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
       role: "progressbar",
       style: x1({ height: `${V.height}px` }),
       value: V.value
-    }, null, 12, V0));
+    }, null, 12, C0));
   }
-}), O1 = "rocket-ui:r-item-group", c0 = /* @__PURE__ */ T({
+}), O1 = "rocket-ui:r-item-group", S0 = /* @__PURE__ */ T({
   __name: "RItemGroup",
   props: {
     modelValue: { default: () => [] },
@@ -10007,9 +10010,9 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
     }
     return s1(`${O1}:isDisabled`, t), $(() => C.modelValue, () => {
       L.value = C.modelValue;
-    }), (l, o) => (m(), E(g2(A.value), null, {
-      default: n1(() => [
-        f(l.$slots, "default", {
+    }), (l, o) => (m(), E(h2(A.value), null, {
+      default: f1(() => [
+        O(l.$slots, "default", {
           isSelected: e,
           select: d,
           selected: L.value
@@ -10018,7 +10021,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
       _: 3
     }));
   }
-}), p1 = "rocket-ui:r-item-group", O0 = /* @__PURE__ */ T({
+}), p1 = "rocket-ui:r-item-group", s0 = /* @__PURE__ */ T({
   __name: "RItem",
   props: {
     value: { default: null },
@@ -10032,7 +10035,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
     function d() {
       V.disabled || A(V.value, !0);
     }
-    return (t, l) => f(t.$slots, "default", {
+    return (t, l) => O(t.$slots, "default", {
       disabled: V1(L)(V.value),
       isSelected: V1(C)(V.value),
       select: d,
@@ -10042,28 +10045,28 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
   }
 });
 export {
-  M0 as RAccordion,
-  A0 as RAlert,
-  i0 as RAvatar,
-  e0 as RBadge,
-  u0 as RBreadcrumb,
-  d0 as RButton,
-  t0 as RCheckbox,
-  Y2 as RChip,
-  Y5 as RDropdown,
+  V0 as RAccordion,
+  L0 as RAlert,
+  M0 as RAvatar,
+  A0 as RBadge,
+  a0 as RBreadcrumb,
+  i0 as RButton,
+  e0 as RCheckbox,
+  X2 as RChip,
+  X5 as RDropdown,
   D as RIcon,
-  O0 as RItem,
-  c0 as RItemGroup,
+  s0 as RItem,
+  S0 as RItemGroup,
   r2 as RLabel,
-  m0 as RModal,
-  S0 as RPagination,
-  s0 as RProgressbar,
-  l0 as RSidebar,
-  o0 as RSnackbar,
-  n0 as RSwitch,
-  O3 as RTabItem,
-  r0 as RTabs,
-  a0 as RTextArea,
-  Z0 as RTextfield,
-  W5 as RTooltip
+  d0 as RModal,
+  Z0 as RPagination,
+  u0 as RProgressbar,
+  t0 as RSidebar,
+  m0 as RSnackbar,
+  l0 as RSwitch,
+  s3 as RTabItem,
+  o0 as RTabs,
+  n0 as RTextArea,
+  r0 as RTextfield,
+  E5 as RTooltip
 };