@rocketui/vue 0.0.11 → 0.0.12

package/dist/rocket-ui-vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as N, computed as w, openBlock as p, createElementBlock as _, normalizeClass as k, unref as x, normalizeStyle as Ye, toDisplayString as C, createElementVNode as v, createVNode as ge, createBlock as L, renderSlot as O, createCommentVNode as z, mergeProps as We, withModifiers as W, reactive as ee, watch as F, ref as E, Fragment as X, renderList as le, withDirectives as Pe, withKeys as ye, vModelText as Fe, onMounted as Ue, withCtx as Ze, createTextVNode as Qe, useCssVars as Xe, watchEffect as Ke } from "vue";
+import { defineComponent as N, computed as w, openBlock as p, createElementBlock as _, normalizeClass as k, unref as x, normalizeStyle as Ye, toDisplayString as C, createElementVNode as b, createVNode as ge, createBlock as L, renderSlot as O, createCommentVNode as z, mergeProps as We, withModifiers as W, reactive as ee, watch as F, ref as E, Fragment as X, renderList as le, withDirectives as Pe, withKeys as ye, vModelText as Fe, onMounted as Ue, withCtx as Ze, createTextVNode as Qe, useCssVars as Xe, watchEffect as Ke } from "vue";
 const B = /* @__PURE__ */ N({
-  __name: "Icon",
+  __name: "RIcon",
   props: {
     name: { default: "" },
     kind: { default: "round" },
@@ -26,7 +26,7 @@ const B = /* @__PURE__ */ N({
   key: 0,
   class: "close"
 }, hn = /* @__PURE__ */ N({
-  __name: "Alert",
+  __name: "RAlert",
   props: {
     type: { default: "info" },
     title: { default: "" },
@@ -55,15 +55,15 @@ const B = /* @__PURE__ */ N({
     return (a, c) => (p(), _("div", {
       class: k(x(l))
     }, [
-      v("div", Ge, [
+      b("div", Ge, [
         ge(B, {
           name: x(o),
           size: x(s)
         }, null, 8, ["name", "size"])
       ]),
-      v("div", Je, [
-        v("p", qe, C(e.title), 1),
-        v("p", et, C(e.description), 1)
+      b("div", Je, [
+        b("p", qe, C(e.title), 1),
+        b("p", et, C(e.description), 1)
       ]),
       e.closable ? (p(), _("div", tt, [
         a.$slots.close ? O(a.$slots, "close", { key: 1 }) : (p(), L(B, {
@@ -77,7 +77,7 @@ const B = /* @__PURE__ */ N({
     ], 2));
   }
 }), xe = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyNyAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQ5OTMgMTRDMTcuMTgyNyAxNCAyMC4xNjYgMTEuMDE2NyAyMC4xNjYgNy4zMzMzNEMyMC4xNjYgMy42NSAxNy4xODI3IDAuNjY2NjcyIDEzLjQ5OTMgMC42NjY2NzJDOS44MTYwMiAwLjY2NjY3MiA2LjgzMjY4IDMuNjUgNi44MzI2OCA3LjMzMzM0QzYuODMyNjggMTEuMDE2NyA5LjgxNjAyIDE0IDEzLjQ5OTMgMTRaTTEzLjQ5OTMgMTcuMzMzM0M5LjA0OTM1IDE3LjMzMzMgMC4xNjYwMTYgMTkuNTY2NyAwLjE2NjAxNiAyNFYyNS42NjY3QzAuMTY2MDE2IDI2LjU4MzMgMC45MTYwMTYgMjcuMzMzMyAxLjgzMjY4IDI3LjMzMzNIMjUuMTY2QzI2LjA4MjcgMjcuMzMzMyAyNi44MzI3IDI2LjU4MzMgMjYuODMyNyAyNS42NjY3VjI0QzI2LjgzMjcgMTkuNTY2NyAxNy45NDkzIDE3LjMzMzMgMTMuNDk5MyAxNy4zMzMzWiIgZmlsbD0iIzRDNUJFMSIvPgo8L3N2Zz4K", nt = { class: "avatar__wrapper" }, ot = ["alt", "src"], mn = /* @__PURE__ */ N({
-  __name: "Avatar",
+  __name: "RAvatar",
   props: {
     type: { default: "image" },
     src: { default: xe },
@@ -95,7 +95,7 @@ const B = /* @__PURE__ */ N({
       return a.length === 1 ? a[0].substring(0, 2) : `${a[0].charAt(0)}${a[1].charAt(0)}`;
     };
     return (i, a) => (p(), _("div", nt, [
-      v("div", {
+      b("div", {
         class: k(x(e))
       }, [
         n.type === "text" ? (p(), _("p", {
@@ -119,7 +119,7 @@ const B = /* @__PURE__ */ N({
     ]));
   }
 }), lt = { class: "badge-wrapper group" }, gn = /* @__PURE__ */ N({
-  __name: "Badge",
+  __name: "RBadge",
   props: {
     variant: { default: "primary" },
     placement: { default: "right" },
@@ -141,7 +141,7 @@ const B = /* @__PURE__ */ N({
       [`badge--${n.variant}`]: n.variant
     }));
     return (l, o) => (p(), _("div", lt, [
-      v("span", {
+      b("span", {
         class: k(x(e)),
         onClick: o[0] || (o[0] = (s) => l.$emit("click"))
       }, C(n.content), 3),
@@ -149,7 +149,7 @@ const B = /* @__PURE__ */ N({
     ]));
   }
 }), st = ["disabled"], at = /* @__PURE__ */ N({
-  __name: "Button",
+  __name: "RButton",
   props: {
     variant: { default: "primary" },
     loading: { type: Boolean, default: !1 },
@@ -210,7 +210,7 @@ const B = /* @__PURE__ */ N({
   key: 1,
   class: "checkbox-texts__hint"
 }, _n = /* @__PURE__ */ N({
-  __name: "Checkbox",
+  __name: "RCheckbox",
   props: {
     id: { default: "" },
     modelValue: { default: !1 },
@@ -259,8 +259,8 @@ const B = /* @__PURE__ */ N({
         immediate: !0
       }
     ), (c, u) => (p(), _("div", it, [
-      v("div", rt, [
-        v("input", {
+      b("div", rt, [
+        b("input", {
           id: e.id,
           checked: l.checked,
           class: "checkbox-container__input",
@@ -269,7 +269,7 @@ const B = /* @__PURE__ */ N({
           type: "checkbox",
           onChange: a
         }, null, 40, ct),
-        v("div", {
+        b("div", {
           class: k(x(i)),
           "data-disabled": e.disabled
         }, [
@@ -279,8 +279,8 @@ const B = /* @__PURE__ */ N({
           }, null, 8, ["name"])
         ], 10, dt)
       ]),
-      v("div", ut, [
-        v("label", {
+      b("div", ut, [
+        b("label", {
           class: "checkbox-texts__label",
           "data-disabled": e.disabled,
           for: e.id
@@ -290,7 +290,7 @@ const B = /* @__PURE__ */ N({
     ]));
   }
 }), mt = /* @__PURE__ */ N({
-  __name: "Chip",
+  __name: "RChip",
   props: {
     variant: { default: "primary" },
     size: { default: "medium" },
@@ -316,7 +316,7 @@ const B = /* @__PURE__ */ N({
     return (a, c) => (p(), _("div", {
       class: k(x(l))
     }, [
-      v("div", {
+      b("div", {
         class: "chip__content",
         onClick: c[0] || (c[0] = W((u) => s(u), ["stop"]))
       }, [
@@ -327,7 +327,7 @@ const B = /* @__PURE__ */ N({
           name: e.prependIcon,
           size: x(o)
         }, null, 8, ["aria-disabled", "name", "size"])) : z("", !0),
-        v("span", null, C(e.label), 1)
+        b("span", null, C(e.label), 1)
       ]),
       e.appendIcon ? (p(), L(B, {
         key: 0,
@@ -342,11 +342,11 @@ const B = /* @__PURE__ */ N({
 }), gt = { class: "dropdown" }, _t = {
   key: 0,
   class: "select__tags"
-}, bt = {
+}, vt = {
   key: 1,
   class: "select__multiple"
-}, vt = ["disabled", "placeholder"], yt = ["onClick"], xt = { style: { display: "flex", "align-items": "center" } }, bn = /* @__PURE__ */ N({
-  __name: "Dropdown",
+}, bt = ["disabled", "placeholder"], yt = ["onClick"], xt = { style: { display: "flex", "align-items": "center" } }, vn = /* @__PURE__ */ N({
+  __name: "RDropdown",
   props: {
     placeholder: { default: "" },
     options: { default: () => [] },
@@ -361,10 +361,10 @@ const B = /* @__PURE__ */ N({
   emits: ["update:modelValue"],
   setup(t, { emit: n }) {
     const e = t, l = E(""), o = ee([]), s = E(!1), i = E(""), a = E(null), c = E(null), u = (h) => {
-      var f, r, b, $, M, A;
+      var f, r, v, $, M, A;
       if (!e.disabled) {
         if (h.stopPropagation(), s.value = !s.value, s.value) {
-          (f = a.value) == null || f.classList.add("select--active"), (r = a.value) == null || r.focus(), (b = c.value) == null || b.focus(), document.addEventListener("click", u);
+          (f = a.value) == null || f.classList.add("select--active"), (r = a.value) == null || r.focus(), (v = c.value) == null || v.focus(), document.addEventListener("click", u);
           return;
         }
         ($ = a.value) == null || $.classList.remove("select--active"), (M = a.value) == null || M.blur(), (A = c.value) == null || A.blur(), document.removeEventListener("click", u);
@@ -380,28 +380,28 @@ const B = /* @__PURE__ */ N({
       if (h instanceof KeyboardEvent && h.key !== "Backspace" || i.value !== "")
         return;
       h.stopPropagation();
-      const r = o.findIndex((b) => b.value === f.value);
+      const r = o.findIndex((v) => v.value === f.value);
       o.splice(r, 1);
     }, y = (h) => {
-      var b;
+      var v;
       if (!e.taggable)
         return;
       h.stopPropagation();
       const f = i.value;
       if (f === "")
         return;
-      e.options.find(($) => $.label === f) || (o.push({ value: f, label: f }), i.value = "", (b = c.value) == null || b.focus());
+      e.options.find(($) => $.label === f) || (o.push({ value: f, label: f }), i.value = "", (v = c.value) == null || v.focus());
     }, g = w(() => e.options.filter((f) => f.label.toLowerCase().includes(i.value.toLowerCase())));
     return F(o, (h) => {
       n("update:modelValue", h);
     }), (h, f) => (p(), _("div", gt, [
-      v("div", {
+      b("div", {
         ref_key: "select",
         ref: a,
         class: k({ select: !0, "select--disabled": e.disabled }),
         onClick: u
       }, [
-        v("div", {
+        b("div", {
           class: k({
             "select__prepend-icon": !0,
             "select__prepend-icon--active": s.value
@@ -414,8 +414,8 @@ const B = /* @__PURE__ */ N({
           }, null, 8, ["name"]))
         ], 2),
         e.taggable ? (p(), _("div", _t, [
-          (p(!0), _(X, null, le(o, (r, b) => (p(), L(mt, {
-            key: b,
+          (p(!0), _(X, null, le(o, (r, v) => (p(), L(mt, {
+            key: v,
             appendIcon: "close",
             class: "select__tags__chip",
             label: r.label,
@@ -423,10 +423,10 @@ const B = /* @__PURE__ */ N({
             onClickIcon: ($) => d($, r)
           }, null, 8, ["label", "onClickIcon"]))), 128))
         ])) : z("", !0),
-        e.multiple ? (p(), _("div", bt, [
-          (p(!0), _(X, null, le(o, (r, b) => (p(), _("p", { key: b }, C(r.label + ","), 1))), 128))
+        e.multiple ? (p(), _("div", vt, [
+          (p(!0), _(X, null, le(o, (r, v) => (p(), _("p", { key: v }, C(r.label + ","), 1))), 128))
         ])) : z("", !0),
-        Pe(v("input", {
+        Pe(b("input", {
           id: "select",
           ref_key: "input",
           ref: c,
@@ -439,10 +439,10 @@ const B = /* @__PURE__ */ N({
             f[1] || (f[1] = ye((r) => d(r, o[o.length - 1]), ["backspace"])),
             f[2] || (f[2] = ye((r) => y(r), ["enter"]))
           ]
-        }, null, 40, vt), [
+        }, null, 40, bt), [
           [Fe, i.value]
         ]),
-        v("div", {
+        b("div", {
           class: k({
             "select__append-icon": !0,
             "select__append-icon--active": s.value
@@ -455,7 +455,7 @@ const B = /* @__PURE__ */ N({
           }, null, 8, ["name"]))
         ], 2)
       ], 2),
-      v("ul", {
+      b("ul", {
         class: k({ "select-options": !0, "select-options--active": s.value })
       }, [
         (p(!0), _(X, null, le(x(g), (r) => (p(), _("li", {
@@ -464,9 +464,9 @@ const B = /* @__PURE__ */ N({
             "select-options__option": !0,
             "select-options__option--active": r.label === l.value || (o == null ? void 0 : o.includes(r))
           }),
-          onClick: (b) => m(b, r)
+          onClick: (v) => m(v, r)
         }, [
-          v("div", xt, [
+          b("div", xt, [
             O(h.$slots, "option-prepend"),
             h.$slots["option-prepend"] ? z("", !0) : (p(), L(B, {
               key: 0,
@@ -476,7 +476,7 @@ const B = /* @__PURE__ */ N({
               }),
               name: "face"
             }, null, 8, ["class"])),
-            v("p", {
+            b("p", {
               class: k({
                 "select-options__option__label": !0,
                 "select-options__option__label--active": r.label === l.value || (o == null ? void 0 : o.includes(r))
@@ -496,7 +496,7 @@ const B = /* @__PURE__ */ N({
     ]));
   }
 }), kt = ["id", "for"], Ae = /* @__PURE__ */ N({
-  __name: "Label",
+  __name: "RLabel",
   props: {
     id: { default: "" },
     for: { default: "" },
@@ -515,8 +515,8 @@ const B = /* @__PURE__ */ N({
 }, Mt = {
   key: 1,
   class: "snackbar__close"
-}, vn = /* @__PURE__ */ N({
-  __name: "Snackbar",
+}, bn = /* @__PURE__ */ N({
+  __name: "RSnackbar",
   props: {
     text: { default: "" },
     actionText: { default: "" },
@@ -550,7 +550,7 @@ const B = /* @__PURE__ */ N({
         [e.left ? "snackbar--left" : "snackbar--right"]: !0
       })
     }, [
-      v("div", wt, C(e.text), 1),
+      b("div", wt, C(e.text), 1),
       e.showAction ? (p(), _("div", $t, [
         O(i.$slots, "action"),
         i.$slots.action ? z("", !0) : (p(), L(at, {
@@ -576,14 +576,14 @@ const B = /* @__PURE__ */ N({
       ])) : z("", !0)
     ], 2));
   }
-}), Tt = { class: "switch-container" }, zt = ["id", "checked"], Ct = /* @__PURE__ */ v("span", { class: "slider round" }, null, -1), It = ["id", "for"], Lt = {
+}), Tt = { class: "switch-container" }, zt = ["id", "checked"], Ct = /* @__PURE__ */ b("span", { class: "slider round" }, null, -1), It = ["id", "for"], Lt = {
   key: 0,
   class: "switch-texts__error"
 }, At = {
   key: 1,
   class: "switch-texts__hint"
 }, yn = /* @__PURE__ */ N({
-  __name: "Switch",
+  __name: "RSwitch",
   props: {
     id: { default: "switch" },
     modelValue: { default: !1 },
@@ -616,10 +616,10 @@ const B = /* @__PURE__ */ N({
         immediate: !0
       }
     ), (i, a) => (p(), _("div", Tt, [
-      v("div", {
+      b("div", {
         class: k(x(o))
       }, [
-        v("input", {
+        b("input", {
           id: e.id,
           checked: l.checked,
           class: "switch__input",
@@ -628,13 +628,13 @@ const B = /* @__PURE__ */ N({
         }, null, 40, zt),
         Ct
       ], 2),
-      v("div", {
+      b("div", {
         class: k({
           "switch-texts": !0,
           [`switch-texts--${e.size}`]: !0
         })
       }, [
-        v("label", {
+        b("label", {
           id: e.id,
           class: "switch-texts__label",
           for: e.id
@@ -649,7 +649,7 @@ const Rt = ["aria-disabled", "aria-selected", "disabled"], Nt = {
   key: 1,
   class: "tab-item__label"
 }, Dt = /* @__PURE__ */ N({
-  __name: "TabItem",
+  __name: "RTabItem",
   props: {
     id: null,
     variant: { default: se.DEFAULT },
@@ -686,7 +686,7 @@ const Rt = ["aria-disabled", "aria-selected", "disabled"], Nt = {
     ], 10, Rt));
   }
 }), Bt = { class: "tabs-wrapper" }, jt = { class: "tab-content" }, xn = /* @__PURE__ */ N({
-  __name: "Tabs",
+  __name: "RTabs",
   props: {
     tabs: { default: () => [] },
     scrollable: { type: Boolean, default: !1 }
@@ -697,8 +697,8 @@ const Rt = ["aria-disabled", "aria-selected", "disabled"], Nt = {
       "tabs--scrollable": n.scrollable
     }));
     return (o, s) => (p(), _(X, null, [
-      v("div", Bt, [
-        v("div", {
+      b("div", Bt, [
+        b("div", {
           class: k(x(l))
         }, [
           (p(!0), _(X, null, le(n.tabs, (i, a) => (p(), L(Dt, {
@@ -713,7 +713,7 @@ const Rt = ["aria-disabled", "aria-selected", "disabled"], Nt = {
           }, null, 8, ["id", "modelValue", "active", "disabled", "icon", "label"]))), 128))
         ], 2)
       ]),
-      v("div", jt, [
+      b("div", jt, [
         O(o.$slots, "tab", { activeTab: e.value })
       ])
     ], 64));
@@ -725,7 +725,7 @@ const Rt = ["aria-disabled", "aria-selected", "disabled"], Nt = {
   key: 2,
   class: "textarea__hint"
 }, kn = /* @__PURE__ */ N({
-  __name: "TextArea",
+  __name: "RTextArea",
   props: {
     id: { default: "" },
     modelValue: { default: "" },
@@ -759,7 +759,7 @@ const Rt = ["aria-disabled", "aria-selected", "disabled"], Nt = {
         for: "textarea",
         text: e.label
       }, null, 8, ["text"])) : z("", !0),
-      v("textarea", {
+      b("textarea", {
         id: e.id,
         class: k(["textarea", {
           "textarea--error": e.errorMsg,
@@ -781,7 +781,7 @@ const Rt = ["aria-disabled", "aria-selected", "disabled"], Nt = {
   key: 0,
   class: "textfield__hint"
 }, wn = /* @__PURE__ */ N({
-  __name: "Textfield",
+  __name: "RTextfield",
   props: {
     id: { default: "" },
     type: { default: "text" },
@@ -842,7 +842,7 @@ const Rt = ["aria-disabled", "aria-selected", "disabled"], Nt = {
     }), r = w(() => {
       const { appendIcon: T, type: R } = e;
       return g.value ? "error_outline" : h.value && ["text", "email"].includes(R) ? "clear" : R === "password" && s.value === "password" ? "visibility" : R === "password" && s.value === "text" ? "visibility_off" : T;
-    }), b = () => {
+    }), v = () => {
       a.value = !0, n("focus", {
         value: o.value
       });
@@ -881,7 +881,7 @@ const Rt = ["aria-disabled", "aria-selected", "disabled"], Nt = {
         n("update:modelValue", T);
       }
     ), (T, R) => (p(), _("fieldset", null, [
-      v("div", St, [
+      b("div", St, [
         ge(Ae, {
           id: e.id,
           class: k({
@@ -890,8 +890,8 @@ const Rt = ["aria-disabled", "aria-selected", "disabled"], Nt = {
           for: e.id,
           text: e.label
         }, null, 8, ["id", "for", "text"]),
-        v("div", Yt, [
-          v("div", {
+        b("div", Yt, [
+          b("div", {
             class: k(x(u))
           }, [
             x(f) ? (p(), L(B, {
@@ -900,7 +900,7 @@ const Rt = ["aria-disabled", "aria-selected", "disabled"], Nt = {
               name: x(f),
               size: 16
             }, null, 8, ["class", "name"])) : z("", !0),
-            v("input", {
+            b("input", {
               id: e.id,
               ref_key: "inputRef",
               ref: l,
@@ -909,7 +909,7 @@ const Rt = ["aria-disabled", "aria-selected", "disabled"], Nt = {
               type: s.value,
               value: o.value,
               onBlur: $,
-              onFocus: b,
+              onFocus: v,
               onInput: j
             }, null, 40, Wt),
             x(r) ? (p(), L(B, {
@@ -921,7 +921,7 @@ const Rt = ["aria-disabled", "aria-selected", "disabled"], Nt = {
               onClick: M
             }, null, 8, ["class", "color", "name"])) : z("", !0)
           ], 2),
-          v("div", Pt, C(e.errorMsg), 1),
+          b("div", Pt, C(e.errorMsg), 1),
           e.errorMsg ? z("", !0) : (p(), _("div", Ft, C(e.hint), 1))
         ])
       ])
@@ -973,7 +973,7 @@ const Ut = async (t, n, e) => {
   const { placement: l = "bottom", strategy: o = "absolute", middleware: s = [], platform: i } = e, a = s.filter(Boolean), c = await (i.isRTL == null ? void 0 : i.isRTL(n));
   let u = await i.getElementRects({ reference: t, floating: n, strategy: o }), { x: m, y: d } = ke(u, l, c), y = l, g = {}, h = 0;
   for (let f = 0; f < a.length; f++) {
-    const { name: r, fn: b } = a[f], { x: $, y: M, data: A, reset: j } = await b({ x: m, y: d, initialPlacement: l, placement: y, strategy: o, middlewareData: g, rects: u, platform: i, elements: { reference: t, floating: n } });
+    const { name: r, fn: v } = a[f], { x: $, y: M, data: A, reset: j } = await v({ x: m, y: d, initialPlacement: l, placement: y, strategy: o, middlewareData: g, rects: u, platform: i, elements: { reference: t, floating: n } });
     m = $ ?? m, d = M ?? d, g = { ...g, [r]: { ...g[r], ...A } }, j && h <= 50 && (h++, typeof j == "object" && (j.placement && (y = j.placement), j.rects && (u = j.rects === !0 ? await i.getElementRects({ reference: t, floating: n, strategy: o }) : j.rects), { x: m, y: d } = ke(u, y, c)), f = -1);
   }
   return { x: m, y: d, placement: y, strategy: o, middlewareData: g };
@@ -989,8 +989,8 @@ function ae(t) {
 async function ie(t, n) {
   var e;
   n === void 0 && (n = {});
-  const { x: l, y: o, platform: s, rects: i, elements: a, strategy: c } = t, { boundary: u = "clippingAncestors", rootBoundary: m = "viewport", elementContext: d = "floating", altBoundary: y = !1, padding: g = 0 } = n, h = Re(g), f = a[y ? d === "floating" ? "reference" : "floating" : d], r = ae(await s.getClippingRect({ element: (e = await (s.isElement == null ? void 0 : s.isElement(f))) == null || e ? f : f.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(a.floating)), boundary: u, rootBoundary: m, strategy: c })), b = ae(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({ rect: d === "floating" ? { ...i.floating, x: l, y: o } : i.reference, offsetParent: await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(a.floating)), strategy: c }) : i[d]);
-  return { top: r.top - b.top + h.top, bottom: b.bottom - r.bottom + h.bottom, left: r.left - b.left + h.left, right: b.right - r.right + h.right };
+  const { x: l, y: o, platform: s, rects: i, elements: a, strategy: c } = t, { boundary: u = "clippingAncestors", rootBoundary: m = "viewport", elementContext: d = "floating", altBoundary: y = !1, padding: g = 0 } = n, h = Re(g), f = a[y ? d === "floating" ? "reference" : "floating" : d], r = ae(await s.getClippingRect({ element: (e = await (s.isElement == null ? void 0 : s.isElement(f))) == null || e ? f : f.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(a.floating)), boundary: u, rootBoundary: m, strategy: c })), v = ae(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({ rect: d === "floating" ? { ...i.floating, x: l, y: o } : i.reference, offsetParent: await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(a.floating)), strategy: c }) : i[d]);
+  return { top: r.top - v.top + h.top, bottom: v.bottom - r.bottom + h.bottom, left: r.left - v.left + h.left, right: v.right - r.right + h.right };
 }
 const Zt = Math.min, Qt = Math.max;
 function he(t, n, e) {
@@ -1000,10 +1000,10 @@ const Xt = (t) => ({ name: "arrow", options: t, async fn(n) {
   const { element: e, padding: l = 0 } = t ?? {}, { x: o, y: s, placement: i, rects: a, platform: c } = n;
   if (e == null)
     return {};
-  const u = Re(l), m = { x: o, y: s }, d = ne(i), y = de(i), g = _e(d), h = await c.getDimensions(e), f = d === "y" ? "top" : "left", r = d === "y" ? "bottom" : "right", b = a.reference[g] + a.reference[d] - m[d] - a.floating[g], $ = m[d] - a.reference[d], M = await (c.getOffsetParent == null ? void 0 : c.getOffsetParent(e));
+  const u = Re(l), m = { x: o, y: s }, d = ne(i), y = de(i), g = _e(d), h = await c.getDimensions(e), f = d === "y" ? "top" : "left", r = d === "y" ? "bottom" : "right", v = a.reference[g] + a.reference[d] - m[d] - a.floating[g], $ = m[d] - a.reference[d], M = await (c.getOffsetParent == null ? void 0 : c.getOffsetParent(e));
   let A = M ? d === "y" ? M.clientHeight || 0 : M.clientWidth || 0 : 0;
   A === 0 && (A = a.floating[g]);
-  const j = b / 2 - $ / 2, T = u[f], R = A - h[g] - u[r], I = A / 2 - h[g] / 2 + j, D = he(T, I, R), Q = (y === "start" ? u[f] : u[r]) > 0 && I !== D && a.reference[g] <= a.floating[g];
+  const j = v / 2 - $ / 2, T = u[f], R = A - h[g] - u[r], I = A / 2 - h[g] / 2 + j, D = he(T, I, R), Q = (y === "start" ? u[f] : u[r]) > 0 && I !== D && a.reference[g] <= a.floating[g];
   return { [d]: m[d] - (Q ? I < T ? T - I : R - I : 0), data: { [d]: D, centerOffset: I - D } };
 } }), Kt = { left: "right", right: "left", bottom: "top", top: "bottom" };
 function re(t) {
@@ -1027,7 +1027,7 @@ const qt = function(t) {
     const { placement: l, middlewareData: o, rects: s, initialPlacement: i, platform: a, elements: c } = n, { mainAxis: u = !0, crossAxis: m = !0, fallbackPlacements: d, fallbackStrategy: y = "bestFit", flipAlignment: g = !0, ...h } = t, f = te(l), r = d || (f === i || !g ? [re(i)] : function(I) {
       const D = re(I);
       return [we(I), D, we(D)];
-    }(i)), b = [i, ...r], $ = await ie(n, h), M = [];
+    }(i)), v = [i, ...r], $ = await ie(n, h), M = [];
     let A = ((e = o.flip) == null ? void 0 : e.overflows) || [];
     if (u && M.push($[f]), m) {
       const { main: I, cross: D } = Gt(l, s, await (a.isRTL == null ? void 0 : a.isRTL(c.floating)));
@@ -1035,15 +1035,15 @@ const qt = function(t) {
     }
     if (A = [...A, { placement: l, overflows: M }], !M.every((I) => I <= 0)) {
       var j, T;
-      const I = ((j = (T = o.flip) == null ? void 0 : T.index) != null ? j : 0) + 1, D = b[I];
+      const I = ((j = (T = o.flip) == null ? void 0 : T.index) != null ? j : 0) + 1, D = v[I];
       if (D)
         return { data: { index: I, overflows: A }, reset: { placement: D } };
       let Q = "bottom";
       switch (y) {
         case "bestFit": {
           var R;
-          const ve = (R = A.map((oe) => [oe, oe.overflows.filter((G) => G > 0).reduce((G, Se) => G + Se, 0)]).sort((oe, G) => oe[1] - G[1])[0]) == null ? void 0 : R[0].placement;
-          ve && (Q = ve);
+          const be = (R = A.map((oe) => [oe, oe.overflows.filter((G) => G > 0).reduce((G, Se) => G + Se, 0)]).sort((oe, G) => oe[1] - G[1])[0]) == null ? void 0 : R[0].placement;
+          be && (Q = be);
           break;
         }
         case "initialPlacement":
@@ -1082,8 +1082,8 @@ const en = function(t) {
   return t === void 0 && (t = 0), { name: "offset", options: t, async fn(n) {
     const { x: e, y: l } = n, o = await async function(s, i) {
       const { placement: a, platform: c, elements: u } = s, m = await (c.isRTL == null ? void 0 : c.isRTL(u.floating)), d = te(a), y = de(a), g = ne(a) === "x", h = ["left", "top"].includes(d) ? -1 : 1, f = m && g ? -1 : 1, r = typeof i == "function" ? i(s) : i;
-      let { mainAxis: b, crossAxis: $, alignmentAxis: M } = typeof r == "number" ? { mainAxis: r, crossAxis: 0, alignmentAxis: null } : { mainAxis: 0, crossAxis: 0, alignmentAxis: null, ...r };
-      return y && typeof M == "number" && ($ = y === "end" ? -1 * M : M), g ? { x: $ * f, y: b * h } : { x: b * h, y: $ * f };
+      let { mainAxis: v, crossAxis: $, alignmentAxis: M } = typeof r == "number" ? { mainAxis: r, crossAxis: 0, alignmentAxis: null } : { mainAxis: 0, crossAxis: 0, alignmentAxis: null, ...r };
+      return y && typeof M == "number" && ($ = y === "end" ? -1 * M : M), g ? { x: $ * f, y: v * h } : { x: v * h, y: $ * f };
     }(n, t);
     return { x: e + o.x, y: l + o.y, data: o };
   } };
@@ -1094,8 +1094,8 @@ function nn(t) {
 const on = function(t) {
   return t === void 0 && (t = {}), { name: "shift", options: t, async fn(n) {
     const { x: e, y: l, placement: o } = n, { mainAxis: s = !0, crossAxis: i = !1, limiter: a = { fn: (r) => {
-      let { x: b, y: $ } = r;
-      return { x: b, y: $ };
+      let { x: v, y: $ } = r;
+      return { x: v, y: $ };
     } }, ...c } = t, u = { x: e, y: l }, m = await ie(n, c), d = ne(te(o)), y = nn(d);
     let g = u[d], h = u[y];
     if (s) {
@@ -1158,7 +1158,7 @@ function me(t) {
 function je() {
   return !/^((?!chrome|android).)*safari/i.test(Be());
 }
-function be(t) {
+function ve(t) {
   return ["html", "body", "#document"].includes(U(t));
 }
 const ze = Math.min, J = Math.max, ce = Math.round;
@@ -1212,7 +1212,7 @@ function Ie(t) {
     e = Ce(e);
   return e && (U(e) === "html" || U(e) === "body" && V(e).position === "static" && !me(e)) ? n : e || function(l) {
     let o = q(l);
-    for (; H(o) && !be(o); ) {
+    for (; H(o) && !ve(o); ) {
       if (me(o))
         return o;
       o = q(o);
@@ -1222,7 +1222,7 @@ function Ie(t) {
 }
 function Oe(t) {
   const n = q(t);
-  return be(n) ? t.ownerDocument.body : H(n) && ue(n) ? n : Oe(n);
+  return ve(n) ? t.ownerDocument.body : H(n) && ue(n) ? n : Oe(n);
 }
 function Ve(t, n) {
   var e;
@@ -1257,7 +1257,7 @@ const an = { getClippingRect: function(t) {
     let m = Ve(u).filter((h) => K(h) && U(h) !== "body"), d = null;
     const y = V(u).position === "fixed";
     let g = y ? q(u) : u;
-    for (; K(g) && !be(g); ) {
+    for (; K(g) && !ve(g); ) {
       const h = V(g), f = me(g);
       (y ? f || d : f || h.position !== "static" || !d || !["absolute", "fixed"].includes(d.position)) ? d = h : m = m.filter((r) => r !== g), g = q(g);
     }
@@ -1323,7 +1323,7 @@ function pe({ value: t }, { value: n }, { value: e }, l, o, s) {
 }
 var He = /* @__PURE__ */ ((t) => (t.Top = "top", t.Bottom = "bottom", t.Left = "left", t.Right = "right", t.TopStart = "top-start", t.TopEnd = "top-end", t.RightStart = "right-start", t.RightEnd = "right-end", t.BottomStart = "bottom-start", t.BottomEnd = "bottom-end", t.LeftStart = "left-start", t.LeftEnd = "left-end", t))(He || {}), Y = /* @__PURE__ */ ((t) => (t.Click = "click", t.Hover = "hover", t.Manual = "manual", t))(Y || {});
 const cn = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMousemove"], dn = ["innerHTML"], un = /* @__PURE__ */ N({
-  __name: "Tooltip",
+  __name: "RTooltip",
   props: {
     placement: { default: He.Top },
     text: { default: "" },
@@ -1345,12 +1345,12 @@ const cn = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
   setup(t, { emit: n }) {
     const e = t;
     Xe((r) => ({
-      "11aba73c": x(f)
+      "271323d4": x(f)
     }));
     const l = E(null), o = E(null), s = E(null);
     function i() {
-      const { placement: r, offset: b, padding: $, disabled: M } = e;
-      M || (o.value.style.display = "block", n("show"), pe(l, o, s, r, b, $), c(), e.outsideClick && u("add"));
+      const { placement: r, offset: v, padding: $, disabled: M } = e;
+      M || (o.value.style.display = "block", n("show"), pe(l, o, s, r, v, $), c(), e.outsideClick && u("add"));
     }
     function a() {
       o.value.style.display = "", n("hide"), e.outsideClick && u("remove");
@@ -1373,16 +1373,16 @@ const cn = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
         } else
           o.value.style.display !== "" && e.triggers === Y.Hover && a();
     }, g = () => {
-      const { placement: r, offset: b, padding: $, disabled: M } = e;
-      M || e.triggers === Y.Hover && pe(l, o, s, r, b, $);
+      const { placement: r, offset: v, padding: $, disabled: M } = e;
+      M || e.triggers === Y.Hover && pe(l, o, s, r, v, $);
     }, h = w(() => ({
       tooltip: !0,
       "tooltip--dark": e.dark,
       "tooltip--light": e.light
     }));
     window.onresize = () => {
-      const { placement: r, offset: b, padding: $, disabled: M } = e;
-      M || e.resizable && pe(l, o, s, r, b, $);
+      const { placement: r, offset: v, padding: $, disabled: M } = e;
+      M || e.resizable && pe(l, o, s, r, v, $);
     }, Ke(
       () => {
         e.disabled || e.shown && e.triggers === Y.Manual && i();
@@ -1391,8 +1391,8 @@ const cn = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
       // this is important to avoid infinite loop & for fire on mounted
     );
     const f = w(() => `${e.showDelay}ms`);
-    return (r, b) => (p(), _(X, null, [
-      v("div", {
+    return (r, v) => (p(), _(X, null, [
+      b("div", {
         ref_key: "trigger",
         ref: l,
         "aria-disabled": e.disabled,
@@ -1408,7 +1408,7 @@ const cn = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
           innerHTML: e.triggerContent
         }, null, 8, dn))
       ], 40, cn),
-      v("div", {
+      b("div", {
         id: "tooltip",
         ref_key: "tooltip",
         ref: o,
@@ -1444,22 +1444,22 @@ const fn = (t, n) => {
   for (const [l, o] of n)
     e[l] = o;
   return e;
-}, $n = /* @__PURE__ */ fn(un, [["__scopeId", "data-v-af8d63f8"]]);
+}, $n = /* @__PURE__ */ fn(un, [["__scopeId", "data-v-ee5f5651"]]);
 export {
-  hn as RAlert,
-  mn as RAvatar,
-  gn as RBadge,
-  at as RButton,
-  _n as RCheckbox,
-  mt as RChip,
-  bn as RDropdown,
-  B as RIcon,
-  Ae as RLabel,
-  vn as RSnackbar,
-  yn as RSwitch,
-  Dt as RTabItem,
-  xn as RTabs,
-  kn as RTextArea,
-  wn as RTextfield,
-  $n as RTooltip
+  hn as Alert,
+  mn as Avatar,
+  gn as Badge,
+  at as Button,
+  _n as Checkbox,
+  mt as Chip,
+  vn as Dropdown,
+  B as Icon,
+  Ae as Label,
+  bn as Snackbar,
+  yn as Switch,
+  Dt as TabItem,
+  xn as Tabs,
+  kn as TextArea,
+  wn as Textfield,
+  $n as Tooltip
 };