@opens/ui 1.0.10 → 1.0.12

package/dist/yunique_ui.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as A, ref as I, watch as We, openBlock as _, createElementBlock as T, createElementVNode as p, toDisplayString as N, normalizeClass as B, withDirectives as Q, withKeys as je, vModelDynamic as yt, renderSlot as b, vShow as Je, pushScopeId as Lt, popScopeId as Ht, nextTick as Et, createBlock as Be, normalizeProps as Mt, guardReactiveProps as It, withScopeId as Ft, resolveComponent as Le, normalizeStyle as ze, Fragment as Vt, createCommentVNode as ye, withCtx as le, createVNode as $e, unref as D, createTextVNode as He, computed as ve, resolveDirective as Wt } from "vue";
-const jt = { class: "simple-input" }, qt = { class: "yu-flex yu-h-full yu-pl-2" }, Gt = { class: "material-icons yu-text-gray-700 yu-my-auto" }, Ut = ["placeholder", "type", "maxlength"], Yt = /* @__PURE__ */ A({
+import { defineComponent as k, ref as D, watch as qe, openBlock as x, createElementBlock as $, createElementVNode as d, toDisplayString as S, normalizeClass as A, withDirectives as q, withKeys as ke, vModelDynamic as ft, renderSlot as w, vShow as Ee, pushScopeId as It, popScopeId as Ft, nextTick as Vt, createBlock as pe, normalizeProps as jt, guardReactiveProps as Wt, withScopeId as qt, resolveComponent as Me, normalizeStyle as De, Fragment as mt, createCommentVNode as de, withCtx as Z, createVNode as ge, unref as O, createTextVNode as Pe, computed as re, resolveDirective as gt, renderList as Gt, Teleport as Ut, withModifiers as vt } from "vue";
+const Kt = { class: "simple-input" }, Yt = { class: "yu-flex yu-h-full yu-pl-2" }, Xt = { class: "material-icons yu-text-gray-700 yu-my-auto" }, Jt = ["placeholder", "type", "maxlength"], Qt = /* @__PURE__ */ k({
   __name: "icon-text-input",
   props: {
     value: null,
@@ -14,11 +14,11 @@ const jt = { class: "simple-input" }, qt = { class: "yu-flex yu-h-full yu-pl-2"
   emits: ["blur", "focus", "input"],
   setup(e, { emit: t }) {
     const o = e;
-    I(!1);
-    const n = I(o.value);
-    I(!1);
-    const i = I(o.type), s = I(!1);
-    We(s, (a) => {
+    D(!1);
+    const n = D(o.value);
+    D(!1);
+    const i = D(o.type), s = D(!1);
+    qe(s, (a) => {
       if (!a) {
         t("blur");
         return;
@@ -31,29 +31,29 @@ const jt = { class: "simple-input" }, qt = { class: "yu-flex yu-h-full yu-pl-2"
     function l(a) {
       t("input", a.target.value);
     }
-    return (a, u) => (_(), T("div", jt, [
-      p("div", qt, [
-        p("i", Gt, N(e.icon), 1),
-        p("p", {
-          class: B(["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() }])
-        }, N(e.label), 3)
+    return (a, u) => (x(), $("div", Kt, [
+      d("div", Yt, [
+        d("i", Xt, S(e.icon), 1),
+        d("p", {
+          class: A(["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() }])
+        }, S(e.label), 3)
       ]),
-      Q(p("input", {
+      q(d("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: 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),
+        onFocus: u[0] || (u[0] = (p) => s.value = !0),
+        onBlur: u[1] || (u[1] = (p) => s.value = !1),
+        "onUpdate:modelValue": u[2] || (u[2] = (p) => n.value = p),
         type: i.value || e.type,
-        onKeyup: u[3] || (u[3] = je((c) => a.$emit("keyup-enter"), ["enter"])),
+        onKeyup: u[3] || (u[3] = ke((p) => a.$emit("keyup-enter"), ["enter"])),
         maxlength: e.caract
-      }, null, 40, Ut), [
-        [yt, n.value]
+      }, null, 40, Jt), [
+        [ft, n.value]
       ])
     ]));
   }
-}), Xt = ["type", "disabled"], ft = /* @__PURE__ */ A({
+}), Zt = ["type", "disabled"], wt = /* @__PURE__ */ k({
   __name: "text-input",
   props: {
     modelValue: null,
@@ -64,7 +64,7 @@ const jt = { class: "simple-input" }, qt = { class: "yu-flex yu-h-full yu-pl-2"
   },
   emits: ["update:model-value", "blur", "press-enter"],
   setup(e, { emit: t }) {
-    const n = I(e.modelValue), i = I(!1);
+    const n = D(e.modelValue), i = D(!1);
     function s() {
       return !(i.value || n.value);
     }
@@ -75,27 +75,27 @@ const jt = { class: "simple-input" }, qt = { class: "yu-flex yu-h-full yu-pl-2"
       const u = a.target;
       t("update:model-value", u.value);
     }
-    return (a, u) => (_(), T("div", {
-      class: B(["simple-input", { "yu-border-red-500": e.invalid }])
+    return (a, u) => (x(), $("div", {
+      class: A(["simple-input", { "yu-border-red-500": e.invalid }])
     }, [
-      p("p", {
-        class: B(["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() }])
-      }, N(e.label), 3),
-      Q(p("input", {
+      d("p", {
+        class: A(["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() }])
+      }, S(e.label), 3),
+      q(d("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": u[0] || (u[0] = (c) => n.value = c),
-        onKeyup: u[1] || (u[1] = je((c) => r("press-enter"), ["enter"])),
+        "onUpdate:modelValue": u[0] || (u[0] = (p) => n.value = p),
+        onKeyup: u[1] || (u[1] = ke((p) => r("press-enter"), ["enter"])),
         type: e.type,
         disabled: e.disabled,
         onInput: l,
-        onFocus: u[2] || (u[2] = (c) => i.value = !0),
-        onBlur: u[3] || (u[3] = (c) => i.value = !1)
-      }, null, 40, Xt), [
-        [yt, n.value]
+        onFocus: u[2] || (u[2] = (p) => i.value = !0),
+        onBlur: u[3] || (u[3] = (p) => i.value = !1)
+      }, null, 40, Zt), [
+        [ft, n.value]
       ])
     ], 2));
   }
-}), Kt = ["checked"], Jt = /* @__PURE__ */ A({
+}), eo = ["checked"], to = /* @__PURE__ */ k({
   __name: "switch-checkbox",
   props: {
     modelValue: { type: Boolean },
@@ -104,25 +104,25 @@ const jt = { class: "simple-input" }, qt = { class: "yu-flex yu-h-full yu-pl-2"
   },
   emits: ["update:modelValue", "change", "input"],
   setup(e, { emit: t }) {
-    const n = I(e.modelValue);
-    return I(!1), We(n, (i) => {
+    const n = D(e.modelValue);
+    return D(!1), qe(n, (i) => {
       t("update:modelValue", i);
-    }), (i, s) => (_(), T("div", {
+    }), (i, s) => (x(), $("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] = (r) => n.value = !n.value)
     }, [
-      p("input", {
+      d("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: n.value
-      }, null, 8, Kt),
-      p("label", {
-        class: B(["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 }]),
+      }, null, 8, eo),
+      d("label", {
+        class: A(["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)
     ]));
   }
-}), Qt = /* @__PURE__ */ A({
+}), oo = /* @__PURE__ */ k({
   __name: "button-primary",
   props: {
     large: {
@@ -147,13 +147,13 @@ const jt = { class: "simple-input" }, qt = { class: "yu-flex yu-h-full yu-pl-2"
     }
   },
   setup(e) {
-    return (t, o) => (_(), T("button", {
-      class: B(["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) => (x(), $("button", {
+      class: A(["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 }])
     }, [
-      b(t.$slots, "default")
+      w(t.$slots, "default")
     ], 2));
   }
-}), Zt = /* @__PURE__ */ A({
+}), no = /* @__PURE__ */ k({
   __name: "button-secondary",
   props: {
     large: {
@@ -178,26 +178,26 @@ const jt = { class: "simple-input" }, qt = { class: "yu-flex yu-h-full yu-pl-2"
     }
   },
   setup(e) {
-    return (t, o) => (_(), T("button", {
-      class: B(["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) => (x(), $("button", {
+      class: A(["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 }])
     }, [
-      b(t.$slots, "default")
+      w(t.$slots, "default")
     ], 2));
   }
-}), eo = { 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 to(e, t) {
-  return _(), T("div", eo, [
-    b(e.$slots, "default")
+}), io = { 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 so(e, t) {
+  return x(), $("div", io, [
+    w(e.$slots, "default")
   ]);
 }
-const X = (e, t) => {
+const Y = (e, t) => {
   const o = e.__vccOpts || e;
   for (const [n, i] of t)
     o[n] = i;
   return o;
 };
-var oo = {};
-const mt = /* @__PURE__ */ X(oo, [["render", to]]), no = { class: "yu-relative yu-w-full" }, io = { class: "yu-text-gray-700 yu-font-plus yu-font-medium yu-text-base yu-mr-2" }, so = { 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" }, ro = { class: "yu-w-full yu-rounded-md yu-p-2" }, lo = /* @__PURE__ */ A({
+var ro = {};
+const Ge = /* @__PURE__ */ Y(ro, [["render", so]]), lo = { class: "yu-relative yu-w-full" }, ao = { class: "yu-text-gray-700 yu-font-plus yu-font-medium yu-text-base yu-mr-2" }, uo = { 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" }, co = { class: "yu-w-full yu-rounded-md yu-p-2" }, po = /* @__PURE__ */ k({
   __name: "simple-dropdown",
   props: {
     label: null,
@@ -206,86 +206,86 @@ const mt = /* @__PURE__ */ X(oo, [["render", to]]), no = { class: "yu-relative y
   },
   setup(e) {
     const t = e;
-    We(
+    qe(
       () => t.isOpen,
       (n) => {
         o.value = n;
       }
     );
-    const o = I(!1);
-    return (n, i) => (_(), T("div", null, [
-      p("div", no, [
-        p("button", {
-          class: B(["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 }]),
+    const o = D(!1);
+    return (n, i) => (x(), $("div", null, [
+      d("div", lo, [
+        d("button", {
+          class: A(["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)
         }, [
-          Q(p("i", {
-            class: B(["material-icons yu-text-gray-700 yu-h-fit", { "yu-text-primary-500": o.value }])
-          }, N(e.icon), 3), [
-            [Je, e.icon]
+          q(d("i", {
+            class: A(["material-icons yu-text-gray-700 yu-h-fit", { "yu-text-primary-500": o.value }])
+          }, S(e.icon), 3), [
+            [Ee, e.icon]
           ]),
-          p("div", io, N(e.label), 1),
-          p("i", {
-            class: B(["material-icons yu-text-gray-700 yu-h-fit yu-ml-auto", { "yu-text-primary-500 yu-rotate-180": o.value }])
+          d("div", ao, S(e.label), 1),
+          d("i", {
+            class: A(["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),
-        Q(p("div", so, [
-          p("div", ro, [
-            b(n.$slots, "default")
+        q(d("div", uo, [
+          d("div", co, [
+            w(n.$slots, "default")
           ])
         ], 512), [
-          [Je, o.value]
+          [Ee, o.value]
         ])
       ])
     ]));
   }
-}), ao = ["top", "right", "bottom", "left"], Qe = ["start", "end"], Ze = /* @__PURE__ */ ao.reduce((e, t) => e.concat(t, t + "-" + Qe[0], t + "-" + Qe[1]), []), fe = Math.min, ie = Math.max, uo = {
+}), ho = ["top", "right", "bottom", "left"], Ze = ["start", "end"], et = /* @__PURE__ */ ho.reduce((e, t) => e.concat(t, t + "-" + Ze[0], t + "-" + Ze[1]), []), ve = Math.min, se = Math.max, yo = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, co = {
+}, fo = {
   start: "end",
   end: "start"
 };
-function Ee(e, t, o) {
-  return ie(e, fe(t, o));
+function Ie(e, t, o) {
+  return se(e, ve(t, o));
 }
-function re(e, t) {
+function ae(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function U(e) {
+function K(e) {
   return e.split("-")[0];
 }
 function V(e) {
   return e.split("-")[1];
 }
-function gt(e) {
+function xt(e) {
   return e === "x" ? "y" : "x";
 }
-function qe(e) {
+function Ue(e) {
   return e === "y" ? "height" : "width";
 }
-function we(e) {
-  return ["top", "bottom"].includes(U(e)) ? "y" : "x";
+function be(e) {
+  return ["top", "bottom"].includes(K(e)) ? "y" : "x";
 }
-function Ge(e) {
-  return gt(we(e));
+function Ke(e) {
+  return xt(be(e));
 }
-function wt(e, t, o) {
+function bt(e, t, o) {
   o === void 0 && (o = !1);
-  const n = V(e), i = Ge(e), s = qe(i);
+  const n = V(e), i = Ke(e), s = Ue(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)];
+  return t.reference[s] > t.floating[s] && (r = Ce(r)), [r, Ce(r)];
 }
-function po(e) {
-  const t = Se(e);
-  return [Te(e), t, Te(t)];
+function mo(e) {
+  const t = Ce(e);
+  return [Se(e), t, Se(t)];
 }
-function Te(e) {
-  return e.replace(/start|end/g, (t) => co[t]);
+function Se(e) {
+  return e.replace(/start|end/g, (t) => fo[t]);
 }
-function ho(e, t, o) {
+function go(e, t, o) {
   const n = ["left", "right"], i = ["right", "left"], s = ["top", "bottom"], r = ["bottom", "top"];
   switch (e) {
     case "top":
@@ -298,15 +298,15 @@ function ho(e, t, o) {
       return [];
   }
 }
-function yo(e, t, o, n) {
+function vo(e, t, o, n) {
   const i = V(e);
-  let s = ho(U(e), o === "start", n);
-  return i && (s = s.map((r) => r + "-" + i), t && (s = s.concat(s.map(Te)))), s;
+  let s = go(K(e), o === "start", n);
+  return i && (s = s.map((r) => r + "-" + i), t && (s = s.concat(s.map(Se)))), s;
 }
-function Se(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => uo[t]);
+function Ce(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => yo[t]);
 }
-function fo(e) {
+function wo(e) {
   return {
     top: 0,
     right: 0,
@@ -315,15 +315,15 @@ function fo(e) {
     ...e
   };
 }
-function vt(e) {
-  return typeof e != "number" ? fo(e) : {
+function _t(e) {
+  return typeof e != "number" ? wo(e) : {
     top: e,
     right: e,
     bottom: e,
     left: e
   };
 }
-function de(e) {
+function he(e) {
   return {
     ...e,
     top: e.y,
@@ -332,55 +332,55 @@ function de(e) {
     bottom: e.y + e.height
   };
 }
-function et(e, t, o) {
+function tt(e, t, o) {
   let {
     reference: n,
     floating: i
   } = e;
-  const s = we(t), r = Ge(t), l = qe(r), a = U(t), u = s === "y", c = n.x + n.width / 2 - i.width / 2, h = n.y + n.height / 2 - i.height / 2, y = n[l] / 2 - i[l] / 2;
-  let d;
+  const s = be(t), r = Ke(t), l = Ue(r), a = K(t), u = s === "y", p = n.x + n.width / 2 - i.width / 2, h = n.y + n.height / 2 - i.height / 2, y = n[l] / 2 - i[l] / 2;
+  let c;
   switch (a) {
     case "top":
-      d = {
-        x: c,
+      c = {
+        x: p,
         y: n.y - i.height
       };
       break;
     case "bottom":
-      d = {
-        x: c,
+      c = {
+        x: p,
         y: n.y + n.height
       };
       break;
     case "right":
-      d = {
+      c = {
         x: n.x + n.width,
         y: h
       };
       break;
     case "left":
-      d = {
+      c = {
         x: n.x - i.width,
         y: h
       };
       break;
     default:
-      d = {
+      c = {
         x: n.x,
         y: n.y
       };
   }
   switch (V(t)) {
     case "start":
-      d[r] -= y * (o && u ? -1 : 1);
+      c[r] -= y * (o && u ? -1 : 1);
       break;
     case "end":
-      d[r] += y * (o && u ? -1 : 1);
+      c[r] += y * (o && u ? -1 : 1);
       break;
   }
-  return d;
+  return c;
 }
-const mo = async (e, t, o) => {
+const xo = async (e, t, o) => {
   const {
     placement: n = "bottom",
     strategy: i = "absolute",
@@ -392,25 +392,25 @@ const mo = async (e, t, o) => {
     floating: t,
     strategy: i
   }), {
-    x: c,
+    x: p,
     y: h
-  } = et(u, n, a), y = n, d = {}, f = 0;
+  } = tt(u, n, a), y = n, c = {}, f = 0;
   for (let m = 0; m < l.length; m++) {
     const {
-      name: v,
+      name: b,
       fn: g
     } = l[m], {
-      x: w,
-      y: $,
+      x: v,
+      y: T,
       data: C,
-      reset: S
+      reset: P
     } = await g({
-      x: c,
+      x: p,
       y: h,
       initialPlacement: n,
       placement: y,
       strategy: i,
-      middlewareData: d,
+      middlewareData: c,
       rects: u,
       platform: r,
       elements: {
@@ -418,33 +418,33 @@ const mo = async (e, t, o) => {
         floating: t
       }
     });
-    if (c = w ?? c, h = $ ?? h, d = {
-      ...d,
-      [v]: {
-        ...d[v],
+    if (p = v ?? p, h = T ?? h, c = {
+      ...c,
+      [b]: {
+        ...c[b],
         ...C
       }
-    }, S && f <= 50) {
-      f++, typeof S == "object" && (S.placement && (y = S.placement), S.rects && (u = S.rects === !0 ? await r.getElementRects({
+    }, P && f <= 50) {
+      f++, typeof P == "object" && (P.placement && (y = P.placement), P.rects && (u = P.rects === !0 ? await r.getElementRects({
         reference: e,
         floating: t,
         strategy: i
-      }) : S.rects), {
-        x: c,
+      }) : P.rects), {
+        x: p,
         y: h
-      } = et(u, y, a)), m = -1;
+      } = tt(u, y, a)), m = -1;
       continue;
     }
   }
   return {
-    x: c,
+    x: p,
     y: h,
     placement: y,
     strategy: i,
-    middlewareData: d
+    middlewareData: c
   };
 };
-async function Ae(e, t) {
+async function Oe(e, t) {
   var o;
   t === void 0 && (t = {});
   const {
@@ -456,38 +456,38 @@ async function Ae(e, t) {
     strategy: a
   } = e, {
     boundary: u = "clippingAncestors",
-    rootBoundary: c = "viewport",
+    rootBoundary: p = "viewport",
     elementContext: h = "floating",
     altBoundary: y = !1,
-    padding: d = 0
-  } = re(t, e), f = vt(d), v = l[y ? h === "floating" ? "reference" : "floating" : h], g = de(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)),
+    padding: c = 0
+  } = ae(t, e), f = _t(c), b = l[y ? h === "floating" ? "reference" : "floating" : h], g = he(await s.getClippingRect({
+    element: (o = await (s.isElement == null ? void 0 : s.isElement(b))) == null || o ? b : b.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(l.floating)),
     boundary: u,
-    rootBoundary: c,
+    rootBoundary: p,
     strategy: a
-  })), w = h === "floating" ? {
+  })), v = h === "floating" ? {
     ...r.floating,
     x: n,
     y: i
-  } : r.reference, $ = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l.floating)), C = await (s.isElement == null ? void 0 : s.isElement($)) ? await (s.getScale == null ? void 0 : s.getScale($)) || {
+  } : r.reference, T = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l.floating)), C = await (s.isElement == null ? void 0 : s.isElement(T)) ? await (s.getScale == null ? void 0 : s.getScale(T)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, S = de(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
-    rect: w,
-    offsetParent: $,
+  }, P = he(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+    rect: v,
+    offsetParent: T,
     strategy: a
-  }) : w);
+  }) : v);
   return {
-    top: (g.top - S.top + f.top) / C.y,
-    bottom: (S.bottom - g.bottom + f.bottom) / C.y,
-    left: (g.left - S.left + f.left) / C.x,
-    right: (S.right - g.right + f.right) / C.x
+    top: (g.top - P.top + f.top) / C.y,
+    bottom: (P.bottom - g.bottom + f.bottom) / C.y,
+    left: (g.left - P.left + f.left) / C.x,
+    right: (P.right - g.right + f.right) / C.x
   };
 }
-const go = (e) => ({
+const bo = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -501,34 +501,34 @@ const go = (e) => ({
       middlewareData: a
     } = t, {
       element: u,
-      padding: c = 0
-    } = re(e, t) || {};
+      padding: p = 0
+    } = ae(e, t) || {};
     if (u == null)
       return {};
-    const h = vt(c), y = {
+    const h = _t(p), y = {
       x: o,
       y: n
-    }, d = Ge(i), f = qe(d), m = await r.getDimensions(u), v = d === "y", g = v ? "top" : "left", w = v ? "bottom" : "right", $ = v ? "clientHeight" : "clientWidth", C = s.reference[f] + s.reference[d] - y[d] - s.floating[f], S = y[d] - s.reference[d], P = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(u));
-    let k = P ? P[$] : 0;
-    (!k || !await (r.isElement == null ? void 0 : r.isElement(P))) && (k = l.floating[$] || s.floating[f]);
-    const H = C / 2 - S / 2, E = k / 2 - m[f] / 2 - 1, O = fe(h[g], E), M = fe(h[w], E), z = O, oe = k - m[f] - M, R = k / 2 - m[f] / 2 + H, W = Ee(z, R, oe), j = !a.arrow && V(i) != null && R != W && s.reference[f] / 2 - (R < z ? O : M) - m[f] / 2 < 0, Y = j ? R < z ? R - z : R - oe : 0;
+    }, c = Ke(i), f = Ue(c), m = await r.getDimensions(u), b = c === "y", g = b ? "top" : "left", v = b ? "bottom" : "right", T = b ? "clientHeight" : "clientWidth", C = s.reference[f] + s.reference[c] - y[c] - s.floating[f], P = y[c] - s.reference[c], B = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(u));
+    let N = B ? B[T] : 0;
+    (!N || !await (r.isElement == null ? void 0 : r.isElement(B))) && (N = l.floating[T] || s.floating[f]);
+    const E = C / 2 - P / 2, M = N / 2 - m[f] / 2 - 1, z = ve(h[g], M), I = ve(h[v], M), R = z, ne = N - m[f] - I, L = N / 2 - m[f] / 2 + E, j = Ie(R, L, ne), W = !a.arrow && V(i) != null && L != j && s.reference[f] / 2 - (L < R ? z : I) - m[f] / 2 < 0, X = W ? L < R ? L - R : L - ne : 0;
     return {
-      [d]: y[d] + Y,
+      [c]: y[c] + X,
       data: {
-        [d]: W,
-        centerOffset: R - W - Y,
-        ...j && {
-          alignmentOffset: Y
+        [c]: j,
+        centerOffset: L - j - X,
+        ...W && {
+          alignmentOffset: X
         }
       },
-      reset: j
+      reset: W
     };
   }
 });
-function wo(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 ? Te(i) !== i : !1) : !0);
+function _o(e, t, o) {
+  return (e ? [...o.filter((i) => V(i) === e), ...o.filter((i) => V(i) !== e)] : o.filter((i) => K(i) === i)).filter((i) => e ? V(i) === e || (t ? Se(i) !== i : !1) : !0);
 }
-const vo = function(e) {
+const $o = function(e) {
   return e === void 0 && (e = {}), {
     name: "autoPlacement",
     options: e,
@@ -541,62 +541,62 @@ const vo = function(e) {
         platform: a,
         elements: u
       } = t, {
-        crossAxis: c = !1,
+        crossAxis: p = !1,
         alignment: h,
-        allowedPlacements: y = Ze,
-        autoAlignment: d = !0,
+        allowedPlacements: y = et,
+        autoAlignment: c = !0,
         ...f
-      } = re(e, t), m = h !== void 0 || y === Ze ? wo(h || null, d, y) : y, v = await Ae(t, f), g = ((o = r.autoPlacement) == null ? void 0 : o.index) || 0, w = m[g];
-      if (w == null)
+      } = ae(e, t), m = h !== void 0 || y === et ? _o(h || null, c, y) : y, b = await Oe(t, f), g = ((o = r.autoPlacement) == null ? void 0 : o.index) || 0, v = m[g];
+      if (v == null)
         return {};
-      const $ = wt(w, s, await (a.isRTL == null ? void 0 : a.isRTL(u.floating)));
-      if (l !== w)
+      const T = bt(v, s, await (a.isRTL == null ? void 0 : a.isRTL(u.floating)));
+      if (l !== v)
         return {
           reset: {
             placement: m[0]
           }
         };
-      const C = [v[U(w)], v[$[0]], v[$[1]]], S = [...((n = r.autoPlacement) == null ? void 0 : n.overflows) || [], {
-        placement: w,
+      const C = [b[K(v)], b[T[0]], b[T[1]]], P = [...((n = r.autoPlacement) == null ? void 0 : n.overflows) || [], {
+        placement: v,
         overflows: C
-      }], P = m[g + 1];
-      if (P)
+      }], B = m[g + 1];
+      if (B)
         return {
           data: {
             index: g + 1,
-            overflows: S
+            overflows: P
           },
           reset: {
-            placement: P
+            placement: B
           }
         };
-      const k = S.map((O) => {
-        const M = V(O.placement);
-        return [O.placement, M && c ? (
+      const N = P.map((z) => {
+        const I = V(z.placement);
+        return [z.placement, I && p ? (
           // Check along the mainAxis and main crossAxis side.
-          O.overflows.slice(0, 2).reduce((z, oe) => z + oe, 0)
+          z.overflows.slice(0, 2).reduce((R, ne) => R + ne, 0)
         ) : (
           // Check only the mainAxis.
-          O.overflows[0]
-        ), O.overflows];
-      }).sort((O, M) => O[1] - M[1]), E = ((i = k.filter((O) => O[2].slice(
+          z.overflows[0]
+        ), z.overflows];
+      }).sort((z, I) => z[1] - I[1]), M = ((i = N.filter((z) => z[2].slice(
         0,
         // Aligned placements should not check their opposite crossAxis
         // side.
-        V(O[0]) ? 2 : 3
-      ).every((M) => M <= 0))[0]) == null ? void 0 : i[0]) || k[0][0];
-      return E !== l ? {
+        V(z[0]) ? 2 : 3
+      ).every((I) => I <= 0))[0]) == null ? void 0 : i[0]) || N[0][0];
+      return M !== l ? {
         data: {
           index: g + 1,
-          overflows: S
+          overflows: P
         },
         reset: {
-          placement: E
+          placement: M
         }
       } : {};
     }
   };
-}, xo = function(e) {
+}, To = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -610,57 +610,57 @@ const vo = function(e) {
         platform: a,
         elements: u
       } = t, {
-        mainAxis: c = !0,
+        mainAxis: p = !0,
         crossAxis: h = !0,
         fallbackPlacements: y,
-        fallbackStrategy: d = "bestFit",
+        fallbackStrategy: c = "bestFit",
         fallbackAxisSideDirection: f = "none",
         flipAlignment: m = !0,
-        ...v
-      } = re(e, t);
+        ...b
+      } = ae(e, t);
       if ((o = s.arrow) != null && o.alignmentOffset)
         return {};
-      const g = U(i), w = U(l) === l, $ = await (a.isRTL == null ? void 0 : a.isRTL(u.floating)), C = y || (w || !m ? [Se(l)] : po(l));
-      !y && f !== "none" && C.push(...yo(l, m, f, $));
-      const S = [l, ...C], P = await Ae(t, v), k = [];
-      let H = ((n = s.flip) == null ? void 0 : n.overflows) || [];
-      if (c && k.push(P[g]), h) {
-        const z = wt(i, r, $);
-        k.push(P[z[0]], P[z[1]]);
+      const g = K(i), v = K(l) === l, T = await (a.isRTL == null ? void 0 : a.isRTL(u.floating)), C = y || (v || !m ? [Ce(l)] : mo(l));
+      !y && f !== "none" && C.push(...vo(l, m, f, T));
+      const P = [l, ...C], B = await Oe(t, b), N = [];
+      let E = ((n = s.flip) == null ? void 0 : n.overflows) || [];
+      if (p && N.push(B[g]), h) {
+        const R = bt(i, r, T);
+        N.push(B[R[0]], B[R[1]]);
       }
-      if (H = [...H, {
+      if (E = [...E, {
         placement: i,
-        overflows: k
-      }], !k.every((z) => z <= 0)) {
-        var E, O;
-        const z = (((E = s.flip) == null ? void 0 : E.index) || 0) + 1, oe = S[z];
-        if (oe)
+        overflows: N
+      }], !N.every((R) => R <= 0)) {
+        var M, z;
+        const R = (((M = s.flip) == null ? void 0 : M.index) || 0) + 1, ne = P[R];
+        if (ne)
           return {
             data: {
-              index: z,
-              overflows: H
+              index: R,
+              overflows: E
             },
             reset: {
-              placement: oe
+              placement: ne
             }
           };
-        let R = (O = H.filter((W) => W.overflows[0] <= 0).sort((W, j) => W.overflows[1] - j.overflows[1])[0]) == null ? void 0 : O.placement;
-        if (!R)
-          switch (d) {
+        let L = (z = E.filter((j) => j.overflows[0] <= 0).sort((j, W) => j.overflows[1] - W.overflows[1])[0]) == null ? void 0 : z.placement;
+        if (!L)
+          switch (c) {
             case "bestFit": {
-              var M;
-              const W = (M = H.map((j) => [j.placement, j.overflows.filter((Y) => Y > 0).reduce((Y, Dt) => Y + Dt, 0)]).sort((j, Y) => j[1] - Y[1])[0]) == null ? void 0 : M[0];
-              W && (R = W);
+              var I;
+              const j = (I = E.map((W) => [W.placement, W.overflows.filter((X) => X > 0).reduce((X, Mt) => X + Mt, 0)]).sort((W, X) => W[1] - X[1])[0]) == null ? void 0 : I[0];
+              j && (L = j);
               break;
             }
             case "initialPlacement":
-              R = l;
+              L = l;
               break;
           }
-        if (i !== R)
+        if (i !== L)
           return {
             reset: {
-              placement: R
+              placement: L
             }
           };
       }
@@ -668,15 +668,15 @@ const vo = function(e) {
     }
   };
 };
-async function bo(e, t) {
+async function Po(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 = we(o) === "y", u = ["left", "top"].includes(r) ? -1 : 1, c = s && a ? -1 : 1, h = re(t, e);
+  } = e, s = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), r = K(o), l = V(o), a = be(o) === "y", u = ["left", "top"].includes(r) ? -1 : 1, p = s && a ? -1 : 1, h = ae(t, e);
   let {
     mainAxis: y,
-    crossAxis: d,
+    crossAxis: c,
     alignmentAxis: f
   } = typeof h == "number" ? {
     mainAxis: h,
@@ -688,15 +688,15 @@ async function bo(e, t) {
     alignmentAxis: null,
     ...h
   };
-  return l && typeof f == "number" && (d = l === "end" ? f * -1 : f), a ? {
-    x: d * c,
+  return l && typeof f == "number" && (c = l === "end" ? f * -1 : f), a ? {
+    x: c * p,
     y: y * u
   } : {
     x: y * u,
-    y: d * c
+    y: c * p
   };
 }
-const _o = function(e) {
+const So = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -707,7 +707,7 @@ const _o = function(e) {
         y: s,
         placement: r,
         middlewareData: l
-      } = t, a = await bo(t, e);
+      } = t, a = await Po(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,
@@ -718,7 +718,7 @@ const _o = function(e) {
       };
     }
   };
-}, $o = function(e) {
+}, Co = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -731,34 +731,34 @@ const _o = function(e) {
         mainAxis: s = !0,
         crossAxis: r = !1,
         limiter: l = {
-          fn: (v) => {
+          fn: (b) => {
             let {
               x: g,
-              y: w
-            } = v;
+              y: v
+            } = b;
             return {
               x: g,
-              y: w
+              y: v
             };
           }
         },
         ...a
-      } = re(e, t), u = {
+      } = ae(e, t), u = {
         x: o,
         y: n
-      }, c = await Ae(t, a), h = we(U(i)), y = gt(h);
-      let d = u[y], f = u[h];
+      }, p = await Oe(t, a), h = be(K(i)), y = xt(h);
+      let c = u[y], f = u[h];
       if (s) {
-        const v = y === "y" ? "top" : "left", g = y === "y" ? "bottom" : "right", w = d + c[v], $ = d - c[g];
-        d = Ee(w, d, $);
+        const b = y === "y" ? "top" : "left", g = y === "y" ? "bottom" : "right", v = c + p[b], T = c - p[g];
+        c = Ie(v, c, T);
       }
       if (r) {
-        const v = h === "y" ? "top" : "left", g = h === "y" ? "bottom" : "right", w = f + c[v], $ = f - c[g];
-        f = Ee(w, f, $);
+        const b = h === "y" ? "top" : "left", g = h === "y" ? "bottom" : "right", v = f + p[b], T = f - p[g];
+        f = Ie(v, f, T);
       }
       const m = l.fn({
         ...t,
-        [y]: d,
+        [y]: c,
         [h]: f
       });
       return {
@@ -770,7 +770,7 @@ const _o = function(e) {
       };
     }
   };
-}, To = function(e) {
+}, Bo = function(e) {
   return e === void 0 && (e = {}), {
     name: "size",
     options: e,
@@ -784,32 +784,32 @@ const _o = function(e) {
         apply: r = () => {
         },
         ...l
-      } = re(e, t), a = await Ae(t, l), u = U(o), c = V(o), h = we(o) === "y", {
+      } = ae(e, t), a = await Oe(t, l), u = K(o), p = V(o), h = be(o) === "y", {
         width: y,
-        height: d
+        height: c
       } = 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 = y - a[m], w = !t.middlewareData.shift;
-      let $ = v, C = g;
+      u === "top" || u === "bottom" ? (f = u, m = p === (await (i.isRTL == null ? void 0 : i.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (m = u, f = p === "end" ? "top" : "bottom");
+      const b = c - a[f], g = y - a[m], v = !t.middlewareData.shift;
+      let T = b, C = g;
       if (h) {
-        const P = y - a.left - a.right;
-        C = c || w ? fe(g, P) : P;
+        const B = y - a.left - a.right;
+        C = p || v ? ve(g, B) : B;
       } else {
-        const P = d - a.top - a.bottom;
-        $ = c || w ? fe(v, P) : P;
+        const B = c - a.top - a.bottom;
+        T = p || v ? ve(b, B) : B;
       }
-      if (w && !c) {
-        const P = ie(a.left, 0), k = ie(a.right, 0), H = ie(a.top, 0), E = ie(a.bottom, 0);
-        h ? C = y - 2 * (P !== 0 || k !== 0 ? P + k : ie(a.left, a.right)) : $ = d - 2 * (H !== 0 || E !== 0 ? H + E : ie(a.top, a.bottom));
+      if (v && !p) {
+        const B = se(a.left, 0), N = se(a.right, 0), E = se(a.top, 0), M = se(a.bottom, 0);
+        h ? C = y - 2 * (B !== 0 || N !== 0 ? B + N : se(a.left, a.right)) : T = c - 2 * (E !== 0 || M !== 0 ? E + M : se(a.top, a.bottom));
       }
       await r({
         ...t,
         availableWidth: C,
-        availableHeight: $
+        availableHeight: T
       });
-      const S = await i.getDimensions(s.floating);
-      return y !== S.width || d !== S.height ? {
+      const P = await i.getDimensions(s.floating);
+      return y !== P.width || c !== P.height ? {
         reset: {
           rects: !0
         }
@@ -817,208 +817,208 @@ const _o = function(e) {
     }
   };
 };
-function L(e) {
+function H(e) {
   var t;
   return ((t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function q(e) {
-  return L(e).getComputedStyle(e);
+function G(e) {
+  return H(e).getComputedStyle(e);
 }
-const tt = Math.min, ce = Math.max, Ce = Math.round;
-function xt(e) {
-  const t = q(e);
+const ot = Math.min, ye = Math.max, Be = Math.round;
+function $t(e) {
+  const t = G(e);
   let o = parseFloat(t.width), n = parseFloat(t.height);
-  const i = e.offsetWidth, s = e.offsetHeight, r = Ce(o) !== i || Ce(n) !== s;
+  const i = e.offsetWidth, s = e.offsetHeight, r = Be(o) !== i || Be(n) !== s;
   return r && (o = i, n = s), { width: o, height: n, fallback: r };
 }
-function te(e) {
-  return _t(e) ? (e.nodeName || "").toLowerCase() : "";
+function oe(e) {
+  return Pt(e) ? (e.nodeName || "").toLowerCase() : "";
 }
-let xe;
-function bt() {
-  if (xe)
-    return xe;
+let _e;
+function Tt() {
+  if (_e)
+    return _e;
   const e = navigator.userAgentData;
-  return e && Array.isArray(e.brands) ? (xe = e.brands.map((t) => t.brand + "/" + t.version).join(" "), xe) : navigator.userAgent;
+  return e && Array.isArray(e.brands) ? (_e = e.brands.map((t) => t.brand + "/" + t.version).join(" "), _e) : navigator.userAgent;
 }
-function G(e) {
-  return e instanceof L(e).HTMLElement;
+function U(e) {
+  return e instanceof H(e).HTMLElement;
 }
-function Z(e) {
-  return e instanceof L(e).Element;
+function ee(e) {
+  return e instanceof H(e).Element;
 }
-function _t(e) {
-  return e instanceof L(e).Node;
+function Pt(e) {
+  return e instanceof H(e).Node;
 }
-function ot(e) {
-  return typeof ShadowRoot > "u" ? !1 : e instanceof L(e).ShadowRoot || e instanceof ShadowRoot;
+function nt(e) {
+  return typeof ShadowRoot > "u" ? !1 : e instanceof H(e).ShadowRoot || e instanceof ShadowRoot;
 }
-function ke(e) {
-  const { overflow: t, overflowX: o, overflowY: n, display: i } = q(e);
+function Ne(e) {
+  const { overflow: t, overflowX: o, overflowY: n, display: i } = G(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + n + o) && !["inline", "contents"].includes(i);
 }
-function So(e) {
-  return ["table", "td", "th"].includes(te(e));
+function Ao(e) {
+  return ["table", "td", "th"].includes(oe(e));
 }
-function Me(e) {
-  const t = /firefox/i.test(bt()), o = q(e), n = o.backdropFilter || o.WebkitBackdropFilter;
+function Fe(e) {
+  const t = /firefox/i.test(Tt()), o = G(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(bt());
+function St() {
+  return !/^((?!chrome|android).)*safari/i.test(Tt());
 }
-function Ue(e) {
-  return ["html", "body", "#document"].includes(te(e));
-}
-function Tt(e) {
-  return Z(e) ? e : e.contextElement;
-}
-const St = { x: 1, y: 1 };
-function ae(e) {
-  const t = Tt(e);
-  if (!G(t))
-    return St;
-  const o = t.getBoundingClientRect(), { width: n, height: i, fallback: s } = xt(t);
-  let r = (s ? Ce(o.width) : o.width) / n, l = (s ? Ce(o.height) : o.height) / i;
+function Ye(e) {
+  return ["html", "body", "#document"].includes(oe(e));
+}
+function Ct(e) {
+  return ee(e) ? e : e.contextElement;
+}
+const Bt = { x: 1, y: 1 };
+function ue(e) {
+  const t = Ct(e);
+  if (!U(t))
+    return Bt;
+  const o = t.getBoundingClientRect(), { width: n, height: i, fallback: s } = $t(t);
+  let r = (s ? Be(o.width) : o.width) / n, l = (s ? Be(o.height) : o.height) / i;
   return r && Number.isFinite(r) || (r = 1), l && Number.isFinite(l) || (l = 1), { x: r, y: l };
 }
-function me(e, t, o, n) {
+function we(e, t, o, n) {
   var i, s;
   t === void 0 && (t = !1), o === void 0 && (o = !1);
-  const r = e.getBoundingClientRect(), l = Tt(e);
-  let a = St;
-  t && (n ? Z(n) && (a = ae(n)) : a = ae(e));
-  const u = l ? L(l) : window, c = !$t() && o;
-  let h = (r.left + (c && ((i = u.visualViewport) == null ? void 0 : i.offsetLeft) || 0)) / a.x, y = (r.top + (c && ((s = u.visualViewport) == null ? void 0 : s.offsetTop) || 0)) / a.y, d = r.width / a.x, f = r.height / a.y;
+  const r = e.getBoundingClientRect(), l = Ct(e);
+  let a = Bt;
+  t && (n ? ee(n) && (a = ue(n)) : a = ue(e));
+  const u = l ? H(l) : window, p = !St() && o;
+  let h = (r.left + (p && ((i = u.visualViewport) == null ? void 0 : i.offsetLeft) || 0)) / a.x, y = (r.top + (p && ((s = u.visualViewport) == null ? void 0 : s.offsetTop) || 0)) / a.y, c = r.width / a.x, f = r.height / a.y;
   if (l) {
-    const m = L(l), v = n && Z(n) ? L(n) : n;
+    const m = H(l), b = n && ee(n) ? H(n) : n;
     let g = m.frameElement;
-    for (; g && n && v !== m; ) {
-      const w = ae(g), $ = g.getBoundingClientRect(), C = getComputedStyle(g);
-      $.x += (g.clientLeft + parseFloat(C.paddingLeft)) * w.x, $.y += (g.clientTop + parseFloat(C.paddingTop)) * w.y, h *= w.x, y *= w.y, d *= w.x, f *= w.y, h += $.x, y += $.y, g = L(g).frameElement;
+    for (; g && n && b !== m; ) {
+      const v = ue(g), T = g.getBoundingClientRect(), C = getComputedStyle(g);
+      T.x += (g.clientLeft + parseFloat(C.paddingLeft)) * v.x, T.y += (g.clientTop + parseFloat(C.paddingTop)) * v.y, h *= v.x, y *= v.y, c *= v.x, f *= v.y, h += T.x, y += T.y, g = H(g).frameElement;
     }
   }
-  return { width: d, height: f, top: y, right: h + d, bottom: y + f, left: h, x: h, y };
+  return { width: c, height: f, top: y, right: h + c, bottom: y + f, left: h, x: h, y };
 }
-function ee(e) {
-  return ((_t(e) ? e.ownerDocument : e.document) || window.document).documentElement;
+function te(e) {
+  return ((Pt(e) ? e.ownerDocument : e.document) || window.document).documentElement;
 }
-function Oe(e) {
-  return Z(e) ? { scrollLeft: e.scrollLeft, scrollTop: e.scrollTop } : { scrollLeft: e.pageXOffset, scrollTop: e.pageYOffset };
+function ze(e) {
+  return ee(e) ? { scrollLeft: e.scrollLeft, scrollTop: e.scrollTop } : { scrollLeft: e.pageXOffset, scrollTop: e.pageYOffset };
 }
-function Ct(e) {
-  return me(ee(e)).left + Oe(e).scrollLeft;
+function At(e) {
+  return we(te(e)).left + ze(e).scrollLeft;
 }
-function ge(e) {
-  if (te(e) === "html")
+function xe(e) {
+  if (oe(e) === "html")
     return e;
-  const t = e.assignedSlot || e.parentNode || ot(e) && e.host || ee(e);
-  return ot(t) ? t.host : t;
+  const t = e.assignedSlot || e.parentNode || nt(e) && e.host || te(e);
+  return nt(t) ? t.host : t;
 }
-function Pt(e) {
-  const t = ge(e);
-  return Ue(t) ? t.ownerDocument.body : G(t) && ke(t) ? t : Pt(t);
+function kt(e) {
+  const t = xe(e);
+  return Ye(t) ? t.ownerDocument.body : U(t) && Ne(t) ? t : kt(t);
 }
-function Pe(e, t) {
+function Ae(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 || [], ke(n) ? n : []) : t.concat(n, Pe(n));
+  const n = kt(e), i = n === ((o = e.ownerDocument) == null ? void 0 : o.body), s = H(n);
+  return i ? t.concat(s, s.visualViewport || [], Ne(n) ? n : []) : t.concat(n, Ae(n));
 }
-function nt(e, t, o) {
-  return t === "viewport" ? de(function(n, i) {
-    const s = L(n), r = ee(n), l = s.visualViewport;
-    let a = r.clientWidth, u = r.clientHeight, c = 0, h = 0;
+function it(e, t, o) {
+  return t === "viewport" ? he(function(n, i) {
+    const s = H(n), r = te(n), l = s.visualViewport;
+    let a = r.clientWidth, u = r.clientHeight, p = 0, h = 0;
     if (l) {
       a = l.width, u = l.height;
-      const y = $t();
-      (y || !y && i === "fixed") && (c = l.offsetLeft, h = l.offsetTop);
+      const y = St();
+      (y || !y && i === "fixed") && (p = l.offsetLeft, h = l.offsetTop);
     }
-    return { width: a, height: u, x: c, y: h };
-  }(e, o)) : Z(t) ? de(function(n, i) {
-    const s = me(n, !0, i === "fixed"), r = s.top + n.clientTop, l = s.left + n.clientLeft, a = G(n) ? ae(n) : { x: 1, y: 1 };
+    return { width: a, height: u, x: p, y: h };
+  }(e, o)) : ee(t) ? he(function(n, i) {
+    const s = we(n, !0, i === "fixed"), r = s.top + n.clientTop, l = s.left + n.clientLeft, a = U(n) ? ue(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)) : de(function(n) {
-    const i = ee(n), s = Oe(n), r = n.ownerDocument.body, l = ce(i.scrollWidth, i.clientWidth, r.scrollWidth, r.clientWidth), a = ce(i.scrollHeight, i.clientHeight, r.scrollHeight, r.clientHeight);
-    let u = -s.scrollLeft + Ct(n);
-    const c = -s.scrollTop;
-    return q(r).direction === "rtl" && (u += ce(i.clientWidth, r.clientWidth) - l), { width: l, height: a, x: u, y: c };
-  }(ee(e)));
-}
-function it(e) {
-  return G(e) && q(e).position !== "fixed" ? e.offsetParent : null;
+  }(t, o)) : he(function(n) {
+    const i = te(n), s = ze(n), r = n.ownerDocument.body, l = ye(i.scrollWidth, i.clientWidth, r.scrollWidth, r.clientWidth), a = ye(i.scrollHeight, i.clientHeight, r.scrollHeight, r.clientHeight);
+    let u = -s.scrollLeft + At(n);
+    const p = -s.scrollTop;
+    return G(r).direction === "rtl" && (u += ye(i.clientWidth, r.clientWidth) - l), { width: l, height: a, x: u, y: p };
+  }(te(e)));
 }
 function st(e) {
-  const t = L(e);
-  let o = it(e);
-  for (; o && So(o) && q(o).position === "static"; )
-    o = it(o);
-  return o && (te(o) === "html" || te(o) === "body" && q(o).position === "static" && !Me(o)) ? t : o || function(n) {
-    let i = ge(n);
-    for (; G(i) && !Ue(i); ) {
-      if (Me(i))
+  return U(e) && G(e).position !== "fixed" ? e.offsetParent : null;
+}
+function rt(e) {
+  const t = H(e);
+  let o = st(e);
+  for (; o && Ao(o) && G(o).position === "static"; )
+    o = st(o);
+  return o && (oe(o) === "html" || oe(o) === "body" && G(o).position === "static" && !Fe(o)) ? t : o || function(n) {
+    let i = xe(n);
+    for (; U(i) && !Ye(i); ) {
+      if (Fe(i))
         return i;
-      i = ge(i);
+      i = xe(i);
     }
     return null;
   }(e) || t;
 }
-function Co(e, t, o) {
-  const n = G(t), i = ee(t), s = me(e, !0, o === "fixed", t);
+function ko(e, t, o) {
+  const n = U(t), i = te(t), s = we(e, !0, o === "fixed", t);
   let r = { scrollLeft: 0, scrollTop: 0 };
   const l = { x: 0, y: 0 };
   if (n || !n && o !== "fixed")
-    if ((te(t) !== "body" || ke(i)) && (r = Oe(t)), G(t)) {
-      const a = me(t, !0);
+    if ((oe(t) !== "body" || Ne(i)) && (r = ze(t)), U(t)) {
+      const a = we(t, !0);
       l.x = a.x + t.clientLeft, l.y = a.y + t.clientTop;
     } else
-      i && (l.x = Ct(i));
+      i && (l.x = At(i));
   return { x: s.left + r.scrollLeft - l.x, y: s.top + r.scrollTop - l.y, width: s.width, height: s.height };
 }
-const Po = { getClippingRect: function(e) {
+const Oo = { getClippingRect: function(e) {
   let { element: t, boundary: o, rootBoundary: n, strategy: i } = e;
-  const s = o === "clippingAncestors" ? function(u, c) {
-    const h = c.get(u);
+  const s = o === "clippingAncestors" ? function(u, p) {
+    const h = p.get(u);
     if (h)
       return h;
-    let y = Pe(u).filter((v) => Z(v) && te(v) !== "body"), d = null;
-    const f = q(u).position === "fixed";
-    let m = f ? ge(u) : u;
-    for (; Z(m) && !Ue(m); ) {
-      const v = q(m), g = Me(m);
-      (f ? g || d : g || v.position !== "static" || !d || !["absolute", "fixed"].includes(d.position)) ? d = v : y = y.filter((w) => w !== m), m = ge(m);
+    let y = Ae(u).filter((b) => ee(b) && oe(b) !== "body"), c = null;
+    const f = G(u).position === "fixed";
+    let m = f ? xe(u) : u;
+    for (; ee(m) && !Ye(m); ) {
+      const b = G(m), g = Fe(m);
+      (f ? g || c : g || b.position !== "static" || !c || !["absolute", "fixed"].includes(c.position)) ? c = b : y = y.filter((v) => v !== m), m = xe(m);
     }
-    return c.set(u, y), y;
-  }(t, this._c) : [].concat(o), r = [...s, n], l = r[0], a = r.reduce((u, c) => {
-    const h = nt(t, c, i);
-    return u.top = ce(h.top, u.top), u.right = tt(h.right, u.right), u.bottom = tt(h.bottom, u.bottom), u.left = ce(h.left, u.left), u;
-  }, nt(t, l, i));
+    return p.set(u, y), y;
+  }(t, this._c) : [].concat(o), r = [...s, n], l = r[0], a = r.reduce((u, p) => {
+    const h = it(t, p, i);
+    return u.top = ye(h.top, u.top), u.right = ot(h.right, u.right), u.bottom = ot(h.bottom, u.bottom), u.left = ye(h.left, u.left), u;
+  }, it(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 = ee(o);
+  const i = U(o), s = te(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") && ((te(o) !== "body" || ke(s)) && (r = Oe(o)), G(o))) {
-    const u = me(o);
-    l = ae(o), a.x = u.x + o.clientLeft, a.y = u.y + o.clientTop;
+  if ((i || !i && n !== "fixed") && ((oe(o) !== "body" || Ne(s)) && (r = ze(o)), U(o))) {
+    const u = we(o);
+    l = ue(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: Z, getDimensions: function(e) {
-  return G(e) ? xt(e) : e.getBoundingClientRect();
-}, getOffsetParent: st, getDocumentElement: ee, getScale: ae, async getElementRects(e) {
+}, isElement: ee, getDimensions: function(e) {
+  return U(e) ? $t(e) : e.getBoundingClientRect();
+}, getOffsetParent: rt, getDocumentElement: te, getScale: ue, async getElementRects(e) {
   let { reference: t, floating: o, strategy: n } = e;
-  const i = this.getOffsetParent || st, s = this.getDimensions;
-  return { reference: Co(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" }, Bo = (e, t, o) => {
-  const n = /* @__PURE__ */ new Map(), i = { platform: Po, ...o }, s = { ...i.platform, _c: n };
-  return mo(e, t, { ...i, platform: s });
-}, se = {
+  const i = this.getOffsetParent || rt, s = this.getDimensions;
+  return { reference: ko(t, await i(o), n), floating: { x: 0, y: 0, ...await s(o) } };
+}, getClientRects: (e) => Array.from(e.getClientRects()), isRTL: (e) => G(e).direction === "rtl" }, No = (e, t, o) => {
+  const n = /* @__PURE__ */ new Map(), i = { platform: Oo, ...o }, s = { ...i.platform, _c: n };
+  return xo(e, t, { ...i, platform: s });
+}, le = {
   // Disable popper components
   disabled: !1,
   // Default position offset along main axis (px)
@@ -1093,96 +1093,96 @@ const Po = { getClippingRect: function(e) {
     }
   }
 };
-function Ie(e, t) {
-  let o = se.themes[e] || {}, n;
+function Ve(e, t) {
+  let o = le.themes[e] || {}, n;
   do
-    n = o[t], typeof n > "u" ? o.$extend ? o = se.themes[o.$extend] || {} : (o = null, n = se[t]) : o = null;
+    n = o[t], typeof n > "u" ? o.$extend ? o = le.themes[o.$extend] || {} : (o = null, n = le[t]) : o = null;
   while (o);
   return n;
 }
-function Ao(e) {
+function zo(e) {
   const t = [e];
-  let o = se.themes[e] || {};
+  let o = le.themes[e] || {};
   do
-    o.$extend && !o.$resetCss ? (t.push(o.$extend), o = se.themes[o.$extend] || {}) : o = null;
+    o.$extend && !o.$resetCss ? (t.push(o.$extend), o = le.themes[o.$extend] || {}) : o = null;
   while (o);
   return t.map((n) => `v-popper--theme-${n}`);
 }
-function rt(e) {
+function lt(e) {
   const t = [e];
-  let o = se.themes[e] || {};
+  let o = le.themes[e] || {};
   do
-    o.$extend ? (t.push(o.$extend), o = se.themes[o.$extend] || {}) : o = null;
+    o.$extend ? (t.push(o.$extend), o = le.themes[o.$extend] || {}) : o = null;
   while (o);
   return t;
 }
-let ue = !1;
+let ce = !1;
 if (typeof window < "u") {
-  ue = !1;
+  ce = !1;
   try {
     const e = Object.defineProperty({}, "passive", {
       get() {
-        ue = !0;
+        ce = !0;
       }
     });
     window.addEventListener("test", null, e);
   } catch {
   }
 }
-let Bt = !1;
-typeof window < "u" && typeof navigator < "u" && (Bt = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream);
-const ko = ["auto", "top", "bottom", "left", "right"].reduce((e, t) => e.concat([
+let Ot = !1;
+typeof window < "u" && typeof navigator < "u" && (Ot = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream);
+const Ro = ["auto", "top", "bottom", "left", "right"].reduce((e, t) => e.concat([
   t,
   `${t}-start`,
   `${t}-end`
-]), []), lt = {
+]), []), at = {
   hover: "mouseenter",
   focus: "focus",
   click: "click",
   touch: "touchstart",
   pointer: "pointerdown"
-}, at = {
+}, ut = {
   hover: "mouseleave",
   focus: "blur",
   click: "click",
   touch: "touchend",
   pointer: "pointerup"
 };
-function ut(e, t) {
+function dt(e, t) {
   const o = e.indexOf(t);
   o !== -1 && e.splice(o, 1);
 }
-function Re() {
+function Le() {
   return new Promise((e) => requestAnimationFrame(() => {
     requestAnimationFrame(e);
   }));
 }
 const F = [];
-let ne = null;
-const dt = {};
-function ct(e) {
-  let t = dt[e];
-  return t || (t = dt[e] = []), t;
+let ie = null;
+const ct = {};
+function pt(e) {
+  let t = ct[e];
+  return t || (t = ct[e] = []), t;
 }
-let Fe = function() {
+let je = function() {
 };
-typeof window < "u" && (Fe = window.Element);
-function x(e) {
+typeof window < "u" && (je = window.Element);
+function _(e) {
   return function(t) {
-    return Ie(t.theme, e);
+    return Ve(t.theme, e);
   };
 }
-const De = "__floating-vue__popper", At = () => A({
+const He = "__floating-vue__popper", Nt = () => k({
   name: "VPopper",
   provide() {
     return {
-      [De]: {
+      [He]: {
         parentPopper: this
       }
     };
   },
   inject: {
-    [De]: { default: null }
+    [He]: { default: null }
   },
   props: {
     theme: {
@@ -1215,147 +1215,147 @@ const De = "__floating-vue__popper", At = () => A({
     },
     disabled: {
       type: Boolean,
-      default: x("disabled")
+      default: _("disabled")
     },
     positioningDisabled: {
       type: Boolean,
-      default: x("positioningDisabled")
+      default: _("positioningDisabled")
     },
     placement: {
       type: String,
-      default: x("placement"),
-      validator: (e) => ko.includes(e)
+      default: _("placement"),
+      validator: (e) => Ro.includes(e)
     },
     delay: {
       type: [String, Number, Object],
-      default: x("delay")
+      default: _("delay")
     },
     distance: {
       type: [Number, String],
-      default: x("distance")
+      default: _("distance")
     },
     skidding: {
       type: [Number, String],
-      default: x("skidding")
+      default: _("skidding")
     },
     triggers: {
       type: Array,
-      default: x("triggers")
+      default: _("triggers")
     },
     showTriggers: {
       type: [Array, Function],
-      default: x("showTriggers")
+      default: _("showTriggers")
     },
     hideTriggers: {
       type: [Array, Function],
-      default: x("hideTriggers")
+      default: _("hideTriggers")
     },
     popperTriggers: {
       type: Array,
-      default: x("popperTriggers")
+      default: _("popperTriggers")
     },
     popperShowTriggers: {
       type: [Array, Function],
-      default: x("popperShowTriggers")
+      default: _("popperShowTriggers")
     },
     popperHideTriggers: {
       type: [Array, Function],
-      default: x("popperHideTriggers")
+      default: _("popperHideTriggers")
     },
     container: {
-      type: [String, Object, Fe, Boolean],
-      default: x("container")
+      type: [String, Object, je, Boolean],
+      default: _("container")
     },
     boundary: {
-      type: [String, Fe],
-      default: x("boundary")
+      type: [String, je],
+      default: _("boundary")
     },
     strategy: {
       type: String,
       validator: (e) => ["absolute", "fixed"].includes(e),
-      default: x("strategy")
+      default: _("strategy")
     },
     autoHide: {
       type: [Boolean, Function],
-      default: x("autoHide")
+      default: _("autoHide")
     },
     handleResize: {
       type: Boolean,
-      default: x("handleResize")
+      default: _("handleResize")
     },
     instantMove: {
       type: Boolean,
-      default: x("instantMove")
+      default: _("instantMove")
     },
     eagerMount: {
       type: Boolean,
-      default: x("eagerMount")
+      default: _("eagerMount")
     },
     popperClass: {
       type: [String, Array, Object],
-      default: x("popperClass")
+      default: _("popperClass")
     },
     computeTransformOrigin: {
       type: Boolean,
-      default: x("computeTransformOrigin")
+      default: _("computeTransformOrigin")
     },
     /**
      * @deprecated
      */
     autoMinSize: {
       type: Boolean,
-      default: x("autoMinSize")
+      default: _("autoMinSize")
     },
     autoSize: {
       type: [Boolean, String],
-      default: x("autoSize")
+      default: _("autoSize")
     },
     /**
      * @deprecated
      */
     autoMaxSize: {
       type: Boolean,
-      default: x("autoMaxSize")
+      default: _("autoMaxSize")
     },
     autoBoundaryMaxSize: {
       type: Boolean,
-      default: x("autoBoundaryMaxSize")
+      default: _("autoBoundaryMaxSize")
     },
     preventOverflow: {
       type: Boolean,
-      default: x("preventOverflow")
+      default: _("preventOverflow")
     },
     overflowPadding: {
       type: [Number, String],
-      default: x("overflowPadding")
+      default: _("overflowPadding")
     },
     arrowPadding: {
       type: [Number, String],
-      default: x("arrowPadding")
+      default: _("arrowPadding")
     },
     arrowOverflow: {
       type: Boolean,
-      default: x("arrowOverflow")
+      default: _("arrowOverflow")
     },
     flip: {
       type: Boolean,
-      default: x("flip")
+      default: _("flip")
     },
     shift: {
       type: Boolean,
-      default: x("shift")
+      default: _("shift")
     },
     shiftCrossAxis: {
       type: Boolean,
-      default: x("shiftCrossAxis")
+      default: _("shiftCrossAxis")
     },
     noAutoFocus: {
       type: Boolean,
-      default: x("noAutoFocus")
+      default: _("noAutoFocus")
     },
     disposeTimeout: {
       type: Number,
-      default: x("disposeTimeout")
+      default: _("disposeTimeout")
     }
   },
   emits: [
@@ -1425,7 +1425,7 @@ const De = "__floating-vue__popper", At = () => A({
     },
     parentPopper() {
       var e;
-      return (e = this[De]) == null ? void 0 : e.parentPopper;
+      return (e = this[He]) == null ? void 0 : e.parentPopper;
     },
     hasPopperShowTriggerHover() {
       var e, t;
@@ -1513,21 +1513,21 @@ const De = "__floating-vue__popper", At = () => A({
         strategy: this.strategy,
         middleware: []
       };
-      (this.distance || this.skidding) && e.middleware.push(_o({
+      (this.distance || this.skidding) && e.middleware.push(So({
         mainAxis: this.distance,
         crossAxis: this.skidding
       }));
       const t = this.placement.startsWith("auto");
-      if (t ? e.middleware.push(vo({
+      if (t ? e.middleware.push($o({
         alignment: this.placement.split("-")[1] ?? ""
-      })) : e.placement = this.placement, this.preventOverflow && (this.shift && e.middleware.push($o({
+      })) : e.placement = this.placement, this.preventOverflow && (this.shift && e.middleware.push(Co({
         padding: this.overflowPadding,
         boundary: this.boundary,
         crossAxis: this.shiftCrossAxis
-      })), !t && this.flip && e.middleware.push(xo({
+      })), !t && this.flip && e.middleware.push(To({
         padding: this.overflowPadding,
         boundary: this.boundary
-      }))), e.middleware.push(go({
+      }))), e.middleware.push(bo({
         element: this.$_arrowNode,
         padding: this.arrowPadding
       })), this.arrowOverflow && e.middleware.push({
@@ -1561,14 +1561,14 @@ const De = "__floating-vue__popper", At = () => A({
           }
         });
       }
-      (this.autoMaxSize || this.autoBoundaryMaxSize) && (this.$_innerNode.style.maxWidth = null, this.$_innerNode.style.maxHeight = null, e.middleware.push(To({
+      (this.autoMaxSize || this.autoBoundaryMaxSize) && (this.$_innerNode.style.maxWidth = null, this.$_innerNode.style.maxHeight = null, e.middleware.push(Bo({
         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 Bo(this.$_referenceNode, this.$_popperNode, e);
+      const o = await No(this.$_referenceNode, this.$_popperNode, e);
       Object.assign(this.result, {
         x: o.x,
         y: o.y,
@@ -1581,8 +1581,8 @@ const De = "__floating-vue__popper", At = () => A({
       });
     },
     $_scheduleShow(e = null, t = !1) {
-      if (this.$_updateParentShownChildren(!0), this.$_hideInProgress = !1, clearTimeout(this.$_scheduleTimer), ne && this.instantMove && ne.instantMove && ne !== this.parentPopper) {
-        ne.$_applyHide(!0), this.$_applyShow(!0);
+      if (this.$_updateParentShownChildren(!0), this.$_hideInProgress = !1, clearTimeout(this.$_scheduleTimer), ie && this.instantMove && ie.instantMove && ie !== this.parentPopper) {
+        ie.$_applyHide(!0), this.$_applyShow(!0);
         return;
       }
       t ? this.$_applyShow() : this.$_scheduleTimer = setTimeout(this.$_applyShow.bind(this), this.$_computeDelay("show"));
@@ -1592,16 +1592,16 @@ const De = "__floating-vue__popper", At = () => A({
         this.$_pendingHide = !0;
         return;
       }
-      this.$_updateParentShownChildren(!1), this.$_hideInProgress = !0, clearTimeout(this.$_scheduleTimer), this.isShown && (ne = this), t ? this.$_applyHide() : this.$_scheduleTimer = setTimeout(this.$_applyHide.bind(this), this.$_computeDelay("hide"));
+      this.$_updateParentShownChildren(!1), this.$_hideInProgress = !0, clearTimeout(this.$_scheduleTimer), this.isShown && (ie = 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 Re(), await this.$_computePosition(), await this.$_applyShowEffect(), this.positioningDisabled || this.$_registerEventListeners([
-        ...Pe(this.$_referenceNode),
-        ...Pe(this.$_popperNode)
+      clearTimeout(this.$_disposeTimer), clearTimeout(this.$_scheduleTimer), this.skipTransition = e, !this.isShown && (this.$_ensureTeleport(), await Le(), await this.$_computePosition(), await this.$_applyShowEffect(), this.positioningDisabled || this.$_registerEventListeners([
+        ...Ae(this.$_referenceNode),
+        ...Ae(this.$_popperNode)
       ], "scroll", () => {
         this.$_computePosition();
       }));
@@ -1624,9 +1624,9 @@ const De = "__floating-vue__popper", At = () => A({
           t = F[o], t.showGroup !== e && (t.hide(), t.$emit("close-group"));
       }
       F.push(this), document.body.classList.add("v-popper--some-open");
-      for (const t of rt(this.theme))
-        ct(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 Re(), this.classes.showFrom = !1, this.classes.showTo = !0, this.noAutoFocus || this.$_popperNode.focus();
+      for (const t of lt(this.theme))
+        pt(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 Le(), this.classes.showFrom = !1, this.classes.showTo = !0, this.noAutoFocus || this.$_popperNode.focus();
     },
     async $_applyHide(e = !1) {
       if (this.shownChildren.size > 0) {
@@ -1635,19 +1635,19 @@ const De = "__floating-vue__popper", At = () => A({
       }
       if (clearTimeout(this.$_scheduleTimer), !this.isShown)
         return;
-      this.skipTransition = e, ut(F, this), F.length === 0 && document.body.classList.remove("v-popper--some-open");
-      for (const o of rt(this.theme)) {
-        const n = ct(o);
-        ut(n, this), n.length === 0 && document.body.classList.remove(`v-popper--some-open--${o}`);
+      this.skipTransition = e, dt(F, this), F.length === 0 && document.body.classList.remove("v-popper--some-open");
+      for (const o of lt(this.theme)) {
+        const n = pt(o);
+        dt(n, this), n.length === 0 && document.body.classList.remove(`v-popper--some-open--${o}`);
       }
-      ne === this && (ne = null), this.isShown = !1, this.$_applyAttrsToTarget({
+      ie === this && (ie = 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 Re(), this.classes.hideFrom = !1, this.classes.hideTo = !0;
+      }, 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 Le(), this.classes.hideFrom = !1, this.classes.hideTo = !0;
     },
     $_autoShowHide() {
       this.shown ? this.show() : this.hide();
@@ -1664,14 +1664,14 @@ const De = "__floating-vue__popper", At = () => A({
       const e = (o) => {
         this.isShown && !this.$_hideInProgress || (o.usedByTooltip = !0, !this.$_preventShow && this.show({ event: o }));
       };
-      this.$_registerTriggerListeners(this.$_targetNodes, lt, this.triggers, this.showTriggers, e), this.$_registerTriggerListeners([this.$_popperNode], lt, this.popperTriggers, this.popperShowTriggers, e);
+      this.$_registerTriggerListeners(this.$_targetNodes, at, this.triggers, this.showTriggers, e), this.$_registerTriggerListeners([this.$_popperNode], at, this.popperTriggers, this.popperShowTriggers, e);
       const t = (o) => {
         o.usedByTooltip || this.hide({ event: o });
       };
-      this.$_registerTriggerListeners(this.$_targetNodes, at, this.triggers, this.hideTriggers, t), this.$_registerTriggerListeners([this.$_popperNode], at, this.popperTriggers, this.popperHideTriggers, t);
+      this.$_registerTriggerListeners(this.$_targetNodes, ut, this.triggers, this.hideTriggers, t), this.$_registerTriggerListeners([this.$_popperNode], ut, 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, ue ? {
+      this.$_events.push({ targetNodes: e, eventType: t, handler: o }), e.forEach((n) => n.addEventListener(t, o, ce ? {
         passive: !0
       } : void 0));
     },
@@ -1720,12 +1720,12 @@ const De = "__floating-vue__popper", At = () => A({
     },
     $_isAimingPopper() {
       const e = this.$_referenceNode.getBoundingClientRect();
-      if (pe >= e.left && pe <= e.right && he >= e.top && he <= e.bottom) {
-        const t = this.$_popperNode.getBoundingClientRect(), o = pe - K, n = he - J, i = t.left + t.width / 2 - K + (t.top + t.height / 2) - J + t.width + t.height, s = K + o * i, r = J + n * i;
-        return be(K, J, s, r, t.left, t.top, t.left, t.bottom) || // Left edge
-        be(K, J, s, r, t.left, t.top, t.right, t.top) || // Top edge
-        be(K, J, s, r, t.right, t.top, t.right, t.bottom) || // Right edge
-        be(K, J, s, r, t.left, t.bottom, t.right, t.bottom);
+      if (fe >= e.left && fe <= e.right && me >= e.top && me <= e.bottom) {
+        const t = this.$_popperNode.getBoundingClientRect(), o = fe - J, n = me - Q, i = t.left + t.width / 2 - J + (t.top + t.height / 2) - Q + t.width + t.height, s = J + o * i, r = Q + n * i;
+        return $e(J, Q, s, r, t.left, t.top, t.left, t.bottom) || // Left edge
+        $e(J, Q, s, r, t.left, t.top, t.right, t.top) || // Top edge
+        $e(J, Q, s, r, t.right, t.top, t.right, t.bottom) || // Right edge
+        $e(J, Q, s, r, t.left, t.bottom, t.right, t.bottom);
       }
       return !1;
     }
@@ -1734,14 +1734,14 @@ const De = "__floating-vue__popper", At = () => A({
     return this.$slots.default(this.slotData);
   }
 });
-typeof document < "u" && typeof window < "u" && (Bt ? (document.addEventListener("touchstart", pt, ue ? {
+typeof document < "u" && typeof window < "u" && (Ot ? (document.addEventListener("touchstart", ht, ce ? {
   passive: !0,
   capture: !0
-} : !0), document.addEventListener("touchend", No, ue ? {
+} : !0), document.addEventListener("touchend", Lo, ce ? {
   passive: !0,
   capture: !0
-} : !0)) : (window.addEventListener("mousedown", pt, !0), window.addEventListener("click", Oo, !0)), window.addEventListener("resize", Do));
-function pt(e) {
+} : !0)) : (window.addEventListener("mousedown", ht, !0), window.addEventListener("click", Do, !0)), window.addEventListener("resize", Mo));
+function ht(e) {
   for (let t = 0; t < F.length; t++) {
     const o = F[t];
     try {
@@ -1751,20 +1751,20 @@ function pt(e) {
     }
   }
 }
-function Oo(e) {
-  kt(e);
+function Do(e) {
+  zt(e);
 }
-function No(e) {
-  kt(e, !0);
+function Lo(e) {
+  zt(e, !0);
 }
-function kt(e, t = !1) {
+function zt(e, t = !1) {
   const o = {};
   for (let n = F.length - 1; n >= 0; n--) {
     const i = F[n];
     try {
-      const s = i.$_containsGlobalTarget = zo(i, e);
+      const s = i.$_containsGlobalTarget = Ho(i, e);
       i.$_pendingHide = !1, requestAnimationFrame(() => {
-        if (i.$_pendingHide = !1, !o[i.randomId] && ht(i, s, e)) {
+        if (i.$_pendingHide = !1, !o[i.randomId] && yt(i, s, e)) {
           if (i.$_handleGlobalClose(e, t), !e.closeAllPopover && e.closePopover && s) {
             let l = i.parentPopper;
             for (; l; )
@@ -1772,7 +1772,7 @@ function kt(e, t = !1) {
             return;
           }
           let r = i.parentPopper;
-          for (; r && ht(r, r.$_containsGlobalTarget, e); )
+          for (; r && yt(r, r.$_containsGlobalTarget, e); )
             r.$_handleGlobalClose(e, t), r = r.parentPopper;
         }
       });
@@ -1780,54 +1780,54 @@ function kt(e, t = !1) {
     }
   }
 }
-function zo(e, t) {
+function Ho(e, t) {
   const o = e.popperNode();
   return e.$_mouseDownContains || o.contains(t.target);
 }
-function ht(e, t, o) {
-  return o.closeAllPopover || o.closePopover && t || Ro(e, o) && !t;
+function yt(e, t, o) {
+  return o.closeAllPopover || o.closePopover && t || Eo(e, o) && !t;
 }
-function Ro(e, t) {
+function Eo(e, t) {
   if (typeof e.autoHide == "function") {
     const o = e.autoHide(t);
     return e.lastAutoHide = o, o;
   }
   return e.autoHide;
 }
-function Do(e) {
+function Mo(e) {
   for (let t = 0; t < F.length; t++)
     F[t].$_computePosition(e);
 }
-let K = 0, J = 0, pe = 0, he = 0;
+let J = 0, Q = 0, fe = 0, me = 0;
 typeof window < "u" && window.addEventListener("mousemove", (e) => {
-  K = pe, J = he, pe = e.clientX, he = e.clientY;
-}, ue ? {
+  J = fe, Q = me, fe = e.clientX, me = e.clientY;
+}, ce ? {
   passive: !0
 } : void 0);
-function be(e, t, o, n, i, s, r, l) {
+function $e(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 Lo = {
-  extends: At()
-}, Ye = (e, t) => {
+const Io = {
+  extends: Nt()
+}, Xe = (e, t) => {
   const o = e.__vccOpts || e;
   for (const [n, i] of t)
     o[n] = i;
   return o;
 };
-function Ho(e, t, o, n, i, s) {
-  return _(), T("div", {
+function Fo(e, t, o, n, i, s) {
+  return x(), $("div", {
     ref: "reference",
-    class: B(["v-popper", {
+    class: A(["v-popper", {
       "v-popper--shown": e.slotData.isShown
     }])
   }, [
-    b(e.$slots, "default", Mt(It(e.slotData)))
+    w(e.$slots, "default", jt(Wt(e.slotData)))
   ], 2);
 }
-const Eo = /* @__PURE__ */ Ye(Lo, [["render", Ho]]);
-function Mo() {
+const Vo = /* @__PURE__ */ Xe(Io, [["render", Fo]]);
+function jo() {
   var e = window.navigator.userAgent, t = e.indexOf("MSIE ");
   if (t > 0)
     return parseInt(e.substring(t + 5, e.indexOf(".", t)), 10);
@@ -1839,11 +1839,11 @@ function Mo() {
   var i = e.indexOf("Edge/");
   return i > 0 ? parseInt(e.substring(i + 5, e.indexOf(".", i)), 10) : -1;
 }
-let _e;
-function Ve() {
-  Ve.init || (Ve.init = !0, _e = Mo() !== -1);
+let Te;
+function We() {
+  We.init || (We.init = !0, Te = jo() !== -1);
 }
-var Ne = {
+var Re = {
   name: "ResizeObserver",
   props: {
     emitOnMount: {
@@ -1863,11 +1863,11 @@ var Ne = {
     "notify"
   ],
   mounted() {
-    Ve(), Et(() => {
+    We(), Vt(() => {
       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", _e && this.$el.appendChild(e), e.data = "about:blank", _e || this.$el.appendChild(e);
+    this._resizeObject = e, e.setAttribute("aria-hidden", "true"), e.setAttribute("tabindex", -1), e.onload = this.addResizeHandlers, e.type = "text/html", Te && this.$el.appendChild(e), e.data = "about:blank", Te || this.$el.appendChild(e);
   },
   beforeUnmount() {
     this.removeResizeHandlers();
@@ -1886,34 +1886,34 @@ var Ne = {
       this._resizeObject.contentDocument.defaultView.addEventListener("resize", this.compareAndNotify), this.compareAndNotify();
     },
     removeResizeHandlers() {
-      this._resizeObject && this._resizeObject.onload && (!_e && this._resizeObject.contentDocument && this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify), this.$el.removeChild(this._resizeObject), this._resizeObject.onload = null, this._resizeObject = null);
+      this._resizeObject && this._resizeObject.onload && (!Te && this._resizeObject.contentDocument && this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify), this.$el.removeChild(this._resizeObject), this._resizeObject.onload = null, this._resizeObject = null);
     }
   }
 };
-const Io = /* @__PURE__ */ Ft("data-v-b329ee4c");
-Lt("data-v-b329ee4c");
-const Fo = {
+const Wo = /* @__PURE__ */ qt("data-v-b329ee4c");
+It("data-v-b329ee4c");
+const qo = {
   class: "resize-observer",
   tabindex: "-1"
 };
-Ht();
-const Vo = /* @__PURE__ */ Io((e, t, o, n, i, s) => (_(), Be("div", Fo)));
-Ne.render = Vo;
-Ne.__scopeId = "data-v-b329ee4c";
-Ne.__file = "src/components/ResizeObserver.vue";
-const Ot = (e = "theme") => ({
+Ft();
+const Go = /* @__PURE__ */ Wo((e, t, o, n, i, s) => (x(), pe("div", qo)));
+Re.render = Go;
+Re.__scopeId = "data-v-b329ee4c";
+Re.__file = "src/components/ResizeObserver.vue";
+const Rt = (e = "theme") => ({
   computed: {
     themeClass() {
-      return Ao(this[e]);
+      return zo(this[e]);
     }
   }
-}), Wo = A({
+}), Uo = k({
   name: "VPopperContent",
   components: {
-    ResizeObserver: Ne
+    ResizeObserver: Re
   },
   mixins: [
-    Ot()
+    Rt()
   ],
   props: {
     popperId: String,
@@ -1935,19 +1935,19 @@ const Ot = (e = "theme") => ({
       return e != null && !isNaN(e) ? `${e}px` : null;
     }
   }
-}), jo = ["id", "aria-hidden", "tabindex", "data-popper-placement"], qo = {
+}), Ko = ["id", "aria-hidden", "tabindex", "data-popper-placement"], Yo = {
   ref: "inner",
   class: "v-popper__inner"
-}, Go = /* @__PURE__ */ p("div", { class: "v-popper__arrow-outer" }, null, -1), Uo = /* @__PURE__ */ p("div", { class: "v-popper__arrow-inner" }, null, -1), Yo = [
-  Go,
-  Uo
+}, Xo = /* @__PURE__ */ d("div", { class: "v-popper__arrow-outer" }, null, -1), Jo = /* @__PURE__ */ d("div", { class: "v-popper__arrow-inner" }, null, -1), Qo = [
+  Xo,
+  Jo
 ];
-function Xo(e, t, o, n, i, s) {
-  const r = Le("ResizeObserver");
-  return _(), T("div", {
+function Zo(e, t, o, n, i, s) {
+  const r = Me("ResizeObserver");
+  return x(), $("div", {
     id: e.popperId,
     ref: "popover",
-    class: B(["v-popper__popper", [
+    class: A(["v-popper__popper", [
       e.themeClass,
       e.classes.popperClass,
       {
@@ -1962,48 +1962,48 @@ function Xo(e, t, o, n, i, s) {
         "v-popper__popper--no-positioning": !e.result
       }
     ]]),
-    style: ze(e.result ? {
+    style: De(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] = je((l) => e.autoHide && e.$emit("hide"), ["esc"]))
+    onKeyup: t[2] || (t[2] = ke((l) => e.autoHide && e.$emit("hide"), ["esc"]))
   }, [
-    p("div", {
+    d("div", {
       class: "v-popper__backdrop",
       onClick: t[0] || (t[0] = (l) => e.autoHide && e.$emit("hide"))
     }),
-    p("div", {
+    d("div", {
       class: "v-popper__wrapper",
-      style: ze(e.result ? {
+      style: De(e.result ? {
         transformOrigin: e.result.transformOrigin
       } : void 0)
     }, [
-      p("div", qo, [
-        e.mounted ? (_(), T(Vt, { key: 0 }, [
-          p("div", null, [
-            b(e.$slots, "default")
+      d("div", Yo, [
+        e.mounted ? (x(), $(mt, { key: 0 }, [
+          d("div", null, [
+            w(e.$slots, "default")
           ]),
-          e.handleResize ? (_(), Be(r, {
+          e.handleResize ? (x(), pe(r, {
             key: 0,
             onNotify: t[1] || (t[1] = (l) => e.$emit("resize", l))
-          })) : ye("", !0)
-        ], 64)) : ye("", !0)
+          })) : de("", !0)
+        ], 64)) : de("", !0)
       ], 512),
-      p("div", {
+      d("div", {
         ref: "arrow",
         class: "v-popper__arrow-container",
-        style: ze(e.result ? {
+        style: De(e.result ? {
           left: e.toPx(e.result.arrow.x),
           top: e.toPx(e.result.arrow.y)
         } : void 0)
-      }, Yo, 4)
+      }, Qo, 4)
     ], 4)
-  ], 46, jo);
+  ], 46, Ko);
 }
-const Nt = /* @__PURE__ */ Ye(Wo, [["render", Xo]]), zt = {
+const Dt = /* @__PURE__ */ Xe(Uo, [["render", Zo]]), Lt = {
   methods: {
     show(...e) {
       return this.$refs.popper.show(...e);
@@ -2018,15 +2018,15 @@ const Nt = /* @__PURE__ */ Ye(Wo, [["render", Xo]]), zt = {
       return this.$refs.popper.onResize(...e);
     }
   }
-}, Ko = A({
+}, en = k({
   name: "VPopperWrapper",
   components: {
-    Popper: Eo,
-    PopperContent: Nt
+    Popper: Vo,
+    PopperContent: Dt
   },
   mixins: [
-    zt,
-    Ot("finalTheme")
+    Lt,
+    Rt("finalTheme")
   ],
   props: {
     theme: {
@@ -2045,51 +2045,51 @@ const Nt = /* @__PURE__ */ Ye(Wo, [["render", Xo]]), zt = {
     }
   }
 });
-function Jo(e, t, o, n, i, s) {
-  const r = Le("PopperContent"), l = Le("Popper");
-  return _(), Be(l, {
+function tn(e, t, o, n, i, s) {
+  const r = Me("PopperContent"), l = Me("Popper");
+  return x(), pe(l, {
     ref: "popper",
     theme: e.finalTheme,
     "target-nodes": e.getTargetNodes,
     "popper-node": () => e.$refs.popperContent.$el,
-    class: B([
+    class: A([
       e.themeClass
     ])
   }, {
-    default: le(({
+    default: Z(({
       popperId: a,
       isShown: u,
-      shouldMountContent: c,
+      shouldMountContent: p,
       skipTransition: h,
       autoHide: y,
-      show: d,
+      show: c,
       hide: f,
       handleResize: m,
-      onResize: v,
+      onResize: b,
       classes: g,
-      result: w
+      result: v
     }) => [
-      b(e.$slots, "default", {
+      w(e.$slots, "default", {
         shown: u,
-        show: d,
+        show: c,
         hide: f
       }),
-      $e(r, {
+      ge(r, {
         ref: "popperContent",
         "popper-id": a,
         theme: e.finalTheme,
         shown: u,
-        mounted: c,
+        mounted: p,
         "skip-transition": h,
         "auto-hide": y,
         "handle-resize": m,
         classes: g,
-        result: w,
+        result: v,
         onHide: f,
-        onResize: v
+        onResize: b
       }, {
-        default: le(() => [
-          b(e.$slots, "popper", {
+        default: Z(() => [
+          w(e.$slots, "popper", {
             shown: u,
             hide: f
           })
@@ -2100,25 +2100,25 @@ function Jo(e, t, o, n, i, s) {
     _: 3
   }, 8, ["theme", "target-nodes", "popper-node", "class"]);
 }
-const Xe = /* @__PURE__ */ Ye(Ko, [["render", Jo]]), Qo = {
-  ...Xe,
+const Je = /* @__PURE__ */ Xe(en, [["render", tn]]), on = {
+  ...Je,
   name: "VDropdown",
   vPopperTheme: "dropdown"
 };
 ({
-  ...Xe
+  ...Je
 });
 ({
-  ...Xe
+  ...Je
 });
-A({
+k({
   name: "VTooltipDirective",
   components: {
-    Popper: At(),
-    PopperContent: Nt
+    Popper: Nt(),
+    PopperContent: Dt
   },
   mixins: [
-    zt
+    Lt
   ],
   inheritAttrs: !1,
   props: {
@@ -2128,7 +2128,7 @@ A({
     },
     html: {
       type: Boolean,
-      default: (e) => Ie(e.theme, "html")
+      default: (e) => Ve(e.theme, "html")
     },
     content: {
       type: [String, Number, Function],
@@ -2136,7 +2136,7 @@ A({
     },
     loadingContent: {
       type: String,
-      default: (e) => Ie(e.theme, "loadingContent")
+      default: (e) => Ve(e.theme, "loadingContent")
     },
     targetNodes: {
       type: Function,
@@ -2192,7 +2192,7 @@ A({
     }
   }
 });
-const Zo = Qo, en = { class: "yu-text-gray-700 yu-font-plus yu-font-medium yu-text-base yu-mr-2" }, tn = { class: "yu-w-full yu-rounded-md yu-p-2 yu-flex yu-flex-col yu-gap-1" }, on = { class: "yu-px-2 yu-w-full" }, nn = /* @__PURE__ */ p("div", { class: "yu-text-gray-700 yu-text-xs yu-mr-2" }, "Selecionar todos", -1), sn = ["checked"], rn = { class: "yu-w-full yu-p-2 yu-overflow-y-auto yu-max-h-60" }, ln = /* @__PURE__ */ A({
+const nn = on, sn = { class: "yu-text-gray-700 yu-font-plus yu-font-medium yu-text-base yu-mr-2" }, rn = { class: "yu-w-full yu-rounded-md yu-p-2 yu-flex yu-flex-col yu-gap-1" }, ln = { class: "yu-px-2 yu-w-full" }, an = /* @__PURE__ */ d("div", { class: "yu-text-gray-700 yu-text-xs yu-mr-2" }, "Selecionar todos", -1), un = ["checked"], dn = { class: "yu-w-full yu-p-2 yu-overflow-y-auto yu-max-h-60" }, Ht = /* @__PURE__ */ k({
   __name: "app-dropdown",
   props: {
     label: {
@@ -2222,74 +2222,78 @@ const Zo = Qo, en = { class: "yu-text-gray-700 yu-font-plus yu-font-medium yu-te
     showSelectAll: {
       type: Boolean,
       default: !1
+    },
+    bordered: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["filter-value", "update:allSelected", "update:opened"],
   setup(e, { expose: t, emit: o }) {
-    const n = I(!1), i = (s) => {
+    const n = D(!1), i = (s) => {
       n.value = s, o("update:opened", s);
     };
-    return t({ opened: n }), (s, r) => (_(), Be(D(Zo), {
+    return t({ opened: n }), (s, r) => (x(), pe(O(nn), {
       placement: "bottom-start",
       skidding: 6,
       "onUpdate:shown": i
     }, {
-      popper: le(() => [
-        e.showSearchInput ? b(s.$slots, "searchInput", { key: 0 }, () => [
-          p("div", tn, [
-            $e(ft, {
+      popper: Z(() => [
+        e.showSearchInput ? w(s.$slots, "searchInput", { key: 0 }, () => [
+          d("div", rn, [
+            ge(wt, {
               label: e.inputLabel || "Procurar",
               "onUpdate:modelValue": r[0] || (r[0] = (l) => o("filter-value", l))
             }, null, 8, ["label"])
           ])
-        ]) : ye("", !0),
-        e.showSelectAll ? b(s.$slots, "selectAll", { key: 1 }, () => [
-          p("div", on, [
-            $e(mt, {
+        ]) : de("", !0),
+        e.showSelectAll ? w(s.$slots, "selectAll", { key: 1 }, () => [
+          d("div", ln, [
+            ge(Ge, {
               onClick: r[1] || (r[1] = (l) => o("update:allSelected"))
             }, {
-              default: le(() => [
-                nn,
-                p("input", {
+              default: Z(() => [
+                an,
+                d("input", {
                   class: "yu-ml-auto yu-accent-primary-500 yu-border-2 yu-cursor-pointer",
                   type: "checkbox",
                   checked: e.allSelected
-                }, null, 8, sn)
+                }, null, 8, un)
               ]),
               _: 1
             })
           ])
-        ]) : ye("", !0),
-        p("div", rn, [
-          b(s.$slots, "default")
+        ]) : de("", !0),
+        d("div", dn, [
+          w(s.$slots, "default")
         ])
       ]),
-      default: le(() => [
-        p("button", {
-          class: B(["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 }])
+      default: Z(() => [
+        d("button", {
+          class: A(["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, "yu-border": e.bordered }])
         }, [
-          b(s.$slots, "icon", {}, () => [
-            p("i", {
-              class: B(["material-icons yu-text-gray-700 yu-h-fit", { "yu-text-primary-500": n.value }])
-            }, N(e.icon), 3)
+          w(s.$slots, "icon", {}, () => [
+            d("i", {
+              class: A(["material-icons yu-text-gray-700 yu-h-fit", { "yu-text-primary-500": n.value }])
+            }, S(e.icon), 3)
           ]),
-          b(s.$slots, "label", {}, () => [
-            p("div", en, N(e.label), 1)
+          w(s.$slots, "label", {}, () => [
+            d("div", sn, S(e.label), 1)
           ]),
-          b(s.$slots, "open-icon", {}, () => [
-            p("i", {
-              class: B(["material-icons yu-text-gray-700 yu-h-fit yu-ml-auto yu-transition-all", { "yu-text-primary-500 yu-rotate-180": n.value }])
-            }, N(e.openIcon), 3)
+          w(s.$slots, "open-icon", {}, () => [
+            d("i", {
+              class: A(["material-icons yu-text-gray-700 yu-h-fit yu-ml-auto yu-transition-all", { "yu-text-primary-500 yu-rotate-180": n.value }])
+            }, S(e.openIcon), 3)
           ])
         ], 2)
       ]),
       _: 3
     }));
   }
-}), an = { 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" }, un = { class: "yu-flex yu-gap-5 yu-px-2" }, dn = { class: "yu-flex yu-flex-col" }, cn = { class: "yu-font-plus yu-flex yu-text-xl yu-text-gray-800 yu-font-bold yu-items-center" }, pn = {
+}), cn = { 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" }, pn = { class: "yu-flex yu-gap-5 yu-px-2" }, hn = { class: "yu-flex yu-flex-col" }, yn = { class: "yu-font-plus yu-flex yu-text-xl yu-text-gray-800 yu-font-bold yu-items-center" }, fn = {
   key: 0,
   class: "yu-font-plus yu-text-xs yu-text-gray-400"
-}, hn = { class: "yu-font-plus yu-text-gray-400 yu-font-medium yu-text-sm" }, yn = /* @__PURE__ */ A({
+}, mn = { class: "yu-font-plus yu-text-gray-400 yu-font-medium yu-text-sm" }, gn = /* @__PURE__ */ k({
   __name: "stat-card",
   props: {
     icon: {
@@ -2318,37 +2322,37 @@ const Zo = Qo, en = { class: "yu-text-gray-700 yu-font-plus yu-font-medium yu-te
     }
   },
   setup(e) {
-    return (t, o) => (_(), T("div", an, [
-      p("div", un, [
-        b(t.$slots, "icon", {}, () => [
-          p("i", {
-            class: B(["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 }])
-          }, N(e.icon), 3)
+    return (t, o) => (x(), $("div", cn, [
+      d("div", pn, [
+        w(t.$slots, "icon", {}, () => [
+          d("i", {
+            class: A(["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 }])
+          }, S(e.icon), 3)
         ]),
-        p("div", dn, [
-          p("div", cn, [
-            He(N(e.comparison), 1),
-            e.hideTotal ? ye("", !0) : (_(), T("span", pn, "/" + N(e.total), 1))
+        d("div", hn, [
+          d("div", yn, [
+            Pe(S(e.comparison), 1),
+            e.hideTotal ? de("", !0) : (x(), $("span", fn, "/" + S(e.total), 1))
           ]),
-          p("p", hn, [
-            b(t.$slots, "default")
+          d("p", mn, [
+            w(t.$slots, "default")
           ])
         ])
       ])
     ]));
   }
 });
-function Ke(e, t) {
-  const o = ve(() => ({
+function Qe(e, t) {
+  const o = re(() => ({
     "!yu-font-plus": t.plus,
     "!yu-font-inter": t.inter,
     "!yu-font-titillium": t.titillium
-  })), n = ve(() => ({
+  })), n = re(() => ({
     "!yu-text-primary": t.primary,
     "!yu-text-secondary": t.secondary,
     "!yu-text-base": t.neutral,
     "!yu-text-neutral": t.gray
-  })), i = ve(() => ({
+  })), i = re(() => ({
     "!yu-font-thin": t.thin,
     "!yu-font-extralight": t.extralight,
     "!yu-font-light": t.light,
@@ -2358,7 +2362,7 @@ function Ke(e, t) {
     "!yu-font-bold": t.bold,
     "!yu-font-extrabold": t.extrabold,
     "!yu-font-black": t.black
-  })), s = ve(() => ({
+  })), s = re(() => ({
     ...{
       title: {
         "!yu-text-xl": t.small,
@@ -2381,11 +2385,11 @@ function Ke(e, t) {
   }));
   return { fontClass: o, colorClass: n, weightClass: i, sizeClass: s };
 }
-const fn = /* @__PURE__ */ A({
+const vn = /* @__PURE__ */ k({
   __name: "title",
   props: {
     inter: { type: Boolean },
-    plus: { type: Boolean },
+    plus: { type: Boolean, default: !0 },
     titillium: { type: Boolean },
     small: { type: Boolean },
     base: { type: Boolean },
@@ -2406,15 +2410,15 @@ const fn = /* @__PURE__ */ A({
     neutral: { type: Boolean }
   },
   setup(e) {
-    const t = e, { fontClass: o, colorClass: n, weightClass: i, sizeClass: s } = Ke("title", t);
-    return (r, l) => (_(), T("h1", {
-      class: B(["yu-font-inter yu-text-2xl yu-font-normal yu-text-black", [D(o), D(n), D(i), D(s)]])
+    const t = e, { fontClass: o, colorClass: n, weightClass: i, sizeClass: s } = Qe("title", t);
+    return (r, l) => (x(), $("h1", {
+      class: A(["yu-font-inter yu-text-2xl yu-font-normal yu-text-black", [O(o), O(n), O(i), O(s)]])
     }, [
-      b(r.$slots, "default", {}, void 0, !0)
+      w(r.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });
-const Rt = /* @__PURE__ */ X(fn, [["__scopeId", "data-v-e5bd72b2"]]), mn = { class: "yu-border yu-border-gray-100 yu-rounded-md yu-py-4 yu-px-5 yu-bg-white yu-shadow-2xl yu-shadow-gray-100 yu-flex yu-flex-col" }, gn = { class: "yu-flex gap-3 yu-flex-col yu-h-full yu-w-full yu-justify-between" }, wn = { class: "yu-text-base" }, vn = { class: "yu-flex yu-justify-between" }, xn = { class: "yu-flex yu-gap-2" }, bn = { class: "yu-aspect-square material-icons yu-h-12 yu-w-12 yu-place-items-center yu-rounded-full cursor-default !yu-text-1xl !yu-grid !yu-bg-green-100 !yu-text-green-500" }, _n = { class: "yu-font-plus yu-flex yu-text-xl yu-text-gray-800 yu-font-bold yu-items-center" }, $n = { class: "yu-flex yu-gap-2" }, Tn = { class: "yu-aspect-square material-icons yu-h-12 yu-w-12 yu-place-items-center yu-rounded-full cursor-default !yu-text-1xl !yu-grid !yu-bg-red-100 !yu-text-red-500" }, Sn = { class: "yu-font-plus yu-flex yu-text-xl yu-text-gray-800 yu-font-bold yu-items-center" }, Cn = { class: "yu-flex yu-gap-1" }, Pn = /* @__PURE__ */ p("i", { class: "yu-aspect-square material-icons yu-h-12 yu-w-12 yu-place-items-center yu-rounded-full cursor-default !yu-text-1xl !yu-grid" }, "call_received", -1), Bn = { class: "yu-font-plus yu-flex yu-text-xl yu-text-gray-800 yu-font-bold yu-items-center" }, An = { class: "yu-flex yu-gap-1" }, kn = /* @__PURE__ */ p("i", { class: "yu-aspect-square material-icons yu-h-12 yu-w-12 yu-place-items-center yu-rounded-full cursor-default !yu-text-1xl !yu-grid" }, "call_made", -1), On = { class: "yu-font-plus yu-flex yu-text-xl yu-text-gray-800 yu-font-bold yu-items-center" }, Nn = /* @__PURE__ */ A({
+const Et = /* @__PURE__ */ Y(vn, [["__scopeId", "data-v-c6abe2e9"]]), wn = { class: "yu-border yu-border-gray-100 yu-rounded-md yu-py-4 yu-px-5 yu-bg-white yu-shadow-2xl yu-shadow-gray-100 yu-flex yu-flex-col" }, xn = { class: "yu-flex gap-3 yu-flex-col yu-h-full yu-w-full yu-justify-between" }, bn = { class: "yu-text-base" }, _n = { class: "yu-flex yu-justify-between" }, $n = { class: "yu-flex yu-gap-2" }, Tn = { class: "yu-aspect-square material-icons yu-h-12 yu-w-12 yu-place-items-center yu-rounded-full cursor-default !yu-text-1xl !yu-grid !yu-bg-green-100 !yu-text-green-500" }, Pn = { class: "yu-font-plus yu-flex yu-text-xl yu-text-gray-800 yu-font-bold yu-items-center" }, Sn = { class: "yu-flex yu-gap-2" }, Cn = { class: "yu-aspect-square material-icons yu-h-12 yu-w-12 yu-place-items-center yu-rounded-full cursor-default !yu-text-1xl !yu-grid !yu-bg-red-100 !yu-text-red-500" }, Bn = { class: "yu-font-plus yu-flex yu-text-xl yu-text-gray-800 yu-font-bold yu-items-center" }, An = { class: "yu-flex yu-gap-1" }, kn = /* @__PURE__ */ d("i", { class: "yu-aspect-square material-icons yu-h-12 yu-w-12 yu-place-items-center yu-rounded-full cursor-default !yu-text-1xl !yu-grid" }, "call_received", -1), On = { class: "yu-font-plus yu-flex yu-text-xl yu-text-gray-800 yu-font-bold yu-items-center" }, Nn = { class: "yu-flex yu-gap-1" }, zn = /* @__PURE__ */ d("i", { class: "yu-aspect-square material-icons yu-h-12 yu-w-12 yu-place-items-center yu-rounded-full cursor-default !yu-text-1xl !yu-grid" }, "call_made", -1), Rn = { class: "yu-font-plus yu-flex yu-text-xl yu-text-gray-800 yu-font-bold yu-items-center" }, Dn = /* @__PURE__ */ k({
   __name: "app-advanced-stat-card",
   props: {
     totalGood: {
@@ -2452,78 +2456,78 @@ const Rt = /* @__PURE__ */ X(fn, [["__scopeId", "data-v-e5bd72b2"]]), mn = { cla
   },
   setup(e) {
     return (t, o) => {
-      const n = Wt("tooltip");
-      return _(), T("div", mn, [
-        p("div", gn, [
-          $e(Rt, {
+      const n = gt("tooltip");
+      return x(), $("div", wn, [
+        d("div", xn, [
+          ge(Et, {
             plus: "",
             semibold: ""
           }, {
-            default: le(() => [
-              p("div", wn, [
-                b(t.$slots, "title")
+            default: Z(() => [
+              d("div", bn, [
+                w(t.$slots, "title")
               ])
             ]),
             _: 3
           }),
-          p("div", vn, [
-            Q((_(), T("div", xn, [
-              p("i", bn, [
-                b(t.$slots, "icon-good", {}, () => [
-                  He("assignment")
+          d("div", _n, [
+            q((x(), $("div", $n, [
+              d("i", Tn, [
+                w(t.$slots, "icon-good", {}, () => [
+                  Pe("assignment")
                 ])
               ]),
-              p("p", _n, N(e.totalGood), 1)
+              d("p", Pn, S(e.totalGood), 1)
             ])), [
               [n, e.goodTooltip]
             ]),
-            Q((_(), T("div", $n, [
-              p("i", Tn, [
-                b(t.$slots, "icon-bad", {}, () => [
-                  He("assignment")
+            q((x(), $("div", Sn, [
+              d("i", Cn, [
+                w(t.$slots, "icon-bad", {}, () => [
+                  Pe("assignment")
                 ])
               ]),
-              p("p", Sn, N(e.totalBad), 1)
+              d("p", Bn, S(e.totalBad), 1)
             ])), [
               [n, e.badTooltip]
             ]),
-            Q((_(), T("div", Cn, [
-              Pn,
-              p("p", Bn, N(e.totalReceived), 1)
+            q((x(), $("div", An, [
+              kn,
+              d("p", On, S(e.totalReceived), 1)
             ])), [
               [n, e.receivedTooltip]
             ]),
-            Q((_(), T("div", An, [
-              kn,
-              p("p", On, N(e.totalSent), 1)
+            q((x(), $("div", Nn, [
+              zn,
+              d("p", Rn, S(e.totalSent), 1)
             ])), [
               [n, e.sentTooltip]
             ])
           ]),
-          p("div", null, [
-            b(t.$slots, "footer")
+          d("div", null, [
+            w(t.$slots, "footer")
           ])
         ])
       ]);
     };
   }
-}), zn = { 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" }, Rn = { class: "yu-font-plus yu-text-gray-800 yu-font-semibold yu-text-lg" }, Dn = { class: "yu-mt-2 yu-flex yu-flex-col" };
-function Ln(e, t) {
-  return _(), T("div", zn, [
-    p("div", Rn, [
-      b(e.$slots, "heading")
+}), Ln = { 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" }, Hn = { class: "yu-font-plus yu-text-gray-800 yu-font-semibold yu-text-lg" }, En = { class: "yu-mt-2 yu-flex yu-flex-col" };
+function Mn(e, t) {
+  return x(), $("div", Ln, [
+    d("div", Hn, [
+      w(e.$slots, "heading")
     ]),
-    p("div", Dn, [
-      b(e.$slots, "list")
+    d("div", En, [
+      w(e.$slots, "list")
     ])
   ]);
 }
-var Hn = {};
-const En = /* @__PURE__ */ X(Hn, [["render", Ln]]), Mn = /* @__PURE__ */ A({
+var In = {};
+const Fn = /* @__PURE__ */ Y(In, [["render", Mn]]), Vn = /* @__PURE__ */ k({
   __name: "subtitle",
   props: {
     inter: { type: Boolean },
-    plus: { type: Boolean },
+    plus: { type: Boolean, default: !0 },
     titillium: { type: Boolean },
     small: { type: Boolean },
     base: { type: Boolean },
@@ -2543,19 +2547,19 @@ const En = /* @__PURE__ */ X(Hn, [["render", Ln]]), Mn = /* @__PURE__ */ A({
     neutral: { type: Boolean }
   },
   setup(e) {
-    const t = e, { fontClass: o, colorClass: n, weightClass: i, sizeClass: s } = Ke("subtitle", t);
-    return (r, l) => (_(), T("h3", {
-      class: B(["yu-font-inter yu-text-md yu-font-normal yu-text-black", [D(o), D(n), D(i), D(s)]])
+    const t = e, { fontClass: o, colorClass: n, weightClass: i, sizeClass: s } = Qe("subtitle", t);
+    return (r, l) => (x(), $("h3", {
+      class: A(["yu-font-inter yu-text-md yu-font-normal yu-text-black", [O(o), O(n), O(i), O(s)]])
     }, [
-      b(r.$slots, "default", {}, void 0, !0)
+      w(r.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });
-const In = /* @__PURE__ */ X(Mn, [["__scopeId", "data-v-cd3f9071"]]), Fn = /* @__PURE__ */ A({
+const jn = /* @__PURE__ */ Y(Vn, [["__scopeId", "data-v-11d0ee28"]]), Wn = /* @__PURE__ */ k({
   __name: "text",
   props: {
     inter: { type: Boolean },
-    plus: { type: Boolean },
+    plus: { type: Boolean, default: !0 },
     titillium: { type: Boolean },
     small: { type: Boolean },
     base: { type: Boolean },
@@ -2576,84 +2580,221 @@ const In = /* @__PURE__ */ X(Mn, [["__scopeId", "data-v-cd3f9071"]]), Fn = /* @_
     neutral: { type: Boolean }
   },
   setup(e) {
-    const t = e, { fontClass: o, colorClass: n, weightClass: i, sizeClass: s } = Ke("text", t);
-    return (r, l) => (_(), T("p", {
-      class: B(["yu-font-inter yu-text-sm yu-font-normal yu-text-black", [D(o), D(n), D(i), D(s)]])
+    const t = e, { fontClass: o, colorClass: n, weightClass: i, sizeClass: s } = Qe("text", t);
+    return (r, l) => (x(), $("p", {
+      class: A(["yu-font-inter yu-text-sm yu-font-normal yu-text-black", [O(o), O(n), O(i), O(s)]])
     }, [
-      b(r.$slots, "default", {}, void 0, !0)
+      w(r.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });
-const Vn = /* @__PURE__ */ X(Fn, [["__scopeId", "data-v-747f1999"]]), Wn = { class: "yu-w-full yu-bg-white yu-rounded-lg yu-p-6 yu-gap-2.5" }, jn = { class: "yu-w-full yu-table-auto yu-border-separate yu-border-spacing-0 yu-rounded-lg" }, qn = { class: "yu-bg-gray-100 yu-rounded-lg yu-border" }, Gn = /* @__PURE__ */ A({
-  __name: "app-table",
-  setup(e) {
-    return (t, o) => (_(), T("div", Wn, [
-      p("table", jn, [
-        p("thead", qn, [
-          b(t.$slots, "header")
-        ]),
-        p("tbody", null, [
-          b(t.$slots, "body")
-        ])
+const qn = /* @__PURE__ */ Y(Wn, [["__scopeId", "data-v-5c9c77c5"]]), Gn = { class: "yu-w-full yu-bg-white yu-rounded-lg yu-p-6 yu-gap-2.5" }, Un = { class: "yu-w-full yu-table-auto yu-border-separate yu-border-spacing-0 yu-rounded-lg" }, Kn = { class: "yu-bg-gray-100 yu-rounded-lg yu-border" };
+function Yn(e, t) {
+  return x(), $("div", Gn, [
+    d("table", Un, [
+      d("thead", Kn, [
+        w(e.$slots, "header")
+      ]),
+      d("tbody", null, [
+        w(e.$slots, "body")
       ])
-    ]));
-  }
-});
-function Un(e, t) {
-  return _(), T("tr", null, [
-    b(e.$slots, "default")
+    ])
+  ]);
+}
+var Xn = {};
+const Jn = /* @__PURE__ */ Y(Xn, [["render", Yn]]);
+function Qn(e, t) {
+  return x(), $("tr", null, [
+    w(e.$slots, "default")
   ]);
 }
-var Yn = {};
-const Xn = /* @__PURE__ */ X(Yn, [["render", Un]]), Kn = { class: "yu-p-3" };
-function Jn(e, t) {
-  return _(), T("tr", Kn, [
-    b(e.$slots, "default")
+var Zn = {};
+const ei = /* @__PURE__ */ Y(Zn, [["render", Qn]]), ti = { class: "yu-p-3" };
+function oi(e, t) {
+  return x(), $("tr", ti, [
+    w(e.$slots, "default")
   ]);
 }
-var Qn = {};
-const Zn = /* @__PURE__ */ X(Qn, [["render", Jn]]), ei = { class: "yu-font-plus yu-text-sm yu-py-2 yu-px-3 yu-border-b" };
-function ti(e, t) {
-  return _(), T("td", ei, [
-    b(e.$slots, "default")
+var ni = {};
+const ii = /* @__PURE__ */ Y(ni, [["render", oi]]), si = { class: "yu-font-plus yu-text-sm yu-py-2 yu-px-3 yu-border-b" };
+function ri(e, t) {
+  return x(), $("td", si, [
+    w(e.$slots, "default")
   ]);
 }
-var oi = {};
-const ni = /* @__PURE__ */ X(oi, [["render", ti]]), ii = {
+var li = {};
+const ai = /* @__PURE__ */ Y(li, [["render", ri]]), ui = {
   class: "yu-text-gray-500 yu-font-medium yu-py-2 yu-px-3 yu-text-sm",
   align: "left"
 };
-function si(e, t) {
-  return _(), T("th", ii, [
-    b(e.$slots, "default")
+function di(e, t) {
+  return x(), $("th", ui, [
+    w(e.$slots, "default")
   ]);
 }
-var ri = {};
-const li = /* @__PURE__ */ X(ri, [["render", si]]);
-const ui = {
+var ci = {};
+const pi = /* @__PURE__ */ Y(ci, [["render", di]]), hi = { class: "yu-flex yu-font-plus yu-gap-1 yu-items-center" }, yi = /* @__PURE__ */ d("p", null, "Items por página", -1), fi = { class: "material-icons yu-ml-4" }, mi = { class: "yu-flex" }, gi = ["disabled"], vi = ["disabled"], wi = /* @__PURE__ */ k({
+  __name: "app-pagination",
+  props: {
+    totalItems: {
+      type: Number,
+      required: !0
+    },
+    initialPage: {
+      type: Number,
+      default: 1
+    },
+    initialPerPage: {
+      type: Number,
+      default: 10
+    },
+    perPageOptions: {
+      type: Array,
+      default: () => ["10", "20", "50", "100"]
+    }
+  },
+  emits: ["update:currentPage", "update:perPage"],
+  setup(e, { emit: t }) {
+    const o = e, n = D(o.initialPerPage), i = D(o.initialPage), s = re(() => Math.ceil(o.totalItems / n.value)), r = re(() => (i.value - 1) * n.value + 1), l = re(() => Math.min(i.value * n.value, o.totalItems)), a = (h) => {
+      const y = parseInt(h);
+      y != n.value && (n.value = y, i.value = 1, t("update:perPage", { peerPage: n.value }));
+    }, u = () => {
+      i.value < s.value && (i.value += 1, t("update:currentPage", { currentPage: i.value }));
+    }, p = () => {
+      i.value > 1 && (i.value -= 1, t("update:currentPage", { currentPage: i.value }));
+    };
+    return (h, y) => {
+      const c = gt("close-popper");
+      return x(), $("div", hi, [
+        yi,
+        ge(Ht, {
+          icon: "",
+          label: String(n.value),
+          autoSize: ""
+        }, {
+          default: Z(() => [
+            (x(!0), $(mt, null, Gt(e.perPageOptions, (f) => q((x(), pe(Ge, {
+              class: "yu-justify-between",
+              key: f,
+              label: String(f),
+              icon: "",
+              onClick: (m) => a(f)
+            }, {
+              default: Z(() => [
+                Pe(S(f), 1),
+                q(d("i", fi, "check_circle", 512), [
+                  [Ee, n.value == f]
+                ])
+              ]),
+              _: 2
+            }, 1032, ["label", "onClick"])), [
+              [c]
+            ])), 128))
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        d("p", null, S(O(r)) + " - " + S(O(l)) + " de " + S(o.totalItems), 1),
+        d("div", mi, [
+          d("i", {
+            class: "material-icons yu-cursor-pointer",
+            onClick: p,
+            disabled: i.value === 1
+          }, "chevron_left", 8, gi),
+          d("p", null, "Página " + S(i.value) + " de " + S(O(s)), 1),
+          d("i", {
+            class: "material-icons yu-cursor-pointer",
+            onClick: u,
+            disabled: i.value === O(s).value
+          }, "chevron_right", 8, vi)
+        ])
+      ]);
+    };
+  }
+}), xi = ["onClick", "onKeydown"], bi = /* @__PURE__ */ k({
+  __name: "app-popup",
+  emits: ["close"],
+  setup(e, { emit: t }) {
+    const o = D(!1);
+    function n() {
+      o.value = !1, t("close");
+    }
+    return (i, s) => (x(), $("div", null, [
+      d("div", {
+        onClick: s[0] || (s[0] = (r) => o.value = !0)
+      }, [
+        w(i.$slots, "default")
+      ]),
+      o.value ? (x(), pe(Ut, {
+        key: 0,
+        to: "body"
+      }, [
+        d("div", {
+          class: "yu-z-10 yu-absolute yu-top-0 yu-bg-zinc-900 yu-bg-opacity-50 yu-w-full yu-h-full yu-flex yu-flex-col yu-justify-center yu-items-center yu-p-4",
+          onClick: vt(n, ["self"]),
+          onKeydown: ke(n, ["esc"])
+        }, [
+          w(i.$slots, "content", { onClose: n })
+        ], 40, xi)
+      ])) : de("", !0)
+    ]));
+  }
+});
+const _i = { class: "yu-flex yu-items-center yu-border yu-p-6 yu-px-7 yu-w-full yu-justify-around" }, $i = { class: "yu-border-byu- bg-zinc-50 yu-flex-grow" }, Ti = { class: "yu-mt-2 yu-p-6 yu-px-7" }, Pi = { class: "yu-flex yu-flex-col-reverse yu-gap-2 yu-p-6 yu-px-7 yu-w-full yu-pb-4 yu-pt-3 yu-mt-6" }, Si = /* @__PURE__ */ k({
+  __name: "app-modal",
+  emits: ["close"],
+  setup(e, { emit: t }) {
+    const o = () => {
+      t("close");
+    };
+    return (n, i) => (x(), $("div", {
+      class: "yu-w-full yu-bg-white yu-mt-auto yu-relative yu-flex yu-flex-col yu-justify-center yu-shadow-2xl yu-rounded-md yu-overflow-hidden w-[70%] md:w-[60%] lg:w-[30rem] m-auto",
+      onClick: i[1] || (i[1] = vt(() => {
+      }, ["stop"]))
+    }, [
+      d("div", _i, [
+        d("div", $i, [
+          w(n.$slots, "header")
+        ]),
+        d("span", {
+          class: "material-icons yu-cursor-pointer yu-transition yu-text-gray-300 yu-text-xs yu-rounded-md yu-ml-auto yu-select-none hover:yu-text-red-500",
+          onClick: i[0] || (i[0] = (s) => o())
+        }, "close")
+      ]),
+      d("div", Ti, [
+        w(n.$slots, "body")
+      ]),
+      d("div", Pi, [
+        w(n.$slots, "footer")
+      ])
+    ]));
+  }
+}), Bi = {
   install: (e) => {
-    e.component("TextInput", ft), e.component("IconTextInput", Yt), e.component("SwitchCheckbox", Jt), e.component("ButtonPrimary", Qt), e.component("ButtonSecondary", Zt), e.component("SimpleDropdown", lo), e.component("AppDropdown", ln), e.component("SimpleDropdownItem", mt), e.component("StatCard", yn), e.component("AppAdvancedStatCard", Nn), e.component("ListCard", En), e.component("AppTitle", Rt), e.component("AppSubtitle", In), e.component("AppText", Vn), e.component("AppTable", Gn), e.component("TableHeader", Xn), e.component("TableRow", Zn), e.component("TableCell", ni), e.component("TableHeaderCell", li);
+    e.component("TextInput", wt), e.component("IconTextInput", Qt), e.component("SwitchCheckbox", to), e.component("ButtonPrimary", oo), e.component("ButtonSecondary", no), e.component("SimpleDropdown", po), e.component("AppDropdown", Ht), e.component("SimpleDropdownItem", Ge), e.component("StatCard", gn), e.component("AppAdvancedStatCard", Dn), e.component("ListCard", Fn), e.component("AppTitle", Et), e.component("AppSubtitle", jn), e.component("AppText", qn), e.component("AppTable", Jn), e.component("AppTableHeader", ei), e.component("AppTableRow", ii), e.component("AppTableCell", ai), e.component("AppTableHeaderCell", pi), e.component("AppPagination", wi), e.component("AppPopup", bi), e.component("AppMoal", Si);
   }
 };
 export {
-  Nn as AppAdvancedStatCard,
-  ln as AppDropdown,
-  In as AppSubtitle,
-  Gn as AppTable,
-  Vn as AppText,
-  Rt as AppTitle,
-  Qt as ButtonPrimary,
-  Zt as ButtonSecondary,
-  Yt as IconTextInput,
-  En as ListCard,
-  lo as SimpleDropdown,
-  mt as SimpleDropdownItem,
-  yn as StatCard,
-  Jt as SwitchCheckbox,
-  ni as TableCell,
-  Xn as TableHeader,
-  li as TableHeaderCell,
-  Zn as TableRow,
-  ft as TextInput,
-  ui as default
+  Dn as AppAdvancedStatCard,
+  Ht as AppDropdown,
+  Si as AppModal,
+  wi as AppPagination,
+  bi as AppPopup,
+  jn as AppSubtitle,
+  Jn as AppTable,
+  ai as AppTableCell,
+  ei as AppTableHeader,
+  pi as AppTableHeaderCell,
+  ii as AppTableRow,
+  qn as AppText,
+  Et as AppTitle,
+  oo as ButtonPrimary,
+  no as ButtonSecondary,
+  Qt as IconTextInput,
+  Fn as ListCard,
+  po as SimpleDropdown,
+  Ge as SimpleDropdownItem,
+  gn as StatCard,
+  to as SwitchCheckbox,
+  wt as TextInput,
+  Bi as default
 };