@rocketui/vue 0.0.9 → 0.0.11

package/dist/rocket-ui-vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as O, computed as $, openBlock as d, createElementBlock as m, normalizeClass as k, unref as x, normalizeStyle as He, toDisplayString as z, createElementVNode as v, createVNode as be, createBlock as A, renderSlot as j, createCommentVNode as C, mergeProps as Ye, withModifiers as Y, reactive as ne, watch as F, ref as B, Fragment as Q, renderList as ae, withDirectives as Fe, withKeys as we, vModelText as We, onMounted as Ue, withCtx as Xe, createTextVNode as Ze, useCssVars as Qe, watchEffect as Ke } from "vue";
-const E = /* @__PURE__ */ O({
+import { defineComponent as N, computed as w, openBlock as p, createElementBlock as _, normalizeClass as k, unref as x, normalizeStyle as Ye, toDisplayString as C, createElementVNode as v, createVNode as ge, createBlock as L, renderSlot as O, createCommentVNode as z, mergeProps as We, withModifiers as W, reactive as ee, watch as F, ref as E, Fragment as X, renderList as le, withDirectives as Pe, withKeys as ye, vModelText as Fe, onMounted as Ue, withCtx as Ze, createTextVNode as Qe, useCssVars as Xe, watchEffect as Ke } from "vue";
+const B = /* @__PURE__ */ N({
   __name: "Icon",
   props: {
     name: { default: "" },
@@ -8,24 +8,24 @@ const E = /* @__PURE__ */ O({
     color: { default: "" },
     fontWeight: { default: "normal" }
   },
-  setup(e) {
-    const n = e, t = $(() => ({
+  setup(t) {
+    const n = t, e = w(() => ({
       fontSize: `${n.fontSize}px`,
       fontWeight: n.fontWeight,
       color: n.color,
       display: "inline-flex",
       alignItems: "center",
       justifyContent: "center"
-    })), s = $(() => n.kind === "filled" ? "material-icons" : `material-icons-${n.kind}`);
-    return (o, l) => (d(), m("span", {
-      class: k(x(s)),
-      style: He(x(t))
-    }, z(n.name), 7));
+    })), l = w(() => n.kind === "filled" ? "material-icons" : `material-icons-${n.kind}`);
+    return (o, s) => (p(), _("span", {
+      class: k(x(l)),
+      style: Ye(x(e))
+    }, C(n.name), 7));
   }
 }), Ge = { class: "icon" }, Je = { class: "texts" }, qe = { class: "texts__title" }, et = { class: "texts__description" }, tt = {
   key: 0,
   class: "close"
-}, zn = /* @__PURE__ */ O({
+}, hn = /* @__PURE__ */ N({
   __name: "Alert",
   props: {
     type: { default: "info" },
@@ -35,90 +35,90 @@ const E = /* @__PURE__ */ O({
     closable: { type: Boolean, default: !0 }
   },
   emits: ["close"],
-  setup(e, { emit: n }) {
-    const t = e, s = $(() => ({
+  setup(t, { emit: n }) {
+    const e = t, l = w(() => ({
       alert: !0,
-      [`alert--${t.type}`]: !0,
-      [`alert--${t.size}`]: !0
-    })), o = $(() => ({
+      [`alert--${e.type}`]: !0,
+      [`alert--${e.size}`]: !0
+    })), o = w(() => ({
       success: "check_circle",
       error: "error",
       warning: "warning",
       info: "info"
-    })[t.type]), l = $(() => ({
+    })[e.type]), s = w(() => ({
       small: 12,
       medium: 16,
       large: 20
-    })[t.size]), i = () => {
+    })[e.size]), i = () => {
       n("close");
     };
-    return (a, r) => (d(), m("div", {
-      class: k(x(s))
+    return (a, c) => (p(), _("div", {
+      class: k(x(l))
     }, [
       v("div", Ge, [
-        be(E, {
+        ge(B, {
           name: x(o),
-          size: x(l)
+          size: x(s)
         }, null, 8, ["name", "size"])
       ]),
       v("div", Je, [
-        v("p", qe, z(t.title), 1),
-        v("p", et, z(t.description), 1)
+        v("p", qe, C(e.title), 1),
+        v("p", et, C(e.description), 1)
       ]),
-      t.closable ? (d(), m("div", tt, [
-        a.$slots.close ? j(a.$slots, "close", { key: 1 }) : (d(), A(E, {
+      e.closable ? (p(), _("div", tt, [
+        a.$slots.close ? O(a.$slots, "close", { key: 1 }) : (p(), L(B, {
           key: 0,
           class: "close__button",
           name: "close",
           size: "16",
           onClick: i
         }))
-      ])) : C("", !0)
+      ])) : z("", !0)
     ], 2));
   }
-}), ke = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyNyAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQ5OTMgMTRDMTcuMTgyNyAxNCAyMC4xNjYgMTEuMDE2NyAyMC4xNjYgNy4zMzMzNEMyMC4xNjYgMy42NSAxNy4xODI3IDAuNjY2NjcyIDEzLjQ5OTMgMC42NjY2NzJDOS44MTYwMiAwLjY2NjY3MiA2LjgzMjY4IDMuNjUgNi44MzI2OCA3LjMzMzM0QzYuODMyNjggMTEuMDE2NyA5LjgxNjAyIDE0IDEzLjQ5OTMgMTRaTTEzLjQ5OTMgMTcuMzMzM0M5LjA0OTM1IDE3LjMzMzMgMC4xNjYwMTYgMTkuNTY2NyAwLjE2NjAxNiAyNFYyNS42NjY3QzAuMTY2MDE2IDI2LjU4MzMgMC45MTYwMTYgMjcuMzMzMyAxLjgzMjY4IDI3LjMzMzNIMjUuMTY2QzI2LjA4MjcgMjcuMzMzMyAyNi44MzI3IDI2LjU4MzMgMjYuODMyNyAyNS42NjY3VjI0QzI2LjgzMjcgMTkuNTY2NyAxNy45NDkzIDE3LjMzMzMgMTMuNDk5MyAxNy4zMzMzWiIgZmlsbD0iIzRDNUJFMSIvPgo8L3N2Zz4K", nt = { class: "avatar__wrapper" }, ot = ["alt", "src"], An = /* @__PURE__ */ O({
+}), xe = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyNyAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQ5OTMgMTRDMTcuMTgyNyAxNCAyMC4xNjYgMTEuMDE2NyAyMC4xNjYgNy4zMzMzNEMyMC4xNjYgMy42NSAxNy4xODI3IDAuNjY2NjcyIDEzLjQ5OTMgMC42NjY2NzJDOS44MTYwMiAwLjY2NjY3MiA2LjgzMjY4IDMuNjUgNi44MzI2OCA3LjMzMzM0QzYuODMyNjggMTEuMDE2NyA5LjgxNjAyIDE0IDEzLjQ5OTMgMTRaTTEzLjQ5OTMgMTcuMzMzM0M5LjA0OTM1IDE3LjMzMzMgMC4xNjYwMTYgMTkuNTY2NyAwLjE2NjAxNiAyNFYyNS42NjY3QzAuMTY2MDE2IDI2LjU4MzMgMC45MTYwMTYgMjcuMzMzMyAxLjgzMjY4IDI3LjMzMzNIMjUuMTY2QzI2LjA4MjcgMjcuMzMzMyAyNi44MzI3IDI2LjU4MzMgMjYuODMyNyAyNS42NjY3VjI0QzI2LjgzMjcgMTkuNTY2NyAxNy45NDkzIDE3LjMzMzMgMTMuNDk5MyAxNy4zMzMzWiIgZmlsbD0iIzRDNUJFMSIvPgo8L3N2Zz4K", nt = { class: "avatar__wrapper" }, ot = ["alt", "src"], mn = /* @__PURE__ */ N({
   __name: "Avatar",
   props: {
     type: { default: "image" },
-    src: { default: ke },
+    src: { default: xe },
     alt: { default: "Avatar" },
     size: { default: "2xl" },
     online: { type: Boolean, default: !1 },
     text: { default: "" }
   },
-  setup(e) {
-    const n = e, t = $(() => ({
+  setup(t) {
+    const n = t, e = w(() => ({
       avatar: !0,
       [`avatar--${n.size}`]: !0
-    })), s = $(() => n.type === "image" && !n.src), o = $(() => s.value ? ke : n.src), l = (i) => {
+    })), l = w(() => n.type === "image" && !n.src), o = w(() => l.value ? xe : n.src), s = (i) => {
       const a = i.split(" ");
       return a.length === 1 ? a[0].substring(0, 2) : `${a[0].charAt(0)}${a[1].charAt(0)}`;
     };
-    return (i, a) => (d(), m("div", nt, [
+    return (i, a) => (p(), _("div", nt, [
       v("div", {
-        class: k(x(t))
+        class: k(x(e))
       }, [
-        n.type === "text" ? (d(), m("p", {
+        n.type === "text" ? (p(), _("p", {
           key: 0,
           class: k({ avatar__text: !0, [`avatar__text--${n.size}`]: !0 })
-        }, z(l(n.text)), 3)) : (d(), m("img", {
+        }, C(s(n.text)), 3)) : (p(), _("img", {
           key: 1,
           alt: n.alt,
           class: k({
             avatar__image: !0,
             [`avatar__image--${n.size}`]: !0,
-            "avatar__image--anonymous": x(s)
+            "avatar__image--anonymous": x(l)
           }),
           src: x(o)
         }, null, 10, ot))
       ], 2),
-      n.online ? (d(), m("span", {
+      n.online ? (p(), _("span", {
         key: 0,
         class: k({ avatar__online: !0, [`avatar__online--${n.size}`]: !0 })
-      }, null, 2)) : C("", !0)
+      }, null, 2)) : z("", !0)
     ]));
   }
-}), st = { class: "badge-wrapper group" }, In = /* @__PURE__ */ O({
+}), lt = { class: "badge-wrapper group" }, gn = /* @__PURE__ */ N({
   __name: "Badge",
   props: {
     variant: { default: "primary" },
@@ -129,8 +129,8 @@ const E = /* @__PURE__ */ O({
     outside: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(e) {
-    const n = e, t = $(() => ({
+  setup(t) {
+    const n = t, e = w(() => ({
       badge: !0,
       badge__content: n.content,
       [`badge--overlap-${n.placement}`]: n.overlap,
@@ -140,15 +140,15 @@ const E = /* @__PURE__ */ O({
       "badge--no-content": !n.content,
       [`badge--${n.variant}`]: n.variant
     }));
-    return (s, o) => (d(), m("div", st, [
+    return (l, o) => (p(), _("div", lt, [
       v("span", {
-        class: k(x(t)),
-        onClick: o[0] || (o[0] = (l) => s.$emit("click"))
-      }, z(n.content), 3),
-      j(s.$slots, "default")
+        class: k(x(e)),
+        onClick: o[0] || (o[0] = (s) => l.$emit("click"))
+      }, C(n.content), 3),
+      O(l.$slots, "default")
     ]));
   }
-}), lt = ["disabled"], it = /* @__PURE__ */ O({
+}), st = ["disabled"], at = /* @__PURE__ */ N({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -163,53 +163,53 @@ const E = /* @__PURE__ */ O({
     backgroundColor: { default: "" }
   },
   emits: ["click"],
-  setup(e) {
-    const n = e, t = $(() => ({
+  setup(t) {
+    const n = t, e = w(() => ({
       button: !0,
       [`button--${n.variant}`]: !0,
-      ["button--loading"]: n.loading,
+      "button--loading": n.loading,
       [`button--${n.size || "medium"}`]: !0,
-      ["button--only-icon"]: n.onlyIcon,
-      ["button--block"]: n.block
-    })), s = $(() => n.size === "large" ? 20 : 16), o = $(() => {
-      const { backgroundColor: l, height: i } = n;
+      "button--only-icon": n.onlyIcon,
+      "button--block": n.block
+    })), l = w(() => n.size === "large" ? 20 : 16), o = w(() => {
+      const { backgroundColor: s, height: i } = n;
       return {
-        backgroundColor: l,
+        backgroundColor: s,
         height: i ? `${i}px` : ""
       };
     });
-    return (l, i) => (d(), m("button", Ye(l.$attrs, {
-      class: x(t),
-      disabled: e.disabled || e.loading,
+    return (s, i) => (p(), _("button", We(s.$attrs, {
+      class: x(e),
+      disabled: t.disabled || t.loading,
       style: x(o),
-      onClick: i[0] || (i[0] = Y((a) => l.$emit("click"), ["stop"]))
+      onClick: i[0] || (i[0] = W((a) => s.$emit("click"), ["stop"]))
     }), [
-      j(l.$slots, "custom-icon"),
-      l.$slots["custom-icon"] ? C("", !0) : (d(), A(E, {
+      O(s.$slots, "custom-icon"),
+      s.$slots["custom-icon"] ? z("", !0) : (p(), L(B, {
         key: 0,
         class: k({
           "button__prepend-icon": !0,
           "button__prepend-icon--only": n.onlyIcon
         }),
         name: n.prependIcon,
-        size: x(s)
+        size: x(l)
       }, null, 8, ["class", "name", "size"])),
-      n.onlyIcon ? C("", !0) : j(l.$slots, "default", { key: 1 }),
-      !l.$slots["custom-icon"] && !n.onlyIcon ? (d(), A(E, {
+      n.onlyIcon ? z("", !0) : O(s.$slots, "default", { key: 1 }),
+      !s.$slots["custom-icon"] && !n.onlyIcon ? (p(), L(B, {
         key: 2,
         class: "button__append-icon",
         name: n.appendIcon,
-        size: x(s)
-      }, null, 8, ["name", "size"])) : C("", !0)
-    ], 16, lt));
+        size: x(l)
+      }, null, 8, ["name", "size"])) : z("", !0)
+    ], 16, st));
   }
-}), at = { class: "checkbox-wrapper" }, rt = { class: "checkbox-container" }, ct = ["id", "checked", "disabled", "indeterminate"], dt = ["data-disabled"], ut = { class: "checkbox-texts" }, ft = ["data-disabled", "for"], pt = {
+}), it = { class: "checkbox-wrapper" }, rt = { class: "checkbox-container" }, ct = ["id", "checked", "disabled", "indeterminate"], dt = ["data-disabled"], ut = { class: "checkbox-texts" }, ft = ["data-disabled", "for"], pt = {
   key: 0,
   class: "checkbox-texts__error"
 }, ht = {
   key: 1,
   class: "checkbox-texts__hint"
-}, Nn = /* @__PURE__ */ O({
+}, _n = /* @__PURE__ */ N({
   __name: "Checkbox",
   props: {
     id: { default: "" },
@@ -221,56 +221,60 @@ const E = /* @__PURE__ */ O({
     errorMsg: { default: "" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const t = e, s = ne({
+  setup(t, { emit: n }) {
+    const e = t, l = ee({
       checked: !1,
       indeterminate: !1
     }), o = {
       checked: "check",
       unchecked: "",
       indeterminate: "remove"
-    }, l = $(() => s.indeterminate ? o.indeterminate : s.checked ? o.checked : o.unchecked), i = $(() => ({
+    }, s = w(() => l.indeterminate ? o.indeterminate : l.checked ? o.checked : o.unchecked), i = w(() => ({
       checkbox: !0,
-      "checkbox--checked": s.checked,
-      "checkbox--disabled": t.disabled,
-      "checkbox--indeterminate": s.indeterminate,
-      "checkbox--error": !!t.errorMsg
-    })), a = (r) => {
-      t.disabled || (s.checked = r.target.checked, s.indeterminate = !1, n("update:modelValue", s.checked));
+      "checkbox--checked": l.checked,
+      "checkbox--disabled": e.disabled,
+      "checkbox--indeterminate": l.indeterminate,
+      "checkbox--error": !!e.errorMsg
+    })), a = (c) => {
+      e.disabled || (l.checked = c.target.checked, l.indeterminate = !1, n("update:modelValue", l.checked));
     };
     return F(
-      () => t.indeterminate,
-      (r) => {
-        s.indeterminate = r, r === !0 && (s.checked = !1, n("update:modelValue", s.checked));
+      () => e.indeterminate,
+      (c) => {
+        l.indeterminate = c, c === !0 && (l.checked = !1, n("update:modelValue", l.checked));
       },
       {
+        // need immediate to set the state on first render for storybook
+        // TODO: find a better way to do this
         immediate: !0
       }
     ), F(
-      () => t.modelValue,
-      (r) => {
-        s.checked = r;
+      () => e.modelValue,
+      (c) => {
+        l.checked = c;
       },
       {
+        // need immediate to set the state on first render for storybook
+        // TODO: find a better way to do this
         immediate: !0
       }
-    ), (r, u) => (d(), m("div", at, [
+    ), (c, u) => (p(), _("div", it, [
       v("div", rt, [
         v("input", {
-          id: t.id,
-          checked: s.checked,
+          id: e.id,
+          checked: l.checked,
           class: "checkbox-container__input",
-          disabled: t.disabled,
-          indeterminate: s.indeterminate,
+          disabled: e.disabled,
+          indeterminate: l.indeterminate,
           type: "checkbox",
           onChange: a
         }, null, 40, ct),
         v("div", {
           class: k(x(i)),
-          "data-disabled": t.disabled
+          "data-disabled": e.disabled
         }, [
-          be(E, {
-            name: x(l),
+          ge(B, {
+            name: x(s),
             size: "16"
           }, null, 8, ["name"])
         ], 10, dt)
@@ -278,14 +282,14 @@ const E = /* @__PURE__ */ O({
       v("div", ut, [
         v("label", {
           class: "checkbox-texts__label",
-          "data-disabled": t.disabled,
-          for: t.id
-        }, z(t.label), 9, ft),
-        t.errorMsg ? (d(), m("p", pt, z(t.errorMsg), 1)) : (d(), m("p", ht, z(t.hint), 1))
+          "data-disabled": e.disabled,
+          for: e.id
+        }, C(e.label), 9, ft),
+        e.errorMsg ? (p(), _("p", pt, C(e.errorMsg), 1)) : (p(), _("p", ht, C(e.hint), 1))
       ])
     ]));
   }
-}), mt = /* @__PURE__ */ O({
+}), mt = /* @__PURE__ */ N({
   __name: "Chip",
   props: {
     variant: { default: "primary" },
@@ -297,42 +301,42 @@ const E = /* @__PURE__ */ O({
     ghost: { type: Boolean, default: !1 }
   },
   emits: ["click:chip", "click:close"],
-  setup(e, { emit: n }) {
-    const t = e, s = $(() => ({
+  setup(t, { emit: n }) {
+    const e = t, l = w(() => ({
       chip: !0,
-      "chip--disabled": t.disabled,
-      [`chip__${t.variant}`]: t.variant,
-      [`chip--${t.size}`]: t.size,
-      [`chip__${t.variant}--ghost`]: t.ghost
-    })), o = $(() => t.size === "small" ? "10" : t.size === "large" ? "16" : "12"), l = (a) => {
-      t.disabled || n("click:chip", a);
+      "chip--disabled": e.disabled,
+      [`chip__${e.variant}`]: e.variant,
+      [`chip--${e.size}`]: e.size,
+      [`chip__${e.variant}--ghost`]: e.ghost
+    })), o = w(() => e.size === "small" ? "10" : e.size === "large" ? "16" : "12"), s = (a) => {
+      e.disabled || n("click:chip", a);
     }, i = (a) => {
-      t.disabled || n("click:close", a);
+      e.disabled || n("click:close", a);
     };
-    return (a, r) => (d(), m("div", {
-      class: k(x(s))
+    return (a, c) => (p(), _("div", {
+      class: k(x(l))
     }, [
       v("div", {
         class: "chip__content",
-        onClick: r[0] || (r[0] = Y((u) => l(u), ["stop"]))
+        onClick: c[0] || (c[0] = W((u) => s(u), ["stop"]))
       }, [
-        t.prependIcon ? (d(), A(E, {
+        e.prependIcon ? (p(), L(B, {
           key: 0,
-          "aria-disabled": t.disabled,
+          "aria-disabled": e.disabled,
           class: "chip__prepend-icon",
-          name: t.prependIcon,
+          name: e.prependIcon,
           size: x(o)
-        }, null, 8, ["aria-disabled", "name", "size"])) : C("", !0),
-        v("span", null, z(t.label), 1)
+        }, null, 8, ["aria-disabled", "name", "size"])) : z("", !0),
+        v("span", null, C(e.label), 1)
       ]),
-      t.appendIcon ? (d(), A(E, {
+      e.appendIcon ? (p(), L(B, {
         key: 0,
-        "aria-disabled": t.disabled,
+        "aria-disabled": e.disabled,
         class: "chip__append-icon",
-        name: t.appendIcon,
+        name: e.appendIcon,
         size: x(o),
-        onClick: r[1] || (r[1] = Y((u) => i(u), ["stop"]))
-      }, null, 8, ["aria-disabled", "name", "size"])) : C("", !0)
+        onClick: c[1] || (c[1] = W((u) => i(u), ["stop"]))
+      }, null, 8, ["aria-disabled", "name", "size"])) : z("", !0)
     ], 2));
   }
 }), gt = { class: "dropdown" }, _t = {
@@ -341,7 +345,7 @@ const E = /* @__PURE__ */ O({
 }, bt = {
   key: 1,
   class: "select__multiple"
-}, vt = ["disabled", "placeholder"], yt = ["onClick"], xt = { style: { display: "flex", "align-items": "center" } }, Ln = /* @__PURE__ */ O({
+}, vt = ["disabled", "placeholder"], yt = ["onClick"], xt = { style: { display: "flex", "align-items": "center" } }, bn = /* @__PURE__ */ N({
   __name: "Dropdown",
   props: {
     placeholder: { default: "" },
@@ -355,163 +359,163 @@ const E = /* @__PURE__ */ O({
     modelValue: { default: "" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const t = e, s = B(""), o = ne([]), l = B(!1), i = B(""), a = B(null), r = B(null), u = (p) => {
-      var h, c, b, w, T, I;
-      if (!t.disabled) {
-        if (p.stopPropagation(), l.value = !l.value, l.value) {
-          (h = a.value) == null || h.classList.add("select--active"), (c = a.value) == null || c.focus(), (b = r.value) == null || b.focus(), document.addEventListener("click", u);
+  setup(t, { emit: n }) {
+    const e = t, l = E(""), o = ee([]), s = E(!1), i = E(""), a = E(null), c = E(null), u = (h) => {
+      var f, r, b, $, M, A;
+      if (!e.disabled) {
+        if (h.stopPropagation(), s.value = !s.value, s.value) {
+          (f = a.value) == null || f.classList.add("select--active"), (r = a.value) == null || r.focus(), (b = c.value) == null || b.focus(), document.addEventListener("click", u);
           return;
         }
-        (w = a.value) == null || w.classList.remove("select--active"), (T = a.value) == null || T.blur(), (I = r.value) == null || I.blur(), document.removeEventListener("click", u);
+        ($ = a.value) == null || $.classList.remove("select--active"), (M = a.value) == null || M.blur(), (A = c.value) == null || A.blur(), document.removeEventListener("click", u);
       }
-    }, y = (p, h) => {
-      var c;
-      if (t.multiple || t.taggable) {
-        p.stopPropagation(), o.includes(h) ? o.splice(o.indexOf(h), 1) : o.push(h), i.value = "", (c = r.value) == null || c.focus();
+    }, m = (h, f) => {
+      var r;
+      if (e.multiple || e.taggable) {
+        h.stopPropagation(), o.includes(f) ? o.splice(o.indexOf(f), 1) : o.push(f), i.value = "", (r = c.value) == null || r.focus();
         return;
       } else
-        n("update:modelValue", h.value), s.value = h.label, i.value = h.label;
-    }, f = (p, h) => {
-      if (p instanceof KeyboardEvent && p.key !== "Backspace" || i.value !== "")
+        n("update:modelValue", f.value), l.value = f.label, i.value = f.label;
+    }, d = (h, f) => {
+      if (h instanceof KeyboardEvent && h.key !== "Backspace" || i.value !== "")
         return;
-      p.stopPropagation();
-      const c = o.findIndex((b) => b.value === h.value);
-      o.splice(c, 1);
-    }, g = (p) => {
+      h.stopPropagation();
+      const r = o.findIndex((b) => b.value === f.value);
+      o.splice(r, 1);
+    }, y = (h) => {
       var b;
-      if (!t.taggable)
+      if (!e.taggable)
         return;
-      p.stopPropagation();
-      const h = i.value;
-      if (h === "")
+      h.stopPropagation();
+      const f = i.value;
+      if (f === "")
         return;
-      t.options.find((w) => w.label === h) || (o.push({ value: h, label: h }), i.value = "", (b = r.value) == null || b.focus());
-    }, _ = $(() => t.options.filter((h) => h.label.toLowerCase().includes(i.value.toLowerCase())));
-    return F(o, (p) => {
-      n("update:modelValue", p);
-    }), (p, h) => (d(), m("div", gt, [
+      e.options.find(($) => $.label === f) || (o.push({ value: f, label: f }), i.value = "", (b = c.value) == null || b.focus());
+    }, g = w(() => e.options.filter((f) => f.label.toLowerCase().includes(i.value.toLowerCase())));
+    return F(o, (h) => {
+      n("update:modelValue", h);
+    }), (h, f) => (p(), _("div", gt, [
       v("div", {
         ref_key: "select",
         ref: a,
-        class: k({ select: !0, "select--disabled": t.disabled }),
+        class: k({ select: !0, "select--disabled": e.disabled }),
         onClick: u
       }, [
         v("div", {
           class: k({
             "select__prepend-icon": !0,
-            "select__prepend-icon--active": l.value
+            "select__prepend-icon--active": s.value
           })
         }, [
-          j(p.$slots, "prepend-icon"),
-          p.$slots["prepend-icon"] ? C("", !0) : (d(), A(E, {
+          O(h.$slots, "prepend-icon"),
+          h.$slots["prepend-icon"] ? z("", !0) : (p(), L(B, {
             key: 0,
-            name: t.prependIcon
+            name: e.prependIcon
           }, null, 8, ["name"]))
         ], 2),
-        t.taggable ? (d(), m("div", _t, [
-          (d(!0), m(Q, null, ae(o, (c, b) => (d(), A(mt, {
+        e.taggable ? (p(), _("div", _t, [
+          (p(!0), _(X, null, le(o, (r, b) => (p(), L(mt, {
             key: b,
             appendIcon: "close",
             class: "select__tags__chip",
-            label: c.label,
+            label: r.label,
             variant: "primary",
-            onClickIcon: (w) => f(w, c)
+            onClickIcon: ($) => d($, r)
           }, null, 8, ["label", "onClickIcon"]))), 128))
-        ])) : C("", !0),
-        t.multiple ? (d(), m("div", bt, [
-          (d(!0), m(Q, null, ae(o, (c, b) => (d(), m("p", { key: b }, z(c.label + ","), 1))), 128))
-        ])) : C("", !0),
-        Fe(v("input", {
+        ])) : z("", !0),
+        e.multiple ? (p(), _("div", bt, [
+          (p(!0), _(X, null, le(o, (r, b) => (p(), _("p", { key: b }, C(r.label + ","), 1))), 128))
+        ])) : z("", !0),
+        Pe(v("input", {
           id: "select",
           ref_key: "input",
-          ref: r,
-          "onUpdate:modelValue": h[0] || (h[0] = (c) => i.value = c),
+          ref: c,
+          "onUpdate:modelValue": f[0] || (f[0] = (r) => i.value = r),
           class: "select__input",
-          disabled: t.disabled,
-          placeholder: t.placeholder,
+          disabled: e.disabled,
+          placeholder: e.placeholder,
           type: "text",
           onKeydown: [
-            h[1] || (h[1] = we((c) => f(c, o[o.length - 1]), ["backspace"])),
-            h[2] || (h[2] = we((c) => g(c), ["enter"]))
+            f[1] || (f[1] = ye((r) => d(r, o[o.length - 1]), ["backspace"])),
+            f[2] || (f[2] = ye((r) => y(r), ["enter"]))
           ]
         }, null, 40, vt), [
-          [We, i.value]
+          [Fe, i.value]
         ]),
         v("div", {
           class: k({
             "select__append-icon": !0,
-            "select__append-icon--active": l.value
+            "select__append-icon--active": s.value
           })
         }, [
-          j(p.$slots, "append-icon"),
-          p.$slots["append-icon"] ? C("", !0) : (d(), A(E, {
+          O(h.$slots, "append-icon"),
+          h.$slots["append-icon"] ? z("", !0) : (p(), L(B, {
             key: 0,
-            name: t.appendIcon
+            name: e.appendIcon
           }, null, 8, ["name"]))
         ], 2)
       ], 2),
       v("ul", {
-        class: k({ "select-options": !0, "select-options--active": l.value })
+        class: k({ "select-options": !0, "select-options--active": s.value })
       }, [
-        (d(!0), m(Q, null, ae(x(_), (c) => (d(), m("li", {
-          key: c.value,
+        (p(!0), _(X, null, le(x(g), (r) => (p(), _("li", {
+          key: r.value,
           class: k({
             "select-options__option": !0,
-            "select-options__option--active": c.label === s.value || (o == null ? void 0 : o.includes(c))
+            "select-options__option--active": r.label === l.value || (o == null ? void 0 : o.includes(r))
           }),
-          onClick: (b) => y(b, c)
+          onClick: (b) => m(b, r)
         }, [
           v("div", xt, [
-            j(p.$slots, "option-prepend"),
-            p.$slots["option-prepend"] ? C("", !0) : (d(), A(E, {
+            O(h.$slots, "option-prepend"),
+            h.$slots["option-prepend"] ? z("", !0) : (p(), L(B, {
               key: 0,
               class: k({
                 "select-options__option__prepend-icon": !0,
-                "select-options__option__prepend-icon--active": c.label === s.value || (o == null ? void 0 : o.includes(c))
+                "select-options__option__prepend-icon--active": r.label === l.value || (o == null ? void 0 : o.includes(r))
               }),
               name: "face"
             }, null, 8, ["class"])),
             v("p", {
               class: k({
                 "select-options__option__label": !0,
-                "select-options__option__label--active": c.label === s.value || (o == null ? void 0 : o.includes(c))
+                "select-options__option__label--active": r.label === l.value || (o == null ? void 0 : o.includes(r))
               })
-            }, z(c.label), 3)
+            }, C(r.label), 3)
           ]),
-          c.label === s.value || (o == null ? void 0 : o.includes(c)) ? (d(), A(E, {
+          r.label === l.value || o != null && o.includes(r) ? (p(), L(B, {
             key: 0,
             class: k({
               "select-options__option__append-icon": !0,
-              "select-options__option__append-icon--active": c.label === s.value || (o == null ? void 0 : o.includes(c))
+              "select-options__option__append-icon--active": r.label === l.value || (o == null ? void 0 : o.includes(r))
             }),
             name: "check"
-          }, null, 8, ["class"])) : C("", !0)
+          }, null, 8, ["class"])) : z("", !0)
         ], 10, yt))), 128))
       ], 2)
     ]));
   }
-}), wt = ["id", "for"], Oe = /* @__PURE__ */ O({
+}), kt = ["id", "for"], Ae = /* @__PURE__ */ N({
   __name: "Label",
   props: {
     id: { default: "" },
     for: { default: "" },
     text: { default: "" }
   },
-  setup(e) {
-    const n = e;
-    return (t, s) => (d(), m("label", {
+  setup(t) {
+    const n = t;
+    return (e, l) => (p(), _("label", {
       id: n.id,
       for: n.for
-    }, z(n.text), 9, wt));
+    }, C(n.text), 9, kt));
   }
-}), kt = { class: "snackbar__text" }, $t = {
+}), wt = { class: "snackbar__text" }, $t = {
   key: 0,
   class: "snackbar__action"
 }, Mt = {
   key: 1,
   class: "snackbar__close"
-}, On = /* @__PURE__ */ O({
+}, vn = /* @__PURE__ */ N({
   __name: "Snackbar",
   props: {
     text: { default: "" },
@@ -523,62 +527,62 @@ const E = /* @__PURE__ */ O({
     timeout: { default: 0 }
   },
   emits: ["click:action", "click:close"],
-  setup(e, { emit: n }) {
-    const t = e, s = B(!1), o = () => {
+  setup(t, { emit: n }) {
+    const e = t, l = E(!1), o = () => {
       n("click:action");
-    }, l = () => {
-      s.value = !1, n("click:close");
+    }, s = () => {
+      l.value = !1, n("click:close");
     };
     return Ue(() => {
-      t.timeout && setTimeout(() => {
-        s.value = !1, n("click:close");
-      }, t.timeout);
+      e.timeout && setTimeout(() => {
+        l.value = !1, n("click:close");
+      }, e.timeout);
     }), F(
-      () => t.show,
+      () => e.show,
       (i) => {
-        s.value = i;
+        l.value = i;
       },
       { immediate: !0 }
-    ), (i, a) => (d(), m("div", {
+    ), (i, a) => (p(), _("div", {
       class: k({
         snackbar: !0,
-        "snackbar--closed": !s.value,
-        [t.left ? "snackbar--left" : "snackbar--right"]: !0
+        "snackbar--closed": !l.value,
+        [e.left ? "snackbar--left" : "snackbar--right"]: !0
       })
     }, [
-      v("div", kt, z(t.text), 1),
-      t.showAction ? (d(), m("div", $t, [
-        j(i.$slots, "action"),
-        i.$slots.action ? C("", !0) : (d(), A(it, {
+      v("div", wt, C(e.text), 1),
+      e.showAction ? (p(), _("div", $t, [
+        O(i.$slots, "action"),
+        i.$slots.action ? z("", !0) : (p(), L(at, {
           key: 0,
           size: "small",
           variant: "ghost",
           onClick: o
         }, {
-          default: Xe(() => [
-            Ze(z(t.actionText), 1)
+          default: Ze(() => [
+            Qe(C(e.actionText), 1)
           ]),
           _: 1
         }))
-      ])) : C("", !0),
-      t.showClose ? (d(), m("div", Mt, [
-        j(i.$slots, "close"),
-        i.$slots.close ? C("", !0) : (d(), A(E, {
+      ])) : z("", !0),
+      e.showClose ? (p(), _("div", Mt, [
+        O(i.$slots, "close"),
+        i.$slots.close ? z("", !0) : (p(), L(B, {
           key: 0,
           name: "close",
           size: "14",
-          onClick: Y(l, ["stop"])
+          onClick: W(s, ["stop"])
         }, null, 8, ["onClick"]))
-      ])) : C("", !0)
+      ])) : z("", !0)
     ], 2));
   }
-}), Ct = { class: "switch-container" }, Tt = ["id", "checked"], zt = /* @__PURE__ */ v("span", { class: "slider round" }, null, -1), At = ["id", "for"], It = {
+}), Tt = { class: "switch-container" }, zt = ["id", "checked"], Ct = /* @__PURE__ */ v("span", { class: "slider round" }, null, -1), It = ["id", "for"], Lt = {
   key: 0,
   class: "switch-texts__error"
-}, Nt = {
+}, At = {
   key: 1,
   class: "switch-texts__hint"
-}, En = /* @__PURE__ */ O({
+}, yn = /* @__PURE__ */ N({
   __name: "Switch",
   props: {
     id: { default: "switch" },
@@ -590,63 +594,65 @@ const E = /* @__PURE__ */ O({
     size: { default: "medium" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const t = e, s = ne({
+  setup(t, { emit: n }) {
+    const e = t, l = ee({
       checked: !1
-    }), o = $(() => ({
+    }), o = w(() => ({
       switch: !0,
-      "switch--disabled": t.disabled,
-      [`switch--${t.size}`]: t.size,
-      "switch--error": t.errorMsg
-    })), l = (i) => {
-      t.disabled || (s.checked = i.target.checked, n("update:modelValue", s.checked));
+      "switch--disabled": e.disabled,
+      [`switch--${e.size}`]: e.size,
+      "switch--error": e.errorMsg
+    })), s = (i) => {
+      e.disabled || (l.checked = i.target.checked, n("update:modelValue", l.checked));
     };
     return F(
-      () => t.modelValue,
+      () => e.modelValue,
       (i) => {
-        s.checked = i;
+        l.checked = i;
       },
       {
+        // need immediate to set the state on first render for storybook
+        // TODO: find a better way to do this
         immediate: !0
       }
-    ), (i, a) => (d(), m("div", Ct, [
+    ), (i, a) => (p(), _("div", Tt, [
       v("div", {
         class: k(x(o))
       }, [
         v("input", {
-          id: t.id,
-          checked: s.checked,
+          id: e.id,
+          checked: l.checked,
           class: "switch__input",
           type: "checkbox",
-          onChange: l
-        }, null, 40, Tt),
-        zt
+          onChange: s
+        }, null, 40, zt),
+        Ct
       ], 2),
       v("div", {
         class: k({
           "switch-texts": !0,
-          [`switch-texts--${t.size}`]: !0
+          [`switch-texts--${e.size}`]: !0
         })
       }, [
         v("label", {
-          id: t.id,
+          id: e.id,
           class: "switch-texts__label",
-          for: t.id
-        }, z(t.label), 9, At),
-        t.errorMsg ? (d(), m("p", It, z(t.errorMsg), 1)) : (d(), m("p", Nt, z(t.hint), 1))
+          for: e.id
+        }, C(e.label), 9, It),
+        e.errorMsg ? (p(), _("p", Lt, C(e.errorMsg), 1)) : (p(), _("p", At, C(e.hint), 1))
       ], 2)
     ]));
   }
 });
-var re = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.TEXT_ONLY = "text-only", e.ICON_ONLY = "icon-only", e))(re || {});
-const Lt = ["aria-disabled", "aria-selected", "disabled"], Ot = {
+var se = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.TEXT_ONLY = "text-only", t.ICON_ONLY = "icon-only", t))(se || {});
+const Rt = ["aria-disabled", "aria-selected", "disabled"], Nt = {
   key: 1,
   class: "tab-item__label"
-}, Et = /* @__PURE__ */ O({
+}, Dt = /* @__PURE__ */ N({
   __name: "TabItem",
   props: {
     id: null,
-    variant: { default: re.DEFAULT },
+    variant: { default: se.DEFAULT },
     label: { default: "" },
     icon: { default: "" },
     disabled: { default: !1 },
@@ -654,72 +660,71 @@ const Lt = ["aria-disabled", "aria-selected", "disabled"], Ot = {
     modelValue: { default: "" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const t = e, s = $(() => ({
+  setup(t, { emit: n }) {
+    const e = t, l = w(() => ({
       "tab-item": !0,
-      [`tab-item--${t.variant}`]: !0
+      [`tab-item--${e.variant}`]: !0
     }));
-    function o(l) {
-      n("update:modelValue", l);
+    function o(s) {
+      n("update:modelValue", s);
     }
-    return (l, i) => (d(), m("button", {
-      "aria-disabled": t.disabled,
-      "aria-selected": t.active,
-      class: k(x(s)),
-      disabled: t.disabled,
-      onClick: i[0] || (i[0] = (a) => o(t.id))
+    return (s, i) => (p(), _("button", {
+      "aria-disabled": e.disabled,
+      "aria-selected": e.active,
+      class: k(x(l)),
+      disabled: e.disabled,
+      onClick: i[0] || (i[0] = (a) => o(e.id))
     }, [
-      j(l.$slots, "icon"),
-      !l.$slots.icon && e.variant !== x(re).TEXT_ONLY ? (d(), A(E, {
+      O(s.$slots, "icon"),
+      !s.$slots.icon && t.variant !== x(se).TEXT_ONLY ? (p(), L(B, {
         key: 0,
         class: "tab-item__icon",
-        name: t.icon,
+        name: e.icon,
         size: "16"
-      }, null, 8, ["name"])) : C("", !0),
-      e.variant !== x(re).ICON_ONLY ? (d(), m("span", Ot, z(t.label), 1)) : C("", !0)
-    ], 10, Lt));
+      }, null, 8, ["name"])) : z("", !0),
+      t.variant !== x(se).ICON_ONLY ? (p(), _("span", Nt, C(e.label), 1)) : z("", !0)
+    ], 10, Rt));
   }
-}), Dt = { class: "tabs-wrapper" }, Bt = { class: "tab-content" }, Dn = /* @__PURE__ */ O({
+}), Bt = { class: "tabs-wrapper" }, jt = { class: "tab-content" }, xn = /* @__PURE__ */ N({
   __name: "Tabs",
   props: {
     tabs: { default: () => [] },
     scrollable: { type: Boolean, default: !1 }
   },
-  setup(e) {
-    const n = e, t = B(0), s = $(() => ({
+  setup(t) {
+    const n = t, e = E(0), l = w(() => ({
       tabs: !0,
       "tabs--scrollable": n.scrollable
     }));
-    return (o, l) => (d(), m(Q, null, [
-      v("div", Dt, [
+    return (o, s) => (p(), _(X, null, [
+      v("div", Bt, [
         v("div", {
-          class: k(x(s))
+          class: k(x(l))
         }, [
-          (d(!0), m(Q, null, ae(n.tabs, (i, a) => (d(), A(Et, {
+          (p(!0), _(X, null, le(n.tabs, (i, a) => (p(), L(Dt, {
             id: i.id,
             key: a,
-            modelValue: t.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (r) => t.value = r),
-            active: a === t.value,
+            modelValue: e.value,
+            "onUpdate:modelValue": s[0] || (s[0] = (c) => e.value = c),
+            active: a === e.value,
             disabled: i.disabled,
             icon: i.icon,
             label: i.label
           }, null, 8, ["id", "modelValue", "active", "disabled", "icon", "label"]))), 128))
         ], 2)
       ]),
-      v("div", Bt, [
-        j(o.$slots, "tab", { activeTab: t.value })
+      v("div", jt, [
+        O(o.$slots, "tab", { activeTab: e.value })
       ])
     ], 64));
   }
-});
-const jt = { class: "container" }, Vt = ["id", "disabled", "placeholder", "value"], Rt = {
+}), Et = { class: "container" }, Ot = ["id", "disabled", "placeholder", "value"], Vt = {
   key: 1,
   class: "textarea__error"
-}, St = {
+}, Ht = {
   key: 2,
   class: "textarea__hint"
-}, Bn = /* @__PURE__ */ O({
+}, kn = /* @__PURE__ */ N({
   __name: "TextArea",
   props: {
     id: { default: "" },
@@ -731,51 +736,51 @@ const jt = { class: "container" }, Vt = ["id", "disabled", "placeholder", "value
     errorMsg: { default: "" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const t = e, s = ne({
+  setup(t, { emit: n }) {
+    const e = t, l = ee({
       value: ""
     });
-    function o(l) {
-      n("update:modelValue", l.target.value);
+    function o(s) {
+      n("update:modelValue", s.target.value);
     }
     return F(
-      () => t.modelValue,
-      (l) => {
-        s.value = l;
+      () => e.modelValue,
+      (s) => {
+        l.value = s;
       },
       {
         immediate: !0
       }
-    ), (l, i) => (d(), m("div", jt, [
-      t.label ? (d(), A(Oe, {
+    ), (s, i) => (p(), _("div", Et, [
+      e.label ? (p(), L(Ae, {
         key: 0,
         id: "textarea",
         class: "textarea__label",
         for: "textarea",
-        text: t.label
-      }, null, 8, ["text"])) : C("", !0),
+        text: e.label
+      }, null, 8, ["text"])) : z("", !0),
       v("textarea", {
-        id: t.id,
+        id: e.id,
         class: k(["textarea", {
-          "textarea--error": t.errorMsg,
-          "textarea--disabled": t.disabled
+          "textarea--error": e.errorMsg,
+          "textarea--disabled": e.disabled
         }]),
-        disabled: t.disabled,
-        placeholder: t.placeholder,
-        value: s.value,
+        disabled: e.disabled,
+        placeholder: e.placeholder,
+        value: l.value,
         onInput: o
-      }, null, 42, Vt),
-      t.errorMsg ? (d(), m("p", Rt, z(t.errorMsg), 1)) : (d(), m("p", St, z(t.hint), 1))
+      }, null, 42, Ot),
+      e.errorMsg ? (p(), _("p", Vt, C(e.errorMsg), 1)) : (p(), _("p", Ht, C(e.hint), 1))
     ]));
   }
-}), Pt = {
+}), St = {
   class: /* @__PURE__ */ k({
     textfield__wrapper: !0
   })
-}, Ht = { class: "input-wrapper" }, Yt = ["id", "disabled", "placeholder", "type", "value"], Ft = { class: "textfield__error" }, Wt = {
+}, Yt = { class: "input-wrapper" }, Wt = ["id", "disabled", "placeholder", "type", "value"], Pt = { class: "textfield__error" }, Ft = {
   key: 0,
   class: "textfield__hint"
-}, jn = /* @__PURE__ */ O({
+}, wn = /* @__PURE__ */ N({
   __name: "Textfield",
   props: {
     id: { default: "" },
@@ -799,957 +804,532 @@ const jt = { class: "container" }, Vt = ["id", "disabled", "placeholder", "value
     "click:icon",
     "click:clear"
   ],
-  setup(e, { emit: n }) {
-    const t = e, s = B(), o = ne({
+  setup(t, { emit: n }) {
+    const e = t, l = E(), o = ee({
       value: ""
-    }), l = B(t.type), i = {
+    }), s = E(e.type), i = {
       password: "lock_outline",
       email: "mail_outline",
       tel: "phone",
       url: "link",
       number: "123",
       text: ""
-    }, a = B(!1), r = $(() => !!o.value), u = $(() => {
-      const { disabled: M, loading: L, clearable: V, errorMsg: D } = t;
+    }, a = E(!1), c = w(() => !!o.value), u = w(() => {
+      const { disabled: T, loading: R, clearable: I, errorMsg: D } = e;
       return {
         textfield: !0,
         "textfield--error": D == null ? void 0 : D.length,
-        "textfield--loading": L,
-        "textfield--disabled": M,
-        "textfield--clearable": V,
+        "textfield--loading": R,
+        "textfield--disabled": T,
+        "textfield--clearable": I,
         "textfield--focus": a.value,
-        "textfield--filled": r.value
+        "textfield--filled": c.value
       };
-    }), y = $(() => ({
+    }), m = w(() => ({
       "textfield__prepend-icon": !0,
-      "textfield__prepend-icon--loading": t.loading,
-      "textfield__prepend-icon--error": _.value && r.value
-    })), f = $(() => ({
+      "textfield__prepend-icon--loading": e.loading,
+      "textfield__prepend-icon--error": g.value && c.value
+    })), d = w(() => ({
       "textfield__append-icon": !0,
-      "textfield__append-icon--clear": p.value,
-      "textfield__append-icon--error": _.value
-    })), g = $(() => o.value.length > 0), _ = $(() => {
-      var M;
-      return (M = t.errorMsg) == null ? void 0 : M.length;
-    }), p = $(() => t.clearable && g.value), h = $(() => {
-      const { prependIcon: M, type: L } = t;
-      return M || i[L];
-    }), c = $(() => {
-      const { appendIcon: M, type: L } = t;
-      return _.value ? "error_outline" : p.value && ["text", "email"].includes(L) ? "clear" : L === "password" && l.value === "password" ? "visibility" : L === "password" && l.value === "text" ? "visibility_off" : M;
+      "textfield__append-icon--clear": h.value,
+      "textfield__append-icon--error": g.value
+    })), y = w(() => o.value.length > 0), g = w(() => {
+      var T;
+      return (T = e.errorMsg) == null ? void 0 : T.length;
+    }), h = w(() => e.clearable && y.value), f = w(() => {
+      const { prependIcon: T, type: R } = e;
+      return T || i[R];
+    }), r = w(() => {
+      const { appendIcon: T, type: R } = e;
+      return g.value ? "error_outline" : h.value && ["text", "email"].includes(R) ? "clear" : R === "password" && s.value === "password" ? "visibility" : R === "password" && s.value === "text" ? "visibility_off" : T;
     }), b = () => {
       a.value = !0, n("focus", {
         value: o.value
       });
-    }, w = () => {
+    }, $ = () => {
       a.value = !1, n("blur", {
         value: o.value
       });
-    }, T = () => {
-      var M;
-      if (p.value) {
-        o.value = "", (M = s.value) == null || M.focus(), n("click:clear", {
+    }, M = () => {
+      var T;
+      if (h.value) {
+        o.value = "", (T = l.value) == null || T.focus(), n("click:clear", {
           value: o.value
         });
         return;
       }
       n("click:icon", {
         value: o.value
-      }), I();
-    }, I = () => {
-      l.value = l.value === "password" ? "text" : "password";
-    }, N = (M) => {
-      const L = M.target;
-      o.value = L.value;
+      }), A();
+    }, A = () => {
+      s.value = s.value === "password" ? "text" : "password";
+    }, j = (T) => {
+      const R = T.target;
+      o.value = R.value;
     };
     return F(
-      () => t.modelValue,
-      (M) => {
-        o.value = M;
+      () => e.modelValue,
+      (T) => {
+        o.value = T;
       },
       {
         immediate: !0
       }
     ), F(
       () => o.value,
-      (M) => {
-        n("update:modelValue", M);
+      (T) => {
+        n("update:modelValue", T);
       }
-    ), (M, L) => (d(), m("fieldset", null, [
-      v("div", Pt, [
-        be(Oe, {
-          id: t.id,
+    ), (T, R) => (p(), _("fieldset", null, [
+      v("div", St, [
+        ge(Ae, {
+          id: e.id,
           class: k({
             textfield__label: !0
           }),
-          for: t.id,
-          text: t.label
+          for: e.id,
+          text: e.label
         }, null, 8, ["id", "for", "text"]),
-        v("div", Ht, [
+        v("div", Yt, [
           v("div", {
             class: k(x(u))
           }, [
-            x(h) ? (d(), A(E, {
+            x(f) ? (p(), L(B, {
               key: 0,
-              class: k(x(y)),
-              name: x(h),
+              class: k(x(m)),
+              name: x(f),
               size: 16
-            }, null, 8, ["class", "name"])) : C("", !0),
+            }, null, 8, ["class", "name"])) : z("", !0),
             v("input", {
-              id: t.id,
+              id: e.id,
               ref_key: "inputRef",
-              ref: s,
-              disabled: t.disabled,
-              placeholder: t.placeholder,
-              type: l.value,
+              ref: l,
+              disabled: e.disabled,
+              placeholder: e.placeholder,
+              type: s.value,
               value: o.value,
-              onBlur: w,
+              onBlur: $,
               onFocus: b,
-              onInput: N
-            }, null, 40, Yt),
-            x(c) ? (d(), A(E, {
+              onInput: j
+            }, null, 40, Wt),
+            x(r) ? (p(), L(B, {
               key: 1,
-              class: k(x(f)),
-              color: t.iconColor,
-              name: `${x(c)}`,
+              class: k(x(d)),
+              color: e.iconColor,
+              name: `${x(r)}`,
               size: 16,
-              onClick: T
-            }, null, 8, ["class", "color", "name"])) : C("", !0)
+              onClick: M
+            }, null, 8, ["class", "color", "name"])) : z("", !0)
           ], 2),
-          v("div", Ft, z(t.errorMsg), 1),
-          t.errorMsg ? C("", !0) : (d(), m("div", Wt, z(t.hint), 1))
+          v("div", Pt, C(e.errorMsg), 1),
+          e.errorMsg ? z("", !0) : (p(), _("div", Ft, C(e.hint), 1))
         ])
       ])
     ]));
   }
 });
-function oe(e) {
-  return e.split("-")[0];
+function te(t) {
+  return t.split("-")[0];
 }
-function pe(e) {
-  return e.split("-")[1];
+function de(t) {
+  return t.split("-")[1];
 }
-function se(e) {
-  return ["top", "bottom"].includes(oe(e)) ? "x" : "y";
+function ne(t) {
+  return ["top", "bottom"].includes(te(t)) ? "x" : "y";
 }
-function ve(e) {
-  return e === "y" ? "height" : "width";
+function _e(t) {
+  return t === "y" ? "height" : "width";
 }
-function $e(e, n, t) {
-  let {
-    reference: s,
-    floating: o
-  } = e;
-  const l = s.x + s.width / 2 - o.width / 2, i = s.y + s.height / 2 - o.height / 2, a = se(n), r = ve(a), u = s[r] / 2 - o[r] / 2, y = oe(n), f = a === "x";
-  let g;
-  switch (y) {
+function ke(t, n, e) {
+  let { reference: l, floating: o } = t;
+  const s = l.x + l.width / 2 - o.width / 2, i = l.y + l.height / 2 - o.height / 2, a = ne(n), c = _e(a), u = l[c] / 2 - o[c] / 2, m = a === "x";
+  let d;
+  switch (te(n)) {
     case "top":
-      g = {
-        x: l,
-        y: s.y - o.height
-      };
+      d = { x: s, y: l.y - o.height };
       break;
     case "bottom":
-      g = {
-        x: l,
-        y: s.y + s.height
-      };
+      d = { x: s, y: l.y + l.height };
       break;
     case "right":
-      g = {
-        x: s.x + s.width,
-        y: i
-      };
+      d = { x: l.x + l.width, y: i };
       break;
     case "left":
-      g = {
-        x: s.x - o.width,
-        y: i
-      };
+      d = { x: l.x - o.width, y: i };
       break;
     default:
-      g = {
-        x: s.x,
-        y: s.y
-      };
+      d = { x: l.x, y: l.y };
   }
-  switch (pe(n)) {
+  switch (de(n)) {
     case "start":
-      g[a] -= u * (t && f ? -1 : 1);
+      d[a] -= u * (e && m ? -1 : 1);
       break;
     case "end":
-      g[a] += u * (t && f ? -1 : 1);
-      break;
+      d[a] += u * (e && m ? -1 : 1);
   }
-  return g;
+  return d;
 }
-const Ut = async (e, n, t) => {
-  const {
-    placement: s = "bottom",
-    strategy: o = "absolute",
-    middleware: l = [],
-    platform: i
-  } = t, a = l.filter(Boolean), r = await (i.isRTL == null ? void 0 : i.isRTL(n));
-  if (process.env.NODE_ENV !== "production") {
-    if (i == null && console.error(["Floating UI: `platform` property was not passed to config. If you", "want to use Floating UI on the web, install @floating-ui/dom", "instead of the /core package. Otherwise, you can create your own", "`platform`: https://floating-ui.com/docs/platform"].join(" ")), a.filter((h) => {
-      let {
-        name: c
-      } = h;
-      return c === "autoPlacement" || c === "flip";
-    }).length > 1)
-      throw new Error(["Floating UI: duplicate `flip` and/or `autoPlacement` middleware", "detected. This will lead to an infinite loop. Ensure only one of", "either has been passed to the `middleware` array."].join(" "));
-    (!e || !n) && console.error(["Floating UI: The reference and/or floating element was not defined", "when `computePosition()` was called. Ensure that both elements have", "been created and can be measured."].join(" "));
+const Ut = async (t, n, e) => {
+  const { placement: l = "bottom", strategy: o = "absolute", middleware: s = [], platform: i } = e, a = s.filter(Boolean), c = await (i.isRTL == null ? void 0 : i.isRTL(n));
+  let u = await i.getElementRects({ reference: t, floating: n, strategy: o }), { x: m, y: d } = ke(u, l, c), y = l, g = {}, h = 0;
+  for (let f = 0; f < a.length; f++) {
+    const { name: r, fn: b } = a[f], { x: $, y: M, data: A, reset: j } = await b({ x: m, y: d, initialPlacement: l, placement: y, strategy: o, middlewareData: g, rects: u, platform: i, elements: { reference: t, floating: n } });
+    m = $ ?? m, d = M ?? d, g = { ...g, [r]: { ...g[r], ...A } }, j && h <= 50 && (h++, typeof j == "object" && (j.placement && (y = j.placement), j.rects && (u = j.rects === !0 ? await i.getElementRects({ reference: t, floating: n, strategy: o }) : j.rects), { x: m, y: d } = ke(u, y, c)), f = -1);
   }
-  let u = await i.getElementRects({
-    reference: e,
-    floating: n,
-    strategy: o
-  }), {
-    x: y,
-    y: f
-  } = $e(u, s, r), g = s, _ = {}, p = 0;
-  for (let h = 0; h < a.length; h++) {
-    const {
-      name: c,
-      fn: b
-    } = a[h], {
-      x: w,
-      y: T,
-      data: I,
-      reset: N
-    } = await b({
-      x: y,
-      y: f,
-      initialPlacement: s,
-      placement: g,
-      strategy: o,
-      middlewareData: _,
-      rects: u,
-      platform: i,
-      elements: {
-        reference: e,
-        floating: n
-      }
-    });
-    if (y = w != null ? w : y, f = T != null ? T : f, _ = {
-      ..._,
-      [c]: {
-        ..._[c],
-        ...I
-      }
-    }, process.env.NODE_ENV !== "production" && p > 50 && console.warn(["Floating UI: The middleware lifecycle appears to be running in an", "infinite loop. This is usually caused by a `reset` continually", "being returned without a break condition."].join(" ")), N && p <= 50) {
-      p++, typeof N == "object" && (N.placement && (g = N.placement), N.rects && (u = N.rects === !0 ? await i.getElementRects({
-        reference: e,
-        floating: n,
-        strategy: o
-      }) : N.rects), {
-        x: y,
-        y: f
-      } = $e(u, g, r)), h = -1;
-      continue;
-    }
-  }
-  return {
-    x: y,
-    y: f,
-    placement: g,
-    strategy: o,
-    middlewareData: _
-  };
+  return { x: m, y: d, placement: y, strategy: o, middlewareData: g };
 };
-function Xt(e) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...e
-  };
-}
-function Ee(e) {
-  return typeof e != "number" ? Xt(e) : {
-    top: e,
-    right: e,
-    bottom: e,
-    left: e
-  };
+function Re(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 ce(e) {
-  return {
-    ...e,
-    top: e.y,
-    left: e.x,
-    right: e.x + e.width,
-    bottom: e.y + e.height
-  };
+function ae(t) {
+  return { ...t, top: t.y, left: t.x, right: t.x + t.width, bottom: t.y + t.height };
 }
-async function de(e, n) {
-  var t;
+async function ie(t, n) {
+  var e;
   n === void 0 && (n = {});
-  const {
-    x: s,
-    y: o,
-    platform: l,
-    rects: i,
-    elements: a,
-    strategy: r
-  } = e, {
-    boundary: u = "clippingAncestors",
-    rootBoundary: y = "viewport",
-    elementContext: f = "floating",
-    altBoundary: g = !1,
-    padding: _ = 0
-  } = n, p = Ee(_), c = a[g ? f === "floating" ? "reference" : "floating" : f], b = ce(await l.getClippingRect({
-    element: (t = await (l.isElement == null ? void 0 : l.isElement(c))) == null || t ? c : c.contextElement || await (l.getDocumentElement == null ? void 0 : l.getDocumentElement(a.floating)),
-    boundary: u,
-    rootBoundary: y,
-    strategy: r
-  })), w = ce(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
-    rect: f === "floating" ? {
-      ...i.floating,
-      x: s,
-      y: o
-    } : i.reference,
-    offsetParent: await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(a.floating)),
-    strategy: r
-  }) : i[f]);
-  return {
-    top: b.top - w.top + p.top,
-    bottom: w.bottom - b.bottom + p.bottom,
-    left: b.left - w.left + p.left,
-    right: w.right - b.right + p.right
-  };
+  const { x: l, y: o, platform: s, rects: i, elements: a, strategy: c } = t, { boundary: u = "clippingAncestors", rootBoundary: m = "viewport", elementContext: d = "floating", altBoundary: y = !1, padding: g = 0 } = n, h = Re(g), f = a[y ? d === "floating" ? "reference" : "floating" : d], r = ae(await s.getClippingRect({ element: (e = await (s.isElement == null ? void 0 : s.isElement(f))) == null || e ? f : f.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(a.floating)), boundary: u, rootBoundary: m, strategy: c })), b = ae(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({ rect: d === "floating" ? { ...i.floating, x: l, y: o } : i.reference, offsetParent: await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(a.floating)), strategy: c }) : i[d]);
+  return { top: r.top - b.top + h.top, bottom: b.bottom - r.bottom + h.bottom, left: r.left - b.left + h.left, right: b.right - r.right + h.right };
 }
 const Zt = Math.min, Qt = Math.max;
-function _e(e, n, t) {
-  return Qt(e, Zt(n, t));
+function he(t, n, e) {
+  return Qt(t, Zt(n, e));
 }
-const Kt = (e) => ({
-  name: "arrow",
-  options: e,
-  async fn(n) {
-    const {
-      element: t,
-      padding: s = 0
-    } = e != null ? e : {}, {
-      x: o,
-      y: l,
-      placement: i,
-      rects: a,
-      platform: r
-    } = n;
-    if (t == null)
-      return process.env.NODE_ENV !== "production" && console.warn("Floating UI: No `element` was passed to the `arrow` middleware."), {};
-    const u = Ee(s), y = {
-      x: o,
-      y: l
-    }, f = se(i), g = pe(i), _ = ve(f), p = await r.getDimensions(t), h = f === "y" ? "top" : "left", c = f === "y" ? "bottom" : "right", b = a.reference[_] + a.reference[f] - y[f] - a.floating[_], w = y[f] - a.reference[f], T = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(t));
-    let I = T ? f === "y" ? T.clientHeight || 0 : T.clientWidth || 0 : 0;
-    I === 0 && (I = a.floating[_]);
-    const N = b / 2 - w / 2, M = u[h], L = I - p[_] - u[c], V = I / 2 - p[_] / 2 + N, D = _e(M, V, L), le = (g === "start" ? u[h] : u[c]) > 0 && V !== D && a.reference[_] <= a.floating[_] ? V < M ? M - V : L - V : 0;
-    return {
-      [f]: y[f] - le,
-      data: {
-        [f]: D,
-        centerOffset: V - D
-      }
-    };
-  }
-}), Gt = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-};
-function ue(e) {
-  return e.replace(/left|right|bottom|top/g, (n) => Gt[n]);
-}
-function Jt(e, n, t) {
-  t === void 0 && (t = !1);
-  const s = pe(e), o = se(e), l = ve(o);
-  let i = o === "x" ? s === (t ? "end" : "start") ? "right" : "left" : s === "start" ? "bottom" : "top";
-  return n.reference[l] > n.floating[l] && (i = ue(i)), {
-    main: i,
-    cross: ue(i)
-  };
+const Xt = (t) => ({ name: "arrow", options: t, async fn(n) {
+  const { element: e, padding: l = 0 } = t ?? {}, { x: o, y: s, placement: i, rects: a, platform: c } = n;
+  if (e == null)
+    return {};
+  const u = Re(l), m = { x: o, y: s }, d = ne(i), y = de(i), g = _e(d), h = await c.getDimensions(e), f = d === "y" ? "top" : "left", r = d === "y" ? "bottom" : "right", b = a.reference[g] + a.reference[d] - m[d] - a.floating[g], $ = m[d] - a.reference[d], M = await (c.getOffsetParent == null ? void 0 : c.getOffsetParent(e));
+  let A = M ? d === "y" ? M.clientHeight || 0 : M.clientWidth || 0 : 0;
+  A === 0 && (A = a.floating[g]);
+  const j = b / 2 - $ / 2, T = u[f], R = A - h[g] - u[r], I = A / 2 - h[g] / 2 + j, D = he(T, I, R), Q = (y === "start" ? u[f] : u[r]) > 0 && I !== D && a.reference[g] <= a.floating[g];
+  return { [d]: m[d] - (Q ? I < T ? T - I : R - I : 0), data: { [d]: D, centerOffset: I - D } };
+} }), Kt = { left: "right", right: "left", bottom: "top", top: "bottom" };
+function re(t) {
+  return t.replace(/left|right|bottom|top/g, (n) => Kt[n]);
 }
-const qt = {
-  start: "end",
-  end: "start"
-};
-function Me(e) {
-  return e.replace(/start|end/g, (n) => qt[n]);
+function Gt(t, n, e) {
+  e === void 0 && (e = !1);
+  const l = de(t), o = ne(t), s = _e(o);
+  let i = o === "x" ? l === (e ? "end" : "start") ? "right" : "left" : l === "start" ? "bottom" : "top";
+  return n.reference[s] > n.floating[s] && (i = re(i)), { main: i, cross: re(i) };
 }
-const en = ["top", "right", "bottom", "left"];
-function tn(e) {
-  const n = ue(e);
-  return [Me(e), n, Me(n)];
+const Jt = { start: "end", end: "start" };
+function we(t) {
+  return t.replace(/start|end/g, (n) => Jt[n]);
 }
-const nn = function(e) {
-  return e === void 0 && (e = {}), {
-    name: "flip",
-    options: e,
-    async fn(n) {
-      var t;
-      const {
-        placement: s,
-        middlewareData: o,
-        rects: l,
-        initialPlacement: i,
-        platform: a,
-        elements: r
-      } = n, {
-        mainAxis: u = !0,
-        crossAxis: y = !0,
-        fallbackPlacements: f,
-        fallbackStrategy: g = "bestFit",
-        flipAlignment: _ = !0,
-        ...p
-      } = e, h = oe(s), b = f || (h === i || !_ ? [ue(i)] : tn(i)), w = [i, ...b], T = await de(n, p), I = [];
-      let N = ((t = o.flip) == null ? void 0 : t.overflows) || [];
-      if (u && I.push(T[h]), y) {
-        const {
-          main: D,
-          cross: G
-        } = Jt(s, l, await (a.isRTL == null ? void 0 : a.isRTL(r.floating)));
-        I.push(T[D], T[G]);
-      }
-      if (N = [...N, {
-        placement: s,
-        overflows: I
-      }], !I.every((D) => D <= 0)) {
-        var M, L;
-        const D = ((M = (L = o.flip) == null ? void 0 : L.index) != null ? M : 0) + 1, G = w[D];
-        if (G)
-          return {
-            data: {
-              index: D,
-              overflows: N
-            },
-            reset: {
-              placement: G
-            }
-          };
-        let J = "bottom";
-        switch (g) {
-          case "bestFit": {
-            var V;
-            const le = (V = N.map((ie) => [ie, ie.overflows.filter((q) => q > 0).reduce((q, Pe) => q + Pe, 0)]).sort((ie, q) => ie[1] - q[1])[0]) == null ? void 0 : V[0].placement;
-            le && (J = le);
-            break;
-          }
-          case "initialPlacement":
-            J = i;
-            break;
+const Ne = ["top", "right", "bottom", "left"];
+Ne.reduce((t, n) => t.concat(n, n + "-start", n + "-end"), []);
+const qt = function(t) {
+  return t === void 0 && (t = {}), { name: "flip", options: t, async fn(n) {
+    var e;
+    const { placement: l, middlewareData: o, rects: s, initialPlacement: i, platform: a, elements: c } = n, { mainAxis: u = !0, crossAxis: m = !0, fallbackPlacements: d, fallbackStrategy: y = "bestFit", flipAlignment: g = !0, ...h } = t, f = te(l), r = d || (f === i || !g ? [re(i)] : function(I) {
+      const D = re(I);
+      return [we(I), D, we(D)];
+    }(i)), b = [i, ...r], $ = await ie(n, h), M = [];
+    let A = ((e = o.flip) == null ? void 0 : e.overflows) || [];
+    if (u && M.push($[f]), m) {
+      const { main: I, cross: D } = Gt(l, s, await (a.isRTL == null ? void 0 : a.isRTL(c.floating)));
+      M.push($[I], $[D]);
+    }
+    if (A = [...A, { placement: l, overflows: M }], !M.every((I) => I <= 0)) {
+      var j, T;
+      const I = ((j = (T = o.flip) == null ? void 0 : T.index) != null ? j : 0) + 1, D = b[I];
+      if (D)
+        return { data: { index: I, overflows: A }, reset: { placement: D } };
+      let Q = "bottom";
+      switch (y) {
+        case "bestFit": {
+          var R;
+          const ve = (R = A.map((oe) => [oe, oe.overflows.filter((G) => G > 0).reduce((G, Se) => G + Se, 0)]).sort((oe, G) => oe[1] - G[1])[0]) == null ? void 0 : R[0].placement;
+          ve && (Q = ve);
+          break;
         }
-        if (s !== J)
-          return {
-            reset: {
-              placement: J
-            }
-          };
+        case "initialPlacement":
+          Q = i;
       }
-      return {};
+      if (l !== Q)
+        return { reset: { placement: Q } };
     }
-  };
+    return {};
+  } };
 };
-function Ce(e, n) {
-  return {
-    top: e.top - n.height,
-    right: e.right - n.width,
-    bottom: e.bottom - n.height,
-    left: e.left - n.width
-  };
+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 Te(e) {
-  return en.some((n) => e[n] >= 0);
+function Me(t) {
+  return Ne.some((n) => t[n] >= 0);
 }
-const on = function(e) {
-  let {
-    strategy: n = "referenceHidden",
-    ...t
-  } = e === void 0 ? {} : e;
-  return {
-    name: "hide",
-    async fn(s) {
-      const {
-        rects: o
-      } = s;
-      switch (n) {
-        case "referenceHidden": {
-          const l = await de(s, {
-            ...t,
-            elementContext: "reference"
-          }), i = Ce(l, o.reference);
-          return {
-            data: {
-              referenceHiddenOffsets: i,
-              referenceHidden: Te(i)
-            }
-          };
-        }
-        case "escaped": {
-          const l = await de(s, {
-            ...t,
-            altBoundary: !0
-          }), i = Ce(l, o.floating);
-          return {
-            data: {
-              escapedOffsets: i,
-              escaped: Te(i)
-            }
-          };
-        }
-        default:
-          return {};
+const en = function(t) {
+  let { strategy: n = "referenceHidden", ...e } = t === void 0 ? {} : t;
+  return { name: "hide", async fn(l) {
+    const { rects: o } = l;
+    switch (n) {
+      case "referenceHidden": {
+        const s = $e(await ie(l, { ...e, elementContext: "reference" }), o.reference);
+        return { data: { referenceHiddenOffsets: s, referenceHidden: Me(s) } };
       }
+      case "escaped": {
+        const s = $e(await ie(l, { ...e, altBoundary: !0 }), o.floating);
+        return { data: { escapedOffsets: s, escaped: Me(s) } };
+      }
+      default:
+        return {};
     }
-  };
+  } };
+}, tn = function(t) {
+  return t === void 0 && (t = 0), { name: "offset", options: t, async fn(n) {
+    const { x: e, y: l } = n, o = await async function(s, i) {
+      const { placement: a, platform: c, elements: u } = s, m = await (c.isRTL == null ? void 0 : c.isRTL(u.floating)), d = te(a), y = de(a), g = ne(a) === "x", h = ["left", "top"].includes(d) ? -1 : 1, f = m && g ? -1 : 1, r = typeof i == "function" ? i(s) : i;
+      let { mainAxis: b, crossAxis: $, alignmentAxis: M } = typeof r == "number" ? { mainAxis: r, crossAxis: 0, alignmentAxis: null } : { mainAxis: 0, crossAxis: 0, alignmentAxis: null, ...r };
+      return y && typeof M == "number" && ($ = y === "end" ? -1 * M : M), g ? { x: $ * f, y: b * h } : { x: b * h, y: $ * f };
+    }(n, t);
+    return { x: e + o.x, y: l + o.y, data: o };
+  } };
 };
-async function sn(e, n) {
-  const {
-    placement: t,
-    platform: s,
-    elements: o
-  } = e, l = await (s.isRTL == null ? void 0 : s.isRTL(o.floating)), i = oe(t), a = pe(t), r = se(t) === "x", u = ["left", "top"].includes(i) ? -1 : 1, y = l && r ? -1 : 1, f = typeof n == "function" ? n(e) : n;
-  let {
-    mainAxis: g,
-    crossAxis: _,
-    alignmentAxis: p
-  } = typeof f == "number" ? {
-    mainAxis: f,
-    crossAxis: 0,
-    alignmentAxis: null
-  } : {
-    mainAxis: 0,
-    crossAxis: 0,
-    alignmentAxis: null,
-    ...f
-  };
-  return a && typeof p == "number" && (_ = a === "end" ? p * -1 : p), r ? {
-    x: _ * y,
-    y: g * u
-  } : {
-    x: g * u,
-    y: _ * y
-  };
+function nn(t) {
+  return t === "x" ? "y" : "x";
 }
-const ln = function(e) {
-  return e === void 0 && (e = 0), {
-    name: "offset",
-    options: e,
-    async fn(n) {
-      const {
-        x: t,
-        y: s
-      } = n, o = await sn(n, e);
-      return {
-        x: t + o.x,
-        y: s + o.y,
-        data: o
-      };
+const on = function(t) {
+  return t === void 0 && (t = {}), { name: "shift", options: t, async fn(n) {
+    const { x: e, y: l, placement: o } = n, { mainAxis: s = !0, crossAxis: i = !1, limiter: a = { fn: (r) => {
+      let { x: b, y: $ } = r;
+      return { x: b, y: $ };
+    } }, ...c } = t, u = { x: e, y: l }, m = await ie(n, c), d = ne(te(o)), y = nn(d);
+    let g = u[d], h = u[y];
+    if (s) {
+      const r = d === "y" ? "bottom" : "right";
+      g = he(g + m[d === "y" ? "top" : "left"], g, g - m[r]);
     }
-  };
-};
-function an(e) {
-  return e === "x" ? "y" : "x";
-}
-const rn = function(e) {
-  return e === void 0 && (e = {}), {
-    name: "shift",
-    options: e,
-    async fn(n) {
-      const {
-        x: t,
-        y: s,
-        placement: o
-      } = n, {
-        mainAxis: l = !0,
-        crossAxis: i = !1,
-        limiter: a = {
-          fn: (c) => {
-            let {
-              x: b,
-              y: w
-            } = c;
-            return {
-              x: b,
-              y: w
-            };
-          }
-        },
-        ...r
-      } = e, u = {
-        x: t,
-        y: s
-      }, y = await de(n, r), f = se(oe(o)), g = an(f);
-      let _ = u[f], p = u[g];
-      if (l) {
-        const c = f === "y" ? "top" : "left", b = f === "y" ? "bottom" : "right", w = _ + y[c], T = _ - y[b];
-        _ = _e(w, _, T);
-      }
-      if (i) {
-        const c = g === "y" ? "top" : "left", b = g === "y" ? "bottom" : "right", w = p + y[c], T = p - y[b];
-        p = _e(w, p, T);
-      }
-      const h = a.fn({
-        ...n,
-        [f]: _,
-        [g]: p
-      });
-      return {
-        ...h,
-        data: {
-          x: h.x - t,
-          y: h.y - s
-        }
-      };
+    if (i) {
+      const r = y === "y" ? "bottom" : "right";
+      h = he(h + m[y === "y" ? "top" : "left"], h, h - m[r]);
     }
-  };
+    const f = a.fn({ ...n, [d]: g, [y]: h });
+    return { ...f, data: { x: f.x - e, y: f.y - l } };
+  } };
 };
-function De(e) {
-  return e && e.document && e.location && e.alert && e.setInterval;
+function De(t) {
+  return t && t.document && t.location && t.alert && t.setInterval;
 }
-function P(e) {
-  if (e == null)
+function S(t) {
+  if (t == null)
     return window;
-  if (!De(e)) {
-    const n = e.ownerDocument;
+  if (!De(t)) {
+    const n = t.ownerDocument;
     return n && n.defaultView || window;
   }
-  return e;
+  return t;
 }
-function R(e) {
-  return P(e).getComputedStyle(e);
+function V(t) {
+  return S(t).getComputedStyle(t);
 }
-function W(e) {
-  return De(e) ? "" : e ? (e.nodeName || "").toLowerCase() : "";
+function U(t) {
+  return De(t) ? "" : t ? (t.nodeName || "").toLowerCase() : "";
 }
 function Be() {
-  const e = navigator.userAgentData;
-  return e && Array.isArray(e.brands) ? e.brands.map((n) => n.brand + "/" + n.version).join(" ") : navigator.userAgent;
+  const t = navigator.userAgentData;
+  return t && Array.isArray(t.brands) ? t.brands.map((n) => n.brand + "/" + n.version).join(" ") : navigator.userAgent;
 }
-function S(e) {
-  return e instanceof P(e).HTMLElement;
+function H(t) {
+  return t instanceof S(t).HTMLElement;
 }
-function K(e) {
-  return e instanceof P(e).Element;
+function K(t) {
+  return t instanceof S(t).Element;
 }
-function cn(e) {
-  return e instanceof P(e).Node;
+function Te(t) {
+  return typeof ShadowRoot > "u" ? !1 : t instanceof S(t).ShadowRoot || t instanceof ShadowRoot;
 }
-function ze(e) {
-  if (typeof ShadowRoot > "u")
-    return !1;
-  const n = P(e).ShadowRoot;
-  return e instanceof n || e instanceof ShadowRoot;
+function ue(t) {
+  const { overflow: n, overflowX: e, overflowY: l, display: o } = V(t);
+  return /auto|scroll|overlay|hidden/.test(n + l + e) && !["inline", "contents"].includes(o);
 }
-function he(e) {
-  const {
-    overflow: n,
-    overflowX: t,
-    overflowY: s,
-    display: o
-  } = R(e);
-  return /auto|scroll|overlay|hidden/.test(n + s + t) && !["inline", "contents"].includes(o);
+function ln(t) {
+  return ["table", "td", "th"].includes(U(t));
 }
-function dn(e) {
-  return ["table", "td", "th"].includes(W(e));
-}
-function ye(e) {
-  const n = /firefox/i.test(Be()), t = R(e), s = t.backdropFilter || t.WebkitBackdropFilter;
-  return t.transform !== "none" || t.perspective !== "none" || (s ? s !== "none" : !1) || n && t.willChange === "filter" || n && (t.filter ? t.filter !== "none" : !1) || ["transform", "perspective"].some((o) => t.willChange.includes(o)) || ["paint", "layout", "strict", "content"].some(
-    (o) => {
-      const l = t.contain;
-      return l != null ? l.includes(o) : !1;
-    }
-  );
+function me(t) {
+  const n = /firefox/i.test(Be()), e = V(t), l = e.backdropFilter || e.WebkitBackdropFilter;
+  return e.transform !== "none" || e.perspective !== "none" || !!l && l !== "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(Be());
 }
-function xe(e) {
-  return ["html", "body", "#document"].includes(W(e));
-}
-const Ae = Math.min, ee = Math.max, fe = Math.round;
-function X(e, n, t) {
-  var s, o, l, i;
-  n === void 0 && (n = !1), t === void 0 && (t = !1);
-  const a = e.getBoundingClientRect();
-  let r = 1, u = 1;
-  n && S(e) && (r = e.offsetWidth > 0 && fe(a.width) / e.offsetWidth || 1, u = e.offsetHeight > 0 && fe(a.height) / e.offsetHeight || 1);
-  const y = K(e) ? P(e) : window, f = !je() && t, g = (a.left + (f && (s = (o = y.visualViewport) == null ? void 0 : o.offsetLeft) != null ? s : 0)) / r, _ = (a.top + (f && (l = (i = y.visualViewport) == null ? void 0 : i.offsetTop) != null ? l : 0)) / u, p = a.width / r, h = a.height / u;
-  return {
-    width: p,
-    height: h,
-    top: _,
-    right: g + p,
-    bottom: _ + h,
-    left: g,
-    x: g,
-    y: _
-  };
+function be(t) {
+  return ["html", "body", "#document"].includes(U(t));
 }
-function U(e) {
-  return ((cn(e) ? e.ownerDocument : e.document) || window.document).documentElement;
+const ze = Math.min, J = Math.max, ce = Math.round;
+function Z(t, n, e) {
+  var l, o, s, i;
+  n === void 0 && (n = !1), e === void 0 && (e = !1);
+  const a = t.getBoundingClientRect();
+  let c = 1, u = 1;
+  n && H(t) && (c = t.offsetWidth > 0 && ce(a.width) / t.offsetWidth || 1, u = t.offsetHeight > 0 && ce(a.height) / t.offsetHeight || 1);
+  const m = K(t) ? S(t) : window, d = !je() && e, y = (a.left + (d && (l = (o = m.visualViewport) == null ? void 0 : o.offsetLeft) != null ? l : 0)) / c, g = (a.top + (d && (s = (i = m.visualViewport) == null ? void 0 : i.offsetTop) != null ? s : 0)) / u, h = a.width / c, f = a.height / u;
+  return { width: h, height: f, top: g, right: y + h, bottom: g + f, left: y, x: y, y: g };
 }
-function me(e) {
-  return K(e) ? {
-    scrollLeft: e.scrollLeft,
-    scrollTop: e.scrollTop
-  } : {
-    scrollLeft: e.pageXOffset,
-    scrollTop: e.pageYOffset
-  };
+function P(t) {
+  return (n = t, (n instanceof S(n).Node ? t.ownerDocument : t.document) || window.document).documentElement;
+  var n;
 }
-function Ve(e) {
-  return X(U(e)).left + me(e).scrollLeft;
+function fe(t) {
+  return K(t) ? { scrollLeft: t.scrollLeft, scrollTop: t.scrollTop } : { scrollLeft: t.pageXOffset, scrollTop: t.pageYOffset };
 }
-function un(e) {
-  const n = X(e);
-  return fe(n.width) !== e.offsetWidth || fe(n.height) !== e.offsetHeight;
+function Ee(t) {
+  return Z(P(t)).left + fe(t).scrollLeft;
 }
-function fn(e, n, t) {
-  const s = S(n), o = U(n), l = X(
-    e,
-    s && un(n),
-    t === "fixed"
-  );
-  let i = {
-    scrollLeft: 0,
-    scrollTop: 0
-  };
-  const a = {
-    x: 0,
-    y: 0
-  };
-  if (s || !s && t !== "fixed")
-    if ((W(n) !== "body" || he(o)) && (i = me(n)), S(n)) {
-      const r = X(n, !0);
-      a.x = r.x + n.clientLeft, a.y = r.y + n.clientTop;
+function sn(t, n, e) {
+  const l = H(n), o = P(n), s = Z(t, l && function(c) {
+    const u = Z(c);
+    return ce(u.width) !== c.offsetWidth || ce(u.height) !== c.offsetHeight;
+  }(n), e === "fixed");
+  let i = { scrollLeft: 0, scrollTop: 0 };
+  const a = { x: 0, y: 0 };
+  if (l || !l && e !== "fixed")
+    if ((U(n) !== "body" || ue(o)) && (i = fe(n)), H(n)) {
+      const c = Z(n, !0);
+      a.x = c.x + n.clientLeft, a.y = c.y + n.clientTop;
     } else
-      o && (a.x = Ve(o));
-  return {
-    x: l.left + i.scrollLeft - a.x,
-    y: l.top + i.scrollTop - a.y,
-    width: l.width,
-    height: l.height
-  };
-}
-function te(e) {
-  if (W(e) === "html")
-    return e;
-  const n = e.assignedSlot || e.parentNode || (ze(e) ? e.host : null) || U(e);
-  return ze(n) ? n.host : n;
+      o && (a.x = Ee(o));
+  return { x: s.left + i.scrollLeft - a.x, y: s.top + i.scrollTop - a.y, width: s.width, height: s.height };
 }
-function Ie(e) {
-  return !S(e) || R(e).position === "fixed" ? null : e.offsetParent;
+function q(t) {
+  if (U(t) === "html")
+    return t;
+  const n = t.assignedSlot || t.parentNode || (Te(t) ? t.host : null) || P(t);
+  return Te(n) ? n.host : n;
 }
-function pn(e) {
-  let n = te(e);
-  for (; S(n) && !xe(n); ) {
-    if (ye(n))
-      return n;
-    n = te(n);
-  }
-  return null;
-}
-function Ne(e) {
-  const n = P(e);
-  let t = Ie(e);
-  for (; t && dn(t) && R(t).position === "static"; )
-    t = Ie(t);
-  return t && (W(t) === "html" || W(t) === "body" && R(t).position === "static" && !ye(t)) ? n : t || pn(e) || n;
-}
-function hn(e) {
-  if (S(e))
-    return {
-      width: e.offsetWidth,
-      height: e.offsetHeight
-    };
-  const n = X(e);
-  return {
-    width: n.width,
-    height: n.height
-  };
-}
-function mn(e) {
-  let {
-    rect: n,
-    offsetParent: t,
-    strategy: s
-  } = e;
-  const o = S(t), l = U(t);
-  if (t === l)
-    return n;
-  let i = {
-    scrollLeft: 0,
-    scrollTop: 0
-  };
-  const a = {
-    x: 0,
-    y: 0
-  };
-  if ((o || !o && s !== "fixed") && ((W(t) !== "body" || he(l)) && (i = me(t)), S(t))) {
-    const r = X(t, !0);
-    a.x = r.x + t.clientLeft, a.y = r.y + t.clientTop;
-  }
-  return {
-    ...n,
-    x: n.x - i.scrollLeft + a.x,
-    y: n.y - i.scrollTop + a.y
-  };
-}
-function gn(e, n) {
-  const t = P(e), s = U(e), o = t.visualViewport;
-  let l = s.clientWidth, i = s.clientHeight, a = 0, r = 0;
-  if (o) {
-    l = o.width, i = o.height;
-    const u = je();
-    (u || !u && n === "fixed") && (a = o.offsetLeft, r = o.offsetTop);
-  }
-  return {
-    width: l,
-    height: i,
-    x: a,
-    y: r
-  };
+function Ce(t) {
+  return H(t) && V(t).position !== "fixed" ? t.offsetParent : null;
 }
-function _n(e) {
-  var n;
-  const t = U(e), s = me(e), o = (n = e.ownerDocument) == null ? void 0 : n.body, l = ee(t.scrollWidth, t.clientWidth, o ? o.scrollWidth : 0, o ? o.clientWidth : 0), i = ee(t.scrollHeight, t.clientHeight, o ? o.scrollHeight : 0, o ? o.clientHeight : 0);
-  let a = -s.scrollLeft + Ve(e);
-  const r = -s.scrollTop;
-  return R(o || t).direction === "rtl" && (a += ee(t.clientWidth, o ? o.clientWidth : 0) - l), {
-    width: l,
-    height: i,
-    x: a,
-    y: r
-  };
+function Ie(t) {
+  const n = S(t);
+  let e = Ce(t);
+  for (; e && ln(e) && V(e).position === "static"; )
+    e = Ce(e);
+  return e && (U(e) === "html" || U(e) === "body" && V(e).position === "static" && !me(e)) ? n : e || function(l) {
+    let o = q(l);
+    for (; H(o) && !be(o); ) {
+      if (me(o))
+        return o;
+      o = q(o);
+    }
+    return null;
+  }(t) || n;
 }
-function Re(e) {
-  const n = te(e);
-  return xe(n) ? e.ownerDocument.body : S(n) && he(n) ? n : Re(n);
+function Oe(t) {
+  const n = q(t);
+  return be(n) ? t.ownerDocument.body : H(n) && ue(n) ? n : Oe(n);
 }
-function Se(e, n) {
-  var t;
+function Ve(t, n) {
+  var e;
   n === void 0 && (n = []);
-  const s = Re(e), o = s === ((t = e.ownerDocument) == null ? void 0 : t.body), l = P(s), i = o ? [l].concat(l.visualViewport || [], he(s) ? s : []) : s, a = n.concat(i);
-  return o ? a : a.concat(Se(i));
-}
-function bn(e, n) {
-  const t = X(e, !1, n === "fixed"), s = t.top + e.clientTop, o = t.left + e.clientLeft;
-  return {
-    top: s,
-    left: o,
-    x: o,
-    y: s,
-    right: o + e.clientWidth,
-    bottom: s + e.clientHeight,
-    width: e.clientWidth,
-    height: e.clientHeight
-  };
+  const l = Oe(t), o = l === ((e = t.ownerDocument) == null ? void 0 : e.body), s = S(l), i = o ? [s].concat(s.visualViewport || [], ue(l) ? l : []) : l, a = n.concat(i);
+  return o ? a : a.concat(Ve(i));
 }
-function Le(e, n, t) {
-  return n === "viewport" ? ce(gn(e, t)) : K(n) ? bn(n, t) : ce(_n(U(e)));
-}
-function vn(e) {
-  let n = Se(e).filter((l) => K(l) && W(l) !== "body"), t = null;
-  const s = R(e).position === "fixed";
-  let o = s ? te(e) : e;
-  for (; K(o) && !xe(o); ) {
-    const l = R(o), i = ye(o);
-    (s ? !i && !t : !i && l.position === "static" && !!t && ["absolute", "fixed"].includes(t.position)) ? n = n.filter((r) => r !== o) : t = l, o = te(o);
-  }
-  return n;
+function Le(t, n, e) {
+  return n === "viewport" ? ae(function(l, o) {
+    const s = S(l), i = P(l), a = s.visualViewport;
+    let c = i.clientWidth, u = i.clientHeight, m = 0, d = 0;
+    if (a) {
+      c = a.width, u = a.height;
+      const y = je();
+      (y || !y && o === "fixed") && (m = a.offsetLeft, d = a.offsetTop);
+    }
+    return { width: c, height: u, x: m, y: d };
+  }(t, e)) : K(n) ? function(l, o) {
+    const s = Z(l, !1, o === "fixed"), i = s.top + l.clientTop, a = s.left + l.clientLeft;
+    return { top: i, left: a, x: a, y: i, right: a + l.clientWidth, bottom: i + l.clientHeight, width: l.clientWidth, height: l.clientHeight };
+  }(n, e) : ae(function(l) {
+    var o;
+    const s = P(l), i = fe(l), a = (o = l.ownerDocument) == null ? void 0 : o.body, c = J(s.scrollWidth, s.clientWidth, a ? a.scrollWidth : 0, a ? a.clientWidth : 0), u = J(s.scrollHeight, s.clientHeight, a ? a.scrollHeight : 0, a ? a.clientHeight : 0);
+    let m = -i.scrollLeft + Ee(l);
+    const d = -i.scrollTop;
+    return V(a || s).direction === "rtl" && (m += J(s.clientWidth, a ? a.clientWidth : 0) - c), { width: c, height: u, x: m, y: d };
+  }(P(t)));
 }
-function yn(e) {
-  let {
-    element: n,
-    boundary: t,
-    rootBoundary: s,
-    strategy: o
-  } = e;
-  const i = [...t === "clippingAncestors" ? vn(n) : [].concat(t), s], a = i[0], r = i.reduce((u, y) => {
-    const f = Le(n, y, o);
-    return u.top = ee(f.top, u.top), u.right = Ae(f.right, u.right), u.bottom = Ae(f.bottom, u.bottom), u.left = ee(f.left, u.left), u;
+const an = { getClippingRect: function(t) {
+  let { element: n, boundary: e, rootBoundary: l, strategy: o } = t;
+  const s = e === "clippingAncestors" ? function(u) {
+    let m = Ve(u).filter((h) => K(h) && U(h) !== "body"), d = null;
+    const y = V(u).position === "fixed";
+    let g = y ? q(u) : u;
+    for (; K(g) && !be(g); ) {
+      const h = V(g), f = me(g);
+      (y ? f || d : f || h.position !== "static" || !d || !["absolute", "fixed"].includes(d.position)) ? d = h : m = m.filter((r) => r !== g), g = q(g);
+    }
+    return m;
+  }(n) : [].concat(e), i = [...s, l], a = i[0], c = i.reduce((u, m) => {
+    const d = Le(n, m, o);
+    return u.top = J(d.top, u.top), u.right = ze(d.right, u.right), u.bottom = ze(d.bottom, u.bottom), u.left = J(d.left, u.left), u;
   }, Le(n, a, o));
-  return {
-    width: r.right - r.left,
-    height: r.bottom - r.top,
-    x: r.left,
-    y: r.top
-  };
-}
-const xn = {
-  getClippingRect: yn,
-  convertOffsetParentRelativeRectToViewportRelativeRect: mn,
-  isElement: K,
-  getDimensions: hn,
-  getOffsetParent: Ne,
-  getDocumentElement: U,
-  async getElementRects(e) {
-    let {
-      reference: n,
-      floating: t,
-      strategy: s
-    } = e;
-    const o = this.getOffsetParent || Ne, l = this.getDimensions;
-    return {
-      reference: fn(n, await o(t), s),
-      floating: {
-        x: 0,
-        y: 0,
-        ...await l(t)
-      }
-    };
-  },
-  getClientRects: (e) => Array.from(e.getClientRects()),
-  isRTL: (e) => R(e).direction === "rtl"
-}, wn = (e, n, t) => Ut(e, n, {
-  platform: xn,
-  ...t
-});
-function ge({ value: e }, { value: n }, { value: t }, s, o, l) {
-  !e || !n || wn(e, n, {
-    placement: s,
+  return { width: c.right - c.left, height: c.bottom - c.top, x: c.left, y: c.top };
+}, convertOffsetParentRelativeRectToViewportRelativeRect: function(t) {
+  let { rect: n, offsetParent: e, strategy: l } = t;
+  const o = H(e), s = P(e);
+  if (e === s)
+    return n;
+  let i = { scrollLeft: 0, scrollTop: 0 };
+  const a = { x: 0, y: 0 };
+  if ((o || !o && l !== "fixed") && ((U(e) !== "body" || ue(s)) && (i = fe(e)), H(e))) {
+    const c = Z(e, !0);
+    a.x = c.x + e.clientLeft, a.y = c.y + e.clientTop;
+  }
+  return { ...n, x: n.x - i.scrollLeft + a.x, y: n.y - i.scrollTop + a.y };
+}, isElement: K, getDimensions: function(t) {
+  if (H(t))
+    return { width: t.offsetWidth, height: t.offsetHeight };
+  const n = Z(t);
+  return { width: n.width, height: n.height };
+}, getOffsetParent: Ie, getDocumentElement: P, async getElementRects(t) {
+  let { reference: n, floating: e, strategy: l } = t;
+  const o = this.getOffsetParent || Ie, s = this.getDimensions;
+  return { reference: sn(n, await o(e), l), floating: { x: 0, y: 0, ...await s(e) } };
+}, getClientRects: (t) => Array.from(t.getClientRects()), isRTL: (t) => V(t).direction === "rtl" }, rn = (t, n, e) => Ut(t, n, { platform: an, ...e });
+function pe({ value: t }, { value: n }, { value: e }, l, o, s) {
+  !t || !n || rn(t, n, {
+    placement: l,
     middleware: [
-      ln(o),
-      rn({ padding: l }),
-      Kt({ element: t }),
-      nn(),
-      on()
+      tn(o),
+      on({ padding: s }),
+      Xt({ element: e }),
+      qt(),
+      en()
     ]
-  }).then(({ x: i, y: a, placement: r, middlewareData: u }) => {
+  }).then(({ x: i, y: a, placement: c, middlewareData: u }) => {
     if (Object.assign(n.style, {
       left: `${i}px`,
       top: `${a}px`
-    }), t && u.arrow) {
-      const { x: y, y: f } = u.arrow, g = {
-        top: Z.Bottom,
-        right: Z.Left,
-        bottom: Z.Top,
-        left: Z.Right
-      }[r.split("-")[0]];
-      Object.assign(t.style, {
-        left: i != null ? `${y}px` : "",
-        top: a != null ? `${f}px` : "",
+    }), e && u.arrow) {
+      const { x: m, y: d } = u.arrow, y = {
+        top: "bottom",
+        right: "left",
+        bottom: "top",
+        left: "right"
+        /* Right */
+      }[c.split("-")[0]];
+      Object.assign(e.style, {
+        left: i != null ? `${m}px` : "",
+        top: a != null ? `${d}px` : "",
         right: "",
         bottom: "",
-        [`${g}`]: "-4px"
+        [`${y}`]: "-4px"
       });
     }
   });
 }
-var Z = /* @__PURE__ */ ((e) => (e.Top = "top", e.Bottom = "bottom", e.Left = "left", e.Right = "right", e.TopStart = "top-start", e.TopEnd = "top-end", e.RightStart = "right-start", e.RightEnd = "right-end", e.BottomStart = "bottom-start", e.BottomEnd = "bottom-end", e.LeftStart = "left-start", e.LeftEnd = "left-end", e))(Z || {}), H = /* @__PURE__ */ ((e) => (e.Click = "click", e.Hover = "hover", e.Manual = "manual", e))(H || {});
-const kn = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMousemove"], $n = ["innerHTML"], Mn = /* @__PURE__ */ O({
+var He = /* @__PURE__ */ ((t) => (t.Top = "top", t.Bottom = "bottom", t.Left = "left", t.Right = "right", t.TopStart = "top-start", t.TopEnd = "top-end", t.RightStart = "right-start", t.RightEnd = "right-end", t.BottomStart = "bottom-start", t.BottomEnd = "bottom-end", t.LeftStart = "left-start", t.LeftEnd = "left-end", t))(He || {}), Y = /* @__PURE__ */ ((t) => (t.Click = "click", t.Hover = "hover", t.Manual = "manual", t))(Y || {});
+const cn = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMousemove"], dn = ["innerHTML"], un = /* @__PURE__ */ N({
   __name: "Tooltip",
   props: {
-    placement: { default: Z.Top },
+    placement: { default: He.Top },
     text: { default: "" },
     dark: { type: Boolean, default: !0 },
     light: { type: Boolean, default: !1 },
-    triggers: { default: H.Hover },
+    triggers: { default: Y.Hover },
     autoHide: { type: Boolean, default: !0 },
     hideDelay: { default: 3e3 },
     showDelay: { default: 0 },
@@ -1762,123 +1342,124 @@ const kn = ["aria-disabled", "onClick", "onMouseenter", "onMouseleave", "onMouse
     resizable: { type: Boolean, default: !0 }
   },
   emits: ["show", "hide"],
-  setup(e, { emit: n }) {
-    const t = e;
-    Qe((c) => ({
-      "11aba73c": x(h)
+  setup(t, { emit: n }) {
+    const e = t;
+    Xe((r) => ({
+      "11aba73c": x(f)
     }));
-    const s = B(null), o = B(null), l = B(null);
+    const l = E(null), o = E(null), s = E(null);
     function i() {
-      const { placement: c, offset: b, padding: w, disabled: T } = t;
-      T || (o.value.style.display = "block", n("show"), ge(s, o, l, c, b, w), r(), t.outsideClick && u("add"));
+      const { placement: r, offset: b, padding: $, disabled: M } = e;
+      M || (o.value.style.display = "block", n("show"), pe(l, o, s, r, b, $), c(), e.outsideClick && u("add"));
     }
     function a() {
-      o.value.style.display = "", n("hide"), t.outsideClick && u("remove");
+      o.value.style.display = "", n("hide"), e.outsideClick && u("remove");
     }
-    const r = () => {
-      t.autoHide && setTimeout(() => {
+    const c = () => {
+      e.autoHide && setTimeout(() => {
         a();
-      }, t.hideDelay);
-    }, u = (c) => {
-      c === "add" && document.addEventListener("click", a), c === "remove" && document.removeEventListener("click", a);
+      }, e.hideDelay);
+    }, u = (r) => {
+      r === "add" && document.addEventListener("click", a), r === "remove" && document.removeEventListener("click", a);
+    }, m = () => {
+      e.disabled || e.triggers == Y.Click && (o.value.style.display === "block" ? a() : i());
+    }, d = () => {
+      e.disabled || e.triggers === Y.Hover && i();
     }, y = () => {
-      t.disabled || t.triggers == H.Click && (o.value.style.display === "block" ? a() : i());
-    }, f = () => {
-      t.disabled || t.triggers === H.Hover && i();
-    }, g = () => {
-      if (!t.disabled)
-        if (o.value.style.display === "" && t.triggers === H.Hover) {
+      if (!e.disabled)
+        if (o.value.style.display === "" && e.triggers === Y.Hover) {
           i();
           return;
         } else
-          o.value.style.display !== "" && t.triggers === H.Hover && a();
-    }, _ = () => {
-      const { placement: c, offset: b, padding: w, disabled: T } = t;
-      T || t.triggers === H.Hover && ge(s, o, l, c, b, w);
-    }, p = $(() => ({
+          o.value.style.display !== "" && e.triggers === Y.Hover && a();
+    }, g = () => {
+      const { placement: r, offset: b, padding: $, disabled: M } = e;
+      M || e.triggers === Y.Hover && pe(l, o, s, r, b, $);
+    }, h = w(() => ({
       tooltip: !0,
-      "tooltip--dark": t.dark,
-      "tooltip--light": t.light
+      "tooltip--dark": e.dark,
+      "tooltip--light": e.light
     }));
     window.onresize = () => {
-      const { placement: c, offset: b, padding: w, disabled: T } = t;
-      T || t.resizable && ge(s, o, l, c, b, w);
+      const { placement: r, offset: b, padding: $, disabled: M } = e;
+      M || e.resizable && pe(l, o, s, r, b, $);
     }, Ke(
       () => {
-        t.disabled || t.shown && t.triggers === H.Manual && i();
+        e.disabled || e.shown && e.triggers === Y.Manual && i();
       },
       { flush: "post" }
+      // this is important to avoid infinite loop & for fire on mounted
     );
-    const h = $(() => `${t.showDelay}ms`);
-    return (c, b) => (d(), m(Q, null, [
+    const f = w(() => `${e.showDelay}ms`);
+    return (r, b) => (p(), _(X, null, [
       v("div", {
         ref_key: "trigger",
-        ref: s,
-        "aria-disabled": t.disabled,
+        ref: l,
+        "aria-disabled": e.disabled,
         class: "trigger",
-        onClick: Y(y, ["stop"]),
-        onMouseenter: Y(f, ["stop"]),
-        onMouseleave: Y(g, ["stop"]),
-        onMousemove: Y(_, ["stop"])
+        onClick: W(m, ["stop"]),
+        onMouseenter: W(d, ["stop"]),
+        onMouseleave: W(y, ["stop"]),
+        onMousemove: W(g, ["stop"])
       }, [
-        j(c.$slots, "trigger", {}, void 0, !0),
-        c.$slots.trigger ? C("", !0) : (d(), m("div", {
+        O(r.$slots, "trigger", {}, void 0, !0),
+        r.$slots.trigger ? z("", !0) : (p(), _("div", {
           key: 0,
-          innerHTML: t.triggerContent
-        }, null, 8, $n))
-      ], 40, kn),
+          innerHTML: e.triggerContent
+        }, null, 8, dn))
+      ], 40, cn),
       v("div", {
         id: "tooltip",
         ref_key: "tooltip",
         ref: o,
-        class: k(x(p)),
+        class: k(x(h)),
         role: "tooltip"
       }, [
-        j(c.$slots, "content", {}, void 0, !0),
-        c.$slots.content ? C("", !0) : (d(), m("div", {
+        O(r.$slots, "content", {}, void 0, !0),
+        r.$slots.content ? z("", !0) : (p(), _("div", {
           key: 0,
           class: k({
             tooltip__content: !0,
-            "tooltip__content--dark": t.dark,
-            "tooltip__content--light": t.light
+            "tooltip__content--dark": e.dark,
+            "tooltip__content--light": e.light
           })
-        }, z(t.text), 3)),
-        c.$slots.content ? C("", !0) : (d(), m("div", {
+        }, C(e.text), 3)),
+        r.$slots.content ? z("", !0) : (p(), _("div", {
           key: 1,
           id: "arrow",
           ref_key: "arrowElement",
-          ref: l,
+          ref: s,
           class: k({
             tooltip__arrow: !0,
-            "tooltip__arrow--dark": t.dark,
-            "tooltip__arrow--light": t.light
+            "tooltip__arrow--dark": e.dark,
+            "tooltip__arrow--light": e.light
           })
         }, null, 2))
       ], 2)
     ], 64));
   }
 });
-const Cn = (e, n) => {
-  const t = e.__vccOpts || e;
-  for (const [s, o] of n)
-    t[s] = o;
-  return t;
-}, Vn = /* @__PURE__ */ Cn(Mn, [["__scopeId", "data-v-af8d63f8"]]);
+const fn = (t, n) => {
+  const e = t.__vccOpts || t;
+  for (const [l, o] of n)
+    e[l] = o;
+  return e;
+}, $n = /* @__PURE__ */ fn(un, [["__scopeId", "data-v-af8d63f8"]]);
 export {
-  zn as Alert,
-  An as Avatar,
-  In as Badge,
-  it as Button,
-  Nn as Checkbox,
-  mt as Chip,
-  Ln as Dropdown,
-  E as Icon,
-  Oe as Label,
-  On as Snackbar,
-  En as Switch,
-  Et as TabItem,
-  Dn as Tabs,
-  Bn as TextArea,
-  jn as Textfield,
-  Vn as Tooltip
+  hn as RAlert,
+  mn as RAvatar,
+  gn as RBadge,
+  at as RButton,
+  _n as RCheckbox,
+  mt as RChip,
+  bn as RDropdown,
+  B as RIcon,
+  Ae as RLabel,
+  vn as RSnackbar,
+  yn as RSwitch,
+  Dt as RTabItem,
+  xn as RTabs,
+  kn as RTextArea,
+  wn as RTextfield,
+  $n as RTooltip
 };