@rocketui/vue 0.0.1 → 0.0.4

package/dist/rocket-ui-vue.js

@@ -0,0 +1,1884 @@
+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({
+  __name: "Icon",
+  props: {
+    name: { default: "" },
+    kind: { default: "round" },
+    fontSize: { default: 24 },
+    color: { default: "" },
+    fontWeight: { default: "normal" }
+  },
+  setup(e) {
+    const n = e, t = $(() => ({
+      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));
+  }
+}), Ge = { class: "icon" }, Je = { class: "texts" }, qe = { class: "texts__title" }, et = { class: "texts__description" }, tt = {
+  key: 0,
+  class: "close"
+}, zn = /* @__PURE__ */ O({
+  __name: "Alert",
+  props: {
+    type: { default: "info" },
+    title: { default: "" },
+    description: { default: "" },
+    size: { default: "medium" },
+    closable: { type: Boolean, default: !0 }
+  },
+  emits: ["close"],
+  setup(e, { emit: n }) {
+    const t = e, s = $(() => ({
+      alert: !0,
+      [`alert--${t.type}`]: !0,
+      [`alert--${t.size}`]: !0
+    })), o = $(() => ({
+      success: "check_circle",
+      error: "error",
+      warning: "warning",
+      info: "info"
+    })[t.type]), l = $(() => ({
+      small: 12,
+      medium: 16,
+      large: 20
+    })[t.size]), i = () => {
+      n("close");
+    };
+    return (a, r) => (d(), m("div", {
+      class: k(x(s))
+    }, [
+      v("div", Ge, [
+        be(E, {
+          name: x(o),
+          size: x(l)
+        }, null, 8, ["name", "size"])
+      ]),
+      v("div", Je, [
+        v("p", qe, z(t.title), 1),
+        v("p", et, z(t.description), 1)
+      ]),
+      t.closable ? (d(), m("div", tt, [
+        a.$slots.close ? j(a.$slots, "close", { key: 1 }) : (d(), A(E, {
+          key: 0,
+          class: "close__button",
+          name: "close",
+          size: "16",
+          onClick: i
+        }))
+      ])) : C("", !0)
+    ], 2));
+  }
+}), ke = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyNyAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQ5OTMgMTRDMTcuMTgyNyAxNCAyMC4xNjYgMTEuMDE2NyAyMC4xNjYgNy4zMzMzNEMyMC4xNjYgMy42NSAxNy4xODI3IDAuNjY2NjcyIDEzLjQ5OTMgMC42NjY2NzJDOS44MTYwMiAwLjY2NjY3MiA2LjgzMjY4IDMuNjUgNi44MzI2OCA3LjMzMzM0QzYuODMyNjggMTEuMDE2NyA5LjgxNjAyIDE0IDEzLjQ5OTMgMTRaTTEzLjQ5OTMgMTcuMzMzM0M5LjA0OTM1IDE3LjMzMzMgMC4xNjYwMTYgMTkuNTY2NyAwLjE2NjAxNiAyNFYyNS42NjY3QzAuMTY2MDE2IDI2LjU4MzMgMC45MTYwMTYgMjcuMzMzMyAxLjgzMjY4IDI3LjMzMzNIMjUuMTY2QzI2LjA4MjcgMjcuMzMzMyAyNi44MzI3IDI2LjU4MzMgMjYuODMyNyAyNS42NjY3VjI0QzI2LjgzMjcgMTkuNTY2NyAxNy45NDkzIDE3LjMzMzMgMTMuNDk5MyAxNy4zMzMzWiIgZmlsbD0iIzRDNUJFMSIvPgo8L3N2Zz4K", nt = { class: "avatar__wrapper" }, ot = ["alt", "src"], An = /* @__PURE__ */ O({
+  __name: "Avatar",
+  props: {
+    type: { default: "image" },
+    src: { default: ke },
+    alt: { default: "Avatar" },
+    size: { default: "2xl" },
+    online: { type: Boolean, default: !1 },
+    text: { default: "" }
+  },
+  setup(e) {
+    const n = e, t = $(() => ({
+      avatar: !0,
+      [`avatar--${n.size}`]: !0
+    })), s = $(() => n.type === "image" && !n.src), o = $(() => s.value ? ke : n.src), l = (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, [
+      v("div", {
+        class: k(x(t))
+      }, [
+        n.type === "text" ? (d(), m("p", {
+          key: 0,
+          class: k({ avatar__text: !0, [`avatar__text--${n.size}`]: !0 })
+        }, z(l(n.text)), 3)) : (d(), m("img", {
+          key: 1,
+          alt: n.alt,
+          class: k({
+            avatar__image: !0,
+            [`avatar__image--${n.size}`]: !0,
+            "avatar__image--anonymous": x(s)
+          }),
+          src: x(o)
+        }, null, 10, ot))
+      ], 2),
+      n.online ? (d(), m("span", {
+        key: 0,
+        class: k({ avatar__online: !0, [`avatar__online--${n.size}`]: !0 })
+      }, null, 2)) : C("", !0)
+    ]));
+  }
+}), st = { class: "badge-wrapper group" }, In = /* @__PURE__ */ O({
+  __name: "Badge",
+  props: {
+    variant: { default: "primary" },
+    placement: { default: "right" },
+    overlap: { type: Boolean, default: !1 },
+    hover: { type: Boolean, default: !1 },
+    content: { default: "" },
+    outside: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(e) {
+    const n = e, t = $(() => ({
+      badge: !0,
+      badge__content: n.content,
+      [`badge--overlap-${n.placement}`]: n.overlap,
+      [`badge--${n.placement}`]: n.placement,
+      [`badge--outside-${n.placement}`]: n.outside,
+      "badge--hover": n.hover,
+      "badge--no-content": !n.content,
+      [`badge--${n.variant}`]: n.variant
+    }));
+    return (s, o) => (d(), m("div", st, [
+      v("span", {
+        class: k(x(t)),
+        onClick: o[0] || (o[0] = (l) => s.$emit("click"))
+      }, z(n.content), 3),
+      j(s.$slots, "default")
+    ]));
+  }
+}), lt = ["disabled"], it = /* @__PURE__ */ O({
+  __name: "Button",
+  props: {
+    variant: { default: "primary" },
+    loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    prependIcon: { default: "" },
+    appendIcon: { default: "" },
+    onlyIcon: { type: Boolean, default: !1 },
+    size: { default: "medium" },
+    height: { default: "" },
+    block: { type: Boolean, default: !1 },
+    backgroundColor: { default: "" }
+  },
+  emits: ["click"],
+  setup(e) {
+    const n = e, t = $(() => ({
+      button: !0,
+      [`button--${n.variant}`]: !0,
+      ["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;
+      return {
+        backgroundColor: l,
+        height: i ? `${i}px` : ""
+      };
+    });
+    return (l, i) => (d(), m("button", Ye(l.$attrs, {
+      class: x(t),
+      disabled: e.disabled || e.loading,
+      style: x(o),
+      onClick: i[0] || (i[0] = Y((a) => l.$emit("click"), ["stop"]))
+    }), [
+      j(l.$slots, "custom-icon"),
+      l.$slots["custom-icon"] ? C("", !0) : (d(), A(E, {
+        key: 0,
+        class: k({
+          "button__prepend-icon": !0,
+          "button__prepend-icon--only": n.onlyIcon
+        }),
+        name: n.prependIcon,
+        size: x(s)
+      }, null, 8, ["class", "name", "size"])),
+      n.onlyIcon ? C("", !0) : j(l.$slots, "default", { key: 1 }),
+      !l.$slots["custom-icon"] && !n.onlyIcon ? (d(), A(E, {
+        key: 2,
+        class: "button__append-icon",
+        name: n.appendIcon,
+        size: x(s)
+      }, null, 8, ["name", "size"])) : C("", !0)
+    ], 16, lt));
+  }
+}), 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 = {
+  key: 0,
+  class: "checkbox-texts__error"
+}, ht = {
+  key: 1,
+  class: "checkbox-texts__hint"
+}, Nn = /* @__PURE__ */ O({
+  __name: "Checkbox",
+  props: {
+    id: { default: "" },
+    modelValue: { default: !1 },
+    label: { default: "" },
+    indeterminate: { default: !1 },
+    disabled: { default: !1 },
+    hint: { default: "" },
+    errorMsg: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const t = e, s = ne({
+      checked: !1,
+      indeterminate: !1
+    }), o = {
+      checked: "check",
+      unchecked: "",
+      indeterminate: "remove"
+    }, l = $(() => s.indeterminate ? o.indeterminate : s.checked ? o.checked : o.unchecked), i = $(() => ({
+      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));
+    };
+    return F(
+      () => t.indeterminate,
+      (r) => {
+        s.indeterminate = r, r === !0 && (s.checked = !1, n("update:modelValue", s.checked));
+      },
+      {
+        immediate: !0
+      }
+    ), F(
+      () => t.modelValue,
+      (r) => {
+        s.checked = r;
+      },
+      {
+        immediate: !0
+      }
+    ), (r, u) => (d(), m("div", at, [
+      v("div", rt, [
+        v("input", {
+          id: t.id,
+          checked: s.checked,
+          class: "checkbox-container__input",
+          disabled: t.disabled,
+          indeterminate: s.indeterminate,
+          type: "checkbox",
+          onChange: a
+        }, null, 40, ct),
+        v("div", {
+          class: k(x(i)),
+          "data-disabled": t.disabled
+        }, [
+          be(E, {
+            name: x(l),
+            size: "16"
+          }, null, 8, ["name"])
+        ], 10, dt)
+      ]),
+      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))
+      ])
+    ]));
+  }
+}), mt = /* @__PURE__ */ O({
+  __name: "Chip",
+  props: {
+    variant: { default: "primary" },
+    size: { default: "medium" },
+    label: { default: "label" },
+    disabled: { type: Boolean, default: !1 },
+    prependIcon: { default: "" },
+    appendIcon: { default: "" },
+    ghost: { type: Boolean, default: !1 }
+  },
+  emits: ["click:chip", "click:close"],
+  setup(e, { emit: n }) {
+    const t = e, s = $(() => ({
+      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);
+    }, i = (a) => {
+      t.disabled || n("click:close", a);
+    };
+    return (a, r) => (d(), m("div", {
+      class: k(x(s))
+    }, [
+      v("div", {
+        class: "chip__content",
+        onClick: r[0] || (r[0] = Y((u) => l(u), ["stop"]))
+      }, [
+        t.prependIcon ? (d(), A(E, {
+          key: 0,
+          "aria-disabled": t.disabled,
+          class: "chip__prepend-icon",
+          name: t.prependIcon,
+          size: x(o)
+        }, null, 8, ["aria-disabled", "name", "size"])) : C("", !0),
+        v("span", null, z(t.label), 1)
+      ]),
+      t.appendIcon ? (d(), A(E, {
+        key: 0,
+        "aria-disabled": t.disabled,
+        class: "chip__append-icon",
+        name: t.appendIcon,
+        size: x(o),
+        onClick: r[1] || (r[1] = Y((u) => i(u), ["stop"]))
+      }, null, 8, ["aria-disabled", "name", "size"])) : C("", !0)
+    ], 2));
+  }
+}), gt = { class: "dropdown" }, _t = {
+  key: 0,
+  class: "select__tags"
+}, bt = {
+  key: 1,
+  class: "select__multiple"
+}, vt = ["disabled", "placeholder"], yt = ["onClick"], xt = { style: { display: "flex", "align-items": "center" } }, Ln = /* @__PURE__ */ O({
+  __name: "Dropdown",
+  props: {
+    placeholder: { default: "" },
+    options: { default: () => [] },
+    taggable: { type: Boolean, default: !1 },
+    multiple: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    prependIcon: { default: "" },
+    appendIcon: { default: "expand_less" },
+    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);
+          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);
+      }
+    }, 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();
+        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 !== "")
+        return;
+      p.stopPropagation();
+      const c = o.findIndex((b) => b.value === h.value);
+      o.splice(c, 1);
+    }, g = (p) => {
+      var b;
+      if (!t.taggable)
+        return;
+      p.stopPropagation();
+      const h = i.value;
+      if (h === "")
+        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, [
+      v("div", {
+        ref_key: "select",
+        ref: a,
+        class: k({ select: !0, "select--disabled": t.disabled }),
+        onClick: u
+      }, [
+        v("div", {
+          class: k({
+            "select__prepend-icon": !0,
+            "select__prepend-icon--active": l.value
+          })
+        }, [
+          j(p.$slots, "prepend-icon"),
+          p.$slots["prepend-icon"] ? C("", !0) : (d(), A(E, {
+            key: 0,
+            name: t.prependIcon
+          }, null, 8, ["name"]))
+        ], 2),
+        t.taggable ? (d(), m("div", _t, [
+          (d(!0), m(Q, null, ae(o, (c, b) => (d(), A(mt, {
+            key: b,
+            appendIcon: "close",
+            class: "select__tags__chip",
+            label: c.label,
+            variant: "primary",
+            onClickIcon: (w) => f(w, c)
+          }, 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", {
+          id: "select",
+          ref_key: "input",
+          ref: r,
+          "onUpdate:modelValue": h[0] || (h[0] = (c) => i.value = c),
+          class: "select__input",
+          disabled: t.disabled,
+          placeholder: t.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"]))
+          ]
+        }, null, 40, vt), [
+          [We, i.value]
+        ]),
+        v("div", {
+          class: k({
+            "select__append-icon": !0,
+            "select__append-icon--active": l.value
+          })
+        }, [
+          j(p.$slots, "append-icon"),
+          p.$slots["append-icon"] ? C("", !0) : (d(), A(E, {
+            key: 0,
+            name: t.appendIcon
+          }, null, 8, ["name"]))
+        ], 2)
+      ], 2),
+      v("ul", {
+        class: k({ "select-options": !0, "select-options--active": l.value })
+      }, [
+        (d(!0), m(Q, null, ae(x(_), (c) => (d(), m("li", {
+          key: c.value,
+          class: k({
+            "select-options__option": !0,
+            "select-options__option--active": c.label === s.value || (o == null ? void 0 : o.includes(c))
+          }),
+          onClick: (b) => y(b, c)
+        }, [
+          v("div", xt, [
+            j(p.$slots, "option-prepend"),
+            p.$slots["option-prepend"] ? C("", !0) : (d(), A(E, {
+              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))
+              }),
+              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))
+              })
+            }, z(c.label), 3)
+          ]),
+          c.label === s.value || (o == null ? void 0 : o.includes(c)) ? (d(), A(E, {
+            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))
+            }),
+            name: "check"
+          }, null, 8, ["class"])) : C("", !0)
+        ], 10, yt))), 128))
+      ], 2)
+    ]));
+  }
+}), wt = ["id", "for"], Oe = /* @__PURE__ */ O({
+  __name: "Label",
+  props: {
+    id: { default: "" },
+    for: { default: "" },
+    text: { default: "" }
+  },
+  setup(e) {
+    const n = e;
+    return (t, s) => (d(), m("label", {
+      id: n.id,
+      for: n.for
+    }, z(n.text), 9, wt));
+  }
+}), kt = { class: "snackbar__text" }, $t = {
+  key: 0,
+  class: "snackbar__action"
+}, Mt = {
+  key: 1,
+  class: "snackbar__close"
+}, On = /* @__PURE__ */ O({
+  __name: "Snackbar",
+  props: {
+    text: { default: "" },
+    actionText: { default: "" },
+    showAction: { type: Boolean, default: !1 },
+    showClose: { type: Boolean, default: !1 },
+    left: { type: Boolean, default: !1 },
+    show: { type: Boolean, default: !1 },
+    timeout: { default: 0 }
+  },
+  emits: ["click:action", "click:close"],
+  setup(e, { emit: n }) {
+    const t = e, s = B(!1), o = () => {
+      n("click:action");
+    }, l = () => {
+      s.value = !1, n("click:close");
+    };
+    return Ue(() => {
+      t.timeout && setTimeout(() => {
+        s.value = !1, n("click:close");
+      }, t.timeout);
+    }), F(
+      () => t.show,
+      (i) => {
+        s.value = i;
+      },
+      { immediate: !0 }
+    ), (i, a) => (d(), m("div", {
+      class: k({
+        snackbar: !0,
+        "snackbar--closed": !s.value,
+        [t.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, {
+          key: 0,
+          size: "small",
+          variant: "ghost",
+          onClick: o
+        }, {
+          default: Xe(() => [
+            Ze(z(t.actionText), 1)
+          ]),
+          _: 1
+        }))
+      ])) : C("", !0),
+      t.showClose ? (d(), m("div", Mt, [
+        j(i.$slots, "close"),
+        i.$slots.close ? C("", !0) : (d(), A(E, {
+          key: 0,
+          name: "close",
+          size: "14",
+          onClick: Y(l, ["stop"])
+        }, null, 8, ["onClick"]))
+      ])) : C("", !0)
+    ], 2));
+  }
+}), Ct = { class: "switch-container" }, Tt = ["id", "checked"], zt = /* @__PURE__ */ v("span", { class: "slider round" }, null, -1), At = ["id", "for"], It = {
+  key: 0,
+  class: "switch-texts__error"
+}, Nt = {
+  key: 1,
+  class: "switch-texts__hint"
+}, En = /* @__PURE__ */ O({
+  __name: "Switch",
+  props: {
+    id: { default: "switch" },
+    modelValue: { default: !1 },
+    disabled: { default: !1 },
+    label: { default: "" },
+    hint: { default: "" },
+    errorMsg: { default: "" },
+    size: { default: "medium" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const t = e, s = ne({
+      checked: !1
+    }), o = $(() => ({
+      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));
+    };
+    return F(
+      () => t.modelValue,
+      (i) => {
+        s.checked = i;
+      },
+      {
+        immediate: !0
+      }
+    ), (i, a) => (d(), m("div", Ct, [
+      v("div", {
+        class: k(x(o))
+      }, [
+        v("input", {
+          id: t.id,
+          checked: s.checked,
+          class: "switch__input",
+          type: "checkbox",
+          onChange: l
+        }, null, 40, Tt),
+        zt
+      ], 2),
+      v("div", {
+        class: k({
+          "switch-texts": !0,
+          [`switch-texts--${t.size}`]: !0
+        })
+      }, [
+        v("label", {
+          id: t.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))
+      ], 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 = {
+  key: 1,
+  class: "tab-item__label"
+}, Et = /* @__PURE__ */ O({
+  __name: "TabItem",
+  props: {
+    id: null,
+    variant: { default: re.DEFAULT },
+    label: { default: "" },
+    icon: { default: "" },
+    disabled: { default: !1 },
+    active: { default: !1 },
+    modelValue: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const t = e, s = $(() => ({
+      "tab-item": !0,
+      [`tab-item--${t.variant}`]: !0
+    }));
+    function o(l) {
+      n("update:modelValue", l);
+    }
+    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))
+    }, [
+      j(l.$slots, "icon"),
+      !l.$slots.icon && e.variant !== x(re).TEXT_ONLY ? (d(), A(E, {
+        key: 0,
+        class: "tab-item__icon",
+        name: t.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));
+  }
+}), Dt = { class: "tabs-wrapper" }, Bt = { class: "tab-content" }, Dn = /* @__PURE__ */ O({
+  __name: "Tabs",
+  props: {
+    tabs: { default: () => [] },
+    scrollable: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const n = e, t = B(0), s = $(() => ({
+      tabs: !0,
+      "tabs--scrollable": n.scrollable
+    }));
+    return (o, l) => (d(), m(Q, null, [
+      v("div", Dt, [
+        v("div", {
+          class: k(x(s))
+        }, [
+          (d(!0), m(Q, null, ae(n.tabs, (i, a) => (d(), A(Et, {
+            id: i.id,
+            key: a,
+            modelValue: t.value,
+            "onUpdate:modelValue": l[0] || (l[0] = (r) => t.value = r),
+            active: a === t.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 })
+      ])
+    ], 64));
+  }
+});
+const jt = { class: "container" }, Vt = ["id", "disabled", "placeholder", "value"], Rt = {
+  key: 1,
+  class: "textarea__error"
+}, St = {
+  key: 2,
+  class: "textarea__hint"
+}, Bn = /* @__PURE__ */ O({
+  __name: "TextArea",
+  props: {
+    id: { default: "" },
+    modelValue: { default: "" },
+    label: { default: "" },
+    placeholder: { default: "" },
+    disabled: { default: !1 },
+    hint: { default: "This is a hint" },
+    errorMsg: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const t = e, s = ne({
+      value: ""
+    });
+    function o(l) {
+      n("update:modelValue", l.target.value);
+    }
+    return F(
+      () => t.modelValue,
+      (l) => {
+        s.value = l;
+      },
+      {
+        immediate: !0
+      }
+    ), (l, i) => (d(), m("div", jt, [
+      t.label ? (d(), A(Oe, {
+        key: 0,
+        id: "textarea",
+        class: "textarea__label",
+        for: "textarea",
+        text: t.label
+      }, null, 8, ["text"])) : C("", !0),
+      v("textarea", {
+        id: t.id,
+        class: k(["textarea", {
+          "textarea--error": t.errorMsg,
+          "textarea--disabled": t.disabled
+        }]),
+        disabled: t.disabled,
+        placeholder: t.placeholder,
+        value: s.value,
+        onInput: o
+      }, null, 42, Vt),
+      t.errorMsg ? (d(), m("p", Rt, z(t.errorMsg), 1)) : (d(), m("p", St, z(t.hint), 1))
+    ]));
+  }
+}), Pt = {
+  class: /* @__PURE__ */ k({
+    textfield__wrapper: !0
+  })
+}, Ht = { class: "input-wrapper" }, Yt = ["id", "disabled", "placeholder", "type", "value"], Ft = { class: "textfield__error" }, Wt = {
+  key: 0,
+  class: "textfield__hint"
+}, jn = /* @__PURE__ */ O({
+  __name: "Textfield",
+  props: {
+    id: { default: "" },
+    type: { default: "text" },
+    modelValue: { default: "" },
+    label: { default: "" },
+    placeholder: { default: "" },
+    errorMsg: { default: "" },
+    hint: { default: "" },
+    prependIcon: { default: "" },
+    appendIcon: { default: "" },
+    iconColor: { default: "" },
+    disabled: { default: !1 },
+    loading: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 }
+  },
+  emits: [
+    "update:modelValue",
+    "focus",
+    "blur",
+    "click:icon",
+    "click:clear"
+  ],
+  setup(e, { emit: n }) {
+    const t = e, s = B(), o = ne({
+      value: ""
+    }), l = B(t.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;
+      return {
+        textfield: !0,
+        "textfield--error": D == null ? void 0 : D.length,
+        "textfield--loading": L,
+        "textfield--disabled": M,
+        "textfield--clearable": V,
+        "textfield--focus": a.value,
+        "textfield--filled": r.value
+      };
+    }), y = $(() => ({
+      "textfield__prepend-icon": !0,
+      "textfield__prepend-icon--loading": t.loading,
+      "textfield__prepend-icon--error": _.value && r.value
+    })), f = $(() => ({
+      "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;
+    }), 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", {
+          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;
+    };
+    return F(
+      () => t.modelValue,
+      (M) => {
+        o.value = M;
+      },
+      {
+        immediate: !0
+      }
+    ), F(
+      () => o.value,
+      (M) => {
+        n("update:modelValue", M);
+      }
+    ), (M, L) => (d(), m("fieldset", null, [
+      v("div", Pt, [
+        be(Oe, {
+          id: t.id,
+          class: k({
+            textfield__label: !0
+          }),
+          for: t.id,
+          text: t.label
+        }, null, 8, ["id", "for", "text"]),
+        v("div", Ht, [
+          v("div", {
+            class: k(x(u))
+          }, [
+            x(h) ? (d(), A(E, {
+              key: 0,
+              class: k(x(y)),
+              name: x(h),
+              size: 16
+            }, null, 8, ["class", "name"])) : C("", !0),
+            v("input", {
+              id: t.id,
+              ref_key: "inputRef",
+              ref: s,
+              disabled: t.disabled,
+              placeholder: t.placeholder,
+              type: l.value,
+              value: o.value,
+              onBlur: w,
+              onFocus: b,
+              onInput: N
+            }, null, 40, Yt),
+            x(c) ? (d(), A(E, {
+              key: 1,
+              class: k(x(f)),
+              color: t.iconColor,
+              name: `${x(c)}`,
+              size: 16,
+              onClick: T
+            }, null, 8, ["class", "color", "name"])) : C("", !0)
+          ], 2),
+          v("div", Ft, z(t.errorMsg), 1),
+          t.errorMsg ? C("", !0) : (d(), m("div", Wt, z(t.hint), 1))
+        ])
+      ])
+    ]));
+  }
+});
+function oe(e) {
+  return e.split("-")[0];
+}
+function pe(e) {
+  return e.split("-")[1];
+}
+function se(e) {
+  return ["top", "bottom"].includes(oe(e)) ? "x" : "y";
+}
+function ve(e) {
+  return e === "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) {
+    case "top":
+      g = {
+        x: l,
+        y: s.y - o.height
+      };
+      break;
+    case "bottom":
+      g = {
+        x: l,
+        y: s.y + s.height
+      };
+      break;
+    case "right":
+      g = {
+        x: s.x + s.width,
+        y: i
+      };
+      break;
+    case "left":
+      g = {
+        x: s.x - o.width,
+        y: i
+      };
+      break;
+    default:
+      g = {
+        x: s.x,
+        y: s.y
+      };
+  }
+  switch (pe(n)) {
+    case "start":
+      g[a] -= u * (t && f ? -1 : 1);
+      break;
+    case "end":
+      g[a] += u * (t && f ? -1 : 1);
+      break;
+  }
+  return g;
+}
+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(" "));
+  }
+  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: _
+  };
+};
+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 ce(e) {
+  return {
+    ...e,
+    top: e.y,
+    left: e.x,
+    right: e.x + e.width,
+    bottom: e.y + e.height
+  };
+}
+async function de(e, n) {
+  var t;
+  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 Zt = Math.min, Qt = Math.max;
+function _e(e, n, t) {
+  return Qt(e, Zt(n, t));
+}
+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 qt = {
+  start: "end",
+  end: "start"
+};
+function Me(e) {
+  return e.replace(/start|end/g, (n) => qt[n]);
+}
+const en = ["top", "right", "bottom", "left"];
+function tn(e) {
+  const n = ue(e);
+  return [Me(e), n, Me(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;
+        }
+        if (s !== J)
+          return {
+            reset: {
+              placement: J
+            }
+          };
+      }
+      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 Te(e) {
+  return en.some((n) => e[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 {};
+      }
+    }
+  };
+};
+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
+  };
+}
+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
+      };
+    }
+  };
+};
+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
+        }
+      };
+    }
+  };
+};
+function De(e) {
+  return e && e.document && e.location && e.alert && e.setInterval;
+}
+function P(e) {
+  if (e == null)
+    return window;
+  if (!De(e)) {
+    const n = e.ownerDocument;
+    return n && n.defaultView || window;
+  }
+  return e;
+}
+function R(e) {
+  return P(e).getComputedStyle(e);
+}
+function W(e) {
+  return De(e) ? "" : e ? (e.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;
+}
+function S(e) {
+  return e instanceof P(e).HTMLElement;
+}
+function K(e) {
+  return e instanceof P(e).Element;
+}
+function cn(e) {
+  return e instanceof P(e).Node;
+}
+function ze(e) {
+  if (typeof ShadowRoot > "u")
+    return !1;
+  const n = P(e).ShadowRoot;
+  return e instanceof n || e instanceof ShadowRoot;
+}
+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 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 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 U(e) {
+  return ((cn(e) ? e.ownerDocument : e.document) || window.document).documentElement;
+}
+function me(e) {
+  return K(e) ? {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  } : {
+    scrollLeft: e.pageXOffset,
+    scrollTop: e.pageYOffset
+  };
+}
+function Ve(e) {
+  return X(U(e)).left + me(e).scrollLeft;
+}
+function un(e) {
+  const n = X(e);
+  return fe(n.width) !== e.offsetWidth || fe(n.height) !== e.offsetHeight;
+}
+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;
+    } 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;
+}
+function Ie(e) {
+  return !S(e) || R(e).position === "fixed" ? null : e.offsetParent;
+}
+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 _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 Re(e) {
+  const n = te(e);
+  return xe(n) ? e.ownerDocument.body : S(n) && he(n) ? n : Re(n);
+}
+function Se(e, n) {
+  var t;
+  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
+  };
+}
+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 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;
+  }, 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,
+    middleware: [
+      ln(o),
+      rn({ padding: l }),
+      Kt({ element: t }),
+      nn(),
+      on()
+    ]
+  }).then(({ x: i, y: a, placement: r, 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` : "",
+        right: "",
+        bottom: "",
+        [`${g}`]: "-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({
+  __name: "Tooltip",
+  props: {
+    placement: { default: Z.Top },
+    text: { default: "" },
+    dark: { type: Boolean, default: !0 },
+    light: { type: Boolean, default: !1 },
+    triggers: { default: H.Hover },
+    autoHide: { type: Boolean, default: !0 },
+    hideDelay: { default: 3e3 },
+    showDelay: { default: 0 },
+    shown: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    offset: { default: 0 },
+    padding: { default: 2 },
+    outsideClick: { type: Boolean, default: !1 },
+    triggerContent: { default: "" },
+    resizable: { type: Boolean, default: !0 }
+  },
+  emits: ["show", "hide"],
+  setup(e, { emit: n }) {
+    const t = e;
+    Qe((c) => ({
+      "11aba73c": x(h)
+    }));
+    const s = B(null), o = B(null), l = B(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"));
+    }
+    function a() {
+      o.value.style.display = "", n("hide"), t.outsideClick && u("remove");
+    }
+    const r = () => {
+      t.autoHide && setTimeout(() => {
+        a();
+      }, t.hideDelay);
+    }, u = (c) => {
+      c === "add" && document.addEventListener("click", a), c === "remove" && document.removeEventListener("click", a);
+    }, 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) {
+          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 = $(() => ({
+      tooltip: !0,
+      "tooltip--dark": t.dark,
+      "tooltip--light": t.light
+    }));
+    window.onresize = () => {
+      const { placement: c, offset: b, padding: w, disabled: T } = t;
+      T || t.resizable && ge(s, o, l, c, b, w);
+    }, Ke(
+      () => {
+        t.disabled || t.shown && t.triggers === H.Manual && i();
+      },
+      { flush: "post" }
+    );
+    const h = $(() => `${t.showDelay}ms`);
+    return (c, b) => (d(), m(Q, null, [
+      v("div", {
+        ref_key: "trigger",
+        ref: s,
+        "aria-disabled": t.disabled,
+        class: "trigger",
+        onClick: Y(y, ["stop"]),
+        onMouseenter: Y(f, ["stop"]),
+        onMouseleave: Y(g, ["stop"]),
+        onMousemove: Y(_, ["stop"])
+      }, [
+        j(c.$slots, "trigger", {}, void 0, !0),
+        c.$slots.trigger ? C("", !0) : (d(), m("div", {
+          key: 0,
+          innerHTML: t.triggerContent
+        }, null, 8, $n))
+      ], 40, kn),
+      v("div", {
+        id: "tooltip",
+        ref_key: "tooltip",
+        ref: o,
+        class: k(x(p)),
+        role: "tooltip"
+      }, [
+        j(c.$slots, "content", {}, void 0, !0),
+        c.$slots.content ? C("", !0) : (d(), m("div", {
+          key: 0,
+          class: k({
+            tooltip__content: !0,
+            "tooltip__content--dark": t.dark,
+            "tooltip__content--light": t.light
+          })
+        }, z(t.text), 3)),
+        c.$slots.content ? C("", !0) : (d(), m("div", {
+          key: 1,
+          id: "arrow",
+          ref_key: "arrowElement",
+          ref: l,
+          class: k({
+            tooltip__arrow: !0,
+            "tooltip__arrow--dark": t.dark,
+            "tooltip__arrow--light": t.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"]]);
+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
+};