@rocketui/vue 0.0.11 → 0.0.13

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 I, renderSlot as O, createCommentVNode as T, 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,29 +55,29 @@ 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, {
+        a.$slots.close ? O(a.$slots, "close", { key: 1 }) : (p(), I(B, {
           key: 0,
           class: "close__button",
           name: "close",
           size: "16",
           onClick: i
         }))
-      ])) : z("", !0)
+      ])) : T("", !0)
     ], 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", {
@@ -115,11 +115,11 @@ const B = /* @__PURE__ */ N({
       n.online ? (p(), _("span", {
         key: 0,
         class: k({ avatar__online: !0, [`avatar__online--${n.size}`]: !0 })
-      }, null, 2)) : z("", !0)
+      }, null, 2)) : T("", !0)
     ]));
   }
 }), 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 },
@@ -185,7 +185,7 @@ const B = /* @__PURE__ */ N({
       onClick: i[0] || (i[0] = W((a) => s.$emit("click"), ["stop"]))
     }), [
       O(s.$slots, "custom-icon"),
-      s.$slots["custom-icon"] ? z("", !0) : (p(), L(B, {
+      s.$slots["custom-icon"] ? T("", !0) : (p(), I(B, {
         key: 0,
         class: k({
           "button__prepend-icon": !0,
@@ -194,13 +194,13 @@ const B = /* @__PURE__ */ N({
         name: n.prependIcon,
         size: x(l)
       }, null, 8, ["class", "name", "size"])),
-      n.onlyIcon ? z("", !0) : O(s.$slots, "default", { key: 1 }),
-      !s.$slots["custom-icon"] && !n.onlyIcon ? (p(), L(B, {
+      n.onlyIcon ? T("", !0) : O(s.$slots, "default", { key: 1 }),
+      !s.$slots["custom-icon"] && !n.onlyIcon ? (p(), I(B, {
         key: 2,
         class: "button__append-icon",
         name: n.appendIcon,
         size: x(l)
-      }, null, 8, ["name", "size"])) : z("", !0)
+      }, null, 8, ["name", "size"])) : T("", !0)
     ], 16, st));
   }
 }), it = { class: "checkbox-wrapper" }, rt = { class: "checkbox-container" }, ct = ["id", "checked", "disabled", "indeterminate"], dt = ["data-disabled"], ut = { class: "checkbox-texts" }, ft = ["data-disabled", "for"], pt = {
@@ -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,37 +316,37 @@ 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"]))
       }, [
-        e.prependIcon ? (p(), L(B, {
+        e.prependIcon ? (p(), I(B, {
           key: 0,
           "aria-disabled": e.disabled,
           class: "chip__prepend-icon",
           name: e.prependIcon,
           size: x(o)
-        }, null, 8, ["aria-disabled", "name", "size"])) : z("", !0),
-        v("span", null, C(e.label), 1)
+        }, null, 8, ["aria-disabled", "name", "size"])) : T("", !0),
+        b("span", null, C(e.label), 1)
       ]),
-      e.appendIcon ? (p(), L(B, {
+      e.appendIcon ? (p(), I(B, {
         key: 0,
         "aria-disabled": e.disabled,
         class: "chip__append-icon",
         name: e.appendIcon,
         size: x(o),
         onClick: c[1] || (c[1] = W((u) => i(u), ["stop"]))
-      }, null, 8, ["aria-disabled", "name", "size"])) : z("", !0)
+      }, null, 8, ["aria-disabled", "name", "size"])) : T("", !0)
     ], 2));
   }
 }), 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,13 +361,13 @@ 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, L;
       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);
+        ($ = a.value) == null || $.classList.remove("select--active"), (M = a.value) == null || M.blur(), (L = c.value) == null || L.blur(), document.removeEventListener("click", u);
       }
     }, m = (h, f) => {
       var r;
@@ -380,53 +380,53 @@ 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
           })
         }, [
           O(h.$slots, "prepend-icon"),
-          h.$slots["prepend-icon"] ? z("", !0) : (p(), L(B, {
+          h.$slots["prepend-icon"] ? T("", !0) : (p(), I(B, {
             key: 0,
             name: e.prependIcon
           }, 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(), I(mt, {
+            key: v,
             appendIcon: "close",
             class: "select__tags__chip",
             label: r.label,
             variant: "primary",
             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))
-        ])) : z("", !0),
-        Pe(v("input", {
+        ])) : T("", !0),
+        e.multiple ? (p(), _("div", vt, [
+          (p(!0), _(X, null, le(o, (r, v) => (p(), _("p", { key: v }, C(r.label + ","), 1))), 128))
+        ])) : T("", !0),
+        Pe(b("input", {
           id: "select",
           ref_key: "input",
           ref: c,
@@ -439,23 +439,23 @@ 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
           })
         }, [
           O(h.$slots, "append-icon"),
-          h.$slots["append-icon"] ? z("", !0) : (p(), L(B, {
+          h.$slots["append-icon"] ? T("", !0) : (p(), I(B, {
             key: 0,
             name: e.appendIcon
           }, 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,11 +464,11 @@ 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, {
+            h.$slots["option-prepend"] ? T("", !0) : (p(), I(B, {
               key: 0,
               class: k({
                 "select-options__option__prepend-icon": !0,
@@ -476,27 +476,27 @@ 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))
               })
             }, C(r.label), 3)
           ]),
-          r.label === l.value || o != null && o.includes(r) ? (p(), L(B, {
+          r.label === l.value || o != null && o.includes(r) ? (p(), I(B, {
             key: 0,
             class: k({
               "select-options__option__append-icon": !0,
               "select-options__option__append-icon--active": r.label === l.value || (o == null ? void 0 : o.includes(r))
             }),
             name: "check"
-          }, null, 8, ["class"])) : z("", !0)
+          }, null, 8, ["class"])) : T("", !0)
         ], 10, yt))), 128))
       ], 2)
     ]));
   }
-}), kt = ["id", "for"], Ae = /* @__PURE__ */ N({
-  __name: "Label",
+}), kt = ["id", "for"], Le = /* @__PURE__ */ N({
+  __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,10 +550,10 @@ 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, {
+        i.$slots.action ? T("", !0) : (p(), I(at, {
           key: 0,
           size: "small",
           variant: "ghost",
@@ -564,26 +564,26 @@ const B = /* @__PURE__ */ N({
           ]),
           _: 1
         }))
-      ])) : z("", !0),
+      ])) : T("", !0),
       e.showClose ? (p(), _("div", Mt, [
         O(i.$slots, "close"),
-        i.$slots.close ? z("", !0) : (p(), L(B, {
+        i.$slots.close ? T("", !0) : (p(), I(B, {
           key: 0,
           name: "close",
           size: "14",
           onClick: W(s, ["stop"])
         }, null, 8, ["onClick"]))
-      ])) : z("", !0)
+      ])) : T("", !0)
     ], 2));
   }
-}), Tt = { class: "switch-container" }, zt = ["id", "checked"], Ct = /* @__PURE__ */ v("span", { class: "slider round" }, null, -1), It = ["id", "for"], Lt = {
+}), zt = { class: "switch-container" }, Tt = ["id", "checked"], Ct = /* @__PURE__ */ b("span", { class: "slider round" }, null, -1), Rt = ["id", "for"], It = {
   key: 0,
   class: "switch-texts__error"
-}, At = {
+}, Lt = {
   key: 1,
   class: "switch-texts__hint"
 }, yn = /* @__PURE__ */ N({
-  __name: "Switch",
+  __name: "RSwitch",
   props: {
     id: { default: "switch" },
     modelValue: { default: !1 },
@@ -615,41 +615,41 @@ const B = /* @__PURE__ */ N({
         // TODO: find a better way to do this
         immediate: !0
       }
-    ), (i, a) => (p(), _("div", Tt, [
-      v("div", {
+    ), (i, a) => (p(), _("div", zt, [
+      b("div", {
         class: k(x(o))
       }, [
-        v("input", {
+        b("input", {
           id: e.id,
           checked: l.checked,
           class: "switch__input",
           type: "checkbox",
           onChange: s
-        }, null, 40, zt),
+        }, null, 40, Tt),
         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
-        }, C(e.label), 9, It),
-        e.errorMsg ? (p(), _("p", Lt, C(e.errorMsg), 1)) : (p(), _("p", At, C(e.hint), 1))
+        }, C(e.label), 9, Rt),
+        e.errorMsg ? (p(), _("p", It, C(e.errorMsg), 1)) : (p(), _("p", Lt, C(e.hint), 1))
       ], 2)
     ]));
   }
 });
 var se = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.TEXT_ONLY = "text-only", t.ICON_ONLY = "icon-only", t))(se || {});
-const Rt = ["aria-disabled", "aria-selected", "disabled"], Nt = {
+const At = ["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 },
@@ -676,17 +676,17 @@ const Rt = ["aria-disabled", "aria-selected", "disabled"], Nt = {
       onClick: i[0] || (i[0] = (a) => o(e.id))
     }, [
       O(s.$slots, "icon"),
-      !s.$slots.icon && t.variant !== x(se).TEXT_ONLY ? (p(), L(B, {
+      !s.$slots.icon && t.variant !== x(se).TEXT_ONLY ? (p(), I(B, {
         key: 0,
         class: "tab-item__icon",
         name: e.icon,
         size: "16"
-      }, null, 8, ["name"])) : z("", !0),
-      t.variant !== x(se).ICON_ONLY ? (p(), _("span", Nt, C(e.label), 1)) : z("", !0)
-    ], 10, Rt));
+      }, null, 8, ["name"])) : T("", !0),
+      t.variant !== x(se).ICON_ONLY ? (p(), _("span", Nt, C(e.label), 1)) : T("", !0)
+    ], 10, At));
   }
 }), Bt = { class: "tabs-wrapper" }, jt = { class: "tab-content" }, xn = /* @__PURE__ */ N({
-  __name: "Tabs",
+  __name: "RTabs",
   props: {
     tabs: { default: () => [] },
     scrollable: { type: Boolean, default: !1 }
@@ -697,11 +697,11 @@ 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, {
+          (p(!0), _(X, null, le(n.tabs, (i, a) => (p(), I(Dt, {
             id: i.id,
             key: a,
             modelValue: e.value,
@@ -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: "" },
@@ -752,14 +752,14 @@ const Rt = ["aria-disabled", "aria-selected", "disabled"], Nt = {
         immediate: !0
       }
     ), (s, i) => (p(), _("div", Et, [
-      e.label ? (p(), L(Ae, {
+      e.label ? (p(), I(Le, {
         key: 0,
         id: "textarea",
         class: "textarea__label",
         for: "textarea",
         text: e.label
-      }, null, 8, ["text"])) : z("", !0),
-      v("textarea", {
+      }, null, 8, ["text"])) : T("", !0),
+      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" },
@@ -815,13 +815,13 @@ const Rt = ["aria-disabled", "aria-selected", "disabled"], Nt = {
       number: "123",
       text: ""
     }, a = E(!1), c = w(() => !!o.value), u = w(() => {
-      const { disabled: T, loading: R, clearable: I, errorMsg: D } = e;
+      const { disabled: z, loading: A, clearable: R, errorMsg: D } = e;
       return {
         textfield: !0,
         "textfield--error": D == null ? void 0 : D.length,
-        "textfield--loading": R,
-        "textfield--disabled": T,
-        "textfield--clearable": I,
+        "textfield--loading": A,
+        "textfield--disabled": z,
+        "textfield--clearable": R,
         "textfield--focus": a.value,
         "textfield--filled": c.value
       };
@@ -834,15 +834,15 @@ const Rt = ["aria-disabled", "aria-selected", "disabled"], Nt = {
       "textfield__append-icon--clear": h.value,
       "textfield__append-icon--error": g.value
     })), y = w(() => o.value.length > 0), g = w(() => {
-      var T;
-      return (T = e.errorMsg) == null ? void 0 : T.length;
+      var z;
+      return (z = e.errorMsg) == null ? void 0 : z.length;
     }), h = w(() => e.clearable && y.value), f = w(() => {
-      const { prependIcon: T, type: R } = e;
-      return T || i[R];
+      const { prependIcon: z, type: A } = e;
+      return z || i[A];
     }), 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 = () => {
+      const { appendIcon: z, type: A } = e;
+      return g.value ? "error_outline" : h.value && ["text", "email"].includes(A) ? "clear" : A === "password" && s.value === "password" ? "visibility" : A === "password" && s.value === "text" ? "visibility_off" : z;
+    }), v = () => {
       a.value = !0, n("focus", {
         value: o.value
       });
@@ -851,38 +851,38 @@ const Rt = ["aria-disabled", "aria-selected", "disabled"], Nt = {
         value: o.value
       });
     }, M = () => {
-      var T;
+      var z;
       if (h.value) {
-        o.value = "", (T = l.value) == null || T.focus(), n("click:clear", {
+        o.value = "", (z = l.value) == null || z.focus(), n("click:clear", {
           value: o.value
         });
         return;
       }
       n("click:icon", {
         value: o.value
-      }), A();
-    }, A = () => {
+      }), L();
+    }, L = () => {
       s.value = s.value === "password" ? "text" : "password";
-    }, j = (T) => {
-      const R = T.target;
-      o.value = R.value;
+    }, j = (z) => {
+      const A = z.target;
+      o.value = A.value;
     };
     return F(
       () => e.modelValue,
-      (T) => {
-        o.value = T;
+      (z) => {
+        o.value = z;
       },
       {
         immediate: !0
       }
     ), F(
       () => o.value,
-      (T) => {
-        n("update:modelValue", T);
+      (z) => {
+        n("update:modelValue", z);
       }
-    ), (T, R) => (p(), _("fieldset", null, [
-      v("div", St, [
-        ge(Ae, {
+    ), (z, A) => (p(), _("fieldset", null, [
+      b("div", St, [
+        ge(Le, {
           id: e.id,
           class: k({
             textfield__label: !0
@@ -890,17 +890,17 @@ 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, {
+            x(f) ? (p(), I(B, {
               key: 0,
               class: k(x(m)),
               name: x(f),
               size: 16
-            }, null, 8, ["class", "name"])) : z("", !0),
-            v("input", {
+            }, null, 8, ["class", "name"])) : T("", !0),
+            b("input", {
               id: e.id,
               ref_key: "inputRef",
               ref: l,
@@ -909,20 +909,20 @@ 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, {
+            x(r) ? (p(), I(B, {
               key: 1,
               class: k(x(d)),
               color: e.iconColor,
               name: `${x(r)}`,
               size: 16,
               onClick: M
-            }, null, 8, ["class", "color", "name"])) : z("", !0)
+            }, null, 8, ["class", "color", "name"])) : T("", !0)
           ], 2),
-          v("div", Pt, C(e.errorMsg), 1),
-          e.errorMsg ? z("", !0) : (p(), _("div", Ft, C(e.hint), 1))
+          b("div", Pt, C(e.errorMsg), 1),
+          e.errorMsg ? T("", !0) : (p(), _("div", Ft, C(e.hint), 1))
         ])
       ])
     ]));
@@ -973,12 +973,12 @@ 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 } });
-    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);
+    const { name: r, fn: v } = a[f], { x: $, y: M, data: L, 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], ...L } }, 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 };
 };
-function Re(t) {
+function Ae(t) {
   return typeof t != "number" ? function(n) {
     return { top: 0, right: 0, bottom: 0, left: 0, ...n };
   }(t) : { top: t, right: t, bottom: t, left: t };
@@ -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 = Ae(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,11 +1000,11 @@ 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));
-  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];
-  return { [d]: m[d] - (Q ? I < T ? T - I : R - I : 0), data: { [d]: D, centerOffset: I - D } };
+  const u = Ae(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 L = M ? d === "y" ? M.clientHeight || 0 : M.clientWidth || 0 : 0;
+  L === 0 && (L = a.floating[g]);
+  const j = v / 2 - $ / 2, z = u[f], A = L - h[g] - u[r], R = L / 2 - h[g] / 2 + j, D = he(z, R, A), Q = (y === "start" ? u[f] : u[r]) > 0 && R !== D && a.reference[g] <= a.floating[g];
+  return { [d]: m[d] - (Q ? R < z ? z - R : A - R : 0), data: { [d]: D, centerOffset: R - D } };
 } }), Kt = { left: "right", right: "left", bottom: "top", top: "bottom" };
 function re(t) {
   return t.replace(/left|right|bottom|top/g, (n) => Kt[n]);
@@ -1024,26 +1024,26 @@ Ne.reduce((t, n) => t.concat(n, n + "-start", n + "-end"), []);
 const qt = function(t) {
   return t === void 0 && (t = {}), { name: "flip", options: t, async fn(n) {
     var e;
-    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 = [];
-    let A = ((e = o.flip) == null ? void 0 : e.overflows) || [];
+    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(R) {
+      const D = re(R);
+      return [we(R), D, we(D)];
+    }(i)), v = [i, ...r], $ = await ie(n, h), M = [];
+    let L = ((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)));
-      M.push($[I], $[D]);
+      const { main: R, cross: D } = Gt(l, s, await (a.isRTL == null ? void 0 : a.isRTL(c.floating)));
+      M.push($[R], $[D]);
     }
-    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];
+    if (L = [...L, { placement: l, overflows: M }], !M.every((R) => R <= 0)) {
+      var j, z;
+      const R = ((j = (z = o.flip) == null ? void 0 : z.index) != null ? j : 0) + 1, D = v[R];
       if (D)
-        return { data: { index: I, overflows: A }, reset: { placement: D } };
+        return { data: { index: R, overflows: L }, 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);
+          var A;
+          const be = (A = L.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 : A[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) {
@@ -1138,7 +1138,7 @@ function H(t) {
 function K(t) {
   return t instanceof S(t).Element;
 }
-function Te(t) {
+function ze(t) {
   return typeof ShadowRoot > "u" ? !1 : t instanceof S(t).ShadowRoot || t instanceof ShadowRoot;
 }
 function ue(t) {
@@ -1158,10 +1158,10 @@ 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;
+const Te = Math.min, J = Math.max, ce = Math.round;
 function Z(t, n, e) {
   var l, o, s, i;
   n === void 0 && (n = !1), e === void 0 && (e = !1);
@@ -1199,20 +1199,20 @@ function sn(t, n, e) {
 function q(t) {
   if (U(t) === "html")
     return t;
-  const n = t.assignedSlot || t.parentNode || (Te(t) ? t.host : null) || P(t);
-  return Te(n) ? n.host : n;
+  const n = t.assignedSlot || t.parentNode || (ze(t) ? t.host : null) || P(t);
+  return ze(n) ? n.host : n;
 }
 function Ce(t) {
   return H(t) && V(t).position !== "fixed" ? t.offsetParent : null;
 }
-function Ie(t) {
+function Re(t) {
   const n = S(t);
   let e = Ce(t);
   for (; e && ln(e) && V(e).position === "static"; )
     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;
@@ -1230,7 +1230,7 @@ function Ve(t, n) {
   const l = Oe(t), o = l === ((e = t.ownerDocument) == null ? void 0 : e.body), s = S(l), i = o ? [s].concat(s.visualViewport || [], ue(l) ? l : []) : l, a = n.concat(i);
   return o ? a : a.concat(Ve(i));
 }
-function Le(t, n, e) {
+function Ie(t, n, e) {
   return n === "viewport" ? ae(function(l, o) {
     const s = S(l), i = P(l), a = s.visualViewport;
     let c = i.clientWidth, u = i.clientHeight, m = 0, d = 0;
@@ -1257,15 +1257,15 @@ 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);
     }
     return m;
   }(n) : [].concat(e), i = [...s, l], a = i[0], c = i.reduce((u, m) => {
-    const d = Le(n, m, o);
-    return u.top = J(d.top, u.top), u.right = ze(d.right, u.right), u.bottom = ze(d.bottom, u.bottom), u.left = J(d.left, u.left), u;
-  }, Le(n, a, o));
+    const d = Ie(n, m, o);
+    return u.top = J(d.top, u.top), u.right = Te(d.right, u.right), u.bottom = Te(d.bottom, u.bottom), u.left = J(d.left, u.left), u;
+  }, Ie(n, a, o));
   return { width: c.right - c.left, height: c.bottom - c.top, x: c.left, y: c.top };
 }, convertOffsetParentRelativeRectToViewportRelativeRect: function(t) {
   let { rect: n, offsetParent: e, strategy: l } = t;
@@ -1284,9 +1284,9 @@ const an = { getClippingRect: function(t) {
     return { width: t.offsetWidth, height: t.offsetHeight };
   const n = Z(t);
   return { width: n.width, height: n.height };
-}, getOffsetParent: Ie, getDocumentElement: P, async getElementRects(t) {
+}, getOffsetParent: Re, getDocumentElement: P, async getElementRects(t) {
   let { reference: n, floating: e, strategy: l } = t;
-  const o = this.getOffsetParent || Ie, s = this.getDimensions;
+  const o = this.getOffsetParent || Re, s = this.getDimensions;
   return { reference: sn(n, await o(e), l), floating: { x: 0, y: 0, ...await s(e) } };
 }, getClientRects: (t) => Array.from(t.getClientRects()), isRTL: (t) => V(t).direction === "rtl" }, rn = (t, n, e) => Ut(t, n, { platform: an, ...e });
 function pe({ value: t }, { value: n }, { value: e }, l, o, s) {
@@ -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,
@@ -1403,12 +1403,12 @@ const cn = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
         onMousemove: W(g, ["stop"])
       }, [
         O(r.$slots, "trigger", {}, void 0, !0),
-        r.$slots.trigger ? z("", !0) : (p(), _("div", {
+        r.$slots.trigger ? T("", !0) : (p(), _("div", {
           key: 0,
           innerHTML: e.triggerContent
         }, null, 8, dn))
       ], 40, cn),
-      v("div", {
+      b("div", {
         id: "tooltip",
         ref_key: "tooltip",
         ref: o,
@@ -1416,7 +1416,7 @@ const cn = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
         role: "tooltip"
       }, [
         O(r.$slots, "content", {}, void 0, !0),
-        r.$slots.content ? z("", !0) : (p(), _("div", {
+        r.$slots.content ? T("", !0) : (p(), _("div", {
           key: 0,
           class: k({
             tooltip__content: !0,
@@ -1424,7 +1424,7 @@ const cn = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
             "tooltip__content--light": e.light
           })
         }, C(e.text), 3)),
-        r.$slots.content ? z("", !0) : (p(), _("div", {
+        r.$slots.content ? T("", !0) : (p(), _("div", {
           key: 1,
           id: "arrow",
           ref_key: "arrowElement",
@@ -1444,7 +1444,7 @@ 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,
@@ -1452,10 +1452,10 @@ export {
   at as RButton,
   _n as RCheckbox,
   mt as RChip,
-  bn as RDropdown,
+  vn as RDropdown,
   B as RIcon,
-  Ae as RLabel,
-  vn as RSnackbar,
+  Le as RLabel,
+  bn as RSnackbar,
   yn as RSwitch,
   Dt as RTabItem,
   xn as RTabs,