@rocketui/vue 0.0.12 → 0.0.14

package/README.md

@@ -4,7 +4,7 @@
 ## Installation
 
 ```sh
-yarn add @rocket-ui/vue
+yarn add @rocketui/vue
 ```
 
 ## Usage
@@ -16,7 +16,7 @@ import { createApp } from 'vue'
 import App from './App.vue'
 
 // Import the Styles
-import '@rocket-ui/vue/dist/style.css'
+import '@rocketui/vue/dist/style.css'
 
 createApp(App).mount('#app')
 ```
@@ -25,7 +25,7 @@ Then you can use the components in your `App.vue` file:
 
 ```vue
 <script setup>
-import { Button } from '@rocket-ui/vue'
+import { Button } from '@rocketui/vue'
 </script>
 
 <template>

package/dist/rocket-ui-vue.js

@@ -1,4 +1,4 @@
-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";
+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: "RIcon",
   props: {
@@ -66,14 +66,14 @@ const B = /* @__PURE__ */ N({
         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({
@@ -115,7 +115,7 @@ 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({
@@ -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 = {
@@ -320,23 +320,23 @@ const B = /* @__PURE__ */ N({
         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),
+        }, 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 = {
@@ -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, v, $, 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(), (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;
@@ -408,13 +408,13 @@ const B = /* @__PURE__ */ N({
           })
         }, [
           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, v) => (p(), L(mt, {
+          (p(!0), _(X, null, le(o, (r, v) => (p(), I(mt, {
             key: v,
             appendIcon: "close",
             class: "select__tags__chip",
@@ -422,10 +422,10 @@ const B = /* @__PURE__ */ N({
             variant: "primary",
             onClickIcon: ($) => d($, r)
           }, null, 8, ["label", "onClickIcon"]))), 128))
-        ])) : z("", !0),
+        ])) : T("", !0),
         e.multiple ? (p(), _("div", vt, [
           (p(!0), _(X, null, le(o, (r, v) => (p(), _("p", { key: v }, C(r.label + ","), 1))), 128))
-        ])) : z("", !0),
+        ])) : T("", !0),
         Pe(b("input", {
           id: "select",
           ref_key: "input",
@@ -449,7 +449,7 @@ const B = /* @__PURE__ */ N({
           })
         }, [
           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"]))
@@ -468,7 +468,7 @@ const B = /* @__PURE__ */ N({
         }, [
           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,
@@ -483,19 +483,19 @@ const B = /* @__PURE__ */ N({
               })
             }, 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({
+}), kt = ["id", "for"], Le = /* @__PURE__ */ N({
   __name: "RLabel",
   props: {
     id: { default: "" },
@@ -553,7 +553,7 @@ const B = /* @__PURE__ */ N({
       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,22 +564,22 @@ 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__ */ b("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({
@@ -615,7 +615,7 @@ const B = /* @__PURE__ */ N({
         // TODO: find a better way to do this
         immediate: !0
       }
-    ), (i, a) => (p(), _("div", Tt, [
+    ), (i, a) => (p(), _("div", zt, [
       b("div", {
         class: k(x(o))
       }, [
@@ -625,7 +625,7 @@ const B = /* @__PURE__ */ N({
           class: "switch__input",
           type: "checkbox",
           onChange: s
-        }, null, 40, zt),
+        }, null, 40, Tt),
         Ct
       ], 2),
       b("div", {
@@ -638,14 +638,14 @@ const B = /* @__PURE__ */ N({
           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({
@@ -676,14 +676,14 @@ 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: "RTabs",
@@ -701,7 +701,7 @@ const Rt = ["aria-disabled", "aria-selected", "disabled"], Nt = {
         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,
@@ -752,13 +752,13 @@ 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),
+      }, null, 8, ["text"])) : T("", !0),
       b("textarea", {
         id: e.id,
         class: k(["textarea", {
@@ -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,14 +834,14 @@ 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;
+      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, [
+    ), (z, A) => (p(), _("fieldset", null, [
       b("div", St, [
-        ge(Ae, {
+        ge(Le, {
           id: e.id,
           class: k({
             textfield__label: !0
@@ -894,12 +894,12 @@ const Rt = ["aria-disabled", "aria-selected", "disabled"], Nt = {
           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),
+            }, null, 8, ["class", "name"])) : T("", !0),
             b("input", {
               id: e.id,
               ref_key: "inputRef",
@@ -912,17 +912,17 @@ const Rt = ["aria-disabled", "aria-selected", "disabled"], Nt = {
               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),
           b("div", Pt, C(e.errorMsg), 1),
-          e.errorMsg ? z("", !0) : (p(), _("div", Ft, C(e.hint), 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: 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);
+    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,7 +989,7 @@ 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 })), 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]);
+  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;
@@ -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", 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 = 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 } };
+  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,25 +1024,25 @@ 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)];
+    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 A = ((e = o.flip) == null ? void 0 : e.overflows) || [];
+    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 = v[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 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;
+          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;
         }
@@ -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) {
@@ -1161,7 +1161,7 @@ function je() {
 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,13 +1199,13 @@ 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"; )
@@ -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;
@@ -1263,9 +1263,9 @@ const an = { getClippingRect: function(t) {
     }
     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) {
@@ -1403,7 +1403,7 @@ 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))
@@ -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",
@@ -1446,20 +1446,20 @@ const fn = (t, n) => {
   return e;
 }, $n = /* @__PURE__ */ fn(un, [["__scopeId", "data-v-ee5f5651"]]);
 export {
-  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
+  hn as RAlert,
+  mn as RAvatar,
+  gn as RBadge,
+  at as RButton,
+  _n as RCheckbox,
+  mt as RChip,
+  vn as RDropdown,
+  B as RIcon,
+  Le as RLabel,
+  bn as RSnackbar,
+  yn as RSwitch,
+  Dt as RTabItem,
+  xn as RTabs,
+  kn as RTextArea,
+  wn as RTextfield,
+  $n as RTooltip
 };