@rocketui/vue 0.0.15 → 0.0.17

package/dist/rocket-ui-vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as L, computed as $, openBlock as p, createElementBlock as g, normalizeClass as k, unref as w, normalizeStyle as Ye, toDisplayString as C, reactive as G, Fragment as Q, renderList as q, createElementVNode as v, createVNode as de, createBlock as A, renderSlot as E, createCommentVNode as R, mergeProps as We, withModifiers as P, watch as U, ref as j, 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__ */ L({
+import { defineComponent as I, computed as $, openBlock as f, createElementBlock as m, normalizeClass as x, unref as w, normalizeStyle as We, toDisplayString as C, reactive as G, Fragment as Q, renderList as q, createElementVNode as _, createVNode as ne, createBlock as N, renderSlot as A, createCommentVNode as R, mergeProps as Pe, withModifiers as O, watch as U, ref as E, withDirectives as Ae, withKeys as ye, vModelText as Fe, vShow as Ue, onMounted as Ze, withCtx as Qe, createTextVNode as Xe, useCssVars as Ke, watchEffect as Ge } from "vue";
+const B = /* @__PURE__ */ I({
   __name: "RIcon",
   props: {
     name: { default: "" },
@@ -17,12 +17,12 @@ const B = /* @__PURE__ */ L({
       alignItems: "center",
       justifyContent: "center"
     })), a = $(() => n.kind === "filled" ? "material-icons" : `material-icons-${n.kind}`);
-    return (o, s) => (p(), g("span", {
-      class: k(w(a)),
-      style: Ye(w(e))
+    return (o, s) => (f(), m("span", {
+      class: x(w(a)),
+      style: We(w(e))
     }, C(n.name), 7));
   }
-}), Ge = ["onClick"], Je = { class: "accordion__title" }, qe = { class: "accordion__icon" }, et = { class: "accordion__content" }, vn = /* @__PURE__ */ L({
+}), Je = ["onClick"], qe = { class: "accordion__title" }, et = { class: "accordion__icon" }, tt = { class: "accordion__content" }, Rn = /* @__PURE__ */ I({
   __name: "RAccordion",
   props: {
     accordions: null
@@ -41,34 +41,34 @@ const B = /* @__PURE__ */ L({
         e[l].open = l === o ? !e[l].open : !1;
       });
     }
-    return (o, s) => (p(!0), g(Q, null, q(e, (l, i) => (p(), g("div", {
+    return (o, s) => (f(!0), m(Q, null, q(e, (l, i) => (f(), m("div", {
       key: i,
-      class: k({
+      class: x({
         accordion: !0,
         "accordion--opened": l.open,
         "accordion--disabled": l.disabled
       })
     }, [
-      v("div", {
+      _("div", {
         class: "accordion__header",
         onClick: (r) => a(i)
       }, [
-        v("div", Je, C(l.title), 1),
-        v("div", qe, [
-          de(B, {
+        _("div", qe, C(l.title), 1),
+        _("div", et, [
+          ne(B, {
             name: l.open ? "expand_less" : "expand_more"
           }, null, 8, ["name"])
         ])
-      ], 8, Ge),
-      v("div", et, [
-        v("span", null, C(l.content), 1)
+      ], 8, Je),
+      _("div", tt, [
+        _("span", null, C(l.content), 1)
       ])
     ], 2))), 128));
   }
-}), tt = { class: "icon" }, nt = { class: "texts" }, ot = { class: "texts__title" }, at = { class: "texts__description" }, lt = {
+}), nt = { class: "icon" }, ot = { class: "texts" }, at = { class: "texts__title" }, st = { class: "texts__description" }, lt = {
   key: 0,
   class: "close"
-}, bn = /* @__PURE__ */ L({
+}, In = /* @__PURE__ */ I({
   __name: "RAlert",
   props: {
     type: { default: "info" },
@@ -95,21 +95,21 @@ const B = /* @__PURE__ */ L({
     })[e.size]), l = () => {
       n("close");
     };
-    return (i, r) => (p(), g("div", {
-      class: k(w(a))
+    return (i, r) => (f(), m("div", {
+      class: x(w(a))
     }, [
-      v("div", tt, [
-        de(B, {
+      _("div", nt, [
+        ne(B, {
           name: w(o),
           size: w(s)
         }, null, 8, ["name", "size"])
       ]),
-      v("div", nt, [
-        v("p", ot, C(e.title), 1),
-        v("p", at, C(e.description), 1)
+      _("div", ot, [
+        _("p", at, C(e.title), 1),
+        _("p", st, C(e.description), 1)
       ]),
-      e.closable ? (p(), g("div", lt, [
-        i.$slots.close ? E(i.$slots, "close", { key: 1 }) : (p(), A(B, {
+      e.closable ? (f(), m("div", lt, [
+        i.$slots.close ? A(i.$slots, "close", { key: 1 }) : (f(), N(B, {
           key: 0,
           class: "close__button",
           name: "close",
@@ -119,11 +119,11 @@ const B = /* @__PURE__ */ L({
       ])) : R("", !0)
     ], 2));
   }
-}), xe = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyNyAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQ5OTMgMTRDMTcuMTgyNyAxNCAyMC4xNjYgMTEuMDE2NyAyMC4xNjYgNy4zMzMzNEMyMC4xNjYgMy42NSAxNy4xODI3IDAuNjY2NjcyIDEzLjQ5OTMgMC42NjY2NzJDOS44MTYwMiAwLjY2NjY3MiA2LjgzMjY4IDMuNjUgNi44MzI2OCA3LjMzMzM0QzYuODMyNjggMTEuMDE2NyA5LjgxNjAyIDE0IDEzLjQ5OTMgMTRaTTEzLjQ5OTMgMTcuMzMzM0M5LjA0OTM1IDE3LjMzMzMgMC4xNjYwMTYgMTkuNTY2NyAwLjE2NjAxNiAyNFYyNS42NjY3QzAuMTY2MDE2IDI2LjU4MzMgMC45MTYwMTYgMjcuMzMzMyAxLjgzMjY4IDI3LjMzMzNIMjUuMTY2QzI2LjA4MjcgMjcuMzMzMyAyNi44MzI3IDI2LjU4MzMgMjYuODMyNyAyNS42NjY3VjI0QzI2LjgzMjcgMTkuNTY2NyAxNy45NDkzIDE3LjMzMzMgMTMuNDk5MyAxNy4zMzMzWiIgZmlsbD0iIzRDNUJFMSIvPgo8L3N2Zz4K", st = { class: "avatar__wrapper" }, it = ["alt", "src"], yn = /* @__PURE__ */ L({
+}), ke = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyNyAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQ5OTMgMTRDMTcuMTgyNyAxNCAyMC4xNjYgMTEuMDE2NyAyMC4xNjYgNy4zMzMzNEMyMC4xNjYgMy42NSAxNy4xODI3IDAuNjY2NjcyIDEzLjQ5OTMgMC42NjY2NzJDOS44MTYwMiAwLjY2NjY3MiA2LjgzMjY4IDMuNjUgNi44MzI2OCA3LjMzMzM0QzYuODMyNjggMTEuMDE2NyA5LjgxNjAyIDE0IDEzLjQ5OTMgMTRaTTEzLjQ5OTMgMTcuMzMzM0M5LjA0OTM1IDE3LjMzMzMgMC4xNjYwMTYgMTkuNTY2NyAwLjE2NjAxNiAyNFYyNS42NjY3QzAuMTY2MDE2IDI2LjU4MzMgMC45MTYwMTYgMjcuMzMzMyAxLjgzMjY4IDI3LjMzMzNIMjUuMTY2QzI2LjA4MjcgMjcuMzMzMyAyNi44MzI3IDI2LjU4MzMgMjYuODMyNyAyNS42NjY3VjI0QzI2LjgzMjcgMTkuNTY2NyAxNy45NDkzIDE3LjMzMzMgMTMuNDk5MyAxNy4zMzMzWiIgZmlsbD0iIzRDNUJFMSIvPgo8L3N2Zz4K", it = { class: "avatar__wrapper" }, rt = ["alt", "src"], An = /* @__PURE__ */ I({
   __name: "RAvatar",
   props: {
     type: { default: "image" },
-    src: { default: xe },
+    src: { default: ke },
     alt: { default: "Avatar" },
     size: { default: "2xl" },
     online: { type: Boolean, default: !1 },
@@ -133,35 +133,35 @@ const B = /* @__PURE__ */ L({
     const n = t, e = $(() => ({
       avatar: !0,
       [`avatar--${n.size}`]: !0
-    })), a = $(() => n.type === "image" && !n.src), o = $(() => a.value ? xe : n.src), s = (l) => {
+    })), a = $(() => n.type === "image" && !n.src), o = $(() => a.value ? ke : n.src), s = (l) => {
       const i = l.split(" ");
       return i.length === 1 ? i[0].substring(0, 2) : `${i[0].charAt(0)}${i[1].charAt(0)}`;
     };
-    return (l, i) => (p(), g("div", st, [
-      v("div", {
-        class: k(w(e))
+    return (l, i) => (f(), m("div", it, [
+      _("div", {
+        class: x(w(e))
       }, [
-        n.type === "text" ? (p(), g("p", {
+        n.type === "text" ? (f(), m("p", {
           key: 0,
-          class: k({ avatar__text: !0, [`avatar__text--${n.size}`]: !0 })
-        }, C(s(n.text)), 3)) : (p(), g("img", {
+          class: x({ avatar__text: !0, [`avatar__text--${n.size}`]: !0 })
+        }, C(s(n.text)), 3)) : (f(), m("img", {
           key: 1,
           alt: n.alt,
-          class: k({
+          class: x({
             avatar__image: !0,
             [`avatar__image--${n.size}`]: !0,
             "avatar__image--anonymous": w(a)
           }),
           src: w(o)
-        }, null, 10, it))
+        }, null, 10, rt))
       ], 2),
-      n.online ? (p(), g("span", {
+      n.online ? (f(), m("span", {
         key: 0,
-        class: k({ avatar__online: !0, [`avatar__online--${n.size}`]: !0 })
+        class: x({ avatar__online: !0, [`avatar__online--${n.size}`]: !0 })
       }, null, 2)) : R("", !0)
     ]));
   }
-}), rt = { class: "badge-wrapper group" }, xn = /* @__PURE__ */ L({
+}), ct = { class: "badge-wrapper group" }, Ln = /* @__PURE__ */ I({
   __name: "RBadge",
   props: {
     variant: { default: "primary" },
@@ -183,15 +183,15 @@ const B = /* @__PURE__ */ L({
       "badge--no-content": !n.content,
       [`badge--${n.variant}`]: n.variant
     }));
-    return (a, o) => (p(), g("div", rt, [
-      v("span", {
-        class: k(w(e)),
+    return (a, o) => (f(), m("div", ct, [
+      _("span", {
+        class: x(w(e)),
         onClick: o[0] || (o[0] = (s) => a.$emit("click"))
       }, C(n.content), 3),
-      E(a.$slots, "default")
+      A(a.$slots, "default")
     ]));
   }
-}), ct = ["disabled"], dt = /* @__PURE__ */ L({
+}), dt = ["disabled"], ut = /* @__PURE__ */ I({
   __name: "RButton",
   props: {
     variant: { default: "primary" },
@@ -221,38 +221,38 @@ const B = /* @__PURE__ */ L({
         height: l ? `${l}px` : ""
       };
     });
-    return (s, l) => (p(), g("button", We(s.$attrs, {
+    return (s, l) => (f(), m("button", Pe(s.$attrs, {
       class: w(e),
       disabled: t.disabled || t.loading,
       style: w(o),
-      onClick: l[0] || (l[0] = P((i) => s.$emit("click"), ["stop"]))
+      onClick: l[0] || (l[0] = O((i) => s.$emit("click"), ["stop"]))
     }), [
-      E(s.$slots, "custom-icon"),
-      s.$slots["custom-icon"] ? R("", !0) : (p(), A(B, {
+      A(s.$slots, "custom-icon"),
+      s.$slots["custom-icon"] ? R("", !0) : (f(), N(B, {
         key: 0,
-        class: k({
+        class: x({
           "button__prepend-icon": !0,
           "button__prepend-icon--only": n.onlyIcon
         }),
         name: n.prependIcon,
         size: w(a)
       }, null, 8, ["class", "name", "size"])),
-      n.onlyIcon ? R("", !0) : E(s.$slots, "default", { key: 1 }),
-      !s.$slots["custom-icon"] && !n.onlyIcon ? (p(), A(B, {
+      n.onlyIcon ? R("", !0) : A(s.$slots, "default", { key: 1 }),
+      !s.$slots["custom-icon"] && !n.onlyIcon ? (f(), N(B, {
         key: 2,
         class: "button__append-icon",
         name: n.appendIcon,
         size: w(a)
       }, null, 8, ["name", "size"])) : R("", !0)
-    ], 16, ct));
+    ], 16, dt));
   }
-}), ut = { class: "checkbox-wrapper" }, ft = { class: "checkbox-container" }, pt = ["id", "checked", "disabled", "indeterminate"], ht = ["data-disabled"], mt = { class: "checkbox-texts" }, _t = ["data-disabled", "for"], gt = {
+}), ft = { class: "checkbox-wrapper" }, pt = { class: "checkbox-container" }, ht = ["id", "checked", "disabled", "indeterminate"], mt = ["data-disabled"], _t = { class: "checkbox-texts" }, gt = ["data-disabled", "for"], vt = {
   key: 0,
   class: "checkbox-texts__error"
-}, vt = {
+}, bt = {
   key: 1,
   class: "checkbox-texts__hint"
-}, kn = /* @__PURE__ */ L({
+}, Nn = /* @__PURE__ */ I({
   __name: "RCheckbox",
   props: {
     id: { default: "" },
@@ -301,9 +301,9 @@ const B = /* @__PURE__ */ L({
         // TODO: find a better way to do this
         immediate: !0
       }
-    ), (r, u) => (p(), g("div", ut, [
-      v("div", ft, [
-        v("input", {
+    ), (r, u) => (f(), m("div", ft, [
+      _("div", pt, [
+        _("input", {
           id: e.id,
           checked: a.checked,
           class: "checkbox-container__input",
@@ -311,28 +311,28 @@ const B = /* @__PURE__ */ L({
           indeterminate: a.indeterminate,
           type: "checkbox",
           onChange: i
-        }, null, 40, pt),
-        v("div", {
-          class: k(w(l)),
+        }, null, 40, ht),
+        _("div", {
+          class: x(w(l)),
           "data-disabled": e.disabled
         }, [
-          de(B, {
+          ne(B, {
             name: w(s),
             size: "16"
           }, null, 8, ["name"])
-        ], 10, ht)
+        ], 10, mt)
       ]),
-      v("div", mt, [
-        v("label", {
+      _("div", _t, [
+        _("label", {
           class: "checkbox-texts__label",
           "data-disabled": e.disabled,
           for: e.id
-        }, C(e.label), 9, _t),
-        e.errorMsg ? (p(), g("p", gt, C(e.errorMsg), 1)) : (p(), g("p", vt, C(e.hint), 1))
+        }, C(e.label), 9, gt),
+        e.errorMsg ? (f(), m("p", vt, C(e.errorMsg), 1)) : (f(), m("p", bt, C(e.hint), 1))
       ])
     ]));
   }
-}), bt = /* @__PURE__ */ L({
+}), yt = /* @__PURE__ */ I({
   __name: "RChip",
   props: {
     variant: { default: "primary" },
@@ -356,39 +356,39 @@ const B = /* @__PURE__ */ L({
     }, l = (i) => {
       e.disabled || n("click:close", i);
     };
-    return (i, r) => (p(), g("div", {
-      class: k(w(a))
+    return (i, r) => (f(), m("div", {
+      class: x(w(a))
     }, [
-      v("div", {
+      _("div", {
         class: "chip__content",
-        onClick: r[0] || (r[0] = P((u) => s(u), ["stop"]))
+        onClick: r[0] || (r[0] = O((u) => s(u), ["stop"]))
       }, [
-        e.prependIcon ? (p(), A(B, {
+        e.prependIcon ? (f(), N(B, {
           key: 0,
           "aria-disabled": e.disabled,
           class: "chip__prepend-icon",
           name: e.prependIcon,
           size: w(o)
         }, null, 8, ["aria-disabled", "name", "size"])) : R("", !0),
-        v("span", null, C(e.label), 1)
+        _("span", null, C(e.label), 1)
       ]),
-      e.appendIcon ? (p(), A(B, {
+      e.appendIcon ? (f(), N(B, {
         key: 0,
         "aria-disabled": e.disabled,
         class: "chip__append-icon",
         name: e.appendIcon,
         size: w(o),
-        onClick: r[1] || (r[1] = P((u) => l(u), ["stop"]))
+        onClick: r[1] || (r[1] = O((u) => l(u), ["stop"]))
       }, null, 8, ["aria-disabled", "name", "size"])) : R("", !0)
     ], 2));
   }
-}), yt = { class: "dropdown-wrapper" }, xt = {
+}), kt = { class: "dropdown-wrapper" }, xt = {
   key: 0,
   class: "dropdown__tags"
-}, kt = {
+}, wt = {
   key: 1,
   class: "dropdown__multiple"
-}, wt = ["disabled", "placeholder", "readonly"], $t = ["aria-disabled", "onClick"], Mt = { style: { display: "flex", "align-items": "center" } }, wn = /* @__PURE__ */ L({
+}, $t = ["disabled", "placeholder", "readonly"], Mt = ["aria-disabled", "onClick"], Tt = { style: { display: "flex", "align-items": "center" } }, Bn = /* @__PURE__ */ I({
   __name: "RDropdown",
   props: {
     placeholder: { default: "" },
@@ -404,19 +404,19 @@ const B = /* @__PURE__ */ L({
   },
   emits: ["update:modelValue"],
   setup(t, { emit: n }) {
-    const e = t, a = j(""), o = G([]), s = j(!1), l = j(""), i = j(null), r = j(null), u = (h) => {
-      var c, f, x, M, N, I;
+    const e = t, a = E(""), o = G([]), s = E(!1), l = E(""), i = E(null), r = E(null), u = (h) => {
+      var c, p, k, M, D, L;
       if (!e.disabled) {
         if (h.stopPropagation(), s.value = !s.value, s.value) {
-          (c = i.value) == null || c.classList.add("dropdown--active"), (f = i.value) == null || f.focus(), e.searchable && ((x = r.value) == null || x.focus()), document.addEventListener("click", u);
+          (c = i.value) == null || c.classList.add("dropdown--active"), (p = i.value) == null || p.focus(), e.searchable && ((k = r.value) == null || k.focus()), document.addEventListener("click", u);
           return;
         }
-        (M = i.value) == null || M.classList.remove("dropdown--active"), (N = i.value) == null || N.blur(), (I = r.value) == null || I.blur(), document.removeEventListener("click", u);
+        (M = i.value) == null || M.classList.remove("dropdown--active"), (D = i.value) == null || D.blur(), (L = r.value) == null || L.blur(), document.removeEventListener("click", u);
       }
-    }, m = (h, c) => {
-      var f;
+    }, g = (h, c) => {
+      var p;
       if (e.multiple || e.taggable) {
-        h.stopPropagation(), o.includes(c) ? o.splice(o.indexOf(c), 1) : o.push(c), l.value = "", e.searchable && ((f = r.value) == null || f.focus());
+        h.stopPropagation(), o.includes(c) ? o.splice(o.indexOf(c), 1) : o.push(c), l.value = "", e.searchable && ((p = r.value) == null || p.focus());
         return;
       }
       d(h, c);
@@ -430,62 +430,62 @@ const B = /* @__PURE__ */ L({
       if (h instanceof KeyboardEvent && h.key !== "Backspace" || l.value !== "")
         return;
       h.stopPropagation();
-      const f = o.findIndex((x) => x.value === c.value);
-      o.splice(f, 1);
-    }, _ = (h) => {
-      var x;
+      const p = o.findIndex((k) => k.value === c.value);
+      o.splice(p, 1);
+    }, v = (h) => {
+      var k;
       if (!e.taggable)
         return;
       h.stopPropagation();
       const c = l.value;
       if (c === "")
         return;
-      e.options.find((M) => M.label === c) || (o.push({ value: c, label: c }), l.value = "", (x = r.value) == null || x.focus());
+      e.options.find((M) => M.label === c) || (o.push({ value: c, label: c }), l.value = "", (k = r.value) == null || k.focus());
     }, b = $(() => e.searchable ? e.options.filter((c) => c.label.toLowerCase().includes(l.value.toLowerCase())) : e.options);
     return U(o, (h) => {
       n("update:modelValue", h);
-    }), (h, c) => (p(), g("div", yt, [
-      v("div", {
+    }), (h, c) => (f(), m("div", kt, [
+      _("div", {
         ref_key: "dropdown",
         ref: i,
-        class: k({
+        class: x({
           dropdown: !0,
           "dropdown--disabled": e.disabled,
           "dropdown--loading": e.loading
         }),
         onClick: u
       }, [
-        v("div", {
-          class: k({
+        _("div", {
+          class: x({
             "dropdown__prepend-icon": !0,
             "dropdown__prepend-icon--active": s.value
           })
         }, [
-          e.prependIcon ? (p(), A(B, {
+          e.prependIcon ? (f(), N(B, {
             key: 1,
             name: e.prependIcon
-          }, null, 8, ["name"])) : E(h.$slots, "prepend-icon", { key: 0 })
+          }, null, 8, ["name"])) : A(h.$slots, "prepend-icon", { key: 0 })
         ], 2),
-        e.taggable ? (p(), g("div", xt, [
-          (p(!0), g(Q, null, q(o, (f, x) => (p(), A(bt, {
-            key: x,
-            label: f.label,
+        e.taggable ? (f(), m("div", xt, [
+          (f(!0), m(Q, null, q(o, (p, k) => (f(), N(yt, {
+            key: k,
+            label: p.label,
             appendIcon: "close",
             class: "dropdown__tags__chip",
             variant: "primary",
-            "onClick:close": (M) => y(M, f)
+            "onClick:close": (M) => y(M, p)
           }, null, 8, ["label", "onClick:close"]))), 128))
         ])) : R("", !0),
-        e.multiple ? (p(), g("div", kt, [
-          (p(!0), g(Q, null, q(o, (f, x) => (p(), g("p", { key: x }, C(f.label + ","), 1))), 128))
+        e.multiple ? (f(), m("div", wt, [
+          (f(!0), m(Q, null, q(o, (p, k) => (f(), m("p", { key: k }, C(p.label + ","), 1))), 128))
         ])) : R("", !0),
-        Pe(v("input", {
+        Ae(_("input", {
           id: "select",
           ref_key: "input",
           ref: r,
           type: "text",
-          "onUpdate:modelValue": c[0] || (c[0] = (f) => l.value = f),
-          class: k({
+          "onUpdate:modelValue": c[0] || (c[0] = (p) => l.value = p),
+          class: x({
             dropdown__input: !0,
             "dropdown__input--loading": e.loading
           }),
@@ -493,65 +493,65 @@ const B = /* @__PURE__ */ L({
           placeholder: e.placeholder,
           readonly: !e.searchable,
           onKeydown: [
-            c[1] || (c[1] = ye((f) => y(f, o[o.length - 1]), ["backspace"])),
-            c[2] || (c[2] = ye((f) => _(f), ["enter"]))
+            c[1] || (c[1] = ye((p) => y(p, o[o.length - 1]), ["backspace"])),
+            c[2] || (c[2] = ye((p) => v(p), ["enter"]))
           ]
-        }, null, 42, wt), [
+        }, null, 42, $t), [
           [Fe, l.value]
         ]),
-        v("div", {
-          class: k({
+        _("div", {
+          class: x({
             "dropdown__append-icon": !0,
             "dropdown__append-icon--active": s.value
           })
         }, [
-          e.appendIcon ? (p(), A(B, {
+          e.appendIcon ? (f(), N(B, {
             key: 1,
             name: e.appendIcon
-          }, null, 8, ["name"])) : E(h.$slots, "append-icon", { key: 0 })
+          }, null, 8, ["name"])) : A(h.$slots, "append-icon", { key: 0 })
         ], 2)
       ], 2),
-      v("ul", {
-        class: k({ "dropdown-options": !0, "dropdown-options--active": s.value })
+      _("ul", {
+        class: x({ "dropdown-options": !0, "dropdown-options--active": s.value })
       }, [
-        (p(!0), g(Q, null, q(w(b), (f) => (p(), g("li", {
-          key: f.value,
-          class: k({
+        (f(!0), m(Q, null, q(w(b), (p) => (f(), m("li", {
+          key: p.value,
+          class: x({
             "dropdown-options__option": !0,
-            "dropdown-options__option--active": f.value === a.value || (o == null ? void 0 : o.includes(f))
+            "dropdown-options__option--active": p.value === a.value || (o == null ? void 0 : o.includes(p))
           }),
-          "aria-disabled": f.disabled,
-          onClick: (x) => m(x, f)
+          "aria-disabled": p.disabled,
+          onClick: (k) => g(k, p)
         }, [
-          v("div", Mt, [
-            f.prependIcon ? (p(), A(B, {
+          _("div", Tt, [
+            p.prependIcon ? (f(), N(B, {
               key: 1,
-              class: k({
+              class: x({
                 "dropdown-options__option__prepend-icon": !0,
-                "dropdown-options__option__prepend-icon--active": f.value === a.value || (o == null ? void 0 : o.includes(f))
+                "dropdown-options__option__prepend-icon--active": p.value === a.value || (o == null ? void 0 : o.includes(p))
               }),
-              name: f.prependIcon
-            }, null, 8, ["class", "name"])) : E(h.$slots, "option-prepend", { key: 0 }),
-            v("p", {
-              class: k({
+              name: p.prependIcon
+            }, null, 8, ["class", "name"])) : A(h.$slots, "option-prepend", { key: 0 }),
+            _("p", {
+              class: x({
                 "dropdown-options__option__label": !0,
-                "dropdown-options__option__label--active": f.value === a.value || (o == null ? void 0 : o.includes(f))
+                "dropdown-options__option__label--active": p.value === a.value || (o == null ? void 0 : o.includes(p))
               })
-            }, C(f.label), 3)
+            }, C(p.label), 3)
           ]),
-          f.value === a.value || o != null && o.includes(f) ? (p(), A(B, {
+          p.value === a.value || o != null && o.includes(p) ? (f(), N(B, {
             key: 0,
-            class: k({
+            class: x({
               "dropdown-options__option__append-icon": !0,
-              "dropdown-options__option__append-icon--active": f.value === a.value || (o == null ? void 0 : o.includes(f))
+              "dropdown-options__option__append-icon--active": p.value === a.value || (o == null ? void 0 : o.includes(p))
             }),
             name: "check"
           }, null, 8, ["class"])) : R("", !0)
-        ], 10, $t))), 128))
+        ], 10, Mt))), 128))
       ], 2)
     ]));
   }
-}), zt = ["id", "for"], Ae = /* @__PURE__ */ L({
+}), zt = ["id", "for"], Le = /* @__PURE__ */ I({
   __name: "RLabel",
   props: {
     id: { default: "" },
@@ -560,18 +560,97 @@ const B = /* @__PURE__ */ L({
   },
   setup(t) {
     const n = t;
-    return (e, a) => (p(), g("label", {
+    return (e, a) => (f(), m("label", {
       id: n.id,
       for: n.for
     }, C(n.text), 9, zt));
   }
-}), Tt = { class: "snackbar__text" }, Ct = {
+}), Ct = ["onClick"], Rt = ["open"], It = { class: "dialog__header" }, At = {
+  key: 0,
+  class: "icon"
+}, Lt = {
+  key: 1,
+  class: "title"
+}, Nt = {
+  key: 2,
+  class: "description"
+}, Bt = { class: "dialog__body" }, Dt = { class: "dialog__actions" }, Dn = /* @__PURE__ */ I({
+  __name: "RModal",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    title: { default: "" },
+    description: { default: "" },
+    icon: null
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: n }) {
+    const e = t, a = $(() => ({
+      dialog: !0,
+      "dialog--block": e.block
+    })), o = (s) => {
+      s.target === s.currentTarget && n("update:modelValue", !1);
+    };
+    return (s, l) => Ae((f(), m("div", {
+      class: "modal",
+      onClick: O(o, ["stop"])
+    }, [
+      _("div", {
+        role: "dialog",
+        "aria-modal": "true",
+        class: x(w(a)),
+        open: e.modelValue
+      }, [
+        _("div", It, [
+          A(s.$slots, "header"),
+          e.icon ? (f(), m("div", At, [
+            ne(B, {
+              name: e.icon,
+              kind: "outlined"
+            }, null, 8, ["name"])
+          ])) : R("", !0),
+          e.title ? (f(), m("div", Lt, C(e.title), 1)) : R("", !0),
+          e.description ? (f(), m("div", Nt, C(e.description), 1)) : R("", !0)
+        ]),
+        _("div", Bt, [
+          A(s.$slots, "default")
+        ]),
+        _("div", Dt, [
+          A(s.$slots, "actions")
+        ])
+      ], 10, Rt)
+    ], 8, Ct)), [
+      [Ue, t.modelValue]
+    ]);
+  }
+}), jt = { class: "nav" }, Et = { class: "actions" }, jn = /* @__PURE__ */ I({
+  __name: "RSidebar",
+  props: {
+    modelValue: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    const n = t, e = $(() => ({
+      sidebar: !0,
+      "sidebar--open": n.modelValue
+    }));
+    return (a, o) => (f(), m("aside", {
+      class: x(w(e))
+    }, [
+      _("nav", jt, [
+        A(a.$slots, "default")
+      ]),
+      _("div", Et, [
+        A(a.$slots, "actions")
+      ])
+    ], 2));
+  }
+}), Vt = { class: "snackbar__text" }, Ot = {
   key: 0,
   class: "snackbar__action"
-}, Rt = {
+}, St = {
   key: 1,
   class: "snackbar__close"
-}, $n = /* @__PURE__ */ L({
+}, En = /* @__PURE__ */ I({
   __name: "RSnackbar",
   props: {
     text: { default: "" },
@@ -584,12 +663,12 @@ const B = /* @__PURE__ */ L({
   },
   emits: ["action", "close"],
   setup(t, { emit: n }) {
-    const e = t, a = j(!1), o = () => {
+    const e = t, a = E(!1), o = () => {
       n("action");
     }, s = () => {
       a.value = !1, n("close");
     };
-    return Ue(() => {
+    return Ze(() => {
       e.timeout && setTimeout(() => {
         a.value = !1, n("close");
       }, e.timeout);
@@ -599,46 +678,46 @@ const B = /* @__PURE__ */ L({
         a.value = l;
       },
       { immediate: !0 }
-    ), (l, i) => (p(), g("div", {
-      class: k({
+    ), (l, i) => (f(), m("div", {
+      class: x({
         snackbar: !0,
         "snackbar--closed": !a.value,
         [e.left ? "snackbar--left" : "snackbar--right"]: !0
       })
     }, [
-      v("div", Tt, C(e.text), 1),
-      e.showAction ? (p(), g("div", Ct, [
-        E(l.$slots, "action"),
-        l.$slots.action ? R("", !0) : (p(), A(dt, {
+      _("div", Vt, C(e.text), 1),
+      e.showAction ? (f(), m("div", Ot, [
+        A(l.$slots, "action"),
+        l.$slots.action ? R("", !0) : (f(), N(ut, {
           key: 0,
           size: "small",
           variant: "ghost",
           onClick: o
         }, {
-          default: Ze(() => [
-            Qe(C(e.actionText), 1)
+          default: Qe(() => [
+            Xe(C(e.actionText), 1)
           ]),
           _: 1
         }))
       ])) : R("", !0),
-      e.showClose ? (p(), g("div", Rt, [
-        E(l.$slots, "close"),
-        l.$slots.close ? R("", !0) : (p(), A(B, {
+      e.showClose ? (f(), m("div", St, [
+        A(l.$slots, "close"),
+        l.$slots.close ? R("", !0) : (f(), N(B, {
           key: 0,
           name: "close",
           size: "14",
-          onClick: P(s, ["stop"])
+          onClick: O(s, ["stop"])
         }, null, 8, ["onClick"]))
       ])) : R("", !0)
     ], 2));
   }
-}), It = { class: "switch-container" }, At = ["id", "checked"], Lt = /* @__PURE__ */ v("span", { class: "slider round" }, null, -1), Nt = ["id", "for"], Bt = {
+}), Ht = { class: "switch-container" }, Yt = ["id", "checked"], Wt = /* @__PURE__ */ _("span", { class: "slider round" }, null, -1), Pt = ["id", "for"], Ft = {
   key: 0,
   class: "switch-texts__error"
-}, Dt = {
+}, Ut = {
   key: 1,
   class: "switch-texts__hint"
-}, Mn = /* @__PURE__ */ L({
+}, Vn = /* @__PURE__ */ I({
   __name: "RSwitch",
   props: {
     id: { default: "switch" },
@@ -671,40 +750,40 @@ const B = /* @__PURE__ */ L({
         // TODO: find a better way to do this
         immediate: !0
       }
-    ), (l, i) => (p(), g("div", It, [
-      v("div", {
-        class: k(w(o))
+    ), (l, i) => (f(), m("div", Ht, [
+      _("div", {
+        class: x(w(o))
       }, [
-        v("input", {
+        _("input", {
           id: e.id,
           checked: a.checked,
           class: "switch__input",
           type: "checkbox",
           onChange: s
-        }, null, 40, At),
-        Lt
+        }, null, 40, Yt),
+        Wt
       ], 2),
-      v("div", {
-        class: k({
+      _("div", {
+        class: x({
           "switch-texts": !0,
           [`switch-texts--${e.size}`]: !0
         })
       }, [
-        v("label", {
+        _("label", {
           id: e.id,
           class: "switch-texts__label",
           for: e.id
-        }, C(e.label), 9, Nt),
-        e.errorMsg ? (p(), g("p", Bt, C(e.errorMsg), 1)) : (p(), g("p", Dt, C(e.hint), 1))
+        }, C(e.label), 9, Pt),
+        e.errorMsg ? (f(), m("p", Ft, C(e.errorMsg), 1)) : (f(), m("p", Ut, C(e.hint), 1))
       ], 2)
     ]));
   }
 });
 var le = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.TEXT_ONLY = "text-only", t.ICON_ONLY = "icon-only", t))(le || {});
-const jt = ["aria-disabled", "aria-selected", "disabled"], Et = {
+const Zt = ["aria-disabled", "aria-selected", "disabled"], Qt = {
   key: 2,
   class: "tab-item__label"
-}, Ot = /* @__PURE__ */ L({
+}, Xt = /* @__PURE__ */ I({
   __name: "RTabItem",
   props: {
     id: null,
@@ -724,39 +803,39 @@ const jt = ["aria-disabled", "aria-selected", "disabled"], Et = {
     function o(s) {
       n("update:modelValue", s);
     }
-    return (s, l) => (p(), g("button", {
+    return (s, l) => (f(), m("button", {
       "aria-disabled": e.disabled,
       "aria-selected": e.active,
-      class: k(w(a)),
+      class: x(w(a)),
       disabled: e.disabled,
       onClick: l[0] || (l[0] = (i) => o(e.id))
     }, [
-      !s.$slots.icon && t.variant !== w(le).TEXT_ONLY ? (p(), A(B, {
+      !s.$slots.icon && t.variant !== w(le).TEXT_ONLY ? (f(), N(B, {
         key: 0,
         class: "tab-item__icon",
         name: e.icon,
         size: "16"
-      }, null, 8, ["name"])) : E(s.$slots, "custom-icon", { key: 1 }),
-      t.variant !== w(le).ICON_ONLY ? (p(), g("span", Et, C(e.label), 1)) : R("", !0)
-    ], 10, jt));
+      }, null, 8, ["name"])) : A(s.$slots, "custom-icon", { key: 1 }),
+      t.variant !== w(le).ICON_ONLY ? (f(), m("span", Qt, C(e.label), 1)) : R("", !0)
+    ], 10, Zt));
   }
-}), Vt = { class: "tabs-wrapper" }, Ht = { class: "tab-content" }, zn = /* @__PURE__ */ L({
+}), Kt = { class: "tabs-wrapper" }, Gt = { class: "tab-content" }, On = /* @__PURE__ */ I({
   __name: "RTabs",
   props: {
     tabs: { default: () => [] },
     scrollable: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const n = t, e = j(0), a = $(() => ({
+    const n = t, e = E(0), a = $(() => ({
       tabs: !0,
       "tabs--scrollable": n.scrollable
     }));
-    return (o, s) => (p(), g(Q, null, [
-      v("div", Vt, [
-        v("div", {
-          class: k(w(a))
+    return (o, s) => (f(), m(Q, null, [
+      _("div", Kt, [
+        _("div", {
+          class: x(w(a))
         }, [
-          (p(!0), g(Q, null, q(n.tabs, (l, i) => (p(), A(Ot, {
+          (f(!0), m(Q, null, q(n.tabs, (l, i) => (f(), N(Xt, {
             id: l.id,
             key: i,
             modelValue: e.value,
@@ -768,18 +847,18 @@ const jt = ["aria-disabled", "aria-selected", "disabled"], Et = {
           }, null, 8, ["id", "modelValue", "active", "disabled", "icon", "label"]))), 128))
         ], 2)
       ]),
-      v("div", Ht, [
-        E(o.$slots, "tab", { activeTab: e.value })
+      _("div", Gt, [
+        A(o.$slots, "tab", { activeTab: e.value })
       ])
     ], 64));
   }
-}), St = { class: "container" }, Yt = ["id", "disabled", "placeholder", "value"], Wt = {
+}), Jt = { class: "container" }, qt = ["id", "disabled", "placeholder", "value"], en = {
   key: 1,
   class: "textarea__error"
-}, Pt = {
+}, tn = {
   key: 2,
   class: "textarea__hint"
-}, Tn = /* @__PURE__ */ L({
+}, Sn = /* @__PURE__ */ I({
   __name: "RTextArea",
   props: {
     id: { default: "" },
@@ -806,17 +885,17 @@ const jt = ["aria-disabled", "aria-selected", "disabled"], Et = {
       {
         immediate: !0
       }
-    ), (s, l) => (p(), g("div", St, [
-      e.label ? (p(), A(Ae, {
+    ), (s, l) => (f(), m("div", Jt, [
+      e.label ? (f(), N(Le, {
         key: 0,
         id: "textarea",
         class: "textarea__label",
         for: "textarea",
         text: e.label
       }, null, 8, ["text"])) : R("", !0),
-      v("textarea", {
+      _("textarea", {
         id: e.id,
-        class: k(["textarea", {
+        class: x(["textarea", {
           "textarea--error": e.errorMsg,
           "textarea--disabled": e.disabled
         }]),
@@ -824,18 +903,18 @@ const jt = ["aria-disabled", "aria-selected", "disabled"], Et = {
         placeholder: e.placeholder,
         value: a.value,
         onInput: o
-      }, null, 42, Yt),
-      e.errorMsg ? (p(), g("p", Wt, C(e.errorMsg), 1)) : (p(), g("p", Pt, C(e.hint), 1))
+      }, null, 42, qt),
+      e.errorMsg ? (f(), m("p", en, C(e.errorMsg), 1)) : (f(), m("p", tn, C(e.hint), 1))
     ]));
   }
-}), Ft = {
-  class: /* @__PURE__ */ k({
+}), nn = {
+  class: /* @__PURE__ */ x({
     textfield__wrapper: !0
   })
-}, Ut = { class: "input-wrapper" }, Zt = ["id", "disabled", "placeholder", "type", "value"], Qt = { class: "textfield__error" }, Xt = {
+}, on = { class: "input-wrapper" }, an = ["id", "disabled", "placeholder", "type", "value"], sn = { class: "textfield__error" }, ln = {
   key: 0,
   class: "textfield__hint"
-}, Cn = /* @__PURE__ */ L({
+}, Hn = /* @__PURE__ */ I({
   __name: "RTextfield",
   props: {
     id: { default: "" },
@@ -860,106 +939,106 @@ const jt = ["aria-disabled", "aria-selected", "disabled"], Et = {
     "click:clear"
   ],
   setup(t, { emit: n }) {
-    const e = t, a = j(), o = G({
+    const e = t, a = E(), o = G({
       value: ""
-    }), s = j(e.type), l = {
+    }), s = E(e.type), l = {
       password: "lock_outline",
       email: "mail_outline",
       tel: "phone",
       url: "link",
       number: "123",
       text: ""
-    }, i = j(!1), r = $(() => !!o.value), u = $(() => {
-      const { disabled: z, loading: T, clearable: D, errorMsg: O } = e;
+    }, i = E(!1), r = $(() => !!o.value), u = $(() => {
+      const { disabled: T, loading: z, clearable: j, errorMsg: V } = e;
       return {
         textfield: !0,
-        "textfield--error": O == null ? void 0 : O.length,
-        "textfield--loading": T,
-        "textfield--disabled": z,
-        "textfield--clearable": D,
+        "textfield--error": V == null ? void 0 : V.length,
+        "textfield--loading": z,
+        "textfield--disabled": T,
+        "textfield--clearable": j,
         "textfield--focus": i.value,
         "textfield--filled": r.value
       };
-    }), m = $(() => ({
+    }), g = $(() => ({
       "textfield__prepend-icon": !0,
       "textfield__prepend-icon--loading": e.loading,
-      "textfield__prepend-icon--error": _.value && r.value
+      "textfield__prepend-icon--error": v.value && r.value
     })), d = $(() => ({
       "textfield__append-icon": !0,
       "textfield__append-icon--clear": b.value,
-      "textfield__append-icon--error": _.value
-    })), y = $(() => o.value.length > 0), _ = $(() => {
-      var z;
-      return (z = e.errorMsg) == null ? void 0 : z.length;
+      "textfield__append-icon--error": v.value
+    })), y = $(() => o.value.length > 0), v = $(() => {
+      var T;
+      return (T = e.errorMsg) == null ? void 0 : T.length;
     }), b = $(() => e.clearable && y.value), h = $(() => {
-      const { prependIcon: z, type: T } = e;
-      return z || l[T];
+      const { prependIcon: T, type: z } = e;
+      return T || l[z];
     }), c = $(() => {
-      const { appendIcon: z, type: T } = e;
-      return _.value ? "error_outline" : b.value && ["text", "email"].includes(T) ? "clear" : T === "password" && s.value === "password" ? "visibility" : T === "password" && s.value === "text" ? "visibility_off" : z;
-    }), f = () => {
+      const { appendIcon: T, type: z } = e;
+      return v.value ? "error_outline" : b.value && ["text", "email"].includes(z) ? "clear" : z === "password" && s.value === "password" ? "visibility" : z === "password" && s.value === "text" ? "visibility_off" : T;
+    }), p = () => {
       i.value = !0, n("focus", {
         value: o.value
       });
-    }, x = () => {
+    }, k = () => {
       i.value = !1, n("blur", {
         value: o.value
       });
     }, M = () => {
-      var z;
+      var T;
       if (b.value) {
-        o.value = "", (z = a.value) == null || z.focus(), n("click:clear", {
+        o.value = "", (T = a.value) == null || T.focus(), n("click:clear", {
           value: o.value
         });
         return;
       }
       n("click:icon", {
         value: o.value
-      }), N();
-    }, N = () => {
+      }), D();
+    }, D = () => {
       s.value = s.value === "password" ? "text" : "password";
-    }, I = (z) => {
-      const T = z.target;
-      o.value = T.value;
-    }, Y = () => {
-      var z;
-      (z = a.value) == null || z.focus();
+    }, L = (T) => {
+      const z = T.target;
+      o.value = z.value;
+    }, W = () => {
+      var T;
+      (T = a.value) == null || T.focus();
     };
     return U(
       () => e.modelValue,
-      (z) => {
-        o.value = z;
+      (T) => {
+        o.value = T;
       },
       {
         immediate: !0
       }
     ), U(
       () => o.value,
-      (z) => {
-        n("update:modelValue", z);
+      (T) => {
+        n("update:modelValue", T);
       }
-    ), (z, T) => (p(), g("fieldset", null, [
-      v("div", Ft, [
-        de(Ae, {
+    ), (T, z) => (f(), m("fieldset", null, [
+      _("div", nn, [
+        ne(Le, {
           id: e.id,
-          class: k({
+          class: x({
             textfield__label: !0
           }),
           for: e.id,
           text: e.label,
-          onClick: Y
+          onClick: W
         }, null, 8, ["id", "for", "text"]),
-        v("div", Ut, [
-          v("div", {
-            class: k(w(u))
+        _("div", on, [
+          _("div", {
+            class: x(w(u))
           }, [
-            w(h) ? (p(), A(B, {
+            w(h) ? (f(), N(B, {
               key: 0,
-              class: k(w(m)),
+              class: x(w(g)),
               name: w(h),
               size: 16
             }, null, 8, ["class", "name"])) : R("", !0),
-            v("input", {
+            _("input", {
               ref_key: "inputRef",
               ref: a,
               id: e.id,
@@ -967,43 +1046,43 @@ const jt = ["aria-disabled", "aria-selected", "disabled"], Et = {
               placeholder: e.placeholder,
               type: s.value,
               value: o.value,
-              onBlur: x,
-              onFocus: f,
-              onInput: I
-            }, null, 40, Zt),
-            w(c) ? (p(), A(B, {
+              onBlur: k,
+              onFocus: p,
+              onInput: L
+            }, null, 40, an),
+            w(c) ? (f(), N(B, {
               key: 1,
-              class: k(w(d)),
+              class: x(w(d)),
               color: e.iconColor,
               name: `${w(c)}`,
               size: 16,
               onClick: M
             }, null, 8, ["class", "color", "name"])) : R("", !0)
           ], 2),
-          v("div", Qt, C(e.errorMsg), 1),
-          e.errorMsg ? R("", !0) : (p(), g("div", Xt, C(e.hint), 1))
+          _("div", sn, C(e.errorMsg), 1),
+          e.errorMsg ? R("", !0) : (f(), m("div", ln, C(e.hint), 1))
         ])
       ])
     ]));
   }
 });
-function ne(t) {
+function oe(t) {
   return t.split("-")[0];
 }
 function ue(t) {
   return t.split("-")[1];
 }
-function oe(t) {
-  return ["top", "bottom"].includes(ne(t)) ? "x" : "y";
+function ae(t) {
+  return ["top", "bottom"].includes(oe(t)) ? "x" : "y";
 }
 function ge(t) {
   return t === "y" ? "height" : "width";
 }
-function ke(t, n, e) {
+function xe(t, n, e) {
   let { reference: a, floating: o } = t;
-  const s = a.x + a.width / 2 - o.width / 2, l = a.y + a.height / 2 - o.height / 2, i = oe(n), r = ge(i), u = a[r] / 2 - o[r] / 2, m = i === "x";
+  const s = a.x + a.width / 2 - o.width / 2, l = a.y + a.height / 2 - o.height / 2, i = ae(n), r = ge(i), u = a[r] / 2 - o[r] / 2, g = i === "x";
   let d;
-  switch (ne(n)) {
+  switch (oe(n)) {
     case "top":
       d = { x: s, y: a.y - o.height };
       break;
@@ -1021,95 +1100,95 @@ function ke(t, n, e) {
   }
   switch (ue(n)) {
     case "start":
-      d[i] -= u * (e && m ? -1 : 1);
+      d[i] -= u * (e && g ? -1 : 1);
       break;
     case "end":
-      d[i] += u * (e && m ? -1 : 1);
+      d[i] += u * (e && g ? -1 : 1);
   }
   return d;
 }
-const Kt = async (t, n, e) => {
+const rn = async (t, n, e) => {
   const { placement: a = "bottom", strategy: o = "absolute", middleware: s = [], platform: l } = e, i = s.filter(Boolean), r = await (l.isRTL == null ? void 0 : l.isRTL(n));
-  let u = await l.getElementRects({ reference: t, floating: n, strategy: o }), { x: m, y: d } = ke(u, a, r), y = a, _ = {}, b = 0;
+  let u = await l.getElementRects({ reference: t, floating: n, strategy: o }), { x: g, y: d } = xe(u, a, r), y = a, v = {}, b = 0;
   for (let h = 0; h < i.length; h++) {
-    const { name: c, fn: f } = i[h], { x, y: M, data: N, reset: I } = await f({ x: m, y: d, initialPlacement: a, placement: y, strategy: o, middlewareData: _, rects: u, platform: l, elements: { reference: t, floating: n } });
-    m = x ?? m, d = M ?? d, _ = { ..._, [c]: { ..._[c], ...N } }, I && b <= 50 && (b++, typeof I == "object" && (I.placement && (y = I.placement), I.rects && (u = I.rects === !0 ? await l.getElementRects({ reference: t, floating: n, strategy: o }) : I.rects), { x: m, y: d } = ke(u, y, r)), h = -1);
+    const { name: c, fn: p } = i[h], { x: k, y: M, data: D, reset: L } = await p({ x: g, y: d, initialPlacement: a, placement: y, strategy: o, middlewareData: v, rects: u, platform: l, elements: { reference: t, floating: n } });
+    g = k ?? g, d = M ?? d, v = { ...v, [c]: { ...v[c], ...D } }, L && b <= 50 && (b++, typeof L == "object" && (L.placement && (y = L.placement), L.rects && (u = L.rects === !0 ? await l.getElementRects({ reference: t, floating: n, strategy: o }) : L.rects), { x: g, y: d } = xe(u, y, r)), h = -1);
   }
-  return { x: m, y: d, placement: y, strategy: o, middlewareData: _ };
+  return { x: g, y: d, placement: y, strategy: o, middlewareData: v };
 };
-function Le(t) {
+function Ne(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 };
 }
-function se(t) {
+function ie(t) {
   return { ...t, top: t.y, left: t.x, right: t.x + t.width, bottom: t.y + t.height };
 }
-async function ie(t, n) {
+async function re(t, n) {
   var e;
   n === void 0 && (n = {});
-  const { x: a, y: o, platform: s, rects: l, elements: i, strategy: r } = t, { boundary: u = "clippingAncestors", rootBoundary: m = "viewport", elementContext: d = "floating", altBoundary: y = !1, padding: _ = 0 } = n, b = Le(_), h = i[y ? d === "floating" ? "reference" : "floating" : d], c = se(await s.getClippingRect({ element: (e = await (s.isElement == null ? void 0 : s.isElement(h))) == null || e ? h : h.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(i.floating)), boundary: u, rootBoundary: m, strategy: r })), f = se(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({ rect: d === "floating" ? { ...l.floating, x: a, y: o } : l.reference, offsetParent: await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(i.floating)), strategy: r }) : l[d]);
-  return { top: c.top - f.top + b.top, bottom: f.bottom - c.bottom + b.bottom, left: c.left - f.left + b.left, right: f.right - c.right + b.right };
+  const { x: a, y: o, platform: s, rects: l, elements: i, strategy: r } = t, { boundary: u = "clippingAncestors", rootBoundary: g = "viewport", elementContext: d = "floating", altBoundary: y = !1, padding: v = 0 } = n, b = Ne(v), h = i[y ? d === "floating" ? "reference" : "floating" : d], c = ie(await s.getClippingRect({ element: (e = await (s.isElement == null ? void 0 : s.isElement(h))) == null || e ? h : h.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(i.floating)), boundary: u, rootBoundary: g, strategy: r })), p = ie(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({ rect: d === "floating" ? { ...l.floating, x: a, y: o } : l.reference, offsetParent: await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(i.floating)), strategy: r }) : l[d]);
+  return { top: c.top - p.top + b.top, bottom: p.bottom - c.bottom + b.bottom, left: c.left - p.left + b.left, right: p.right - c.right + b.right };
 }
-const Gt = Math.min, Jt = Math.max;
+const cn = Math.min, dn = Math.max;
 function me(t, n, e) {
-  return Jt(t, Gt(n, e));
+  return dn(t, cn(n, e));
 }
-const qt = (t) => ({ name: "arrow", options: t, async fn(n) {
+const un = (t) => ({ name: "arrow", options: t, async fn(n) {
   const { element: e, padding: a = 0 } = t ?? {}, { x: o, y: s, placement: l, rects: i, platform: r } = n;
   if (e == null)
     return {};
-  const u = Le(a), m = { x: o, y: s }, d = oe(l), y = ue(l), _ = ge(d), b = await r.getDimensions(e), h = d === "y" ? "top" : "left", c = d === "y" ? "bottom" : "right", f = i.reference[_] + i.reference[d] - m[d] - i.floating[_], x = m[d] - i.reference[d], M = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(e));
-  let N = M ? d === "y" ? M.clientHeight || 0 : M.clientWidth || 0 : 0;
-  N === 0 && (N = i.floating[_]);
-  const I = f / 2 - x / 2, Y = u[h], z = N - b[_] - u[c], T = N / 2 - b[_] / 2 + I, D = me(Y, T, z), O = (y === "start" ? u[h] : u[c]) > 0 && T !== D && i.reference[_] <= i.floating[_];
-  return { [d]: m[d] - (O ? T < Y ? Y - T : z - T : 0), data: { [d]: D, centerOffset: T - D } };
-} }), en = { left: "right", right: "left", bottom: "top", top: "bottom" };
-function re(t) {
-  return t.replace(/left|right|bottom|top/g, (n) => en[n]);
+  const u = Ne(a), g = { x: o, y: s }, d = ae(l), y = ue(l), v = ge(d), b = await r.getDimensions(e), h = d === "y" ? "top" : "left", c = d === "y" ? "bottom" : "right", p = i.reference[v] + i.reference[d] - g[d] - i.floating[v], k = g[d] - i.reference[d], M = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(e));
+  let D = M ? d === "y" ? M.clientHeight || 0 : M.clientWidth || 0 : 0;
+  D === 0 && (D = i.floating[v]);
+  const L = p / 2 - k / 2, W = u[h], T = D - b[v] - u[c], z = D / 2 - b[v] / 2 + L, j = me(W, z, T), V = (y === "start" ? u[h] : u[c]) > 0 && z !== j && i.reference[v] <= i.floating[v];
+  return { [d]: g[d] - (V ? z < W ? W - z : T - z : 0), data: { [d]: j, centerOffset: z - j } };
+} }), fn = { left: "right", right: "left", bottom: "top", top: "bottom" };
+function ce(t) {
+  return t.replace(/left|right|bottom|top/g, (n) => fn[n]);
 }
-function tn(t, n, e) {
+function pn(t, n, e) {
   e === void 0 && (e = !1);
-  const a = ue(t), o = oe(t), s = ge(o);
+  const a = ue(t), o = ae(t), s = ge(o);
   let l = o === "x" ? a === (e ? "end" : "start") ? "right" : "left" : a === "start" ? "bottom" : "top";
-  return n.reference[s] > n.floating[s] && (l = re(l)), { main: l, cross: re(l) };
+  return n.reference[s] > n.floating[s] && (l = ce(l)), { main: l, cross: ce(l) };
 }
-const nn = { start: "end", end: "start" };
+const hn = { start: "end", end: "start" };
 function we(t) {
-  return t.replace(/start|end/g, (n) => nn[n]);
+  return t.replace(/start|end/g, (n) => hn[n]);
 }
-const Ne = ["top", "right", "bottom", "left"];
-Ne.reduce((t, n) => t.concat(n, n + "-start", n + "-end"), []);
-const on = function(t) {
+const Be = ["top", "right", "bottom", "left"];
+Be.reduce((t, n) => t.concat(n, n + "-start", n + "-end"), []);
+const mn = function(t) {
   return t === void 0 && (t = {}), { name: "flip", options: t, async fn(n) {
     var e;
-    const { placement: a, middlewareData: o, rects: s, initialPlacement: l, platform: i, elements: r } = n, { mainAxis: u = !0, crossAxis: m = !0, fallbackPlacements: d, fallbackStrategy: y = "bestFit", flipAlignment: _ = !0, ...b } = t, h = ne(a), c = d || (h === l || !_ ? [re(l)] : function(T) {
-      const D = re(T);
-      return [we(T), D, we(D)];
-    }(l)), f = [l, ...c], x = await ie(n, b), M = [];
-    let N = ((e = o.flip) == null ? void 0 : e.overflows) || [];
-    if (u && M.push(x[h]), m) {
-      const { main: T, cross: D } = tn(a, s, await (i.isRTL == null ? void 0 : i.isRTL(r.floating)));
-      M.push(x[T], x[D]);
+    const { placement: a, middlewareData: o, rects: s, initialPlacement: l, platform: i, elements: r } = n, { mainAxis: u = !0, crossAxis: g = !0, fallbackPlacements: d, fallbackStrategy: y = "bestFit", flipAlignment: v = !0, ...b } = t, h = oe(a), c = d || (h === l || !v ? [ce(l)] : function(z) {
+      const j = ce(z);
+      return [we(z), j, we(j)];
+    }(l)), p = [l, ...c], k = await re(n, b), M = [];
+    let D = ((e = o.flip) == null ? void 0 : e.overflows) || [];
+    if (u && M.push(k[h]), g) {
+      const { main: z, cross: j } = pn(a, s, await (i.isRTL == null ? void 0 : i.isRTL(r.floating)));
+      M.push(k[z], k[j]);
     }
-    if (N = [...N, { placement: a, overflows: M }], !M.every((T) => T <= 0)) {
-      var I, Y;
-      const T = ((I = (Y = o.flip) == null ? void 0 : Y.index) != null ? I : 0) + 1, D = f[T];
-      if (D)
-        return { data: { index: T, overflows: N }, reset: { placement: D } };
-      let O = "bottom";
+    if (D = [...D, { placement: a, overflows: M }], !M.every((z) => z <= 0)) {
+      var L, W;
+      const z = ((L = (W = o.flip) == null ? void 0 : W.index) != null ? L : 0) + 1, j = p[z];
+      if (j)
+        return { data: { index: z, overflows: D }, reset: { placement: j } };
+      let V = "bottom";
       switch (y) {
         case "bestFit": {
-          var z;
-          const be = (z = N.map((ae) => [ae, ae.overflows.filter((J) => J > 0).reduce((J, Se) => J + Se, 0)]).sort((ae, J) => ae[1] - J[1])[0]) == null ? void 0 : z[0].placement;
-          be && (O = be);
+          var T;
+          const be = (T = D.map((se) => [se, se.overflows.filter((J) => J > 0).reduce((J, Ye) => J + Ye, 0)]).sort((se, J) => se[1] - J[1])[0]) == null ? void 0 : T[0].placement;
+          be && (V = be);
           break;
         }
         case "initialPlacement":
-          O = l;
+          V = l;
       }
-      if (a !== O)
-        return { reset: { placement: O } };
+      if (a !== V)
+        return { reset: { placement: V } };
     }
     return {};
   } };
@@ -1118,132 +1197,132 @@ function $e(t, n) {
   return { top: t.top - n.height, right: t.right - n.width, bottom: t.bottom - n.height, left: t.left - n.width };
 }
 function Me(t) {
-  return Ne.some((n) => t[n] >= 0);
+  return Be.some((n) => t[n] >= 0);
 }
-const an = function(t) {
+const _n = function(t) {
   let { strategy: n = "referenceHidden", ...e } = t === void 0 ? {} : t;
   return { name: "hide", async fn(a) {
     const { rects: o } = a;
     switch (n) {
       case "referenceHidden": {
-        const s = $e(await ie(a, { ...e, elementContext: "reference" }), o.reference);
+        const s = $e(await re(a, { ...e, elementContext: "reference" }), o.reference);
         return { data: { referenceHiddenOffsets: s, referenceHidden: Me(s) } };
       }
       case "escaped": {
-        const s = $e(await ie(a, { ...e, altBoundary: !0 }), o.floating);
+        const s = $e(await re(a, { ...e, altBoundary: !0 }), o.floating);
         return { data: { escapedOffsets: s, escaped: Me(s) } };
       }
       default:
         return {};
     }
   } };
-}, ln = function(t) {
+}, gn = function(t) {
   return t === void 0 && (t = 0), { name: "offset", options: t, async fn(n) {
     const { x: e, y: a } = n, o = await async function(s, l) {
-      const { placement: i, platform: r, elements: u } = s, m = await (r.isRTL == null ? void 0 : r.isRTL(u.floating)), d = ne(i), y = ue(i), _ = oe(i) === "x", b = ["left", "top"].includes(d) ? -1 : 1, h = m && _ ? -1 : 1, c = typeof l == "function" ? l(s) : l;
-      let { mainAxis: f, crossAxis: x, alignmentAxis: M } = typeof c == "number" ? { mainAxis: c, crossAxis: 0, alignmentAxis: null } : { mainAxis: 0, crossAxis: 0, alignmentAxis: null, ...c };
-      return y && typeof M == "number" && (x = y === "end" ? -1 * M : M), _ ? { x: x * h, y: f * b } : { x: f * b, y: x * h };
+      const { placement: i, platform: r, elements: u } = s, g = await (r.isRTL == null ? void 0 : r.isRTL(u.floating)), d = oe(i), y = ue(i), v = ae(i) === "x", b = ["left", "top"].includes(d) ? -1 : 1, h = g && v ? -1 : 1, c = typeof l == "function" ? l(s) : l;
+      let { mainAxis: p, crossAxis: k, alignmentAxis: M } = typeof c == "number" ? { mainAxis: c, crossAxis: 0, alignmentAxis: null } : { mainAxis: 0, crossAxis: 0, alignmentAxis: null, ...c };
+      return y && typeof M == "number" && (k = y === "end" ? -1 * M : M), v ? { x: k * h, y: p * b } : { x: p * b, y: k * h };
     }(n, t);
     return { x: e + o.x, y: a + o.y, data: o };
   } };
 };
-function sn(t) {
+function vn(t) {
   return t === "x" ? "y" : "x";
 }
-const rn = function(t) {
+const bn = function(t) {
   return t === void 0 && (t = {}), { name: "shift", options: t, async fn(n) {
     const { x: e, y: a, placement: o } = n, { mainAxis: s = !0, crossAxis: l = !1, limiter: i = { fn: (c) => {
-      let { x: f, y: x } = c;
-      return { x: f, y: x };
-    } }, ...r } = t, u = { x: e, y: a }, m = await ie(n, r), d = oe(ne(o)), y = sn(d);
-    let _ = u[d], b = u[y];
+      let { x: p, y: k } = c;
+      return { x: p, y: k };
+    } }, ...r } = t, u = { x: e, y: a }, g = await re(n, r), d = ae(oe(o)), y = vn(d);
+    let v = u[d], b = u[y];
     if (s) {
       const c = d === "y" ? "bottom" : "right";
-      _ = me(_ + m[d === "y" ? "top" : "left"], _, _ - m[c]);
+      v = me(v + g[d === "y" ? "top" : "left"], v, v - g[c]);
     }
     if (l) {
       const c = y === "y" ? "bottom" : "right";
-      b = me(b + m[y === "y" ? "top" : "left"], b, b - m[c]);
+      b = me(b + g[y === "y" ? "top" : "left"], b, b - g[c]);
     }
-    const h = i.fn({ ...n, [d]: _, [y]: b });
+    const h = i.fn({ ...n, [d]: v, [y]: b });
     return { ...h, data: { x: h.x - e, y: h.y - a } };
   } };
 };
-function Be(t) {
+function De(t) {
   return t && t.document && t.location && t.alert && t.setInterval;
 }
-function S(t) {
+function Y(t) {
   if (t == null)
     return window;
-  if (!Be(t)) {
+  if (!De(t)) {
     const n = t.ownerDocument;
     return n && n.defaultView || window;
   }
   return t;
 }
-function V(t) {
-  return S(t).getComputedStyle(t);
+function S(t) {
+  return Y(t).getComputedStyle(t);
 }
 function Z(t) {
-  return Be(t) ? "" : t ? (t.nodeName || "").toLowerCase() : "";
+  return De(t) ? "" : t ? (t.nodeName || "").toLowerCase() : "";
 }
-function De() {
+function je() {
   const t = navigator.userAgentData;
   return t && Array.isArray(t.brands) ? t.brands.map((n) => n.brand + "/" + n.version).join(" ") : navigator.userAgent;
 }
 function H(t) {
-  return t instanceof S(t).HTMLElement;
+  return t instanceof Y(t).HTMLElement;
 }
 function K(t) {
-  return t instanceof S(t).Element;
+  return t instanceof Y(t).Element;
 }
-function ze(t) {
-  return typeof ShadowRoot > "u" ? !1 : t instanceof S(t).ShadowRoot || t instanceof ShadowRoot;
+function Te(t) {
+  return typeof ShadowRoot > "u" ? !1 : t instanceof Y(t).ShadowRoot || t instanceof ShadowRoot;
 }
 function fe(t) {
-  const { overflow: n, overflowX: e, overflowY: a, display: o } = V(t);
+  const { overflow: n, overflowX: e, overflowY: a, display: o } = S(t);
   return /auto|scroll|overlay|hidden/.test(n + a + e) && !["inline", "contents"].includes(o);
 }
-function cn(t) {
+function yn(t) {
   return ["table", "td", "th"].includes(Z(t));
 }
 function _e(t) {
-  const n = /firefox/i.test(De()), e = V(t), a = e.backdropFilter || e.WebkitBackdropFilter;
+  const n = /firefox/i.test(je()), e = S(t), a = e.backdropFilter || e.WebkitBackdropFilter;
   return e.transform !== "none" || e.perspective !== "none" || !!a && a !== "none" || n && e.willChange === "filter" || n && !!e.filter && e.filter !== "none" || ["transform", "perspective"].some((o) => e.willChange.includes(o)) || ["paint", "layout", "strict", "content"].some((o) => {
     const s = e.contain;
     return s != null && s.includes(o);
   });
 }
-function je() {
-  return !/^((?!chrome|android).)*safari/i.test(De());
+function Ee() {
+  return !/^((?!chrome|android).)*safari/i.test(je());
 }
 function ve(t) {
   return ["html", "body", "#document"].includes(Z(t));
 }
-const Te = Math.min, ee = Math.max, ce = Math.round;
+const ze = Math.min, ee = Math.max, de = Math.round;
 function X(t, n, e) {
   var a, o, s, l;
   n === void 0 && (n = !1), e === void 0 && (e = !1);
   const i = t.getBoundingClientRect();
   let r = 1, u = 1;
-  n && H(t) && (r = t.offsetWidth > 0 && ce(i.width) / t.offsetWidth || 1, u = t.offsetHeight > 0 && ce(i.height) / t.offsetHeight || 1);
-  const m = K(t) ? S(t) : window, d = !je() && e, y = (i.left + (d && (a = (o = m.visualViewport) == null ? void 0 : o.offsetLeft) != null ? a : 0)) / r, _ = (i.top + (d && (s = (l = m.visualViewport) == null ? void 0 : l.offsetTop) != null ? s : 0)) / u, b = i.width / r, h = i.height / u;
-  return { width: b, height: h, top: _, right: y + b, bottom: _ + h, left: y, x: y, y: _ };
+  n && H(t) && (r = t.offsetWidth > 0 && de(i.width) / t.offsetWidth || 1, u = t.offsetHeight > 0 && de(i.height) / t.offsetHeight || 1);
+  const g = K(t) ? Y(t) : window, d = !Ee() && e, y = (i.left + (d && (a = (o = g.visualViewport) == null ? void 0 : o.offsetLeft) != null ? a : 0)) / r, v = (i.top + (d && (s = (l = g.visualViewport) == null ? void 0 : l.offsetTop) != null ? s : 0)) / u, b = i.width / r, h = i.height / u;
+  return { width: b, height: h, top: v, right: y + b, bottom: v + h, left: y, x: y, y: v };
 }
 function F(t) {
-  return (n = t, (n instanceof S(n).Node ? t.ownerDocument : t.document) || window.document).documentElement;
+  return (n = t, (n instanceof Y(n).Node ? t.ownerDocument : t.document) || window.document).documentElement;
   var n;
 }
 function pe(t) {
   return K(t) ? { scrollLeft: t.scrollLeft, scrollTop: t.scrollTop } : { scrollLeft: t.pageXOffset, scrollTop: t.pageYOffset };
 }
-function Ee(t) {
+function Ve(t) {
   return X(F(t)).left + pe(t).scrollLeft;
 }
-function dn(t, n, e) {
+function kn(t, n, e) {
   const a = H(n), o = F(n), s = X(t, a && function(r) {
     const u = X(r);
-    return ce(u.width) !== r.offsetWidth || ce(u.height) !== r.offsetHeight;
+    return de(u.width) !== r.offsetWidth || de(u.height) !== r.offsetHeight;
   }(n), e === "fixed");
   let l = { scrollLeft: 0, scrollTop: 0 };
   const i = { x: 0, y: 0 };
@@ -1252,24 +1331,24 @@ function dn(t, n, e) {
       const r = X(n, !0);
       i.x = r.x + n.clientLeft, i.y = r.y + n.clientTop;
     } else
-      o && (i.x = Ee(o));
+      o && (i.x = Ve(o));
   return { x: s.left + l.scrollLeft - i.x, y: s.top + l.scrollTop - i.y, width: s.width, height: s.height };
 }
 function te(t) {
   if (Z(t) === "html")
     return t;
-  const n = t.assignedSlot || t.parentNode || (ze(t) ? t.host : null) || F(t);
-  return ze(n) ? n.host : n;
+  const n = t.assignedSlot || t.parentNode || (Te(t) ? t.host : null) || F(t);
+  return Te(n) ? n.host : n;
 }
 function Ce(t) {
-  return H(t) && V(t).position !== "fixed" ? t.offsetParent : null;
+  return H(t) && S(t).position !== "fixed" ? t.offsetParent : null;
 }
 function Re(t) {
-  const n = S(t);
+  const n = Y(t);
   let e = Ce(t);
-  for (; e && cn(e) && V(e).position === "static"; )
+  for (; e && yn(e) && S(e).position === "static"; )
     e = Ce(e);
-  return e && (Z(e) === "html" || Z(e) === "body" && V(e).position === "static" && !_e(e)) ? n : e || function(a) {
+  return e && (Z(e) === "html" || Z(e) === "body" && S(e).position === "static" && !_e(e)) ? n : e || function(a) {
     let o = te(a);
     for (; H(o) && !ve(o); ) {
       if (_e(o))
@@ -1283,47 +1362,47 @@ function Oe(t) {
   const n = te(t);
   return ve(n) ? t.ownerDocument.body : H(n) && fe(n) ? n : Oe(n);
 }
-function Ve(t, n) {
+function Se(t, n) {
   var e;
   n === void 0 && (n = []);
-  const a = Oe(t), o = a === ((e = t.ownerDocument) == null ? void 0 : e.body), s = S(a), l = o ? [s].concat(s.visualViewport || [], fe(a) ? a : []) : a, i = n.concat(l);
-  return o ? i : i.concat(Ve(l));
+  const a = Oe(t), o = a === ((e = t.ownerDocument) == null ? void 0 : e.body), s = Y(a), l = o ? [s].concat(s.visualViewport || [], fe(a) ? a : []) : a, i = n.concat(l);
+  return o ? i : i.concat(Se(l));
 }
 function Ie(t, n, e) {
-  return n === "viewport" ? se(function(a, o) {
-    const s = S(a), l = F(a), i = s.visualViewport;
-    let r = l.clientWidth, u = l.clientHeight, m = 0, d = 0;
+  return n === "viewport" ? ie(function(a, o) {
+    const s = Y(a), l = F(a), i = s.visualViewport;
+    let r = l.clientWidth, u = l.clientHeight, g = 0, d = 0;
     if (i) {
       r = i.width, u = i.height;
-      const y = je();
-      (y || !y && o === "fixed") && (m = i.offsetLeft, d = i.offsetTop);
+      const y = Ee();
+      (y || !y && o === "fixed") && (g = i.offsetLeft, d = i.offsetTop);
     }
-    return { width: r, height: u, x: m, y: d };
+    return { width: r, height: u, x: g, y: d };
   }(t, e)) : K(n) ? function(a, o) {
     const s = X(a, !1, o === "fixed"), l = s.top + a.clientTop, i = s.left + a.clientLeft;
     return { top: l, left: i, x: i, y: l, right: i + a.clientWidth, bottom: l + a.clientHeight, width: a.clientWidth, height: a.clientHeight };
-  }(n, e) : se(function(a) {
+  }(n, e) : ie(function(a) {
     var o;
     const s = F(a), l = pe(a), i = (o = a.ownerDocument) == null ? void 0 : o.body, r = ee(s.scrollWidth, s.clientWidth, i ? i.scrollWidth : 0, i ? i.clientWidth : 0), u = ee(s.scrollHeight, s.clientHeight, i ? i.scrollHeight : 0, i ? i.clientHeight : 0);
-    let m = -l.scrollLeft + Ee(a);
+    let g = -l.scrollLeft + Ve(a);
     const d = -l.scrollTop;
-    return V(i || s).direction === "rtl" && (m += ee(s.clientWidth, i ? i.clientWidth : 0) - r), { width: r, height: u, x: m, y: d };
+    return S(i || s).direction === "rtl" && (g += ee(s.clientWidth, i ? i.clientWidth : 0) - r), { width: r, height: u, x: g, y: d };
   }(F(t)));
 }
-const un = { getClippingRect: function(t) {
+const xn = { getClippingRect: function(t) {
   let { element: n, boundary: e, rootBoundary: a, strategy: o } = t;
   const s = e === "clippingAncestors" ? function(u) {
-    let m = Ve(u).filter((b) => K(b) && Z(b) !== "body"), d = null;
-    const y = V(u).position === "fixed";
-    let _ = y ? te(u) : u;
-    for (; K(_) && !ve(_); ) {
-      const b = V(_), h = _e(_);
-      (y ? h || d : h || b.position !== "static" || !d || !["absolute", "fixed"].includes(d.position)) ? d = b : m = m.filter((c) => c !== _), _ = te(_);
+    let g = Se(u).filter((b) => K(b) && Z(b) !== "body"), d = null;
+    const y = S(u).position === "fixed";
+    let v = y ? te(u) : u;
+    for (; K(v) && !ve(v); ) {
+      const b = S(v), h = _e(v);
+      (y ? h || d : h || b.position !== "static" || !d || !["absolute", "fixed"].includes(d.position)) ? d = b : g = g.filter((c) => c !== v), v = te(v);
     }
-    return m;
-  }(n) : [].concat(e), l = [...s, a], i = l[0], r = l.reduce((u, m) => {
-    const d = Ie(n, m, o);
-    return u.top = ee(d.top, u.top), u.right = Te(d.right, u.right), u.bottom = Te(d.bottom, u.bottom), u.left = ee(d.left, u.left), u;
+    return g;
+  }(n) : [].concat(e), l = [...s, a], i = l[0], r = l.reduce((u, g) => {
+    const d = Ie(n, g, o);
+    return u.top = ee(d.top, u.top), u.right = ze(d.right, u.right), u.bottom = ze(d.bottom, u.bottom), u.left = ee(d.left, u.left), u;
   }, Ie(n, i, o));
   return { width: r.right - r.left, height: r.bottom - r.top, x: r.left, y: r.top };
 }, convertOffsetParentRelativeRectToViewportRelativeRect: function(t) {
@@ -1346,24 +1425,24 @@ const un = { getClippingRect: function(t) {
 }, getOffsetParent: Re, getDocumentElement: F, async getElementRects(t) {
   let { reference: n, floating: e, strategy: a } = t;
   const o = this.getOffsetParent || Re, s = this.getDimensions;
-  return { reference: dn(n, await o(e), a), floating: { x: 0, y: 0, ...await s(e) } };
-}, getClientRects: (t) => Array.from(t.getClientRects()), isRTL: (t) => V(t).direction === "rtl" }, fn = (t, n, e) => Kt(t, n, { platform: un, ...e });
+  return { reference: kn(n, await o(e), a), floating: { x: 0, y: 0, ...await s(e) } };
+}, getClientRects: (t) => Array.from(t.getClientRects()), isRTL: (t) => S(t).direction === "rtl" }, wn = (t, n, e) => rn(t, n, { platform: xn, ...e });
 function he({ value: t }, { value: n }, { value: e }, a, o, s) {
-  !t || !n || fn(t, n, {
+  !t || !n || wn(t, n, {
     placement: a,
     middleware: [
-      ln(o),
-      rn({ padding: s }),
-      qt({ element: e }),
-      on(),
-      an()
+      gn(o),
+      bn({ padding: s }),
+      un({ element: e }),
+      mn(),
+      _n()
     ]
   }).then(({ x: l, y: i, placement: r, middlewareData: u }) => {
     if (Object.assign(n.style, {
       left: `${l}px`,
       top: `${i}px`
     }), e && u.arrow) {
-      const { x: m, y: d } = u.arrow, y = {
+      const { x: g, y: d } = u.arrow, y = {
         top: "bottom",
         right: "left",
         bottom: "top",
@@ -1371,7 +1450,7 @@ function he({ value: t }, { value: n }, { value: e }, a, o, s) {
         /* Right */
       }[r.split("-")[0]];
       Object.assign(e.style, {
-        left: l != null ? `${m}px` : "",
+        left: l != null ? `${g}px` : "",
         top: i != null ? `${d}px` : "",
         right: "",
         bottom: "",
@@ -1380,15 +1459,15 @@ function he({ value: t }, { value: n }, { value: e }, a, 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 || {}), W = /* @__PURE__ */ ((t) => (t.Click = "click", t.Hover = "hover", t.Manual = "manual", t))(W || {});
-const pn = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMousemove"], hn = ["innerHTML"], mn = /* @__PURE__ */ L({
+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 || {}), P = /* @__PURE__ */ ((t) => (t.Click = "click", t.Hover = "hover", t.Manual = "manual", t))(P || {});
+const $n = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMousemove"], Mn = ["innerHTML"], Tn = /* @__PURE__ */ I({
   __name: "RTooltip",
   props: {
     placement: { default: He.Top },
     text: { default: "" },
     dark: { type: Boolean, default: !0 },
     light: { type: Boolean, default: !1 },
-    triggers: { default: W.Hover },
+    triggers: { default: P.Hover },
     autoHide: { type: Boolean, default: !0 },
     hideDelay: { default: 3e3 },
     showDelay: { default: 0 },
@@ -1403,13 +1482,13 @@ const pn = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
   emits: ["show", "hide"],
   setup(t, { emit: n }) {
     const e = t;
-    Xe((c) => ({
+    Ke((c) => ({
       "271323d4": w(h)
     }));
-    const a = j(null), o = j(null), s = j(null);
+    const a = E(null), o = E(null), s = E(null);
     function l() {
-      const { placement: c, offset: f, padding: x, disabled: M } = e;
-      M || (o.value.style.display = "block", n("show"), he(a, o, s, c, f, x), r(), e.outsideClick && u("add"));
+      const { placement: c, offset: p, padding: k, disabled: M } = e;
+      M || (o.value.style.display = "block", n("show"), he(a, o, s, c, p, k), r(), e.outsideClick && u("add"));
     }
     function i() {
       o.value.style.display = "", n("hide"), e.outsideClick && u("remove");
@@ -1420,75 +1499,75 @@ const pn = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
       }, e.hideDelay);
     }, u = (c) => {
       c === "add" && document.addEventListener("click", i), c === "remove" && document.removeEventListener("click", i);
-    }, m = () => {
-      e.disabled || e.triggers == W.Click && (o.value.style.display === "block" ? i() : l());
+    }, g = () => {
+      e.disabled || e.triggers == P.Click && (o.value.style.display === "block" ? i() : l());
     }, d = () => {
-      e.disabled || e.triggers === W.Hover && l();
+      e.disabled || e.triggers === P.Hover && l();
     }, y = () => {
       if (!e.disabled)
-        if (o.value.style.display === "" && e.triggers === W.Hover) {
+        if (o.value.style.display === "" && e.triggers === P.Hover) {
           l();
           return;
         } else
-          o.value.style.display !== "" && e.triggers === W.Hover && i();
-    }, _ = () => {
-      const { placement: c, offset: f, padding: x, disabled: M } = e;
-      M || e.triggers === W.Hover && he(a, o, s, c, f, x);
+          o.value.style.display !== "" && e.triggers === P.Hover && i();
+    }, v = () => {
+      const { placement: c, offset: p, padding: k, disabled: M } = e;
+      M || e.triggers === P.Hover && he(a, o, s, c, p, k);
     }, b = $(() => ({
       tooltip: !0,
       "tooltip--dark": e.dark,
       "tooltip--light": e.light
     }));
     window.onresize = () => {
-      const { placement: c, offset: f, padding: x, disabled: M } = e;
-      M || e.resizable && he(a, o, s, c, f, x);
-    }, Ke(
+      const { placement: c, offset: p, padding: k, disabled: M } = e;
+      M || e.resizable && he(a, o, s, c, p, k);
+    }, Ge(
       () => {
-        e.disabled || e.shown && e.triggers === W.Manual && l();
+        e.disabled || e.shown && e.triggers === P.Manual && l();
       },
       { flush: "post" }
       // this is important to avoid infinite loop & for fire on mounted
     );
     const h = $(() => `${e.showDelay}ms`);
-    return (c, f) => (p(), g(Q, null, [
-      v("div", {
+    return (c, p) => (f(), m(Q, null, [
+      _("div", {
         ref_key: "trigger",
         ref: a,
         "aria-disabled": e.disabled,
         class: "trigger",
-        onClick: P(m, ["stop"]),
-        onMouseenter: P(d, ["stop"]),
-        onMouseleave: P(y, ["stop"]),
-        onMousemove: P(_, ["stop"])
+        onClick: O(g, ["stop"]),
+        onMouseenter: O(d, ["stop"]),
+        onMouseleave: O(y, ["stop"]),
+        onMousemove: O(v, ["stop"])
       }, [
-        E(c.$slots, "trigger", {}, void 0, !0),
-        c.$slots.trigger ? R("", !0) : (p(), g("div", {
+        A(c.$slots, "trigger", {}, void 0, !0),
+        c.$slots.trigger ? R("", !0) : (f(), m("div", {
           key: 0,
           innerHTML: e.triggerContent
-        }, null, 8, hn))
-      ], 40, pn),
-      v("div", {
+        }, null, 8, Mn))
+      ], 40, $n),
+      _("div", {
         id: "tooltip",
         ref_key: "tooltip",
         ref: o,
-        class: k(w(b)),
+        class: x(w(b)),
         role: "tooltip"
       }, [
-        E(c.$slots, "content", {}, void 0, !0),
-        c.$slots.content ? R("", !0) : (p(), g("div", {
+        A(c.$slots, "content", {}, void 0, !0),
+        c.$slots.content ? R("", !0) : (f(), m("div", {
           key: 0,
-          class: k({
+          class: x({
             tooltip__content: !0,
             "tooltip__content--dark": e.dark,
             "tooltip__content--light": e.light
           })
         }, C(e.text), 3)),
-        c.$slots.content ? R("", !0) : (p(), g("div", {
+        c.$slots.content ? R("", !0) : (f(), m("div", {
           key: 1,
           id: "arrow",
           ref_key: "arrowElement",
           ref: s,
-          class: k({
+          class: x({
             tooltip__arrow: !0,
             "tooltip__arrow--dark": e.dark,
             "tooltip__arrow--light": e.light
@@ -1498,28 +1577,30 @@ const pn = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
     ], 64));
   }
 });
-const _n = (t, n) => {
+const zn = (t, n) => {
   const e = t.__vccOpts || t;
   for (const [a, o] of n)
     e[a] = o;
   return e;
-}, Rn = /* @__PURE__ */ _n(mn, [["__scopeId", "data-v-ee5f5651"]]);
+}, Yn = /* @__PURE__ */ zn(Tn, [["__scopeId", "data-v-ee5f5651"]]);
 export {
-  vn as RAccordion,
-  bn as RAlert,
-  yn as RAvatar,
-  xn as RBadge,
-  dt as RButton,
-  kn as RCheckbox,
-  bt as RChip,
-  wn as RDropdown,
+  Rn as RAccordion,
+  In as RAlert,
+  An as RAvatar,
+  Ln as RBadge,
+  ut as RButton,
+  Nn as RCheckbox,
+  yt as RChip,
+  Bn as RDropdown,
   B as RIcon,
-  Ae as RLabel,
-  $n as RSnackbar,
-  Mn as RSwitch,
-  Ot as RTabItem,
-  zn as RTabs,
-  Tn as RTextArea,
-  Cn as RTextfield,
-  Rn as RTooltip
+  Le as RLabel,
+  Dn as RModal,
+  jn as RSidebar,
+  En as RSnackbar,
+  Vn as RSwitch,
+  Xt as RTabItem,
+  On as RTabs,
+  Sn as RTextArea,
+  Hn as RTextfield,
+  Yn as RTooltip
 };