@rocketui/vue 0.0.16 → 0.0.17

package/dist/rocket-ui-vue.js

@@ -1,5 +1,5 @@
-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 v, createVNode as ne, createBlock as L, renderSlot as D, createCommentVNode as R, mergeProps as Pe, withModifiers as V, 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 N = /* @__PURE__ */ I({
+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,58 +17,58 @@ const N = /* @__PURE__ */ I({
       alignItems: "center",
       justifyContent: "center"
     })), a = $(() => n.kind === "filled" ? "material-icons" : `material-icons-${n.kind}`);
-    return (o, l) => (f(), m("span", {
+    return (o, s) => (f(), m("span", {
       class: x(w(a)),
       style: We(w(e))
     }, C(n.name), 7));
   }
-}), Je = ["onClick"], qe = { class: "accordion__title" }, et = { class: "accordion__icon" }, tt = { class: "accordion__content" }, zn = /* @__PURE__ */ I({
+}), Je = ["onClick"], qe = { class: "accordion__title" }, et = { class: "accordion__icon" }, tt = { class: "accordion__content" }, Rn = /* @__PURE__ */ I({
   __name: "RAccordion",
   props: {
     accordions: null
   },
   setup(t) {
     const n = t, e = G(
-      n.accordions.map(({ title: o, content: l }, s) => ({
+      n.accordions.map(({ title: o, content: s }, l) => ({
         title: o,
-        content: l,
-        open: n.accordions[s].open || !1,
-        disabled: n.accordions[s].disabled || !1
+        content: s,
+        open: n.accordions[l].open || !1,
+        disabled: n.accordions[l].disabled || !1
       }))
     );
     function a(o) {
-      e[o].disabled || e.forEach((l, s) => {
-        e[s].open = s === o ? !e[s].open : !1;
+      e[o].disabled || e.forEach((s, l) => {
+        e[l].open = l === o ? !e[l].open : !1;
       });
     }
-    return (o, l) => (f(!0), m(Q, null, q(e, (s, i) => (f(), m("div", {
+    return (o, s) => (f(!0), m(Q, null, q(e, (l, i) => (f(), m("div", {
       key: i,
       class: x({
         accordion: !0,
-        "accordion--opened": s.open,
-        "accordion--disabled": s.disabled
+        "accordion--opened": l.open,
+        "accordion--disabled": l.disabled
       })
     }, [
-      v("div", {
+      _("div", {
         class: "accordion__header",
         onClick: (r) => a(i)
       }, [
-        v("div", qe, C(s.title), 1),
-        v("div", et, [
-          ne(N, {
-            name: s.open ? "expand_less" : "expand_more"
+        _("div", qe, C(l.title), 1),
+        _("div", et, [
+          ne(B, {
+            name: l.open ? "expand_less" : "expand_more"
           }, null, 8, ["name"])
         ])
       ], 8, Je),
-      v("div", tt, [
-        v("span", null, C(s.content), 1)
+      _("div", tt, [
+        _("span", null, C(l.content), 1)
       ])
     ], 2))), 128));
   }
-}), nt = { class: "icon" }, ot = { class: "texts" }, at = { class: "texts__title" }, lt = { class: "texts__description" }, st = {
+}), nt = { class: "icon" }, ot = { class: "texts" }, at = { class: "texts__title" }, st = { class: "texts__description" }, lt = {
   key: 0,
   class: "close"
-}, Cn = /* @__PURE__ */ I({
+}, In = /* @__PURE__ */ I({
   __name: "RAlert",
   props: {
     type: { default: "info" },
@@ -88,38 +88,38 @@ const N = /* @__PURE__ */ I({
       error: "error",
       warning: "warning",
       info: "info"
-    })[e.type]), l = $(() => ({
+    })[e.type]), s = $(() => ({
       small: 12,
       medium: 16,
       large: 20
-    })[e.size]), s = () => {
+    })[e.size]), l = () => {
       n("close");
     };
     return (i, r) => (f(), m("div", {
       class: x(w(a))
     }, [
-      v("div", nt, [
-        ne(N, {
+      _("div", nt, [
+        ne(B, {
           name: w(o),
-          size: w(l)
+          size: w(s)
         }, null, 8, ["name", "size"])
       ]),
-      v("div", ot, [
-        v("p", at, C(e.title), 1),
-        v("p", lt, C(e.description), 1)
+      _("div", ot, [
+        _("p", at, C(e.title), 1),
+        _("p", st, C(e.description), 1)
       ]),
-      e.closable ? (f(), m("div", st, [
-        i.$slots.close ? D(i.$slots, "close", { key: 1 }) : (f(), L(N, {
+      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",
           size: "16",
-          onClick: s
+          onClick: l
         }))
       ])) : R("", !0)
     ], 2));
   }
-}), ke = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyNyAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQ5OTMgMTRDMTcuMTgyNyAxNCAyMC4xNjYgMTEuMDE2NyAyMC4xNjYgNy4zMzMzNEMyMC4xNjYgMy42NSAxNy4xODI3IDAuNjY2NjcyIDEzLjQ5OTMgMC42NjY2NzJDOS44MTYwMiAwLjY2NjY3MiA2LjgzMjY4IDMuNjUgNi44MzI2OCA3LjMzMzM0QzYuODMyNjggMTEuMDE2NyA5LjgxNjAyIDE0IDEzLjQ5OTMgMTRaTTEzLjQ5OTMgMTcuMzMzM0M5LjA0OTM1IDE3LjMzMzMgMC4xNjYwMTYgMTkuNTY2NyAwLjE2NjAxNiAyNFYyNS42NjY3QzAuMTY2MDE2IDI2LjU4MzMgMC45MTYwMTYgMjcuMzMzMyAxLjgzMjY4IDI3LjMzMzNIMjUuMTY2QzI2LjA4MjcgMjcuMzMzMyAyNi44MzI3IDI2LjU4MzMgMjYuODMyNyAyNS42NjY3VjI0QzI2LjgzMjcgMTkuNTY2NyAxNy45NDkzIDE3LjMzMzMgMTMuNDk5MyAxNy4zMzMzWiIgZmlsbD0iIzRDNUJFMSIvPgo8L3N2Zz4K", it = { class: "avatar__wrapper" }, rt = ["alt", "src"], Rn = /* @__PURE__ */ I({
+}), ke = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyNyAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQ5OTMgMTRDMTcuMTgyNyAxNCAyMC4xNjYgMTEuMDE2NyAyMC4xNjYgNy4zMzMzNEMyMC4xNjYgMy42NSAxNy4xODI3IDAuNjY2NjcyIDEzLjQ5OTMgMC42NjY2NzJDOS44MTYwMiAwLjY2NjY3MiA2LjgzMjY4IDMuNjUgNi44MzI2OCA3LjMzMzM0QzYuODMyNjggMTEuMDE2NyA5LjgxNjAyIDE0IDEzLjQ5OTMgMTRaTTEzLjQ5OTMgMTcuMzMzM0M5LjA0OTM1IDE3LjMzMzMgMC4xNjYwMTYgMTkuNTY2NyAwLjE2NjAxNiAyNFYyNS42NjY3QzAuMTY2MDE2IDI2LjU4MzMgMC45MTYwMTYgMjcuMzMzMyAxLjgzMjY4IDI3LjMzMzNIMjUuMTY2QzI2LjA4MjcgMjcuMzMzMyAyNi44MzI3IDI2LjU4MzMgMjYuODMyNyAyNS42NjY3VjI0QzI2LjgzMjcgMTkuNTY2NyAxNy45NDkzIDE3LjMzMzMgMTMuNDk5MyAxNy4zMzMzWiIgZmlsbD0iIzRDNUJFMSIvPgo8L3N2Zz4K", it = { class: "avatar__wrapper" }, rt = ["alt", "src"], An = /* @__PURE__ */ I({
   __name: "RAvatar",
   props: {
     type: { default: "image" },
@@ -133,18 +133,18 @@ const N = /* @__PURE__ */ I({
     const n = t, e = $(() => ({
       avatar: !0,
       [`avatar--${n.size}`]: !0
-    })), a = $(() => n.type === "image" && !n.src), o = $(() => a.value ? ke : n.src), l = (s) => {
-      const i = s.split(" ");
+    })), 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 (s, i) => (f(), m("div", it, [
-      v("div", {
+    return (l, i) => (f(), m("div", it, [
+      _("div", {
         class: x(w(e))
       }, [
         n.type === "text" ? (f(), m("p", {
           key: 0,
           class: x({ avatar__text: !0, [`avatar__text--${n.size}`]: !0 })
-        }, C(l(n.text)), 3)) : (f(), m("img", {
+        }, C(s(n.text)), 3)) : (f(), m("img", {
           key: 1,
           alt: n.alt,
           class: x({
@@ -161,7 +161,7 @@ const N = /* @__PURE__ */ I({
       }, null, 2)) : R("", !0)
     ]));
   }
-}), ct = { class: "badge-wrapper group" }, In = /* @__PURE__ */ I({
+}), ct = { class: "badge-wrapper group" }, Ln = /* @__PURE__ */ I({
   __name: "RBadge",
   props: {
     variant: { default: "primary" },
@@ -184,11 +184,11 @@ const N = /* @__PURE__ */ I({
       [`badge--${n.variant}`]: n.variant
     }));
     return (a, o) => (f(), m("div", ct, [
-      v("span", {
+      _("span", {
         class: x(w(e)),
-        onClick: o[0] || (o[0] = (l) => a.$emit("click"))
+        onClick: o[0] || (o[0] = (s) => a.$emit("click"))
       }, C(n.content), 3),
-      D(a.$slots, "default")
+      A(a.$slots, "default")
     ]));
   }
 }), dt = ["disabled"], ut = /* @__PURE__ */ I({
@@ -215,20 +215,20 @@ const N = /* @__PURE__ */ I({
       "button--only-icon": n.onlyIcon,
       "button--block": n.block
     })), a = $(() => n.size === "large" ? 20 : 16), o = $(() => {
-      const { backgroundColor: l, height: s } = n;
+      const { backgroundColor: s, height: l } = n;
       return {
-        backgroundColor: l,
-        height: s ? `${s}px` : ""
+        backgroundColor: s,
+        height: l ? `${l}px` : ""
       };
     });
-    return (l, s) => (f(), m("button", Pe(l.$attrs, {
+    return (s, l) => (f(), m("button", Pe(s.$attrs, {
       class: w(e),
       disabled: t.disabled || t.loading,
       style: w(o),
-      onClick: s[0] || (s[0] = V((i) => l.$emit("click"), ["stop"]))
+      onClick: l[0] || (l[0] = O((i) => s.$emit("click"), ["stop"]))
     }), [
-      D(l.$slots, "custom-icon"),
-      l.$slots["custom-icon"] ? R("", !0) : (f(), L(N, {
+      A(s.$slots, "custom-icon"),
+      s.$slots["custom-icon"] ? R("", !0) : (f(), N(B, {
         key: 0,
         class: x({
           "button__prepend-icon": !0,
@@ -237,8 +237,8 @@ const N = /* @__PURE__ */ I({
         name: n.prependIcon,
         size: w(a)
       }, null, 8, ["class", "name", "size"])),
-      n.onlyIcon ? R("", !0) : D(l.$slots, "default", { key: 1 }),
-      !l.$slots["custom-icon"] && !n.onlyIcon ? (f(), L(N, {
+      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,
@@ -252,7 +252,7 @@ const N = /* @__PURE__ */ I({
 }, bt = {
   key: 1,
   class: "checkbox-texts__hint"
-}, An = /* @__PURE__ */ I({
+}, Nn = /* @__PURE__ */ I({
   __name: "RCheckbox",
   props: {
     id: { default: "" },
@@ -272,7 +272,7 @@ const N = /* @__PURE__ */ I({
       checked: "check",
       unchecked: "",
       indeterminate: "remove"
-    }, l = $(() => a.indeterminate ? o.indeterminate : a.checked ? o.checked : o.unchecked), s = $(() => ({
+    }, s = $(() => a.indeterminate ? o.indeterminate : a.checked ? o.checked : o.unchecked), l = $(() => ({
       checkbox: !0,
       "checkbox--checked": a.checked,
       "checkbox--disabled": e.disabled,
@@ -302,8 +302,8 @@ const N = /* @__PURE__ */ I({
         immediate: !0
       }
     ), (r, u) => (f(), m("div", ft, [
-      v("div", pt, [
-        v("input", {
+      _("div", pt, [
+        _("input", {
           id: e.id,
           checked: a.checked,
           class: "checkbox-container__input",
@@ -312,18 +312,18 @@ const N = /* @__PURE__ */ I({
           type: "checkbox",
           onChange: i
         }, null, 40, ht),
-        v("div", {
-          class: x(w(s)),
+        _("div", {
+          class: x(w(l)),
           "data-disabled": e.disabled
         }, [
-          ne(N, {
-            name: w(l),
+          ne(B, {
+            name: w(s),
             size: "16"
           }, null, 8, ["name"])
         ], 10, mt)
       ]),
-      v("div", _t, [
-        v("label", {
+      _("div", _t, [
+        _("label", {
           class: "checkbox-texts__label",
           "data-disabled": e.disabled,
           for: e.id
@@ -351,34 +351,34 @@ const N = /* @__PURE__ */ I({
       [`chip__${e.variant}`]: e.variant,
       [`chip--${e.size}`]: e.size,
       [`chip__${e.variant}--ghost`]: e.ghost
-    })), o = $(() => e.size === "small" ? "10" : e.size === "large" ? "16" : "12"), l = (i) => {
+    })), o = $(() => e.size === "small" ? "10" : e.size === "large" ? "16" : "12"), s = (i) => {
       e.disabled || n("click:chip", i);
-    }, s = (i) => {
+    }, l = (i) => {
       e.disabled || n("click:close", i);
     };
     return (i, r) => (f(), m("div", {
       class: x(w(a))
     }, [
-      v("div", {
+      _("div", {
         class: "chip__content",
-        onClick: r[0] || (r[0] = V((u) => l(u), ["stop"]))
+        onClick: r[0] || (r[0] = O((u) => s(u), ["stop"]))
       }, [
-        e.prependIcon ? (f(), L(N, {
+        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 ? (f(), L(N, {
+      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] = V((u) => s(u), ["stop"]))
+        onClick: r[1] || (r[1] = O((u) => l(u), ["stop"]))
       }, null, 8, ["aria-disabled", "name", "size"])) : R("", !0)
     ], 2));
   }
@@ -388,7 +388,7 @@ const N = /* @__PURE__ */ I({
 }, wt = {
   key: 1,
   class: "dropdown__multiple"
-}, $t = ["disabled", "placeholder", "readonly"], Mt = ["aria-disabled", "onClick"], Tt = { style: { display: "flex", "align-items": "center" } }, Ln = /* @__PURE__ */ I({
+}, $t = ["disabled", "placeholder", "readonly"], Mt = ["aria-disabled", "onClick"], Tt = { style: { display: "flex", "align-items": "center" } }, Bn = /* @__PURE__ */ I({
   __name: "RDropdown",
   props: {
     placeholder: { default: "" },
@@ -404,48 +404,48 @@ const N = /* @__PURE__ */ I({
   },
   emits: ["update:modelValue"],
   setup(t, { emit: n }) {
-    const e = t, a = E(""), o = G([]), l = E(!1), s = E(""), i = E(null), r = E(null), u = (h) => {
-      var c, p, k, M, B, A;
+    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(), l.value = !l.value, l.value) {
+        if (h.stopPropagation(), s.value = !s.value, s.value) {
           (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"), (B = i.value) == null || B.blur(), (A = r.value) == null || A.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);
       }
-    }, _ = (h, c) => {
+    }, g = (h, c) => {
       var p;
       if (e.multiple || e.taggable) {
-        h.stopPropagation(), o.includes(c) ? o.splice(o.indexOf(c), 1) : o.push(c), s.value = "", e.searchable && ((p = r.value) == null || p.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);
     }, d = (h, c) => {
       if (a.value === c.value) {
-        a.value = "", s.value = "";
+        a.value = "", l.value = "";
         return;
       }
-      s.value = c.label, a.value = c.value, u(h), n("update:modelValue", c);
+      l.value = c.label, a.value = c.value, u(h), n("update:modelValue", c);
     }, y = (h, c) => {
-      if (h instanceof KeyboardEvent && h.key !== "Backspace" || s.value !== "")
+      if (h instanceof KeyboardEvent && h.key !== "Backspace" || l.value !== "")
         return;
       h.stopPropagation();
       const p = o.findIndex((k) => k.value === c.value);
       o.splice(p, 1);
-    }, g = (h) => {
+    }, v = (h) => {
       var k;
       if (!e.taggable)
         return;
       h.stopPropagation();
-      const c = s.value;
+      const c = l.value;
       if (c === "")
         return;
-      e.options.find((M) => M.label === c) || (o.push({ value: c, label: c }), s.value = "", (k = r.value) == null || k.focus());
-    }, b = $(() => e.searchable ? e.options.filter((c) => c.label.toLowerCase().includes(s.value.toLowerCase())) : e.options);
+      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) => (f(), m("div", kt, [
-      v("div", {
+      _("div", {
         ref_key: "dropdown",
         ref: i,
         class: x({
@@ -455,19 +455,19 @@ const N = /* @__PURE__ */ I({
         }),
         onClick: u
       }, [
-        v("div", {
+        _("div", {
           class: x({
             "dropdown__prepend-icon": !0,
-            "dropdown__prepend-icon--active": l.value
+            "dropdown__prepend-icon--active": s.value
           })
         }, [
-          e.prependIcon ? (f(), L(N, {
+          e.prependIcon ? (f(), N(B, {
             key: 1,
             name: e.prependIcon
-          }, null, 8, ["name"])) : D(h.$slots, "prepend-icon", { key: 0 })
+          }, null, 8, ["name"])) : A(h.$slots, "prepend-icon", { key: 0 })
         ], 2),
         e.taggable ? (f(), m("div", xt, [
-          (f(!0), m(Q, null, q(o, (p, k) => (f(), L(yt, {
+          (f(!0), m(Q, null, q(o, (p, k) => (f(), N(yt, {
             key: k,
             label: p.label,
             appendIcon: "close",
@@ -479,12 +479,12 @@ const N = /* @__PURE__ */ I({
         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),
-        Ae(v("input", {
+        Ae(_("input", {
           id: "select",
           ref_key: "input",
           ref: r,
           type: "text",
-          "onUpdate:modelValue": c[0] || (c[0] = (p) => s.value = p),
+          "onUpdate:modelValue": c[0] || (c[0] = (p) => l.value = p),
           class: x({
             dropdown__input: !0,
             "dropdown__input--loading": e.loading
@@ -494,25 +494,25 @@ const N = /* @__PURE__ */ I({
           readonly: !e.searchable,
           onKeydown: [
             c[1] || (c[1] = ye((p) => y(p, o[o.length - 1]), ["backspace"])),
-            c[2] || (c[2] = ye((p) => g(p), ["enter"]))
+            c[2] || (c[2] = ye((p) => v(p), ["enter"]))
           ]
         }, null, 42, $t), [
-          [Fe, s.value]
+          [Fe, l.value]
         ]),
-        v("div", {
+        _("div", {
           class: x({
             "dropdown__append-icon": !0,
-            "dropdown__append-icon--active": l.value
+            "dropdown__append-icon--active": s.value
           })
         }, [
-          e.appendIcon ? (f(), L(N, {
+          e.appendIcon ? (f(), N(B, {
             key: 1,
             name: e.appendIcon
-          }, null, 8, ["name"])) : D(h.$slots, "append-icon", { key: 0 })
+          }, null, 8, ["name"])) : A(h.$slots, "append-icon", { key: 0 })
         ], 2)
       ], 2),
-      v("ul", {
-        class: x({ "dropdown-options": !0, "dropdown-options--active": l.value })
+      _("ul", {
+        class: x({ "dropdown-options": !0, "dropdown-options--active": s.value })
       }, [
         (f(!0), m(Q, null, q(w(b), (p) => (f(), m("li", {
           key: p.value,
@@ -521,25 +521,25 @@ const N = /* @__PURE__ */ I({
             "dropdown-options__option--active": p.value === a.value || (o == null ? void 0 : o.includes(p))
           }),
           "aria-disabled": p.disabled,
-          onClick: (k) => _(k, p)
+          onClick: (k) => g(k, p)
         }, [
-          v("div", Tt, [
-            p.prependIcon ? (f(), L(N, {
+          _("div", Tt, [
+            p.prependIcon ? (f(), N(B, {
               key: 1,
               class: x({
                 "dropdown-options__option__prepend-icon": !0,
                 "dropdown-options__option__prepend-icon--active": p.value === a.value || (o == null ? void 0 : o.includes(p))
               }),
               name: p.prependIcon
-            }, null, 8, ["class", "name"])) : D(h.$slots, "option-prepend", { key: 0 }),
-            v("p", {
+            }, null, 8, ["class", "name"])) : A(h.$slots, "option-prepend", { key: 0 }),
+            _("p", {
               class: x({
                 "dropdown-options__option__label": !0,
                 "dropdown-options__option__label--active": p.value === a.value || (o == null ? void 0 : o.includes(p))
               })
             }, C(p.label), 3)
           ]),
-          p.value === a.value || o != null && o.includes(p) ? (f(), L(N, {
+          p.value === a.value || o != null && o.includes(p) ? (f(), N(B, {
             key: 0,
             class: x({
               "dropdown-options__option__append-icon": !0,
@@ -574,7 +574,7 @@ const N = /* @__PURE__ */ I({
 }, Nt = {
   key: 2,
   class: "description"
-}, Bt = { class: "dialog__body" }, Dt = { class: "dialog__actions" }, Nn = /* @__PURE__ */ I({
+}, Bt = { class: "dialog__body" }, Dt = { class: "dialog__actions" }, Dn = /* @__PURE__ */ I({
   __name: "RModal",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -588,23 +588,23 @@ const N = /* @__PURE__ */ I({
     const e = t, a = $(() => ({
       dialog: !0,
       "dialog--block": e.block
-    })), o = (l) => {
-      l.target === l.currentTarget && n("update:modelValue", !1);
+    })), o = (s) => {
+      s.target === s.currentTarget && n("update:modelValue", !1);
     };
-    return (l, s) => Ae((f(), m("div", {
+    return (s, l) => Ae((f(), m("div", {
       class: "modal",
-      onClick: V(o, ["stop"])
+      onClick: O(o, ["stop"])
     }, [
-      v("div", {
+      _("div", {
         role: "dialog",
         "aria-modal": "true",
         class: x(w(a)),
         open: e.modelValue
       }, [
-        v("div", It, [
-          D(l.$slots, "header"),
+        _("div", It, [
+          A(s.$slots, "header"),
           e.icon ? (f(), m("div", At, [
-            ne(N, {
+            ne(B, {
               name: e.icon,
               kind: "outlined"
             }, null, 8, ["name"])
@@ -612,24 +612,45 @@ const N = /* @__PURE__ */ I({
           e.title ? (f(), m("div", Lt, C(e.title), 1)) : R("", !0),
           e.description ? (f(), m("div", Nt, C(e.description), 1)) : R("", !0)
         ]),
-        v("div", Bt, [
-          D(l.$slots, "default")
+        _("div", Bt, [
+          A(s.$slots, "default")
         ]),
-        v("div", Dt, [
-          D(l.$slots, "actions")
+        _("div", Dt, [
+          A(s.$slots, "actions")
         ])
       ], 10, Rt)
     ], 8, Ct)), [
       [Ue, t.modelValue]
     ]);
   }
-}), jt = { class: "snackbar__text" }, Et = {
+}), 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"
-}, Ot = {
+}, St = {
   key: 1,
   class: "snackbar__close"
-}, Bn = /* @__PURE__ */ I({
+}, En = /* @__PURE__ */ I({
   __name: "RSnackbar",
   props: {
     text: { default: "" },
@@ -644,7 +665,7 @@ const N = /* @__PURE__ */ I({
   setup(t, { emit: n }) {
     const e = t, a = E(!1), o = () => {
       n("action");
-    }, l = () => {
+    }, s = () => {
       a.value = !1, n("close");
     };
     return Ze(() => {
@@ -653,21 +674,21 @@ const N = /* @__PURE__ */ I({
       }, e.timeout);
     }), U(
       () => e.show,
-      (s) => {
-        a.value = s;
+      (l) => {
+        a.value = l;
       },
       { immediate: !0 }
-    ), (s, i) => (f(), m("div", {
+    ), (l, i) => (f(), m("div", {
       class: x({
         snackbar: !0,
         "snackbar--closed": !a.value,
         [e.left ? "snackbar--left" : "snackbar--right"]: !0
       })
     }, [
-      v("div", jt, C(e.text), 1),
-      e.showAction ? (f(), m("div", Et, [
-        D(s.$slots, "action"),
-        s.$slots.action ? R("", !0) : (f(), L(ut, {
+      _("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",
@@ -679,24 +700,24 @@ const N = /* @__PURE__ */ I({
           _: 1
         }))
       ])) : R("", !0),
-      e.showClose ? (f(), m("div", Ot, [
-        D(s.$slots, "close"),
-        s.$slots.close ? R("", !0) : (f(), L(N, {
+      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: V(l, ["stop"])
+          onClick: O(s, ["stop"])
         }, null, 8, ["onClick"]))
       ])) : R("", !0)
     ], 2));
   }
-}), Vt = { class: "switch-container" }, Ht = ["id", "checked"], St = /* @__PURE__ */ v("span", { class: "slider round" }, null, -1), Yt = ["id", "for"], Wt = {
+}), 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"
-}, Pt = {
+}, Ut = {
   key: 1,
   class: "switch-texts__hint"
-}, Dn = /* @__PURE__ */ I({
+}, Vn = /* @__PURE__ */ I({
   __name: "RSwitch",
   props: {
     id: { default: "switch" },
@@ -716,57 +737,57 @@ const N = /* @__PURE__ */ I({
       "switch--disabled": e.disabled,
       [`switch--${e.size}`]: e.size,
       "switch--error": e.errorMsg
-    })), l = (s) => {
-      e.disabled || (a.checked = s.target.checked, n("update:modelValue", a.checked));
+    })), s = (l) => {
+      e.disabled || (a.checked = l.target.checked, n("update:modelValue", a.checked));
     };
     return U(
       () => e.modelValue,
-      (s) => {
-        a.checked = s;
+      (l) => {
+        a.checked = l;
       },
       {
         // need immediate to set the state on first render for storybook
         // TODO: find a better way to do this
         immediate: !0
       }
-    ), (s, i) => (f(), m("div", Vt, [
-      v("div", {
+    ), (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: l
-        }, null, 40, Ht),
-        St
+          onChange: s
+        }, null, 40, Yt),
+        Wt
       ], 2),
-      v("div", {
+      _("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, Yt),
-        e.errorMsg ? (f(), m("p", Wt, C(e.errorMsg), 1)) : (f(), m("p", Pt, 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 se = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.TEXT_ONLY = "text-only", t.ICON_ONLY = "icon-only", t))(se || {});
-const Ft = ["aria-disabled", "aria-selected", "disabled"], Ut = {
+var le = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.TEXT_ONLY = "text-only", t.ICON_ONLY = "icon-only", t))(le || {});
+const Zt = ["aria-disabled", "aria-selected", "disabled"], Qt = {
   key: 2,
   class: "tab-item__label"
-}, Zt = /* @__PURE__ */ I({
+}, Xt = /* @__PURE__ */ I({
   __name: "RTabItem",
   props: {
     id: null,
-    variant: { default: se.DEFAULT },
+    variant: { default: le.DEFAULT },
     label: { default: "" },
     icon: { default: "" },
     disabled: { default: !1 },
@@ -779,26 +800,26 @@ const Ft = ["aria-disabled", "aria-selected", "disabled"], Ut = {
       "tab-item": !0,
       [`tab-item--${e.variant}`]: !0
     }));
-    function o(l) {
-      n("update:modelValue", l);
+    function o(s) {
+      n("update:modelValue", s);
     }
-    return (l, s) => (f(), m("button", {
+    return (s, l) => (f(), m("button", {
       "aria-disabled": e.disabled,
       "aria-selected": e.active,
       class: x(w(a)),
       disabled: e.disabled,
-      onClick: s[0] || (s[0] = (i) => o(e.id))
+      onClick: l[0] || (l[0] = (i) => o(e.id))
     }, [
-      !l.$slots.icon && t.variant !== w(se).TEXT_ONLY ? (f(), L(N, {
+      !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"])) : D(l.$slots, "custom-icon", { key: 1 }),
-      t.variant !== w(se).ICON_ONLY ? (f(), m("span", Ut, C(e.label), 1)) : R("", !0)
-    ], 10, Ft));
+      }, 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));
   }
-}), Qt = { class: "tabs-wrapper" }, Xt = { class: "tab-content" }, jn = /* @__PURE__ */ I({
+}), Kt = { class: "tabs-wrapper" }, Gt = { class: "tab-content" }, On = /* @__PURE__ */ I({
   __name: "RTabs",
   props: {
     tabs: { default: () => [] },
@@ -809,35 +830,35 @@ const Ft = ["aria-disabled", "aria-selected", "disabled"], Ut = {
       tabs: !0,
       "tabs--scrollable": n.scrollable
     }));
-    return (o, l) => (f(), m(Q, null, [
-      v("div", Qt, [
-        v("div", {
+    return (o, s) => (f(), m(Q, null, [
+      _("div", Kt, [
+        _("div", {
           class: x(w(a))
         }, [
-          (f(!0), m(Q, null, q(n.tabs, (s, i) => (f(), L(Zt, {
-            id: s.id,
+          (f(!0), m(Q, null, q(n.tabs, (l, i) => (f(), N(Xt, {
+            id: l.id,
             key: i,
             modelValue: e.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (r) => e.value = r),
+            "onUpdate:modelValue": s[0] || (s[0] = (r) => e.value = r),
             active: i === e.value,
-            disabled: s.disabled,
-            icon: s.icon,
-            label: s.label
+            disabled: l.disabled,
+            icon: l.icon,
+            label: l.label
           }, null, 8, ["id", "modelValue", "active", "disabled", "icon", "label"]))), 128))
         ], 2)
       ]),
-      v("div", Xt, [
-        D(o.$slots, "tab", { activeTab: e.value })
+      _("div", Gt, [
+        A(o.$slots, "tab", { activeTab: e.value })
       ])
     ], 64));
   }
-}), Kt = { class: "container" }, Gt = ["id", "disabled", "placeholder", "value"], Jt = {
+}), Jt = { class: "container" }, qt = ["id", "disabled", "placeholder", "value"], en = {
   key: 1,
   class: "textarea__error"
-}, qt = {
+}, tn = {
   key: 2,
   class: "textarea__hint"
-}, En = /* @__PURE__ */ I({
+}, Sn = /* @__PURE__ */ I({
   __name: "RTextArea",
   props: {
     id: { default: "" },
@@ -853,26 +874,26 @@ const Ft = ["aria-disabled", "aria-selected", "disabled"], Ut = {
     const e = t, a = G({
       value: ""
     });
-    function o(l) {
-      n("update:modelValue", l.target.value);
+    function o(s) {
+      n("update:modelValue", s.target.value);
     }
     return U(
       () => e.modelValue,
-      (l) => {
-        a.value = l;
+      (s) => {
+        a.value = s;
       },
       {
         immediate: !0
       }
-    ), (l, s) => (f(), m("div", Kt, [
-      e.label ? (f(), L(Le, {
+    ), (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: x(["textarea", {
           "textarea--error": e.errorMsg,
@@ -882,18 +903,18 @@ const Ft = ["aria-disabled", "aria-selected", "disabled"], Ut = {
         placeholder: e.placeholder,
         value: a.value,
         onInput: o
-      }, null, 42, Gt),
-      e.errorMsg ? (f(), m("p", Jt, C(e.errorMsg), 1)) : (f(), m("p", qt, 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))
     ]));
   }
-}), en = {
+}), nn = {
   class: /* @__PURE__ */ x({
     textfield__wrapper: !0
   })
-}, tn = { class: "input-wrapper" }, nn = ["id", "disabled", "placeholder", "type", "value"], on = { class: "textfield__error" }, an = {
+}, on = { class: "input-wrapper" }, an = ["id", "disabled", "placeholder", "type", "value"], sn = { class: "textfield__error" }, ln = {
   key: 0,
   class: "textfield__hint"
-}, On = /* @__PURE__ */ I({
+}, Hn = /* @__PURE__ */ I({
   __name: "RTextfield",
   props: {
     id: { default: "" },
@@ -920,7 +941,7 @@ const Ft = ["aria-disabled", "aria-selected", "disabled"], Ut = {
   setup(t, { emit: n }) {
     const e = t, a = E(), o = G({
       value: ""
-    }), l = E(e.type), s = {
+    }), s = E(e.type), l = {
       password: "lock_outline",
       email: "mail_outline",
       tel: "phone",
@@ -928,33 +949,33 @@ const Ft = ["aria-disabled", "aria-selected", "disabled"], Ut = {
       number: "123",
       text: ""
     }, i = E(!1), r = $(() => !!o.value), u = $(() => {
-      const { disabled: T, loading: z, clearable: j, errorMsg: O } = e;
+      const { disabled: T, loading: z, clearable: j, errorMsg: V } = e;
       return {
         textfield: !0,
-        "textfield--error": O == null ? void 0 : O.length,
+        "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
       };
-    }), _ = $(() => ({
+    }), g = $(() => ({
       "textfield__prepend-icon": !0,
       "textfield__prepend-icon--loading": e.loading,
-      "textfield__prepend-icon--error": g.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": g.value
-    })), y = $(() => o.value.length > 0), g = $(() => {
+      "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: T, type: z } = e;
-      return T || s[z];
+      return T || l[z];
     }), c = $(() => {
       const { appendIcon: T, type: z } = e;
-      return g.value ? "error_outline" : b.value && ["text", "email"].includes(z) ? "clear" : z === "password" && l.value === "password" ? "visibility" : z === "password" && l.value === "text" ? "visibility_off" : T;
+      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
@@ -973,10 +994,10 @@ const Ft = ["aria-disabled", "aria-selected", "disabled"], Ut = {
       }
       n("click:icon", {
         value: o.value
-      }), B();
-    }, B = () => {
-      l.value = l.value === "password" ? "text" : "password";
-    }, A = (T) => {
+      }), D();
+    }, D = () => {
+      s.value = s.value === "password" ? "text" : "password";
+    }, L = (T) => {
       const z = T.target;
       o.value = z.value;
     }, W = () => {
@@ -997,7 +1018,7 @@ const Ft = ["aria-disabled", "aria-selected", "disabled"], Ut = {
         n("update:modelValue", T);
       }
     ), (T, z) => (f(), m("fieldset", null, [
-      v("div", en, [
+      _("div", nn, [
         ne(Le, {
           id: e.id,
           class: x({
@@ -1007,29 +1028,29 @@ const Ft = ["aria-disabled", "aria-selected", "disabled"], Ut = {
           text: e.label,
           onClick: W
         }, null, 8, ["id", "for", "text"]),
-        v("div", tn, [
-          v("div", {
+        _("div", on, [
+          _("div", {
             class: x(w(u))
           }, [
-            w(h) ? (f(), L(N, {
+            w(h) ? (f(), N(B, {
               key: 0,
-              class: x(w(_)),
+              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,
               disabled: e.disabled,
               placeholder: e.placeholder,
-              type: l.value,
+              type: s.value,
               value: o.value,
               onBlur: k,
               onFocus: p,
-              onInput: A
-            }, null, 40, nn),
-            w(c) ? (f(), L(N, {
+              onInput: L
+            }, null, 40, an),
+            w(c) ? (f(), N(B, {
               key: 1,
               class: x(w(d)),
               color: e.iconColor,
@@ -1038,8 +1059,8 @@ const Ft = ["aria-disabled", "aria-selected", "disabled"], Ut = {
               onClick: M
             }, null, 8, ["class", "color", "name"])) : R("", !0)
           ], 2),
-          v("div", on, C(e.errorMsg), 1),
-          e.errorMsg ? R("", !0) : (f(), m("div", an, C(e.hint), 1))
+          _("div", sn, C(e.errorMsg), 1),
+          e.errorMsg ? R("", !0) : (f(), m("div", ln, C(e.hint), 1))
         ])
       ])
     ]));
@@ -1059,41 +1080,41 @@ function ge(t) {
 }
 function xe(t, n, e) {
   let { reference: a, floating: o } = t;
-  const l = a.x + a.width / 2 - o.width / 2, s = a.y + a.height / 2 - o.height / 2, i = ae(n), r = ge(i), u = a[r] / 2 - o[r] / 2, _ = 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 (oe(n)) {
     case "top":
-      d = { x: l, y: a.y - o.height };
+      d = { x: s, y: a.y - o.height };
       break;
     case "bottom":
-      d = { x: l, y: a.y + a.height };
+      d = { x: s, y: a.y + a.height };
       break;
     case "right":
-      d = { x: a.x + a.width, y: s };
+      d = { x: a.x + a.width, y: l };
       break;
     case "left":
-      d = { x: a.x - o.width, y: s };
+      d = { x: a.x - o.width, y: l };
       break;
     default:
       d = { x: a.x, y: a.y };
   }
   switch (ue(n)) {
     case "start":
-      d[i] -= u * (e && _ ? -1 : 1);
+      d[i] -= u * (e && g ? -1 : 1);
       break;
     case "end":
-      d[i] += u * (e && _ ? -1 : 1);
+      d[i] += u * (e && g ? -1 : 1);
   }
   return d;
 }
-const ln = async (t, n, e) => {
-  const { placement: a = "bottom", strategy: o = "absolute", middleware: l = [], platform: s } = e, i = l.filter(Boolean), r = await (s.isRTL == null ? void 0 : s.isRTL(n));
-  let u = await s.getElementRects({ reference: t, floating: n, strategy: o }), { x: _, y: d } = xe(u, a, r), y = a, g = {}, b = 0;
+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: g, y: d } = xe(u, a, r), y = a, v = {}, b = 0;
   for (let h = 0; h < i.length; h++) {
-    const { name: c, fn: p } = i[h], { x: k, y: M, data: B, reset: A } = await p({ x: _, y: d, initialPlacement: a, placement: y, strategy: o, middlewareData: g, rects: u, platform: s, elements: { reference: t, floating: n } });
-    _ = k ?? _, d = M ?? d, g = { ...g, [c]: { ...g[c], ...B } }, A && b <= 50 && (b++, typeof A == "object" && (A.placement && (y = A.placement), A.rects && (u = A.rects === !0 ? await s.getElementRects({ reference: t, floating: n, strategy: o }) : A.rects), { x: _, y: d } = xe(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: _, y: d, placement: y, strategy: o, middlewareData: g };
+  return { x: g, y: d, placement: y, strategy: o, middlewareData: v };
 };
 function Ne(t) {
   return typeof t != "number" ? function(n) {
@@ -1106,68 +1127,68 @@ function ie(t) {
 async function re(t, n) {
   var e;
   n === void 0 && (n = {});
-  const { x: a, y: o, platform: l, rects: s, elements: i, strategy: r } = t, { boundary: u = "clippingAncestors", rootBoundary: _ = "viewport", elementContext: d = "floating", altBoundary: y = !1, padding: g = 0 } = n, b = Ne(g), h = i[y ? d === "floating" ? "reference" : "floating" : d], c = ie(await l.getClippingRect({ element: (e = await (l.isElement == null ? void 0 : l.isElement(h))) == null || e ? h : h.contextElement || await (l.getDocumentElement == null ? void 0 : l.getDocumentElement(i.floating)), boundary: u, rootBoundary: _, strategy: r })), p = ie(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({ rect: d === "floating" ? { ...s.floating, x: a, y: o } : s.reference, offsetParent: await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(i.floating)), strategy: r }) : s[d]);
+  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 sn = Math.min, rn = Math.max;
+const cn = Math.min, dn = Math.max;
 function me(t, n, e) {
-  return rn(t, sn(n, e));
+  return dn(t, cn(n, e));
 }
-const cn = (t) => ({ name: "arrow", options: t, async fn(n) {
-  const { element: e, padding: a = 0 } = t ?? {}, { x: o, y: l, placement: s, rects: i, platform: r } = 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 = Ne(a), _ = { x: o, y: l }, d = ae(s), y = ue(s), g = ge(d), b = await r.getDimensions(e), h = d === "y" ? "top" : "left", c = d === "y" ? "bottom" : "right", p = i.reference[g] + i.reference[d] - _[d] - i.floating[g], k = _[d] - i.reference[d], M = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(e));
-  let B = M ? d === "y" ? M.clientHeight || 0 : M.clientWidth || 0 : 0;
-  B === 0 && (B = i.floating[g]);
-  const A = p / 2 - k / 2, W = u[h], T = B - b[g] - u[c], z = B / 2 - b[g] / 2 + A, j = me(W, z, T), O = (y === "start" ? u[h] : u[c]) > 0 && z !== j && i.reference[g] <= i.floating[g];
-  return { [d]: _[d] - (O ? z < W ? W - z : T - z : 0), data: { [d]: j, centerOffset: z - j } };
-} }), dn = { left: "right", right: "left", bottom: "top", top: "bottom" };
+  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) => dn[n]);
+  return t.replace(/left|right|bottom|top/g, (n) => fn[n]);
 }
-function un(t, n, e) {
+function pn(t, n, e) {
   e === void 0 && (e = !1);
-  const a = ue(t), o = ae(t), l = ge(o);
-  let s = o === "x" ? a === (e ? "end" : "start") ? "right" : "left" : a === "start" ? "bottom" : "top";
-  return n.reference[l] > n.floating[l] && (s = ce(s)), { main: s, cross: ce(s) };
+  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 = ce(l)), { main: l, cross: ce(l) };
 }
-const fn = { start: "end", end: "start" };
+const hn = { start: "end", end: "start" };
 function we(t) {
-  return t.replace(/start|end/g, (n) => fn[n]);
+  return t.replace(/start|end/g, (n) => hn[n]);
 }
 const Be = ["top", "right", "bottom", "left"];
 Be.reduce((t, n) => t.concat(n, n + "-start", n + "-end"), []);
-const pn = function(t) {
+const mn = function(t) {
   return t === void 0 && (t = {}), { name: "flip", options: t, async fn(n) {
     var e;
-    const { placement: a, middlewareData: o, rects: l, initialPlacement: s, platform: i, elements: r } = n, { mainAxis: u = !0, crossAxis: _ = !0, fallbackPlacements: d, fallbackStrategy: y = "bestFit", flipAlignment: g = !0, ...b } = t, h = oe(a), c = d || (h === s || !g ? [ce(s)] : function(z) {
+    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)];
-    }(s)), p = [s, ...c], k = await re(n, b), M = [];
-    let B = ((e = o.flip) == null ? void 0 : e.overflows) || [];
-    if (u && M.push(k[h]), _) {
-      const { main: z, cross: j } = un(a, l, await (i.isRTL == null ? void 0 : i.isRTL(r.floating)));
+    }(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 (B = [...B, { placement: a, overflows: M }], !M.every((z) => z <= 0)) {
-      var A, W;
-      const z = ((A = (W = o.flip) == null ? void 0 : W.index) != null ? A : 0) + 1, j = p[z];
+    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: B }, reset: { placement: j } };
-      let O = "bottom";
+        return { data: { index: z, overflows: D }, reset: { placement: j } };
+      let V = "bottom";
       switch (y) {
         case "bestFit": {
           var T;
-          const be = (T = B.map((le) => [le, le.overflows.filter((J) => J > 0).reduce((J, Ye) => J + Ye, 0)]).sort((le, J) => le[1] - J[1])[0]) == null ? void 0 : T[0].placement;
-          be && (O = be);
+          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 = s;
+          V = l;
       }
-      if (a !== O)
-        return { reset: { placement: O } };
+      if (a !== V)
+        return { reset: { placement: V } };
     }
     return {};
   } };
@@ -1178,52 +1199,52 @@ function $e(t, n) {
 function Me(t) {
   return Be.some((n) => t[n] >= 0);
 }
-const hn = 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 l = $e(await re(a, { ...e, elementContext: "reference" }), o.reference);
-        return { data: { referenceHiddenOffsets: l, referenceHidden: Me(l) } };
+        const s = $e(await re(a, { ...e, elementContext: "reference" }), o.reference);
+        return { data: { referenceHiddenOffsets: s, referenceHidden: Me(s) } };
       }
       case "escaped": {
-        const l = $e(await re(a, { ...e, altBoundary: !0 }), o.floating);
-        return { data: { escapedOffsets: l, escaped: Me(l) } };
+        const s = $e(await re(a, { ...e, altBoundary: !0 }), o.floating);
+        return { data: { escapedOffsets: s, escaped: Me(s) } };
       }
       default:
         return {};
     }
   } };
-}, mn = 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(l, s) {
-      const { placement: i, platform: r, elements: u } = l, _ = await (r.isRTL == null ? void 0 : r.isRTL(u.floating)), d = oe(i), y = ue(i), g = ae(i) === "x", b = ["left", "top"].includes(d) ? -1 : 1, h = _ && g ? -1 : 1, c = typeof s == "function" ? s(l) : s;
+    const { x: e, y: a } = n, o = await async function(s, l) {
+      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), g ? { x: k * h, y: p * b } : { x: p * b, y: k * h };
+      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 _n(t) {
+function vn(t) {
   return t === "x" ? "y" : "x";
 }
-const gn = 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: l = !0, crossAxis: s = !1, limiter: i = { fn: (c) => {
+    const { x: e, y: a, placement: o } = n, { mainAxis: s = !0, crossAxis: l = !1, limiter: i = { fn: (c) => {
       let { x: p, y: k } = c;
       return { x: p, y: k };
-    } }, ...r } = t, u = { x: e, y: a }, _ = await re(n, r), d = ae(oe(o)), y = _n(d);
-    let g = u[d], b = u[y];
-    if (l) {
+    } }, ...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";
-      g = me(g + _[d === "y" ? "top" : "left"], g, g - _[c]);
+      v = me(v + g[d === "y" ? "top" : "left"], v, v - g[c]);
     }
-    if (s) {
+    if (l) {
       const c = y === "y" ? "bottom" : "right";
-      b = me(b + _[y === "y" ? "top" : "left"], b, b - _[c]);
+      b = me(b + g[y === "y" ? "top" : "left"], b, b - g[c]);
     }
-    const h = i.fn({ ...n, [d]: g, [y]: b });
+    const h = i.fn({ ...n, [d]: v, [y]: b });
     return { ...h, data: { x: h.x - e, y: h.y - a } };
   } };
 };
@@ -1239,7 +1260,7 @@ function Y(t) {
   }
   return t;
 }
-function H(t) {
+function S(t) {
   return Y(t).getComputedStyle(t);
 }
 function Z(t) {
@@ -1249,7 +1270,7 @@ function je() {
   const t = navigator.userAgentData;
   return t && Array.isArray(t.brands) ? t.brands.map((n) => n.brand + "/" + n.version).join(" ") : navigator.userAgent;
 }
-function S(t) {
+function H(t) {
   return t instanceof Y(t).HTMLElement;
 }
 function K(t) {
@@ -1259,17 +1280,17 @@ 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 } = H(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 vn(t) {
+function yn(t) {
   return ["table", "td", "th"].includes(Z(t));
 }
 function _e(t) {
-  const n = /firefox/i.test(je()), e = H(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 l = e.contain;
-    return l != null && l.includes(o);
+    const s = e.contain;
+    return s != null && s.includes(o);
   });
 }
 function Ee() {
@@ -1280,13 +1301,13 @@ function ve(t) {
 }
 const ze = Math.min, ee = Math.max, de = Math.round;
 function X(t, n, e) {
-  var a, o, l, s;
+  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 && S(t) && (r = t.offsetWidth > 0 && de(i.width) / t.offsetWidth || 1, u = t.offsetHeight > 0 && de(i.height) / t.offsetHeight || 1);
-  const _ = K(t) ? Y(t) : window, d = !Ee() && e, y = (i.left + (d && (a = (o = _.visualViewport) == null ? void 0 : o.offsetLeft) != null ? a : 0)) / r, g = (i.top + (d && (l = (s = _.visualViewport) == null ? void 0 : s.offsetTop) != null ? l : 0)) / u, b = i.width / r, h = i.height / u;
-  return { width: b, height: h, top: g, right: y + b, bottom: g + h, left: y, x: y, y: g };
+  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 Y(n).Node ? t.ownerDocument : t.document) || window.document).documentElement;
@@ -1295,23 +1316,23 @@ function F(t) {
 function pe(t) {
   return K(t) ? { scrollLeft: t.scrollLeft, scrollTop: t.scrollTop } : { scrollLeft: t.pageXOffset, scrollTop: t.pageYOffset };
 }
-function Oe(t) {
+function Ve(t) {
   return X(F(t)).left + pe(t).scrollLeft;
 }
-function bn(t, n, e) {
-  const a = S(n), o = F(n), l = X(t, a && function(r) {
+function kn(t, n, e) {
+  const a = H(n), o = F(n), s = X(t, a && function(r) {
     const u = X(r);
     return de(u.width) !== r.offsetWidth || de(u.height) !== r.offsetHeight;
   }(n), e === "fixed");
-  let s = { scrollLeft: 0, scrollTop: 0 };
+  let l = { scrollLeft: 0, scrollTop: 0 };
   const i = { x: 0, y: 0 };
   if (a || !a && e !== "fixed")
-    if ((Z(n) !== "body" || fe(o)) && (s = pe(n)), S(n)) {
+    if ((Z(n) !== "body" || fe(o)) && (l = pe(n)), H(n)) {
       const r = X(n, !0);
       i.x = r.x + n.clientLeft, i.y = r.y + n.clientTop;
     } else
-      o && (i.x = Oe(o));
-  return { x: l.left + s.scrollLeft - i.x, y: l.top + s.scrollTop - i.y, width: l.width, height: l.height };
+      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")
@@ -1320,16 +1341,16 @@ function te(t) {
   return Te(n) ? n.host : n;
 }
 function Ce(t) {
-  return S(t) && H(t).position !== "fixed" ? t.offsetParent : null;
+  return H(t) && S(t).position !== "fixed" ? t.offsetParent : null;
 }
 function Re(t) {
   const n = Y(t);
   let e = Ce(t);
-  for (; e && vn(e) && H(e).position === "static"; )
+  for (; e && yn(e) && S(e).position === "static"; )
     e = Ce(e);
-  return e && (Z(e) === "html" || Z(e) === "body" && H(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 (; S(o) && !ve(o); ) {
+    for (; H(o) && !ve(o); ) {
       if (_e(o))
         return o;
       o = te(o);
@@ -1337,91 +1358,91 @@ function Re(t) {
     return null;
   }(t) || n;
 }
-function Ve(t) {
+function Oe(t) {
   const n = te(t);
-  return ve(n) ? t.ownerDocument.body : S(n) && fe(n) ? n : Ve(n);
+  return ve(n) ? t.ownerDocument.body : H(n) && fe(n) ? n : Oe(n);
 }
-function He(t, n) {
+function Se(t, n) {
   var e;
   n === void 0 && (n = []);
-  const a = Ve(t), o = a === ((e = t.ownerDocument) == null ? void 0 : e.body), l = Y(a), s = o ? [l].concat(l.visualViewport || [], fe(a) ? a : []) : a, i = n.concat(s);
-  return o ? i : i.concat(He(s));
+  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" ? ie(function(a, o) {
-    const l = Y(a), s = F(a), i = l.visualViewport;
-    let r = s.clientWidth, u = s.clientHeight, _ = 0, d = 0;
+    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 = Ee();
-      (y || !y && o === "fixed") && (_ = i.offsetLeft, d = i.offsetTop);
+      (y || !y && o === "fixed") && (g = i.offsetLeft, d = i.offsetTop);
     }
-    return { width: r, height: u, x: _, y: d };
+    return { width: r, height: u, x: g, y: d };
   }(t, e)) : K(n) ? function(a, o) {
-    const l = X(a, !1, o === "fixed"), s = l.top + a.clientTop, i = l.left + a.clientLeft;
-    return { top: s, left: i, x: i, y: s, right: i + a.clientWidth, bottom: s + a.clientHeight, width: a.clientWidth, height: a.clientHeight };
+    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) : ie(function(a) {
     var o;
-    const l = F(a), s = pe(a), i = (o = a.ownerDocument) == null ? void 0 : o.body, r = ee(l.scrollWidth, l.clientWidth, i ? i.scrollWidth : 0, i ? i.clientWidth : 0), u = ee(l.scrollHeight, l.clientHeight, i ? i.scrollHeight : 0, i ? i.clientHeight : 0);
-    let _ = -s.scrollLeft + Oe(a);
-    const d = -s.scrollTop;
-    return H(i || l).direction === "rtl" && (_ += ee(l.clientWidth, i ? i.clientWidth : 0) - r), { width: r, height: u, x: _, y: d };
+    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 g = -l.scrollLeft + Ve(a);
+    const d = -l.scrollTop;
+    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 yn = { getClippingRect: function(t) {
+const xn = { getClippingRect: function(t) {
   let { element: n, boundary: e, rootBoundary: a, strategy: o } = t;
-  const l = e === "clippingAncestors" ? function(u) {
-    let _ = He(u).filter((b) => K(b) && Z(b) !== "body"), d = null;
-    const y = H(u).position === "fixed";
-    let g = y ? te(u) : u;
-    for (; K(g) && !ve(g); ) {
-      const b = H(g), h = _e(g);
-      (y ? h || d : h || b.position !== "static" || !d || !["absolute", "fixed"].includes(d.position)) ? d = b : _ = _.filter((c) => c !== g), g = te(g);
+  const s = e === "clippingAncestors" ? function(u) {
+    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 _;
-  }(n) : [].concat(e), s = [...l, a], i = s[0], r = s.reduce((u, _) => {
-    const d = Ie(n, _, o);
+    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) {
   let { rect: n, offsetParent: e, strategy: a } = t;
-  const o = S(e), l = F(e);
-  if (e === l)
+  const o = H(e), s = F(e);
+  if (e === s)
     return n;
-  let s = { scrollLeft: 0, scrollTop: 0 };
+  let l = { scrollLeft: 0, scrollTop: 0 };
   const i = { x: 0, y: 0 };
-  if ((o || !o && a !== "fixed") && ((Z(e) !== "body" || fe(l)) && (s = pe(e)), S(e))) {
+  if ((o || !o && a !== "fixed") && ((Z(e) !== "body" || fe(s)) && (l = pe(e)), H(e))) {
     const r = X(e, !0);
     i.x = r.x + e.clientLeft, i.y = r.y + e.clientTop;
   }
-  return { ...n, x: n.x - s.scrollLeft + i.x, y: n.y - s.scrollTop + i.y };
+  return { ...n, x: n.x - l.scrollLeft + i.x, y: n.y - l.scrollTop + i.y };
 }, isElement: K, getDimensions: function(t) {
-  if (S(t))
+  if (H(t))
     return { width: t.offsetWidth, height: t.offsetHeight };
   const n = X(t);
   return { width: n.width, height: n.height };
 }, getOffsetParent: Re, getDocumentElement: F, async getElementRects(t) {
   let { reference: n, floating: e, strategy: a } = t;
-  const o = this.getOffsetParent || Re, l = this.getDimensions;
-  return { reference: bn(n, await o(e), a), floating: { x: 0, y: 0, ...await l(e) } };
-}, getClientRects: (t) => Array.from(t.getClientRects()), isRTL: (t) => H(t).direction === "rtl" }, kn = (t, n, e) => ln(t, n, { platform: yn, ...e });
-function he({ value: t }, { value: n }, { value: e }, a, o, l) {
-  !t || !n || kn(t, n, {
+  const o = this.getOffsetParent || Re, s = this.getDimensions;
+  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 || wn(t, n, {
     placement: a,
     middleware: [
-      mn(o),
-      gn({ padding: l }),
-      cn({ element: e }),
-      pn(),
-      hn()
+      gn(o),
+      bn({ padding: s }),
+      un({ element: e }),
+      mn(),
+      _n()
     ]
-  }).then(({ x: s, y: i, placement: r, middlewareData: u }) => {
+  }).then(({ x: l, y: i, placement: r, middlewareData: u }) => {
     if (Object.assign(n.style, {
-      left: `${s}px`,
+      left: `${l}px`,
       top: `${i}px`
     }), e && u.arrow) {
-      const { x: _, y: d } = u.arrow, y = {
+      const { x: g, y: d } = u.arrow, y = {
         top: "bottom",
         right: "left",
         bottom: "top",
@@ -1429,7 +1450,7 @@ function he({ value: t }, { value: n }, { value: e }, a, o, l) {
         /* Right */
       }[r.split("-")[0]];
       Object.assign(e.style, {
-        left: s != null ? `${_}px` : "",
+        left: l != null ? `${g}px` : "",
         top: i != null ? `${d}px` : "",
         right: "",
         bottom: "",
@@ -1438,11 +1459,11 @@ function he({ value: t }, { value: n }, { value: e }, a, o, l) {
     }
   });
 }
-var Se = /* @__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))(Se || {}), P = /* @__PURE__ */ ((t) => (t.Click = "click", t.Hover = "hover", t.Manual = "manual", t))(P || {});
-const xn = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMousemove"], wn = ["innerHTML"], $n = /* @__PURE__ */ I({
+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: Se.Top },
+    placement: { default: He.Top },
     text: { default: "" },
     dark: { type: Boolean, default: !0 },
     light: { type: Boolean, default: !1 },
@@ -1464,10 +1485,10 @@ const xn = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
     Ke((c) => ({
       "271323d4": w(h)
     }));
-    const a = E(null), o = E(null), l = E(null);
-    function s() {
+    const a = E(null), o = E(null), s = E(null);
+    function l() {
       const { placement: c, offset: p, padding: k, disabled: M } = e;
-      M || (o.value.style.display = "block", n("show"), he(a, o, l, c, p, k), r(), e.outsideClick && u("add"));
+      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");
@@ -1478,20 +1499,20 @@ const xn = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
       }, e.hideDelay);
     }, u = (c) => {
       c === "add" && document.addEventListener("click", i), c === "remove" && document.removeEventListener("click", i);
-    }, _ = () => {
-      e.disabled || e.triggers == P.Click && (o.value.style.display === "block" ? i() : s());
+    }, g = () => {
+      e.disabled || e.triggers == P.Click && (o.value.style.display === "block" ? i() : l());
     }, d = () => {
-      e.disabled || e.triggers === P.Hover && s();
+      e.disabled || e.triggers === P.Hover && l();
     }, y = () => {
       if (!e.disabled)
         if (o.value.style.display === "" && e.triggers === P.Hover) {
-          s();
+          l();
           return;
         } else
           o.value.style.display !== "" && e.triggers === P.Hover && i();
-    }, g = () => {
+    }, v = () => {
       const { placement: c, offset: p, padding: k, disabled: M } = e;
-      M || e.triggers === P.Hover && he(a, o, l, c, p, k);
+      M || e.triggers === P.Hover && he(a, o, s, c, p, k);
     }, b = $(() => ({
       tooltip: !0,
       "tooltip--dark": e.dark,
@@ -1499,40 +1520,40 @@ const xn = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
     }));
     window.onresize = () => {
       const { placement: c, offset: p, padding: k, disabled: M } = e;
-      M || e.resizable && he(a, o, l, c, p, k);
+      M || e.resizable && he(a, o, s, c, p, k);
     }, Ge(
       () => {
-        e.disabled || e.shown && e.triggers === P.Manual && s();
+        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, p) => (f(), m(Q, null, [
-      v("div", {
+      _("div", {
         ref_key: "trigger",
         ref: a,
         "aria-disabled": e.disabled,
         class: "trigger",
-        onClick: V(_, ["stop"]),
-        onMouseenter: V(d, ["stop"]),
-        onMouseleave: V(y, ["stop"]),
-        onMousemove: V(g, ["stop"])
+        onClick: O(g, ["stop"]),
+        onMouseenter: O(d, ["stop"]),
+        onMouseleave: O(y, ["stop"]),
+        onMousemove: O(v, ["stop"])
       }, [
-        D(c.$slots, "trigger", {}, void 0, !0),
+        A(c.$slots, "trigger", {}, void 0, !0),
         c.$slots.trigger ? R("", !0) : (f(), m("div", {
           key: 0,
           innerHTML: e.triggerContent
-        }, null, 8, wn))
-      ], 40, xn),
-      v("div", {
+        }, null, 8, Mn))
+      ], 40, $n),
+      _("div", {
         id: "tooltip",
         ref_key: "tooltip",
         ref: o,
         class: x(w(b)),
         role: "tooltip"
       }, [
-        D(c.$slots, "content", {}, void 0, !0),
+        A(c.$slots, "content", {}, void 0, !0),
         c.$slots.content ? R("", !0) : (f(), m("div", {
           key: 0,
           class: x({
@@ -1545,7 +1566,7 @@ const xn = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
           key: 1,
           id: "arrow",
           ref_key: "arrowElement",
-          ref: l,
+          ref: s,
           class: x({
             tooltip__arrow: !0,
             "tooltip__arrow--dark": e.dark,
@@ -1556,29 +1577,30 @@ const xn = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
     ], 64));
   }
 });
-const Mn = (t, n) => {
+const zn = (t, n) => {
   const e = t.__vccOpts || t;
   for (const [a, o] of n)
     e[a] = o;
   return e;
-}, Vn = /* @__PURE__ */ Mn($n, [["__scopeId", "data-v-ee5f5651"]]);
+}, Yn = /* @__PURE__ */ zn(Tn, [["__scopeId", "data-v-ee5f5651"]]);
 export {
-  zn as RAccordion,
-  Cn as RAlert,
-  Rn as RAvatar,
-  In as RBadge,
+  Rn as RAccordion,
+  In as RAlert,
+  An as RAvatar,
+  Ln as RBadge,
   ut as RButton,
-  An as RCheckbox,
+  Nn as RCheckbox,
   yt as RChip,
-  Ln as RDropdown,
-  N as RIcon,
+  Bn as RDropdown,
+  B as RIcon,
   Le as RLabel,
-  Nn as RModal,
-  Bn as RSnackbar,
-  Dn as RSwitch,
-  Zt as RTabItem,
-  jn as RTabs,
-  En as RTextArea,
-  On as RTextfield,
-  Vn as RTooltip
+  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
 };