@opens/ui 1.0.5 → 1.0.7

package/dist/yunique_ui.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as b, ref as i, watch as h, openBlock as f, createElementBlock as m, createElementVNode as t, toDisplayString as p, normalizeClass as r, withDirectives as x, withKeys as _, vModelDynamic as C, vModelText as V, renderSlot as v, vShow as w, createVNode as $, withCtx as I, vModelCheckbox as D, createTextVNode as T } from "vue";
-const N = { class: "simple-input" }, O = { class: "yu-flex yu-h-full yu-pl-2" }, P = { class: "material-icons yu-text-gray-700 yu-my-auto" }, z = ["placeholder", "type", "maxlength"], E = /* @__PURE__ */ b({
+import { defineComponent as O, ref as M, watch as Ve, openBlock as P, createElementBlock as k, createElementVNode as y, toDisplayString as F, normalizeClass as C, withDirectives as be, withKeys as We, vModelDynamic as ht, renderSlot as S, vShow as Ke, pushScopeId as Dt, popScopeId as Lt, nextTick as Rt, createBlock as Ce, normalizeProps as Et, guardReactiveProps as Ht, withScopeId as Mt, resolveComponent as Le, normalizeStyle as ze, Fragment as It, createCommentVNode as _e, withCtx as le, createVNode as Re, unref as D, createTextVNode as Ft, computed as ge } from "vue";
+const Vt = { class: "simple-input" }, Wt = { class: "yu-flex yu-h-full yu-pl-2" }, jt = { class: "material-icons yu-text-gray-700 yu-my-auto" }, qt = ["placeholder", "type", "maxlength"], Gt = /* @__PURE__ */ O({
   __name: "icon-text-input",
   props: {
     value: null,
@@ -12,89 +12,90 @@ const N = { class: "simple-input" }, O = { class: "yu-flex yu-h-full yu-pl-2" },
     invalid: { type: Boolean }
   },
   emits: ["blur", "focus", "input"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: t }) {
     const o = e;
-    i(!1);
-    const u = i(o.value);
-    i(!1);
-    const n = i(o.type), s = i(!1);
-    h(s, (y) => {
-      if (!y) {
-        l("blur");
+    M(!1);
+    const n = M(o.value);
+    M(!1);
+    const i = M(o.type), s = M(!1);
+    Ve(s, (a) => {
+      if (!a) {
+        t("blur");
         return;
       }
-      l("focus");
+      t("focus");
     });
-    function c() {
-      return !(s.value || u.value);
-    }
-    function d(y) {
-      l("input", y.target.value);
-    }
-    return (y, a) => (f(), m("div", N, [
-      t("div", O, [
-        t("i", P, p(e.icon), 1),
-        t("p", {
-          class: r(["yu-text-gray-500 yu-font-plus yu-font-medium yu-p-1 yu-px-2 yu-transition", { "yu-translate-y-2 yu-text-sm": c(), "yu-translate-y-0 yu-text-xs": !c() }])
-        }, p(e.label), 3)
+    function r() {
+      return !(s.value || n.value);
+    }
+    function l(a) {
+      t("input", a.target.value);
+    }
+    return (a, u) => (P(), k("div", Vt, [
+      y("div", Wt, [
+        y("i", jt, F(e.icon), 1),
+        y("p", {
+          class: C(["yu-text-gray-500 yu-font-plus yu-font-medium yu-p-1 yu-px-2 yu-transition", { "yu-translate-y-2 yu-text-sm": r(), "yu-translate-y-0 yu-text-xs": !r() }])
+        }, F(e.label), 3)
       ]),
-      x(t("input", {
+      be(y("input", {
         class: "yu-pl-8 yu-absolute yu-w-full yu-h-full yu-outline-none yu-bg-transparent yu-appearence-none yu-indent-2 yu-pt-3 yu-font-plus yu-font-semibold yu-text-gray-800",
         placeholder: e.placeholder,
-        onInput: d,
-        onFocus: a[0] || (a[0] = (g) => s.value = !0),
-        onBlur: a[1] || (a[1] = (g) => s.value = !1),
-        "onUpdate:modelValue": a[2] || (a[2] = (g) => u.value = g),
-        type: n.value || e.type,
-        onKeyup: a[3] || (a[3] = _((g) => y.$emit("keyup-enter"), ["enter"])),
+        onInput: l,
+        onFocus: u[0] || (u[0] = (c) => s.value = !0),
+        onBlur: u[1] || (u[1] = (c) => s.value = !1),
+        "onUpdate:modelValue": u[2] || (u[2] = (c) => n.value = c),
+        type: i.value || e.type,
+        onKeyup: u[3] || (u[3] = We((c) => a.$emit("keyup-enter"), ["enter"])),
         maxlength: e.caract
-      }, null, 40, z), [
-        [C, u.value]
+      }, null, 40, qt), [
+        [ht, n.value]
       ])
     ]));
   }
-}), K = ["disabled"], B = /* @__PURE__ */ b({
+}), Ut = ["type", "disabled"], ft = /* @__PURE__ */ O({
   __name: "text-input",
   props: {
     modelValue: null,
     label: null,
     invalid: { type: Boolean },
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    type: null
   },
   emits: ["update:model-value", "blur", "press-enter"],
-  setup(e, { emit: l }) {
-    const u = i(e.modelValue), n = i(!1);
+  setup(e, { emit: t }) {
+    const n = M(e.modelValue), i = M(!1);
     function s() {
-      return !(n.value || u.value);
+      return !(i.value || n.value);
     }
-    function c(y) {
-      l(y);
+    function r(a) {
+      t(a);
     }
-    function d(y) {
-      const a = y.target;
-      l("update:model-value", a.value);
+    function l(a) {
+      const u = a.target;
+      t("update:model-value", u.value);
     }
-    return (y, a) => (f(), m("div", {
-      class: r(["simple-input", { "yu-border-red-500": e.invalid }])
+    return (a, u) => (P(), k("div", {
+      class: C(["simple-input", { "yu-border-red-500": e.invalid }])
     }, [
-      t("p", {
-        class: r(["yu-text-gray-500 yu-font-plus yu-font-medium yu-p-1 yu-px-2 yu-transition", { "yu-translate-y-1/4 yu-text-sm": s(), "yu-translate-x-0 yu-text-xs": !s() }])
-      }, p(e.label), 3),
-      x(t("input", {
+      y("p", {
+        class: C(["yu-text-gray-500 yu-font-plus yu-font-medium yu-p-1 yu-px-2 yu-transition", { "yu-translate-y-1/4 yu-text-sm": s(), "yu-translate-x-0 yu-text-xs": !s() }])
+      }, F(e.label), 3),
+      be(y("input", {
         class: "yu-absolute yu-w-full yu-h-full yu-outline-none yu-bg-transparent yu-appearence-none yu-indent-2 yu-pt-3 yu-font-plus yu-font-semibold yu-text-gray-800 dark:yu-text-gray-200",
-        "onUpdate:modelValue": a[0] || (a[0] = (g) => u.value = g),
-        type: "text",
+        "onUpdate:modelValue": u[0] || (u[0] = (c) => n.value = c),
+        onKeyup: u[1] || (u[1] = We((c) => r("press-enter"), ["enter"])),
+        type: e.type,
         disabled: e.disabled,
-        onInput: d,
-        onKeyup: a[1] || (a[1] = _((g) => c("press-enter"), ["enter"])),
-        onFocus: a[2] || (a[2] = (g) => n.value = !0),
-        onBlur: a[3] || (a[3] = (g) => n.value = !1)
-      }, null, 40, K), [
-        [V, u.value]
+        onInput: l,
+        onFocus: u[2] || (u[2] = (c) => i.value = !0),
+        onBlur: u[3] || (u[3] = (c) => i.value = !1)
+      }, null, 40, Ut), [
+        [ht, n.value]
       ])
     ], 2));
   }
-}), M = ["checked"], U = /* @__PURE__ */ b({
+}), Yt = ["checked"], Xt = /* @__PURE__ */ O({
   __name: "switch-checkbox",
   props: {
     modelValue: { type: Boolean },
@@ -102,26 +103,26 @@ const N = { class: "simple-input" }, O = { class: "yu-flex yu-h-full yu-pl-2" },
     disabled: { type: Boolean }
   },
   emits: ["update:modelValue", "change", "input"],
-  setup(e, { emit: l }) {
-    const u = i(e.modelValue);
-    return i(!1), h(u, (n) => {
-      l("update:modelValue", n);
-    }), (n, s) => (f(), m("div", {
+  setup(e, { emit: t }) {
+    const n = M(e.modelValue);
+    return M(!1), Ve(n, (i) => {
+      t("update:modelValue", i);
+    }), (i, s) => (P(), k("div", {
       class: "yu-relative yu-inline-block yu-w-10 yu-align-middle yu-select-none yu-transition yu-duration-200 yu-ease-in",
-      onClick: s[0] || (s[0] = (c) => u.value = !u.value)
+      onClick: s[0] || (s[0] = (r) => n.value = !n.value)
     }, [
-      t("input", {
+      y("input", {
         class: "yu-absolute yu-block yu-w-6 yu-h-6 yu-bg-white yu-border-4 yu-rounded-full yu-appearance-none yu-cursor-pointer toggle-checkbox checked:yu-right-0 checked:yu-border-primary-500",
         type: "checkbox",
-        checked: u.value
-      }, null, 8, M),
-      t("label", {
-        class: r(["yu-block yu-h-6 yu-overflow-hidden yu-bg-gray-300 yu-rounded-full yu-cursor-pointer yu-toggle-label", { "yu-bg-primary-500": u.value }]),
+        checked: n.value
+      }, null, 8, Yt),
+      y("label", {
+        class: C(["yu-block yu-h-6 yu-overflow-hidden yu-bg-gray-300 yu-rounded-full yu-cursor-pointer yu-toggle-label", { "yu-bg-primary-500": n.value }]),
         for: "toggle"
       }, null, 2)
     ]));
   }
-}), F = /* @__PURE__ */ b({
+}), Kt = /* @__PURE__ */ O({
   __name: "button-primary",
   props: {
     large: {
@@ -146,13 +147,13 @@ const N = { class: "simple-input" }, O = { class: "yu-flex yu-h-full yu-pl-2" },
     }
   },
   setup(e) {
-    return (l, o) => (f(), m("button", {
-      class: r(["yu-bg-primary yu-px-5 yu-p-2 yu-w-fit yu-text-base yu-text-white yu-rounded-md yu-transition-all yu-font-plus yu-font-bold yu-truncate hover:yu-brightness-90 active:yu-scale-95", { "!yu-px-7 !yu-p-4": e.large, "!yu-px-3 !yu-p-1": e.small, "!yu-bg-red-500": e.warning, "!yu-bg-yellow-400": e.alert, "!yu-bg-green-400": e.success }])
+    return (t, o) => (P(), k("button", {
+      class: C(["yu-bg-primary yu-px-5 yu-p-2 yu-w-fit yu-text-base yu-text-white yu-rounded-md yu-transition-all yu-font-plus yu-font-bold yu-truncate hover:yu-brightness-90 active:yu-scale-95", { "!yu-px-7 !yu-p-4": e.large, "!yu-px-3 !yu-p-1": e.small, "!yu-bg-red-500": e.warning, "!yu-bg-yellow-400": e.alert, "!yu-bg-green-400": e.success }])
     }, [
-      v(l.$slots, "default")
+      S(t.$slots, "default")
     ], 2));
   }
-}), L = /* @__PURE__ */ b({
+}), Jt = /* @__PURE__ */ O({
   __name: "button-secondary",
   props: {
     large: {
@@ -177,26 +178,26 @@ const N = { class: "simple-input" }, O = { class: "yu-flex yu-h-full yu-pl-2" },
     }
   },
   setup(e) {
-    return (l, o) => (f(), m("button", {
-      class: r(["yu-text-primary yu-bg-primary yu-text-base yu-w-fit yu-px-5 yu-p-2 yu-rounded-md yu-transition-all yu-font-plus yu-font-bold yu-truncate !yu-bg-opacity-5 group hover:!yu-bg-opacity-10 active:yu-scale-95 active:!yu-bg-opacity-20", { "!yu-text-lg": e.large, "!yu-text-sm": e.small, "!yu-text-red-500 !yu-bg-red-500": e.warning, "!yu-text-yellow-400 !yu-bg-yellow-400": e.alert, "!yu-text-green-400 !yu-bg-green-400": e.success }])
+    return (t, o) => (P(), k("button", {
+      class: C(["yu-text-primary yu-bg-primary yu-text-base yu-w-fit yu-px-5 yu-p-2 yu-rounded-md yu-transition-all yu-font-plus yu-font-bold yu-truncate !yu-bg-opacity-5 group hover:!yu-bg-opacity-10 active:yu-scale-95 active:!yu-bg-opacity-20", { "!yu-text-lg": e.large, "!yu-text-sm": e.small, "!yu-text-red-500 !yu-bg-red-500": e.warning, "!yu-text-yellow-400 !yu-bg-yellow-400": e.alert, "!yu-text-green-400 !yu-bg-green-400": e.success }])
     }, [
-      v(l.$slots, "default")
+      S(t.$slots, "default")
     ], 2));
   }
-}), j = { class: "yu-transition yu-text-gray-900 yu-font-plus yu-text-sm yu-p-2 yu-font-semibold yu-rounded-md yu-cursor-pointer yu-flex yu-items-center active:yu-scale-95 hover:yu-bg-primary-500 hover:!yu-bg-opacity-10 hover:yu-text-primary-400" };
-function q(e, l) {
-  return f(), m("div", j, [
-    v(e.$slots, "default")
+}), Qt = { class: "yu-transition yu-text-gray-900 yu-font-plus yu-text-sm yu-p-2 yu-font-semibold yu-rounded-md yu-cursor-pointer yu-flex yu-items-center active:yu-scale-95 hover:yu-bg-primary-500 hover:!yu-bg-opacity-10 hover:yu-text-primary-400" };
+function Zt(e, t) {
+  return P(), k("div", Qt, [
+    S(e.$slots, "default")
   ]);
 }
-const k = (e, l) => {
+const ye = (e, t) => {
   const o = e.__vccOpts || e;
-  for (const [u, n] of l)
-    o[u] = n;
+  for (const [n, i] of t)
+    o[n] = i;
   return o;
 };
-var A = {};
-const S = /* @__PURE__ */ k(A, [["render", q]]), G = { class: "yu-relative yu-w-full" }, H = { class: "yu-text-gray-700 yu-font-plus yu-font-medium yu-text-base yu-mr-2" }, J = { class: "yu-mt-2 yu-w-full yu-bg-white yu-rounded-md yu-flex yu-flex-col yu-gap-1 yu-shadow-md yu-absolute yu-z-10" }, Q = { class: "yu-w-full yu-rounded-md yu-p-2" }, R = /* @__PURE__ */ b({
+var eo = {};
+const yt = /* @__PURE__ */ ye(eo, [["render", Zt]]), to = { class: "yu-relative yu-w-full" }, oo = { class: "yu-text-gray-700 yu-font-plus yu-font-medium yu-text-base yu-mr-2" }, no = { class: "yu-mt-2 yu-w-full yu-bg-white yu-rounded-md yu-flex yu-flex-col yu-gap-1 yu-shadow-md yu-absolute yu-z-10" }, io = { class: "yu-w-full yu-rounded-md yu-p-2" }, so = /* @__PURE__ */ O({
   __name: "simple-dropdown",
   props: {
     label: null,
@@ -204,96 +205,2088 @@ const S = /* @__PURE__ */ k(A, [["render", q]]), G = { class: "yu-relative yu-w-
     isOpen: { type: Boolean }
   },
   setup(e) {
-    const l = e;
-    h(() => l.isOpen, (u) => {
-      o.value = u, console.log(u);
-    });
-    const o = i(!1);
-    return (u, n) => (f(), m("div", null, [
-      t("div", G, [
-        t("button", {
-          class: r(["yu-w-full yu-bg-gray-700 yu-bg-opacity-0 yu-px-3 yu-p-2 yu-rounded-md yu-flex yu-gap-1 yu-transition hover:yu-bg-opacity-10 yu-group active:yu-bg-primary-500 active:!yu-bg-opacity-10 active:yu-scale-95", { "!yu-bg-primary-500 !yu-bg-opacity-10": o.value }]),
-          onClick: n[0] || (n[0] = (s) => o.value = !o.value)
+    const t = e;
+    Ve(
+      () => t.isOpen,
+      (n) => {
+        o.value = n;
+      }
+    );
+    const o = M(!1);
+    return (n, i) => (P(), k("div", null, [
+      y("div", to, [
+        y("button", {
+          class: C(["yu-w-full yu-bg-gray-700 yu-bg-opacity-0 yu-px-3 yu-p-2 yu-rounded-md yu-flex yu-gap-1 yu-transition yu-border yu-border-gray-200 hover:yu-bg-opacity-10 yu-group active:yu-bg-primary-500 active:!yu-bg-opacity-10 active:yu-scale-95", { "!yu-bg-primary-500 !yu-bg-opacity-10": o.value }]),
+          onClick: i[0] || (i[0] = (s) => o.value = !o.value)
         }, [
-          x(t("i", {
-            class: r(["material-icons yu-text-gray-700 yu-h-fit", { "yu-text-primary-500": o.value }])
-          }, p(e.icon), 3), [
-            [w, e.icon]
+          be(y("i", {
+            class: C(["material-icons yu-text-gray-700 yu-h-fit", { "yu-text-primary-500": o.value }])
+          }, F(e.icon), 3), [
+            [Ke, e.icon]
           ]),
-          t("div", H, p(e.label), 1),
-          t("i", {
-            class: r(["material-icons yu-text-gray-700 yu-h-fit yu-ml-auto", { "yu-text-primary-500 yu-rotate-180": o.value }])
+          y("div", oo, F(e.label), 1),
+          y("i", {
+            class: C(["material-icons yu-text-gray-700 yu-h-fit yu-ml-auto", { "yu-text-primary-500 yu-rotate-180": o.value }])
           }, " keyboard_arrow_down", 2)
         ], 2),
-        x(t("div", J, [
-          t("div", Q, [
-            v(u.$slots, "default")
+        be(y("div", no, [
+          y("div", io, [
+            S(n.$slots, "default")
           ])
         ], 512), [
-          [w, o.value]
+          [Ke, o.value]
         ])
       ])
     ]));
   }
-}), W = { class: "yu-w-fit yu-relative" }, X = { class: "yu-text-gray-700 yu-font-plus yu-font-medium yu-text-base yu-mr-2" }, Y = { class: "yu-mt-2 yu-w-full yu-bg-white yu-rounded-md yu-shadow-md yu-z-10 yu-absolute" }, Z = { class: "yu-w-full yu-rounded-md yu-p-2 yu-flex yu-flex-col yu-gap-1" }, ee = /* @__PURE__ */ t("div", { class: "yu-text-gray-700 yu-text-xs" }, "Selecionar todos", -1), te = /* @__PURE__ */ b({
-  __name: "select-dropdown",
+}), ro = ["top", "right", "bottom", "left"], Je = ["start", "end"], Qe = /* @__PURE__ */ ro.reduce((e, t) => e.concat(t, t + "-" + Je[0], t + "-" + Je[1]), []), pe = Math.min, oe = Math.max, lo = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, ao = {
+  start: "end",
+  end: "start"
+};
+function Ee(e, t, o) {
+  return oe(e, pe(t, o));
+}
+function ie(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function U(e) {
+  return e.split("-")[0];
+}
+function V(e) {
+  return e.split("-")[1];
+}
+function mt(e) {
+  return e === "x" ? "y" : "x";
+}
+function je(e) {
+  return e === "y" ? "height" : "width";
+}
+function me(e) {
+  return ["top", "bottom"].includes(U(e)) ? "y" : "x";
+}
+function qe(e) {
+  return mt(me(e));
+}
+function gt(e, t, o) {
+  o === void 0 && (o = !1);
+  const n = V(e), i = qe(e), s = je(i);
+  let r = i === "x" ? n === (o ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
+  return t.reference[s] > t.floating[s] && (r = Se(r)), [r, Se(r)];
+}
+function uo(e) {
+  const t = Se(e);
+  return [$e(e), t, $e(t)];
+}
+function $e(e) {
+  return e.replace(/start|end/g, (t) => ao[t]);
+}
+function co(e, t, o) {
+  const n = ["left", "right"], i = ["right", "left"], s = ["top", "bottom"], r = ["bottom", "top"];
+  switch (e) {
+    case "top":
+    case "bottom":
+      return o ? t ? i : n : t ? n : i;
+    case "left":
+    case "right":
+      return t ? s : r;
+    default:
+      return [];
+  }
+}
+function po(e, t, o, n) {
+  const i = V(e);
+  let s = co(U(e), o === "start", n);
+  return i && (s = s.map((r) => r + "-" + i), t && (s = s.concat(s.map($e)))), s;
+}
+function Se(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => lo[t]);
+}
+function ho(e) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...e
+  };
+}
+function wt(e) {
+  return typeof e != "number" ? ho(e) : {
+    top: e,
+    right: e,
+    bottom: e,
+    left: e
+  };
+}
+function ae(e) {
+  return {
+    ...e,
+    top: e.y,
+    left: e.x,
+    right: e.x + e.width,
+    bottom: e.y + e.height
+  };
+}
+function Ze(e, t, o) {
+  let {
+    reference: n,
+    floating: i
+  } = e;
+  const s = me(t), r = qe(t), l = je(r), a = U(t), u = s === "y", c = n.x + n.width / 2 - i.width / 2, p = n.y + n.height / 2 - i.height / 2, h = n[l] / 2 - i[l] / 2;
+  let d;
+  switch (a) {
+    case "top":
+      d = {
+        x: c,
+        y: n.y - i.height
+      };
+      break;
+    case "bottom":
+      d = {
+        x: c,
+        y: n.y + n.height
+      };
+      break;
+    case "right":
+      d = {
+        x: n.x + n.width,
+        y: p
+      };
+      break;
+    case "left":
+      d = {
+        x: n.x - i.width,
+        y: p
+      };
+      break;
+    default:
+      d = {
+        x: n.x,
+        y: n.y
+      };
+  }
+  switch (V(t)) {
+    case "start":
+      d[r] -= h * (o && u ? -1 : 1);
+      break;
+    case "end":
+      d[r] += h * (o && u ? -1 : 1);
+      break;
+  }
+  return d;
+}
+const fo = async (e, t, o) => {
+  const {
+    placement: n = "bottom",
+    strategy: i = "absolute",
+    middleware: s = [],
+    platform: r
+  } = o, l = s.filter(Boolean), a = await (r.isRTL == null ? void 0 : r.isRTL(t));
+  let u = await r.getElementRects({
+    reference: e,
+    floating: t,
+    strategy: i
+  }), {
+    x: c,
+    y: p
+  } = Ze(u, n, a), h = n, d = {}, f = 0;
+  for (let m = 0; m < l.length; m++) {
+    const {
+      name: v,
+      fn: g
+    } = l[m], {
+      x: w,
+      y: b,
+      data: $,
+      reset: _
+    } = await g({
+      x: c,
+      y: p,
+      initialPlacement: n,
+      placement: h,
+      strategy: i,
+      middlewareData: d,
+      rects: u,
+      platform: r,
+      elements: {
+        reference: e,
+        floating: t
+      }
+    });
+    if (c = w ?? c, p = b ?? p, d = {
+      ...d,
+      [v]: {
+        ...d[v],
+        ...$
+      }
+    }, _ && f <= 50) {
+      f++, typeof _ == "object" && (_.placement && (h = _.placement), _.rects && (u = _.rects === !0 ? await r.getElementRects({
+        reference: e,
+        floating: t,
+        strategy: i
+      }) : _.rects), {
+        x: c,
+        y: p
+      } = Ze(u, h, a)), m = -1;
+      continue;
+    }
+  }
+  return {
+    x: c,
+    y: p,
+    placement: h,
+    strategy: i,
+    middlewareData: d
+  };
+};
+async function Be(e, t) {
+  var o;
+  t === void 0 && (t = {});
+  const {
+    x: n,
+    y: i,
+    platform: s,
+    rects: r,
+    elements: l,
+    strategy: a
+  } = e, {
+    boundary: u = "clippingAncestors",
+    rootBoundary: c = "viewport",
+    elementContext: p = "floating",
+    altBoundary: h = !1,
+    padding: d = 0
+  } = ie(t, e), f = wt(d), v = l[h ? p === "floating" ? "reference" : "floating" : p], g = ae(await s.getClippingRect({
+    element: (o = await (s.isElement == null ? void 0 : s.isElement(v))) == null || o ? v : v.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(l.floating)),
+    boundary: u,
+    rootBoundary: c,
+    strategy: a
+  })), w = p === "floating" ? {
+    ...r.floating,
+    x: n,
+    y: i
+  } : r.reference, b = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l.floating)), $ = await (s.isElement == null ? void 0 : s.isElement(b)) ? await (s.getScale == null ? void 0 : s.getScale(b)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, _ = ae(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+    rect: w,
+    offsetParent: b,
+    strategy: a
+  }) : w);
+  return {
+    top: (g.top - _.top + f.top) / $.y,
+    bottom: (_.bottom - g.bottom + f.bottom) / $.y,
+    left: (g.left - _.left + f.left) / $.x,
+    right: (_.right - g.right + f.right) / $.x
+  };
+}
+const yo = (e) => ({
+  name: "arrow",
+  options: e,
+  async fn(t) {
+    const {
+      x: o,
+      y: n,
+      placement: i,
+      rects: s,
+      platform: r,
+      elements: l,
+      middlewareData: a
+    } = t, {
+      element: u,
+      padding: c = 0
+    } = ie(e, t) || {};
+    if (u == null)
+      return {};
+    const p = wt(c), h = {
+      x: o,
+      y: n
+    }, d = qe(i), f = je(d), m = await r.getDimensions(u), v = d === "y", g = v ? "top" : "left", w = v ? "bottom" : "right", b = v ? "clientHeight" : "clientWidth", $ = s.reference[f] + s.reference[d] - h[d] - s.floating[f], _ = h[d] - s.reference[d], T = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(u));
+    let B = T ? T[b] : 0;
+    (!B || !await (r.isElement == null ? void 0 : r.isElement(T))) && (B = l.floating[b] || s.floating[f]);
+    const R = $ / 2 - _ / 2, E = B / 2 - m[f] / 2 - 1, A = pe(p[g], E), H = pe(p[w], E), z = A, ee = B - m[f] - H, N = B / 2 - m[f] / 2 + R, W = Ee(z, N, ee), j = !a.arrow && V(i) != null && N != W && s.reference[f] / 2 - (N < z ? A : H) - m[f] / 2 < 0, Y = j ? N < z ? N - z : N - ee : 0;
+    return {
+      [d]: h[d] + Y,
+      data: {
+        [d]: W,
+        centerOffset: N - W - Y,
+        ...j && {
+          alignmentOffset: Y
+        }
+      },
+      reset: j
+    };
+  }
+});
+function mo(e, t, o) {
+  return (e ? [...o.filter((i) => V(i) === e), ...o.filter((i) => V(i) !== e)] : o.filter((i) => U(i) === i)).filter((i) => e ? V(i) === e || (t ? $e(i) !== i : !1) : !0);
+}
+const go = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "autoPlacement",
+    options: e,
+    async fn(t) {
+      var o, n, i;
+      const {
+        rects: s,
+        middlewareData: r,
+        placement: l,
+        platform: a,
+        elements: u
+      } = t, {
+        crossAxis: c = !1,
+        alignment: p,
+        allowedPlacements: h = Qe,
+        autoAlignment: d = !0,
+        ...f
+      } = ie(e, t), m = p !== void 0 || h === Qe ? mo(p || null, d, h) : h, v = await Be(t, f), g = ((o = r.autoPlacement) == null ? void 0 : o.index) || 0, w = m[g];
+      if (w == null)
+        return {};
+      const b = gt(w, s, await (a.isRTL == null ? void 0 : a.isRTL(u.floating)));
+      if (l !== w)
+        return {
+          reset: {
+            placement: m[0]
+          }
+        };
+      const $ = [v[U(w)], v[b[0]], v[b[1]]], _ = [...((n = r.autoPlacement) == null ? void 0 : n.overflows) || [], {
+        placement: w,
+        overflows: $
+      }], T = m[g + 1];
+      if (T)
+        return {
+          data: {
+            index: g + 1,
+            overflows: _
+          },
+          reset: {
+            placement: T
+          }
+        };
+      const B = _.map((A) => {
+        const H = V(A.placement);
+        return [A.placement, H && c ? (
+          // Check along the mainAxis and main crossAxis side.
+          A.overflows.slice(0, 2).reduce((z, ee) => z + ee, 0)
+        ) : (
+          // Check only the mainAxis.
+          A.overflows[0]
+        ), A.overflows];
+      }).sort((A, H) => A[1] - H[1]), E = ((i = B.filter((A) => A[2].slice(
+        0,
+        // Aligned placements should not check their opposite crossAxis
+        // side.
+        V(A[0]) ? 2 : 3
+      ).every((H) => H <= 0))[0]) == null ? void 0 : i[0]) || B[0][0];
+      return E !== l ? {
+        data: {
+          index: g + 1,
+          overflows: _
+        },
+        reset: {
+          placement: E
+        }
+      } : {};
+    }
+  };
+}, wo = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "flip",
+    options: e,
+    async fn(t) {
+      var o, n;
+      const {
+        placement: i,
+        middlewareData: s,
+        rects: r,
+        initialPlacement: l,
+        platform: a,
+        elements: u
+      } = t, {
+        mainAxis: c = !0,
+        crossAxis: p = !0,
+        fallbackPlacements: h,
+        fallbackStrategy: d = "bestFit",
+        fallbackAxisSideDirection: f = "none",
+        flipAlignment: m = !0,
+        ...v
+      } = ie(e, t);
+      if ((o = s.arrow) != null && o.alignmentOffset)
+        return {};
+      const g = U(i), w = U(l) === l, b = await (a.isRTL == null ? void 0 : a.isRTL(u.floating)), $ = h || (w || !m ? [Se(l)] : uo(l));
+      !h && f !== "none" && $.push(...po(l, m, f, b));
+      const _ = [l, ...$], T = await Be(t, v), B = [];
+      let R = ((n = s.flip) == null ? void 0 : n.overflows) || [];
+      if (c && B.push(T[g]), p) {
+        const z = gt(i, r, b);
+        B.push(T[z[0]], T[z[1]]);
+      }
+      if (R = [...R, {
+        placement: i,
+        overflows: B
+      }], !B.every((z) => z <= 0)) {
+        var E, A;
+        const z = (((E = s.flip) == null ? void 0 : E.index) || 0) + 1, ee = _[z];
+        if (ee)
+          return {
+            data: {
+              index: z,
+              overflows: R
+            },
+            reset: {
+              placement: ee
+            }
+          };
+        let N = (A = R.filter((W) => W.overflows[0] <= 0).sort((W, j) => W.overflows[1] - j.overflows[1])[0]) == null ? void 0 : A.placement;
+        if (!N)
+          switch (d) {
+            case "bestFit": {
+              var H;
+              const W = (H = R.map((j) => [j.placement, j.overflows.filter((Y) => Y > 0).reduce((Y, Nt) => Y + Nt, 0)]).sort((j, Y) => j[1] - Y[1])[0]) == null ? void 0 : H[0];
+              W && (N = W);
+              break;
+            }
+            case "initialPlacement":
+              N = l;
+              break;
+          }
+        if (i !== N)
+          return {
+            reset: {
+              placement: N
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+async function vo(e, t) {
+  const {
+    placement: o,
+    platform: n,
+    elements: i
+  } = e, s = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), r = U(o), l = V(o), a = me(o) === "y", u = ["left", "top"].includes(r) ? -1 : 1, c = s && a ? -1 : 1, p = ie(t, e);
+  let {
+    mainAxis: h,
+    crossAxis: d,
+    alignmentAxis: f
+  } = typeof p == "number" ? {
+    mainAxis: p,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: 0,
+    crossAxis: 0,
+    alignmentAxis: null,
+    ...p
+  };
+  return l && typeof f == "number" && (d = l === "end" ? f * -1 : f), a ? {
+    x: d * c,
+    y: h * u
+  } : {
+    x: h * u,
+    y: d * c
+  };
+}
+const xo = function(e) {
+  return e === void 0 && (e = 0), {
+    name: "offset",
+    options: e,
+    async fn(t) {
+      var o, n;
+      const {
+        x: i,
+        y: s,
+        placement: r,
+        middlewareData: l
+      } = t, a = await vo(t, e);
+      return r === ((o = l.offset) == null ? void 0 : o.placement) && (n = l.arrow) != null && n.alignmentOffset ? {} : {
+        x: i + a.x,
+        y: s + a.y,
+        data: {
+          ...a,
+          placement: r
+        }
+      };
+    }
+  };
+}, bo = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "shift",
+    options: e,
+    async fn(t) {
+      const {
+        x: o,
+        y: n,
+        placement: i
+      } = t, {
+        mainAxis: s = !0,
+        crossAxis: r = !1,
+        limiter: l = {
+          fn: (v) => {
+            let {
+              x: g,
+              y: w
+            } = v;
+            return {
+              x: g,
+              y: w
+            };
+          }
+        },
+        ...a
+      } = ie(e, t), u = {
+        x: o,
+        y: n
+      }, c = await Be(t, a), p = me(U(i)), h = mt(p);
+      let d = u[h], f = u[p];
+      if (s) {
+        const v = h === "y" ? "top" : "left", g = h === "y" ? "bottom" : "right", w = d + c[v], b = d - c[g];
+        d = Ee(w, d, b);
+      }
+      if (r) {
+        const v = p === "y" ? "top" : "left", g = p === "y" ? "bottom" : "right", w = f + c[v], b = f - c[g];
+        f = Ee(w, f, b);
+      }
+      const m = l.fn({
+        ...t,
+        [h]: d,
+        [p]: f
+      });
+      return {
+        ...m,
+        data: {
+          x: m.x - o,
+          y: m.y - n
+        }
+      };
+    }
+  };
+}, _o = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "size",
+    options: e,
+    async fn(t) {
+      const {
+        placement: o,
+        rects: n,
+        platform: i,
+        elements: s
+      } = t, {
+        apply: r = () => {
+        },
+        ...l
+      } = ie(e, t), a = await Be(t, l), u = U(o), c = V(o), p = me(o) === "y", {
+        width: h,
+        height: d
+      } = n.floating;
+      let f, m;
+      u === "top" || u === "bottom" ? (f = u, m = c === (await (i.isRTL == null ? void 0 : i.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (m = u, f = c === "end" ? "top" : "bottom");
+      const v = d - a[f], g = h - a[m], w = !t.middlewareData.shift;
+      let b = v, $ = g;
+      if (p) {
+        const T = h - a.left - a.right;
+        $ = c || w ? pe(g, T) : T;
+      } else {
+        const T = d - a.top - a.bottom;
+        b = c || w ? pe(v, T) : T;
+      }
+      if (w && !c) {
+        const T = oe(a.left, 0), B = oe(a.right, 0), R = oe(a.top, 0), E = oe(a.bottom, 0);
+        p ? $ = h - 2 * (T !== 0 || B !== 0 ? T + B : oe(a.left, a.right)) : b = d - 2 * (R !== 0 || E !== 0 ? R + E : oe(a.top, a.bottom));
+      }
+      await r({
+        ...t,
+        availableWidth: $,
+        availableHeight: b
+      });
+      const _ = await i.getDimensions(s.floating);
+      return h !== _.width || d !== _.height ? {
+        reset: {
+          rects: !0
+        }
+      } : {};
+    }
+  };
+};
+function L(e) {
+  var t;
+  return ((t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function q(e) {
+  return L(e).getComputedStyle(e);
+}
+const et = Math.min, ue = Math.max, Te = Math.round;
+function vt(e) {
+  const t = q(e);
+  let o = parseFloat(t.width), n = parseFloat(t.height);
+  const i = e.offsetWidth, s = e.offsetHeight, r = Te(o) !== i || Te(n) !== s;
+  return r && (o = i, n = s), { width: o, height: n, fallback: r };
+}
+function Z(e) {
+  return bt(e) ? (e.nodeName || "").toLowerCase() : "";
+}
+let we;
+function xt() {
+  if (we)
+    return we;
+  const e = navigator.userAgentData;
+  return e && Array.isArray(e.brands) ? (we = e.brands.map((t) => t.brand + "/" + t.version).join(" "), we) : navigator.userAgent;
+}
+function G(e) {
+  return e instanceof L(e).HTMLElement;
+}
+function J(e) {
+  return e instanceof L(e).Element;
+}
+function bt(e) {
+  return e instanceof L(e).Node;
+}
+function tt(e) {
+  return typeof ShadowRoot > "u" ? !1 : e instanceof L(e).ShadowRoot || e instanceof ShadowRoot;
+}
+function Ae(e) {
+  const { overflow: t, overflowX: o, overflowY: n, display: i } = q(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + n + o) && !["inline", "contents"].includes(i);
+}
+function $o(e) {
+  return ["table", "td", "th"].includes(Z(e));
+}
+function He(e) {
+  const t = /firefox/i.test(xt()), o = q(e), n = o.backdropFilter || o.WebkitBackdropFilter;
+  return o.transform !== "none" || o.perspective !== "none" || !!n && n !== "none" || t && o.willChange === "filter" || t && !!o.filter && o.filter !== "none" || ["transform", "perspective"].some((i) => o.willChange.includes(i)) || ["paint", "layout", "strict", "content"].some((i) => {
+    const s = o.contain;
+    return s != null && s.includes(i);
+  });
+}
+function _t() {
+  return !/^((?!chrome|android).)*safari/i.test(xt());
+}
+function Ge(e) {
+  return ["html", "body", "#document"].includes(Z(e));
+}
+function $t(e) {
+  return J(e) ? e : e.contextElement;
+}
+const St = { x: 1, y: 1 };
+function se(e) {
+  const t = $t(e);
+  if (!G(t))
+    return St;
+  const o = t.getBoundingClientRect(), { width: n, height: i, fallback: s } = vt(t);
+  let r = (s ? Te(o.width) : o.width) / n, l = (s ? Te(o.height) : o.height) / i;
+  return r && Number.isFinite(r) || (r = 1), l && Number.isFinite(l) || (l = 1), { x: r, y: l };
+}
+function he(e, t, o, n) {
+  var i, s;
+  t === void 0 && (t = !1), o === void 0 && (o = !1);
+  const r = e.getBoundingClientRect(), l = $t(e);
+  let a = St;
+  t && (n ? J(n) && (a = se(n)) : a = se(e));
+  const u = l ? L(l) : window, c = !_t() && o;
+  let p = (r.left + (c && ((i = u.visualViewport) == null ? void 0 : i.offsetLeft) || 0)) / a.x, h = (r.top + (c && ((s = u.visualViewport) == null ? void 0 : s.offsetTop) || 0)) / a.y, d = r.width / a.x, f = r.height / a.y;
+  if (l) {
+    const m = L(l), v = n && J(n) ? L(n) : n;
+    let g = m.frameElement;
+    for (; g && n && v !== m; ) {
+      const w = se(g), b = g.getBoundingClientRect(), $ = getComputedStyle(g);
+      b.x += (g.clientLeft + parseFloat($.paddingLeft)) * w.x, b.y += (g.clientTop + parseFloat($.paddingTop)) * w.y, p *= w.x, h *= w.y, d *= w.x, f *= w.y, p += b.x, h += b.y, g = L(g).frameElement;
+    }
+  }
+  return { width: d, height: f, top: h, right: p + d, bottom: h + f, left: p, x: p, y: h };
+}
+function Q(e) {
+  return ((bt(e) ? e.ownerDocument : e.document) || window.document).documentElement;
+}
+function ke(e) {
+  return J(e) ? { scrollLeft: e.scrollLeft, scrollTop: e.scrollTop } : { scrollLeft: e.pageXOffset, scrollTop: e.pageYOffset };
+}
+function Tt(e) {
+  return he(Q(e)).left + ke(e).scrollLeft;
+}
+function fe(e) {
+  if (Z(e) === "html")
+    return e;
+  const t = e.assignedSlot || e.parentNode || tt(e) && e.host || Q(e);
+  return tt(t) ? t.host : t;
+}
+function Pt(e) {
+  const t = fe(e);
+  return Ge(t) ? t.ownerDocument.body : G(t) && Ae(t) ? t : Pt(t);
+}
+function Pe(e, t) {
+  var o;
+  t === void 0 && (t = []);
+  const n = Pt(e), i = n === ((o = e.ownerDocument) == null ? void 0 : o.body), s = L(n);
+  return i ? t.concat(s, s.visualViewport || [], Ae(n) ? n : []) : t.concat(n, Pe(n));
+}
+function ot(e, t, o) {
+  return t === "viewport" ? ae(function(n, i) {
+    const s = L(n), r = Q(n), l = s.visualViewport;
+    let a = r.clientWidth, u = r.clientHeight, c = 0, p = 0;
+    if (l) {
+      a = l.width, u = l.height;
+      const h = _t();
+      (h || !h && i === "fixed") && (c = l.offsetLeft, p = l.offsetTop);
+    }
+    return { width: a, height: u, x: c, y: p };
+  }(e, o)) : J(t) ? ae(function(n, i) {
+    const s = he(n, !0, i === "fixed"), r = s.top + n.clientTop, l = s.left + n.clientLeft, a = G(n) ? se(n) : { x: 1, y: 1 };
+    return { width: n.clientWidth * a.x, height: n.clientHeight * a.y, x: l * a.x, y: r * a.y };
+  }(t, o)) : ae(function(n) {
+    const i = Q(n), s = ke(n), r = n.ownerDocument.body, l = ue(i.scrollWidth, i.clientWidth, r.scrollWidth, r.clientWidth), a = ue(i.scrollHeight, i.clientHeight, r.scrollHeight, r.clientHeight);
+    let u = -s.scrollLeft + Tt(n);
+    const c = -s.scrollTop;
+    return q(r).direction === "rtl" && (u += ue(i.clientWidth, r.clientWidth) - l), { width: l, height: a, x: u, y: c };
+  }(Q(e)));
+}
+function nt(e) {
+  return G(e) && q(e).position !== "fixed" ? e.offsetParent : null;
+}
+function it(e) {
+  const t = L(e);
+  let o = nt(e);
+  for (; o && $o(o) && q(o).position === "static"; )
+    o = nt(o);
+  return o && (Z(o) === "html" || Z(o) === "body" && q(o).position === "static" && !He(o)) ? t : o || function(n) {
+    let i = fe(n);
+    for (; G(i) && !Ge(i); ) {
+      if (He(i))
+        return i;
+      i = fe(i);
+    }
+    return null;
+  }(e) || t;
+}
+function So(e, t, o) {
+  const n = G(t), i = Q(t), s = he(e, !0, o === "fixed", t);
+  let r = { scrollLeft: 0, scrollTop: 0 };
+  const l = { x: 0, y: 0 };
+  if (n || !n && o !== "fixed")
+    if ((Z(t) !== "body" || Ae(i)) && (r = ke(t)), G(t)) {
+      const a = he(t, !0);
+      l.x = a.x + t.clientLeft, l.y = a.y + t.clientTop;
+    } else
+      i && (l.x = Tt(i));
+  return { x: s.left + r.scrollLeft - l.x, y: s.top + r.scrollTop - l.y, width: s.width, height: s.height };
+}
+const To = { getClippingRect: function(e) {
+  let { element: t, boundary: o, rootBoundary: n, strategy: i } = e;
+  const s = o === "clippingAncestors" ? function(u, c) {
+    const p = c.get(u);
+    if (p)
+      return p;
+    let h = Pe(u).filter((v) => J(v) && Z(v) !== "body"), d = null;
+    const f = q(u).position === "fixed";
+    let m = f ? fe(u) : u;
+    for (; J(m) && !Ge(m); ) {
+      const v = q(m), g = He(m);
+      (f ? g || d : g || v.position !== "static" || !d || !["absolute", "fixed"].includes(d.position)) ? d = v : h = h.filter((w) => w !== m), m = fe(m);
+    }
+    return c.set(u, h), h;
+  }(t, this._c) : [].concat(o), r = [...s, n], l = r[0], a = r.reduce((u, c) => {
+    const p = ot(t, c, i);
+    return u.top = ue(p.top, u.top), u.right = et(p.right, u.right), u.bottom = et(p.bottom, u.bottom), u.left = ue(p.left, u.left), u;
+  }, ot(t, l, i));
+  return { width: a.right - a.left, height: a.bottom - a.top, x: a.left, y: a.top };
+}, convertOffsetParentRelativeRectToViewportRelativeRect: function(e) {
+  let { rect: t, offsetParent: o, strategy: n } = e;
+  const i = G(o), s = Q(o);
+  if (o === s)
+    return t;
+  let r = { scrollLeft: 0, scrollTop: 0 }, l = { x: 1, y: 1 };
+  const a = { x: 0, y: 0 };
+  if ((i || !i && n !== "fixed") && ((Z(o) !== "body" || Ae(s)) && (r = ke(o)), G(o))) {
+    const u = he(o);
+    l = se(o), a.x = u.x + o.clientLeft, a.y = u.y + o.clientTop;
+  }
+  return { width: t.width * l.x, height: t.height * l.y, x: t.x * l.x - r.scrollLeft * l.x + a.x, y: t.y * l.y - r.scrollTop * l.y + a.y };
+}, isElement: J, getDimensions: function(e) {
+  return G(e) ? vt(e) : e.getBoundingClientRect();
+}, getOffsetParent: it, getDocumentElement: Q, getScale: se, async getElementRects(e) {
+  let { reference: t, floating: o, strategy: n } = e;
+  const i = this.getOffsetParent || it, s = this.getDimensions;
+  return { reference: So(t, await i(o), n), floating: { x: 0, y: 0, ...await s(o) } };
+}, getClientRects: (e) => Array.from(e.getClientRects()), isRTL: (e) => q(e).direction === "rtl" }, Po = (e, t, o) => {
+  const n = /* @__PURE__ */ new Map(), i = { platform: To, ...o }, s = { ...i.platform, _c: n };
+  return fo(e, t, { ...i, platform: s });
+}, ne = {
+  // Disable popper components
+  disabled: !1,
+  // Default position offset along main axis (px)
+  distance: 5,
+  // Default position offset along cross axis (px)
+  skidding: 0,
+  // Default container where the tooltip will be appended
+  container: "body",
+  // Element used to compute position and size boundaries
+  boundary: void 0,
+  // Skip delay & CSS transitions when another popper is shown, so that the popper appear to instanly move to the new position.
+  instantMove: !1,
+  // Auto destroy tooltip DOM nodes (ms)
+  disposeTimeout: 5e3,
+  // Triggers on the popper itself
+  popperTriggers: [],
+  // Positioning strategy
+  strategy: "absolute",
+  // Prevent overflow
+  preventOverflow: !0,
+  // Flip to the opposite placement if needed
+  flip: !0,
+  // Shift on the cross axis to prevent the popper from overflowing
+  shift: !0,
+  // Overflow padding (px)
+  overflowPadding: 0,
+  // Arrow padding (px)
+  arrowPadding: 0,
+  // Compute arrow overflow (useful to hide it)
+  arrowOverflow: !0,
+  // Themes
+  themes: {
+    tooltip: {
+      // Default tooltip placement relative to target element
+      placement: "top",
+      // Default events that trigger the tooltip
+      triggers: ["hover", "focus", "touch"],
+      // Close tooltip on click on tooltip target
+      hideTriggers: (e) => [...e, "click"],
+      // Delay (ms)
+      delay: {
+        show: 200,
+        hide: 0
+      },
+      // Update popper on content resize
+      handleResize: !1,
+      // Enable HTML content in directive
+      html: !1,
+      // Displayed when tooltip content is loading
+      loadingContent: "..."
+    },
+    dropdown: {
+      // Default dropdown placement relative to target element
+      placement: "bottom",
+      // Default events that trigger the dropdown
+      triggers: ["click"],
+      // Delay (ms)
+      delay: 0,
+      // Update popper on content resize
+      handleResize: !0,
+      // Hide on clock outside
+      autoHide: !0
+    },
+    menu: {
+      $extend: "dropdown",
+      triggers: ["hover", "focus"],
+      popperTriggers: ["hover", "focus"],
+      delay: {
+        show: 0,
+        hide: 400
+      }
+    }
+  }
+};
+function Me(e, t) {
+  let o = ne.themes[e] || {}, n;
+  do
+    n = o[t], typeof n > "u" ? o.$extend ? o = ne.themes[o.$extend] || {} : (o = null, n = ne[t]) : o = null;
+  while (o);
+  return n;
+}
+function Co(e) {
+  const t = [e];
+  let o = ne.themes[e] || {};
+  do
+    o.$extend && !o.$resetCss ? (t.push(o.$extend), o = ne.themes[o.$extend] || {}) : o = null;
+  while (o);
+  return t.map((n) => `v-popper--theme-${n}`);
+}
+function st(e) {
+  const t = [e];
+  let o = ne.themes[e] || {};
+  do
+    o.$extend ? (t.push(o.$extend), o = ne.themes[o.$extend] || {}) : o = null;
+  while (o);
+  return t;
+}
+let re = !1;
+if (typeof window < "u") {
+  re = !1;
+  try {
+    const e = Object.defineProperty({}, "passive", {
+      get() {
+        re = !0;
+      }
+    });
+    window.addEventListener("test", null, e);
+  } catch {
+  }
+}
+let Ct = !1;
+typeof window < "u" && typeof navigator < "u" && (Ct = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream);
+const Bo = ["auto", "top", "bottom", "left", "right"].reduce((e, t) => e.concat([
+  t,
+  `${t}-start`,
+  `${t}-end`
+]), []), rt = {
+  hover: "mouseenter",
+  focus: "focus",
+  click: "click",
+  touch: "touchstart",
+  pointer: "pointerdown"
+}, lt = {
+  hover: "mouseleave",
+  focus: "blur",
+  click: "click",
+  touch: "touchend",
+  pointer: "pointerup"
+};
+function at(e, t) {
+  const o = e.indexOf(t);
+  o !== -1 && e.splice(o, 1);
+}
+function Ne() {
+  return new Promise((e) => requestAnimationFrame(() => {
+    requestAnimationFrame(e);
+  }));
+}
+const I = [];
+let te = null;
+const ut = {};
+function dt(e) {
+  let t = ut[e];
+  return t || (t = ut[e] = []), t;
+}
+let Ie = function() {
+};
+typeof window < "u" && (Ie = window.Element);
+function x(e) {
+  return function(t) {
+    return Me(t.theme, e);
+  };
+}
+const De = "__floating-vue__popper", Bt = () => O({
+  name: "VPopper",
+  provide() {
+    return {
+      [De]: {
+        parentPopper: this
+      }
+    };
+  },
+  inject: {
+    [De]: { default: null }
+  },
   props: {
-    label: null,
-    icon: null,
-    isOpen: { type: Boolean }
+    theme: {
+      type: String,
+      required: !0
+    },
+    targetNodes: {
+      type: Function,
+      required: !0
+    },
+    referenceNode: {
+      type: Function,
+      default: null
+    },
+    popperNode: {
+      type: Function,
+      required: !0
+    },
+    shown: {
+      type: Boolean,
+      default: !1
+    },
+    showGroup: {
+      type: String,
+      default: null
+    },
+    // eslint-disable-next-line vue/require-prop-types
+    ariaId: {
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: x("disabled")
+    },
+    positioningDisabled: {
+      type: Boolean,
+      default: x("positioningDisabled")
+    },
+    placement: {
+      type: String,
+      default: x("placement"),
+      validator: (e) => Bo.includes(e)
+    },
+    delay: {
+      type: [String, Number, Object],
+      default: x("delay")
+    },
+    distance: {
+      type: [Number, String],
+      default: x("distance")
+    },
+    skidding: {
+      type: [Number, String],
+      default: x("skidding")
+    },
+    triggers: {
+      type: Array,
+      default: x("triggers")
+    },
+    showTriggers: {
+      type: [Array, Function],
+      default: x("showTriggers")
+    },
+    hideTriggers: {
+      type: [Array, Function],
+      default: x("hideTriggers")
+    },
+    popperTriggers: {
+      type: Array,
+      default: x("popperTriggers")
+    },
+    popperShowTriggers: {
+      type: [Array, Function],
+      default: x("popperShowTriggers")
+    },
+    popperHideTriggers: {
+      type: [Array, Function],
+      default: x("popperHideTriggers")
+    },
+    container: {
+      type: [String, Object, Ie, Boolean],
+      default: x("container")
+    },
+    boundary: {
+      type: [String, Ie],
+      default: x("boundary")
+    },
+    strategy: {
+      type: String,
+      validator: (e) => ["absolute", "fixed"].includes(e),
+      default: x("strategy")
+    },
+    autoHide: {
+      type: [Boolean, Function],
+      default: x("autoHide")
+    },
+    handleResize: {
+      type: Boolean,
+      default: x("handleResize")
+    },
+    instantMove: {
+      type: Boolean,
+      default: x("instantMove")
+    },
+    eagerMount: {
+      type: Boolean,
+      default: x("eagerMount")
+    },
+    popperClass: {
+      type: [String, Array, Object],
+      default: x("popperClass")
+    },
+    computeTransformOrigin: {
+      type: Boolean,
+      default: x("computeTransformOrigin")
+    },
+    /**
+     * @deprecated
+     */
+    autoMinSize: {
+      type: Boolean,
+      default: x("autoMinSize")
+    },
+    autoSize: {
+      type: [Boolean, String],
+      default: x("autoSize")
+    },
+    /**
+     * @deprecated
+     */
+    autoMaxSize: {
+      type: Boolean,
+      default: x("autoMaxSize")
+    },
+    autoBoundaryMaxSize: {
+      type: Boolean,
+      default: x("autoBoundaryMaxSize")
+    },
+    preventOverflow: {
+      type: Boolean,
+      default: x("preventOverflow")
+    },
+    overflowPadding: {
+      type: [Number, String],
+      default: x("overflowPadding")
+    },
+    arrowPadding: {
+      type: [Number, String],
+      default: x("arrowPadding")
+    },
+    arrowOverflow: {
+      type: Boolean,
+      default: x("arrowOverflow")
+    },
+    flip: {
+      type: Boolean,
+      default: x("flip")
+    },
+    shift: {
+      type: Boolean,
+      default: x("shift")
+    },
+    shiftCrossAxis: {
+      type: Boolean,
+      default: x("shiftCrossAxis")
+    },
+    noAutoFocus: {
+      type: Boolean,
+      default: x("noAutoFocus")
+    },
+    disposeTimeout: {
+      type: Number,
+      default: x("disposeTimeout")
+    }
   },
-  emits: ["select-all", "deselect-all"],
-  setup(e, { emit: l }) {
-    const o = e;
-    h(() => o.isOpen, (c) => {
-      u.value = c, console.log(c);
-    });
-    const u = i(!1), n = i(!1), s = () => {
-      if (n.value = !n.value, n.value) {
-        l("select-all");
+  emits: [
+    "show",
+    "hide",
+    "update:shown",
+    "apply-show",
+    "apply-hide",
+    "close-group",
+    "close-directive",
+    "auto-hide",
+    "resize",
+    "dispose"
+  ],
+  data() {
+    return {
+      isShown: !1,
+      isMounted: !1,
+      skipTransition: !1,
+      classes: {
+        showFrom: !1,
+        showTo: !1,
+        hideFrom: !1,
+        hideTo: !0
+      },
+      result: {
+        x: 0,
+        y: 0,
+        placement: "",
+        strategy: this.strategy,
+        arrow: {
+          x: 0,
+          y: 0,
+          centerOffset: 0
+        },
+        transformOrigin: null
+      },
+      shownChildren: /* @__PURE__ */ new Set(),
+      lastAutoHide: !0
+    };
+  },
+  computed: {
+    popperId() {
+      return this.ariaId != null ? this.ariaId : this.randomId;
+    },
+    shouldMountContent() {
+      return this.eagerMount || this.isMounted;
+    },
+    slotData() {
+      return {
+        popperId: this.popperId,
+        isShown: this.isShown,
+        shouldMountContent: this.shouldMountContent,
+        skipTransition: this.skipTransition,
+        autoHide: typeof this.autoHide == "function" ? this.lastAutoHide : this.autoHide,
+        show: this.show,
+        hide: this.hide,
+        handleResize: this.handleResize,
+        onResize: this.onResize,
+        classes: {
+          ...this.classes,
+          popperClass: this.popperClass
+        },
+        result: this.positioningDisabled ? null : this.result,
+        attrs: this.$attrs
+      };
+    },
+    parentPopper() {
+      var e;
+      return (e = this[De]) == null ? void 0 : e.parentPopper;
+    },
+    hasPopperShowTriggerHover() {
+      var e, t;
+      return ((e = this.popperTriggers) == null ? void 0 : e.includes("hover")) || ((t = this.popperShowTriggers) == null ? void 0 : t.includes("hover"));
+    }
+  },
+  watch: {
+    shown: "$_autoShowHide",
+    disabled(e) {
+      e ? this.dispose() : this.init();
+    },
+    async container() {
+      this.isShown && (this.$_ensureTeleport(), await this.$_computePosition());
+    },
+    ...[
+      "triggers",
+      "positioningDisabled"
+    ].reduce((e, t) => (e[t] = "$_refreshListeners", e), {}),
+    ...[
+      "placement",
+      "distance",
+      "skidding",
+      "boundary",
+      "strategy",
+      "overflowPadding",
+      "arrowPadding",
+      "preventOverflow",
+      "shift",
+      "shiftCrossAxis",
+      "flip"
+    ].reduce((e, t) => (e[t] = "$_computePosition", e), {})
+  },
+  created() {
+    this.$_isDisposed = !0, this.randomId = `popper_${[Math.random(), Date.now()].map((e) => e.toString(36).substring(2, 10)).join("_")}`, this.autoMinSize && console.warn('[floating-vue] `autoMinSize` option is deprecated. Use `autoSize="min"` instead.'), this.autoMaxSize && console.warn("[floating-vue] `autoMaxSize` option is deprecated. Use `autoBoundaryMaxSize` instead.");
+  },
+  mounted() {
+    this.init(), this.$_detachPopperNode();
+  },
+  activated() {
+    this.$_autoShowHide();
+  },
+  deactivated() {
+    this.hide();
+  },
+  beforeUnmount() {
+    this.dispose();
+  },
+  methods: {
+    show({ event: e = null, skipDelay: t = !1, force: o = !1 } = {}) {
+      var n, i;
+      (n = this.parentPopper) != null && n.lockedChild && this.parentPopper.lockedChild !== this || (this.$_pendingHide = !1, (o || !this.disabled) && (((i = this.parentPopper) == null ? void 0 : i.lockedChild) === this && (this.parentPopper.lockedChild = null), this.$_scheduleShow(e, t), this.$emit("show"), this.$_showFrameLocked = !0, requestAnimationFrame(() => {
+        this.$_showFrameLocked = !1;
+      })), this.$emit("update:shown", !0));
+    },
+    hide({ event: e = null, skipDelay: t = !1 } = {}) {
+      var o;
+      if (!this.$_hideInProgress) {
+        if (this.shownChildren.size > 0) {
+          this.$_pendingHide = !0;
+          return;
+        }
+        if (this.hasPopperShowTriggerHover && this.$_isAimingPopper()) {
+          this.parentPopper && (this.parentPopper.lockedChild = this, clearTimeout(this.parentPopper.lockedChildTimer), this.parentPopper.lockedChildTimer = setTimeout(() => {
+            this.parentPopper.lockedChild === this && (this.parentPopper.lockedChild.hide({ skipDelay: t }), this.parentPopper.lockedChild = null);
+          }, 1e3));
+          return;
+        }
+        ((o = this.parentPopper) == null ? void 0 : o.lockedChild) === this && (this.parentPopper.lockedChild = null), this.$_pendingHide = !1, this.$_scheduleHide(e, t), this.$emit("hide"), this.$emit("update:shown", !1);
+      }
+    },
+    init() {
+      var e;
+      this.$_isDisposed && (this.$_isDisposed = !1, this.isMounted = !1, this.$_events = [], this.$_preventShow = !1, this.$_referenceNode = ((e = this.referenceNode) == null ? void 0 : e.call(this)) ?? this.$el, this.$_targetNodes = this.targetNodes().filter((t) => t.nodeType === t.ELEMENT_NODE), this.$_popperNode = this.popperNode(), this.$_innerNode = this.$_popperNode.querySelector(".v-popper__inner"), this.$_arrowNode = this.$_popperNode.querySelector(".v-popper__arrow-container"), this.$_swapTargetAttrs("title", "data-original-title"), this.$_detachPopperNode(), this.triggers.length && this.$_addEventListeners(), this.shown && this.show());
+    },
+    dispose() {
+      this.$_isDisposed || (this.$_isDisposed = !0, this.$_removeEventListeners(), this.hide({ skipDelay: !0 }), this.$_detachPopperNode(), this.isMounted = !1, this.isShown = !1, this.$_updateParentShownChildren(!1), this.$_swapTargetAttrs("data-original-title", "title"), this.$emit("dispose"));
+    },
+    async onResize() {
+      this.isShown && (await this.$_computePosition(), this.$emit("resize"));
+    },
+    async $_computePosition() {
+      if (this.$_isDisposed || this.positioningDisabled)
+        return;
+      const e = {
+        strategy: this.strategy,
+        middleware: []
+      };
+      (this.distance || this.skidding) && e.middleware.push(xo({
+        mainAxis: this.distance,
+        crossAxis: this.skidding
+      }));
+      const t = this.placement.startsWith("auto");
+      if (t ? e.middleware.push(go({
+        alignment: this.placement.split("-")[1] ?? ""
+      })) : e.placement = this.placement, this.preventOverflow && (this.shift && e.middleware.push(bo({
+        padding: this.overflowPadding,
+        boundary: this.boundary,
+        crossAxis: this.shiftCrossAxis
+      })), !t && this.flip && e.middleware.push(wo({
+        padding: this.overflowPadding,
+        boundary: this.boundary
+      }))), e.middleware.push(yo({
+        element: this.$_arrowNode,
+        padding: this.arrowPadding
+      })), this.arrowOverflow && e.middleware.push({
+        name: "arrowOverflow",
+        fn: ({ placement: n, rects: i, middlewareData: s }) => {
+          let r;
+          const { centerOffset: l } = s.arrow;
+          return n.startsWith("top") || n.startsWith("bottom") ? r = Math.abs(l) > i.reference.width / 2 : r = Math.abs(l) > i.reference.height / 2, {
+            data: {
+              overflow: r
+            }
+          };
+        }
+      }), this.autoMinSize || this.autoSize) {
+        const n = this.autoSize ? this.autoSize : this.autoMinSize ? "min" : null;
+        e.middleware.push({
+          name: "autoSize",
+          fn: ({ rects: i, placement: s, middlewareData: r }) => {
+            var l;
+            if ((l = r.autoSize) != null && l.skip)
+              return {};
+            let a, u;
+            return s.startsWith("top") || s.startsWith("bottom") ? a = i.reference.width : u = i.reference.height, this.$_innerNode.style[n === "min" ? "minWidth" : n === "max" ? "maxWidth" : "width"] = a != null ? `${a}px` : null, this.$_innerNode.style[n === "min" ? "minHeight" : n === "max" ? "maxHeight" : "height"] = u != null ? `${u}px` : null, {
+              data: {
+                skip: !0
+              },
+              reset: {
+                rects: !0
+              }
+            };
+          }
+        });
+      }
+      (this.autoMaxSize || this.autoBoundaryMaxSize) && (this.$_innerNode.style.maxWidth = null, this.$_innerNode.style.maxHeight = null, e.middleware.push(_o({
+        boundary: this.boundary,
+        padding: this.overflowPadding,
+        apply: ({ availableWidth: n, availableHeight: i }) => {
+          this.$_innerNode.style.maxWidth = n != null ? `${n}px` : null, this.$_innerNode.style.maxHeight = i != null ? `${i}px` : null;
+        }
+      })));
+      const o = await Po(this.$_referenceNode, this.$_popperNode, e);
+      Object.assign(this.result, {
+        x: o.x,
+        y: o.y,
+        placement: o.placement,
+        strategy: o.strategy,
+        arrow: {
+          ...o.middlewareData.arrow,
+          ...o.middlewareData.arrowOverflow
+        }
+      });
+    },
+    $_scheduleShow(e = null, t = !1) {
+      if (this.$_updateParentShownChildren(!0), this.$_hideInProgress = !1, clearTimeout(this.$_scheduleTimer), te && this.instantMove && te.instantMove && te !== this.parentPopper) {
+        te.$_applyHide(!0), this.$_applyShow(!0);
+        return;
+      }
+      t ? this.$_applyShow() : this.$_scheduleTimer = setTimeout(this.$_applyShow.bind(this), this.$_computeDelay("show"));
+    },
+    $_scheduleHide(e = null, t = !1) {
+      if (this.shownChildren.size > 0) {
+        this.$_pendingHide = !0;
+        return;
+      }
+      this.$_updateParentShownChildren(!1), this.$_hideInProgress = !0, clearTimeout(this.$_scheduleTimer), this.isShown && (te = this), t ? this.$_applyHide() : this.$_scheduleTimer = setTimeout(this.$_applyHide.bind(this), this.$_computeDelay("hide"));
+    },
+    $_computeDelay(e) {
+      const t = this.delay;
+      return parseInt(t && t[e] || t || 0);
+    },
+    async $_applyShow(e = !1) {
+      clearTimeout(this.$_disposeTimer), clearTimeout(this.$_scheduleTimer), this.skipTransition = e, !this.isShown && (this.$_ensureTeleport(), await Ne(), await this.$_computePosition(), await this.$_applyShowEffect(), this.positioningDisabled || this.$_registerEventListeners([
+        ...Pe(this.$_referenceNode),
+        ...Pe(this.$_popperNode)
+      ], "scroll", () => {
+        this.$_computePosition();
+      }));
+    },
+    async $_applyShowEffect() {
+      if (this.$_hideInProgress)
+        return;
+      if (this.computeTransformOrigin) {
+        const t = this.$_referenceNode.getBoundingClientRect(), o = this.$_popperNode.querySelector(".v-popper__wrapper"), n = o.parentNode.getBoundingClientRect(), i = t.x + t.width / 2 - (n.left + o.offsetLeft), s = t.y + t.height / 2 - (n.top + o.offsetTop);
+        this.result.transformOrigin = `${i}px ${s}px`;
+      }
+      this.isShown = !0, this.$_applyAttrsToTarget({
+        "aria-describedby": this.popperId,
+        "data-popper-shown": ""
+      });
+      const e = this.showGroup;
+      if (e) {
+        let t;
+        for (let o = 0; o < I.length; o++)
+          t = I[o], t.showGroup !== e && (t.hide(), t.$emit("close-group"));
+      }
+      I.push(this), document.body.classList.add("v-popper--some-open");
+      for (const t of st(this.theme))
+        dt(t).push(this), document.body.classList.add(`v-popper--some-open--${t}`);
+      this.$emit("apply-show"), this.classes.showFrom = !0, this.classes.showTo = !1, this.classes.hideFrom = !1, this.classes.hideTo = !1, await Ne(), this.classes.showFrom = !1, this.classes.showTo = !0, this.noAutoFocus || this.$_popperNode.focus();
+    },
+    async $_applyHide(e = !1) {
+      if (this.shownChildren.size > 0) {
+        this.$_pendingHide = !0, this.$_hideInProgress = !1;
+        return;
+      }
+      if (clearTimeout(this.$_scheduleTimer), !this.isShown)
+        return;
+      this.skipTransition = e, at(I, this), I.length === 0 && document.body.classList.remove("v-popper--some-open");
+      for (const o of st(this.theme)) {
+        const n = dt(o);
+        at(n, this), n.length === 0 && document.body.classList.remove(`v-popper--some-open--${o}`);
+      }
+      te === this && (te = null), this.isShown = !1, this.$_applyAttrsToTarget({
+        "aria-describedby": void 0,
+        "data-popper-shown": void 0
+      }), clearTimeout(this.$_disposeTimer);
+      const t = this.disposeTimeout;
+      t !== null && (this.$_disposeTimer = setTimeout(() => {
+        this.$_popperNode && (this.$_detachPopperNode(), this.isMounted = !1);
+      }, t)), this.$_removeEventListeners("scroll"), this.$emit("apply-hide"), this.classes.showFrom = !1, this.classes.showTo = !1, this.classes.hideFrom = !0, this.classes.hideTo = !1, await Ne(), this.classes.hideFrom = !1, this.classes.hideTo = !0;
+    },
+    $_autoShowHide() {
+      this.shown ? this.show() : this.hide();
+    },
+    $_ensureTeleport() {
+      if (this.$_isDisposed)
         return;
+      let e = this.container;
+      if (typeof e == "string" ? e = window.document.querySelector(e) : e === !1 && (e = this.$_targetNodes[0].parentNode), !e)
+        throw new Error("No container for popover: " + this.container);
+      e.appendChild(this.$_popperNode), this.isMounted = !0;
+    },
+    $_addEventListeners() {
+      const e = (o) => {
+        this.isShown && !this.$_hideInProgress || (o.usedByTooltip = !0, !this.$_preventShow && this.show({ event: o }));
+      };
+      this.$_registerTriggerListeners(this.$_targetNodes, rt, this.triggers, this.showTriggers, e), this.$_registerTriggerListeners([this.$_popperNode], rt, this.popperTriggers, this.popperShowTriggers, e);
+      const t = (o) => {
+        o.usedByTooltip || this.hide({ event: o });
+      };
+      this.$_registerTriggerListeners(this.$_targetNodes, lt, this.triggers, this.hideTriggers, t), this.$_registerTriggerListeners([this.$_popperNode], lt, this.popperTriggers, this.popperHideTriggers, t);
+    },
+    $_registerEventListeners(e, t, o) {
+      this.$_events.push({ targetNodes: e, eventType: t, handler: o }), e.forEach((n) => n.addEventListener(t, o, re ? {
+        passive: !0
+      } : void 0));
+    },
+    $_registerTriggerListeners(e, t, o, n, i) {
+      let s = o;
+      n != null && (s = typeof n == "function" ? n(s) : n), s.forEach((r) => {
+        const l = t[r];
+        l && this.$_registerEventListeners(e, l, i);
+      });
+    },
+    $_removeEventListeners(e) {
+      const t = [];
+      this.$_events.forEach((o) => {
+        const { targetNodes: n, eventType: i, handler: s } = o;
+        !e || e === i ? n.forEach((r) => r.removeEventListener(i, s)) : t.push(o);
+      }), this.$_events = t;
+    },
+    $_refreshListeners() {
+      this.$_isDisposed || (this.$_removeEventListeners(), this.$_addEventListeners());
+    },
+    $_handleGlobalClose(e, t = !1) {
+      this.$_showFrameLocked || (this.hide({ event: e }), e.closePopover ? this.$emit("close-directive") : this.$emit("auto-hide"), t && (this.$_preventShow = !0, setTimeout(() => {
+        this.$_preventShow = !1;
+      }, 300)));
+    },
+    $_detachPopperNode() {
+      this.$_popperNode.parentNode && this.$_popperNode.parentNode.removeChild(this.$_popperNode);
+    },
+    $_swapTargetAttrs(e, t) {
+      for (const o of this.$_targetNodes) {
+        const n = o.getAttribute(e);
+        n && (o.removeAttribute(e), o.setAttribute(t, n));
+      }
+    },
+    $_applyAttrsToTarget(e) {
+      for (const t of this.$_targetNodes)
+        for (const o in e) {
+          const n = e[o];
+          n == null ? t.removeAttribute(o) : t.setAttribute(o, n);
+        }
+    },
+    $_updateParentShownChildren(e) {
+      let t = this.parentPopper;
+      for (; t; )
+        e ? t.shownChildren.add(this.randomId) : (t.shownChildren.delete(this.randomId), t.$_pendingHide && t.hide()), t = t.parentPopper;
+    },
+    $_isAimingPopper() {
+      const e = this.$_referenceNode.getBoundingClientRect();
+      if (de >= e.left && de <= e.right && ce >= e.top && ce <= e.bottom) {
+        const t = this.$_popperNode.getBoundingClientRect(), o = de - X, n = ce - K, i = t.left + t.width / 2 - X + (t.top + t.height / 2) - K + t.width + t.height, s = X + o * i, r = K + n * i;
+        return ve(X, K, s, r, t.left, t.top, t.left, t.bottom) || // Left edge
+        ve(X, K, s, r, t.left, t.top, t.right, t.top) || // Top edge
+        ve(X, K, s, r, t.right, t.top, t.right, t.bottom) || // Right edge
+        ve(X, K, s, r, t.left, t.bottom, t.right, t.bottom);
+      }
+      return !1;
+    }
+  },
+  render() {
+    return this.$slots.default(this.slotData);
+  }
+});
+typeof document < "u" && typeof window < "u" && (Ct ? (document.addEventListener("touchstart", ct, re ? {
+  passive: !0,
+  capture: !0
+} : !0), document.addEventListener("touchend", ko, re ? {
+  passive: !0,
+  capture: !0
+} : !0)) : (window.addEventListener("mousedown", ct, !0), window.addEventListener("click", Ao, !0)), window.addEventListener("resize", No));
+function ct(e) {
+  for (let t = 0; t < I.length; t++) {
+    const o = I[t];
+    try {
+      const n = o.popperNode();
+      o.$_mouseDownContains = n.contains(e.target);
+    } catch {
+    }
+  }
+}
+function Ao(e) {
+  At(e);
+}
+function ko(e) {
+  At(e, !0);
+}
+function At(e, t = !1) {
+  const o = {};
+  for (let n = I.length - 1; n >= 0; n--) {
+    const i = I[n];
+    try {
+      const s = i.$_containsGlobalTarget = Oo(i, e);
+      i.$_pendingHide = !1, requestAnimationFrame(() => {
+        if (i.$_pendingHide = !1, !o[i.randomId] && pt(i, s, e)) {
+          if (i.$_handleGlobalClose(e, t), !e.closeAllPopover && e.closePopover && s) {
+            let l = i.parentPopper;
+            for (; l; )
+              o[l.randomId] = !0, l = l.parentPopper;
+            return;
+          }
+          let r = i.parentPopper;
+          for (; r && pt(r, r.$_containsGlobalTarget, e); )
+            r.$_handleGlobalClose(e, t), r = r.parentPopper;
+        }
+      });
+    } catch {
+    }
+  }
+}
+function Oo(e, t) {
+  const o = e.popperNode();
+  return e.$_mouseDownContains || o.contains(t.target);
+}
+function pt(e, t, o) {
+  return o.closeAllPopover || o.closePopover && t || zo(e, o) && !t;
+}
+function zo(e, t) {
+  if (typeof e.autoHide == "function") {
+    const o = e.autoHide(t);
+    return e.lastAutoHide = o, o;
+  }
+  return e.autoHide;
+}
+function No(e) {
+  for (let t = 0; t < I.length; t++)
+    I[t].$_computePosition(e);
+}
+let X = 0, K = 0, de = 0, ce = 0;
+typeof window < "u" && window.addEventListener("mousemove", (e) => {
+  X = de, K = ce, de = e.clientX, ce = e.clientY;
+}, re ? {
+  passive: !0
+} : void 0);
+function ve(e, t, o, n, i, s, r, l) {
+  const a = ((r - i) * (t - s) - (l - s) * (e - i)) / ((l - s) * (o - e) - (r - i) * (n - t)), u = ((o - e) * (t - s) - (n - t) * (e - i)) / ((l - s) * (o - e) - (r - i) * (n - t));
+  return a >= 0 && a <= 1 && u >= 0 && u <= 1;
+}
+const Do = {
+  extends: Bt()
+}, Ue = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [n, i] of t)
+    o[n] = i;
+  return o;
+};
+function Lo(e, t, o, n, i, s) {
+  return P(), k("div", {
+    ref: "reference",
+    class: C(["v-popper", {
+      "v-popper--shown": e.slotData.isShown
+    }])
+  }, [
+    S(e.$slots, "default", Et(Ht(e.slotData)))
+  ], 2);
+}
+const Ro = /* @__PURE__ */ Ue(Do, [["render", Lo]]);
+function Eo() {
+  var e = window.navigator.userAgent, t = e.indexOf("MSIE ");
+  if (t > 0)
+    return parseInt(e.substring(t + 5, e.indexOf(".", t)), 10);
+  var o = e.indexOf("Trident/");
+  if (o > 0) {
+    var n = e.indexOf("rv:");
+    return parseInt(e.substring(n + 3, e.indexOf(".", n)), 10);
+  }
+  var i = e.indexOf("Edge/");
+  return i > 0 ? parseInt(e.substring(i + 5, e.indexOf(".", i)), 10) : -1;
+}
+let xe;
+function Fe() {
+  Fe.init || (Fe.init = !0, xe = Eo() !== -1);
+}
+var Oe = {
+  name: "ResizeObserver",
+  props: {
+    emitOnMount: {
+      type: Boolean,
+      default: !1
+    },
+    ignoreWidth: {
+      type: Boolean,
+      default: !1
+    },
+    ignoreHeight: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "notify"
+  ],
+  mounted() {
+    Fe(), Rt(() => {
+      this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight, this.emitOnMount && this.emitSize();
+    });
+    const e = document.createElement("object");
+    this._resizeObject = e, e.setAttribute("aria-hidden", "true"), e.setAttribute("tabindex", -1), e.onload = this.addResizeHandlers, e.type = "text/html", xe && this.$el.appendChild(e), e.data = "about:blank", xe || this.$el.appendChild(e);
+  },
+  beforeUnmount() {
+    this.removeResizeHandlers();
+  },
+  methods: {
+    compareAndNotify() {
+      (!this.ignoreWidth && this._w !== this.$el.offsetWidth || !this.ignoreHeight && this._h !== this.$el.offsetHeight) && (this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight, this.emitSize());
+    },
+    emitSize() {
+      this.$emit("notify", {
+        width: this._w,
+        height: this._h
+      });
+    },
+    addResizeHandlers() {
+      this._resizeObject.contentDocument.defaultView.addEventListener("resize", this.compareAndNotify), this.compareAndNotify();
+    },
+    removeResizeHandlers() {
+      this._resizeObject && this._resizeObject.onload && (!xe && this._resizeObject.contentDocument && this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify), this.$el.removeChild(this._resizeObject), this._resizeObject.onload = null, this._resizeObject = null);
+    }
+  }
+};
+const Ho = /* @__PURE__ */ Mt("data-v-b329ee4c");
+Dt("data-v-b329ee4c");
+const Mo = {
+  class: "resize-observer",
+  tabindex: "-1"
+};
+Lt();
+const Io = /* @__PURE__ */ Ho((e, t, o, n, i, s) => (P(), Ce("div", Mo)));
+Oe.render = Io;
+Oe.__scopeId = "data-v-b329ee4c";
+Oe.__file = "src/components/ResizeObserver.vue";
+const kt = (e = "theme") => ({
+  computed: {
+    themeClass() {
+      return Co(this[e]);
+    }
+  }
+}), Fo = O({
+  name: "VPopperContent",
+  components: {
+    ResizeObserver: Oe
+  },
+  mixins: [
+    kt()
+  ],
+  props: {
+    popperId: String,
+    theme: String,
+    shown: Boolean,
+    mounted: Boolean,
+    skipTransition: Boolean,
+    autoHide: Boolean,
+    handleResize: Boolean,
+    classes: Object,
+    result: Object
+  },
+  emits: [
+    "hide",
+    "resize"
+  ],
+  methods: {
+    toPx(e) {
+      return e != null && !isNaN(e) ? `${e}px` : null;
+    }
+  }
+}), Vo = ["id", "aria-hidden", "tabindex", "data-popper-placement"], Wo = {
+  ref: "inner",
+  class: "v-popper__inner"
+}, jo = /* @__PURE__ */ y("div", { class: "v-popper__arrow-outer" }, null, -1), qo = /* @__PURE__ */ y("div", { class: "v-popper__arrow-inner" }, null, -1), Go = [
+  jo,
+  qo
+];
+function Uo(e, t, o, n, i, s) {
+  const r = Le("ResizeObserver");
+  return P(), k("div", {
+    id: e.popperId,
+    ref: "popover",
+    class: C(["v-popper__popper", [
+      e.themeClass,
+      e.classes.popperClass,
+      {
+        "v-popper__popper--shown": e.shown,
+        "v-popper__popper--hidden": !e.shown,
+        "v-popper__popper--show-from": e.classes.showFrom,
+        "v-popper__popper--show-to": e.classes.showTo,
+        "v-popper__popper--hide-from": e.classes.hideFrom,
+        "v-popper__popper--hide-to": e.classes.hideTo,
+        "v-popper__popper--skip-transition": e.skipTransition,
+        "v-popper__popper--arrow-overflow": e.result && e.result.arrow.overflow,
+        "v-popper__popper--no-positioning": !e.result
+      }
+    ]]),
+    style: ze(e.result ? {
+      position: e.result.strategy,
+      transform: `translate3d(${Math.round(e.result.x)}px,${Math.round(e.result.y)}px,0)`
+    } : void 0),
+    "aria-hidden": e.shown ? "false" : "true",
+    tabindex: e.autoHide ? 0 : void 0,
+    "data-popper-placement": e.result ? e.result.placement : void 0,
+    onKeyup: t[2] || (t[2] = We((l) => e.autoHide && e.$emit("hide"), ["esc"]))
+  }, [
+    y("div", {
+      class: "v-popper__backdrop",
+      onClick: t[0] || (t[0] = (l) => e.autoHide && e.$emit("hide"))
+    }),
+    y("div", {
+      class: "v-popper__wrapper",
+      style: ze(e.result ? {
+        transformOrigin: e.result.transformOrigin
+      } : void 0)
+    }, [
+      y("div", Wo, [
+        e.mounted ? (P(), k(It, { key: 0 }, [
+          y("div", null, [
+            S(e.$slots, "default")
+          ]),
+          e.handleResize ? (P(), Ce(r, {
+            key: 0,
+            onNotify: t[1] || (t[1] = (l) => e.$emit("resize", l))
+          })) : _e("", !0)
+        ], 64)) : _e("", !0)
+      ], 512),
+      y("div", {
+        ref: "arrow",
+        class: "v-popper__arrow-container",
+        style: ze(e.result ? {
+          left: e.toPx(e.result.arrow.x),
+          top: e.toPx(e.result.arrow.y)
+        } : void 0)
+      }, Go, 4)
+    ], 4)
+  ], 46, Vo);
+}
+const Ot = /* @__PURE__ */ Ue(Fo, [["render", Uo]]), zt = {
+  methods: {
+    show(...e) {
+      return this.$refs.popper.show(...e);
+    },
+    hide(...e) {
+      return this.$refs.popper.hide(...e);
+    },
+    dispose(...e) {
+      return this.$refs.popper.dispose(...e);
+    },
+    onResize(...e) {
+      return this.$refs.popper.onResize(...e);
+    }
+  }
+}, Yo = O({
+  name: "VPopperWrapper",
+  components: {
+    Popper: Ro,
+    PopperContent: Ot
+  },
+  mixins: [
+    zt,
+    kt("finalTheme")
+  ],
+  props: {
+    theme: {
+      type: String,
+      default: null
+    }
+  },
+  computed: {
+    finalTheme() {
+      return this.theme ?? this.$options.vPopperTheme;
+    }
+  },
+  methods: {
+    getTargetNodes() {
+      return Array.from(this.$el.children).filter((e) => e !== this.$refs.popperContent.$el);
+    }
+  }
+});
+function Xo(e, t, o, n, i, s) {
+  const r = Le("PopperContent"), l = Le("Popper");
+  return P(), Ce(l, {
+    ref: "popper",
+    theme: e.finalTheme,
+    "target-nodes": e.getTargetNodes,
+    "popper-node": () => e.$refs.popperContent.$el,
+    class: C([
+      e.themeClass
+    ])
+  }, {
+    default: le(({
+      popperId: a,
+      isShown: u,
+      shouldMountContent: c,
+      skipTransition: p,
+      autoHide: h,
+      show: d,
+      hide: f,
+      handleResize: m,
+      onResize: v,
+      classes: g,
+      result: w
+    }) => [
+      S(e.$slots, "default", {
+        shown: u,
+        show: d,
+        hide: f
+      }),
+      Re(r, {
+        ref: "popperContent",
+        "popper-id": a,
+        theme: e.finalTheme,
+        shown: u,
+        mounted: c,
+        "skip-transition": p,
+        "auto-hide": h,
+        "handle-resize": m,
+        classes: g,
+        result: w,
+        onHide: f,
+        onResize: v
+      }, {
+        default: le(() => [
+          S(e.$slots, "popper", {
+            shown: u,
+            hide: f
+          })
+        ]),
+        _: 2
+      }, 1032, ["popper-id", "theme", "shown", "mounted", "skip-transition", "auto-hide", "handle-resize", "classes", "result", "onHide", "onResize"])
+    ]),
+    _: 3
+  }, 8, ["theme", "target-nodes", "popper-node", "class"]);
+}
+const Ye = /* @__PURE__ */ Ue(Yo, [["render", Xo]]), Ko = {
+  ...Ye,
+  name: "VDropdown",
+  vPopperTheme: "dropdown"
+};
+({
+  ...Ye
+});
+({
+  ...Ye
+});
+O({
+  name: "VTooltipDirective",
+  components: {
+    Popper: Bt(),
+    PopperContent: Ot
+  },
+  mixins: [
+    zt
+  ],
+  inheritAttrs: !1,
+  props: {
+    theme: {
+      type: String,
+      default: "tooltip"
+    },
+    html: {
+      type: Boolean,
+      default: (e) => Me(e.theme, "html")
+    },
+    content: {
+      type: [String, Number, Function],
+      default: null
+    },
+    loadingContent: {
+      type: String,
+      default: (e) => Me(e.theme, "loadingContent")
+    },
+    targetNodes: {
+      type: Function,
+      required: !0
+    }
+  },
+  data() {
+    return {
+      asyncContent: null
+    };
+  },
+  computed: {
+    isContentAsync() {
+      return typeof this.content == "function";
+    },
+    loading() {
+      return this.isContentAsync && this.asyncContent == null;
+    },
+    finalContent() {
+      return this.isContentAsync ? this.loading ? this.loadingContent : this.asyncContent : this.content;
+    }
+  },
+  watch: {
+    content: {
+      handler() {
+        this.fetchContent(!0);
+      },
+      immediate: !0
+    },
+    async finalContent() {
+      await this.$nextTick(), this.$refs.popper.onResize();
+    }
+  },
+  created() {
+    this.$_fetchId = 0;
+  },
+  methods: {
+    fetchContent(e) {
+      if (typeof this.content == "function" && this.$_isShown && (e || !this.$_loading && this.asyncContent == null)) {
+        this.asyncContent = null, this.$_loading = !0;
+        const t = ++this.$_fetchId, o = this.content(this);
+        o.then ? o.then((n) => this.onResult(t, n)) : this.onResult(t, o);
       }
-      l("deselect-all");
+    },
+    onResult(e, t) {
+      e === this.$_fetchId && (this.$_loading = !1, this.asyncContent = t);
+    },
+    onShow() {
+      this.$_isShown = !0, this.fetchContent();
+    },
+    onHide() {
+      this.$_isShown = !1;
+    }
+  }
+});
+const Jo = Ko, Qo = { class: "yu-text-gray-700 yu-font-plus yu-font-medium yu-text-base yu-mr-2" }, Zo = { class: "yu-w-full yu-rounded-md yu-p-2 yu-flex yu-flex-col yu-gap-1" }, en = { class: "yu-px-2 yu-w-full" }, tn = /* @__PURE__ */ y("div", { class: "yu-text-gray-700 yu-text-xs yu-mr-2" }, "Selecionar todos", -1), on = ["checked"], nn = { class: "yu-w-full yu-p-2 yu-overflow-y-auto yu-max-h-60" }, sn = /* @__PURE__ */ O({
+  __name: "app-dropdown",
+  props: {
+    label: {
+      type: String,
+      default: "Dropdown"
+    },
+    icon: {
+      type: String,
+      default: "menu"
+    },
+    openIcon: {
+      type: String,
+      default: "keyboard_arrow_down"
+    },
+    inputLabel: {
+      type: String,
+      default: "Procurar"
+    },
+    allSelected: {
+      type: Boolean,
+      default: !1
+    },
+    showSearchInput: {
+      type: Boolean,
+      default: !1
+    },
+    showSelectAll: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["filter-value", "update:allSelected", "update:opened"],
+  setup(e, { expose: t, emit: o }) {
+    const n = M(!1), i = (s) => {
+      n.value = s, o("update:opened", s);
     };
-    return (c, d) => (f(), m("div", W, [
-      t("button", {
-        class: r(["yu-bg-gray-700 yu-bg-opacity-0 yu-px-3 yu-p-2 yu-rounded-md yu-flex yu-gap-1 yu-transition hover:yu-bg-opacity-10 yu-group active:yu-bg-primary-500 active:!yu-bg-opacity-10 active:yu-scale-95", { "!yu-bg-primary-500 !yu-bg-opacity-10": u.value }]),
-        onClick: d[0] || (d[0] = (y) => u.value = !u.value)
-      }, [
-        t("i", {
-          class: r(["material-icons yu-text-gray-700 yu-h-fit", { "yu-text-primary-500": u.value }])
-        }, p(e.icon), 3),
-        t("div", X, p(e.label), 1),
-        t("i", {
-          class: r(["material-icons yu-text-gray-700 yu-h-fit yu-ml-auto", { "yu-text-primary-500 yu-rotate-180": u.value }])
-        }, " keyboard_arrow_down", 2)
-      ], 2),
-      x(t("div", Y, [
-        t("div", Z, [
-          $(B, { label: "Dropdown" }),
-          $(S, {
-            onClick: d[2] || (d[2] = (y) => s())
-          }, {
-            default: I(() => [
-              ee,
-              x(t("input", {
-                class: "yu-ml-auto yu-accent-primary-500 yu-border-2 yu-cursor-pointer",
-                type: "checkbox",
-                "onUpdate:modelValue": d[1] || (d[1] = (y) => n.value = y)
-              }, null, 512), [
-                [D, n.value]
-              ])
-            ]),
-            _: 1
-          }),
-          v(c.$slots, "default")
+    return t({ opened: n }), (s, r) => (P(), Ce(D(Jo), {
+      placement: "bottom-start",
+      skidding: 6,
+      "onUpdate:shown": i
+    }, {
+      popper: le(() => [
+        e.showSearchInput ? S(s.$slots, "searchInput", { key: 0 }, () => [
+          y("div", Zo, [
+            Re(ft, {
+              label: e.inputLabel || "Procurar",
+              "onUpdate:modelValue": r[0] || (r[0] = (l) => o("filter-value", l))
+            }, null, 8, ["label"])
+          ])
+        ]) : _e("", !0),
+        e.showSelectAll ? S(s.$slots, "selectAll", { key: 1 }, () => [
+          y("div", en, [
+            Re(yt, {
+              onClick: r[1] || (r[1] = (l) => o("update:allSelected"))
+            }, {
+              default: le(() => [
+                tn,
+                y("input", {
+                  class: "yu-ml-auto yu-accent-primary-500 yu-border-2 yu-cursor-pointer",
+                  type: "checkbox",
+                  checked: e.allSelected
+                }, null, 8, on)
+              ]),
+              _: 1
+            })
+          ])
+        ]) : _e("", !0),
+        y("div", nn, [
+          S(s.$slots, "default")
         ])
-      ], 512), [
-        [w, u.value]
-      ])
-    ]));
+      ]),
+      default: le(() => [
+        y("button", {
+          class: C(["yu-bg-gray-700 yu-bg-opacity-0 yu-px-3 yu-p-2 yu-rounded-md yu-flex yu-gap-1 yu-transition hover:yu-bg-opacity-10 yu-group active:yu-bg-primary-500 active:!yu-bg-opacity-10 active:yu-scale-95", { "!yu-bg-primary-500 !yu-bg-opacity-10": n.value }])
+        }, [
+          S(s.$slots, "icon", {}, () => [
+            y("i", {
+              class: C(["material-icons yu-text-gray-700 yu-h-fit", { "yu-text-primary-500": n.value }])
+            }, F(e.icon), 3)
+          ]),
+          S(s.$slots, "label", {}, () => [
+            y("div", Qo, F(e.label), 1)
+          ]),
+          S(s.$slots, "open-icon", {}, () => [
+            y("i", {
+              class: C(["material-icons yu-text-gray-700 yu-h-fit yu-ml-auto yu-transition-all", { "yu-text-primary-500 yu-rotate-180": n.value }])
+            }, F(e.openIcon), 3)
+          ])
+        ], 2)
+      ]),
+      _: 3
+    }));
   }
-}), ue = { class: "yu-border yu-border-gray-100 yu-rounded-md yu-py-4 yu-px-3 yu-bg-white yu-flex yu-flex-col yu-justify-center yu-shadow-2xl yu-shadow-gray-100" }, le = { class: "yu-flex yu-gap-5 yu-px-2" }, oe = { class: "yu-flex yu-flex-col" }, ne = { class: "yu-font-plus yu-flex yu-text-xl yu-text-gray-800 yu-font-bold yu-items-center" }, ae = { class: "yu-font-plus yu-text-xs yu-text-gray-400" }, ye = { class: "yu-font-plus yu-text-gray-400 yu-font-medium yu-text-sm" }, se = /* @__PURE__ */ b({
+}), rn = { class: "yu-border yu-border-gray-100 yu-rounded-md yu-py-4 yu-px-3 yu-bg-white yu-flex yu-flex-col yu-justify-center yu-shadow-2xl yu-shadow-gray-100" }, ln = { class: "yu-flex yu-gap-5 yu-px-2" }, an = { class: "yu-flex yu-flex-col" }, un = { class: "yu-font-plus yu-flex yu-text-xl yu-text-gray-800 yu-font-bold yu-items-center" }, dn = { class: "yu-font-plus yu-text-xs yu-text-gray-400" }, cn = { class: "yu-font-plus yu-text-gray-400 yu-font-medium yu-text-sm" }, pn = /* @__PURE__ */ O({
   __name: "stat-card",
   props: {
     icon: {
@@ -318,51 +2311,196 @@ const S = /* @__PURE__ */ k(A, [["render", q]]), G = { class: "yu-relative yu-w-
     }
   },
   setup(e) {
-    return (l, o) => (f(), m("div", ue, [
-      t("div", le, [
-        t("i", {
-          class: r(["yu-aspect-square material-icons yu-bg-yellow-100 yu-text-yellow-500 yu-h-14 yu-w-14 yu-place-items-center yu-rounded-full !yu-text-1xl !yu-grid", { "!yu-text-red-500 !yu-bg-red-100": e.bad, "!yu-text-green-500 !yu-bg-green-100": e.good }])
-        }, p(e.icon), 3),
-        t("div", oe, [
-          t("div", ne, [
-            T(p(e.comparison), 1),
-            t("span", ae, "/" + p(e.total), 1)
+    return (t, o) => (P(), k("div", rn, [
+      y("div", ln, [
+        y("i", {
+          class: C(["yu-aspect-square material-icons yu-bg-yellow-100 yu-text-yellow-500 yu-h-14 yu-w-14 yu-place-items-center yu-rounded-full !yu-text-1xl !yu-grid", { "!yu-text-red-500 !yu-bg-red-100": e.bad, "!yu-text-green-500 !yu-bg-green-100": e.good }])
+        }, F(e.icon), 3),
+        y("div", an, [
+          y("div", un, [
+            Ft(F(e.comparison), 1),
+            y("span", dn, "/" + F(e.total), 1)
           ]),
-          t("p", ye, [
-            v(l.$slots, "default")
+          y("p", cn, [
+            S(t.$slots, "default")
           ])
         ])
       ])
     ]));
   }
-}), re = { class: "yu-border yu-border-gray-100 yu-rounded-md yu-py-5 yu-px-5 yu-bg-white yu-shadow-md yu-shadow-gray-100" }, ie = { class: "yu-font-plus yu-text-gray-800 yu-font-semibold yu-text-lg" }, ce = { class: "yu-mt-2 yu-flex yu-flex-col" };
-function de(e, l) {
-  return f(), m("div", re, [
-    t("div", ie, [
-      v(e.$slots, "heading")
+}), hn = { class: "yu-border yu-border-gray-100 yu-rounded-md yu-py-5 yu-px-5 yu-bg-white yu-shadow-md yu-shadow-gray-100" }, fn = { class: "yu-font-plus yu-text-gray-800 yu-font-semibold yu-text-lg" }, yn = { class: "yu-mt-2 yu-flex yu-flex-col" };
+function mn(e, t) {
+  return P(), k("div", hn, [
+    y("div", fn, [
+      S(e.$slots, "heading")
     ]),
-    t("div", ce, [
-      v(e.$slots, "list")
+    y("div", yn, [
+      S(e.$slots, "list")
     ])
   ]);
 }
-var pe = {};
-const fe = /* @__PURE__ */ k(pe, [["render", de]]);
-const ge = {
+var gn = {};
+const wn = /* @__PURE__ */ ye(gn, [["render", mn]]);
+function Xe(e, t) {
+  const o = ge(() => ({
+    "!yu-font-plus": t.plus,
+    "!yu-font-inter": t.inter,
+    "!yu-font-titillium": t.titillium
+  })), n = ge(() => ({
+    "!yu-text-primary": t.primary,
+    "!yu-text-secondary": t.secondary,
+    "!yu-text-base": t.neutral,
+    "!yu-text-neutral": t.gray
+  })), i = ge(() => ({
+    "!yu-font-thin": t.thin,
+    "!yu-font-extralight": t.extralight,
+    "!yu-font-light": t.light,
+    "!yu-font-normal": t.normal,
+    "!yu-font-medium": t.medium,
+    "!yu-font-semibold": t.semibold,
+    "!yu-font-bold": t.bold,
+    "!yu-font-extrabold": t.extrabold,
+    "!yu-font-black": t.black
+  })), s = ge(() => ({
+    ...{
+      title: {
+        "!yu-text-xl": t.small,
+        "!yu-text-2xl": t.base,
+        "!yu-text-3xl": t.large,
+        "!yu-text-4xl": t.extralarge
+      },
+      subtitle: {
+        "!yu-text-sm": t.small,
+        "!yu-text-md": t.base,
+        "!yu-text-xl": t.large
+      },
+      text: {
+        "!yu-text-xs": t.small,
+        "!yu-text-sm": t.base,
+        "!yu-text-lg": t.large,
+        "!yu-text-xl": t.extralarge
+      }
+    }[e]
+  }));
+  return { fontClass: o, colorClass: n, weightClass: i, sizeClass: s };
+}
+const vn = /* @__PURE__ */ O({
+  __name: "title",
+  props: {
+    inter: { type: Boolean },
+    plus: { type: Boolean },
+    titillium: { type: Boolean },
+    small: { type: Boolean },
+    base: { type: Boolean },
+    large: { type: Boolean },
+    extralarge: { type: Boolean },
+    thin: { type: Boolean },
+    extralight: { type: Boolean },
+    light: { type: Boolean },
+    normal: { type: Boolean },
+    medium: { type: Boolean },
+    semibold: { type: Boolean },
+    bold: { type: Boolean },
+    extrabold: { type: Boolean },
+    black: { type: Boolean },
+    primary: { type: Boolean },
+    secondary: { type: Boolean },
+    gray: { type: Boolean },
+    neutral: { type: Boolean }
+  },
+  setup(e) {
+    const t = e, { fontClass: o, colorClass: n, weightClass: i, sizeClass: s } = Xe("title", t);
+    return (r, l) => (P(), k("h1", {
+      class: C(["yu-font-inter yu-text-2xl yu-font-normal yu-text-black", [D(o), D(n), D(i), D(s)]])
+    }, [
+      S(r.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+});
+const xn = /* @__PURE__ */ ye(vn, [["__scopeId", "data-v-e5bd72b2"]]), bn = /* @__PURE__ */ O({
+  __name: "subtitle",
+  props: {
+    inter: { type: Boolean },
+    plus: { type: Boolean },
+    titillium: { type: Boolean },
+    small: { type: Boolean },
+    base: { type: Boolean },
+    large: { type: Boolean },
+    thin: { type: Boolean },
+    extralight: { type: Boolean },
+    light: { type: Boolean },
+    normal: { type: Boolean },
+    medium: { type: Boolean },
+    semibold: { type: Boolean },
+    bold: { type: Boolean },
+    extrabold: { type: Boolean },
+    black: { type: Boolean },
+    primary: { type: Boolean },
+    secondary: { type: Boolean },
+    gray: { type: Boolean },
+    neutral: { type: Boolean }
+  },
+  setup(e) {
+    const t = e, { fontClass: o, colorClass: n, weightClass: i, sizeClass: s } = Xe("subtitle", t);
+    return (r, l) => (P(), k("h3", {
+      class: C(["yu-font-inter yu-text-md yu-font-normal yu-text-black", [D(o), D(n), D(i), D(s)]])
+    }, [
+      S(r.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+});
+const _n = /* @__PURE__ */ ye(bn, [["__scopeId", "data-v-cd3f9071"]]), $n = /* @__PURE__ */ O({
+  __name: "text",
+  props: {
+    inter: { type: Boolean },
+    plus: { type: Boolean },
+    titillium: { type: Boolean },
+    small: { type: Boolean },
+    base: { type: Boolean },
+    large: { type: Boolean },
+    extralarge: { type: Boolean },
+    thin: { type: Boolean },
+    extralight: { type: Boolean },
+    light: { type: Boolean },
+    normal: { type: Boolean },
+    medium: { type: Boolean },
+    semibold: { type: Boolean },
+    bold: { type: Boolean },
+    extrabold: { type: Boolean },
+    black: { type: Boolean },
+    primary: { type: Boolean },
+    secondary: { type: Boolean },
+    gray: { type: Boolean },
+    neutral: { type: Boolean }
+  },
+  setup(e) {
+    const t = e, { fontClass: o, colorClass: n, weightClass: i, sizeClass: s } = Xe("text", t);
+    return (r, l) => (P(), k("p", {
+      class: C(["yu-font-inter yu-text-sm yu-font-normal yu-text-black", [D(o), D(n), D(i), D(s)]])
+    }, [
+      S(r.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+});
+const Sn = /* @__PURE__ */ ye($n, [["__scopeId", "data-v-747f1999"]]);
+const Pn = {
   install: (e) => {
-    e.component("TextInput", B), e.component("IconTextInput", E), e.component("SwitchCheckbox", U), e.component("ButtonPrimary", F), e.component("ButtonSecondary", L), e.component("SimpleDropdown", R), e.component("SelectDropdown", te), e.component("SimpleDropdownItem", S), e.component("StatCard", se), e.component("ListCard", fe);
+    e.component("TextInput", ft), e.component("IconTextInput", Gt), e.component("SwitchCheckbox", Xt), e.component("ButtonPrimary", Kt), e.component("ButtonSecondary", Jt), e.component("SimpleDropdown", so), e.component("AppDropdown", sn), e.component("SimpleDropdownItem", yt), e.component("StatCard", pn), e.component("ListCard", wn), e.component("AppTitle", xn), e.component("AppSubtitle", _n), e.component("AppText", Sn);
   }
 };
 export {
-  F as ButtonPrimary,
-  L as ButtonSecondary,
-  E as IconTextInput,
-  fe as ListCard,
-  te as SelectDropdown,
-  R as SimpleDropdown,
-  S as SimpleDropdownItem,
-  se as StatCard,
-  U as SwitchCheckbox,
-  B as TextInput,
-  ge as default
+  sn as AppDropdown,
+  _n as AppSubtitle,
+  Sn as AppText,
+  xn as AppTitle,
+  Kt as ButtonPrimary,
+  Jt as ButtonSecondary,
+  Gt as IconTextInput,
+  wn as ListCard,
+  so as SimpleDropdown,
+  yt as SimpleDropdownItem,
+  pn as StatCard,
+  Xt as SwitchCheckbox,
+  ft as TextInput,
+  Pn as default
 };